@namroodinc/liquid-editorial 0.0.0-stage → 0.1.1

package/dist/components/RichTextEditor/index.d.ts

@@ -0,0 +1,38 @@
+import { type AriaAttributes, type ReactNode } from "react";
+import { type RichTextDocument } from "./document.js";
+export type RichTextEditorSize = "sm" | "md" | "lg";
+export type { RichTextDocument } from "./document.js";
+interface RichTextEditorCommonProps {
+    placeholder?: string;
+    size?: RichTextEditorSize;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    /** Accessible name for the editing surface. */
+    label?: string;
+    className?: string;
+    /** Extra controls appended to the toolbar, e.g. a word count. */
+    toolbarExtra?: ReactNode;
+    /** Applied to the editable surface. */
+    id?: string;
+    isRequired?: boolean;
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
+    "aria-invalid"?: AriaAttributes["aria-invalid"];
+}
+export type RichTextEditorProps = RichTextEditorCommonProps & ({
+    format?: "html";
+    value?: string;
+    defaultValue?: string;
+    onChange?: (html: string) => void;
+} | {
+    format: "json";
+    value?: RichTextDocument;
+    defaultValue?: RichTextDocument;
+    onChange?: (document: RichTextDocument) => void;
+});
+/**
+ * The editorial writing surface. Rich text plus links — the same field skin,
+ * radius and states as `TextField`, with the toolbar inside the frame.
+ */
+export declare const RichTextEditor: import("react").ForwardRefExoticComponent<RichTextEditorProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RichTextEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RichTextEditor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1H,OAAO,EAAuE,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACxH,OAAO,oBAAoB,CAAC;AAC5B,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,UAAU,yBAAyB;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,uCAAuC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,MAAM,MAAM,mBAAmB,GAAG,yBAAyB,GAAG,CAC1D;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,GAC7F;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAAC,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAAE,CACjI,CAAC;AAgGF;;;GAGG;AACH,eAAO,MAAM,cAAc,gHAkJ1B,CAAC"}

package/dist/components/RichTextEditor/index.js

@@ -0,0 +1 @@
+export { t as RichTextEditor } from "../../chunks/RichTextEditor-DRt-kibg.js";

package/dist/components/RichTextEditor/style.css

@@ -0,0 +1,136 @@
+@layer components {
+  /* The editor is a field: field radius, control stroke, derived fill. The
+   * toolbar is inside the frame, separated by a hairline rule. */
+  .ds-rte {
+    display: flex;
+    flex-direction: column;
+    border: var(--control-border-width) solid var(--control-border-color);
+    border-radius: var(--field-radius);
+    /* The writing surface stays on the light page surface — only the toolbar
+     * band carries the derived field fill. */
+    background: var(--color-surface);
+    color: var(--color-text);
+    font-family: var(--font-sans);
+    overflow: hidden;
+  }
+
+  .ds-rte[data-focused] {
+    outline: var(--control-border-width) solid var(--color-focus);
+    outline-offset: 2px;
+  }
+
+  .ds-rte[aria-invalid="true"] {
+    border-color: var(--color-danger);
+  }
+
+  .ds-rte[aria-invalid="true"] .ds-rte__toolbar {
+    background: var(--field-invalid);
+  }
+
+  .ds-rte[data-disabled] {
+    opacity: 45%;
+    cursor: not-allowed;
+  }
+
+  .ds-rte__toolbar {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--space-2);
+    padding: var(--space-2);
+    background: var(--field-rest);
+    border-block-end: var(--rule-width) solid var(--rule-color);
+  }
+
+
+  .ds-rte__content[data-size="sm"] {
+    min-block-size: var(--editor-height-sm);
+  }
+
+  .ds-rte__content[data-size="md"] {
+    min-block-size: var(--editor-height-md);
+  }
+
+  .ds-rte__content[data-size="lg"] {
+    min-block-size: var(--editor-height-lg);
+  }
+
+  .ds-rte__content {
+    padding: var(--space-3);
+    font-size: var(--font-size-md);
+    line-height: var(--line-height-body);
+    overflow-y: auto;
+  }
+
+  .ds-rte__content .tiptap {
+    outline: none;
+    min-block-size: 100%;
+  }
+
+  .ds-rte__content .tiptap > * + * {
+    margin-block-start: var(--space-3);
+  }
+
+  .ds-rte__content h2 {
+    font-size: var(--font-size-lg);
+    font-weight: var(--font-weight-bold);
+    line-height: var(--line-height-tight);
+  }
+
+  .ds-rte__content h3 {
+    font-size: var(--font-size-md-lg);
+    font-weight: var(--font-weight-semibold);
+    line-height: var(--line-height-tight);
+  }
+
+  .ds-rte__content ul,
+  .ds-rte__content ol {
+    padding-inline-start: var(--space-5);
+  }
+
+  .ds-rte__content ul {
+    list-style: disc;
+  }
+
+  .ds-rte__content ol {
+    list-style: decimal;
+  }
+
+  .ds-rte__content li + li {
+    margin-block-start: var(--space-1);
+  }
+
+  .ds-rte__content blockquote {
+    padding-inline-start: var(--space-3);
+    border-inline-start: var(--rail-width) solid var(--color-border-strong);
+    color: var(--color-text-muted);
+  }
+
+  .ds-rte__content code {
+    font-family: var(--font-mono);
+    font-size: var(--font-size-sm);
+  }
+
+  .ds-rte__content pre {
+    padding: var(--space-3);
+    border-radius: var(--field-radius);
+    background: var(--color-surface-sunken, var(--field-hover));
+    font-family: var(--font-mono);
+    font-size: var(--font-size-sm);
+    overflow-x: auto;
+  }
+
+  .ds-rte__content a {
+    color: var(--color-primary-text);
+    text-decoration: underline;
+    text-underline-offset: 2px;
+  }
+
+  .ds-rte__content p.is-editor-empty:first-child::before {
+    content: attr(data-placeholder);
+    color: var(--color-text-muted);
+    float: inline-start;
+    block-size: 0;
+    pointer-events: none;
+  }
+}

