@saasmakers/ui 1.4.37 → 1.4.38

package/app/components/bases/BaseQuote.stories.ts

@@ -1,63 +0,0 @@
-import BaseQuote from './BaseQuote.vue'
-
-export default {
-  component: BaseQuote,
-  title: 'Bases/BaseQuote',
-
-  argTypes: {
-    background: {
-      control: 'select',
-      options: [
-        'gray',
-        'gray-light',
-        'white',
-      ] satisfies BaseQuoteBackground[],
-    },
-    character: {
-      control: 'select',
-      options: [
-        'anthony',
-        'julien',
-        'mathieu',
-        'nada',
-        'power',
-        'yoda',
-      ] satisfies BaseCharacterCharacter[],
-    },
-    clickable: { control: 'boolean' },
-    closingId: { control: 'text' },
-    forceSlot: { control: 'boolean' },
-    hasClose: { control: 'boolean' },
-    hideCharacterOnMobile: { control: 'boolean' },
-    noMargin: { control: 'boolean' },
-    reverse: { control: 'boolean' },
-    size: {
-      control: 'select',
-      options: [
-        'xs',
-        'sm',
-        'base',
-      ] satisfies BaseQuoteSize[],
-    },
-    status: {
-      control: 'select',
-      options: [
-        'error',
-        'info',
-        'success',
-        'warning',
-      ] satisfies BaseStatus[],
-    },
-  },
-} satisfies Meta<typeof BaseQuote>
-
-export const Default: StoryObj<typeof BaseQuote> = {
-  args: {},
-  render: args => ({
-    components: { BaseQuote },
-    setup() {
-      return { args }
-    },
-    template: '<BaseQuote v-bind="args">This is a quote text.</BaseQuote>',
-  }),
-}

package/app/components/bases/BaseShortcut.stories.ts

@@ -1,24 +0,0 @@
-import BaseShortcut from './BaseShortcut.vue'
-
-export default {
-  component: BaseShortcut,
-  title: 'Bases/BaseShortcut',
-
-  argTypes: {
-    active: { control: 'boolean' },
-    shortcut: { control: 'text' },
-  },
-} satisfies Meta<typeof BaseShortcut>
-
-export const Enter: StoryObj<typeof BaseShortcut> = { args: { shortcut: 'Enter' } satisfies Partial<BaseShortcut> }
-
-export const Letter: StoryObj<typeof BaseShortcut> = { args: { shortcut: 'y' } satisfies Partial<BaseShortcut> }
-
-export const Escape: StoryObj<typeof BaseShortcut> = { args: { shortcut: 'Escape' } satisfies Partial<BaseShortcut> }
-
-export const Inactive: StoryObj<typeof BaseShortcut> = {
-  args: {
-    active: false,
-    shortcut: 'Enter',
-  } satisfies Partial<BaseShortcut>,
-}

package/app/components/bases/BaseSpinner.stories.ts

@@ -1,42 +0,0 @@
-import BaseSpinner from './BaseSpinner.vue'
-
-export default {
-  component: BaseSpinner,
-  title: 'Bases/BaseSpinner',
-
-  argTypes: {
-    clickable: { control: 'boolean' },
-    color: {
-      control: 'select',
-      options: [
-        'black',
-        'gray',
-        'green',
-        'indigo',
-        'orange',
-        'red',
-        'white',
-      ] satisfies BaseColor[],
-    },
-    id: { control: 'text' },
-    reverse: { control: 'boolean' },
-    size: {
-      control: 'select',
-      options: [
-        '2xs',
-        'xs',
-        'sm',
-        'base',
-        'lg',
-        'xl',
-        '2xl',
-        '3xl',
-        '4xl',
-      ] satisfies BaseSize[],
-    },
-    text: { control: 'text' },
-    uppercase: { control: 'boolean' },
-  },
-} satisfies Meta<typeof BaseSpinner>
-
-export const Default: StoryObj<typeof BaseSpinner> = { args: { text: 'Loading...' } satisfies Partial<BaseSpinner> }

