@desktalk/ui 0.1.0-alpha.1

package/dist/dt-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dt-badge.d.ts","sourceRoot":"","sources":["../src/dt-badge.ts"],"names":[],"mappings":"AAIA,KAAK,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AACjG,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,OAAQ,SAAQ,WAAW;IAEtC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAGD,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,KAAK,CAAmB;IAGhC,IAAI,OAAO,IAAI,YAAY,CAa1B;IAED,IAAI,OAAO,CAAC,GAAG,EAAE,YAAY,EAE5B;IAED,IAAI,IAAI,IAAI,SAAS,CAIpB;IAED,IAAI,IAAI,CAAC,GAAG,EAAE,SAAS,EAEtB;IAED,IAAI,IAAI,IAAI,MAAM,GAAG,IAAI,CAExB;IAED,IAAI,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAM1B;;IA6BD,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAM5F,OAAO,CAAC,OAAO;CAMhB"}

package/dist/dt-badge.stories.d.ts

@@ -0,0 +1,34 @@
+import type { StoryObj } from '@storybook/web-components-vite';
+import './index';
+type BadgeStoryArgs = {
+    variant: 'accent' | 'success' | 'danger' | 'warning' | 'info' | 'default' | 'neutral';
+    size: 'sm' | 'md' | 'lg';
+    text: string;
+};
+declare function createBadge(args: BadgeStoryArgs): HTMLElement;
+declare const meta: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        size: {
+            control: "inline-radio";
+            options: string[];
+        };
+    };
+    args: {
+        variant: "accent";
+        size: "md";
+        text: string;
+    };
+    render: typeof createBadge;
+};
+export default meta;
+type Story = StoryObj<BadgeStoryArgs>;
+export declare const Playground: Story;
+export declare const VariantShowcase: Story;
+export declare const SizeComparison: Story;
+//# sourceMappingURL=dt-badge.stories.d.ts.map

package/dist/dt-badge.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dt-badge.stories.d.ts","sourceRoot":"","sources":["../src/dt-badge.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,SAAS,CAAC;AAEjB,KAAK,cAAc,GAAG;IACpB,OAAO,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACtF,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,iBAAS,WAAW,CAAC,IAAI,EAAE,cAAc,GAAG,WAAW,CAWtD;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;CAmBsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;AAEtC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAC;AAEpC,eAAO,MAAM,eAAe,EAAE,KA2B7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAkB5B,CAAC"}

package/dist/dt-button.d.ts

@@ -0,0 +1,51 @@
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
+type ButtonSize = 'sm' | 'md' | 'lg';
+/**
+ * `<dt-button>` — framework-agnostic button web component.
+ *
+ * Themed button with multiple variants and sizes. Automatically styles to match
+ * the DeskTalk design system using CSS custom properties.
+ *
+ * ## Attributes
+ * - `variant` — button style: `primary` (default), `secondary`, `ghost`, `danger`
+ * - `size` — button size: `sm`, `md` (default), `lg`
+ * - `disabled` — disables the button
+ * - `fullwidth` — makes the button fill its container width
+ * - `type` — HTML button type: `button` (default), `submit`, `reset`
+ *
+ * ## Slots
+ * - default — button content (text, icons, etc.)
+ * - `icon` — icon element positioned before the content
+ *
+ * ## Usage
+ * ```html
+ * <dt-button>Save</dt-button>
+ *
+ * <dt-button variant="secondary">Cancel</dt-button>
+ *
+ * <dt-button variant="danger" size="sm">Delete</dt-button>
+ *
+ * <dt-button variant="ghost" disabled>Disabled</dt-button>
+ *
+ * <dt-button fullwidth>Full Width Button</dt-button>
+ * ```
+ */
+export declare class DtButton extends HTMLElement {
+    static get observedAttributes(): string[];
+    private _button;
+    private _slot;
+    get variant(): ButtonVariant;
+    set variant(val: ButtonVariant);
+    get size(): ButtonSize;
+    set size(val: ButtonSize);
+    get disabled(): boolean;
+    set disabled(val: boolean);
+    get fullwidth(): boolean;
+    set fullwidth(val: boolean);
+    get type(): 'button' | 'submit' | 'reset';
+    set type(val: 'button' | 'submit' | 'reset');
+    constructor();
+    attributeChangedCallback(name: string, _oldVal: string | null, _newVal: string | null): void;
+}
+export {};
+//# sourceMappingURL=dt-button.d.ts.map

