@flightlesslabs/dodo-ui 0.22.2 → 0.24.0

package/src/lib/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/src/lib/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/src/lib/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 '$lib/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/src/lib/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/src/lib/storybook-types.ts

@@ -1,182 +0,0 @@
-type ControlType =
-  | 'object'
-  | 'boolean'
-  | 'check'
-  | 'inline-check'
-  | 'radio'
-  | 'inline-radio'
-  | 'select'
-  | 'multi-select'
-  | 'number'
-  | 'range'
-  | 'file'
-  | 'color'
-  | 'date'
-  | 'text';
-
-interface ControlBase {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  [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;
-    }
-  | {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      eq: any;
-    }
-  | {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      neq: any;
-    };
-type ConditionalValue =
-  | {
-      arg: string;
-    }
-  | {
-      global: string;
-    };
-type Conditional = ConditionalValue & ConditionalTest;
-
-interface Args {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  [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?: {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    [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 */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  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
-   */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  defaultValue?: any;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  [key: string]: any;
-}
-
-export type ArgTypes<TArgs = Args> = {
-  [name in keyof TArgs]: InputType;
-};
-
-export type StoryBookArgTypes = Partial<ArgTypes<Args>>;

package/src/lib/utils/time/date-creator/createDate/createDate.mdx

@@ -1,98 +0,0 @@
-# createDate
-
-A centralized date factory built on top of `dayjs`.
-
-This utility ensures **consistent parsing, timezone handling, and validation** across your application.
-
-## 📦 Import
-
-```ts
-import { createDate } from '@flightlesslabs/dodo-ui';
-```
-
-## 🚀 Basic Usage
-
-### Current Date
-
-```ts
-const now = createDate();
-console.log(now.format());
-```
-
-
-### Parse a Date
-
-```ts
-const date = createDate("01-02-2025", "DD-MM-YYYY");
-console.log(date.format());
-```
-
-## 🌍 Timezone & UTC
-
-### UTC Mode
-
-```ts
-const utcDate = createDate("2025-01-01T12:00:00Z", undefined, {
-  utc: true,
-});
-```
-
-### Timezone Conversion
-
-```ts
-const indiaTime = createDate("01-01-2025", "DD-MM-YYYY", {
-  timezone: "Asia/Kolkata",
-});
-```
-
-## ⚙️ Options
-
-```ts
-interface CreateDateOptions {
-  timezone?: string;
-  utc?: boolean;
-  strict?: boolean;
-  throwOnInvalid?: boolean;
-}
-```
-
-## 🔁 Behavior Priority
-
-1. utc (highest priority)
-2. timezone
-3. local
-
----
-
-### timezone
-
-- IANA timezone string
-- Interprets input in given timezone
-
----
-
-### utc
-
-- Forces UTC mode
-
----
-
-### strict
-
-- Only applies when format is provided
-- Has no effect on ISO / timestamps
-
----
-
-### throwOnInvalid
-
-- Throws error if date is invalid
-
----
-
-## 📥 Supported Inputs
-
-- string
-- number (timestamp)
-- Date object
-- undefined

package/src/lib/utils/time/date-creator/createDateFactory/createDateFactory.mdx

@@ -1,104 +0,0 @@
-# createDateFactory
-
-A **factory function** that creates a `createDate` utility with an optional custom `dayjs` instance.
-
-This allows advanced users to:
-
-- Inject their own configured `dayjs`
-- Share plugins across multiple libraries
-- Avoid global `dayjs.extend` pollution
-- Create isolated date environments
-
----
-
-## 📦 Import
-
-```ts
-import { createDateFactory } from '@flightlesslabs/dodo-ui';
-```
-
----
-
-## 🚀 Basic Usage
-
-### Default Factory
-
-```ts
-import { createDateFactory } from '@flightlesslabs/dodo-ui';
-
-const { createDate } = createDateFactory();
-
-const now = createDate();
-console.log(now.format());
-```
-
----
-
-## 🧠 Why Use a Factory?
-
-Instead of relying on global `dayjs.extend`, you can:
-
-- isolate plugin setups
-- avoid conflicts in monorepos
-- support multiple configurations
-- improve testability
-
----
-
-## 🔌 Custom Dayjs Instance
-
-### Inject your own configured instance
-
-```ts
-import dayjs from 'dayjs';
-import utc from 'dayjs/plugin/utc';
-import timezone from 'dayjs/plugin/timezone';
-
-dayjs.extend(utc);
-dayjs.extend(timezone);
-
-const { createDate } = createDateFactory(dayjs);
-
-const date = createDate("2025-01-01", "YYYY-MM-DD");
-```
-
----
-
-## ⚙️ Behavior
-
-The factory wraps your `dayjs` instance and preserves:
-
-- UTC handling
-- Timezone support
-- Strict parsing
-- Validation options
-
----
-
-## 🔁 Priority Order
-
-1. utc (highest priority)
-2. timezone
-3. local parsing
-
----
-
-## 📥 Returned API
-
-```ts
-{
-  createDate: Function,
-  dayjs: DayjsInstance
-}
-```
-
-## 🧪 Example: Multiple Factories
-
-
-```ts
-const factoryA = createDateFactory(dayjsA);
-const factoryB = createDateFactory(dayjsB);
-
-factoryA.createDate("2025-01-01");
-factoryB.createDate("2025-01-01");
-```