@flightlesslabs/dodo-ui 0.22.2 → 0.23.0

package/dist/components/Layout/Grid/Column/Column.stories.svelte

@@ -1,66 +0,0 @@
-<script module lang="ts">
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import Column, { gridColumnSizeOptions } from './Column.svelte';
-  import type { GridColumnProps } from './Column.svelte';
-  import type { ArgTypes } from 'storybook/internal/csf';
-
-  // ------------------------------
-  // Storybook ArgTypes
-  // ------------------------------
-  export const storyColumnArgTypes: Partial<ArgTypes<GridColumnProps>> = {
-    // ------------------------------
-    // Core
-    // ------------------------------
-    children: { table: { category: 'API', subcategory: 'Base' } },
-    class: { table: { category: 'API', subcategory: 'Base' } },
-
-    // ------------------------------
-    // Size
-    // ------------------------------
-    size: {
-      control: { type: 'select' },
-      options: gridColumnSizeOptions,
-      table: { category: 'API', subcategory: 'Size', defaultValue: { summary: '12' } },
-    },
-    sm: {
-      control: { type: 'select' },
-      options: gridColumnSizeOptions,
-      table: { category: 'API', subcategory: 'Size' },
-    },
-    md: {
-      control: { type: 'select' },
-      options: gridColumnSizeOptions,
-      table: { category: 'API', subcategory: 'Size' },
-    },
-    lg: {
-      control: { type: 'select' },
-      options: gridColumnSizeOptions,
-      table: { category: 'API', subcategory: 'Size' },
-    },
-    xl: {
-      control: { type: 'select' },
-      options: gridColumnSizeOptions,
-      table: { category: 'API', subcategory: 'Size' },
-    },
-    xxl: {
-      control: { type: 'select' },
-      options: gridColumnSizeOptions,
-      table: { category: 'API', subcategory: 'Size' },
-    },
-  };
-
-  // ------------------------------
-  // Storybook Meta
-  // ------------------------------
-  const { Story } = defineMeta({
-    component: Column,
-    tags: ['autodocs'],
-    argTypes: storyColumnArgTypes,
-  });
-</script>
-
-<!-- ------------------------------ -->
-<!-- Stories -->
-<!-- ------------------------------ -->
-
-<Story name="Default">Hello there</Story>

package/dist/components/Layout/Grid/Column/Column.stories.svelte.d.ts

@@ -1,22 +0,0 @@
-import Column from './Column.svelte';
-import type { GridColumnProps } from './Column.svelte';
-import type { ArgTypes } from 'storybook/internal/csf';
-export declare const storyColumnArgTypes: Partial<ArgTypes<GridColumnProps>>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Column: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Column = InstanceType<typeof Column>;
-export default Column;

package/dist/components/Layout/Grid/Grid.stories.svelte