package/dist/dt-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dt-button.d.ts","sourceRoot":"","sources":["../src/dt-button.ts"],"names":[],"mappings":"AAIA,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAClE,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBAAa,QAAS,SAAQ,WAAW;IAEvC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAGD,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,KAAK,CAAmB;IAGhC,IAAI,OAAO,IAAI,aAAa,CAI3B;IAED,IAAI,OAAO,CAAC,GAAG,EAAE,aAAa,EAE7B;IAED,IAAI,IAAI,IAAI,UAAU,CAIrB;IAED,IAAI,IAAI,CAAC,GAAG,EAAE,UAAU,EAEvB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAMxB;IAED,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,SAAS,CAAC,GAAG,EAAE,OAAO,EAMzB;IAED,IAAI,IAAI,IAAI,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAIxC;IAED,IAAI,IAAI,CAAC,GAAG,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,EAE1C;;IAyBD,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;CAU7F"}

package/dist/dt-button.stories.d.ts

@@ -0,0 +1,40 @@
+import type { StoryObj } from '@storybook/web-components-vite';
+import './index';
+type ButtonStoryArgs = {
+    variant: 'primary' | 'secondary' | 'ghost' | 'danger';
+    size: 'sm' | 'md' | 'lg';
+    disabled: boolean;
+    fullwidth: boolean;
+    text: string;
+};
+declare function createButton(args: ButtonStoryArgs): HTMLElement;
+declare const meta: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "inline-radio";
+            options: string[];
+        };
+        size: {
+            control: "inline-radio";
+            options: string[];
+        };
+    };
+    args: {
+        variant: "primary";
+        size: "md";
+        disabled: false;
+        fullwidth: false;
+        text: string;
+    };
+    render: typeof createButton;
+};
+export default meta;
+type Story = StoryObj<ButtonStoryArgs>;
+export declare const Playground: Story;
+export declare const VariantShowcase: Story;
+export declare const SizeComparison: Story;
+export declare const Disabled: Story;
+export declare const FullWidth: Story;
+//# sourceMappingURL=dt-button.stories.d.ts.map

package/dist/dt-button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dt-button.stories.d.ts","sourceRoot":"","sources":["../src/dt-button.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,SAAS,CAAC;AAEjB,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;IACtD,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,iBAAS,YAAY,CAAC,IAAI,EAAE,eAAe,GAAG,WAAW,CAiBxD;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAqBuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAEvC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAC;AAEpC,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAkB5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAC"}

package/dist/dt-card.d.ts

@@ -0,0 +1,30 @@
+type CardVariant = 'default' | 'outlined' | 'filled';
+/**
+ * `<dt-card>` — framework-agnostic card web component.
+ *
+ * Renders a card container with a solid border using the theme accent color
+ * and no border-radius.
+ *
+ * ## Attributes
+ * - `variant` — visual style: default | outlined | filled (default "default")
+ *
+ * ## Usage
+ * ```html
+ * <dt-card>
+ *   <h3>Title</h3>
+ *   <p>Card content goes here.</p>
+ * </dt-card>
+ *
+ * <dt-card variant="outlined">
+ *   <p>Outlined card with transparent background.</p>
+ * </dt-card>
+ * ```
+ */
+export declare class DtCard extends HTMLElement {
+    static get observedAttributes(): string[];
+    get variant(): CardVariant;
+    set variant(val: CardVariant);
+    constructor();
+}
+export {};
+//# sourceMappingURL=dt-card.d.ts.map

package/dist/dt-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dt-card.d.ts","sourceRoot":"","sources":["../src/dt-card.ts"],"names":[],"mappings":"AAIA,KAAK,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,MAAO,SAAQ,WAAW;IAErC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAGD,IAAI,OAAO,IAAI,WAAW,CAIzB;IAED,IAAI,OAAO,CAAC,GAAG,EAAE,WAAW,EAE3B;;CAiBF"}

package/dist/dt-card.stories.d.ts