package/dist/components/SearchField/index.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/Icon-CWsA1W83.cjs");;/* empty css                            */const t=require("../FieldAffix/index.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(function({size:i=`md`,isDisabled:a=!1,onClear:o,className:s,placeholder:c=`Search`,value:l,disabled:u,onKeyDown:d,...f},p){let m=(0,n.useRef)(null),h=l!==void 0&&String(l).length>0;return(0,r.jsx)(t.FieldAffix,{className:s,lead:(0,r.jsx)(e.t,{name:`search`,size:16}),isTrailInteractive:!0,trail:h&&o?(0,r.jsx)(`button`,{type:`button`,className:`ds-search__clear`,"aria-label":`Clear search`,disabled:a||u,onClick:()=>{o(),m.current?.focus()},children:(0,r.jsx)(e.t,{name:`x`,size:16})}):void 0,children:(0,r.jsx)(`input`,{ref:e=>{m.current=e,typeof p==`function`?p(e):p&&(p.current=e)},type:`search`,value:l,placeholder:c,disabled:a||u,"data-size":i,className:`ds-field-skin ds-search__input`,onKeyDown:e=>{e.key===`Escape`&&o&&o(),d?.(e)},...f})})});exports.SearchField=i;
+//# sourceMappingURL=index.cjs.map

package/dist/components/SearchField/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["forwardRef","useRef","FieldAffix","Icon","require_Icon","require_components_FieldAffix_index","react","react_jsx_runtime","SearchField","rest","inner","hasValue","value","onClear","isDisabled","disabled","node","ref","size","event","onKeyDown"],"sources":["../../../src/components/SearchField/index.tsx"],"sourcesContent":["import { forwardRef, useRef, type InputHTMLAttributes } from \"react\";\nimport { Icon } from \"../Icon\";\nimport { FieldAffix } from \"../FieldAffix\";\nimport type { FieldSize } from \"../Field\";\nimport \"../Field/style.css\";\nimport \"./style.css\";\n\nexport interface SearchFieldProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\" | \"type\"> {\n  size?: FieldSize;\n  isDisabled?: boolean;\n  /** Fired by the clear button and by Escape. */\n  onClear?: () => void;\n}\n\n/** A filter over a collection. Carries the glyph, and clears without a Save. */\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(function SearchField(\n  {\n    size = \"md\",\n    isDisabled = false,\n    onClear,\n    className,\n    placeholder = \"Search\",\n    value,\n    disabled,\n    onKeyDown,\n    ...rest\n  },\n  ref,\n) {\n  const inner = useRef<HTMLInputElement | null>(null);\n  const hasValue = value !== undefined ? String(value).length > 0 : false;\n\n  return (\n    <FieldAffix\n      className={className}\n      lead={<Icon name=\"search\" size={16} />}\n      isTrailInteractive\n      trail={\n        hasValue && onClear ? (\n          <button\n            type=\"button\"\n            className=\"ds-search__clear\"\n            aria-label=\"Clear search\"\n            disabled={isDisabled || disabled}\n            onClick={() => {\n              onClear();\n              inner.current?.focus();\n            }}\n          >\n            <Icon name=\"x\" size={16} />\n          </button>\n        ) : undefined\n      }\n    >\n      <input\n        ref={(node) => {\n          inner.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        type=\"search\"\n        value={value}\n        placeholder={placeholder}\n        disabled={isDisabled || disabled}\n        data-size={size}\n        className=\"ds-field-skin ds-search__input\"\n        onKeyDown={(event) => {\n          if (event.key === \"Escape\" && onClear) onClear();\n          onKeyDown?.(event);\n        }}\n        {...rest}\n      />\n    </FieldAffix>\n  );\n});\n"],"mappings":"A,iQAgBA,IAAaQ,GAAA,EAAcR,EAAAA,WAAAA,CAA+C,SACxE,CACE,OAAO,KACP,aAAa,GACb,UACA,YACA,cAAc,SACd,QACA,WACA,YACA,GAAGS,GAEL,EACA,CACA,IAAMC,GAAA,EAAQT,EAAAA,OAAAA,CAAgC,IAAI,EAC5CU,EAAWC,IAAU,IAAA,IAAY,OAAOA,CAAK,CAAC,CAAC,OAAS,EAE9D,OACE,EAAAL,EAAA,IAAA,CAACL,EAAAA,WAAD,CACa,YACX,MAAM,EAAAK,EAAA,IAAA,CAACJ,EAAAA,EAAD,CAAM,KAAK,SAAS,KAAM,EAAK,CAAA,EACrC,mBAAA,GACA,MACEQ,GAAYE,GACV,EAAAN,EAAA,IAAA,CAAC,SAAD,CACE,KAAK,SACL,UAAU,mBACV,aAAW,eACX,SAAUO,GAAcC,EACxB,YAAe,CACbF,EAAQ,EACRH,EAAM,SAAS,MAAM,CACvB,EAEA,UAAA,EAAAH,EAAA,IAAA,CAACJ,EAAAA,EAAD,CAAM,KAAK,IAAI,KAAM,EAAK,CAAA,CACpB,CAAA,EACN,IAAA,GAGN,UAAA,EAAAI,EAAA,IAAA,CAAC,QAAD,CACE,IAAM,GAAS,CACb,EAAM,QAAUS,EACZ,OAAOC,GAAQ,WAAYA,EAAID,CAAI,EAC9BC,IAAK,EAAI,QAAUD,EAC9B,EACA,KAAK,SACE,QACM,cACb,SAAUF,GAAcC,EACxB,YAAWG,EACX,UAAU,iCACV,UAAY,GAAU,CAChBC,EAAM,MAAQ,UAAYN,GAASA,EAAQ,EAC/CO,IAAYD,CAAK,CACnB,EACA,GAAIV,CACL,CAAA,CACS,CAAA,CAEhB,CAAC,E"}

