@0001-labs/design-system-1 0.0.0-stage → 0.3.0-alpha.13

package/dist/index.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Design system 1 - Main entry point for all components
+ *
+ * This module initializes core utilities and exports all design system components
+ * organized by layer: 0-face (foundation), 2-core (components), 3-unit (composites), 4-page (layouts)
+ */
+import "./0-face/device";
+import "./0-face/i18n";
+export * from "./0-face/device";
+export * from "./0-face/grid";
+export * from "./0-face/tooltips";
+export * from "./0-face/i18n";
+export * from "./0-face/languages";
+export * from "./0-face/language-routing";
+export * from "./0-face/translations-format";
+export * from "./0-face/preferences";
+export * from "./0-face/pricing";
+export * from "./0-face/theme";
+export * from "./2-core/ds-banner";
+export * from "./2-core/ds-badge";
+export * from "./2-core/ds-button";
+export * from "./2-core/ds-checkbox";
+export * from "./2-core/ds-radio";
+export * from "./2-core/ds-switch";
+export * from "./2-core/ds-split";
+export * from "./2-core/ds-select";
+export * from "./2-core/ds-color";
+export * from "./2-core/ds-swatch";
+export * from "./2-core/ds-card";
+export * from "./2-core/ds-cycle";
+export * from "./2-core/ds-date";
+export * from "./2-core/ds-gap";
+export * from "./2-core/ds-icon";
+export * from "./2-core/ds-input";
+export * from "./2-core/ds-file-picker";
+export * from "./2-core/ds-textarea";
+export * from "./2-core/ds-composer";
+export * from "./2-core/ds-language";
+export * from "./2-core/ds-text";
+export * from "./2-core/ds-tooltip";
+export * from "./3-unit/ds-accordion";
+export * from "./2-core/ds-avatar";
+export * from "./3-unit/ds-avatar-group";
+export * from "./3-unit/ds-form";
+export * from "./3-unit/ds-list";
+export * from "./3-unit/ds-row";
+export * from "./3-unit/ds-table";
+export * from "./4-page/ds-container";
+export * from "./4-page/ds-grid";
+export * from "./4-page/ds-layout";
+export * from "./3-unit/ds-menu";
+export * from "./3-unit/ds-tabs";
+export * from "./4-page/ds-panel";
+export * from "./4-page/ds-dialog";
+export * from "./2-core/ds-token";
+export * from "./3-unit/ds-token-field";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../DS1/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,OAAO,iBAAiB,CAAC;AAGzB,OAAO,eAAe,CAAC;AAMvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAM/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AAMpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAMlC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC"}

package/dist/index.js