@@ -0,0 +1,31 @@
+import type { StoryObj } from '@storybook/web-components-vite';
+import './index';
+type CardStoryArgs = {
+    variant: 'default' | 'outlined' | 'filled';
+    heading: string;
+    body: string;
+    eyebrow: string;
+};
+declare function createCard(args: CardStoryArgs): HTMLElement;
+declare const meta: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "inline-radio";
+            options: string[];
+        };
+    };
+    args: {
+        variant: "default";
+        eyebrow: string;
+        heading: string;
+        body: string;
+    };
+    render: typeof createCard;
+};
+export default meta;
+type Story = StoryObj<CardStoryArgs>;
+export declare const Playground: Story;
+export declare const VariantGrid: Story;
+//# sourceMappingURL=dt-card.stories.d.ts.map

package/dist/dt-card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dt-card.stories.d.ts","sourceRoot":"","sources":["../src/dt-card.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,SAAS,CAAC;AAEjB,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,iBAAS,UAAU,CAAC,IAAI,EAAE,aAAa,GAAG,WAAW,CA6BpD;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAgBqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAErC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAC;AAEpC,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAC"}

package/dist/dt-chart.d.ts

@@ -0,0 +1,67 @@
+type DtChartLegend = 'top' | 'bottom' | 'left' | 'right' | 'none';
+type DtChartType = 'bar' | 'line' | 'area' | 'pie' | 'doughnut' | 'radar' | 'scatter' | 'bubble';
+export interface DtChartDatasetInput {
+    label?: string;
+    data: Array<number | {
+        x: number;
+        y: number;
+    } | {
+        x: number;
+        y: number;
+        r: number;
+    }>;
+    color?: string;
+}
+export interface DtChartDataInput {
+    labels?: string[];
+    datasets: DtChartDatasetInput[];
+}
+export interface DtChartClickDetail {
+    label: string | null;
+    datasetIndex: number;
+    index: number;
+    value: unknown;
+}
+/**
+ * `<dt-chart>` — lazy-loaded Chart.js wrapper.
+ *
+ * Set the `.data` JS property to provide chart data. This is the only supported
+ * method for filling data into the chart.
+ */
+export declare class DtChart extends HTMLElement {
+    private readonly _canvas;
+    private readonly _status;
+    private _runtime;
+    private _loadPromise;
+    private _chart;
+    private _renderedType;
+    private _dataInput;
+    private _optionsOverride;
+    private _syncFrame;
+    static get observedAttributes(): string[];
+    get type(): DtChartType;
+    set type(value: DtChartType);
+    get legend(): DtChartLegend;
+    set legend(value: DtChartLegend);
+    get stacked(): boolean;
+    set stacked(value: boolean);
+    get labels(): string[];
+    set labels(value: string[]);
+    get data(): DtChartDataInput | null;
+    set data(value: DtChartDataInput | null);
+    get options(): Record<string, unknown> | null;
+    set options(value: Record<string, unknown> | null);
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private _handleCanvasClick;
+    private _scheduleSync;
+    private _syncFromCurrentSource;
+    private _ensureRuntime;
+    private _renderChart;
+    private _buildConfig;
+    private _setStatus;
+}
+export {};
+//# sourceMappingURL=dt-chart.d.ts.map

package/dist/dt-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dt-chart.d.ts","sourceRoot":"","sources":["../src/dt-chart.ts"],"names":[],"mappings":"AAIA,KAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAClE,KAAK,WAAW,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAGjG,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,KAAK,CAAC,MAAM,GAAG;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,mBAAmB,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB;AA6JD;;;;;GAKG;AACH,qBAAa,OAAQ,SAAQ,WAAW;IACtC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAoB;IAC5C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAiB;IACzC,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,YAAY,CAAwC;IAC5D,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,aAAa,CAAgC;IACrD,OAAO,CAAC,UAAU,CAAiC;IACnD,OAAO,CAAC,gBAAgB,CAAwC;IAChE,OAAO,CAAC,UAAU,CAAK;IAEvB,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,IAAI,IAAI,WAAW,CAEtB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,WAAW,EAE1B;IAED,IAAI,MAAM,IAAI,aAAa,CAE1B;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,aAAa,EAE9B;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED,IAAI,MAAM,IAAI,MAAM,EAAE,CAErB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,EAEzB;IAED,IAAI,IAAI,IAAI,gBAAgB,GAAG,IAAI,CAElC;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAGtC;IAED,IAAI,OAAO,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAE5C;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,EAGhD;;IAwBD,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAW5B,wBAAwB,IAAI,IAAI;IAIhC,OAAO,CAAC,kBAAkB,CAkCxB;IAEF,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,sBAAsB;YAIhB,cAAc;YAed,YAAY;IAwB1B,OAAO,CAAC,YAAY;IAoJpB,OAAO,CAAC,UAAU;CASnB"}