package/dist/components/SearchField/index.d.cts

@@ -0,0 +1,11 @@
+import { type InputHTMLAttributes } from "react";
+import type { FieldSize } from "../Field/index.cjs";
+export interface SearchFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> {
+    size?: FieldSize;
+    isDisabled?: boolean;
+    /** Fired by the clear button and by Escape. */
+    onClear?: () => void;
+}
+/** A filter over a collection. Carries the glyph, and clears without a Save. */
+export declare const SearchField: import("react").ForwardRefExoticComponent<SearchFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=index.d.cts.map

package/dist/components/SearchField/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/SearchField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAGrE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,gFAAgF;AAChF,eAAO,MAAM,WAAW,+GA2DtB,CAAC"}

package/dist/components/SearchField/index.d.ts

@@ -0,0 +1,11 @@
+import { type InputHTMLAttributes } from "react";
+import type { FieldSize } from "../Field/index.js";
+export interface SearchFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> {
+    size?: FieldSize;
+    isDisabled?: boolean;
+    /** Fired by the clear button and by Escape. */
+    onClear?: () => void;
+}
+/** A filter over a collection. Carries the glyph, and clears without a Save. */
+export declare const SearchField: import("react").ForwardRefExoticComponent<SearchFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SearchField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAGrE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,gFAAgF;AAChF,eAAO,MAAM,WAAW,+GA2DtB,CAAC"}

package/dist/components/SearchField/index.js

@@ -0,0 +1,49 @@
+import { t as e } from "../../chunks/Icon-CGY1FNXT.js";
+/* empty css                          */
+import { FieldAffix as t } from "../FieldAffix/index.js";
+import { forwardRef as n, useRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/SearchField/index.tsx
+var a = n(function({ size: n = "md", isDisabled: a = !1, onClear: o, className: s, placeholder: c = "Search", value: l, disabled: u, onKeyDown: d, ...f }, p) {
+	let m = r(null), h = l !== void 0 && String(l).length > 0;
+	return /* @__PURE__ */ i(t, {
+		className: s,
+		lead: /* @__PURE__ */ i(e, {
+			name: "search",
+			size: 16
+		}),
+		isTrailInteractive: !0,
+		trail: h && o ? /* @__PURE__ */ i("button", {
+			type: "button",
+			className: "ds-search__clear",
+			"aria-label": "Clear search",
+			disabled: a || u,
+			onClick: () => {
+				o(), m.current?.focus();
+			},
+			children: /* @__PURE__ */ i(e, {
+				name: "x",
+				size: 16
+			})
+		}) : void 0,
+		children: /* @__PURE__ */ i("input", {
+			ref: (e) => {
+				m.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+			},
+			type: "search",
+			value: l,
+			placeholder: c,
+			disabled: a || u,
+			"data-size": n,
+			className: "ds-field-skin ds-search__input",
+			onKeyDown: (e) => {
+				e.key === "Escape" && o && o(), d?.(e);
+			},
+			...f
+		})
+	});
+});
+//#endregion
+export { a as SearchField };
+
+//# sourceMappingURL=index.js.map

package/dist/components/SearchField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Icon","SearchField","forwardRef","rest","inner","useRef","hasValue","value","FieldAffix","onClear","isDisabled","disabled","node","ref","size","event","onKeyDown"],"sources":["../../../src/components/SearchField/index.tsx"],"sourcesContent":["import { forwardRef, useRef, type InputHTMLAttributes } from \"react\";\nimport { Icon } from \"../Icon\";\nimport { FieldAffix } from \"../FieldAffix\";\nimport type { FieldSize } from \"../Field\";\nimport \"../Field/style.css\";\nimport \"./style.css\";\n\nexport interface SearchFieldProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\" | \"type\"> {\n  size?: FieldSize;\n  isDisabled?: boolean;\n  /** Fired by the clear button and by Escape. */\n  onClear?: () => void;\n}\n\n/** A filter over a collection. Carries the glyph, and clears without a Save. */\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(function SearchField(\n  {\n    size = \"md\",\n    isDisabled = false,\n    onClear,\n    className,\n    placeholder = \"Search\",\n    value,\n    disabled,\n    onKeyDown,\n    ...rest\n  },\n  ref,\n) {\n  const inner = useRef<HTMLInputElement | null>(null);\n  const hasValue = value !== undefined ? String(value).length > 0 : false;\n\n  return (\n    <FieldAffix\n      className={className}\n      lead={<Icon name=\"search\" size={16} />}\n      isTrailInteractive\n      trail={\n        hasValue && onClear ? (\n          <button\n            type=\"button\"\n            className=\"ds-search__clear\"\n            aria-label=\"Clear search\"\n            disabled={isDisabled || disabled}\n            onClick={() => {\n              onClear();\n              inner.current?.focus();\n            }}\n          >\n            <Icon name=\"x\" size={16} />\n          </button>\n        ) : undefined\n      }\n    >\n      <input\n        ref={(node) => {\n          inner.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        type=\"search\"\n        value={value}\n        placeholder={placeholder}\n        disabled={isDisabled || disabled}\n        data-size={size}\n        className=\"ds-field-skin ds-search__input\"\n        onKeyDown={(event) => {\n          if (event.key === \"Escape\" && onClear) onClear();\n          onKeyDown?.(event);\n        }}\n        {...rest}\n      />\n    </FieldAffix>\n  );\n});\n"],"mappings":";;;;;;AAgBA,IAAaC,IAAcC,EAA+C,SACxE,EACE,UAAO,MACP,gBAAa,IACb,YACA,cACA,iBAAc,UACd,UACA,aACA,cACA,GAAGC,KAEL,GACA;CACA,IAAMC,IAAQC,EAAgC,IAAI,GAC5CC,IAAWC,MAAU,KAAA,KAAY,OAAOA,CAAK,CAAC,CAAC,SAAS;CAE9D,OACE,kBAACC,GAAD;EACa;EACX,MAAM,kBAACR,GAAD;GAAM,MAAK;GAAS,MAAM;EAAK,CAAA;EACrC,oBAAA;EACA,OACEM,KAAYG,IACV,kBAAC,UAAD;GACE,MAAK;GACL,WAAU;GACV,cAAW;GACX,UAAUC,KAAcC;GACxB,eAAe;IAEb,AADAF,EAAQ,GACRL,EAAM,SAAS,MAAM;GACvB;GAEA,UAAA,kBAACJ,GAAD;IAAM,MAAK;IAAI,MAAM;GAAK,CAAA;EACpB,CAAA,IACN,KAAA;EAGN,UAAA,kBAAC,SAAD;GACE,MAAM,MAAS;IAEb,AADA,EAAM,UAAUY,GACZ,OAAOC,KAAQ,aAAYA,EAAID,CAAI,IAC9BC,MAAK,EAAI,UAAUD;GAC9B;GACA,MAAK;GACE;GACM;GACb,UAAUF,KAAcC;GACxB,aAAWG;GACX,WAAU;GACV,YAAY,MAAU;IAEpB,AADIC,EAAM,QAAQ,YAAYN,KAASA,EAAQ,GAC/CO,IAAYD,CAAK;GACnB;GACA,GAAIZ;EACL,CAAA;CACS,CAAA;AAEhB,CAAC"}

