@tasteee/zest 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,129 @@
+import './ink.css';
+export * from './components/z-box';
+export * from './components/z-text';
+export * from './components/z-display';
+export * from './components/z-eyebrow';
+export * from './components/z-card';
+export * from './components/z-line';
+export * from './components/z-separator';
+export * from './components/z-stack';
+export * from './components/z-grid';
+export * from './components/z-bento-grid';
+export * from './components/z-bento-item';
+export * from './components/z-cluster';
+export * from './components/z-center';
+export * from './components/z-container';
+export * from './components/z-section';
+export * from './components/z-surface';
+export * from './components/z-scroll';
+export * from './components/z-spacer';
+export * from './components/z-resizable-panels';
+export * from './components/z-panel';
+export * from './components/z-editor-canvas';
+export * from './components/z-chassis';
+export * from './components/z-drag-drop';
+export * from './components/z-sortable';
+export * from './components/z-dropzone';
+export * from './components/z-virtual-list';
+export * from './components/z-tree';
+export * from './components/z-button';
+export * from './components/z-button-group';
+export * from './components/z-toggle';
+export * from './components/z-toggle-group';
+export * from './components/z-toggle-group-item';
+export * from './components/z-toolbar';
+export * from './components/z-toolbar-group';
+export * from './components/z-swap';
+export * from './components/z-link';
+export * from './components/z-input';
+export * from './components/z-textarea';
+export * from './components/z-checkbox';
+export * from './components/z-switch';
+export * from './components/z-radio';
+export * from './components/z-radio-group';
+export * from './components/z-slider';
+export * from './components/z-range';
+export * from './components/z-range-handle';
+export * from './components/z-select';
+export * from './components/z-combobox';
+export * from './components/z-filter';
+export * from './components/z-color-picker';
+export * from './components/z-input-otp';
+export * from './components/z-badge';
+export * from './components/z-avatar';
+export * from './components/z-avatar-stack';
+export * from './components/z-progress';
+export * from './components/z-skeleton';
+export * from './components/z-table';
+export * from './components/z-pagination';
+export * from './components/z-stat';
+export * from './components/z-relative-time';
+export * from './components/z-status-dot';
+export * from './components/z-kbd';
+export * from './components/z-list';
+export * from './components/z-list-row';
+export * from './components/z-breadcrumbs';
+export * from './components/z-tabs';
+export * from './components/z-collapsible';
+export * from './components/z-accordion';
+export * from './components/z-menu';
+export * from './components/z-nav-menu';
+export * from './components/z-sidebar';
+export * from './components/z-dock';
+export * from './components/z-dock-item';
+export * from './components/z-tooltip';
+export * from './components/z-popover';
+export * from './components/z-hover-card';
+export * from './components/z-dialog';
+export * from './components/z-alert-dialog';
+export * from './components/z-alert';
+export * from './components/z-sheet';
+export * from './components/z-drawer';
+export * from './components/z-context-menu';
+export * from './components/z-toast';
+export * from './components/z-command';
+export * from './components/z-chat-shell';
+export * from './components/z-chat-header';
+export * from './components/z-conversation-list';
+export * from './components/z-conversation-item';
+export * from './components/z-message-list';
+export * from './components/z-message-group';
+export * from './components/z-message-bubble';
+export * from './components/z-message-actions';
+export * from './components/z-reactions';
+export * from './components/z-emoji-picker';
+export * from './components/z-date-divider';
+export * from './components/z-unread-divider';
+export * from './components/z-system-message';
+export * from './components/z-delivery-status';
+export * from './components/z-read-receipt';
+export * from './components/z-quoted-message';
+export * from './components/z-file-attachment';
+export * from './components/z-image-message';
+export * from './components/z-attachment-chip';
+export * from './components/z-attachment-tray';
+export * from './components/z-typing-indicator';
+export * from './components/z-composer';
+export * from './components/z-send-button';
+export * from './components/z-streaming-text';
+export * from './components/z-thinking';
+export * from './components/z-tool-call';
+export * from './components/z-citation';
+export * from './components/z-sources';
+export * from './components/z-suggestion-chips';
+export * from './components/z-model-picker';
+export * from './components/z-callout';
+export * from './components/z-empty-state';
+export * from './components/z-scroll-area';
+export * from './components/z-code-block';
+export * from './components/z-markdown';
+export * from './components/z-terminal';
+export * from './components/z-post-meta';
+export * from './components/z-carousel';
+export * from './components/z-chart';
+export * from './components/z-aura';
+export * from './components/z-marquee';
+export * from './components/z-progressive-blur';
+export * from './components/z-pointer-follow';
+export * from './components/z-piano-roll';
+export * from './components/z-pattern-roll';