package/dist/dt-chart.stories.d.ts

@@ -0,0 +1,26 @@
+import type { StoryObj } from '@storybook/web-components-vite';
+import './index';
+import './chart-entry';
+type ChartStoryArgs = {
+    type: 'bar' | 'line' | 'area' | 'doughnut' | 'radar';
+    legend: 'top' | 'bottom' | 'left' | 'right' | 'none';
+    stacked: boolean;
+};
+declare function createChart(args: ChartStoryArgs): HTMLElement;
+declare const meta: {
+    title: string;
+    tags: string[];
+    args: {
+        type: "bar";
+        legend: "top";
+        stacked: false;
+    };
+    render: typeof createChart;
+};
+export default meta;
+type Story = StoryObj<ChartStoryArgs>;
+export declare const Playground: Story;
+export declare const StackedArea: Story;
+export declare const Doughnut: Story;
+export declare const Scatter: StoryObj;
+//# sourceMappingURL=dt-chart.stories.d.ts.map

package/dist/dt-chart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dt-chart.stories.d.ts","sourceRoot":"","sources":["../src/dt-chart.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,SAAS,CAAC;AACjB,OAAO,eAAe,CAAC;AAEvB,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;IACrD,MAAM,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACrD,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,iBAAS,WAAW,CAAC,IAAI,EAAE,cAAc,GAAG,WAAW,CAuBtD;AA8BD,QAAA,MAAM,IAAI;;;;;;;;;CASsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;AAEtC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAC;AAEpC,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,QAErB,CAAC"}

package/dist/dt-divider.d.ts

@@ -0,0 +1,41 @@
+type DividerDirection = 'horizontal' | 'vertical';
+type DividerStyle = 'default' | 'subtle' | 'strong';
+type DividerSpacing = 'sm' | 'md' | 'lg';
+/**
+ * `<dt-divider>` — framework-agnostic divider/separator web component.
+ *
+ * Horizontal or vertical separator line for organizing content.
+ *
+ * ## Attributes
+ * - `direction` — divider orientation: `horizontal` (default) or `vertical`
+ * - `style-variant` — border style: `default`, `subtle`, `strong`
+ * - `spacing` — margin around divider: `sm`, `md`, `lg`
+ *
+ * ## Usage
+ * ```html
+ * <!-- Horizontal divider (default) -->
+ * <dt-divider></dt-divider>
+ *
+ * <!-- Subtle horizontal divider with spacing -->
+ * <dt-divider style-variant="subtle" spacing="md"></dt-divider>
+ *
+ * <!-- Vertical divider in a row layout -->
+ * <dt-stack direction="row">
+ *   <span>Left</span>
+ *   <dt-divider direction="vertical"></dt-divider>
+ *   <span>Right</span>
+ * </dt-stack>
+ * ```
+ */
+export declare class DtDivider extends HTMLElement {
+    static get observedAttributes(): string[];
+    get direction(): DividerDirection;
+    set direction(val: DividerDirection);
+    get styleVariant(): DividerStyle;
+    set styleVariant(val: DividerStyle);
+    get spacing(): DividerSpacing | null;
+    set spacing(val: DividerSpacing | null);
+    constructor();
+}
+export {};
+//# sourceMappingURL=dt-divider.d.ts.map