package/dist/components/SearchField/style.css

@@ -0,0 +1,27 @@
+@layer components {
+  .ds-search__input::-webkit-search-cancel-button {
+    appearance: none;
+  }
+
+  .ds-search__clear {
+    display: grid;
+    place-items: center;
+    inline-size: var(--space-6);
+    block-size: var(--space-6);
+    border: none;
+    border-radius: var(--radius-sm);
+    background: transparent;
+    color: var(--color-text-muted);
+    cursor: pointer;
+  }
+
+  .ds-search__clear:hover {
+    background: var(--field-hover);
+    color: var(--color-text);
+  }
+
+  .ds-search__clear:focus-visible {
+    outline: var(--control-border-width) solid var(--color-focus);
+    outline-offset: 2px;
+  }
+}

package/dist/components/Select/index.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/Icon-CWsA1W83.cjs");;/* empty css                            */const t=require("../Popover/index.cjs");let n=require("react"),r=require("react/jsx-runtime");function i(...e){return e.filter(Boolean).join(` `)}var a=(0,n.forwardRef)(function({options:a,value:o,defaultValue:s,onValueChange:c,placeholder:l=`Select an option`,size:u=`md`,isDisabled:d=!1,isInvalid:f=!1,className:p,disabled:m,onClick:h,onKeyDown:g,..._},v){let[y,b]=(0,n.useState)(s??``),x=o??y,[S,C]=(0,n.useState)(!1),[w,T]=(0,n.useState)(0),E=(0,n.useRef)(null),D=(0,n.useRef)(null),O=(0,n.useRef)(null),k=(0,n.useId)(),A=d||m,j=S&&!A,M=a.find(e=>e.value===x),N=a.filter(e=>!e.isDisabled),P=(0,n.useCallback)(e=>{o===void 0&&b(e),c?.(e),C(!1)},[c,o]);(0,n.useEffect)(()=>{if(!j)return;let e=a.findIndex(e=>e.value===x&&!e.isDisabled);T(e<0?a.indexOf(N[0]):e);let t=e=>{let t=e.target;!E.current?.contains(t)&&!O.current?.contains(t)&&C(!1)};return document.addEventListener(`mousedown`,t),()=>document.removeEventListener(`mousedown`,t)},[j]),(0,n.useEffect)(()=>{j&&(O.current?.querySelectorAll(`[role='option']`)[w])?.scrollIntoView({block:`nearest`})},[w,j]);let F=e=>{let t=a.map((e,t)=>({option:e,index:t})).filter(e=>!e.option.isDisabled);if(t.length===0)return;let n=t[(t.findIndex(e=>e.index===w)+e+t.length)%t.length];T(n.index)},I=e=>{if(!A){if(e.key===`Escape`)C(!1),D.current?.focus();else if(!j&&(e.key===`ArrowDown`||e.key===`ArrowUp`||e.key===`Enter`||e.key===` `))e.preventDefault(),C(!0);else if(j){if(e.key===`Tab`)C(!1);else if(e.key===`ArrowDown`||e.key===`ArrowUp`)e.preventDefault(),F(e.key===`ArrowDown`?1:-1);else if(e.key===`Home`||e.key===`End`){e.preventDefault();let t=e.key===`Home`?N[0]:N[N.length-1];t&&T(a.indexOf(t))}else if(e.key===`Enter`||e.key===` `){e.preventDefault();let t=a[w];t&&!t.isDisabled&&P(t.value)}}}};return(0,r.jsxs)(`div`,{className:`ds-select-root`,ref:E,children:[(0,r.jsxs)(`button`,{ref:e=>{D.current=e,typeof v==`function`?v(e):v&&(v.current=e)},type:`button`,role:`combobox`,"aria-haspopup":`listbox`,"aria-expanded":j,"aria-controls":j?k:void 0,"aria-activedescendant":j&&a[w]&&!a[w].isDisabled?`${k}-option-${w}`:void 0,"aria-invalid":f||void 0,disabled:A,"data-size":u,"data-placeholder":M?void 0:``,className:i(`ds-field-skin`,`ds-select`,p),onClick:e=>{h?.(e),e.defaultPrevented||C(e=>!e)},onKeyDown:e=>{g?.(e),e.defaultPrevented||I(e)},..._,children:[(0,r.jsx)(`span`,{className:`ds-select__value`,children:M?M.label:l}),(0,r.jsx)(e.t,{name:`chevron-down`,size:16,className:`ds-select__chevron`})]}),(0,r.jsx)(t.Popover,{anchorRef:D,isOpen:j,matchAnchorWidth:!0,panelRef:O,id:k,role:`listbox`,"aria-label":_[`aria-label`]??l,className:`ds-surface-raised ds-select__menu`,children:(0,r.jsx)(`div`,{onKeyDown:I,children:a.map((t,n)=>(0,r.jsxs)(`div`,{id:`${k}-option-${n}`,role:`option`,"aria-selected":t.value===x,"aria-disabled":t.isDisabled||void 0,"data-active":n===w||void 0,className:`ds-select__option`,onMouseEnter:()=>!t.isDisabled&&T(n),onClick:()=>{t.isDisabled||(P(t.value),D.current?.focus())},children:[(0,r.jsxs)(`span`,{className:`ds-select__option-body`,children:[(0,r.jsx)(`span`,{className:`ds-select__option-label`,children:t.label}),t.description&&(0,r.jsx)(`span`,{className:`ds-select__option-description`,children:t.description})]}),t.value===x&&(0,r.jsx)(e.t,{name:`check`,size:16})]},t.value))})})]})});exports.Select=a;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Select/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["forwardRef","useState","useRef","useId","useCallback","Icon","Popover","require_Icon","require_components_Popover_index","react","react_jsx_runtime","cx","parts","Select","rest","internal","setInternal","defaultValue","current","value","isOpen","setOpen","activeIndex","setActiveIndex","rootRef","triggerRef","listRef","listId","effectiveDisabled","isDisabled","disabled","isVisible","selected","options","option","enabled","commit","next","onValueChange","index","onPointerDown","target","event","step","order","o","delta","handleKeyDown","pick","node","ref","isInvalid","size","className","onClick","open","onKeyDown","placeholder"],"sources":["../../../src/components/Select/index.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type ButtonHTMLAttributes,\n} from \"react\";\nimport { Icon } from \"../Icon\";\nimport { Popover } from \"../Popover\";\nimport type { FieldSize } from \"../Field\";\nimport \"../Field/style.css\";\nimport \"./style.css\";\n\nfunction cx(...parts: (string | undefined | false)[]) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport interface SelectOption {\n  value: string;\n  label: string;\n  /** Secondary line under the label. */\n  description?: string;\n  isDisabled?: boolean;\n}\n\nexport interface SelectProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"value\" | \"defaultValue\" | \"onChange\"> {\n  options: SelectOption[];\n  /** Controlled value. Leave undefined to let the select hold its own. */\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  placeholder?: string;\n  size?: FieldSize;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n}\n\n/**\n * One value out of a known list. Wears the field skin, opens a listbox: arrows\n * walk the options, Enter commits, Escape closes without changing anything.\n */\nexport const Select = forwardRef<HTMLButtonElement, SelectProps>(function Select(\n  {\n    options,\n    value,\n    defaultValue,\n    onValueChange,\n    placeholder = \"Select an option\",\n    size = \"md\",\n    isDisabled = false,\n    isInvalid = false,\n    className,\n    disabled,\n    onClick,\n    onKeyDown,\n    ...rest\n  },\n  ref,\n) {\n  const [internal, setInternal] = useState(defaultValue ?? \"\");\n  const current = value ?? internal;\n  const [isOpen, setOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(0);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const listRef = useRef<HTMLDivElement | null>(null);\n  const listId = useId();\n  const effectiveDisabled = isDisabled || disabled;\n  const isVisible = isOpen && !effectiveDisabled;\n\n  const selected = options.find((option) => option.value === current);\n  const enabled = options.filter((option) => !option.isDisabled);\n\n  const commit = useCallback(\n    (next: string) => {\n      if (value === undefined) setInternal(next);\n      onValueChange?.(next);\n      setOpen(false);\n    },\n    [onValueChange, value],\n  );\n\n  useEffect(() => {\n    if (!isVisible) return;\n    const index = options.findIndex((option) => option.value === current && !option.isDisabled);\n    setActiveIndex(index < 0 ? options.indexOf(enabled[0]!) : index);\n    const onPointerDown = (event: MouseEvent) => {\n      const target = event.target as Node;\n      if (!rootRef.current?.contains(target) && !listRef.current?.contains(target)) setOpen(false);\n    };\n    document.addEventListener(\"mousedown\", onPointerDown);\n    return () => document.removeEventListener(\"mousedown\", onPointerDown);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isVisible]);\n\n  useEffect(() => {\n    if (!isVisible) return;\n    const activeOption = listRef.current?.querySelectorAll<HTMLElement>(\"[role='option']\")[activeIndex];\n    activeOption?.scrollIntoView({ block: \"nearest\" });\n  }, [activeIndex, isVisible]);\n\n  const step = (delta: number) => {\n    const order = options.map((option, index) => ({ option, index })).filter((o) => !o.option.isDisabled);\n    if (order.length === 0) return;\n    const at = order.findIndex((o) => o.index === activeIndex);\n    const next = order[(at + delta + order.length) % order.length]!;\n    setActiveIndex(next.index);\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (effectiveDisabled) return;\n    if (event.key === \"Escape\") {\n      setOpen(false);\n      triggerRef.current?.focus();\n      return;\n    }\n    if (!isVisible && (event.key === \"ArrowDown\" || event.key === \"ArrowUp\" || event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      setOpen(true);\n      return;\n    }\n    if (!isVisible) return;\n    if (event.key === \"Tab\") {\n      setOpen(false);\n      return;\n    }\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      step(event.key === \"ArrowDown\" ? 1 : -1);\n    } else if (event.key === \"Home\" || event.key === \"End\") {\n      event.preventDefault();\n      const pick = event.key === \"Home\" ? enabled[0] : enabled[enabled.length - 1];\n      if (pick) setActiveIndex(options.indexOf(pick));\n    } else if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      const option = options[activeIndex];\n      if (option && !option.isDisabled) commit(option.value);\n    }\n  };\n\n  return (\n    <div className=\"ds-select-root\" ref={rootRef}>\n      <button\n        ref={(node) => {\n          triggerRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        type=\"button\"\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={isVisible}\n        aria-controls={isVisible ? listId : undefined}\n        aria-activedescendant={isVisible && options[activeIndex] && !options[activeIndex].isDisabled ? `${listId}-option-${activeIndex}` : undefined}\n        aria-invalid={isInvalid || undefined}\n        disabled={effectiveDisabled}\n        data-size={size}\n        data-placeholder={selected ? undefined : \"\"}\n        className={cx(\"ds-field-skin\", \"ds-select\", className)}\n        onClick={(event) => {\n          onClick?.(event);\n          if (!event.defaultPrevented) setOpen((open) => !open);\n        }}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (!event.defaultPrevented) handleKeyDown(event);\n        }}\n        {...rest}\n      >\n        <span className=\"ds-select__value\">{selected ? selected.label : placeholder}</span>\n        <Icon name=\"chevron-down\" size={16} className=\"ds-select__chevron\" />\n      </button>\n      <Popover\n        anchorRef={triggerRef}\n        isOpen={isVisible}\n        matchAnchorWidth\n        panelRef={listRef}\n        id={listId}\n        role=\"listbox\"\n        aria-label={rest[\"aria-label\"] ?? placeholder}\n        className=\"ds-surface-raised ds-select__menu\"\n      >\n        <div onKeyDown={handleKeyDown}>\n          {options.map((option, index) => (\n            <div\n              key={option.value}\n              id={`${listId}-option-${index}`}\n              role=\"option\"\n              aria-selected={option.value === current}\n              aria-disabled={option.isDisabled || undefined}\n              data-active={index === activeIndex || undefined}\n              className=\"ds-select__option\"\n              onMouseEnter={() => !option.isDisabled && setActiveIndex(index)}\n              onClick={() => {\n                if (!option.isDisabled) {\n                  commit(option.value);\n                  triggerRef.current?.focus();\n                }\n              }}\n            >\n              <span className=\"ds-select__option-body\">\n                <span className=\"ds-select__option-label\">{option.label}</span>\n                {option.description && (\n                  <span className=\"ds-select__option-description\">{option.description}</span>\n                )}\n              </span>\n              {option.value === current && <Icon name=\"check\" size={16} />}\n            </div>\n          ))}\n        </div>\n      </Popover>\n    </div>\n  );\n});\n"],"mappings":"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"}