package/dist/ink.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap";@property --aura-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}:root{--base-accent-color-0: lch(62.44 70.29 .86 / 1);--base-accent-color-1: lab(60 40.17 -57.68);--base-success-color: lab(52.2 -46.61 31.61 / 1);--base-warning-color: lch(62.44 70.29 54.86 / 1);--base-danger-color: lch(59.5 75.52 35.8 / 1);--base-success-color: lch(62 58 145 / 1);--base-warning-color: lch(72 78 76 / 1);--base-danger-color: lch(58 72 37 / 1);--base-neutral-color-light: #fff;--base-neutral-color-dark: #0a0f0a;--base-sans-font-family: "DM Sans";--base-mono-font-family: "DM Mono";--base-spacing: .25rem;--base-radius: .625rem;--base-font-size: 16px;--font-size-0: calc(.579rem * var(--base-font-size) / 16);--font-size-1: calc(.694rem * var(--base-font-size) / 16);--font-size-2: calc(.833rem * var(--base-font-size) / 16);--font-size-3: calc(1rem * var(--base-font-size) / 16);--font-size-4: calc(1.25rem * var(--base-font-size) / 16);--font-size-5: calc(1.563rem * var(--base-font-size) / 16);--font-size-6: calc(1.953rem * var(--base-font-size) / 16);--font-size-7: calc(2.441rem * var(--base-font-size) / 16);--font-size-8: calc(3.052rem * var(--base-font-size) / 16);--color-primary-0: oklch(from var(--base-accent-color-0) .18 .1 h);--color-primary-1: oklch(from var(--base-accent-color-0) .28 .14 h);--color-primary-2: oklch(from var(--base-accent-color-0) .38 .18 h);--color-primary-3: oklch(from var(--base-accent-color-0) .52 .22 h);--color-primary-4: var(--base-accent-color-0);--color-primary-5: oklch(from var(--base-accent-color-0) .82 .21 h);--color-primary-6: oklch(from var(--base-accent-color-0) .87 .16 h);--color-primary-7: oklch(from var(--base-accent-color-0) .91 .11 h);--color-primary-8: oklch(from var(--base-accent-color-0) .94 .06 h);--color-primary-9: oklch(from var(--base-accent-color-0) .97 .02 h);--color-secondary-0: oklch(from var(--base-accent-color-1) .15 .1 h);--color-secondary-1: oklch(from var(--base-accent-color-1) .25 .14 h);--color-secondary-2: oklch(from var(--base-accent-color-1) .35 .18 h);--color-secondary-3: oklch(from var(--base-accent-color-1) .5 .22 h);--color-secondary-4: var(--base-accent-color-1);--color-secondary-5: oklch(from var(--base-accent-color-1) .78 .21 h);--color-secondary-6: oklch(from var(--base-accent-color-1) .84 .16 h);--color-secondary-7: oklch(from var(--base-accent-color-1) .89 .1 h);--color-secondary-8: oklch(from var(--base-accent-color-1) .93 .05 h);--color-secondary-9: oklch(from var(--base-accent-color-1) .97 .02 h);--color-neutral-0: oklch(from var(--base-neutral-color-dark) l c h);--color-neutral-1: oklch(from var(--base-neutral-color-dark) .21 c h);--color-neutral-2: oklch(from var(--base-neutral-color-dark) .25 c h);--color-neutral-3: oklch(from var(--base-neutral-color-dark) .31 c h);--color-neutral-4: oklch(from var(--base-neutral-color-dark) .4 c h);--color-neutral-5: oklch(from var(--base-neutral-color-dark) .55 c h);--color-neutral-6: oklch(from var(--base-neutral-color-dark) .68 c h);--color-neutral-7: oklch(from var(--base-neutral-color-dark) .8 c h);--color-neutral-8: oklch(from var(--base-neutral-color-dark) .9 c h);--color-neutral-9: oklch(from var(--base-neutral-color-light) l c h);--spacing-0: 0;--spacing-1: calc(var(--base-spacing) * 1);--spacing-2: calc(var(--base-spacing) * 2);--spacing-3: calc(var(--base-spacing) * 3);--spacing-4: calc(var(--base-spacing) * 4);--spacing-5: calc(var(--base-spacing) * 5);--spacing-6: calc(var(--base-spacing) * 6);--spacing-7: calc(var(--base-spacing) * 7);--spacing-8: calc(var(--base-spacing) * 8);--spacing-9: calc(var(--base-spacing) * 9);--spacing-10: calc(var(--base-spacing) * 10);--spacing-11: calc(var(--base-spacing) * 11);--spacing-12: calc(var(--base-spacing) * 12);--spacing-14: calc(var(--base-spacing) * 14);--spacing-16: calc(var(--base-spacing) * 16);--spacing-20: calc(var(--base-spacing) * 20);--spacing-24: calc(var(--base-spacing) * 24);--spacing-28: calc(var(--base-spacing) * 28);--spacing-32: calc(var(--base-spacing) * 32);--spacing-36: calc(var(--base-spacing) * 36);--spacing-40: calc(var(--base-spacing) * 40)}@supports (color: lab(0% 0 0)){:root{--base-neutral-color-dark: lab(3.87% -2.29438 1.63959)}}:root{--color-pink: var(--color-primary-4);--color-purple: var(--color-secondary-4);--bg: var(--color-neutral-0);--paper: var(--color-neutral-1);--paper-soft: var(--color-neutral-2);--line: var(--color-neutral-3);--primary: var(--color-neutral-8);--foreground: var(--color-neutral-8);--muted: var(--color-neutral-6);--secondary: var(--color-neutral-5);--accent: var(--color-purple);--accent-alt: var(--color-pink);--purple: var(--base-accent-color-1);--pink: var(--base-accent-color-0);--success: var(--base-success-color);--warning: var(--base-warning-color);--background: var(--bg);--background-light: var(--paper-soft);--card: var(--paper);--card-foreground: var(--primary);--popover: var(--paper);--popover-foreground: var(--primary);--primary-foreground: var(--bg);--secondary-foreground: var(--primary);--muted-foreground: var(--muted);--skeleton: var(--color-neutral-3);--accent-foreground: var(--primary);--destructive: var(--base-danger-color);--border: var(--line);--input: var(--line);--ring: var(--color-neutral-4);--chart-1: var(--color-purple);--chart-2: var(--color-pink);--chart-3: var(--color-neutral-7);--chart-4: var(--color-neutral-5);--chart-5: var(--color-neutral-4);--sidebar: var(--paper);--sidebar-foreground: var(--primary);--sidebar-primary: var(--accent);--sidebar-primary-foreground: var(--primary);--sidebar-accent: var(--paper-soft);--sidebar-accent-foreground: var(--primary);--sidebar-border: var(--line);--sidebar-ring: var(--ring);--page-gradient-from: var(--color-neutral-0);--page-gradient-via: var(--color-neutral-1);--page-gradient-to: var(--color-neutral-2);--page-gradient-min-height: 2000px;--page-gradient: none;--font-sans: var(--base-sans-font-family), "DM Sans Fallback", system-ui, sans-serif;--font-mono: var(--base-mono-font-family), "Geist Mono", "Fira Code", monospace;--radius: var(--base-radius);--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 4px);--small-button-radius: 4px;--medium-button-radius: 5px;--large-button-radius: 6px;--color-background: var(--background);--color-background-light: var(--background-light);--color-foreground: var(--foreground);--color-card: var(--card);--color-card-foreground: var(--card-foreground);--color-popover: var(--popover);--color-popover-foreground: var(--popover-foreground);--color-primary: var(--primary);--color-primary-foreground: var(--primary-foreground);--color-secondary: var(--secondary);--color-secondary-foreground: var(--secondary-foreground);--color-muted: var(--muted);--color-muted-foreground: var(--muted-foreground);--color-skeleton: var(--skeleton);--color-accent: var(--accent);--color-accent-foreground: var(--accent-foreground);--color-destructive: var(--destructive);--color-success: var(--success);--color-border: var(--border);--color-input: var(--input);--color-ring: var(--ring);--color-chart-1: var(--chart-1);--color-chart-2: var(--chart-2);--color-chart-3: var(--chart-3);--color-chart-4: var(--chart-4);--color-chart-5: var(--chart-5);--color-neon-pink: var(--color-pink);--color-neon-purple: var(--color-purple);--color-sidebar: var(--sidebar);--color-sidebar-foreground: var(--sidebar-foreground);--color-sidebar-primary: var(--sidebar-primary);--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);--color-sidebar-accent: var(--sidebar-accent);--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);--color-sidebar-border: var(--sidebar-border);--color-sidebar-ring: var(--sidebar-ring)}:root{--neon-purple: var(--color-neon-purple);--neon-pink: var(--color-neon-pink);--space-xs: var(--spacing-1);--space-sm: var(--spacing-2);--space-md: var(--spacing-3);--space-base: var(--spacing-4);--space-lg: var(--spacing-6);--space-xl: var(--spacing-8);--space-2xl: var(--spacing-12);--space-3xl: var(--spacing-16);--font-size-display: 4.5rem;--font-size-h1: 3rem;--font-size-h2: 2.25rem;--font-size-h3: 1.5rem;--font-size-h4: 1.25rem;--font-size-body: 1rem;--font-size-small: .875rem;--font-size-caption: .75rem;--line-height-display: .9;--line-height-h1: 1;--line-height-h2: 1.1;--line-height-h3: 1.2;--line-height-h4: 1.3;--line-height-body: 1.6;--line-height-small: 1.5;--line-height-caption: 1.4;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--duration-fast: .14s;--easing-standard: ease-out}:root{--syntax-comment: var(--color-neutral-5);--syntax-keyword: var(--color-secondary-6);--syntax-string: oklch(.79 .13 152);--syntax-number: oklch(.82 .12 78);--syntax-constant: oklch(.76 .16 48);--syntax-function: var(--color-primary-6);--syntax-class: oklch(.83 .11 200);--syntax-property: oklch(.86 .07 222);--syntax-operator: var(--color-neutral-6);--syntax-punctuation: var(--color-neutral-6);--syntax-tag: var(--color-primary-6);--syntax-attr: oklch(.82 .12 78);--syntax-variable: var(--color-neutral-8);--syntax-regex: oklch(.79 .13 168);--syntax-plain: var(--color-neutral-8)}:root{--selection-background: var(--color-neutral-7);--selection-foreground: var(--color-neutral-1)}html,body{margin:0;font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);user-select:text;-webkit-user-select:text}::selection{user-select:text;-webkit-user-select:text;color:var(--selection-foreground);background-color:var(--selection-background)}input,textarea,[contenteditable]:not([contenteditable=false]){user-select:text;-webkit-user-select:text}::selection{background:var(--selection-background);color:var(--selection-foreground)}::-moz-selection{background:var(--selection-background);color:var(--selection-foreground)}