package/dist/dt-divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dt-divider.d.ts","sourceRoot":"","sources":["../src/dt-divider.ts"],"names":[],"mappings":"AAIA,KAAK,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAAC;AAClD,KAAK,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACpD,KAAK,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAAa,SAAU,SAAQ,WAAW;IAExC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAGD,IAAI,SAAS,IAAI,gBAAgB,CAIhC;IAED,IAAI,SAAS,CAAC,GAAG,EAAE,gBAAgB,EAElC;IAED,IAAI,YAAY,IAAI,YAAY,CAI/B;IAED,IAAI,YAAY,CAAC,GAAG,EAAE,YAAY,EAEjC;IAED,IAAI,OAAO,IAAI,cAAc,GAAG,IAAI,CAInC;IAED,IAAI,OAAO,CAAC,GAAG,EAAE,cAAc,GAAG,IAAI,EAMrC;;CAgBF"}

package/dist/dt-divider.stories.d.ts

@@ -0,0 +1,38 @@
+import type { StoryObj } from '@storybook/web-components-vite';
+import './index';
+type DividerStoryArgs = {
+    direction: 'horizontal' | 'vertical';
+    styleVariant: 'default' | 'subtle' | 'strong';
+    spacing: 'sm' | 'md' | 'lg';
+};
+declare function createDivider(args: DividerStoryArgs): HTMLElement;
+declare const meta: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        direction: {
+            control: "inline-radio";
+            options: string[];
+        };
+        styleVariant: {
+            control: "inline-radio";
+            options: string[];
+        };
+        spacing: {
+            control: "inline-radio";
+            options: string[];
+        };
+    };
+    args: {
+        direction: "horizontal";
+        styleVariant: "default";
+        spacing: "md";
+    };
+    render: typeof createDivider;
+};
+export default meta;
+type Story = StoryObj<DividerStoryArgs>;
+export declare const Playground: Story;
+export declare const StyleVariants: Story;
+export declare const Vertical: Story;
+//# sourceMappingURL=dt-divider.stories.d.ts.map

package/dist/dt-divider.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dt-divider.stories.d.ts","sourceRoot":"","sources":["../src/dt-divider.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,SAAS,CAAC;AAEjB,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,YAAY,GAAG,UAAU,CAAC;IACrC,YAAY,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9C,OAAO,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,iBAAS,aAAa,CAAC,IAAI,EAAE,gBAAgB,GAAG,WAAW,CAW1D;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CAuBwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AAExC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAC;AAEpC,eAAO,MAAM,aAAa,EAAE,KAoC3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA2BtB,CAAC"}

package/dist/dt-grid.d.ts

@@ -0,0 +1,50 @@
+type GridCols = '1' | '2' | '3' | '4' | '5' | '6';
+type GridGap = '0' | '4' | '8' | '12' | '16' | '20' | '24' | '32';
+type GridMinWidth = '150' | '180' | '200' | '220' | '260' | '300';
+/**
+ * `<dt-grid>` — framework-agnostic responsive grid web component.
+ *
+ * Provides a grid layout that auto-collapses to single column in narrow views.
+ * Uses CSS Grid's repeat(auto-fit) pattern with minmax for responsive behavior.
+ *
+ * ## Attributes
+ * - `cols` — fixed number of columns (1-6). Auto-fit responsive when omitted.
+ * - `gap` — spacing between items: 0, 4, 8, 12, 16, 20, 24, 32 (default: 16)
+ * - `min-width` — minimum width for auto-fit columns: 150, 180, 200, 220, 260, 300 (default: 220)
+ *
+ * ## Usage
+ * ```html
+ * <!-- Auto-responsive: columns collapse based on available space -->
+ * <dt-grid>
+ *   <dt-card>Item 1</dt-card>
+ *   <dt-card>Item 2</dt-card>
+ *   <dt-card>Item 3</dt-card>
+ * </dt-grid>
+ *
+ * <!-- Fixed 3 columns, collapses to 1 on mobile -->
+ * <dt-grid cols="3" gap="24">
+ *   <dt-card>Item 1</dt-card>
+ *   <dt-card>Item 2</dt-card>
+ *   <dt-card>Item 3</dt-card>
+ * </dt-grid>
+ *
+ * <!-- Narrow items: more columns fit side-by-side -->
+ * <dt-grid min-width="150">
+ *   <dt-stat label="CPU" value="42%"></dt-stat>
+ *   <dt-stat label="RAM" value="8GB"></dt-stat>
+ *   <dt-stat label="Disk" value="256GB"></dt-stat>
+ * </dt-grid>
+ * ```
+ */
+export declare class DtGrid extends HTMLElement {
+    static get observedAttributes(): string[];
+    get cols(): GridCols | null;
+    set cols(val: GridCols | null);
+    get gap(): GridGap;
+    set gap(val: GridGap);
+    get minWidth(): GridMinWidth;
+    set minWidth(val: GridMinWidth);
+    constructor();
+}
+export {};
+//# sourceMappingURL=dt-grid.d.ts.map

