{"version":3,"file":"Button.stories.mjs","names":["UButton","UntitledColorTypes","meta","title","component","tags","argTypes","variant","table","disable","type","control","options","primary","secondaryGray","secondaryColor","tertiaryGray","tertiaryColor","linkGray","linkColor","size","disabled","defaultValue","loading","destructive","color","borderColor","backgroundColor","prependIcon","appendIcon","BaseButton","render","args","components","setup","template","tabindex","LinkButton","IconButton"],"sources":["../../src/stories/Button.stories.ts"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/vue3'\nimport { UButton } from '../components'\nimport Sizes from '../types/sizes'\nimport UntitledColorTypes from '../types/untitledColorTypes'\nimport { ButtonProps } from '../types/buttonProps'\nimport { ExtractPropTypes } from 'vue'\n\nconst meta: Meta<typeof UButton> = {\n  title: 'Example/Button',\n  component: UButton,\n  tags: ['autodocs'],\n  argTypes: {\n    variant: { table: { disable: true } },\n    type: {\n      control: 'select',\n      options: [\n        UntitledColorTypes.primary,\n        UntitledColorTypes.secondaryGray,\n        UntitledColorTypes.secondaryColor,\n        UntitledColorTypes.tertiaryGray,\n        UntitledColorTypes.tertiaryColor,\n        UntitledColorTypes.linkGray,\n        UntitledColorTypes.linkColor,\n      ],\n    },\n    size: { control: 'select', options: ['sm', 'md', 'lg', 'xl', 'xxl'] },\n    disabled: { control: 'boolean', defaultValue: false },\n    loading: { control: 'boolean', defaultValue: false },\n    destructive: { control: 'boolean', defaultValue: false },\n    color: { table: { disable: true } },\n    borderColor: { table: { disable: true } },\n    backgroundColor: { table: { disable: true } },\n    prependIcon: {\n      control: 'select',\n      options: [\n        null,\n        'activity',\n        'bookmark-x',\n        'bookmark-add',\n        'bookmark-check',\n        'fingerprint-04',\n      ],\n    },\n    appendIcon: {\n      control: 'select',\n      options: [\n        null,\n        'activity',\n        'activity-heart',\n        'anchor',\n        'archive',\n        'asterisk',\n      ],\n    },\n  },\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof UButton>\n\nexport const BaseButton: Story = {\n  render: (args: ExtractPropTypes<ButtonProps>) => ({\n    components: { UButton },\n    setup() {\n      return { args }\n    },\n    template: '<UButton v-bind=\"args\" class=\"mt-10 mx-auto\">Button</UButton>',\n  }),\n  args: {\n    size: 'sm' as Sizes,\n    type: UntitledColorTypes.primary as UntitledColorTypes,\n    prependIcon: 'placeholder',\n    appendIcon: 'placeholder',\n    tabindex: 0,\n  } as ButtonProps,\n}\n\nexport const LinkButton: Story = {\n  render: (args: ExtractPropTypes<ButtonProps>) => ({\n    components: { UButton },\n    setup() {\n      return { args }\n    },\n    template:\n      '<UButton v-bind=\"args\" class=\"mt-10 mx-auto\" to=\"/\">Link</UButton>',\n  }),\n  args: {\n    size: 'sm' as Sizes,\n    type: UntitledColorTypes.primary as UntitledColorTypes,\n    prependIcon: 'placeholder',\n    appendIcon: 'placeholder',\n  } as ButtonProps,\n}\n\nexport const IconButton: Story = {\n  render: (args: ExtractPropTypes<ButtonProps>) => ({\n    components: { UButton },\n    setup() {\n      return { args }\n    },\n    template: '<UButton v-bind=\"args\" class=\"mt-10\"></UButton>',\n  }),\n  args: {\n    size: 'sm' as Sizes,\n    type: UntitledColorTypes.primary as UntitledColorTypes,\n    prependIcon: 'placeholder',\n  } as ButtonProps,\n}\n"],"mappings":"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"}