package/dist/shared/box-schema.d.ts

@@ -0,0 +1,261 @@
+export declare const boxBooleanProps: {
+    readonly isRow: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly isColumn: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly isFlex: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly isInlineFlex: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly isGrid: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly isInlineGrid: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly isBlock: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly isInlineBlock: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly isInline: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly doesWrap: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly doesWrapText: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly xStart: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly xCenter: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly xEnd: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly xBetween: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly xAround: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly xEvenly: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly xStretch: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly yStart: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly yCenter: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly yEnd: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly yBetween: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly yAround: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly yEvenly: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+};
+export declare const boxValueProps: {
+    readonly gap: StringConstructor;
+    readonly rowGap: StringConstructor;
+    readonly columnGap: StringConstructor;
+    readonly margin: StringConstructor;
+    readonly marginTop: StringConstructor;
+    readonly marginRight: StringConstructor;
+    readonly marginBottom: StringConstructor;
+    readonly marginLeft: StringConstructor;
+    readonly marginX: StringConstructor;
+    readonly marginY: StringConstructor;
+    readonly padding: StringConstructor;
+    readonly paddingTop: StringConstructor;
+    readonly paddingRight: StringConstructor;
+    readonly paddingBottom: StringConstructor;
+    readonly paddingLeft: StringConstructor;
+    readonly paddingX: StringConstructor;
+    readonly paddingY: StringConstructor;
+    readonly width: StringConstructor;
+    readonly minWidth: StringConstructor;
+    readonly maxWidth: StringConstructor;
+    readonly height: StringConstructor;
+    readonly minHeight: StringConstructor;
+    readonly maxHeight: StringConstructor;
+    readonly columns: StringConstructor;
+    readonly rows: StringConstructor;
+    readonly smallColumns: StringConstructor;
+    readonly mediumColumns: StringConstructor;
+    readonly largeColumns: StringConstructor;
+    readonly extraLargeColumns: StringConstructor;
+};
+export declare const boxProps: {
+    gap: StringConstructor;
+    rowGap: StringConstructor;
+    columnGap: StringConstructor;
+    margin: StringConstructor;
+    marginTop: StringConstructor;
+    marginRight: StringConstructor;
+    marginBottom: StringConstructor;
+    marginLeft: StringConstructor;
+    marginX: StringConstructor;
+    marginY: StringConstructor;
+    padding: StringConstructor;
+    paddingTop: StringConstructor;
+    paddingRight: StringConstructor;
+    paddingBottom: StringConstructor;
+    paddingLeft: StringConstructor;
+    paddingX: StringConstructor;
+    paddingY: StringConstructor;
+    width: StringConstructor;
+    minWidth: StringConstructor;
+    maxWidth: StringConstructor;
+    height: StringConstructor;
+    minHeight: StringConstructor;
+    maxHeight: StringConstructor;
+    columns: StringConstructor;
+    rows: StringConstructor;
+    smallColumns: StringConstructor;
+    mediumColumns: StringConstructor;
+    largeColumns: StringConstructor;
+    extraLargeColumns: StringConstructor;
+    isRow: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    isColumn: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    isFlex: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    isInlineFlex: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    isGrid: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    isInlineGrid: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    isBlock: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    isInlineBlock: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    isInline: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    doesWrap: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    doesWrapText: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    xStart: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    xCenter: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    xEnd: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    xBetween: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    xAround: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    xEvenly: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    xStretch: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    yStart: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    yCenter: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    yEnd: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    yBetween: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    yAround: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    yEvenly: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+};
+type BoxValuePropsT = {
+    [K in keyof typeof boxValueProps]?: string;
+};
+export declare const getBoxHostStyle: (props: BoxValuePropsT) => Record<string, string>;
+export {};