package/dist/dt-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dt-grid.d.ts","sourceRoot":"","sources":["../src/dt-grid.ts"],"names":[],"mappings":"AAIA,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAClD,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAClE,KAAK,YAAY,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBAAa,MAAO,SAAQ,WAAW;IAErC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAGD,IAAI,IAAI,IAAI,QAAQ,GAAG,IAAI,CAM1B;IAED,IAAI,IAAI,CAAC,GAAG,EAAE,QAAQ,GAAG,IAAI,EAM5B;IAED,IAAI,GAAG,IAAI,OAAO,CAcjB;IAED,IAAI,GAAG,CAAC,GAAG,EAAE,OAAO,EAEnB;IAED,IAAI,QAAQ,IAAI,YAAY,CAM3B;IAED,IAAI,QAAQ,CAAC,GAAG,EAAE,YAAY,EAE7B;;CAiBF"}

package/dist/dt-grid.stories.d.ts

@@ -0,0 +1,49 @@
+import type { StoryObj } from '@storybook/web-components-vite';
+import './index';
+type GridStoryArgs = {
+    cols: string | null;
+    gap: string;
+    minWidth: string;
+    itemCount: number;
+};
+declare function createGrid(args: GridStoryArgs): HTMLElement;
+declare const meta: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        cols: {
+            control: "select";
+            options: (string | null)[];
+            description: string;
+        };
+        gap: {
+            control: "select";
+            options: string[];
+        };
+        minWidth: {
+            control: "select";
+            options: string[];
+        };
+        itemCount: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+    };
+    args: {
+        cols: null;
+        gap: string;
+        minWidth: string;
+        itemCount: number;
+    };
+    render: typeof createGrid;
+};
+export default meta;
+type Story = StoryObj<GridStoryArgs>;
+export declare const Playground: Story;
+export declare const FixedColumns: Story;
+export declare const NarrowItems: Story;
+//# sourceMappingURL=dt-grid.stories.d.ts.map

package/dist/dt-grid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dt-grid.stories.d.ts","sourceRoot":"","sources":["../src/dt-grid.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,SAAS,CAAC;AAEjB,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,iBAAS,UAAU,CAAC,IAAI,EAAE,aAAa,GAAG,WAAW,CA2BpD;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAErC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAC;AAEpC,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC"}

package/dist/dt-list-view.d.ts