@@ -0,0 +1,73 @@
+/**
+ * Design system 1 - Main entry point for all components
+ *
+ * This module initializes core utilities and exports all design system components
+ * organized by layer: 0-face (foundation), 2-core (components), 3-unit (composites), 4-page (layouts)
+ */
+// ============================================================================
+// Initialization (side-effect imports)
+// ============================================================================
+// Initialize device detection (will auto-detect and log on load)
+import "./0-face/device";
+// Initialize language utilities (will auto-load external translations if available)
+import "./0-face/i18n";
+// ============================================================================
+// 0-face: Foundation & Utilities
+// ============================================================================
+export * from "./0-face/device";
+export * from "./0-face/grid";
+export * from "./0-face/tooltips";
+export * from "./0-face/i18n";
+export * from "./0-face/languages";
+export * from "./0-face/language-routing";
+export * from "./0-face/translations-format";
+export * from "./0-face/preferences";
+export * from "./0-face/pricing";
+export * from "./0-face/theme";
+// ============================================================================
+// 2-core: Core Components
+// ============================================================================
+export * from "./2-core/ds-banner";
+export * from "./2-core/ds-badge";
+export * from "./2-core/ds-button";
+export * from "./2-core/ds-checkbox";
+export * from "./2-core/ds-radio";
+export * from "./2-core/ds-switch";
+export * from "./2-core/ds-split";
+export * from "./2-core/ds-select";
+export * from "./2-core/ds-color";
+export * from "./2-core/ds-swatch";
+export * from "./2-core/ds-card";
+export * from "./2-core/ds-cycle";
+export * from "./2-core/ds-date";
+export * from "./2-core/ds-gap";
+export * from "./2-core/ds-icon";
+export * from "./2-core/ds-input";
+export * from "./2-core/ds-file-picker";
+export * from "./2-core/ds-textarea";
+export * from "./2-core/ds-composer";
+export * from "./2-core/ds-language";
+export * from "./2-core/ds-text";
+export * from "./2-core/ds-tooltip";
+// ============================================================================
+// 3-unit: Composite Components
+// ============================================================================
+export * from "./3-unit/ds-accordion";
+export * from "./2-core/ds-avatar";
+export * from "./3-unit/ds-avatar-group";
+export * from "./3-unit/ds-form";
+export * from "./3-unit/ds-list";
+export * from "./3-unit/ds-row";
+export * from "./3-unit/ds-table";
+// ============================================================================
+// 4-page: Layout Components
+// ============================================================================
+export * from "./4-page/ds-container";
+export * from "./4-page/ds-grid";
+export * from "./4-page/ds-layout";
+export * from "./3-unit/ds-menu";
+export * from "./3-unit/ds-tabs";
+export * from "./4-page/ds-panel";
+export * from "./4-page/ds-dialog";
+export * from "./2-core/ds-token";
+export * from "./3-unit/ds-token-field";

package/dist/react/accordion.d.ts