@@ -1,192 +0,0 @@
-<script module lang="ts">
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import Grid from './Grid.svelte';
-  import type { GridProps } from './Grid.svelte';
-  import type { ArgTypes } from 'storybook/internal/csf';
-  import Column from './Column/Column.svelte';
-  import Card from '../Card/Card.svelte';
-  import Row from './Row/Row.svelte';
-
-  const description = `
-  a set of components for your basic "12 column grid" needs
-
- \`\`\`ts
- import { Grid, Column, Row } from '@flightlesslabs/dodo-ui';
- \`\`\`
- `;
-
-  // ------------------------------
-  // Storybook ArgTypes
-  // ------------------------------
-  export const storyGridArgTypes: Partial<ArgTypes<GridProps>> = {
-    // ------------------------------
-    // Core
-    // ------------------------------
-    children: { table: { category: 'API', subcategory: 'Base' } },
-    class: { table: { category: 'API', subcategory: 'Base' } },
-    gap: { table: { category: 'API', subcategory: 'Base', defaultValue: { summary: '1' } } },
-  };
-
-  // ------------------------------
-  // Storybook Meta
-  // ------------------------------
-  const { Story } = defineMeta({
-    component: Grid,
-    tags: ['autodocs'],
-    argTypes: storyGridArgTypes,
-    parameters: {
-      docs: {
-        description: {
-          component: description,
-        },
-      },
-    },
-  });
-</script>
-
-<!-- ------------------------------ -->
-<!-- Stories -->
-<!-- ------------------------------ -->
-
-<!-- Basic 12 column grid -->
-<Story name="Default">
-  <Column sm={4}>Hello there</Column>
-  <Column sm={4}>Hello there</Column>
-  <Column sm={4}>Hello there</Column>
-  <Column sm={4}>Hello there</Column>
-  <Column sm={4}>Hello there</Column>
-</Story>
-
-<Story name="Example">
-  <Column sm={4}>
-    <Card color="primary">
-      <p>Hello there</p>
-    </Card>
-  </Column>
-  <Column sm={4}>
-    <Card color="primary">
-      <p>Hello there</p>
-    </Card>
-  </Column>
-  <Column sm={4}>
-    <Card color="primary">
-      <p>Hello there</p>
-    </Card>
-  </Column>
-  <Column sm={4}>
-    <Card color="primary">
-      <p>Hello there</p>
-    </Card>
-  </Column>
-</Story>
-
-<Story name="Grid Row">
-  <Row>
-    <Column sm={6} md={4} lg={3}>
-      <Card color="primary">
-        <p>Hello there</p>
-      </Card>
-    </Column>
-    <Column sm={6} md={4} lg={3}>
-      <Card color="primary">
-        <p>Hello there</p>
-      </Card>
-    </Column>
-    <Column sm={6} md={4} lg={3}>
-      <Card color="primary">
-        <p>Hello there</p>
-      </Card>
-    </Column>
-  </Row>
-  <Row>
-    <Column sm={6} md={4} lg={3}>
-      <Card color="primary">
-        <p>Hello there</p>
-      </Card>
-    </Column>
-    <Column sm={6} md={4} lg={3}>
-      <Card color="primary">
-        <p>Hello there</p>
-      </Card>
-    </Column>
-    <Column sm={6} md={4} lg={3}>
-      <Card color="primary">
-        <p>Hello there</p>
-      </Card>
-    </Column>
-  </Row>
-</Story>
-
-<Story name="Gap" args={{ gap: 2 }}>
-  <Column sm={4}>
-    <Card color="primary">
-      <p>Hello there</p>
-    </Card>
-  </Column>
-  <Column sm={4}>
-    <Card color="primary">
-      <p>Hello there</p>
-    </Card>
-  </Column>
-  <Column sm={4}>
-    <Card color="primary">
-      <p>Hello there</p>
-    </Card>
-  </Column>
-  <Column sm={4}>
-    <Card color="primary">
-      <p>Hello there</p>
-    </Card>
-  </Column>
-</Story>
-
-<Story name="Responsive">
-  <Column sm={6} md={4} lg={3}>
-    <Card color="primary">
-      <p>Hello there</p>
-    </Card>
-  </Column>
-  <Column sm={6} md={4} lg={3}>
-    <Card color="primary">
-      <p>Hello there</p>
-    </Card>
-  </Column>
-  <Column sm={6} md={4} lg={3}>
-    <Card color="primary">
-      <p>Hello there</p>
-    </Card>
-  </Column>
-  <Column sm={6} md={4} lg={3}>
-    <Card color="primary">
-      <p>Hello there</p>
-    </Card>
-  </Column>
-  <Column sm={6} md={4} lg={3}>
-    <Card color="primary">
-      <p>Hello there</p>
-    </Card>
-  </Column>
-  <Column sm={6} md={4} lg={3}>
-    <Card color="primary">
-      <p>Hello there</p>
-    </Card>
-  </Column>
-</Story>
-
-<Story name="Flex">
-  <Column md="flex">
-    <Card color="primary">
-      <p>Hello there</p>
-    </Card>
-  </Column>
-  <Column md={2}>
-    <Card color="primary">
-      <p>Hello there</p>
-    </Card>
-  </Column>
-  <Column md={2}>
-    <Card color="primary">
-      <p>Hello there</p>
-    </Card>
-  </Column>
-</Story>

package/dist/components/Layout/Grid/Grid.stories.svelte.d.ts

@@ -1,22 +0,0 @@
-import Grid from './Grid.svelte';
-import type { GridProps } from './Grid.svelte';
-import type { ArgTypes } from 'storybook/internal/csf';
-export declare const storyGridArgTypes: Partial<ArgTypes<GridProps>>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Grid: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Grid = InstanceType<typeof Grid>;
-export default Grid;

package/dist/components/Layout/Grid/Row/Row.stories.svelte