@@ -0,0 +1,94 @@
+export type DtListViewSelectable = 'none' | 'single' | 'multi';
+export interface DtListViewItemClickDetail<T = unknown> {
+    item: T;
+    index: number;
+}
+export interface DtListViewSelectionChangeDetail<T = unknown> {
+    selected: T[];
+}
+export type DtListViewRenderItem<T = unknown> = (item: T, container: HTMLElement, index: number) => void;
+/**
+ * `<dt-list-view>` — virtualized list web component for long collections.
+ *
+ * Supports two sizing modes:
+ * - fixed-height mode via `item-height`
+ * - variable-height mode when `item-height` is omitted
+ *
+ * ## Attributes
+ * - `item-height` — fixed row height in px; omit for measured variable-height rows
+ * - `dividers` — when present, shows dividers between items
+ * - `selectable` — selection mode: `none`, `single`, or `multi`
+ * - `empty-text` — text shown when the list has no items
+ *
+ * ## Properties
+ * - `items` — array of item objects to render
+ * - `renderItem` — optional custom renderer `(item, container, index) => void`
+ * - `selectedItems` — readonly array of currently selected item objects
+ *
+ * ## Template binding
+ * When using a child `<template>`, bindings are applied as follows:
+ * - `data-field="title"` sets `textContent` from `item.title`
+ * - `data-field-variant="statusVariant"` sets the `variant` attribute from `item.statusVariant`
+ *
+ * ## Events
+ * - `dt-item-click` — fired when an item is clicked; `detail` contains `{ item, index }`
+ * - `dt-selection-change` — fired when selection changes; `detail.selected` is the selected items array
+ *
+ * ## Usage
+ * ```html
+ * <dt-list-view id="tasks" item-height="72" dividers selectable="single">
+ *   <template>
+ *     <dt-stack gap="8">
+ *       <dt-stack direction="row" align="center" gap="8">
+ *         <strong data-field="title"></strong>
+ *         <dt-badge data-field="status" data-field-variant="statusVariant"></dt-badge>
+ *       </dt-stack>
+ *       <span class="text-muted" data-field="summary"></span>
+ *     </dt-stack>
+ *   </template>
+ * </dt-list-view>
+ * <script>
+ *   const list = document.getElementById('tasks');
+ *   list.items = [
+ *     { title: 'Review report', status: 'Queued', statusVariant: 'warning', summary: 'Waiting on CPU budget' },
+ *     { title: 'Ship release', status: 'Done', statusVariant: 'success', summary: 'Published 4 minutes ago' },
+ *   ];
+ * </script>
+ * ```
+ */
+export declare class DtListView extends HTMLElement {
+    private _items;
+    private _selectedIndices;
+    private _renderItem;
+    private readonly _virtualizer;
+    private readonly _viewport;
+    private readonly _spacer;
+    private readonly _itemsLayer;
+    private readonly _emptyState;
+    private _resizeObserver;
+    private _itemResizeObserver;
+    static get observedAttributes(): string[];
+    get items(): unknown[];
+    set items(value: unknown[]);
+    get selectedItems(): unknown[];
+    get renderItem(): DtListViewRenderItem | null;
+    set renderItem(value: DtListViewRenderItem | null);
+    get itemHeight(): number | null;
+    set itemHeight(value: number | null);
+    get selectable(): DtListViewSelectable;
+    set selectable(value: DtListViewSelectable);
+    get emptyText(): string;
+    set emptyText(value: string);
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private _onScroll;
+    private _syncSizingMode;
+    private _render;
+    private _renderVisibleItem;
+    private _handleItemClick;
+    private _emitSelectionChange;
+    private _getTemplate;
+}
+//# sourceMappingURL=dt-list-view.d.ts.map

package/dist/dt-list-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dt-list-view.d.ts","sourceRoot":"","sources":["../src/dt-list-view.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/D,MAAM,WAAW,yBAAyB,CAAC,CAAC,GAAG,OAAO;IACpD,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,+BAA+B,CAAC,CAAC,GAAG,OAAO;IAC1D,QAAQ,EAAE,CAAC,EAAE,CAAC;CACf;AAED,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,OAAO,IAAI,CAC9C,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;AAWV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,qBAAa,UAAW,SAAQ,WAAW;IACzC,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,gBAAgB,CAAqB;IAC7C,OAAO,CAAC,WAAW,CAAqC;IACxD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAG1B;IACH,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAiB;IAC3C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAiB;IACzC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAiB;IAC7C,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAiB;IAC7C,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,mBAAmB,CAA+B;IAE1D,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,KAAK,IAAI,OAAO,EAAE,CAErB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,EAQzB;IAED,IAAI,aAAa,IAAI,OAAO,EAAE,CAE7B;IAED,IAAI,UAAU,IAAI,oBAAoB,GAAG,IAAI,CAE5C;IAED,IAAI,UAAU,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,EAGhD;IAED,IAAI,UAAU,IAAI,MAAM,GAAG,IAAI,CAO9B;IAED,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAMlC;IAED,IAAI,UAAU,IAAI,oBAAoB,CAMrC;IAED,IAAI,UAAU,CAAC,KAAK,EAAE,oBAAoB,EAEzC;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,MAAM,EAE1B;;IA4BD,iBAAiB,IAAI,IAAI;IAqCzB,oBAAoB,IAAI,IAAI;IAQ5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAa5C,OAAO,CAAC,SAAS,CAGf;IAEF,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,OAAO;IA8Bf,OAAO,CAAC,kBAAkB;IA+C1B,OAAO,CAAC,gBAAgB;IA2BxB,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,YAAY;CAQrB"}