{"version":3,"file":"Icon.stories.mjs","names":["UIcon","aliases","getFormattedColors","colors","meta","title","component","tags","argTypes","icon","control","options","Object","keys","map","value","concat","color","hover","table","disable","active","BaseIcon","render","args","components","setup","template","LightCircleIcon","size","variant","LightCircleOutlineIcon","DarkCircle","LightSquare","MidSquare","DarkSquare"],"sources":["../../src/stories/Icon.stories.ts"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/vue3'\nimport { UIcon } from '../components'\nimport { aliases } from '../iconsets/mdi-svg'\nimport getFormattedColors from '../utils/getFormattedColors'\nimport ColorName from '../types/colors'\nimport { UIconProps } from '../components/UIcon/UIcon'\nimport { ExtractPropTypes } from 'vue'\nimport { IconValue } from '../composables/icons'\nimport colors from '../assets/colors'\n\nconst meta: Meta<typeof UIcon> = {\n  title: 'Example/Icon',\n  component: UIcon,\n  tags: ['autodocs'],\n  argTypes: {\n    icon: {\n      control: 'select',\n      options: Object.keys(aliases).map((value) => `$${value}`),\n    },\n    color: { control: 'select', options: getFormattedColors(colors) },\n    hover: { table: { disable: true } },\n    active: { table: { disable: true } },\n  },\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof UIcon>\n\nexport const BaseIcon: Story = {\n  render: (args: ExtractPropTypes<UIconProps>) => ({\n    components: { UIcon },\n    setup() {\n      args.icon = `$${args.icon}`\n      return { args }\n    },\n    template:\n      '<UIcon v-bind=\"args\" class=\"mt-10 mb-10 mx-auto\"> {{ args.icon }} </UIcon>',\n  }),\n  args: {\n    color: 'error-600' as ColorName,\n    icon: 'activity' as IconValue,\n  } as UIconProps,\n}\n\nexport const LightCircleIcon: Story = {\n  render: (args: ExtractPropTypes<UIconProps>) => ({\n    components: { UIcon },\n    setup() {\n      args.icon = `$${args.icon}`\n      return { args }\n    },\n    template:\n      '<UIcon v-bind=\"args\" class=\"mt-10 mb-10 mx-auto\"> {{ args.icon }} </UIcon>',\n  }),\n  args: {\n    color: 'error-600' as ColorName,\n    icon: 'activity' as IconValue,\n    size: 'xs',\n    variant: 'lightCircle',\n  } as UIconProps,\n}\n\nexport const LightCircleOutlineIcon: Story = {\n  render: (args: ExtractPropTypes<UIconProps>) => ({\n    components: { UIcon },\n    setup() {\n      args.icon = `$${args.icon}`\n      return { args }\n    },\n    template:\n      '<UIcon v-bind=\"args\" class=\"mt-10 mb-10 mx-auto\"> {{ args.icon }} </UIcon>',\n  }),\n  args: {\n    color: 'error-600' as ColorName,\n    icon: 'activity' as IconValue,\n    size: '20',\n    variant: 'lightCircleOutline',\n  } as UIconProps,\n}\n\nexport const DarkCircle: Story = {\n  render: (args: ExtractPropTypes<UIconProps>) => ({\n    components: { UIcon },\n    setup() {\n      args.icon = `$${args.icon}`\n      return { args }\n    },\n    template:\n      '<UIcon v-bind=\"args\" class=\"mt-10 mb-10 mx-auto\"> {{ args.icon }} </UIcon>',\n  }),\n  args: {\n    color: 'error-600' as ColorName,\n    icon: 'activity' as IconValue,\n    size: 'md',\n    variant: 'darkCircle',\n  } as UIconProps,\n}\n\nexport const LightSquare: Story = {\n  render: (args: ExtractPropTypes<UIconProps>) => ({\n    components: { UIcon },\n    setup() {\n      args.icon = `$${args.icon}`\n      return { args }\n    },\n    template:\n      '<UIcon v-bind=\"args\" class=\"mt-10 mb-10 mx-auto\"> {{ args.icon }} </UIcon>',\n  }),\n  args: {\n    color: 'error-600' as ColorName,\n    icon: 'activity' as IconValue,\n    size: 'lg',\n    variant: 'lightSquare',\n  } as UIconProps,\n}\n\nexport const MidSquare: Story = {\n  render: (args: ExtractPropTypes<UIconProps>) => ({\n    components: { UIcon },\n    setup() {\n      args.icon = `$${args.icon}`\n      return { args }\n    },\n    template:\n      '<UIcon v-bind=\"args\" class=\"mt-10 mb-10 mx-auto\"> {{ args.icon }} </UIcon>',\n  }),\n  args: {\n    color: 'error-600' as ColorName,\n    icon: 'activity' as IconValue,\n    size: 'xl',\n    variant: 'midSquare',\n  } as UIconProps,\n}\n\nexport const DarkSquare: Story = {\n  render: (args: ExtractPropTypes<UIconProps>) => ({\n    components: { UIcon },\n    setup() {\n      args.icon = `$${args.icon}`\n      return { args }\n    },\n    template:\n      '<UIcon v-bind=\"args\" class=\"mt-10 mb-10 mx-auto\"> {{ args.icon }} </UIcon>',\n  }),\n  args: {\n    color: 'error-600' as ColorName,\n    icon: 'activity' as IconValue,\n    size: 'xxl',\n    variant: 'darkSquare',\n  } as UIconProps,\n}\n"],"mappings":"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"}