package/dist/components/Select/index.d.cts

@@ -0,0 +1,26 @@
+import { type ButtonHTMLAttributes } from "react";
+import type { FieldSize } from "../Field/index.cjs";
+export interface SelectOption {
+    value: string;
+    label: string;
+    /** Secondary line under the label. */
+    description?: string;
+    isDisabled?: boolean;
+}
+export interface SelectProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value" | "defaultValue" | "onChange"> {
+    options: SelectOption[];
+    /** Controlled value. Leave undefined to let the select hold its own. */
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    size?: FieldSize;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+}
+/**
+ * One value out of a known list. Wears the field skin, opens a listbox: arrows
+ * walk the options, Enter commits, Escape closes without changing anything.
+ */
+export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=index.d.cts.map

package/dist/components/Select/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,aAAa,CAAC;AAMrB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC;IAC5F,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,2GA4KjB,CAAC"}

package/dist/components/Select/index.d.ts

@@ -0,0 +1,26 @@
+import { type ButtonHTMLAttributes } from "react";
+import type { FieldSize } from "../Field/index.js";
+export interface SelectOption {
+    value: string;
+    label: string;
+    /** Secondary line under the label. */
+    description?: string;
+    isDisabled?: boolean;
+}
+export interface SelectProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value" | "defaultValue" | "onChange"> {
+    options: SelectOption[];
+    /** Controlled value. Leave undefined to let the select hold its own. */
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    size?: FieldSize;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+}
+/**
+ * One value out of a known list. Wears the field skin, opens a listbox: arrows
+ * walk the options, Enter commits, Escape closes without changing anything.
+ */
+export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,aAAa,CAAC;AAMrB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC;IAC5F,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,2GA4KjB,CAAC"}