package/app/components/bases/BaseTag.stories.ts

@@ -1,44 +0,0 @@
-import BaseTag from './BaseTag.vue'
-
-export default {
-  component: BaseTag,
-  title: 'Bases/BaseTag',
-
-  argTypes: {
-    active: { control: 'boolean' },
-    avatar: { control: 'text' },
-    circle: { control: 'text' },
-    clickable: { control: 'boolean' },
-    color: {
-      control: 'select',
-      options: [
-        'black',
-        'gray',
-        'green',
-        'indigo',
-        'orange',
-        'red',
-        'white',
-      ] satisfies BaseColor[],
-    },
-    draggable: { control: 'boolean' },
-    editable: { control: 'boolean' },
-    icon: { control: 'text' },
-    iconSize: { control: 'number' },
-    id: { control: 'number' },
-    isCreation: { control: 'boolean' },
-    light: { control: 'boolean' },
-    order: { control: 'number' },
-    removable: { control: 'boolean' },
-    rounded: { control: 'boolean' },
-    size: {
-      control: 'select',
-      options: ['sm', 'base'] satisfies BaseTagSize[],
-    },
-    text: { control: 'text' },
-    truncate: { control: 'boolean' },
-    uppercase: { control: 'boolean' },
-  },
-} satisfies Meta<typeof BaseTag>
-
-export const Default: StoryObj<typeof BaseTag> = { args: { text: 'Tag' } satisfies Partial<BaseTag> }

package/app/components/bases/BaseTags.stories.ts

@@ -1,42 +0,0 @@
-import BaseTags from './BaseTags.vue'
-
-export default {
-  component: BaseTags,
-  title: 'Bases/BaseTags',
-
-  argTypes: {
-    active: { control: 'boolean' },
-    clickable: { control: 'boolean' },
-    draggable: { control: 'boolean' },
-    editable: { control: 'boolean' },
-    hasBack: { control: 'boolean' },
-    hasCreation: { control: 'boolean' },
-    maxTags: { control: 'number' },
-    modelValue: { control: 'object' },
-    removable: { control: 'boolean' },
-    selectable: { control: 'boolean' },
-    selectableUnique: { control: 'boolean' },
-    size: {
-      control: 'select',
-      options: ['sm', 'base'] satisfies BaseTagSize[],
-    },
-    tags: { control: 'object' },
-    wrap: { control: 'boolean' },
-  },
-} satisfies Meta<typeof BaseTags>
-
-export const Default: StoryObj<typeof BaseTags> = {
-  args: {
-    modelValue: [],
-    tags: [
-      {
-        id: 1,
-        text: 'Tag 1',
-      },
-      {
-        id: 2,
-        text: 'Tag 2',
-      },
-    ],
-  } satisfies Partial<BaseTags>,
-}

package/app/components/bases/BaseText.stories.ts

@@ -1,47 +0,0 @@
-import BaseText from './BaseText.vue'
-
-export default {
-  component: BaseText,
-  title: 'Bases/BaseText',
-
-  argTypes: {
-    alignment: {
-      control: 'select',
-      options: [
-        'center',
-        'left',
-        'right',
-      ] satisfies BaseAlignment[],
-    },
-    background: {
-      control: 'select',
-      options: ['gray', 'white'] satisfies BaseBackground[],
-    },
-    block: { control: 'boolean' },
-    bold: { control: 'boolean' },
-    hasMargin: { control: 'boolean' },
-    maxCharacters: { control: 'number' },
-    noWrap: { control: 'boolean' },
-    reverse: { control: 'boolean' },
-    size: {
-      control: 'select',
-      options: [
-        '2xs',
-        'xs',
-        'sm',
-        'base',
-        'lg',
-        'xl',
-        '2xl',
-        '3xl',
-        '4xl',
-      ] satisfies BaseSize[],
-    },
-    text: { control: 'text' },
-    truncate: { control: 'boolean' },
-    underline: { control: 'boolean' },
-    uppercase: { control: 'boolean' },
-  },
-} satisfies Meta<typeof BaseText>
-
-export const Default: StoryObj<typeof BaseText> = { args: { text: 'Text content' } satisfies Partial<BaseText> }