package/dist/shared/box-styles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Shared flex/grid layout rules, used by both <z-box> and <z-card>.
+ * Direct attribute-selector translation of the React design system's
+ * z-box.css (.isFlex -> [is-flex], .xCenter -> [x-center], etc).
+ */
+export declare const boxLayoutStyles: CSSStyleSheet;

package/dist/shared/highlight.d.ts

@@ -0,0 +1,6 @@
+export type Token = {
+    className: string;
+    value: string;
+};
+export declare const highlight: (code: string, language?: string) => Token[];
+export declare const splitTokenLines: (tokens: Token[]) => Token[][];

package/dist/shared/layout-schema.d.ts

@@ -0,0 +1,20 @@
+export declare const resolveSize: (value?: string) => string | undefined;
+export declare const resolveWidth: (value?: string) => string | undefined;
+export declare const resolveRadius: (value?: string) => string | undefined;
+export declare const resolveJustify: (value?: string) => string | undefined;
+export declare const resolveAlign: (value?: string) => string | undefined;
+export declare const resolveGridAlign: (value?: string) => string | undefined;
+export declare const resolveEdge: (value?: string) => string | undefined;
+type InsetPropsT = {
+    inset?: string;
+    insetX?: string;
+    insetY?: string;
+};
+export declare const insetVars: (props: InsetPropsT, prefix: string) => Record<string, string>;
+export declare const insetProps: {
+    readonly inset: StringConstructor;
+    readonly insetX: StringConstructor;
+    readonly insetY: StringConstructor;
+};
+export declare const baseStyles: CSSStyleSheet;
+export {};