@@ -0,0 +1,21 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import type { Accordion as AccordionElement } from "../3-unit/ds-accordion";
+export type AccordionProps = Omit<HTMLAttributes<AccordionElement>, "onToggle"> & {
+    summary: ReactNode;
+    actions?: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    triggerRole?: string;
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const Accordion: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<AccordionElement>, "onToggle"> & {
+    summary: ReactNode;
+    actions?: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    triggerRole?: string;
+    onOpenChange?: (open: boolean) => void;
+} & import("react").RefAttributes<AccordionElement>>;
+//# sourceMappingURL=accordion.d.ts.map

package/dist/react/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../DS1/react/accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuF,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjJ,OAAO,KAAK,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE5E,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,GAAG;IAChF,OAAO,EAAE,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnG,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF,eAAO,MAAM,SAAS;aAJX,SAAS;cAAY,SAAS;WAAS,OAAO;kBAAgB,OAAO;eAAa,OAAO;kBACpF,MAAM;mBAAiB,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;oDA2B5D,CAAC"}

package/dist/react/accordion.js

@@ -0,0 +1,30 @@
+import { createElement as h, forwardRef, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
+const useCommitEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+export const Accordion = forwardRef(function Accordion({ summary, actions, open, defaultOpen = false, disabled, triggerRole, onOpenChange, children, ...props }, ref) {
+    const host = useRef(null), id = useId();
+    const [localOpen, setLocalOpen] = useState(defaultOpen), expanded = open ?? localOpen;
+    useCommitEffect(() => {
+        const element = host.current;
+        if (!element)
+            return;
+        const toggle = (event) => {
+            if (event.target !== element)
+                return;
+            event.preventDefault();
+            if (disabled)
+                return;
+            const next = event.detail.open;
+            if (open === undefined)
+                setLocalOpen(next);
+            onOpenChange?.(next);
+        };
+        element.addEventListener("ds-accordion-toggle", toggle);
+        return () => element.removeEventListener("ds-accordion-toggle", toggle);
+    });
+    return h("ds-accordion", { ...props, control: "slotted", open: expanded,
+        ref: (element) => { host.current = element; if (typeof ref === "function")
+            ref(element);
+        else if (ref)
+            ref.current = element; },
+    }, h("ds-button", { slot: "trigger", control: "slotted", choice: true, disabled }, h("button", { type: "button", role: triggerRole, disabled, "aria-expanded": expanded, "aria-controls": id }, summary, h("ds-icon", { type: expanded ? "up" : "down", "aria-hidden": "true", style: { marginInlineStart: "auto", flex: "0 0 auto" } }))), actions == null ? null : h("div", { slot: "actions" }, actions), h("div", { slot: "details", id, hidden: !expanded }, children));
+});

package/dist/react/avatar-group.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLAttributes } from "react";
+import type { AvatarGroup as AvatarGroupElement } from "../3-unit/ds-avatar-group";
+export type AvatarGroupProps = HTMLAttributes<AvatarGroupElement> & Partial<Pick<AvatarGroupElement, "size" | "vertical">>;
+/** Registration belongs to the browser runtime; React keeps identity children. */
+export declare const AvatarGroup: import("react").ForwardRefExoticComponent<HTMLAttributes<AvatarGroupElement> & Partial<Pick<AvatarGroupElement, "size" | "vertical">> & import("react").RefAttributes<AvatarGroupElement>>;
+//# sourceMappingURL=avatar-group.d.ts.map

package/dist/react/avatar-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../DS1/react/avatar-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEnF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,kBAAkB,CAAC,GAC/D,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC;AACzD,kFAAkF;AAClF,eAAO,MAAM,WAAW,4LAIvB,CAAC"}

package/dist/react/avatar-group.js

@@ -0,0 +1,5 @@
+import { createElement, forwardRef } from "react";
+/** Registration belongs to the browser runtime; React keeps identity children. */
+export const AvatarGroup = forwardRef(function AvatarGroup(props, ref) {
+    return createElement("ds-avatar-group", { ...props, ref });
+});

package/dist/react/avatar.d.ts

@@ -0,0 +1,13 @@
+import { type HTMLAttributes } from "react";
+import type { Avatar as AvatarElement } from "../2-core/ds-avatar";
+export type AvatarProps = Omit<HTMLAttributes<AvatarElement>, "children"> & Partial<Pick<AvatarElement, "label" | "initial" | "src" | "icon" | "shape" | "size" | "fit" | "mask" | "outlined" | "pending" | "plain" | "color">>;
+/** Browser-only registration stays in the product's runtime entry for SSR. */
+export declare const Avatar: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<AvatarElement>, "children"> & Partial<Pick<AvatarElement, "label" | "mask" | "size" | "icon" | "fit" | "outlined" | "plain" | "color" | "initial" | "src" | "shape" | "pending">> & import("react").RefAttributes<AvatarElement>>;
+export type LogoProps = Omit<AvatarProps, "shape" | "size" | "fit" | "mask" | "plain"> & {
+    src: string;
+};
+/** A monochrome brand mark fitted into the page's image area. */
+export declare const Logo: import("react").ForwardRefExoticComponent<Omit<AvatarProps, "mask" | "size" | "fit" | "plain" | "shape"> & {
+    src: string;
+} & import("react").RefAttributes<AvatarElement>>;
+//# sourceMappingURL=avatar.d.ts.map

package/dist/react/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../DS1/react/avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,GACvE,OAAO,CACL,IAAI,CACF,aAAa,EACX,OAAO,GACP,SAAS,GACT,KAAK,GACL,MAAM,GACN,OAAO,GACP,MAAM,GACN,KAAK,GACL,MAAM,GACN,UAAU,GACV,SAAS,GACT,OAAO,GACP,OAAO,CACV,CACF,CAAC;AACJ,8EAA8E;AAC9E,eAAO,MAAM,MAAM,iSAEjB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG;IACvF,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AACF,iEAAiE;AACjE,eAAO,MAAM,IAAI;SAHV,MAAM;iDAcX,CAAC"}

package/dist/react/avatar.js

@@ -0,0 +1,18 @@
+import { createElement, forwardRef } from "react";
+/** Browser-only registration stays in the product's runtime entry for SSR. */
+export const Avatar = forwardRef(function Avatar(props, ref) {
+    return createElement("ds-avatar", { ...props, ref });
+});
+/** A monochrome brand mark fitted into the page's image area. */
+export const Logo = forwardRef(function Logo(props, ref) {
+    return createElement("ds-avatar", {
+        size: "fill",
+        shape: "square",
+        fit: "contain",
+        mask: true,
+        plain: true,
+        initial: "",
+        ...props,
+        ref,
+    });
+});

package/dist/react/badge.d.ts

@@ -0,0 +1,11 @@
+import { type HTMLAttributes } from "react";
+import type { Badge as BadgeElement } from "../2-core/ds-badge";
+export type BadgeProps = HTMLAttributes<BadgeElement> & {
+    icon?: string;
+    iconOnly?: boolean;
+};
+export declare const Badge: import("react").ForwardRefExoticComponent<HTMLAttributes<BadgeElement> & {
+    icon?: string;
+    iconOnly?: boolean;
+} & import("react").RefAttributes<BadgeElement>>;
+//# sourceMappingURL=badge.d.ts.map

package/dist/react/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../DS1/react/badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,YAAY,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAC9F,eAAO,MAAM,KAAK;WAD+C,MAAM;eAAa,OAAO;gDAGzF,CAAC"}

package/dist/react/badge.js

@@ -0,0 +1,4 @@
+import { createElement, forwardRef } from "react";
+export const Badge = forwardRef(function Badge(props, ref) {
+    return createElement("ds-badge", { ...props, ref });
+});

package/dist/react/button.d.ts

@@ -0,0 +1,13 @@
+/** Native semantics and React events; the shared Lit element owns the face. */
+import { type AnchorHTMLAttributes, type ButtonHTMLAttributes } from "react";
+import type { Button as ButtonElement } from "../2-core/ds-button";
+export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & Partial<Pick<ButtonElement, "primary" | "secondary" | "active" | "choice" | "icon" | "wide" | "fit" | "danger" | "menuItem">>;
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & Partial<Pick<ButtonElement, "primary" | "secondary" | "active" | "choice" | "icon" | "wide" | "fit" | "danger" | "menuItem">> & import("react").RefAttributes<HTMLButtonElement>>;
+/** A real link: browser navigation, context menus and modifier clicks survive. */
+export type ButtonLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & Partial<Pick<ButtonElement, "primary" | "secondary" | "active" | "choice" | "icon" | "wide" | "fit" | "danger" | "menuItem">> & {
+    disabled?: boolean;
+};
+export declare const ButtonLink: import("react").ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & Partial<Pick<ButtonElement, "primary" | "secondary" | "active" | "choice" | "icon" | "wide" | "fit" | "danger" | "menuItem">> & {
+    disabled?: boolean;
+} & import("react").RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=button.d.ts.map

package/dist/react/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../DS1/react/button.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,OAAO,EAA6B,KAAK,oBAAoB,EAAE,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACxG,OAAO,KAAK,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAC/D,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC;AAEhI,eAAO,MAAM,MAAM,uQAyCjB,CAAC;AAEH,kFAAkF;AAClF,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACnE,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC,GAAG;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC,CAAC;AACvJ,eAAO,MAAM,UAAU;eADuH,OAAO;qDAUnJ,CAAC"}

package/dist/react/button.js

@@ -0,0 +1,37 @@
+/** Native semantics and React events; the shared Lit element owns the face. */
+import { createElement, forwardRef } from "react";
+export const Button = forwardRef(function Button({ children, className, style, primary, secondary, active, choice, icon, wide, fit, danger, menuItem, disabled, hidden, type = "button", ...props }, ref) {
+    return createElement("ds-button", {
+        control: "slotted",
+        primary,
+        secondary,
+        active,
+        choice,
+        icon,
+        wide,
+        fit,
+        danger,
+        menuItem,
+        disabled,
+        hidden,
+        className,
+        style,
+    }, createElement("button", { ...props, ref, type, disabled, hidden }, children));
+});
+export const ButtonLink = forwardRef(function ButtonLink({ children, className, style, primary, secondary, active, choice, icon, wide, fit, danger, menuItem, disabled, hidden, href, onClick, onAuxClick, tabIndex, ...props }, ref) {
+    return createElement("ds-button", { control: "slotted", primary, secondary, active, choice, icon, wide, fit, danger, menuItem, disabled, hidden, className, style }, createElement("a", { ...props, ref, href: disabled ? undefined : href, hidden,
+        "aria-disabled": disabled || undefined, tabIndex: disabled ? -1 : tabIndex,
+        onClick: event => { if (disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+        else
+            onClick?.(event); },
+        onAuxClick: event => { if (disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+        else
+            onAuxClick?.(event); },
+    }, children));
+});

package/dist/react/choice.d.ts

@@ -0,0 +1,43 @@
+/** Native controls retain labels, forms and events. Shared Lit elements own their faces. */
+import { type ButtonHTMLAttributes, type InputHTMLAttributes, type SelectHTMLAttributes, type MouseEvent, type ReactNode } from "react";
+export type ColorInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type">;
+export declare const ColorInput: import("react").ForwardRefExoticComponent<ColorInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export type SelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
+    fit?: boolean;
+    chip?: boolean;
+    primary?: boolean;
+    swatch?: string;
+};
+export declare const Select: import("react").ForwardRefExoticComponent<SelectHTMLAttributes<HTMLSelectElement> & {
+    fit?: boolean;
+    chip?: boolean;
+    primary?: boolean;
+    swatch?: string;
+} & import("react").RefAttributes<HTMLSelectElement>>;
+export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    indeterminate?: boolean;
+};
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    indeterminate?: boolean;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export type RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "children"> & {
+    choice?: boolean;
+    compact?: boolean;
+    label?: string;
+    preview?: ReactNode;
+};
+export declare const Radio: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "children"> & {
+    choice?: boolean;
+    compact?: boolean;
+    label?: string;
+    preview?: ReactNode;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export type SwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "role" | "aria-checked" | "onChange" | "type"> & {
+    checked: boolean;
+    onCheckedChange?: (checked: boolean, event: MouseEvent<HTMLButtonElement>) => void;
+};
+export declare const Switch: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "role" | "type" | "children" | "aria-checked" | "onChange"> & {
+    checked: boolean;
+    onCheckedChange?: (checked: boolean, event: MouseEvent<HTMLButtonElement>) => void;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=choice.d.ts.map

package/dist/react/choice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice.d.ts","sourceRoot":"","sources":["../../DS1/react/choice.ts"],"names":[],"mappings":"AAAA,4FAA4F;AAC5F,OAAO,EAA0C,KAAK,oBAAoB,EAAE,KAAK,mBAAmB,EAAE,KAAK,oBAAoB,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhL,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAClF,eAAO,MAAM,UAAU,8GAIrB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,eAAO,MAAM,MAAM;UALX,OAAO;WACN,OAAO;cACJ,OAAO;aACR,MAAM;qDAMf,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IAAE,aAAa,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAC9G,eAAO,MAAM,QAAQ;oBAD+E,OAAO;oDAUzG,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IAC1F,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AACF,eAAO,MAAM,KAAK;aALP,OAAO;cACN,OAAO;YACT,MAAM;cACJ,SAAS;oDASnB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,CAAC,GAAG;IACpI,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACpF,CAAC;AACF,eAAO,MAAM,MAAM;aAHR,OAAO;sBACE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI;qDAYlF,CAAC"}

package/dist/react/choice.js

@@ -0,0 +1,32 @@
+/** Native controls retain labels, forms and events. Shared Lit elements own their faces. */
+import { createElement, forwardRef, useCallback } from "react";
+export const ColorInput = forwardRef(function ColorInput({ className, style, hidden, ...props }, ref) {
+    return createElement("ds-color", { className, style, hidden }, createElement("input", { ...props, type: "color", hidden, ref }));
+});
+export const Select = forwardRef(function Select({ className, style, hidden, children, fit, chip, primary, swatch, ...props }, ref) {
+    return createElement("ds-select", { className, style, hidden, fit: fit ? "" : undefined, chip: chip ? "" : undefined, primary: primary ? "" : undefined, swatch }, createElement("select", { ...props, hidden, ref }, children));
+});
+export const Checkbox = forwardRef(function Checkbox({ className, style, hidden, indeterminate = false, ...props }, ref) {
+    const controlRef = useCallback((input) => {
+        if (input)
+            input.indeterminate = indeterminate;
+        if (typeof ref === "function")
+            return ref(input);
+        if (ref)
+            ref.current = input;
+    }, [ref, indeterminate]);
+    return createElement("ds-checkbox", { className, style, hidden }, createElement("input", { ...props, type: "checkbox", hidden, ref: controlRef }));
+});
+export const Radio = forwardRef(function Radio({ className, style, hidden, choice, compact, label, preview, ...props }, ref) {
+    return createElement("ds-radio", { className, style, hidden, label, choice: Boolean(choice), compact: Boolean(compact), preview: preview != null }, createElement("input", { ...props, "aria-label": props["aria-label"] ?? label, type: "radio", hidden, ref }), preview != null ? createElement("span", { slot: "preview", "aria-hidden": true }, preview) : null);
+});
+export const Switch = forwardRef(function Switch({ checked, onCheckedChange, onClick, className, style, hidden, ...props }, ref) {
+    return createElement("ds-switch", { className, style, hidden }, createElement("button", {
+        ...props, ref, hidden, type: "button", role: "switch", "aria-checked": checked,
+        onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented)
+                onCheckedChange?.(!checked, event);
+        },
+    }));
+});

package/dist/react/composer.d.ts

@@ -0,0 +1,17 @@
+import { type TextareaHTMLAttributes } from "react";
+import type { TextHighlight } from "../2-core/ds-composer";
+export type { TextHighlight };
+export type ComposerProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    highlights?: TextHighlight[];
+    autoGrow?: boolean;
+    maxRows?: number;
+    variant?: "field" | "plain";
+};
+/** Native React values, events, refs and forms; DS1 owns the entire visual. */
+export declare const Composer: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    highlights?: TextHighlight[];
+    autoGrow?: boolean;
+    maxRows?: number;
+    variant?: "field" | "plain";
+} & import("react").RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=composer.d.ts.map

package/dist/react/composer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer.d.ts","sourceRoot":"","sources":["../../DS1/react/composer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiE,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AACnH,OAAO,KAAK,EAA+B,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACxF,YAAY,EAAE,aAAa,EAAE,CAAC;AAC9B,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GAAG;IACxE,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC7B,CAAC;AAEF,+EAA+E;AAC/E,eAAO,MAAM,QAAQ;iBAPN,aAAa,EAAE;eACjB,OAAO;cACR,MAAM;cACN,OAAO,GAAG,OAAO;uDAU3B,CAAC"}

package/dist/react/composer.js

@@ -0,0 +1,8 @@
+import { createElement, forwardRef, useEffect, useLayoutEffect, useRef } from "react";
+const useCommitEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+/** Native React values, events, refs and forms; DS1 owns the entire visual. */
+export const Composer = forwardRef(function Composer({ highlights = [], autoGrow, maxRows = 12, variant = "field", className, style, ...props }, ref) {
+    const host = useRef(null);
+    useCommitEffect(() => { host.current?.refresh(); });
+    return createElement("ds-composer", { ref: host, highlights, "auto-grow": autoGrow, "max-rows": maxRows, variant, className, style }, createElement("textarea", { ...props, ref }));
+});