package/app/components/bases/BaseToast.stories.ts

@@ -1,70 +0,0 @@
-import BaseToast from './BaseToast.vue'
-
-export default {
-  component: BaseToast,
-  title: 'Bases/BaseToast',
-
-  argTypes: {
-    hasClose: { control: 'boolean' },
-    id: { control: 'text' },
-    status: {
-      control: 'select',
-      options: [
-        'error',
-        'info',
-        'success',
-        'warning',
-      ] satisfies BaseStatus[],
-    },
-    text: { control: 'text' },
-  },
-} satisfies Meta<typeof BaseToast>
-
-export const Default: StoryObj<typeof BaseToast> = {
-  args: {
-    id: 'toast-1',
-    status: 'info',
-    text: 'Toast message',
-  } satisfies Partial<BaseToast>,
-}
-
-export const WithAction: StoryObj<typeof BaseToast> = {
-  args: {
-    action: {
-      label: 'Undo',
-      // eslint-disable-next-line no-console
-      onClick: () => console.log('action clicked'),
-    },
-    id: 'toast-2',
-    status: 'success',
-    text: 'Toast message',
-  } satisfies Partial<BaseToast>,
-}
-
-export const WithActionShortcutEnter: StoryObj<typeof BaseToast> = {
-  args: {
-    action: {
-      label: 'Yes',
-      // eslint-disable-next-line no-console
-      onClick: () => console.log('action clicked'),
-      shortcut: 'Enter',
-    },
-    id: 'toast-3',
-    status: 'success',
-    text: 'Confirm this action?',
-  } satisfies Partial<BaseToast>,
-}
-
-export const WithActionShortcutY: StoryObj<typeof BaseToast> = {
-  args: {
-    action: {
-      label: 'Yes',
-      // eslint-disable-next-line no-console
-      onClick: () => console.log('action clicked'),
-      shortcut: 'y',
-    },
-    id: 'toast-4',
-    status: 'info',
-    text: 'Confirm this action?',
-  } satisfies Partial<BaseToast>,
-}

package/app/components/fields/FieldAvatar.stories.ts

@@ -1,37 +0,0 @@
-import FieldAvatar from './FieldAvatar.vue'
-
-export default {
-  component: FieldAvatar,
-  title: 'Fields/FieldAvatar',
-
-  argTypes: {
-    action: { control: 'text' },
-    background: {
-      control: 'select',
-      options: ['gray', 'white'] satisfies FieldBackground[],
-    },
-    border: {
-      control: 'select',
-      options: [
-        'bottom',
-        'full',
-        'none',
-      ] satisfies FieldInputBorder[],
-    },
-    disabled: { control: 'boolean' },
-    fullWidth: { control: 'boolean' },
-    label: { control: 'text' },
-    loading: { control: 'boolean' },
-    maxSizeMb: { control: 'number' },
-    src: { control: 'text' },
-  },
-} satisfies Meta<typeof FieldAvatar>
-
-export const Default: StoryObj<typeof FieldAvatar> = { args: { src: 'https://via.placeholder.com/100' } satisfies Partial<FieldAvatar> }
-
-export const Loading: StoryObj<typeof FieldAvatar> = {
-  args: {
-    loading: true,
-    src: 'https://via.placeholder.com/100',
-  } satisfies Partial<FieldAvatar>,
-}

package/app/components/fields/FieldCheckbox.stories.ts