package/dist/shared/overlay-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const floatingSurfaceStyles: CSSStyleSheet;
+export declare const dialogSurfaceStyles: CSSStyleSheet;

package/dist/shared/overlay.d.ts

@@ -0,0 +1,50 @@
+export type Side = 'top' | 'bottom' | 'left' | 'right';
+export type Align = 'start' | 'center' | 'end';
+export type Placement = Side | `${Side}-${Align}`;
+export interface PositionOptions {
+    placement?: Placement;
+    /** gap in px between the anchor edge and the floating element */
+    offset?: number;
+    /** min distance in px the floating element keeps from the viewport edges */
+    padding?: number;
+}
+export interface PositionResult {
+    x: number;
+    y: number;
+    side: Side;
+    placement: Placement;
+}
+export declare const computePosition: (anchor: Element, floating: HTMLElement, opts?: PositionOptions) => PositionResult;
+/**
+ * Keep `update` in sync while the overlay is open: reposition on scroll
+ * (capture, so nested scrollers count), resize, and any size change of the
+ * anchor or floating element. Returns a teardown to call when it closes.
+ */
+export declare const autoUpdate: (anchor: Element, floating: HTMLElement, update: () => void) => (() => void);
+/**
+ * Guarded Popover API toggles — showPopover/hidePopover throw if the element is
+ * already in the requested state, so every caller would need the same matches()
+ * check. Centralize it here.
+ */
+export declare const showFloating: (el: HTMLElement) => void;
+export declare const hideFloating: (el: HTMLElement) => void;
+/** Apply a PositionResult to a fixed-positioned floating element. */
+export declare const applyPosition: (floating: HTMLElement, pos: PositionResult) => void;
+/** Shared prop surface for anchored overlays (placement / offset / tone). */
+export declare const overlayPositionProps: {
+    placement: {
+        type: StringConstructor;
+        reflect: boolean;
+    };
+    offset: {
+        type: NumberConstructor;
+    };
+    tone: {
+        type: StringConstructor;
+        reflect: boolean;
+    };
+    isHidden: {
+        type: BooleanConstructor;
+        reflect: boolean;
+    };
+};