@@ -1,39 +0,0 @@
-<script module lang="ts">
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import Row from './Row.svelte';
-  import type { GridRowProps } from './Row.svelte';
-  import type { ArgTypes } from 'storybook/internal/csf';
-  import Column from '../Column/Column.svelte';
-
-  // ------------------------------
-  // Storybook ArgTypes
-  // ------------------------------
-  export const storyRowArgTypes: Partial<ArgTypes<GridRowProps>> = {
-    // ------------------------------
-    // Core
-    // ------------------------------
-    children: { table: { category: 'API', subcategory: 'Base' } },
-    class: { table: { category: 'API', subcategory: 'Base' } },
-  };
-
-  // ------------------------------
-  // Storybook Meta
-  // ------------------------------
-  const { Story } = defineMeta({
-    component: Row,
-    tags: ['autodocs'],
-    argTypes: storyRowArgTypes,
-  });
-</script>
-
-<!-- ------------------------------ -->
-<!-- Stories -->
-<!-- ------------------------------ -->
-
-<Story name="Default">
-  <Column sm={4}>Hello there</Column>
-  <Column sm={4}>Hello there</Column>
-  <Column sm={4}>Hello there</Column>
-  <Column sm={4}>Hello there</Column>
-  <Column sm={4}>Hello there</Column>
-</Story>

package/dist/components/Layout/Grid/Row/Row.stories.svelte.d.ts

@@ -1,22 +0,0 @@
-import Row from './Row.svelte';
-import type { GridRowProps } from './Row.svelte';
-import type { ArgTypes } from 'storybook/internal/csf';
-export declare const storyRowArgTypes: Partial<ArgTypes<GridRowProps>>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Row: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Row = InstanceType<typeof Row>;
-export default Row;

package/dist/components/Layout/Theme/Theme.stories.svelte

@@ -1,54 +0,0 @@
-<script module lang="ts">
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import Theme from './Theme.svelte';
-  import type { ThemeProps } from './Theme.svelte';
-  import type { ArgTypes } from 'storybook/internal/csf';
-  import { componentThemeOptions } from '../../../attributes/theme.js';
-
-  const description = `
-    Wrap your app at the root with Theme to provide a consistent light or dark class (based on system or override) to all child components
-
- \`\`\`ts
- import { Theme } from '@flightlesslabs/dodo-ui';
- \`\`\`
- `;
-
-  /**
-   * Storybook controls for Theme
-   */
-  export const ThemeArgTypes: Partial<ArgTypes<ThemeProps>> = {
-    class: { table: { category: 'API', subcategory: 'Base' } },
-    type: {
-      control: { type: 'select' },
-      options: componentThemeOptions,
-      description: 'Theme color type: auto by defualt',
-      table: { category: 'API', subcategory: 'Base', defaultValue: { summary: 'auto' } },
-    },
-    global: {
-      table: { category: 'API', subcategory: 'Base' },
-    },
-  };
-
-  const { Story } = defineMeta({
-    component: Theme,
-    tags: ['autodocs'],
-    argTypes: ThemeArgTypes,
-    parameters: {
-      docs: {
-        description: {
-          component: description,
-        },
-      },
-    },
-  });
-</script>
-
-<!-- ------------------------------ -->
-<!-- Stories -->
-<!-- ------------------------------ -->
-
-<Story name="Default"></Story>
-
-<Story name="Light" args={{ type: 'light' }}></Story>
-
-<Story name="Dark" args={{ type: 'dark' }} globals={{ backgrounds: { value: 'dark' } }}></Story>

package/dist/components/Layout/Theme/Theme.stories.svelte.d.ts

@@ -1,25 +0,0 @@
-import Theme from './Theme.svelte';
-import type { ThemeProps } from './Theme.svelte';
-import type { ArgTypes } from 'storybook/internal/csf';
-/**
- * Storybook controls for Theme
- */
-export declare const ThemeArgTypes: Partial<ArgTypes<ThemeProps>>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Theme: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Theme = InstanceType<typeof Theme>;
-export default Theme;

package/dist/components/Layout/Theme/ThemeSystem/index.mdx

@@ -1,35 +0,0 @@
-# 🎨 Theme System
-
-A lightweight theme system built using context + local store.
-
-## 🧩 Theme Context
-
-### 📦 Import
-
-```ts
-import { useThemeContext } from '@flightlesslabs/dodo-ui';
-```
-
-Provides access to the active theme.
-
-### Usage
-
-```ts
-const { theme } = useThemeContext();
-```
-
-## 🏪 Theme Store
-
-Global theme state.
-
-### 📦 Import
-
-```ts
-import { useThemeStore } from '@flightlesslabs/dodo-ui';
-```
-
-### Read
-
-```ts
-const theme = useThemeStore.theme;
-```

package/dist/storybook-types.d.ts