@@ -1,36 +0,0 @@
-import FieldCheckbox from './FieldCheckbox.vue'
-
-export default {
-  component: FieldCheckbox,
-  title: 'Fields/FieldCheckbox',
-
-  argTypes: {
-    description: { control: 'text' },
-    disabled: { control: 'boolean' },
-    fullWidth: { control: 'boolean' },
-    hideError: { control: 'boolean' },
-    label: { control: 'text' },
-    labelIcon: { control: 'text' },
-    lineThrough: { control: 'boolean' },
-    loading: { control: 'boolean' },
-    required: { control: 'boolean' },
-    size: {
-      control: 'select',
-      options: [
-        'xs',
-        'sm',
-        'base',
-        'lg',
-      ] satisfies FieldSize[],
-    },
-    truncate: { control: 'boolean' },
-    uppercase: { control: 'boolean' },
-  },
-} satisfies Meta<typeof FieldCheckbox>
-
-export const Default: StoryObj<typeof FieldCheckbox> = {
-  args: {
-    label: 'Checkbox Label',
-    modelValue: false,
-  } satisfies Partial<FieldCheckbox>,
-}

package/app/components/fields/FieldDays.stories.ts

@@ -1,10 +0,0 @@
-import FieldDays from './FieldDays.vue'
-
-export default {
-  component: FieldDays,
-  title: 'Fields/FieldDays',
-
-  argTypes: {},
-} satisfies Meta<typeof FieldDays>
-
-export const Default: StoryObj<typeof FieldDays> = { args: { modelValue: [] } satisfies Partial<FieldDays> }

package/app/components/fields/FieldEmojis.stories.ts

@@ -1,10 +0,0 @@
-import FieldEmojis from './FieldEmojis.vue'
-
-export default {
-  component: FieldEmojis,
-  title: 'Fields/FieldEmojis',
-
-  argTypes: {},
-} satisfies Meta<typeof FieldEmojis>
-
-export const Default: StoryObj<typeof FieldEmojis> = { args: { modelValue: '' } satisfies Partial<FieldEmojis> }

package/app/components/fields/FieldInput.stories.ts

@@ -1,100 +0,0 @@
-import FieldInput from './FieldInput.vue'
-
-export default {
-  component: FieldInput,
-  title: 'Fields/FieldInput',
-
-  argTypes: {
-    alignment: {
-      control: 'select',
-      options: [
-        'center',
-        'left',
-        'right',
-      ] satisfies BaseAlignment[],
-    },
-    autocomplete: { control: 'boolean' },
-    autofocus: { control: 'boolean' },
-    background: {
-      control: 'select',
-      options: ['gray', 'white'] satisfies FieldBackground[],
-    },
-    border: {
-      control: 'select',
-      options: [
-        'bottom',
-        'full',
-        'none',
-      ] satisfies FieldInputBorder[],
-    },
-    description: { control: 'text' },
-    disabled: { control: 'boolean' },
-    fullWidth: { control: 'boolean' },
-    hideError: { control: 'boolean' },
-    label: { control: 'text' },
-    labelIcon: { control: 'text' },
-    lineThrough: { control: 'boolean' },
-    loading: { control: 'boolean' },
-    lowercaseOnly: { control: 'boolean' },
-    max: { control: 'number' },
-    min: { control: 'number' },
-    placeholder: { control: 'text' },
-    required: { control: 'boolean' },
-    size: {
-      control: 'select',
-      options: [
-        'xs',
-        'sm',
-        'base',
-        'lg',
-      ] satisfies FieldSize[],
-    },
-    slugOnly: { control: 'boolean' },
-    trim: { control: 'boolean' },
-    type: {
-      control: 'select',
-      options: [
-        'currency',
-        'date',
-        'datetime-local',
-        'email',
-        'month',
-        'number',
-        'password',
-        'search',
-        'tel',
-        'text',
-        'time',
-        'url',
-        'week',
-      ] satisfies FieldInputType[],
-    },
-    uppercase: { control: 'boolean' },
-  },
-} satisfies Meta<typeof FieldInput>
-
-export const Default: StoryObj<typeof FieldInput> = {
-  args: {
-    label: 'Input Label',
-    modelValue: '',
-    placeholder: 'Enter text...',
-  } satisfies Partial<FieldInput>,
-}
-
-export const SlugOnly: StoryObj<typeof FieldInput> = {
-  args: {
-    label: 'Username',
-    modelValue: '',
-    placeholder: 'Enter your username',
-    slugOnly: true,
-  } satisfies Partial<FieldInput>,
-}
-
-export const Trim: StoryObj<typeof FieldInput> = {
-  args: {
-    label: 'First name',
-    modelValue: 'Julien  ',
-    placeholder: 'Enter your first name',
-    trim: true,
-  } satisfies Partial<FieldInput>,
-}