package/dist/shared/toggle-schema.d.ts

@@ -0,0 +1,52 @@
+export declare const toggleVariantProps: {
+    readonly isPurple: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly isPink: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly isNeutral: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly isSmall: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly isMedium: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly isLarge: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly isIcon: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly isGhost: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+    readonly isOutlined: {
+        readonly type: BooleanConstructor;
+        readonly reflect: true;
+    };
+};
+type ToggleVariantPropsT = {
+    [K in keyof typeof toggleVariantProps]?: boolean;
+};
+/**
+ * Unlike z-button's resolvers, these only return a class when the consumer
+ * explicitly set the flag - absence means "defer to whatever the CSS
+ * var() fallback chain resolves to" (an inherited z-toggle-group value, or
+ * the built-in ghost/neutral/medium default baked into toggle-styles.ts).
+ */
+export declare const resolveOwnToggleColorClass: (props: ToggleVariantPropsT) => string | undefined;
+export declare const resolveOwnToggleSizeClass: (props: ToggleVariantPropsT) => string | undefined;
+export declare const resolveOwnToggleKindClass: (props: ToggleVariantPropsT) => string | undefined;
+export declare const resolveToggleButtonClass: (props: ToggleVariantPropsT) => string;
+export {};

package/dist/shared/toggle-styles.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Every visual value is parked behind a --z-toggle-* custom property with a
+ * literal default fallback (ghost + neutral + medium, matching the original
+ * z-toggle.css defaults). A <z-toggle-group> can set these same properties on
+ * its own :host; since they pierce the slot boundary via normal CSS custom
+ * property inheritance, a <z-toggle-group-item> that doesn't declare its own
+ * .is-* override class inherits the group's resolved variant for free. Nested
+ * var() references (e.g. --z-toggle-hover-bg using var(--z-toggle-accent))
+ * re-resolve against whichever element finally consumes them, so an item can
+ * override just the color while inheriting kind from the group, or vice versa.
+ */
+export declare const toggleStyles: CSSStyleSheet;