@@ -1,129 +0,0 @@
-type ControlType = 'object' | 'boolean' | 'check' | 'inline-check' | 'radio' | 'inline-radio' | 'select' | 'multi-select' | 'number' | 'range' | 'file' | 'color' | 'date' | 'text';
-interface ControlBase {
-    [key: string]: any;
-    /** @see https://storybook.js.org/docs/api/arg-types#controltype */
-    type?: ControlType;
-    disable?: boolean;
-}
-type Control = ControlType | false | (ControlBase & (ControlBase | {
-    type: 'color';
-    /** @see https://storybook.js.org/docs/api/arg-types#controlpresetcolors */
-    presetColors?: string[];
-} | {
-    type: 'file';
-    /** @see https://storybook.js.org/docs/api/arg-types#controlaccept */
-    accept?: string;
-} | {
-    type: 'inline-check' | 'radio' | 'inline-radio' | 'select' | 'multi-select';
-    /** @see https://storybook.js.org/docs/api/arg-types#controllabels */
-    labels?: {
-        [options: string]: string;
-    };
-} | {
-    type: 'number' | 'range';
-    /** @see https://storybook.js.org/docs/api/arg-types#controlmax */
-    max?: number;
-    /** @see https://storybook.js.org/docs/api/arg-types#controlmin */
-    min?: number;
-    /** @see https://storybook.js.org/docs/api/arg-types#controlstep */
-    step?: number;
-}));
-type ConditionalTest = {
-    truthy?: boolean;
-} | {
-    exists: boolean;
-} | {
-    eq: any;
-} | {
-    neq: any;
-};
-type ConditionalValue = {
-    arg: string;
-} | {
-    global: string;
-};
-type Conditional = ConditionalValue & ConditionalTest;
-interface Args {
-    [name: string]: any;
-}
-interface SBBaseType {
-    required?: boolean;
-    raw?: string;
-}
-type SBScalarType = SBBaseType & {
-    name: 'boolean' | 'string' | 'number' | 'function' | 'symbol';
-};
-type SBArrayType = SBBaseType & {
-    name: 'array';
-    value: SBType;
-};
-type SBObjectType = SBBaseType & {
-    name: 'object';
-    value: Record<string, SBType>;
-};
-type SBEnumType = SBBaseType & {
-    name: 'enum';
-    value: (string | number)[];
-};
-type SBIntersectionType = SBBaseType & {
-    name: 'intersection';
-    value: SBType[];
-};
-type SBUnionType = SBBaseType & {
-    name: 'union';
-    value: SBType[];
-};
-type SBOtherType = SBBaseType & {
-    name: 'other';
-    value: string;
-};
-type SBType = SBScalarType | SBEnumType | SBArrayType | SBObjectType | SBIntersectionType | SBUnionType | SBOtherType;
-interface InputType {
-    /** @see https://storybook.js.org/docs/api/arg-types#control */
-    control?: Control;
-    /** @see https://storybook.js.org/docs/api/arg-types#description */
-    description?: string;
-    /** @see https://storybook.js.org/docs/api/arg-types#if */
-    if?: Conditional;
-    /** @see https://storybook.js.org/docs/api/arg-types#mapping */
-    mapping?: {
-        [key: string]: any;
-    };
-    /** @see https://storybook.js.org/docs/api/arg-types#name */
-    name?: string;
-    /** @see https://storybook.js.org/docs/api/arg-types#options */
-    options?: readonly any[];
-    /** @see https://storybook.js.org/docs/api/arg-types#table */
-    table?: {
-        [key: string]: unknown;
-        /** @see https://storybook.js.org/docs/api/arg-types#tablecategory */
-        category?: string;
-        /** @see https://storybook.js.org/docs/api/arg-types#tabledefaultvalue */
-        defaultValue?: {
-            summary?: string;
-            detail?: string;
-        };
-        /** @see https://storybook.js.org/docs/api/arg-types#tabledisable */
-        disable?: boolean;
-        /** @see https://storybook.js.org/docs/api/arg-types#tablesubcategory */
-        subcategory?: string;
-        /** @see https://storybook.js.org/docs/api/arg-types#tabletype */
-        type?: {
-            summary?: string;
-            detail?: string;
-        };
-    };
-    /** @see https://storybook.js.org/docs/api/arg-types#type */
-    type?: SBType | SBScalarType['name'];
-    /**
-     * @deprecated Use `table.defaultValue.summary` instead.
-     * @see https://storybook.js.org/docs/api/arg-types#defaultvalue
-     */
-    defaultValue?: any;
-    [key: string]: any;
-}
-export type ArgTypes<TArgs = Args> = {
-    [name in keyof TArgs]: InputType;
-};
-export type StoryBookArgTypes = Partial<ArgTypes<Args>>;
-export {};

package/dist/storybook-types.js

@@ -1 +0,0 @@
-export {};