package/app/components/fields/FieldLabel.stories.ts

@@ -1,30 +0,0 @@
-import FieldLabel from './FieldLabel.vue'
-
-export default {
-  component: FieldLabel,
-  title: 'Fields/FieldLabel',
-
-  argTypes: {
-    disabled: { control: 'boolean' },
-    forField: { control: 'text' },
-    hasMarginBottom: { control: 'boolean' },
-    hasMarginLeft: { control: 'boolean' },
-    icon: { control: 'text' },
-    label: { control: 'text' },
-    lineThrough: { control: 'boolean' },
-    loading: { control: 'boolean' },
-    required: { control: 'boolean' },
-    size: {
-      control: 'select',
-      options: [
-        'xs',
-        'sm',
-        'base',
-        'lg',
-      ] satisfies FieldSize[],
-    },
-    truncate: { control: 'boolean' },
-  },
-} satisfies Meta<typeof FieldLabel>
-
-export const Default: StoryObj<typeof FieldLabel> = { args: { label: 'Label Text' } satisfies Partial<FieldLabel> }

package/app/components/fields/FieldMessage.stories.ts

@@ -1,22 +0,0 @@
-import FieldMessage from './FieldMessage.vue'
-
-export default {
-  component: FieldMessage,
-  title: 'Fields/FieldMessage',
-
-  argTypes: {
-    description: { control: 'text' },
-    hideError: { control: 'boolean' },
-    size: {
-      control: 'select',
-      options: [
-        'xs',
-        'sm',
-        'base',
-        'lg',
-      ] satisfies FieldSize[],
-    },
-  },
-} satisfies Meta<typeof FieldMessage>
-
-export const Default: StoryObj<typeof FieldMessage> = { args: { description: 'This is a message' } satisfies Partial<FieldMessage> }

package/app/components/fields/FieldSelect.stories.ts

@@ -1,73 +0,0 @@
-import FieldSelect from './FieldSelect.vue'
-
-export default {
-  component: FieldSelect,
-  title: 'Fields/FieldSelect',
-
-  argTypes: {
-    border: {
-      control: 'select',
-      options: [
-        'bottom',
-        'full',
-        'none',
-      ] satisfies FieldSelectBorder[],
-    },
-    caret: { control: 'boolean' },
-    columns: { control: 'object' },
-    description: { control: 'text' },
-    direction: {
-      control: 'select',
-      options: ['bottom', 'top'] satisfies FieldSelectDirection[],
-    },
-    disabled: { control: 'boolean' },
-    hideError: { control: 'boolean' },
-    label: { control: 'text' },
-    labelIcon: { control: 'text' },
-    maxHeight: {
-      control: 'select',
-      options: [
-        'xs',
-        'sm',
-        'md',
-        'lg',
-      ] satisfies FieldSelectMaxHeight[],
-    },
-    openOnHover: { control: 'boolean' },
-    options: { control: 'object' },
-    padding: { control: 'boolean' },
-    placeholder: { control: 'text' },
-    required: { control: 'boolean' },
-    size: {
-      control: 'select',
-      options: [
-        'xs',
-        'sm',
-        'base',
-        'lg',
-      ] satisfies FieldSize[],
-    },
-  },
-} satisfies Meta<typeof FieldSelect>
-
-export const Default: StoryObj<typeof FieldSelect> = {
-  args: {
-    label: 'Select Label',
-    modelValue: '',
-    options: [
-      {
-        text: 'Option 1',
-        value: '1',
-      },
-      {
-        text: 'Option 2',
-        value: '2',
-      },
-      {
-        text: 'Option 3',
-        value: '3',
-      },
-    ],
-    placeholder: 'Choose an option...',
-  } satisfies Partial<FieldSelect>,
-}