package/dist/components/Select/index.js

@@ -0,0 +1,129 @@
+import { t as e } from "../../chunks/Icon-CGY1FNXT.js";
+/* empty css                          */
+import { Popover as t } from "../Popover/index.js";
+import { forwardRef as n, useCallback as r, useEffect as i, useId as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/Select/index.tsx
+function u(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var d = n(function({ options: n, value: d, defaultValue: f, onValueChange: p, placeholder: m = "Select an option", size: h = "md", isDisabled: g = !1, isInvalid: _ = !1, className: v, disabled: y, onClick: b, onKeyDown: x, ...S }, C) {
+	let [w, T] = s(f ?? ""), E = d ?? w, [D, O] = s(!1), [k, A] = s(0), j = o(null), M = o(null), N = o(null), P = a(), F = g || y, I = D && !F, L = n.find((e) => e.value === E), R = n.filter((e) => !e.isDisabled), z = r((e) => {
+		d === void 0 && T(e), p?.(e), O(!1);
+	}, [p, d]);
+	i(() => {
+		if (!I) return;
+		let e = n.findIndex((e) => e.value === E && !e.isDisabled);
+		A(e < 0 ? n.indexOf(R[0]) : e);
+		let t = (e) => {
+			let t = e.target;
+			!j.current?.contains(t) && !N.current?.contains(t) && O(!1);
+		};
+		return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
+	}, [I]), i(() => {
+		I && (N.current?.querySelectorAll("[role='option']")[k])?.scrollIntoView({ block: "nearest" });
+	}, [k, I]);
+	let B = (e) => {
+		let t = n.map((e, t) => ({
+			option: e,
+			index: t
+		})).filter((e) => !e.option.isDisabled);
+		if (t.length === 0) return;
+		let r = t[(t.findIndex((e) => e.index === k) + e + t.length) % t.length];
+		A(r.index);
+	}, V = (e) => {
+		if (!F) {
+			if (e.key === "Escape") O(!1), M.current?.focus();
+			else if (!I && (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter" || e.key === " ")) e.preventDefault(), O(!0);
+			else if (I) {
+				if (e.key === "Tab") O(!1);
+				else if (e.key === "ArrowDown" || e.key === "ArrowUp") e.preventDefault(), B(e.key === "ArrowDown" ? 1 : -1);
+				else if (e.key === "Home" || e.key === "End") {
+					e.preventDefault();
+					let t = e.key === "Home" ? R[0] : R[R.length - 1];
+					t && A(n.indexOf(t));
+				} else if (e.key === "Enter" || e.key === " ") {
+					e.preventDefault();
+					let t = n[k];
+					t && !t.isDisabled && z(t.value);
+				}
+			}
+		}
+	};
+	return /* @__PURE__ */ l("div", {
+		className: "ds-select-root",
+		ref: j,
+		children: [/* @__PURE__ */ l("button", {
+			ref: (e) => {
+				M.current = e, typeof C == "function" ? C(e) : C && (C.current = e);
+			},
+			type: "button",
+			role: "combobox",
+			"aria-haspopup": "listbox",
+			"aria-expanded": I,
+			"aria-controls": I ? P : void 0,
+			"aria-activedescendant": I && n[k] && !n[k].isDisabled ? `${P}-option-${k}` : void 0,
+			"aria-invalid": _ || void 0,
+			disabled: F,
+			"data-size": h,
+			"data-placeholder": L ? void 0 : "",
+			className: u("ds-field-skin", "ds-select", v),
+			onClick: (e) => {
+				b?.(e), e.defaultPrevented || O((e) => !e);
+			},
+			onKeyDown: (e) => {
+				x?.(e), e.defaultPrevented || V(e);
+			},
+			...S,
+			children: [/* @__PURE__ */ c("span", {
+				className: "ds-select__value",
+				children: L ? L.label : m
+			}), /* @__PURE__ */ c(e, {
+				name: "chevron-down",
+				size: 16,
+				className: "ds-select__chevron"
+			})]
+		}), /* @__PURE__ */ c(t, {
+			anchorRef: M,
+			isOpen: I,
+			matchAnchorWidth: !0,
+			panelRef: N,
+			id: P,
+			role: "listbox",
+			"aria-label": S["aria-label"] ?? m,
+			className: "ds-surface-raised ds-select__menu",
+			children: /* @__PURE__ */ c("div", {
+				onKeyDown: V,
+				children: n.map((t, n) => /* @__PURE__ */ l("div", {
+					id: `${P}-option-${n}`,
+					role: "option",
+					"aria-selected": t.value === E,
+					"aria-disabled": t.isDisabled || void 0,
+					"data-active": n === k || void 0,
+					className: "ds-select__option",
+					onMouseEnter: () => !t.isDisabled && A(n),
+					onClick: () => {
+						t.isDisabled || (z(t.value), M.current?.focus());
+					},
+					children: [/* @__PURE__ */ l("span", {
+						className: "ds-select__option-body",
+						children: [/* @__PURE__ */ c("span", {
+							className: "ds-select__option-label",
+							children: t.label
+						}), t.description && /* @__PURE__ */ c("span", {
+							className: "ds-select__option-description",
+							children: t.description
+						})]
+					}), t.value === E && /* @__PURE__ */ c(e, {
+						name: "check",
+						size: 16
+					})]
+				}, t.value))
+			})
+		})]
+	});
+});
+//#endregion
+export { d as Select };
+
+//# sourceMappingURL=index.js.map

package/dist/components/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Icon","cx","parts","Select","forwardRef","rest","internal","setInternal","useState","defaultValue","current","value","isOpen","setOpen","activeIndex","setActiveIndex","rootRef","useRef","triggerRef","listRef","listId","useId","effectiveDisabled","isDisabled","disabled","isVisible","selected","options","option","enabled","commit","useCallback","next","onValueChange","useEffect","index","onPointerDown","target","event","step","order","o","delta","handleKeyDown","pick","node","ref","isInvalid","size","className","onClick","open","onKeyDown","placeholder","Popover"],"sources":["../../../src/components/Select/index.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type ButtonHTMLAttributes,\n} from \"react\";\nimport { Icon } from \"../Icon\";\nimport { Popover } from \"../Popover\";\nimport type { FieldSize } from \"../Field\";\nimport \"../Field/style.css\";\nimport \"./style.css\";\n\nfunction cx(...parts: (string | undefined | false)[]) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport interface SelectOption {\n  value: string;\n  label: string;\n  /** Secondary line under the label. */\n  description?: string;\n  isDisabled?: boolean;\n}\n\nexport interface SelectProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"value\" | \"defaultValue\" | \"onChange\"> {\n  options: SelectOption[];\n  /** Controlled value. Leave undefined to let the select hold its own. */\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  placeholder?: string;\n  size?: FieldSize;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n}\n\n/**\n * One value out of a known list. Wears the field skin, opens a listbox: arrows\n * walk the options, Enter commits, Escape closes without changing anything.\n */\nexport const Select = forwardRef<HTMLButtonElement, SelectProps>(function Select(\n  {\n    options,\n    value,\n    defaultValue,\n    onValueChange,\n    placeholder = \"Select an option\",\n    size = \"md\",\n    isDisabled = false,\n    isInvalid = false,\n    className,\n    disabled,\n    onClick,\n    onKeyDown,\n    ...rest\n  },\n  ref,\n) {\n  const [internal, setInternal] = useState(defaultValue ?? \"\");\n  const current = value ?? internal;\n  const [isOpen, setOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(0);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const listRef = useRef<HTMLDivElement | null>(null);\n  const listId = useId();\n  const effectiveDisabled = isDisabled || disabled;\n  const isVisible = isOpen && !effectiveDisabled;\n\n  const selected = options.find((option) => option.value === current);\n  const enabled = options.filter((option) => !option.isDisabled);\n\n  const commit = useCallback(\n    (next: string) => {\n      if (value === undefined) setInternal(next);\n      onValueChange?.(next);\n      setOpen(false);\n    },\n    [onValueChange, value],\n  );\n\n  useEffect(() => {\n    if (!isVisible) return;\n    const index = options.findIndex((option) => option.value === current && !option.isDisabled);\n    setActiveIndex(index < 0 ? options.indexOf(enabled[0]!) : index);\n    const onPointerDown = (event: MouseEvent) => {\n      const target = event.target as Node;\n      if (!rootRef.current?.contains(target) && !listRef.current?.contains(target)) setOpen(false);\n    };\n    document.addEventListener(\"mousedown\", onPointerDown);\n    return () => document.removeEventListener(\"mousedown\", onPointerDown);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isVisible]);\n\n  useEffect(() => {\n    if (!isVisible) return;\n    const activeOption = listRef.current?.querySelectorAll<HTMLElement>(\"[role='option']\")[activeIndex];\n    activeOption?.scrollIntoView({ block: \"nearest\" });\n  }, [activeIndex, isVisible]);\n\n  const step = (delta: number) => {\n    const order = options.map((option, index) => ({ option, index })).filter((o) => !o.option.isDisabled);\n    if (order.length === 0) return;\n    const at = order.findIndex((o) => o.index === activeIndex);\n    const next = order[(at + delta + order.length) % order.length]!;\n    setActiveIndex(next.index);\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (effectiveDisabled) return;\n    if (event.key === \"Escape\") {\n      setOpen(false);\n      triggerRef.current?.focus();\n      return;\n    }\n    if (!isVisible && (event.key === \"ArrowDown\" || event.key === \"ArrowUp\" || event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      setOpen(true);\n      return;\n    }\n    if (!isVisible) return;\n    if (event.key === \"Tab\") {\n      setOpen(false);\n      return;\n    }\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      step(event.key === \"ArrowDown\" ? 1 : -1);\n    } else if (event.key === \"Home\" || event.key === \"End\") {\n      event.preventDefault();\n      const pick = event.key === \"Home\" ? enabled[0] : enabled[enabled.length - 1];\n      if (pick) setActiveIndex(options.indexOf(pick));\n    } else if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      const option = options[activeIndex];\n      if (option && !option.isDisabled) commit(option.value);\n    }\n  };\n\n  return (\n    <div className=\"ds-select-root\" ref={rootRef}>\n      <button\n        ref={(node) => {\n          triggerRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        type=\"button\"\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={isVisible}\n        aria-controls={isVisible ? listId : undefined}\n        aria-activedescendant={isVisible && options[activeIndex] && !options[activeIndex].isDisabled ? `${listId}-option-${activeIndex}` : undefined}\n        aria-invalid={isInvalid || undefined}\n        disabled={effectiveDisabled}\n        data-size={size}\n        data-placeholder={selected ? undefined : \"\"}\n        className={cx(\"ds-field-skin\", \"ds-select\", className)}\n        onClick={(event) => {\n          onClick?.(event);\n          if (!event.defaultPrevented) setOpen((open) => !open);\n        }}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (!event.defaultPrevented) handleKeyDown(event);\n        }}\n        {...rest}\n      >\n        <span className=\"ds-select__value\">{selected ? selected.label : placeholder}</span>\n        <Icon name=\"chevron-down\" size={16} className=\"ds-select__chevron\" />\n      </button>\n      <Popover\n        anchorRef={triggerRef}\n        isOpen={isVisible}\n        matchAnchorWidth\n        panelRef={listRef}\n        id={listId}\n        role=\"listbox\"\n        aria-label={rest[\"aria-label\"] ?? placeholder}\n        className=\"ds-surface-raised ds-select__menu\"\n      >\n        <div onKeyDown={handleKeyDown}>\n          {options.map((option, index) => (\n            <div\n              key={option.value}\n              id={`${listId}-option-${index}`}\n              role=\"option\"\n              aria-selected={option.value === current}\n              aria-disabled={option.isDisabled || undefined}\n              data-active={index === activeIndex || undefined}\n              className=\"ds-select__option\"\n              onMouseEnter={() => !option.isDisabled && setActiveIndex(index)}\n              onClick={() => {\n                if (!option.isDisabled) {\n                  commit(option.value);\n                  triggerRef.current?.focus();\n                }\n              }}\n            >\n              <span className=\"ds-select__option-body\">\n                <span className=\"ds-select__option-label\">{option.label}</span>\n                {option.description && (\n                  <span className=\"ds-select__option-description\">{option.description}</span>\n                )}\n              </span>\n              {option.value === current && <Icon name=\"check\" size={16} />}\n            </div>\n          ))}\n        </div>\n      </Popover>\n    </div>\n  );\n});\n"],"mappings":"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"}