conversion-ui-library 1.0.5

package/README.md

@@ -0,0 +1,181 @@
+# Conversion UI Library
+
+## Features
+
+- 🚀 **React Components** - Modern, reusable UI components built with React and hooks
+- 🎨 **Tailwind + shadcn/ui** - Fully styled with Tailwind utility classes and Radix primitives
+- 📚 **Storybook Integration** - Interactive component documentation
+- 🧩 **Modular Components** - Composable and reusable across multiple projects
+- ⚡ **Fast Builds** - Optimized library build pipeline
+- 🛠️ **TypeScript Support** - Strong typing and autocompletion
+- 🎯 **Theming Ready** - Easily customize colors, typography, and spacing
+
+## Quick Start
+
+### Prerequisites
+
+- Node.js (v18 or higher)
+- Yarn (v1 or Berry)
+- Consumer app: React **^19.2.0** and React DOM **^19.2.0** (peer dependencies)
+
+### Installation
+
+```bash
+# Clone the repository
+git clone <repository-url>
+cd conversion-ui-library
+
+# Install dependencies
+yarn install
+
+# Run Storybook to view and develop components
+yarn storybook
+
+# Build the library before using it in another project
+yarn build
+
+# Create a local package to use in another project
+yarn local:pack
+```
+
+
+## Using the Library in Another Project
+# 1. Install the Library
+# From the client project root:
+```bash
+# Using yarn pack to test the local library in the consumer project without publishing
+yarn add /absolute/path/to/conversion-ui-library/artifacts/conversion-ui-library-<version>.tgz
+# Example:
+yarn add /home/developer/Desktop/codebase/conversion-ui-library/artifacts/conversion-ui-library-1.0.0.tgz
+```
+
+# 2. Import Global Styles (Required)
+## In your client app entry file (main.tsx / index.tsx):
+```bash
+import "conversion-ui-library/styles.css";
+```
+
+This is required because the components rely on Tailwind utility classes (for example `gap-1.5`) and design tokens (for example `bg-soft`, `text-strong`) that are shipped in that stylesheet.
+## Recommended Workflow
+```
+Library Development:
+├── yarn storybook      # Run Storybook to view components
+├── update components   # Make component changes
+├── yarn build          # Build the library
+├── yarn pack           # Pack for local testing
+└── test in client app  # Test integration in your app
+```
+
+# Project Structure
+```
+conversion-ui-library/
+├── src/
+│   ├── components/      # Reusable UI components
+│   ├── styles/          # Global and theme styles
+│   ├── utils/           # Utility functions
+│   ├── hooks/           # Custom React hooks
+│   └── index.ts         # Library entry point
+├── .storybook/          # Storybook config
+├── package.json
+├── tsconfig.json
+└── README.md
+```
+## Example Component Usage
+```bash
+import { Button } from "conversion-ui-library";
+
+export default function App() {
+  return <Button variant="primary">Click Me</Button>;
+}
+```
+
+## Dependencies
+
+React (**^19.2.0**, peer dependency)
+Tailwind CSS
+shadcn/ui
+Radix UI
+Storybook
+TypeScript
+
+## Troubleshooting
+
+### Invalid hook call (e.g. `Cannot read properties of null (reading 'useState')`)
+
+This almost always means the app ended up with **more than one copy of React** (or mismatched `react` / `react-dom` versions).
+
+- **Ensure React + React DOM versions match in the consuming app** (React 19 requires React DOM 19).
+- **Check for duplicate React installs**:
+  - `npm ls react react-dom`
+  - `yarn why react && yarn why react-dom`
+- **If you’re using Vite**, add dedupe in the consuming app’s `vite.config.ts`:
+
+```ts
+export default defineConfig({
+  resolve: {
+    dedupe: ["react", "react-dom"],
+  },
+});
+```
+
+- **If you’re consuming the library locally**, avoid linking the repo folder directly (it can accidentally resolve `react` from this library’s own `node_modules`).
+  - Prefer `yarn pack` and install the generated `.tgz`, or publish/install from npm.
+
+## Scripts
+```bash
+yarn storybook     # Run Storybook
+yarn build         # Build the library
+yarn local:pack    # Build and pack for local usage (creates .tgz in artifacts/)
+```
+
+## Publishing to npm
+
+The library is **automatically published to npm** when the version in `package.json` changes on the `main` branch.
+
+### Automatic Publishing Workflow
+
+1. **Update the version** in `package.json`:
+   ```bash
+   # Bump version (patch, minor, or major)
+   npm version patch  # 1.0.0 -> 1.0.1
+   # or
+   npm version minor  # 1.0.0 -> 1.1.0
+   # or
+   npm version major  # 1.0.0 -> 2.0.0
+   ```
+
+2. **Commit and push to main**:
+   ```bash
+   git add package.json
+   git commit -m "Bump version to 1.0.1"
+   git push origin main
+   ```
+
+3. **GitHub Actions automatically**:
+   - ✅ Detects the version change
+   - ✅ Builds the package
+   - ✅ Creates a git tag (e.g., `v1.0.1`)
+   - ✅ Publishes to npm
+   - ✅ Creates a GitHub release
+
+**If the version hasn't changed**, the workflow skips publishing (no accidental publishes!).
+
+### Manual Publishing (Optional)
+
+You can also manually trigger publishing:
+- Go to GitHub → Actions → "Build, Publish and Deploy"
+- Click "Run workflow"
+- Enable "Publish to npm"
+- Click "Run workflow"
+
+This will publish even if the version hasn't changed.
+
+**Note:** Make sure the `NPM_TOKEN` secret is configured in your GitHub repository settings.
+
+## License
+
+This project is licensed under the MIT License - see the LICENSE file for details.
+
+## Author
+
+Sharad Wankhade ([@sharadwankhade](https://github.com/sharad-conversion))

package/dist/common/Table.d.ts

@@ -0,0 +1,10 @@
+interface TableRow {
+    component: React.ReactNode;
+    code: string;
+}
+interface ComponentCodeTableProps {
+    rows: TableRow[];
+}
+export declare function ComponentTable({ rows }: ComponentCodeTableProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Table.d.ts.map

package/dist/common/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/common/Table.tsx"],"names":[],"mappings":"AAEA,UAAU,QAAQ;IAChB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,uBAAuB;IAC/B,IAAI,EAAE,QAAQ,EAAE,CAAC;CAClB;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE,uBAAuB,2CAiC/D"}

package/dist/components/Autocomplete/Autocomplete.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { default as AutocompleteTable } from './AutocompleteTable';
+declare const meta: Meta<typeof AutocompleteTable>;
+export default meta;
+export declare function AutocompleteDocs(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Autocomplete.stories.d.ts.map

package/dist/components/Autocomplete/Autocomplete.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAMxC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,wBAAgB,gBAAgB,4CAS/B"}

package/dist/components/Autocomplete/AutocompleteTable.d.ts

@@ -0,0 +1,3 @@
+declare function AutocompleteExamples(): import("react/jsx-runtime").JSX.Element;
+export default AutocompleteExamples;
+//# sourceMappingURL=AutocompleteTable.d.ts.map

package/dist/components/Autocomplete/AutocompleteTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteTable.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/AutocompleteTable.tsx"],"names":[],"mappings":"AAmBA,iBAAS,oBAAoB,4CAoJ5B;AAED,eAAe,oBAAoB,CAAC"}

package/dist/components/Button/Button.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('../ui/button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+};
+export default _default;
+export declare function ButtonDocs(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.stories.d.ts.map

package/dist/components/Button/Button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":";;;;AAGA,wBAGE;AACF,wBAAgB,UAAU,4CASzB"}

package/dist/components/Button/ButtonTable.d.ts

@@ -0,0 +1,3 @@
+declare function ButtonTable(): import("react/jsx-runtime").JSX.Element;
+export default ButtonTable;
+//# sourceMappingURL=ButtonTable.d.ts.map

package/dist/components/Button/ButtonTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTable.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ButtonTable.tsx"],"names":[],"mappings":"AA+OA,iBAAS,WAAW,4CAEnB;AACD,eAAe,WAAW,CAAC"}

package/dist/components/Chart/chart-comparison.d.ts

@@ -0,0 +1,4 @@
+import { ComparisonProps, EmptyStateProps } from './chart.types';
+export default function ComparisonChart({ title, percentage, timeframe, estimatedOrders, valueType, scale, data, }: ComparisonProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ title }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chart-comparison.d.ts.map

package/dist/components/Chart/chart-comparison.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-comparison.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/chart-comparison.tsx"],"names":[],"mappings":"AAKA,OAAO,EAGL,eAAe,EACf,eAAe,EAChB,MAAM,eAAe,CAAC;AAmHvB,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,KAAK,EACL,UAAU,EACV,SAAS,EACT,eAAe,EACf,SAAS,EACT,KAAU,EACV,IAAS,GACV,EAAE,eAAe,2CAqGjB;AAID,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,2CA0BpD"}

package/dist/components/Chart/chart-conversion.d.ts

@@ -0,0 +1,3 @@
+import { ConversionProps } from './chart.types';
+export default function ConversionChart(props: ConversionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chart-conversion.d.ts.map

package/dist/components/Chart/chart-conversion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-conversion.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/chart-conversion.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAkBhD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,eAAe,2CA6F7D"}

package/dist/components/Chart/chart-histogram.d.ts

@@ -0,0 +1,4 @@
+import { HistogramProps } from './chart.types';
+export default function HistogramChart({ data }: HistogramProps): import("react/jsx-runtime").JSX.Element;
+export declare function Branding(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chart-histogram.d.ts.map

package/dist/components/Chart/chart-histogram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-histogram.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/chart-histogram.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAU/C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE,cAAc,2CAsE9D;AAqCD,wBAAgB,QAAQ,4CAiBvB"}

package/dist/components/Chart/chart.d.ts

@@ -0,0 +1,3 @@
+import { ChartProps } from './chart.types';
+export declare function Chart(props: ChartProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=chart.d.ts.map

package/dist/components/Chart/chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/chart.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,kDActC"}

package/dist/components/Chart/chart.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Chart } from './chart';
+declare const meta: Meta<typeof Chart>;
+export default meta;
+export declare const AllStates: StoryObj<typeof Chart>;
+//# sourceMappingURL=chart.stories.d.ts.map

package/dist/components/Chart/chart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/chart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAG5B,CAAC;AACF,eAAe,IAAI,CAAC;AAkBpB,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,OAAO,KAAK,CAmX5C,CAAC"}

package/dist/components/Chart/chart.types.d.ts

@@ -0,0 +1,44 @@
+export type ChartVariant = "histogram" | "comparison" | "conversion";
+type BaseChartProps = {
+    title: string;
+    estimatedOrders?: number;
+};
+export type ChartValueType = "$" | "#" | "%" | "empty" | "cogs";
+export type EmptyStateProps = {
+    title: string;
+};
+export type ComparisonDataItem = {
+    label: string;
+    value: number;
+    displayValue?: string | number;
+};
+export type HistogramProps = BaseChartProps & {
+    variant: "histogram";
+    data: {
+        label: string;
+        control: number;
+        variation: number;
+    }[];
+};
+export type ComparisonProps = BaseChartProps & {
+    variant: "comparison";
+    percentage?: string;
+    timeframe?: string;
+    valueType?: ChartValueType;
+    scale?: string[];
+    data: ComparisonDataItem[];
+};
+export type ConversionProps = BaseChartProps & {
+    variant: "conversion";
+    percentage?: string;
+    timeframe?: string;
+    valueType?: ChartValueType;
+    scale?: string[];
+    data: {
+        label: string;
+        value: number;
+    }[];
+};
+export type ChartProps = HistogramProps | ComparisonProps | ConversionProps;
+export {};
+//# sourceMappingURL=chart.types.d.ts.map

package/dist/components/Chart/chart.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/chart.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,YAAY,GAAG,YAAY,CAAC;AAErE,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,OAAO,GAAG,MAAM,CAAC;AAChE,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG;IAC5C,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KACnB,EAAE,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG;IAC7C,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,EAAE,kBAAkB,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG;IAC7C,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,eAAe,GAAG,eAAe,CAAC"}

package/dist/components/Chip/Chip.stories.d.ts

@@ -0,0 +1,8 @@
+import { Chip } from '../ui/Chip';
+declare const _default: {
+    title: string;
+    component: typeof Chip;
+};
+export default _default;
+export declare function ChipDocs(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Chip.stories.d.ts.map

package/dist/components/Chip/Chip.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;;;;;AAGlC,wBAGE;AAEF,wBAAgB,QAAQ,4CASvB"}

package/dist/components/Chip/ChipTable.d.ts

@@ -0,0 +1,2 @@
+export default function ChipTable(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChipTable.d.ts.map

package/dist/components/Chip/ChipTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipTable.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/ChipTable.tsx"],"names":[],"mappings":"AAoEA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAEhC"}

package/dist/components/Colors/ColorTable.d.ts

@@ -0,0 +1,11 @@
+type ColorItem = {
+    name: string;
+    value: string;
+};
+type Props = {
+    title: string;
+    items: ColorItem[];
+};
+export declare function ColorPaletteTable({ title, items }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ColorTable.d.ts.map

package/dist/components/Colors/ColorTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorTable.d.ts","sourceRoot":"","sources":["../../../src/components/Colors/ColorTable.tsx"],"names":[],"mappings":"AAGA,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB,CAAC;AAuBF,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,2CAsExD"}

package/dist/components/Colors/Colors.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Colors: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Colors.stories.d.ts.map

package/dist/components/Colors/Colors.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Colors.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Colors/Colors.stories.tsx"],"names":[],"mappings":";;;AAGA,wBAAiD;AAEjD,eAAO,MAAM,MAAM,+CA6FlB,CAAC"}

package/dist/components/ConversionSidebar/ConversionSidebar.d.ts

@@ -0,0 +1,47 @@
+import { IconName } from '../../lib/Icons/icon-registry';
+import * as React from "react";
+export type SidebarItem = {
+    title: string;
+    url: string;
+    icon: React.ElementType | IconName;
+    isActive?: boolean;
+    onClick?: () => void;
+    onclick?: () => void;
+    items?: {
+        title: string;
+        url: string;
+    }[];
+};
+export type SidebarGroupData = {
+    label?: string;
+    items: SidebarItem[];
+};
+export type SidebarFooterItem = {
+    title: string;
+    icon: IconName;
+    onClick?: () => void;
+    onclick?: () => void;
+};
+interface ConversionSidebarProps {
+    type?: "default" | "setting";
+    user?: {
+        name: string;
+        email: string;
+        avatar?: string;
+    };
+    settingOptions?: SidebarGroupData[];
+    defaultOptions?: SidebarGroupData[];
+    settingFooterOptions?: SidebarFooterItem[];
+    defaultFooterOptions?: SidebarFooterItem[];
+    dropdownOptions?: {
+        label: string;
+        icon: IconName;
+        onClick?: () => void;
+        onclick?: () => void;
+    }[];
+    codesniper?: string;
+    supperhuman?: number;
+}
+export declare function ConversionSidebar({ type, user, defaultOptions, settingOptions, defaultFooterOptions, settingFooterOptions, dropdownOptions, codesniper, supperhuman, }: ConversionSidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConversionSidebar.d.ts.map

package/dist/components/ConversionSidebar/ConversionSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversionSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/ConversionSidebar/ConversionSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIrD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,KAAK,CAAC,WAAW,GAAG,QAAQ,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;KACb,EAAE,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,UAAU,sBAAsB;IAC9B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,cAAc,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACpC,cAAc,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACpC,oBAAoB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC3C,oBAAoB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC3C,eAAe,CAAC,EAAE;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,QAAQ,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,EAAE,CAAC;IACJ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA8HD,wBAAgB,iBAAiB,CAAC,EAChC,IAAgB,EAChB,IAIC,EACD,cAAqC,EACrC,cAAqC,EACrC,oBAAyB,EACzB,oBAAyB,EACzB,eAAoB,EACpB,UAAU,EACV,WAAW,GACZ,EAAE,sBAAsB,2CAqBxB"}

package/dist/components/ConversionSidebar/ConversionSidebar.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ConversionSidebar } from './ConversionSidebar';
+declare const meta: Meta<typeof ConversionSidebar>;
+export default meta;
+type Story = StoryObj<typeof ConversionSidebar>;
+export declare const Sidebar: Story;
+//# sourceMappingURL=ConversionSidebar.stories.d.ts.map

package/dist/components/ConversionSidebar/ConversionSidebar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversionSidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ConversionSidebar/ConversionSidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAMxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAqKhD,eAAO,MAAM,OAAO,EAAE,KAmHrB,CAAC"}

package/dist/components/Elevation/Elevation.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Elevation: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Elevation.stories.d.ts.map

package/dist/components/Elevation/Elevation.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Elevation.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Elevation/Elevation.stories.tsx"],"names":[],"mappings":";;;AAGA,wBAAoD;AAEpD,eAAO,MAAM,SAAS,+CAiCrB,CAAC"}

package/dist/components/Filter/Filter.d.ts

@@ -0,0 +1,15 @@
+type Option = {
+    label: string;
+    value: string;
+};
+type FilterSelectProps = {
+    options: Option[];
+    placeholder?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    className?: string;
+    size?: "sm" | "md" | "lg";
+};
+export declare const FilterSelect: ({ options, placeholder, value, onValueChange, className, size, }: FilterSelectProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Filter.d.ts.map

package/dist/components/Filter/Filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../src/components/Filter/Filter.tsx"],"names":[],"mappings":"AAWA,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,CAAC;AAQF,eAAO,MAAM,YAAY,GAAI,kEAO1B,iBAAiB,4CAuCnB,CAAC"}

package/dist/components/Filter/Filter.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FilterSelect } from './Filter';
+declare const meta: Meta<typeof FilterSelect>;
+export default meta;
+type Story = StoryObj<typeof FilterSelect>;
+export declare const Filter: Story;
+//# sourceMappingURL=Filter.stories.d.ts.map

package/dist/components/Filter/Filter.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Filter/Filter.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAIxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAGnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAC3C,eAAO,MAAM,MAAM,EAAE,KA6BpB,CAAC"}

package/dist/components/Heading/Heading.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { Heading } from '../ui/heading';
+declare const meta: Meta<typeof Heading>;
+export default meta;
+export declare function HeadingDocs(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Heading.stories.d.ts.map

package/dist/components/Heading/Heading.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAU9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,wBAAgB,WAAW,4CAS1B"}

package/dist/components/Heading/HeadingTable.d.ts

@@ -0,0 +1,3 @@
+declare function HeadingTable(): import("react/jsx-runtime").JSX.Element;
+export default HeadingTable;
+//# sourceMappingURL=HeadingTable.d.ts.map

package/dist/components/Heading/HeadingTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingTable.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/HeadingTable.tsx"],"names":[],"mappings":"AAmCA,iBAAS,YAAY,4CAEpB;AACD,eAAe,YAAY,CAAC"}

package/dist/components/Icons/icon.d.ts

@@ -0,0 +1,12 @@
+import { IconName } from '../../lib/Icons/icon-registry';
+import * as React from "react";
+export type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
+type IconColor = "default" | "primary" | "secondary" | "muted" | "danger";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+    name: IconName;
+    size?: IconSize;
+    color?: IconColor;
+}
+export declare const Icon: ({ name, size, color, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=icon.d.ts.map

package/dist/components/Icons/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErE,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxD,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE1E,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC9D,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAwBD,eAAO,MAAM,IAAI,GAAI,4CAMlB,SAAS,mDAYX,CAAC"}

package/dist/components/Icons/icon.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AllIcons: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icon.stories.d.ts.map

package/dist/components/Icons/icon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/icon.stories.tsx"],"names":[],"mappings":";;;AAOA,wBAEE;AAEF,eAAO,MAAM,QAAQ,+CAsDpB,CAAC"}

package/dist/components/Label/Label.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Label } from '../ui/label';
+declare const meta: Meta<typeof Label>;
+export default meta;
+type Story = StoryObj<typeof Label>;
+export declare const HeadingDocs: Story;
+//# sourceMappingURL=Label.stories.d.ts.map

package/dist/components/Label/Label.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAU5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/components/Label/LabelTable.d.ts

@@ -0,0 +1,3 @@
+declare function LabelTable(): import("react/jsx-runtime").JSX.Element;
+export default LabelTable;
+//# sourceMappingURL=LabelTable.d.ts.map

package/dist/components/Label/LabelTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelTable.d.ts","sourceRoot":"","sources":["../../../src/components/Label/LabelTable.tsx"],"names":[],"mappings":"AAyBA,iBAAS,UAAU,4CAElB;AACD,eAAe,UAAU,CAAC"}

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,18 @@
+import { IconName } from '../../lib/Icons/icon-registry';
+import * as React from "react";
+export interface MenuItem {
+    label: string;
+    icon?: IconName;
+    onClick?: () => void;
+    disabled?: boolean;
+    active?: boolean;
+}
+export interface MenuProps {
+    trigger: React.ReactNode;
+    items: MenuItem[];
+    className?: string;
+    contentClassName?: string;
+    align?: "right" | "center" | "left";
+}
+export declare function Menu({ trigger, items, className, contentClassName, align, }: MenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Menu.d.ts.map

package/dist/components/Menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI1D,MAAM,WAAW,QAAQ;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACtB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CACvC;AAED,wBAAgB,IAAI,CAAC,EACjB,OAAO,EACP,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,KAAgB,GACnB,EAAE,SAAS,2CAoCX"}

package/dist/components/Menu/Menu.stories.d.ts

@@ -0,0 +1,8 @@
+import { Menu } from './Menu';
+declare const _default: {
+    title: string;
+    component: typeof Menu;
+};
+export default _default;
+export declare const MenuDemo: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Menu.stories.d.ts.map

package/dist/components/Menu/Menu.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,QAAQ,CAAC;;;;;AAI7C,wBAGE;AAiBF,eAAO,MAAM,QAAQ,+CA0EpB,CAAC"}

package/dist/components/Paragraph/Paragraph.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Paragraph } from '../ui/paragraph';
+declare const meta: Meta<typeof Paragraph>;
+export default meta;
+type Story = StoryObj<typeof Paragraph>;
+export declare const ParagraphDocs: Story;
+//# sourceMappingURL=Paragraph.stories.d.ts.map

package/dist/components/Paragraph/Paragraph.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/Paragraph.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAUhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC"}

package/dist/components/Paragraph/ParagraphTable.d.ts

@@ -0,0 +1,3 @@
+declare function ParagraphTable(): import("react/jsx-runtime").JSX.Element;
+export default ParagraphTable;
+//# sourceMappingURL=ParagraphTable.d.ts.map