@zyncat/ui 0.9.0 → 0.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -102,8 +102,8 @@ later.)
102
102
 
103
103
  Components render their own glyphs from a small curated Phosphor set, **bundled in** - no icon peer
104
104
  to install. Zyncat UI does **not** export an `Icon` component, so where a prop takes an icon
105
- (`iconLeft`, `leadingIcon`, a `Tag`'s `icon`, ...) pass your own node - any `ReactNode` (e.g. an
106
- `@phosphor-icons/react` element, if you choose to use it).
105
+ (`leadingIcon`, a `Tag`'s `icon`, ...) or a component composes icons as children (`Button`), pass
106
+ your own node - any `ReactNode` (e.g. an `@phosphor-icons/react` element, if you choose to use it).
107
107
 
108
108
  ## What's inside
109
109
 
package/dist/alert.js CHANGED
@@ -7,7 +7,7 @@ import { IconSlot } from './chunk-2ERBBFZS.js';
7
7
  import { Icon } from './chunk-3SBCBYB7.js';
8
8
  import { useControllable } from './chunk-MMRIQNEN.js';
9
9
  import './chunk-S5ZTZANS.js';
10
- import { Button } from './chunk-U5QQZC3U.js';
10
+ import { Button } from './chunk-2F5PITAO.js';
11
11
  import './chunk-VTJTGVZZ.js';
12
12
  import { cx } from './chunk-QGNC7LH5.js';
13
13
  import './alert.css';
package/dist/button.css CHANGED
@@ -16,13 +16,14 @@
16
16
  .btn {
17
17
  --btn-shadow: none;
18
18
  --btn-ring: var(--ring-accent);
19
+ --btn-gap: var(--space-2);
19
20
 
20
21
  position: relative;
21
22
  isolation: isolate;
22
23
  display: inline-flex;
23
24
  align-items: center;
24
25
  justify-content: center;
25
- gap: var(--space-2);
26
+ gap: var(--btn-gap);
26
27
 
27
28
  height: var(--control-height);
28
29
  padding: 0 var(--space-4);
@@ -64,7 +65,7 @@
64
65
  padding: 0 var(--space-3);
65
66
  font-size: var(--size-caption);
66
67
  border-radius: var(--radius-sm);
67
- gap: var(--space-1);
68
+ --btn-gap: var(--space-1);
68
69
  }
69
70
  .btn--lg {
70
71
  height: var(--control-height-lg);
@@ -77,9 +78,16 @@
77
78
  .btn--icon {
78
79
  width: var(--control-height-sm);
79
80
  height: var(--control-height-sm);
81
+ padding: 0;
80
82
  border-radius: var(--radius-sm);
81
83
  }
82
84
 
85
+ .btn__label {
86
+ display: inline-flex;
87
+ align-items: center;
88
+ gap: var(--btn-gap);
89
+ }
90
+
83
91
  .btn__icon {
84
92
  display: inline-flex;
85
93
  flex: none;
package/dist/button.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react from 'react';
2
- import { Ref, ReactNode, CSSProperties, ButtonHTMLAttributes } from 'react';
2
+ import { Ref, CSSProperties, ReactNode, ButtonHTMLAttributes } from 'react';
3
3
  import { D as DataAttributes } from './dom-props-C0jrllBw.js';
4
4
 
5
5
  interface ButtonOwnProps {
@@ -16,10 +16,6 @@ interface ButtonOwnProps {
16
16
  disabled?: boolean;
17
17
  /** Loading - swaps content for a spinner and makes the button inert. */
18
18
  loading?: boolean;
19
- /** Leading icon node (e.g. a 16px <Icon>). Sized & aligned by the component. */
20
- iconLeft?: ReactNode;
21
- /** Trailing icon node. */
22
- iconRight?: ReactNode;
23
19
  /** Stretch to fill the container width. */
24
20
  fullWidth?: boolean;
25
21
  /** Extra class(es) merged onto the button. */
@@ -39,6 +35,6 @@ interface ButtonProps extends ButtonOwnProps, ButtonRestProps {
39
35
  * Bare `<button>` attributes also pass through directly; `htmlProps` wins on conflict. */
40
36
  htmlProps?: ButtonRestProps;
41
37
  }
42
- declare function Button({ variant, size, type, disabled, loading, iconLeft, iconRight, fullWidth, className, style, children, onClick, ref, onPointerDown, htmlProps, ...rest }: ButtonProps): react.JSX.Element;
38
+ declare function Button({ variant, size, type, disabled, loading, fullWidth, className, style, children, onClick, ref, onPointerDown, htmlProps, ...rest }: ButtonProps): react.JSX.Element;
43
39
 
44
40
  export { Button, type ButtonProps };
package/dist/button.js CHANGED
@@ -1,4 +1,4 @@
1
- 'use client';export { Button } from './chunk-U5QQZC3U.js';
1
+ 'use client';export { Button } from './chunk-2F5PITAO.js';
2
2
  import './chunk-QGNC7LH5.js';
3
3
  //# sourceMappingURL=button.js.map
4
4
  //# sourceMappingURL=button.js.map
@@ -8,8 +8,6 @@ function Button({
8
8
  type = "button",
9
9
  disabled = false,
10
10
  loading = false,
11
- iconLeft = null,
12
- iconRight = null,
13
11
  fullWidth = false,
14
12
  className = "",
15
13
  style,
@@ -42,9 +40,7 @@ function Button({
42
40
  ...rest,
43
41
  ...htmlProps,
44
42
  children: [
45
- iconLeft ? /* @__PURE__ */ jsx("span", { className: "btn__icon", "aria-hidden": "true", children: iconLeft }) : null,
46
43
  /* @__PURE__ */ jsx("span", { className: "btn__label", children }),
47
- iconRight ? /* @__PURE__ */ jsx("span", { className: "btn__icon", "aria-hidden": "true", children: iconRight }) : null,
48
44
  loading ? /* @__PURE__ */ jsx("span", { className: "btn__spinner", "aria-hidden": "true" }) : null
49
45
  ]
50
46
  }
@@ -52,5 +48,5 @@ function Button({
52
48
  }
53
49
 
54
50
  export { Button };
55
- //# sourceMappingURL=chunk-U5QQZC3U.js.map
56
- //# sourceMappingURL=chunk-U5QQZC3U.js.map
51
+ //# sourceMappingURL=chunk-2F5PITAO.js.map
52
+ //# sourceMappingURL=chunk-2F5PITAO.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/primitives/button/Button.tsx"],"names":[],"mappings":";;;;AA2CO,SAAS,MAAA,CAAO;AAAA,EACrB,OAAA,GAAU,SAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,IAAA,GAAO,QAAA;AAAA,EACP,QAAA,GAAW,KAAA;AAAA,EACX,OAAA,GAAU,KAAA;AAAA,EACV,SAAA,GAAY,KAAA;AAAA,EACZ,SAAA,GAAY,EAAA;AAAA,EACZ,KAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAgB;AACd,EAAA,MAAM,GAAA,GAAM,EAAA;AAAA,IACV,KAAA;AAAA,IACA,OAAA,KAAY,UAAA,IAAc,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAA;AAAA,IACzC,IAAA,KAAS,IAAA,IAAQ,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAA;AAAA,IAC7B,SAAA,IAAa,YAAA;AAAA,IACb,OAAA,IAAW,YAAA;AAAA,IACX;AAAA,GACF;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA,EAAW,GAAA;AAAA,MACX,KAAA;AAAA,MACA,UAAU,QAAA,IAAY,OAAA;AAAA,MACtB,aAAW,OAAA,IAAW,MAAA;AAAA,MACtB,OAAA;AAAA,MACA,aAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACH,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAc,QAAA,EAAS,CAAA;AAAA,QACtC,0BAAU,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,cAAA,EAAe,aAAA,EAAY,QAAO,CAAA,GAAK;AAAA;AAAA;AAAA,GACpE;AAEJ","file":"chunk-2F5PITAO.js","sourcesContent":["'use client';\n\nimport './button.css';\nimport type { ButtonHTMLAttributes, CSSProperties, ReactNode, Ref } from 'react';\nimport type { DataAttributes } from '../../../dom-props';\nimport { cx } from '../../internal/utils/cx';\n\ninterface ButtonOwnProps {\n /** Visual weight / intent. `unstyled` emits base chrome only (sizing, focus ring,\n * layout) with no skin - for local re-skins via `className`, e.g. Alert's tone action. @default 'primary' */\n variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'link' | 'unstyled';\n /** Forwarded to the underlying <button> (React 19 ref-as-prop). */\n ref?: Ref<HTMLButtonElement>;\n /** Control height. sm 28px - md 36px (default) - lg 40px. @default 'md' */\n size?: 'sm' | 'md' | 'lg' | 'icon';\n /** `submit` / `reset` / `button`. @default 'button' */\n type?: 'button' | 'submit' | 'reset';\n /** Disable the control (also implied by `loading`). */\n disabled?: boolean;\n /** Loading - swaps content for a spinner and makes the button inert. */\n loading?: boolean;\n /** Stretch to fill the container width. */\n fullWidth?: boolean;\n /** Extra class(es) merged onto the button. */\n className?: string;\n /** Inline styles merged onto the button. */\n style?: CSSProperties;\n /** Button label. */\n children?: ReactNode;\n /** Click handler */\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n /** Pointer handler */\n onPointerDown?: React.PointerEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonRestProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof ButtonOwnProps> & DataAttributes;\n\nexport interface ButtonProps extends ButtonOwnProps, ButtonRestProps {\n /** Standard <button> attributes (onClick, name, form, aria-*, data-*, ...) forwarded verbatim.\n * Bare `<button>` attributes also pass through directly; `htmlProps` wins on conflict. */\n htmlProps?: ButtonRestProps;\n}\n\nexport function Button({\n variant = 'primary',\n size = 'md',\n type = 'button',\n disabled = false,\n loading = false,\n fullWidth = false,\n className = '',\n style,\n children,\n onClick,\n ref,\n onPointerDown,\n htmlProps,\n ...rest\n}: ButtonProps) {\n const cls = cx(\n 'btn',\n variant !== 'unstyled' && `btn--${variant}`,\n size !== 'md' && `btn--${size}`,\n fullWidth && 'btn--block',\n loading && 'is-loading',\n className,\n );\n\n return (\n <button\n type={type}\n ref={ref}\n className={cls}\n style={style}\n disabled={disabled || loading}\n aria-busy={loading || undefined}\n onClick={onClick}\n onPointerDown={onPointerDown}\n {...rest}\n {...htmlProps}\n >\n <span className=\"btn__label\">{children}</span>\n {loading ? <span className=\"btn__spinner\" aria-hidden=\"true\" /> : null}\n </button>\n );\n}\n"]}
@@ -7,7 +7,7 @@ import { useMotion } from './chunk-XWUWYSCT.js';
7
7
  import { IconSlot } from './chunk-2ERBBFZS.js';
8
8
  import { Icon } from './chunk-3SBCBYB7.js';
9
9
  import { UIMotion } from './chunk-S5ZTZANS.js';
10
- import { Button } from './chunk-U5QQZC3U.js';
10
+ import { Button } from './chunk-2F5PITAO.js';
11
11
  import { Collapse } from './chunk-7SZCJ7WI.js';
12
12
  import { useState, useRef, useId, useMemo, useEffect, useLayoutEffect, Fragment } from 'react';
13
13
  import { jsxs, jsx } from 'react/jsx-runtime';
@@ -204,15 +204,15 @@ function SelectTrigger({
204
204
  ...htmlProps
205
205
  },
206
206
  onClick: () => open ? requestClose() : show(),
207
- iconRight: /* @__PURE__ */ jsx("span", { className: "select__caret", children: /* @__PURE__ */ jsx(Icon, { name: "caret-down", size: "sm" }) }),
208
- iconLeft: leading && /* @__PURE__ */ jsx("span", { className: "select__leading", children: /* @__PURE__ */ jsx(IconSlot, { size: "sm", children: leading }) }),
209
207
  ...rest,
210
208
  children: [
209
+ leading && /* @__PURE__ */ jsx("span", { className: "select__leading", children: /* @__PURE__ */ jsx(IconSlot, { size: "sm", children: leading }) }),
211
210
  /* @__PURE__ */ jsx("span", { className: "select__value", "data-placeholder": isPlaceholder ? "true" : void 0, children: text }),
212
211
  count != null && count > 0 && /* @__PURE__ */ jsxs("span", { className: "select__count", children: [
213
212
  "+",
214
213
  count
215
- ] })
214
+ ] }),
215
+ /* @__PURE__ */ jsx("span", { className: "select__caret", children: /* @__PURE__ */ jsx(Icon, { name: "caret-down", size: "sm" }) })
216
216
  ]
217
217
  }
218
218
  );
@@ -394,5 +394,5 @@ function ListboxPanel({
394
394
  }
395
395
 
396
396
  export { ListboxPanel, SelectTrigger, useListbox };
397
- //# sourceMappingURL=chunk-Q5B7JTSR.js.map
398
- //# sourceMappingURL=chunk-Q5B7JTSR.js.map
397
+ //# sourceMappingURL=chunk-45XJ75GZ.js.map
398
+ //# sourceMappingURL=chunk-45XJ75GZ.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/composites/select/core/types.ts","../src/components/composites/select/core/use-listbox.ts","../src/components/composites/select/core/trigger.tsx","../src/components/composites/select/core/menu.tsx","../src/components/composites/select/core/panel.tsx"],"names":["useRef","useLayoutEffect","jsx","jsxs","useMemo"],"mappings":";;;;;;;;;;;;;;;AA0BO,SAAS,UAAU,OAAA,EAGxB;AACA,EAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,MAAA,GAAS,CAAA,IAAK,OAAA,CAAQ,CAAC,CAAA,IAAK,KAAA,CAAM,OAAA,CAAS,OAAA,CAAQ,CAAC,CAAA,CAAkB,OAAO,CAAA;AACrG,EAAA,MAAM,MAAA,GAA4B,UAC7B,OAAA,CAA0B,GAAA,CAAI,CAAC,CAAA,MAAO,EAAE,KAAA,EAAO,CAAA,CAAE,KAAA,EAAO,OAAA,EAAS,EAAE,OAAA,IAAW,IAAG,CAAE,CAAA,GACpF,CAAC,EAAE,KAAA,EAAO,IAAA,EAAM,OAAA,EAAoC,CAAA;AACxD,EAAA,OAAO,EAAE,QAAQ,IAAA,EAAM,MAAA,CAAO,QAAQ,CAAC,CAAA,KAAM,CAAA,CAAE,OAAO,CAAA,EAAE;AAC1D;AAEO,IAAM,UAAU,CAAC,CAAA,EAAiB,CAAA,KACvC,CAAC,MAAM,CAAA,CAAE,KAAA,GAAQ,GAAA,IAAO,CAAA,CAAE,eAAe,EAAA,CAAA,EAAK,WAAA,GAAc,QAAA,CAAS,CAAA,CAAE,aAAa,CAAA;;;AClB/E,SAAS,UAAA,CAAW;AAAA,EACzB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,EAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAAmB;AACjB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,EAAE,CAAA;AACrC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,EAAE,CAAA;AAC7C,EAAA,MAAM,YAAY,MAAA,CAAmE,EAAE,KAAK,EAAA,EAAI,CAAA,EAAG,GAAG,CAAA;AAEtG,EAAA,MAAM,UAAA,GAAa,MAAA,CAA0B,IAAI,CAAA,EAC/C,OAAA,GAAU,OAAuB,IAAI,CAAA,EACrC,SAAA,GAAY,MAAA,CAAyB,IAAI,CAAA;AAC3C,EAAA,MAAM,SAAS,KAAA,EAAM;AACrB,EAAA,MAAM,MAAA,GAAS,MAAM,QAAA,GAAW,MAAA;AAChC,EAAA,MAAM,SAAS,MAAA,GAAS,OAAA;AACxB,EAAA,MAAM,SAAS,MAAA,GAAS,OAAA;AACxB,EAAA,MAAM,KAAA,GAAQ,SAAS,OAAO,CAAA;AAE9B,EAAA,MAAM,EAAE,MAAA,EAAQ,IAAA,EAAK,GAAI,OAAA,CAAQ,MAAM,SAAA,CAAU,OAAO,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AACpE,EAAA,MAAM,QAAA,GAAW,OAAA,CAAQ,MAAM,IAAA,CAAK,OAAO,CAAC,CAAA,KAAM,OAAA,CAAQ,CAAA,EAAG,KAAK,CAAC,CAAA,EAAG,CAAC,IAAA,EAAM,KAAK,CAAC,CAAA;AAEnF,EAAA,MAAM,OAAO,MAAM;AACjB,IAAA,IAAI,CAAC,QAAA,IAAY,CAAC,OAAA,UAAiB,IAAI,CAAA;AAAA,EACzC,CAAA;AACA,EAAA,MAAM,YAAA,GAAe,MAAM,OAAA,CAAQ,KAAK,CAAA;AACxC,EAAA,MAAM,cAAc,MAAM,UAAA,CAAW,OAAA,IAAW,UAAA,CAAW,QAAQ,KAAA,EAAM;AAEzE,EAAA,SAAS,OAAO,GAAA,EAAmB;AACjC,IAAA,IAAI,CAAC,GAAA,IAAO,GAAA,CAAI,QAAA,EAAU;AAC1B,IAAA,QAAA,CAAS,GAAG,CAAA;AACZ,IAAA,IAAI,aAAA,EAAe;AACjB,MAAA,YAAA,EAAa;AACb,MAAA,WAAA,EAAY;AAAA,IACd;AAAA,EACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAA,EAAM,QAAA,CAAS,EAAE,CAAA;AAAA,EACxB,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,MAAM,GAAA,GAAM,QAAA,CAAS,SAAA,CAAU,CAAC,CAAA,KAAM,UAAA,CAAW,CAAA,CAAE,KAAK,CAAA,IAAK,CAAC,CAAA,CAAE,QAAQ,CAAA;AACxE,IAAA,MAAM,QAAQ,QAAA,CAAS,SAAA,CAAU,CAAC,CAAA,KAAM,CAAC,EAAE,QAAQ,CAAA;AACnD,IAAA,YAAA,CAAa,GAAA,IAAO,CAAA,GAAI,GAAA,GAAM,KAAK,CAAA;AACnC,IAAA,MAAM,GAAA,GAAM,aAAa,SAAA,GAAY,OAAA;AACrC,IAAA,UAAA,CAAW,MAAM;AACf,MAAA,IAAI,GAAA,CAAI,OAAA,EAAS,GAAA,CAAI,OAAA,CAAQ,KAAA,EAAM;AAAA,IACrC,GAAG,CAAC,CAAA;AAAA,EACN,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,OAAO,OAAA,CAAQ,OAAA;AACrB,IAAA,IAAI,CAAC,IAAA,IAAQ,SAAA,GAAY,CAAA,IAAK,CAAC,IAAA,EAAM;AACrC,IAAA,MAAM,EAAA,GAAK,IAAA,CAAK,aAAA,CAAc,aAAA,GAAgB,YAAY,IAAI,CAAA;AAC9D,IAAA,IAAI,CAAC,EAAA,EAAI;AACT,IAAA,IAAI,GAAG,SAAA,GAAY,IAAA,CAAK,SAAA,EAAW,IAAA,CAAK,YAAY,EAAA,CAAG,SAAA;AAAA,SAAA,IAC9C,GAAG,SAAA,GAAY,EAAA,CAAG,YAAA,GAAe,IAAA,CAAK,YAAY,IAAA,CAAK,YAAA;AAC9D,MAAA,IAAA,CAAK,SAAA,GAAY,EAAA,CAAG,SAAA,GAAY,EAAA,CAAG,eAAe,IAAA,CAAK,YAAA;AAAA,EAC3D,CAAA,EAAG,CAAC,SAAA,EAAW,IAAI,CAAC,CAAA;AAEpB,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,OAAO,OAAA,CAAQ,OAAA;AACrB,IAAA,MAAM,EAAA,GAAK,QAAQ,SAAA,IAAa,CAAA,IAAK,QAAQ,IAAA,CAAK,aAAA,CAA2B,aAAA,GAAgB,SAAA,GAAY,IAAI,CAAA;AAC7G,IAAA,IAAI,EAAA,EAAI,KAAA,CAAM,KAAA,CAAM,EAAE,CAAA;AAAA,eACX,KAAA,EAAM;AAAA,EAEnB,CAAA,EAAG,CAAC,IAAA,EAAM,SAAA,EAAW,KAAK,CAAC,CAAA;AAE3B,EAAA,SAAS,WAAW,GAAA,EAAa;AAC/B,IAAA,IAAI,CAAC,SAAS,MAAA,EAAQ;AACtB,IAAA,IAAI,CAAA,GAAI,SAAA;AACR,IAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,QAAA,CAAS,QAAQ,CAAA,EAAA,EAAK;AACxC,MAAA,CAAA,GAAA,CAAK,CAAA,GAAI,GAAA,GAAM,QAAA,CAAS,MAAA,IAAU,QAAA,CAAS,MAAA;AAC3C,MAAA,IAAI,CAAC,QAAA,CAAS,CAAC,EAAE,QAAA,EAAU,OAAO,aAAa,CAAC,CAAA;AAAA,IAClD;AAAA,EACF;AACA,EAAA,SAAS,WAAW,KAAA,EAAgB;AAClC,IAAA,MAAM,KAAA,GAAQ,CAAC,GAAG,QAAA,CAAS,MAAM,CAAA;AACjC,IAAA,IAAI,KAAA,QAAa,OAAA,EAAQ;AACzB,IAAA,KAAA,MAAW,CAAA,IAAK,KAAA,EAAO,IAAI,CAAC,QAAA,CAAS,CAAC,CAAA,CAAE,QAAA,EAAU,OAAO,YAAA,CAAa,CAAC,CAAA;AAAA,EACzE;AACA,EAAA,SAAS,UAAU,EAAA,EAAY;AAC7B,IAAA,MAAM,KAAK,SAAA,CAAU,OAAA;AACrB,IAAA,YAAA,CAAa,GAAG,CAAC,CAAA;AACjB,IAAA,EAAA,CAAG,GAAA,IAAO,GAAG,WAAA,EAAY;AACzB,IAAA,EAAA,CAAG,IAAI,UAAA,CAAW,MAAO,EAAA,CAAG,GAAA,GAAM,IAAK,GAAG,CAAA;AAC1C,IAAA,MAAM,CAAA,GAAI,QAAA,CAAS,SAAA,CAAU,CAAC,MAAM,CAAC,CAAA,CAAE,QAAA,IAAY,CAAA,CAAE,MAAM,WAAA,EAAY,CAAE,UAAA,CAAW,EAAA,CAAG,GAAG,CAAC,CAAA;AAC3F,IAAA,IAAI,CAAA,IAAK,CAAA,EAAG,YAAA,CAAa,CAAC,CAAA;AAAA,EAC5B;AAEA,EAAA,SAAS,cAAc,CAAA,EAAkB;AACvC,IAAA,QAAQ,EAAE,GAAA;AAAK,MACb,KAAK,QAAA;AACH,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,YAAA,EAAa;AACb,QAAA,WAAA,EAAY;AACZ,QAAA;AAAA,MACF,KAAK,WAAA;AACH,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,UAAA,CAAW,CAAC,CAAA;AACZ,QAAA;AAAA,MACF,KAAK,SAAA;AACH,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,UAAA,CAAW,EAAE,CAAA;AACb,QAAA;AAAA,MACF,KAAK,MAAA;AACH,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,UAAA,CAAW,KAAK,CAAA;AAChB,QAAA;AAAA,MACF,KAAK,KAAA;AACH,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,UAAA,CAAW,IAAI,CAAA;AACf,QAAA;AAAA,MACF,KAAK,OAAA;AACH,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,IAAI,SAAA,IAAa,CAAA,EAAG,MAAA,CAAO,QAAA,CAAS,SAAS,CAAC,CAAA;AAC9C,QAAA;AAAA,MACF,KAAK,KAAA;AACH,QAAA,YAAA,EAAa;AACb,QAAA;AAAA,MACF;AACE,QAAA,IAAI,CAAC,UAAA,IAAc,CAAA,CAAE,GAAA,CAAI,WAAW,CAAA,IAAK,CAAC,CAAA,CAAE,OAAA,IAAW,CAAC,CAAA,CAAE,OAAA,EAAS,SAAA,CAAU,EAAE,GAAG,CAAA;AAAA;AACtF,EACF;AAEA,EAAA,MAAM,QAAQ,CAAC,KAAA,KAAkB,MAAA,GAAS,OAAA,GAAU,mBAAmB,KAAK,CAAA;AAC5E,EAAA,MAAM,MAAA,GAAS,SAAA,IAAa,CAAA,GAAI,QAAA,CAAS,SAAS,CAAA,GAAI,MAAA;AACtD,EAAA,MAAM,OAAO,IAAA,IAAQ,MAAA,GAAS,KAAA,CAAM,MAAA,CAAO,KAAK,CAAA,GAAI,MAAA;AAEpD,EAAA,OAAO;AAAA,IACL,IAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF;AACF;ACnKO,SAAS,aAAA,CAAc;AAAA,EAC5B,EAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAuB;AACrB,EAAA,MAAM,EAAE,UAAA,EAAY,MAAA,EAAQ,MAAM,IAAA,EAAM,IAAA,EAAM,cAAa,GAAI,EAAA;AAC/D,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,GAAA,EAAK,UAAA;AAAA,MACL,OAAA,EAAQ,OAAA;AAAA,MACR,SAAA,EAAW;AAAA,QACT,IAAI,MAAA,GAAS,UAAA;AAAA,QACb,IAAA,EAAM,UAAA;AAAA,QACN,eAAA,EAAiB,SAAA;AAAA,QACjB,eAAA,EAAiB,IAAA;AAAA,QACjB,iBAAiB,MAAA,GAAS,OAAA;AAAA,QAC1B,uBAAA,EAAyB,IAAA;AAAA,QACzB,YAAA,EAAc,SAAA;AAAA,QACd,gBAAgB,OAAA,IAAW,MAAA;AAAA,QAC3B,SAAA,EAAW,CAAC,CAAA,KAAM;AAChB,UAAA,IAAI,CAAC,IAAA,KAAS,CAAA,CAAE,QAAQ,WAAA,IAAe,CAAA,CAAE,QAAQ,SAAA,CAAA,EAAY;AAC3D,YAAA,CAAA,CAAE,cAAA,EAAe;AACjB,YAAA,IAAA,EAAK;AAAA,UACP;AAAA,QACF,CAAA;AAAA,QACA,GAAG;AAAA,OACL;AAAA,MACA,OAAA,EAAS,MAAO,IAAA,GAAO,YAAA,KAAiB,IAAA,EAAK;AAAA,MAC5C,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,OAAA,oBACC,GAAA,CAAC,UAAK,SAAA,EAAU,iBAAA,EACd,8BAAC,QAAA,EAAA,EAAS,IAAA,EAAK,IAAA,EAAM,QAAA,EAAA,OAAA,EAAQ,CAAA,EAC/B,CAAA;AAAA,wBAEF,GAAA,CAAC,UAAK,SAAA,EAAU,eAAA,EAAgB,oBAAkB,aAAA,GAAgB,MAAA,GAAS,QACxE,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,QACC,SAAS,IAAA,IAAQ,KAAA,GAAQ,qBAAK,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,eAAA,EAAgB,QAAA,EAAA;AAAA,UAAA,GAAA;AAAA,UAAE;AAAA,SAAA,EAAM,CAAA;AAAA,wBACvE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EACd,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAA,EAAK,YAAA,EAAa,IAAA,EAAK,IAAA,EAAK,CAAA,EACpC;AAAA;AAAA;AAAA,GACF;AAEJ;ACzDA,IAAM,kBAAA,GAAqB;AAAA,EACzB,IAAA,EAAM,EAAE,QAAA,EAAU,MAAA,EAAQ,MAAM,UAAA,EAAW;AAAA,EAC3C,KAAA,EAAO,EAAE,QAAA,EAAU,MAAA,EAAQ,MAAM,MAAA;AACnC,CAAA;AAEA,SAAS,gBAAA,CAAiB,WAA6C,GAAA,EAAgC;AACrG,EAAA,MAAM,CAAA,GAAI,mBAAA,CAAoB,SAAA,EAAW,kBAAkB,EAAE,GAAG,CAAA;AAChE,EAAA,MAAM,IAAA,GAAO,CAAC,CAAA,MAAyB,EAAE,UAAU,CAAA,CAAE,QAAA,KAAa,CAAA,GAAI,CAAA,GAAI,QAAA,CAAS,GAAA,CAAI,IAAA,EAAM,IAAA,EAAM,EAAE,IAAA,EAAK,CAAA;AAC1G,EAAA,OAAO,QAAQ,MAAA,GACX;AAAA,IACE,EAAE,CAAA,EAAG,CAAC,EAAA,EAAI,CAAC,CAAA,EAAG,KAAA,EAAO,CAAC,IAAA,EAAM,CAAC,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAE;AAAA,IAC1C,EAAE,SAAS,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,MAAA,EAAQ,IAAA,CAAK,CAAC,CAAA;AAAE,GACrC,GACA;AAAA,IACE,EAAE,CAAA,EAAG,CAAC,EAAE,CAAA,EAAG,OAAO,CAAC,IAAI,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAE;AAAA,IACpC,EAAE,SAAS,CAAC,CAAC,GAAG,MAAA,EAAQ,IAAA,CAAK,CAAC,CAAA;AAAE,GAClC;AACN;AAaA,SAAS,WAAA,CAAY;AAAA,EACnB,MAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAA8D;AAC5D,EAAA,MAAM,OAAA,GAAUA,OAAuB,IAAI,CAAA;AAC3C,EAAA,MAAM,KAAA,GAAQ,gBAAgB,EAAE,OAAA,EAAS,SAAS,WAAA,EAAa,IAAA,EAAM,cAAc,CAAA;AACnF,EAAA,SAAA,CAAU,OAAA,EAAS,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA;AACpC,EAAAC,gBAAgB,MAAM;AACpB,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,MAAM,IAAI,UAAA,CAAW,OAAA;AACrB,MAAA,IAAI,CAAA,IAAK,OAAA,CAAQ,OAAA,EAAS,OAAA,CAAQ,OAAA,CAAQ,MAAM,QAAA,GAAW,CAAA,CAAE,qBAAA,EAAsB,CAAE,KAAA,GAAQ,IAAA;AAAA,IAC/F,CAAA;AACA,IAAA,KAAA,EAAM;AACN,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,KAAK,CAAA;AACvC,IAAA,OAAO,MAAM,MAAA,CAAO,mBAAA,CAAoB,QAAA,EAAU,KAAK,CAAA;AAAA,EACzD,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,iBAAA,CAAkB,EAAE,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,OAAA,EAAS,OAAO,KAAA,EAAO,UAAA,EAAY,QAAA,EAAU,OAAA,EAAS,CAAA;AACjG,EAAA,eAAA,CAAgB,EAAE,KAAA,EAAO,IAAA,EAAM,CAAC,OAAA,EAAS,UAAU,CAAA,EAAG,OAAA,EAAS,IAAA,EAAM,OAAA,EAAS,YAAA,EAAc,CAAA;AAE5F,EAAA,uBACEC,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,OAAA;AAAA,MACL,SAAA,EAAU,cAAA;AAAA,MACV,EAAA,EAAI,MAAA;AAAA,MACJ,IAAA,EAAK,cAAA;AAAA,MACL,eAAA,EAAe,WAAW,MAAA,GAAS,MAAA;AAAA,MAElC;AAAA;AAAA,GACH;AAEJ;AAEO,SAAS,UAAA,CAAW,EAAE,IAAA,EAAM,MAAA,EAAQ,cAAc,UAAA,EAAY,QAAA,EAAU,SAAA,EAAW,QAAA,EAAS,EAAoB;AACrH,EAAA,uBACEA,GAAAA,CAAC,aAAA,EAAA,EACC,0BAAAA,GAAAA,CAAC,QAAA,EAAA,EACE,kCACCA,GAAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MAEC,OAAA,EAAS,gBAAA,CAAiB,SAAA,EAAW,MAAM,CAAA;AAAA,MAC3C,IAAA,EAAM,gBAAA,CAAiB,SAAA,EAAW,OAAO,CAAA;AAAA,MACzC,MAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MAEC;AAAA,KAAA;AAAA,IARG;AAAA,KAWV,CAAA,EACF,CAAA;AAEJ;AC1EA,IAAM,YAAA,GAAe,CAAC,QAAA,KAAuB,QAAA,mBAAWA,GAAAA,CAAC,IAAA,EAAA,EAAc,IAAA,EAAK,OAAA,EAAQ,IAAA,EAAK,IAAA,EAAK,MAAA,EAAO,MAAA,EAAA,EAAnC,IAA0C,CAAA,GAAK,IAAA;AAEjH,SAAS,WAAA,GAAc;AACrB,EAAA,uBACEA,IAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mBAAkB,WAAA,EAAU,MAAA,EAAO,aAAU,QAAA,EACzD,QAAA,EAAA,CAAC,GAAG,CAAA,EAAG,CAAC,EAAE,GAAA,CAAI,CAAC,sBACdC,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kBAAA,EACb,QAAA,EAAA;AAAA,oBAAAD,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sBAAA,EAAuB,cAAU,IAAA,EAAC,CAAA;AAAA,oBAClDA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sBAAA,EAAuB,cAAU,IAAA,EAAC;AAAA,GAAA,EAAA,EAFb,CAGvC,CACD,CAAA,EACH,CAAA;AAEJ;AAEA,SAAS,QAAA,CAAS,EAAE,KAAA,EAAM,EAAsB;AAC9C,EAAA,uBAAOA,IAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAiB,QAAA,EAAA,KAAA,GAAQ,kBAAA,GAAqB,KAAA,GAAQ,GAAA,GAAM,sBAAA,EAAuB,CAAA;AAC3G;AAEO,SAAS,YAAA,CAAa;AAAA,EAC3B,EAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,KAAA,GAAQ;AACV,CAAA,EAAsB;AACpB,EAAA,MAAM,QAAA,GAAWE,QAAQ,MAAM,IAAI,IAAI,EAAA,CAAG,QAAA,CAAS,IAAI,CAAC,CAAA,EAAG,MAAM,CAAC,CAAA,CAAE,OAAO,CAAC,CAAU,CAAC,CAAA,EAAG,CAAC,EAAA,CAAG,QAAQ,CAAC,CAAA;AACvG,EAAA,uBACED,IAAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,MAAM,EAAA,CAAG,IAAA;AAAA,MACT,QAAQ,EAAA,CAAG,MAAA;AAAA,MACX,cAAc,EAAA,CAAG,YAAA;AAAA,MACjB,YAAY,EAAA,CAAG,UAAA;AAAA,MACf,QAAA;AAAA,MACA,SAAA;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,UAAA,IAAc,CAAC,OAAA,oBACdA,IAAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gBAAA,EACb,QAAA,EAAA;AAAA,0BAAAD,GAAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,kBAAA,EAAmB,MAAK,IAAA,EAAK,CAAA;AAAA,0BACxCA,GAAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,KAAK,EAAA,CAAG,SAAA;AAAA,cACR,SAAA,EAAU,sBAAA;AAAA,cACV,IAAA,EAAK,MAAA;AAAA,cACL,OAAO,EAAA,CAAG,KAAA;AAAA,cACV,WAAA,EAAa,iBAAA;AAAA,cACb,YAAA,EAAY,iBAAA;AAAA,cACZ,iBAAe,EAAA,CAAG,MAAA;AAAA,cAClB,yBAAuB,EAAA,CAAG,IAAA;AAAA,cAC1B,UAAU,CAAC,CAAA,KAAM,GAAG,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,cAC3C,WAAW,EAAA,CAAG;AAAA;AAAA;AAChB,SAAA,EACF,CAAA;AAAA,wBAGFC,IAAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,cAAA;AAAA,YACV,KAAK,EAAA,CAAG,OAAA;AAAA,YACR,IAAI,EAAA,CAAG,MAAA;AAAA,YACP,IAAA,EAAK,SAAA;AAAA,YACL,wBAAsB,QAAA,IAAY,MAAA;AAAA,YAClC,QAAA,EAAU,EAAA;AAAA,YACV,YAAA,EAAY,SAAA;AAAA,YACZ,SAAA,EAAW,UAAA,GAAa,MAAA,GAAY,EAAA,CAAG,aAAA;AAAA,YAEvC,QAAA,EAAA;AAAA,8BAAAD,IAAC,SAAA,EAAA,EAAU,SAAA,EAAU,eAAA,EAAgB,KAAA,EAAO,GAAG,KAAA,EAAO,CAAA;AAAA,cACrD,0BACCA,GAAAA,CAAC,eAAY,CAAA,mBAEbC,KAAC,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,gBAAA,EAAA,CAAG,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,EAAG,uBACjBA,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAgB,IAAA,EAAK,OAAA,EAAQ,YAAA,EAAY,CAAA,CAAE,SAAS,MAAA,EAChE,QAAA,EAAA;AAAA,kBAAA,CAAA,CAAE,SAAS,CAAA,CAAE,OAAA,CAAQ,KAAK,CAAC,CAAA,KAAM,SAAS,GAAA,CAAI,CAAA,CAAE,KAAK,CAAC,qBACrDD,GAAAA,CAAC,SAAI,SAAA,EAAU,qBAAA,EAAuB,YAAE,KAAA,EAAM,CAAA;AAAA,kBAE/C,CAAA,CAAE,OAAA,CAAQ,GAAA,CAAI,CAAC,GAAA,KAAQ;AACtB,oBAAA,MAAM,CAAA,GAAI,QAAA,CAAS,GAAA,CAAI,GAAA,CAAI,KAAK,CAAA,IAAK,EAAA;AACrC,oBAAA,MAAM,UAAU,CAAA,KAAM,EAAA;AACtB,oBAAA,MAAM,KAAA,GAAQ,EAAA,CAAG,UAAA,CAAW,GAAA,CAAI,KAAK,CAAA;AACrC,oBAAA,MAAM,sBACJC,IAAAA;AAAA,sBAAC,KAAA;AAAA,sBAAA;AAAA,wBAEC,IAAI,OAAA,GAAU,EAAA,CAAG,KAAA,CAAM,GAAA,CAAI,KAAK,CAAA,GAAI,MAAA;AAAA,wBACpC,UAAA,EAAU,UAAU,CAAA,GAAI,MAAA;AAAA,wBACxB,SAAA,EAAU,gBAAA;AAAA,wBACV,IAAA,EAAK,QAAA;AAAA,wBACL,eAAA,EAAe,KAAA;AAAA,wBACf,aAAA,EAAa,CAAC,OAAA,IAAW,MAAA;AAAA,wBACzB,eAAA,EAAe,IAAI,QAAA,IAAY,MAAA;AAAA,wBAC/B,eAAA,EAAe,QAAQ,MAAA,GAAS,MAAA;AAAA,wBAChC,aAAA,EAAa,OAAA,IAAW,CAAA,KAAM,EAAA,CAAG,YAAY,MAAA,GAAS,MAAA;AAAA,wBACtD,eAAA,EAAe,GAAA,CAAI,QAAA,GAAW,MAAA,GAAS,MAAA;AAAA,wBACvC,YAAA,EAAc,MAAM,OAAA,IAAW,CAAC,IAAI,QAAA,IAAY,EAAA,CAAG,aAAa,CAAC,CAAA;AAAA,wBACjE,WAAA,EAAa,CAAC,CAAA,KAAM,CAAA,CAAE,cAAA,EAAe;AAAA,wBACrC,OAAA,EAAS,MAAM,OAAA,IAAW,EAAA,CAAG,OAAO,GAAG,CAAA;AAAA,wBACvC,WAAA,EAAW,IAAA;AAAA,wBAEV,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAI,IAAA,oBACHD,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qBAAA,EACd,QAAA,kBAAAA,GAAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,IAAA,EAAM,QAAA,EAAA,GAAA,CAAI,MAAK,CAAA,EAChC,CAAA;AAAA,0CAEFC,IAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qBAAA,EACd,QAAA,EAAA;AAAA,4CAAAD,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sBAAA,EAAwB,cAAI,KAAA,EAAM,CAAA;AAAA,4BACjD,GAAA,CAAI,+BAAeA,GAAAA,CAAC,UAAK,SAAA,EAAU,qBAAA,EAAuB,cAAI,WAAA,EAAY;AAAA,2BAAA,EAC7E,CAAA;AAAA,0BACC,KAAA,CAAM,KAAK,CAAA,mBAAIA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sBAAA,EAAwB,QAAA,EAAA,KAAA,CAAM,KAAK,CAAA,EAAE,CAAA,GAAU;AAAA;AAAA,uBAAA;AAAA,sBAzB1E,GAAA,CAAI;AAAA,qBA0BX;AAEF,oBAAA,OAAO,UAAA,mBACLA,GAAAA,CAAC,QAAA,EAAA,EAAyB,IAAA,EAAM,OAAA,EAAS,IAAA,EAAI,IAAA,EAC1C,QAAA,EAAA,GAAA,EAAA,EADY,GAAA,CAAI,KAEnB,CAAA,GAEA,GAAA;AAAA,kBAEJ,CAAC;AAAA,iBAAA,EAAA,EA7CgF,EA8CnF,CACD,CAAA;AAAA,gBACA,EAAA,CAAG,SAAS,MAAA,KAAW,CAAA,oBAAKA,GAAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,EAAA,CAAG,KAAA,EAAO;AAAA,eAAA,EAC1D;AAAA;AAAA;AAAA;AAEJ;AAAA;AAAA,GACF;AAEJ","file":"chunk-45XJ75GZ.js","sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface SelectOption {\n /** The stored value - what `onChange` returns and `value` matches; must be unique. */\n value: string;\n /** Primary row text, and the trigger label once selected; also matched by `searchable`. */\n label: ReactNode;\n /** Optional secondary line under the label; also matched by `searchable`. */\n description?: string;\n /** Your own icon node shown before the label. */\n icon?: ReactNode;\n /** Not selectable - skipped by keyboard nav and typeahead, and marked `aria-disabled`. @default false */\n disabled?: boolean;\n}\nexport interface SelectGroup {\n /** Section heading rendered above the options; omit for an unlabeled group. */\n label?: string;\n /** The options in this section. */\n options: SelectOption[];\n}\n\nexport interface NormalizedGroup {\n label: string | null | undefined;\n options: SelectOption[];\n}\n\nexport function normalize(options: SelectOption[] | SelectGroup[]): {\n groups: NormalizedGroup[];\n flat: SelectOption[];\n} {\n const grouped = options.length > 0 && options[0] && Array.isArray((options[0] as SelectGroup).options);\n const groups: NormalizedGroup[] = grouped\n ? (options as SelectGroup[]).map((g) => ({ label: g.label, options: g.options || [] }))\n : [{ label: null, options: options as SelectOption[] }];\n return { groups, flat: groups.flatMap((g) => g.options) };\n}\n\nexport const matches = (o: SelectOption, q: string) =>\n !q || (o.label + ' ' + (o.description || '')).toLowerCase().includes(q.toLowerCase());\n","'use client';\n\nimport { useEffect, useId, useLayoutEffect, useMemo, useRef, useState, type KeyboardEvent } from 'react';\nimport { useGlide } from '../../../../motion/glide';\nimport { normalize, matches, type SelectOption, type SelectGroup } from './types';\n\nexport interface UseListboxArgs {\n options: SelectOption[] | SelectGroup[];\n disabled: boolean;\n loading: boolean;\n searchable: boolean;\n id?: string;\n idPrefix: string;\n isSelected: (value: string) => boolean;\n onCommit: (opt: SelectOption) => void;\n closeOnCommit: boolean;\n}\n\nexport type ListboxState = ReturnType<typeof useListbox>;\n\nexport function useListbox({\n options,\n disabled,\n loading,\n searchable,\n id,\n idPrefix,\n isSelected,\n onCommit,\n closeOnCommit,\n}: UseListboxArgs) {\n const [open, setOpen] = useState(false);\n const [query, setQuery] = useState('');\n const [activeIdx, setActiveIdx] = useState(-1);\n const typeahead = useRef<{ buf: string; t: ReturnType<typeof setTimeout> | number }>({ buf: '', t: 0 });\n\n const triggerRef = useRef<HTMLButtonElement>(null),\n listRef = useRef<HTMLDivElement>(null),\n searchRef = useRef<HTMLInputElement>(null);\n const autoId = useId();\n const baseId = id || idPrefix + autoId;\n const menuId = baseId + '-menu';\n const listId = baseId + '-list';\n const glide = useGlide(listRef);\n\n const { groups, flat } = useMemo(() => normalize(options), [options]);\n const navItems = useMemo(() => flat.filter((o) => matches(o, query)), [flat, query]);\n\n const show = () => {\n if (!disabled && !loading) setOpen(true);\n };\n const requestClose = () => setOpen(false);\n const returnFocus = () => triggerRef.current && triggerRef.current.focus();\n\n function commit(opt: SelectOption) {\n if (!opt || opt.disabled) return;\n onCommit(opt);\n if (closeOnCommit) {\n requestClose();\n returnFocus();\n }\n }\n\n useEffect(() => {\n if (!open) setQuery('');\n }, [open]);\n\n useEffect(() => {\n if (!open) return;\n const sel = navItems.findIndex((o) => isSelected(o.value) && !o.disabled);\n const first = navItems.findIndex((o) => !o.disabled);\n setActiveIdx(sel >= 0 ? sel : first);\n const ref = searchable ? searchRef : listRef;\n setTimeout(() => {\n if (ref.current) ref.current.focus();\n }, 0);\n }, [open]); // eslint-disable-line react-hooks/exhaustive-deps\n\n useEffect(() => {\n const list = listRef.current;\n if (!open || activeIdx < 0 || !list) return;\n const el = list.querySelector('[data-idx=\"' + activeIdx + '\"]') as HTMLElement | null;\n if (!el) return;\n if (el.offsetTop < list.scrollTop) list.scrollTop = el.offsetTop;\n else if (el.offsetTop + el.offsetHeight > list.scrollTop + list.clientHeight)\n list.scrollTop = el.offsetTop + el.offsetHeight - list.clientHeight;\n }, [activeIdx, open]); // eslint-disable-line react-hooks/exhaustive-deps\n\n useLayoutEffect(() => {\n const list = listRef.current;\n const el = open && activeIdx >= 0 && list && list.querySelector<HTMLElement>('[data-idx=\"' + activeIdx + '\"]');\n if (el) glide.enter(el);\n else glide.leave();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open, activeIdx, query]);\n\n function moveActive(dir: number) {\n if (!navItems.length) return;\n let i = activeIdx;\n for (let s = 0; s < navItems.length; s++) {\n i = (i + dir + navItems.length) % navItems.length;\n if (!navItems[i].disabled) return setActiveIdx(i);\n }\n }\n function edgeActive(toEnd: boolean) {\n const order = [...navItems.keys()];\n if (toEnd) order.reverse();\n for (const i of order) if (!navItems[i].disabled) return setActiveIdx(i);\n }\n function typeAhead(ch: string) {\n const ta = typeahead.current;\n clearTimeout(ta.t);\n ta.buf += ch.toLowerCase();\n ta.t = setTimeout(() => (ta.buf = ''), 600);\n const i = navItems.findIndex((o) => !o.disabled && o.value.toLowerCase().startsWith(ta.buf));\n if (i >= 0) setActiveIdx(i);\n }\n\n function onMenuKeyDown(e: KeyboardEvent) {\n switch (e.key) {\n case 'Escape':\n e.preventDefault();\n requestClose();\n returnFocus();\n break;\n case 'ArrowDown':\n e.preventDefault();\n moveActive(1);\n break;\n case 'ArrowUp':\n e.preventDefault();\n moveActive(-1);\n break;\n case 'Home':\n e.preventDefault();\n edgeActive(false);\n break;\n case 'End':\n e.preventDefault();\n edgeActive(true);\n break;\n case 'Enter':\n e.preventDefault();\n if (activeIdx >= 0) commit(navItems[activeIdx]);\n break;\n case 'Tab':\n requestClose();\n break;\n default:\n if (!searchable && e.key.length === 1 && !e.metaKey && !e.ctrlKey) typeAhead(e.key);\n }\n }\n\n const optId = (value: string) => baseId + '-opt-' + encodeURIComponent(value);\n const active = activeIdx >= 0 ? navItems[activeIdx] : undefined;\n const adId = open && active ? optId(active.value) : undefined;\n\n return {\n open,\n query,\n setQuery,\n triggerRef,\n listRef,\n searchRef,\n baseId,\n menuId,\n listId,\n optId,\n adId,\n groups,\n flat,\n navItems,\n glide,\n isSelected,\n show,\n requestClose,\n commit,\n activeIdx,\n setActiveIdx,\n onMenuKeyDown,\n };\n}\n","'use client';\n\nimport type { ReactNode } from 'react';\nimport { Icon } from '../../../internal/icon/Icon';\nimport { IconSlot } from '../../../internal/icon/IconSlot';\nimport type { ListboxState } from './use-listbox';\nimport { Button, ButtonProps } from '../../../primitives/button/Button';\n\nexport interface SelectTriggerProps extends ButtonProps {\n lb: ListboxState;\n invalid?: boolean;\n ariaLabel?: string;\n leading?: ReactNode;\n text?: ReactNode;\n isPlaceholder?: boolean;\n count?: number;\n}\n\nexport function SelectTrigger({\n lb,\n invalid,\n ariaLabel,\n leading,\n text,\n isPlaceholder,\n count,\n htmlProps,\n ...rest\n}: SelectTriggerProps) {\n const { triggerRef, baseId, open, adId, show, requestClose } = lb;\n return (\n <Button\n type=\"button\"\n ref={triggerRef}\n variant=\"ghost\"\n htmlProps={{\n id: baseId + '-trigger',\n role: 'combobox',\n 'aria-haspopup': 'listbox',\n 'aria-expanded': open,\n 'aria-controls': baseId + '-list',\n 'aria-activedescendant': adId,\n 'aria-label': ariaLabel,\n 'aria-invalid': invalid || undefined,\n onKeyDown: (e) => {\n if (!open && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {\n e.preventDefault();\n show();\n }\n },\n ...htmlProps,\n }}\n onClick={() => (open ? requestClose() : show())}\n {...rest}\n >\n {leading && (\n <span className=\"select__leading\">\n <IconSlot size=\"sm\">{leading}</IconSlot>\n </span>\n )}\n <span className=\"select__value\" data-placeholder={isPlaceholder ? 'true' : undefined}>\n {text}\n </span>\n {count != null && count > 0 && <span className=\"select__count\">+{count}</span>}\n <span className=\"select__caret\">\n <Icon name=\"caret-down\" size=\"sm\" />\n </span>\n </Button>\n );\n}\n","'use client';\n\nimport { useLayoutEffect, useRef, type ReactNode, type RefObject } from 'react';\nimport type { Layer } from '../../../../engine';\nimport { Presence } from '../../../../motion/presence';\nimport { useMotion, type MotionSpecs } from '../../../../motion/use-motion';\nimport { UIMotion, type MotionTransition } from '../../../../tokens/motion-tokens';\nimport { resolveMotionTiming } from '../../../../motion/motion-timing';\nimport type { DisableableAnimation } from '../../../../motion/timing';\nimport { OverlayPortal, useOverlayEntry, useOutsidePress } from '../../../internal/overlay/layer';\nimport { useAnchorPosition } from '../../../internal/overlay/position';\n\nconst SELECT_MENU_TIMING = {\n open: { duration: 'base', ease: 'entrance' },\n close: { duration: 'base', ease: 'exit' },\n} as const;\n\nfunction selectMenuLayers(animation: DisableableAnimation | undefined, dir: 'open' | 'close'): Layer[] {\n const t = resolveMotionTiming(animation, SELECT_MENU_TIMING)[dir];\n const fade = (d: MotionTransition) => ({ duration: d.duration === 0 ? 0 : UIMotion.dur.fast, ease: d.ease });\n return dir === 'open'\n ? [\n { y: [-6, 0], scale: [0.96, 1], timing: t },\n { opacity: [0, 1], timing: fade(t) },\n ]\n : [\n { y: [-6], scale: [0.96], timing: t },\n { opacity: [0], timing: fade(t) },\n ];\n}\n\nexport interface SelectMenuProps {\n open: boolean;\n menuId: string;\n requestClose: () => void;\n triggerRef: RefObject<HTMLButtonElement | null>;\n multiple?: boolean;\n /** Open/close timing - motion tokens only, or `null` to disable. */\n animation?: DisableableAnimation;\n children?: ReactNode;\n}\n\nfunction MenuSurface({\n menuId,\n requestClose,\n triggerRef,\n multiple,\n animate,\n exit,\n children,\n}: Omit<SelectMenuProps, 'open' | 'animation'> & MotionSpecs) {\n const menuRef = useRef<HTMLDivElement>(null);\n const entry = useOverlayEntry({ nodeRef: menuRef, dismissible: true, requestClose });\n useMotion(menuRef, { animate, exit });\n useLayoutEffect(() => {\n const apply = () => {\n const t = triggerRef.current;\n if (t && menuRef.current) menuRef.current.style.minWidth = t.getBoundingClientRect().width + 'px';\n };\n apply();\n window.addEventListener('resize', apply);\n return () => window.removeEventListener('resize', apply);\n }, []); // eslint-disable-line react-hooks/exhaustive-deps\n useAnchorPosition({ side: 'bottom', align: 'start', arrow: false, triggerRef, panelRef: menuRef });\n useOutsidePress({ entry, refs: [menuRef, triggerRef], enabled: true, onPress: requestClose });\n\n return (\n <div\n ref={menuRef}\n className=\"select__menu\"\n id={menuId}\n role=\"presentation\"\n data-multiple={multiple ? 'true' : undefined}\n >\n {children}\n </div>\n );\n}\n\nexport function SelectMenu({ open, menuId, requestClose, triggerRef, multiple, animation, children }: SelectMenuProps) {\n return (\n <OverlayPortal>\n <Presence>\n {open && (\n <MenuSurface\n key=\"menu\"\n animate={selectMenuLayers(animation, 'open')}\n exit={selectMenuLayers(animation, 'close')}\n menuId={menuId}\n requestClose={requestClose}\n triggerRef={triggerRef}\n multiple={multiple}\n >\n {children}\n </MenuSurface>\n )}\n </Presence>\n </OverlayPortal>\n );\n}\n","'use client';\n\nimport { Fragment, useMemo, type ReactNode } from 'react';\nimport { Icon } from '../../../internal/icon/Icon';\nimport { IconSlot } from '../../../internal/icon/IconSlot';\nimport { Collapse } from '../../../primitives/collapse/Collapse';\nimport { GlidePill } from '../../../../motion/glide';\nimport { SelectMenu } from './menu';\nimport type { ListboxState } from './use-listbox';\nimport type { DisableableAnimation } from '../../../../motion/timing';\nimport type { ButtonProps } from '../../../primitives/button/Button';\n\nexport interface ListboxPanelProps {\n lb: ListboxState;\n loading: boolean;\n searchable: boolean;\n searchPlaceholder?: string;\n ariaLabel?: string;\n multiple?: boolean;\n /** Menu open/close timing - motion tokens only, or `null` to disable. */\n animation?: DisableableAnimation;\n check?: (selected: boolean) => ReactNode;\n size?: ButtonProps['size'];\n}\n\nconst defaultCheck = (selected: boolean) => (selected ? <Icon key=\"on\" name=\"check\" size=\"sm\" weight=\"bold\" /> : null);\n\nfunction LoadingRows() {\n return (\n <div className=\"select__loading\" aria-busy=\"true\" aria-live=\"polite\">\n {[0, 1, 2].map((i) => (\n <div className=\"select__skeleton\" key={i}>\n <span className=\"select__skeleton-dot\" data-pulse></span>\n <span className=\"select__skeleton-bar\" data-pulse></span>\n </div>\n ))}\n </div>\n );\n}\n\nfunction EmptyRow({ query }: { query: string }) {\n return <div className=\"select__empty\">{query ? 'No matches for \"' + query + '\"' : 'No options available'}</div>;\n}\n\nexport function ListboxPanel({\n lb,\n loading,\n searchable,\n searchPlaceholder,\n ariaLabel,\n multiple,\n animation,\n size = 'md',\n check = defaultCheck,\n}: ListboxPanelProps) {\n const navIndex = useMemo(() => new Map(lb.navItems.map((o, i) => [o.value, i] as const)), [lb.navItems]);\n return (\n <SelectMenu\n open={lb.open}\n menuId={lb.menuId}\n requestClose={lb.requestClose}\n triggerRef={lb.triggerRef}\n multiple={multiple}\n animation={animation}\n >\n {searchable && !loading && (\n <div className=\"select__search\">\n <Icon name=\"magnifying-glass\" size=\"sm\" />\n <input\n ref={lb.searchRef}\n className=\"select__search-input\"\n type=\"text\"\n value={lb.query}\n placeholder={searchPlaceholder}\n aria-label={searchPlaceholder}\n aria-controls={lb.listId}\n aria-activedescendant={lb.adId}\n onChange={(e) => lb.setQuery(e.target.value)}\n onKeyDown={lb.onMenuKeyDown}\n />\n </div>\n )}\n\n <div\n className=\"select__list\"\n ref={lb.listRef}\n id={lb.listId}\n role=\"listbox\"\n aria-multiselectable={multiple || undefined}\n tabIndex={-1}\n aria-label={ariaLabel}\n onKeyDown={searchable ? undefined : lb.onMenuKeyDown}\n >\n <GlidePill className=\"select__glide\" glide={lb.glide} />\n {loading ? (\n <LoadingRows />\n ) : (\n <Fragment>\n {lb.groups.map((g, gi) => (\n <div className=\"select__group\" role=\"group\" aria-label={g.label || undefined} key={gi}>\n {g.label && g.options.some((o) => navIndex.has(o.value)) && (\n <div className=\"select__group-label\">{g.label}</div>\n )}\n {g.options.map((opt) => {\n const i = navIndex.get(opt.value) ?? -1;\n const visible = i !== -1;\n const isSel = lb.isSelected(opt.value);\n const row = (\n <div\n key={opt.value}\n id={visible ? lb.optId(opt.value) : undefined}\n data-idx={visible ? i : undefined}\n className=\"select__option\"\n role=\"option\"\n aria-selected={isSel}\n aria-hidden={!visible || undefined}\n aria-disabled={opt.disabled || undefined}\n data-selected={isSel ? 'true' : undefined}\n data-active={visible && i === lb.activeIdx ? 'true' : undefined}\n data-disabled={opt.disabled ? 'true' : undefined}\n onMouseEnter={() => visible && !opt.disabled && lb.setActiveIdx(i)}\n onMouseDown={(e) => e.preventDefault()}\n onClick={() => visible && lb.commit(opt)}\n data-size={size}\n >\n {opt.icon && (\n <span className=\"select__option-icon\">\n <IconSlot size=\"sm\">{opt.icon}</IconSlot>\n </span>\n )}\n <span className=\"select__option-text\">\n <span className=\"select__option-label\">{opt.label}</span>\n {opt.description && <span className=\"select__option-desc\">{opt.description}</span>}\n </span>\n {check(isSel) ? <span className=\"select__option-check\">{check(isSel)}</span> : null}\n </div>\n );\n return searchable ? (\n <Collapse key={opt.value} open={visible} fade>\n {row}\n </Collapse>\n ) : (\n row\n );\n })}\n </div>\n ))}\n {lb.navItems.length === 0 && <EmptyRow query={lb.query} />}\n </Fragment>\n )}\n </div>\n </SelectMenu>\n );\n}\n"]}
@@ -5,7 +5,7 @@ import { Motion } from './chunk-2QWJ6FAX.js';
5
5
  import { animate } from './chunk-YGCVWGUG.js';
6
6
  import { Icon } from './chunk-3SBCBYB7.js';
7
7
  import { UIMotion } from './chunk-S5ZTZANS.js';
8
- import { Button } from './chunk-U5QQZC3U.js';
8
+ import { Button } from './chunk-2F5PITAO.js';
9
9
  import { cx } from './chunk-QGNC7LH5.js';
10
10
  import './date-picker.css';
11
11
  import { useState, useRef, useId, useEffect } from 'react';
@@ -196,5 +196,5 @@ function DtpPanel({ val, commit, min, max, timezone, label, close, slot }) {
196
196
  }
197
197
 
198
198
  export { DtpPanel };
199
- //# sourceMappingURL=chunk-7RNRLIKT.js.map
200
- //# sourceMappingURL=chunk-7RNRLIKT.js.map
199
+ //# sourceMappingURL=chunk-Y7AJQVWJ.js.map
200
+ //# sourceMappingURL=chunk-Y7AJQVWJ.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/composites/date-picker/calendar-panel.tsx"],"names":[],"mappings":"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","file":"chunk-7RNRLIKT.js","sourcesContent":["'use client';\n\nimport './date-picker.css';\nimport { useEffect, useId, useRef, useState, type KeyboardEvent, type ReactNode } from 'react';\nimport { animate } from '../../../engine';\nimport { UIMotion } from '../../../tokens/motion-tokens';\nimport { Icon } from '../../internal/icon/Icon';\nimport { Button } from '../../primitives/button/Button';\nimport { GlidePill, useGlide } from '../../../motion/glide';\nimport { Motion } from '../../../motion/element';\nimport { useDayFocus } from './use-day-focus';\nimport { MONTHS, DOW, toKey, parse, col, today, grid, tzLabel, within } from './date-utils';\nimport { cx } from '../../internal/utils/cx';\n\nconst PILL_FLIP = { timing: UIMotion.t.settle };\n\ninterface DtpPanelProps {\n val: string | null;\n commit: (key: string) => void;\n close: () => void;\n min?: string;\n max?: string;\n timezone?: string;\n label?: string;\n slot?: ReactNode;\n}\n\nexport function DtpPanel({ val, commit, min, max, timezone, label, close, slot }: DtpPanelProps) {\n const seed = val ? parse(val) : new Date();\n const [view, setView] = useState<{ y: number; m: number }>({ y: seed.getFullYear(), m: seed.getMonth() });\n const [focusKey, setFocusKey] = useState<string>(val || today());\n\n const daysRef = useRef<HTMLDivElement>(null);\n const prevViewRef = useRef<number | null>(null);\n const uid = useId();\n const pillId = 'dtp-pill-' + uid;\n\n const glide = useGlide(daysRef);\n\n const inRange = (key: string): boolean => within(key, min, max);\n\n function pickDay(key: string) {\n if (!inRange(key)) return;\n armFocus();\n setFocusKey(key);\n const d = parse(key);\n goToMonth(d.getFullYear(), d.getMonth());\n commit(key);\n }\n\n function goToMonth(y: number, m: number) {\n setView((v) => (v.y === y && v.m === m ? v : { y: y, m: m }));\n }\n function nav(dir: number) {\n const d = new Date(view.y, view.m + dir, 1);\n goToMonth(d.getFullYear(), d.getMonth());\n }\n const now = new Date();\n const viewIsCurrent = view.y === now.getFullYear() && view.m === now.getMonth();\n function goToToday() {\n const key = today();\n const d = parse(key);\n armFocus();\n setFocusKey(key);\n goToMonth(d.getFullYear(), d.getMonth());\n }\n const viewIdx = view.y * 12 + view.m;\n const armFocus = useDayFocus(daysRef, focusKey, viewIdx, '[tabindex=\"0\"]:not(:disabled)');\n useEffect(() => {\n const prev = prevViewRef.current;\n prevViewRef.current = viewIdx;\n const el = daysRef.current;\n if (prev == null || prev === viewIdx || !el) return;\n const dir = viewIdx > prev ? 1 : -1;\n animate(el, { x: [dir * 16, 0], opacity: [0, 1], timing: UIMotion.t.enter });\n }, [viewIdx]);\n\n function moveFocus(deltaDays: number, deltaMonths: number) {\n const d = parse(focusKey);\n if (deltaMonths) d.setMonth(d.getMonth() + deltaMonths);\n if (deltaDays) d.setDate(d.getDate() + deltaDays);\n const key = toKey(d);\n armFocus();\n setFocusKey(key);\n goToMonth(d.getFullYear(), d.getMonth());\n }\n function onGridKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n const k = e.key;\n if (k === 'ArrowLeft') moveFocus(-1, 0);\n else if (k === 'ArrowRight') moveFocus(1, 0);\n else if (k === 'ArrowUp') moveFocus(-7, 0);\n else if (k === 'ArrowDown') moveFocus(7, 0);\n else if (k === 'PageUp') moveFocus(0, -1);\n else if (k === 'PageDown') moveFocus(0, 1);\n else if (k === 'Home') moveFocus(-col(parse(focusKey)), 0);\n else if (k === 'End') moveFocus(6 - col(parse(focusKey)), 0);\n else if (k === 'Enter' || k === ' ') pickDay(focusKey);\n else return;\n e.preventDefault();\n }\n\n const days = grid(view.y, view.m);\n const todayKey = today();\n const selKey = val || null;\n const gridKeys = days.map(toKey);\n const tabKey =\n gridKeys.indexOf(focusKey) >= 0\n ? focusKey\n : selKey && gridKeys.indexOf(selKey) >= 0\n ? selKey\n : gridKeys.indexOf(todayKey) >= 0\n ? todayKey\n : toKey(new Date(view.y, view.m, 1));\n\n const prevEnd = toKey(new Date(view.y, view.m, 0));\n const nextStart = toKey(new Date(view.y, view.m + 1, 1));\n const canPrev = !min || prevEnd >= min;\n const canNext = !max || nextStart <= max;\n\n const weeks: Date[][] = [];\n for (let w = 0; w < 6; w++) weeks.push(days.slice(w * 7, w * 7 + 7));\n\n return (\n <div className=\"dtp\" role=\"dialog\" aria-label={label || 'Pick a date'}>\n <div className=\"dtp__cal\">\n <div className=\"dtp__head\">\n <span className=\"dtp__month\" aria-live=\"polite\">\n {MONTHS[view.m]} <span className=\"dtp__year\">{view.y}</span>\n </span>\n <div className=\"dtp__navs\">\n <button\n type=\"button\"\n className=\"dtp__nav\"\n aria-label=\"Previous month\"\n disabled={!canPrev}\n onClick={() => nav(-1)}\n >\n <Icon name=\"caret-left\" size=\"sm\" />\n </button>\n <button\n type=\"button\"\n className=\"dtp__nav\"\n aria-label=\"Go to today\"\n disabled={viewIsCurrent}\n onClick={goToToday}\n >\n <Icon name=\"calendar-dot\" size=\"sm\" />\n </button>\n <button\n type=\"button\"\n className=\"dtp__nav\"\n aria-label=\"Next month\"\n disabled={!canNext}\n onClick={() => nav(1)}\n >\n <Icon name=\"caret-right\" size=\"sm\" />\n </button>\n </div>\n </div>\n <div className=\"dtp__dow\" aria-hidden=\"true\">\n {DOW.map((d) => (\n <span key={d}>{d}</span>\n ))}\n </div>\n <div\n className=\"dtp__days\"\n ref={daysRef}\n role=\"grid\"\n aria-label=\"Calendar\"\n onKeyDown={onGridKeyDown}\n onPointerLeave={glide.leave}\n >\n {weeks.map((week, wi) => (\n <div key={wi} role=\"row\" className=\"dtp__row\">\n {week.map((d) => {\n const key = toKey(d);\n const out = d.getMonth() !== view.m;\n const sel = key === selKey;\n const cls = cx('dtp__day', out && 'is-out', sel && 'is-selected', key === todayKey && 'is-today');\n return (\n <button\n key={key}\n type=\"button\"\n role=\"gridcell\"\n data-key={key}\n className={cls}\n disabled={!inRange(key)}\n tabIndex={key === tabKey ? 0 : -1}\n aria-selected={sel || undefined}\n aria-label={MONTHS[d.getMonth()] + ' ' + d.getDate() + ', ' + d.getFullYear()}\n onClick={() => pickDay(key)}\n onPointerEnter={(e) => glide.enter(e.currentTarget)}\n >\n {sel ? (\n <Motion\n as=\"span\"\n layoutId={pillId}\n layoutTransition={PILL_FLIP}\n className=\"dtp__pill\"\n aria-hidden=\"true\"\n />\n ) : null}\n <span className=\"dtp__num\">{d.getDate()}</span>\n {key === todayKey ? <span className=\"dtp__dot\" aria-hidden=\"true\"></span> : null}\n </button>\n );\n })}\n </div>\n ))}\n <GlidePill className=\"dtp__hover\" glide={glide} />\n </div>\n </div>\n\n {slot || null}\n\n <div className=\"dtp__foot\">\n {timezone ? <span className=\"dtp__tz\">{tzLabel(timezone, selKey)}</span> : null}\n <span className=\"dtp__footSpacer\"></span>\n <Button variant=\"primary\" size=\"sm\" onClick={close}>\n Done\n </Button>\n </div>\n </div>\n );\n}\n"]}
1
+ {"version":3,"sources":["../src/components/composites/date-picker/calendar-panel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAcA,IAAM,SAAA,GAAY,EAAE,MAAA,EAAQ,QAAA,CAAS,EAAE,MAAA,EAAO;AAavC,SAAS,QAAA,CAAS,EAAE,GAAA,EAAK,MAAA,EAAQ,GAAA,EAAK,KAAK,QAAA,EAAU,KAAA,EAAO,KAAA,EAAO,IAAA,EAAK,EAAkB;AAC/F,EAAA,MAAM,OAAO,GAAA,GAAM,KAAA,CAAM,GAAG,CAAA,uBAAQ,IAAA,EAAK;AACzC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAmC,EAAE,CAAA,EAAG,IAAA,CAAK,WAAA,EAAY,EAAG,CAAA,EAAG,IAAA,CAAK,QAAA,IAAY,CAAA;AACxG,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,IAAI,QAAA,CAAiB,GAAA,IAAO,OAAO,CAAA;AAE/D,EAAA,MAAM,OAAA,GAAU,OAAuB,IAAI,CAAA;AAC3C,EAAA,MAAM,WAAA,GAAc,OAAsB,IAAI,CAAA;AAC9C,EAAA,MAAM,MAAM,KAAA,EAAM;AAClB,EAAA,MAAM,SAAS,WAAA,GAAc,GAAA;AAE7B,EAAA,MAAM,KAAA,GAAQ,SAAS,OAAO,CAAA;AAE9B,EAAA,MAAM,UAAU,CAAC,GAAA,KAAyB,MAAA,CAAO,GAAA,EAAK,KAAK,GAAG,CAAA;AAE9D,EAAA,SAAS,QAAQ,GAAA,EAAa;AAC5B,IAAA,IAAI,CAAC,OAAA,CAAQ,GAAG,CAAA,EAAG;AACnB,IAAA,QAAA,EAAS;AACT,IAAA,WAAA,CAAY,GAAG,CAAA;AACf,IAAA,MAAM,CAAA,GAAI,MAAM,GAAG,CAAA;AACnB,IAAA,SAAA,CAAU,CAAA,CAAE,WAAA,EAAY,EAAG,CAAA,CAAE,UAAU,CAAA;AACvC,IAAA,MAAA,CAAO,GAAG,CAAA;AAAA,EACZ;AAEA,EAAA,SAAS,SAAA,CAAU,GAAW,CAAA,EAAW;AACvC,IAAA,OAAA,CAAQ,CAAC,CAAA,KAAO,CAAA,CAAE,CAAA,KAAM,CAAA,IAAK,CAAA,CAAE,CAAA,KAAM,CAAA,GAAI,CAAA,GAAI,EAAE,CAAA,EAAM,CAAA,EAAO,CAAA;AAAA,EAC9D;AACA,EAAA,SAAS,IAAI,GAAA,EAAa;AACxB,IAAA,MAAM,CAAA,GAAI,IAAI,IAAA,CAAK,IAAA,CAAK,GAAG,IAAA,CAAK,CAAA,GAAI,KAAK,CAAC,CAAA;AAC1C,IAAA,SAAA,CAAU,CAAA,CAAE,WAAA,EAAY,EAAG,CAAA,CAAE,UAAU,CAAA;AAAA,EACzC;AACA,EAAA,MAAM,GAAA,uBAAU,IAAA,EAAK;AACrB,EAAA,MAAM,aAAA,GAAgB,KAAK,CAAA,KAAM,GAAA,CAAI,aAAY,IAAK,IAAA,CAAK,CAAA,KAAM,GAAA,CAAI,QAAA,EAAS;AAC9E,EAAA,SAAS,SAAA,GAAY;AACnB,IAAA,MAAM,MAAM,KAAA,EAAM;AAClB,IAAA,MAAM,CAAA,GAAI,MAAM,GAAG,CAAA;AACnB,IAAA,QAAA,EAAS;AACT,IAAA,WAAA,CAAY,GAAG,CAAA;AACf,IAAA,SAAA,CAAU,CAAA,CAAE,WAAA,EAAY,EAAG,CAAA,CAAE,UAAU,CAAA;AAAA,EACzC;AACA,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,CAAA,GAAI,EAAA,GAAK,IAAA,CAAK,CAAA;AACnC,EAAA,MAAM,QAAA,GAAW,WAAA,CAAY,OAAA,EAAS,QAAA,EAAU,SAAS,+BAA+B,CAAA;AACxF,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,OAAO,WAAA,CAAY,OAAA;AACzB,IAAA,WAAA,CAAY,OAAA,GAAU,OAAA;AACtB,IAAA,MAAM,KAAK,OAAA,CAAQ,OAAA;AACnB,IAAA,IAAI,IAAA,IAAQ,IAAA,IAAQ,IAAA,KAAS,OAAA,IAAW,CAAC,EAAA,EAAI;AAC7C,IAAA,MAAM,GAAA,GAAM,OAAA,GAAU,IAAA,GAAO,CAAA,GAAI,EAAA;AACjC,IAAA,OAAA,CAAQ,IAAI,EAAE,CAAA,EAAG,CAAC,GAAA,GAAM,IAAI,CAAC,CAAA,EAAG,OAAA,EAAS,CAAC,GAAG,CAAC,CAAA,EAAG,QAAQ,QAAA,CAAS,CAAA,CAAE,OAAO,CAAA;AAAA,EAC7E,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,SAAS,SAAA,CAAU,WAAmB,WAAA,EAAqB;AACzD,IAAA,MAAM,CAAA,GAAI,MAAM,QAAQ,CAAA;AACxB,IAAA,IAAI,aAAa,CAAA,CAAE,QAAA,CAAS,CAAA,CAAE,QAAA,KAAa,WAAW,CAAA;AACtD,IAAA,IAAI,WAAW,CAAA,CAAE,OAAA,CAAQ,CAAA,CAAE,OAAA,KAAY,SAAS,CAAA;AAChD,IAAA,MAAM,GAAA,GAAM,MAAM,CAAC,CAAA;AACnB,IAAA,QAAA,EAAS;AACT,IAAA,WAAA,CAAY,GAAG,CAAA;AACf,IAAA,SAAA,CAAU,CAAA,CAAE,WAAA,EAAY,EAAG,CAAA,CAAE,UAAU,CAAA;AAAA,EACzC;AACA,EAAA,SAAS,cAAc,CAAA,EAAkC;AACvD,IAAA,MAAM,IAAI,CAAA,CAAE,GAAA;AACZ,IAAA,IAAI,CAAA,KAAM,WAAA,EAAa,SAAA,CAAU,EAAA,EAAI,CAAC,CAAA;AAAA,SAAA,IAC7B,CAAA,KAAM,YAAA,EAAc,SAAA,CAAU,CAAA,EAAG,CAAC,CAAA;AAAA,SAAA,IAClC,CAAA,KAAM,SAAA,EAAW,SAAA,CAAU,EAAA,EAAI,CAAC,CAAA;AAAA,SAAA,IAChC,CAAA,KAAM,WAAA,EAAa,SAAA,CAAU,CAAA,EAAG,CAAC,CAAA;AAAA,SAAA,IACjC,CAAA,KAAM,QAAA,EAAU,SAAA,CAAU,CAAA,EAAG,EAAE,CAAA;AAAA,SAAA,IAC/B,CAAA,KAAM,UAAA,EAAY,SAAA,CAAU,CAAA,EAAG,CAAC,CAAA;AAAA,SAAA,IAChC,CAAA,KAAM,QAAQ,SAAA,CAAU,CAAC,IAAI,KAAA,CAAM,QAAQ,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,SAAA,IAChD,CAAA,KAAM,OAAO,SAAA,CAAU,CAAA,GAAI,IAAI,KAAA,CAAM,QAAQ,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,SAAA,IAClD,CAAA,KAAM,OAAA,IAAW,CAAA,KAAM,GAAA,UAAa,QAAQ,CAAA;AAAA,SAChD;AACL,IAAA,CAAA,CAAE,cAAA,EAAe;AAAA,EACnB;AAEA,EAAA,MAAM,IAAA,GAAO,IAAA,CAAK,IAAA,CAAK,CAAA,EAAG,KAAK,CAAC,CAAA;AAChC,EAAA,MAAM,WAAW,KAAA,EAAM;AACvB,EAAA,MAAM,SAAS,GAAA,IAAO,IAAA;AACtB,EAAA,MAAM,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,KAAK,CAAA;AAC/B,EAAA,MAAM,MAAA,GACJ,QAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA,IAAK,CAAA,GAC1B,QAAA,GACA,MAAA,IAAU,QAAA,CAAS,OAAA,CAAQ,MAAM,CAAA,IAAK,CAAA,GACpC,MAAA,GACA,QAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA,IAAK,CAAA,GAC5B,QAAA,GACA,KAAA,CAAM,IAAI,IAAA,CAAK,IAAA,CAAK,CAAA,EAAG,IAAA,CAAK,CAAA,EAAG,CAAC,CAAC,CAAA;AAE3C,EAAA,MAAM,OAAA,GAAU,MAAM,IAAI,IAAA,CAAK,KAAK,CAAA,EAAG,IAAA,CAAK,CAAA,EAAG,CAAC,CAAC,CAAA;AACjD,EAAA,MAAM,SAAA,GAAY,KAAA,CAAM,IAAI,IAAA,CAAK,IAAA,CAAK,GAAG,IAAA,CAAK,CAAA,GAAI,CAAA,EAAG,CAAC,CAAC,CAAA;AACvD,EAAA,MAAM,OAAA,GAAU,CAAC,GAAA,IAAO,OAAA,IAAW,GAAA;AACnC,EAAA,MAAM,OAAA,GAAU,CAAC,GAAA,IAAO,SAAA,IAAa,GAAA;AAErC,EAAA,MAAM,QAAkB,EAAC;AACzB,EAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,CAAA,EAAG,KAAK,KAAA,CAAM,IAAA,CAAK,IAAA,CAAK,KAAA,CAAM,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,CAAA,GAAI,CAAC,CAAC,CAAA;AAEnE,EAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EAAU,KAAA,EAAM,MAAK,QAAA,EAAS,YAAA,EAAY,SAAS,aAAA,EACtD,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,UAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,WAAA,EACb,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAa,WAAA,EAAU,QAAA,EACpC,QAAA,EAAA;AAAA,UAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,UAAE,GAAA;AAAA,0BAAC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAa,eAAK,CAAA,EAAE;AAAA,SAAA,EACvD,CAAA;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,SAAA,EAAU,UAAA;AAAA,cACV,YAAA,EAAW,gBAAA;AAAA,cACX,UAAU,CAAC,OAAA;AAAA,cACX,OAAA,EAAS,MAAM,GAAA,CAAI,EAAE,CAAA;AAAA,cAErB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,YAAA,EAAa,MAAK,IAAA,EAAK;AAAA;AAAA,WACpC;AAAA,0BACA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,SAAA,EAAU,UAAA;AAAA,cACV,YAAA,EAAW,aAAA;AAAA,cACX,QAAA,EAAU,aAAA;AAAA,cACV,OAAA,EAAS,SAAA;AAAA,cAET,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,cAAA,EAAe,MAAK,IAAA,EAAK;AAAA;AAAA,WACtC;AAAA,0BACA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,SAAA,EAAU,UAAA;AAAA,cACV,YAAA,EAAW,YAAA;AAAA,cACX,UAAU,CAAC,OAAA;AAAA,cACX,OAAA,EAAS,MAAM,GAAA,CAAI,CAAC,CAAA;AAAA,cAEpB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,aAAA,EAAc,MAAK,IAAA,EAAK;AAAA;AAAA;AACrC,SAAA,EACF;AAAA,OAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EAAW,eAAY,MAAA,EACnC,QAAA,EAAA,GAAA,CAAI,GAAA,CAAI,CAAC,sBACR,GAAA,CAAC,MAAA,EAAA,EAAc,QAAA,EAAA,CAAA,EAAA,EAAJ,CAAM,CAClB,CAAA,EACH,CAAA;AAAA,sBACA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,WAAA;AAAA,UACV,GAAA,EAAK,OAAA;AAAA,UACL,IAAA,EAAK,MAAA;AAAA,UACL,YAAA,EAAW,UAAA;AAAA,UACX,SAAA,EAAW,aAAA;AAAA,UACX,gBAAgB,KAAA,CAAM,KAAA;AAAA,UAErB,QAAA,EAAA;AAAA,YAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,EAAA,qBAChB,GAAA,CAAC,KAAA,EAAA,EAAa,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,UAAA,EAChC,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,CAAC,CAAA,KAAM;AACf,cAAA,MAAM,GAAA,GAAM,MAAM,CAAC,CAAA;AACnB,cAAA,MAAM,GAAA,GAAM,CAAA,CAAE,QAAA,EAAS,KAAM,IAAA,CAAK,CAAA;AAClC,cAAA,MAAM,MAAM,GAAA,KAAQ,MAAA;AACpB,cAAA,MAAM,GAAA,GAAM,GAAG,UAAA,EAAY,GAAA,IAAO,UAAU,GAAA,IAAO,aAAA,EAAe,GAAA,KAAQ,QAAA,IAAY,UAAU,CAAA;AAChG,cAAA,uBACE,IAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBAEC,IAAA,EAAK,QAAA;AAAA,kBACL,IAAA,EAAK,UAAA;AAAA,kBACL,UAAA,EAAU,GAAA;AAAA,kBACV,SAAA,EAAW,GAAA;AAAA,kBACX,QAAA,EAAU,CAAC,OAAA,CAAQ,GAAG,CAAA;AAAA,kBACtB,QAAA,EAAU,GAAA,KAAQ,MAAA,GAAS,CAAA,GAAI,EAAA;AAAA,kBAC/B,iBAAe,GAAA,IAAO,MAAA;AAAA,kBACtB,YAAA,EAAY,MAAA,CAAO,CAAA,CAAE,QAAA,EAAU,CAAA,GAAI,GAAA,GAAM,CAAA,CAAE,OAAA,EAAQ,GAAI,IAAA,GAAO,CAAA,CAAE,WAAA,EAAY;AAAA,kBAC5E,OAAA,EAAS,MAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,kBAC1B,gBAAgB,CAAC,CAAA,KAAM,KAAA,CAAM,KAAA,CAAM,EAAE,aAAa,CAAA;AAAA,kBAEjD,QAAA,EAAA;AAAA,oBAAA,GAAA,mBACC,GAAA;AAAA,sBAAC,MAAA;AAAA,sBAAA;AAAA,wBACC,EAAA,EAAG,MAAA;AAAA,wBACH,QAAA,EAAU,MAAA;AAAA,wBACV,gBAAA,EAAkB,SAAA;AAAA,wBAClB,SAAA,EAAU,WAAA;AAAA,wBACV,aAAA,EAAY;AAAA;AAAA,qBACd,GACE,IAAA;AAAA,wCACH,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,CAAA,CAAE,SAAQ,EAAE,CAAA;AAAA,oBACvC,GAAA,KAAQ,2BAAW,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,UAAA,EAAW,aAAA,EAAY,QAAO,CAAA,GAAU;AAAA;AAAA,iBAAA;AAAA,gBAtBvE;AAAA,eAuBP;AAAA,YAEJ,CAAC,CAAA,EAAA,EAjCO,EAkCV,CACD,CAAA;AAAA,4BACD,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,YAAA,EAAa,KAAA,EAAc;AAAA;AAAA;AAAA;AAClD,KAAA,EACF,CAAA;AAAA,IAEC,IAAA,IAAQ,IAAA;AAAA,oBAET,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACZ,QAAA,EAAA;AAAA,MAAA,QAAA,mBAAW,GAAA,CAAC,UAAK,SAAA,EAAU,SAAA,EAAW,kBAAQ,QAAA,EAAU,MAAM,GAAE,CAAA,GAAU,IAAA;AAAA,sBAC3E,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAkB,CAAA;AAAA,sBAClC,GAAA,CAAC,UAAO,OAAA,EAAQ,SAAA,EAAU,MAAK,IAAA,EAAK,OAAA,EAAS,OAAO,QAAA,EAAA,MAAA,EAEpD;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-Y7AJQVWJ.js","sourcesContent":["'use client';\n\nimport './date-picker.css';\nimport { useEffect, useId, useRef, useState, type KeyboardEvent, type ReactNode } from 'react';\nimport { animate } from '../../../engine';\nimport { UIMotion } from '../../../tokens/motion-tokens';\nimport { Icon } from '../../internal/icon/Icon';\nimport { Button } from '../../primitives/button/Button';\nimport { GlidePill, useGlide } from '../../../motion/glide';\nimport { Motion } from '../../../motion/element';\nimport { useDayFocus } from './use-day-focus';\nimport { MONTHS, DOW, toKey, parse, col, today, grid, tzLabel, within } from './date-utils';\nimport { cx } from '../../internal/utils/cx';\n\nconst PILL_FLIP = { timing: UIMotion.t.settle };\n\ninterface DtpPanelProps {\n val: string | null;\n commit: (key: string) => void;\n close: () => void;\n min?: string;\n max?: string;\n timezone?: string;\n label?: string;\n slot?: ReactNode;\n}\n\nexport function DtpPanel({ val, commit, min, max, timezone, label, close, slot }: DtpPanelProps) {\n const seed = val ? parse(val) : new Date();\n const [view, setView] = useState<{ y: number; m: number }>({ y: seed.getFullYear(), m: seed.getMonth() });\n const [focusKey, setFocusKey] = useState<string>(val || today());\n\n const daysRef = useRef<HTMLDivElement>(null);\n const prevViewRef = useRef<number | null>(null);\n const uid = useId();\n const pillId = 'dtp-pill-' + uid;\n\n const glide = useGlide(daysRef);\n\n const inRange = (key: string): boolean => within(key, min, max);\n\n function pickDay(key: string) {\n if (!inRange(key)) return;\n armFocus();\n setFocusKey(key);\n const d = parse(key);\n goToMonth(d.getFullYear(), d.getMonth());\n commit(key);\n }\n\n function goToMonth(y: number, m: number) {\n setView((v) => (v.y === y && v.m === m ? v : { y: y, m: m }));\n }\n function nav(dir: number) {\n const d = new Date(view.y, view.m + dir, 1);\n goToMonth(d.getFullYear(), d.getMonth());\n }\n const now = new Date();\n const viewIsCurrent = view.y === now.getFullYear() && view.m === now.getMonth();\n function goToToday() {\n const key = today();\n const d = parse(key);\n armFocus();\n setFocusKey(key);\n goToMonth(d.getFullYear(), d.getMonth());\n }\n const viewIdx = view.y * 12 + view.m;\n const armFocus = useDayFocus(daysRef, focusKey, viewIdx, '[tabindex=\"0\"]:not(:disabled)');\n useEffect(() => {\n const prev = prevViewRef.current;\n prevViewRef.current = viewIdx;\n const el = daysRef.current;\n if (prev == null || prev === viewIdx || !el) return;\n const dir = viewIdx > prev ? 1 : -1;\n animate(el, { x: [dir * 16, 0], opacity: [0, 1], timing: UIMotion.t.enter });\n }, [viewIdx]);\n\n function moveFocus(deltaDays: number, deltaMonths: number) {\n const d = parse(focusKey);\n if (deltaMonths) d.setMonth(d.getMonth() + deltaMonths);\n if (deltaDays) d.setDate(d.getDate() + deltaDays);\n const key = toKey(d);\n armFocus();\n setFocusKey(key);\n goToMonth(d.getFullYear(), d.getMonth());\n }\n function onGridKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n const k = e.key;\n if (k === 'ArrowLeft') moveFocus(-1, 0);\n else if (k === 'ArrowRight') moveFocus(1, 0);\n else if (k === 'ArrowUp') moveFocus(-7, 0);\n else if (k === 'ArrowDown') moveFocus(7, 0);\n else if (k === 'PageUp') moveFocus(0, -1);\n else if (k === 'PageDown') moveFocus(0, 1);\n else if (k === 'Home') moveFocus(-col(parse(focusKey)), 0);\n else if (k === 'End') moveFocus(6 - col(parse(focusKey)), 0);\n else if (k === 'Enter' || k === ' ') pickDay(focusKey);\n else return;\n e.preventDefault();\n }\n\n const days = grid(view.y, view.m);\n const todayKey = today();\n const selKey = val || null;\n const gridKeys = days.map(toKey);\n const tabKey =\n gridKeys.indexOf(focusKey) >= 0\n ? focusKey\n : selKey && gridKeys.indexOf(selKey) >= 0\n ? selKey\n : gridKeys.indexOf(todayKey) >= 0\n ? todayKey\n : toKey(new Date(view.y, view.m, 1));\n\n const prevEnd = toKey(new Date(view.y, view.m, 0));\n const nextStart = toKey(new Date(view.y, view.m + 1, 1));\n const canPrev = !min || prevEnd >= min;\n const canNext = !max || nextStart <= max;\n\n const weeks: Date[][] = [];\n for (let w = 0; w < 6; w++) weeks.push(days.slice(w * 7, w * 7 + 7));\n\n return (\n <div className=\"dtp\" role=\"dialog\" aria-label={label || 'Pick a date'}>\n <div className=\"dtp__cal\">\n <div className=\"dtp__head\">\n <span className=\"dtp__month\" aria-live=\"polite\">\n {MONTHS[view.m]} <span className=\"dtp__year\">{view.y}</span>\n </span>\n <div className=\"dtp__navs\">\n <button\n type=\"button\"\n className=\"dtp__nav\"\n aria-label=\"Previous month\"\n disabled={!canPrev}\n onClick={() => nav(-1)}\n >\n <Icon name=\"caret-left\" size=\"sm\" />\n </button>\n <button\n type=\"button\"\n className=\"dtp__nav\"\n aria-label=\"Go to today\"\n disabled={viewIsCurrent}\n onClick={goToToday}\n >\n <Icon name=\"calendar-dot\" size=\"sm\" />\n </button>\n <button\n type=\"button\"\n className=\"dtp__nav\"\n aria-label=\"Next month\"\n disabled={!canNext}\n onClick={() => nav(1)}\n >\n <Icon name=\"caret-right\" size=\"sm\" />\n </button>\n </div>\n </div>\n <div className=\"dtp__dow\" aria-hidden=\"true\">\n {DOW.map((d) => (\n <span key={d}>{d}</span>\n ))}\n </div>\n <div\n className=\"dtp__days\"\n ref={daysRef}\n role=\"grid\"\n aria-label=\"Calendar\"\n onKeyDown={onGridKeyDown}\n onPointerLeave={glide.leave}\n >\n {weeks.map((week, wi) => (\n <div key={wi} role=\"row\" className=\"dtp__row\">\n {week.map((d) => {\n const key = toKey(d);\n const out = d.getMonth() !== view.m;\n const sel = key === selKey;\n const cls = cx('dtp__day', out && 'is-out', sel && 'is-selected', key === todayKey && 'is-today');\n return (\n <button\n key={key}\n type=\"button\"\n role=\"gridcell\"\n data-key={key}\n className={cls}\n disabled={!inRange(key)}\n tabIndex={key === tabKey ? 0 : -1}\n aria-selected={sel || undefined}\n aria-label={MONTHS[d.getMonth()] + ' ' + d.getDate() + ', ' + d.getFullYear()}\n onClick={() => pickDay(key)}\n onPointerEnter={(e) => glide.enter(e.currentTarget)}\n >\n {sel ? (\n <Motion\n as=\"span\"\n layoutId={pillId}\n layoutTransition={PILL_FLIP}\n className=\"dtp__pill\"\n aria-hidden=\"true\"\n />\n ) : null}\n <span className=\"dtp__num\">{d.getDate()}</span>\n {key === todayKey ? <span className=\"dtp__dot\" aria-hidden=\"true\"></span> : null}\n </button>\n );\n })}\n </div>\n ))}\n <GlidePill className=\"dtp__hover\" glide={glide} />\n </div>\n </div>\n\n {slot || null}\n\n <div className=\"dtp__foot\">\n {timezone ? <span className=\"dtp__tz\">{tzLabel(timezone, selKey)}</span> : null}\n <span className=\"dtp__footSpacer\"></span>\n <Button variant=\"primary\" size=\"sm\" onClick={close}>\n Done\n </Button>\n </div>\n </div>\n );\n}\n"]}
@@ -1,4 +1,4 @@
1
- 'use client';import { DtpPanel } from './chunk-7RNRLIKT.js';
1
+ 'use client';import { DtpPanel } from './chunk-Y7AJQVWJ.js';
2
2
  import './chunk-TCUCYFT7.js';
3
3
  import { FieldTrigger, displayDay, FieldShell } from './chunk-YGGCQNNU.js';
4
4
  import { Popover } from './chunk-W5YM2FV4.js';
@@ -16,7 +16,7 @@ import './chunk-I4XQ4PV2.js';
16
16
  import './chunk-3SBCBYB7.js';
17
17
  import { useControllable } from './chunk-MMRIQNEN.js';
18
18
  import './chunk-S5ZTZANS.js';
19
- import './chunk-U5QQZC3U.js';
19
+ import './chunk-2F5PITAO.js';
20
20
  import './chunk-7SZCJ7WI.js';
21
21
  import './chunk-VTJTGVZZ.js';
22
22
  import './chunk-QGNC7LH5.js';
@@ -17,7 +17,7 @@ import './chunk-I4XQ4PV2.js';
17
17
  import { Icon } from './chunk-3SBCBYB7.js';
18
18
  import { useControllable } from './chunk-MMRIQNEN.js';
19
19
  import { UIMotion } from './chunk-S5ZTZANS.js';
20
- import { Button } from './chunk-U5QQZC3U.js';
20
+ import { Button } from './chunk-2F5PITAO.js';
21
21
  import './chunk-7SZCJ7WI.js';
22
22
  import './chunk-VTJTGVZZ.js';
23
23
  import './chunk-QGNC7LH5.js';
@@ -1,4 +1,4 @@
1
- 'use client';import { DtpPanel } from './chunk-7RNRLIKT.js';
1
+ 'use client';import { DtpPanel } from './chunk-Y7AJQVWJ.js';
2
2
  import './chunk-TCUCYFT7.js';
3
3
  import { TimeSegments, disp12 } from './chunk-64UU4LGU.js';
4
4
  import { displayDay, FieldShell, FieldTrigger, pad } from './chunk-YGGCQNNU.js';
@@ -17,7 +17,7 @@ import './chunk-I4XQ4PV2.js';
17
17
  import './chunk-3SBCBYB7.js';
18
18
  import { useControllable } from './chunk-MMRIQNEN.js';
19
19
  import './chunk-S5ZTZANS.js';
20
- import './chunk-U5QQZC3U.js';
20
+ import './chunk-2F5PITAO.js';
21
21
  import './chunk-7SZCJ7WI.js';
22
22
  import './chunk-VTJTGVZZ.js';
23
23
  import './chunk-QGNC7LH5.js';
@@ -1,5 +1,5 @@
1
1
  'use client';import { clock } from './chunk-YGCVWGUG.js';
2
- import { Button } from './chunk-U5QQZC3U.js';
2
+ import { Button } from './chunk-2F5PITAO.js';
3
3
  import { Checkbox } from './chunk-QDK66S4G.js';
4
4
  import './chunk-NNXJCLTV.js';
5
5
  import { Collapse } from './chunk-7SZCJ7WI.js';
@@ -1,4 +1,4 @@
1
- 'use client';import { useListbox, SelectTrigger, ListboxPanel } from './chunk-Q5B7JTSR.js';
1
+ 'use client';import { useListbox, SelectTrigger, ListboxPanel } from './chunk-45XJ75GZ.js';
2
2
  import './chunk-EQ32F2QJ.js';
3
3
  import './chunk-GY7JOPUQ.js';
4
4
  import './chunk-UE63OOVG.js';
@@ -11,7 +11,7 @@ import './chunk-2ERBBFZS.js';
11
11
  import './chunk-3SBCBYB7.js';
12
12
  import { useControllable } from './chunk-MMRIQNEN.js';
13
13
  import './chunk-S5ZTZANS.js';
14
- import './chunk-U5QQZC3U.js';
14
+ import './chunk-2F5PITAO.js';
15
15
  import { CheckGlyph } from './chunk-NNXJCLTV.js';
16
16
  import './chunk-7SZCJ7WI.js';
17
17
  import './chunk-VTJTGVZZ.js';
@@ -2,7 +2,7 @@
2
2
  import { animate } from './chunk-YGCVWGUG.js';
3
3
  import { Icon } from './chunk-3SBCBYB7.js';
4
4
  import { UIMotion } from './chunk-S5ZTZANS.js';
5
- import { Button } from './chunk-U5QQZC3U.js';
5
+ import { Button } from './chunk-2F5PITAO.js';
6
6
  import { cx } from './chunk-QGNC7LH5.js';
7
7
  import './pagination.css';
8
8
  import { useRef, useEffect } from 'react';
package/dist/select.js CHANGED
@@ -1,4 +1,4 @@
1
- 'use client';import { useListbox, SelectTrigger, ListboxPanel } from './chunk-Q5B7JTSR.js';
1
+ 'use client';import { useListbox, SelectTrigger, ListboxPanel } from './chunk-45XJ75GZ.js';
2
2
  import './chunk-EQ32F2QJ.js';
3
3
  import './chunk-GY7JOPUQ.js';
4
4
  import './chunk-UE63OOVG.js';
@@ -11,7 +11,7 @@ import './chunk-2ERBBFZS.js';
11
11
  import './chunk-3SBCBYB7.js';
12
12
  import { useControllable } from './chunk-MMRIQNEN.js';
13
13
  import './chunk-S5ZTZANS.js';
14
- import './chunk-U5QQZC3U.js';
14
+ import './chunk-2F5PITAO.js';
15
15
  import './chunk-7SZCJ7WI.js';
16
16
  import './chunk-VTJTGVZZ.js';
17
17
  import { cx } from './chunk-QGNC7LH5.js';
package/dist/table.js CHANGED
@@ -5,7 +5,7 @@ import './chunk-YGCVWGUG.js';
5
5
  import { Icon } from './chunk-3SBCBYB7.js';
6
6
  import { Odometer } from './chunk-CONSWNIV.js';
7
7
  import { UIMotion } from './chunk-S5ZTZANS.js';
8
- import { Button } from './chunk-U5QQZC3U.js';
8
+ import { Button } from './chunk-2F5PITAO.js';
9
9
  import { Checkbox } from './chunk-QDK66S4G.js';
10
10
  import './chunk-NNXJCLTV.js';
11
11
  import { cx } from './chunk-QGNC7LH5.js';
package/dist/toast.js CHANGED
@@ -8,7 +8,7 @@ import { animate, startDrag } from './chunk-YGCVWGUG.js';
8
8
  import { Icon } from './chunk-3SBCBYB7.js';
9
9
  import { fireGlint } from './chunk-S7B34VGN.js';
10
10
  import { UIMotion } from './chunk-S5ZTZANS.js';
11
- import { Button } from './chunk-U5QQZC3U.js';
11
+ import { Button } from './chunk-2F5PITAO.js';
12
12
  import { cx } from './chunk-QGNC7LH5.js';
13
13
  import './toast.css';
14
14
  import { useEffect, useSyncExternalStore, useState, useRef, useLayoutEffect } from 'react';
package/llms.txt CHANGED
@@ -27,8 +27,9 @@ Agents: prefer the bundled MCP server over scanning this file or node_modules -
27
27
  ============================================================ PRIMITIVES
28
28
 
29
29
  Button - @zyncat/ui/button
30
- One control for every click; exactly one primary per view. variant primary|secondary|ghost|danger|link, size sm|md|lg, iconLeft/iconRight (ReactNode), loading, disabled.
31
- <Button variant="primary" iconLeft={<Icon name="plus" size="sm" />}>Schedule post</Button>
30
+ One control for every click; exactly one primary per view. variant primary|secondary|ghost|danger|link, size sm|md|lg|icon, loading, disabled. Icons are plain children - Button lays them out in a centered row with gap, no iconLeft/iconRight slots.
31
+ <Button variant="primary"><Icon name="plus" size="sm" />Schedule post</Button>
32
+ <Button size="icon" aria-label="Close"><Icon name="x" size="sm" /></Button>
32
33
 
33
34
  Collapse - @zyncat/ui/collapse
34
35
  Layout-transition primitive; eases height open/closed, never teleports. Closed content also
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zyncat/ui",
3
- "version": "0.9.0",
3
+ "version": "0.9.1",
4
4
  "description": "A React 19 design system: accessible, animated UI components built on a small, closed CSS design-token vocabulary. No Tailwind, no CSS-in-JS.",
5
5
  "keywords": [
6
6
  "react",
@@ -230,15 +230,6 @@
230
230
  "next.mjs",
231
231
  "next.d.mts"
232
232
  ],
233
- "scripts": {
234
- "build": "tsup",
235
- "typecheck": "tsc --noEmit && tsc -p tsconfig.node.json",
236
- "check:css": "node scripts/check-css-graph.mjs",
237
- "check:llms": "node scripts/check-llms.mjs",
238
- "format": "prettier --write .",
239
- "format:check": "prettier --check .",
240
- "prepublishOnly": "pnpm build"
241
- },
242
233
  "peerDependencies": {
243
234
  "react": "^19",
244
235
  "react-dom": "^19"
@@ -254,5 +245,14 @@
254
245
  "react-dom": "^19.2.7",
255
246
  "tsup": "^8.5.0",
256
247
  "typescript": "~6.0.3"
248
+ },
249
+ "scripts": {
250
+ "build": "tsup",
251
+ "typecheck": "tsc --noEmit && tsc -p tsconfig.node.json",
252
+ "check:css": "node scripts/check-css-graph.mjs",
253
+ "check:llms": "node scripts/check-llms.mjs",
254
+ "format": "prettier --write .",
255
+ "format:check": "prettier --check .",
256
+ "dev": "cd playground && pnpm dev"
257
257
  }
258
- }
258
+ }
@@ -51,24 +51,20 @@ export function SelectTrigger({
51
51
  ...htmlProps,
52
52
  }}
53
53
  onClick={() => (open ? requestClose() : show())}
54
- iconRight={
55
- <span className="select__caret">
56
- <Icon name="caret-down" size="sm" />
57
- </span>
58
- }
59
- iconLeft={
60
- leading && (
61
- <span className="select__leading">
62
- <IconSlot size="sm">{leading}</IconSlot>
63
- </span>
64
- )
65
- }
66
54
  {...rest}
67
55
  >
56
+ {leading && (
57
+ <span className="select__leading">
58
+ <IconSlot size="sm">{leading}</IconSlot>
59
+ </span>
60
+ )}
68
61
  <span className="select__value" data-placeholder={isPlaceholder ? 'true' : undefined}>
69
62
  {text}
70
63
  </span>
71
64
  {count != null && count > 0 && <span className="select__count">+{count}</span>}
65
+ <span className="select__caret">
66
+ <Icon name="caret-down" size="sm" />
67
+ </span>
72
68
  </Button>
73
69
  );
74
70
  }
@@ -19,10 +19,6 @@ interface ButtonOwnProps {
19
19
  disabled?: boolean;
20
20
  /** Loading - swaps content for a spinner and makes the button inert. */
21
21
  loading?: boolean;
22
- /** Leading icon node (e.g. a 16px <Icon>). Sized & aligned by the component. */
23
- iconLeft?: ReactNode;
24
- /** Trailing icon node. */
25
- iconRight?: ReactNode;
26
22
  /** Stretch to fill the container width. */
27
23
  fullWidth?: boolean;
28
24
  /** Extra class(es) merged onto the button. */
@@ -51,8 +47,6 @@ export function Button({
51
47
  type = 'button',
52
48
  disabled = false,
53
49
  loading = false,
54
- iconLeft = null,
55
- iconRight = null,
56
50
  fullWidth = false,
57
51
  className = '',
58
52
  style,
@@ -85,17 +79,7 @@ export function Button({
85
79
  {...rest}
86
80
  {...htmlProps}
87
81
  >
88
- {iconLeft ? (
89
- <span className="btn__icon" aria-hidden="true">
90
- {iconLeft}
91
- </span>
92
- ) : null}
93
82
  <span className="btn__label">{children}</span>
94
- {iconRight ? (
95
- <span className="btn__icon" aria-hidden="true">
96
- {iconRight}
97
- </span>
98
- ) : null}
99
83
  {loading ? <span className="btn__spinner" aria-hidden="true" /> : null}
100
84
  </button>
101
85
  );
@@ -16,13 +16,14 @@
16
16
  .btn {
17
17
  --btn-shadow: none;
18
18
  --btn-ring: var(--ring-accent);
19
+ --btn-gap: var(--space-2);
19
20
 
20
21
  position: relative;
21
22
  isolation: isolate;
22
23
  display: inline-flex;
23
24
  align-items: center;
24
25
  justify-content: center;
25
- gap: var(--space-2);
26
+ gap: var(--btn-gap);
26
27
 
27
28
  height: var(--control-height);
28
29
  padding: 0 var(--space-4);
@@ -64,7 +65,7 @@
64
65
  padding: 0 var(--space-3);
65
66
  font-size: var(--size-caption);
66
67
  border-radius: var(--radius-sm);
67
- gap: var(--space-1);
68
+ --btn-gap: var(--space-1);
68
69
  }
69
70
  .btn--lg {
70
71
  height: var(--control-height-lg);
@@ -77,9 +78,16 @@
77
78
  .btn--icon {
78
79
  width: var(--control-height-sm);
79
80
  height: var(--control-height-sm);
81
+ padding: 0;
80
82
  border-radius: var(--radius-sm);
81
83
  }
82
84
 
85
+ .btn__label {
86
+ display: inline-flex;
87
+ align-items: center;
88
+ gap: var(--btn-gap);
89
+ }
90
+
83
91
  .btn__icon {
84
92
  display: inline-flex;
85
93
  flex: none;
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/composites/select/core/types.ts","../src/components/composites/select/core/use-listbox.ts","../src/components/composites/select/core/trigger.tsx","../src/components/composites/select/core/menu.tsx","../src/components/composites/select/core/panel.tsx"],"names":["useRef","useLayoutEffect","jsx","jsxs","useMemo"],"mappings":"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","file":"chunk-Q5B7JTSR.js","sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface SelectOption {\n /** The stored value - what `onChange` returns and `value` matches; must be unique. */\n value: string;\n /** Primary row text, and the trigger label once selected; also matched by `searchable`. */\n label: ReactNode;\n /** Optional secondary line under the label; also matched by `searchable`. */\n description?: string;\n /** Your own icon node shown before the label. */\n icon?: ReactNode;\n /** Not selectable - skipped by keyboard nav and typeahead, and marked `aria-disabled`. @default false */\n disabled?: boolean;\n}\nexport interface SelectGroup {\n /** Section heading rendered above the options; omit for an unlabeled group. */\n label?: string;\n /** The options in this section. */\n options: SelectOption[];\n}\n\nexport interface NormalizedGroup {\n label: string | null | undefined;\n options: SelectOption[];\n}\n\nexport function normalize(options: SelectOption[] | SelectGroup[]): {\n groups: NormalizedGroup[];\n flat: SelectOption[];\n} {\n const grouped = options.length > 0 && options[0] && Array.isArray((options[0] as SelectGroup).options);\n const groups: NormalizedGroup[] = grouped\n ? (options as SelectGroup[]).map((g) => ({ label: g.label, options: g.options || [] }))\n : [{ label: null, options: options as SelectOption[] }];\n return { groups, flat: groups.flatMap((g) => g.options) };\n}\n\nexport const matches = (o: SelectOption, q: string) =>\n !q || (o.label + ' ' + (o.description || '')).toLowerCase().includes(q.toLowerCase());\n","'use client';\n\nimport { useEffect, useId, useLayoutEffect, useMemo, useRef, useState, type KeyboardEvent } from 'react';\nimport { useGlide } from '../../../../motion/glide';\nimport { normalize, matches, type SelectOption, type SelectGroup } from './types';\n\nexport interface UseListboxArgs {\n options: SelectOption[] | SelectGroup[];\n disabled: boolean;\n loading: boolean;\n searchable: boolean;\n id?: string;\n idPrefix: string;\n isSelected: (value: string) => boolean;\n onCommit: (opt: SelectOption) => void;\n closeOnCommit: boolean;\n}\n\nexport type ListboxState = ReturnType<typeof useListbox>;\n\nexport function useListbox({\n options,\n disabled,\n loading,\n searchable,\n id,\n idPrefix,\n isSelected,\n onCommit,\n closeOnCommit,\n}: UseListboxArgs) {\n const [open, setOpen] = useState(false);\n const [query, setQuery] = useState('');\n const [activeIdx, setActiveIdx] = useState(-1);\n const typeahead = useRef<{ buf: string; t: ReturnType<typeof setTimeout> | number }>({ buf: '', t: 0 });\n\n const triggerRef = useRef<HTMLButtonElement>(null),\n listRef = useRef<HTMLDivElement>(null),\n searchRef = useRef<HTMLInputElement>(null);\n const autoId = useId();\n const baseId = id || idPrefix + autoId;\n const menuId = baseId + '-menu';\n const listId = baseId + '-list';\n const glide = useGlide(listRef);\n\n const { groups, flat } = useMemo(() => normalize(options), [options]);\n const navItems = useMemo(() => flat.filter((o) => matches(o, query)), [flat, query]);\n\n const show = () => {\n if (!disabled && !loading) setOpen(true);\n };\n const requestClose = () => setOpen(false);\n const returnFocus = () => triggerRef.current && triggerRef.current.focus();\n\n function commit(opt: SelectOption) {\n if (!opt || opt.disabled) return;\n onCommit(opt);\n if (closeOnCommit) {\n requestClose();\n returnFocus();\n }\n }\n\n useEffect(() => {\n if (!open) setQuery('');\n }, [open]);\n\n useEffect(() => {\n if (!open) return;\n const sel = navItems.findIndex((o) => isSelected(o.value) && !o.disabled);\n const first = navItems.findIndex((o) => !o.disabled);\n setActiveIdx(sel >= 0 ? sel : first);\n const ref = searchable ? searchRef : listRef;\n setTimeout(() => {\n if (ref.current) ref.current.focus();\n }, 0);\n }, [open]); // eslint-disable-line react-hooks/exhaustive-deps\n\n useEffect(() => {\n const list = listRef.current;\n if (!open || activeIdx < 0 || !list) return;\n const el = list.querySelector('[data-idx=\"' + activeIdx + '\"]') as HTMLElement | null;\n if (!el) return;\n if (el.offsetTop < list.scrollTop) list.scrollTop = el.offsetTop;\n else if (el.offsetTop + el.offsetHeight > list.scrollTop + list.clientHeight)\n list.scrollTop = el.offsetTop + el.offsetHeight - list.clientHeight;\n }, [activeIdx, open]); // eslint-disable-line react-hooks/exhaustive-deps\n\n useLayoutEffect(() => {\n const list = listRef.current;\n const el = open && activeIdx >= 0 && list && list.querySelector<HTMLElement>('[data-idx=\"' + activeIdx + '\"]');\n if (el) glide.enter(el);\n else glide.leave();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open, activeIdx, query]);\n\n function moveActive(dir: number) {\n if (!navItems.length) return;\n let i = activeIdx;\n for (let s = 0; s < navItems.length; s++) {\n i = (i + dir + navItems.length) % navItems.length;\n if (!navItems[i].disabled) return setActiveIdx(i);\n }\n }\n function edgeActive(toEnd: boolean) {\n const order = [...navItems.keys()];\n if (toEnd) order.reverse();\n for (const i of order) if (!navItems[i].disabled) return setActiveIdx(i);\n }\n function typeAhead(ch: string) {\n const ta = typeahead.current;\n clearTimeout(ta.t);\n ta.buf += ch.toLowerCase();\n ta.t = setTimeout(() => (ta.buf = ''), 600);\n const i = navItems.findIndex((o) => !o.disabled && o.value.toLowerCase().startsWith(ta.buf));\n if (i >= 0) setActiveIdx(i);\n }\n\n function onMenuKeyDown(e: KeyboardEvent) {\n switch (e.key) {\n case 'Escape':\n e.preventDefault();\n requestClose();\n returnFocus();\n break;\n case 'ArrowDown':\n e.preventDefault();\n moveActive(1);\n break;\n case 'ArrowUp':\n e.preventDefault();\n moveActive(-1);\n break;\n case 'Home':\n e.preventDefault();\n edgeActive(false);\n break;\n case 'End':\n e.preventDefault();\n edgeActive(true);\n break;\n case 'Enter':\n e.preventDefault();\n if (activeIdx >= 0) commit(navItems[activeIdx]);\n break;\n case 'Tab':\n requestClose();\n break;\n default:\n if (!searchable && e.key.length === 1 && !e.metaKey && !e.ctrlKey) typeAhead(e.key);\n }\n }\n\n const optId = (value: string) => baseId + '-opt-' + encodeURIComponent(value);\n const active = activeIdx >= 0 ? navItems[activeIdx] : undefined;\n const adId = open && active ? optId(active.value) : undefined;\n\n return {\n open,\n query,\n setQuery,\n triggerRef,\n listRef,\n searchRef,\n baseId,\n menuId,\n listId,\n optId,\n adId,\n groups,\n flat,\n navItems,\n glide,\n isSelected,\n show,\n requestClose,\n commit,\n activeIdx,\n setActiveIdx,\n onMenuKeyDown,\n };\n}\n","'use client';\n\nimport type { ReactNode } from 'react';\nimport { Icon } from '../../../internal/icon/Icon';\nimport { IconSlot } from '../../../internal/icon/IconSlot';\nimport type { ListboxState } from './use-listbox';\nimport { Button, ButtonProps } from '../../../primitives/button/Button';\n\nexport interface SelectTriggerProps extends ButtonProps {\n lb: ListboxState;\n invalid?: boolean;\n ariaLabel?: string;\n leading?: ReactNode;\n text?: ReactNode;\n isPlaceholder?: boolean;\n count?: number;\n}\n\nexport function SelectTrigger({\n lb,\n invalid,\n ariaLabel,\n leading,\n text,\n isPlaceholder,\n count,\n htmlProps,\n ...rest\n}: SelectTriggerProps) {\n const { triggerRef, baseId, open, adId, show, requestClose } = lb;\n return (\n <Button\n type=\"button\"\n ref={triggerRef}\n variant=\"ghost\"\n htmlProps={{\n id: baseId + '-trigger',\n role: 'combobox',\n 'aria-haspopup': 'listbox',\n 'aria-expanded': open,\n 'aria-controls': baseId + '-list',\n 'aria-activedescendant': adId,\n 'aria-label': ariaLabel,\n 'aria-invalid': invalid || undefined,\n onKeyDown: (e) => {\n if (!open && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {\n e.preventDefault();\n show();\n }\n },\n ...htmlProps,\n }}\n onClick={() => (open ? requestClose() : show())}\n iconRight={\n <span className=\"select__caret\">\n <Icon name=\"caret-down\" size=\"sm\" />\n </span>\n }\n iconLeft={\n leading && (\n <span className=\"select__leading\">\n <IconSlot size=\"sm\">{leading}</IconSlot>\n </span>\n )\n }\n {...rest}\n >\n <span className=\"select__value\" data-placeholder={isPlaceholder ? 'true' : undefined}>\n {text}\n </span>\n {count != null && count > 0 && <span className=\"select__count\">+{count}</span>}\n </Button>\n );\n}\n","'use client';\n\nimport { useLayoutEffect, useRef, type ReactNode, type RefObject } from 'react';\nimport type { Layer } from '../../../../engine';\nimport { Presence } from '../../../../motion/presence';\nimport { useMotion, type MotionSpecs } from '../../../../motion/use-motion';\nimport { UIMotion, type MotionTransition } from '../../../../tokens/motion-tokens';\nimport { resolveMotionTiming } from '../../../../motion/motion-timing';\nimport type { DisableableAnimation } from '../../../../motion/timing';\nimport { OverlayPortal, useOverlayEntry, useOutsidePress } from '../../../internal/overlay/layer';\nimport { useAnchorPosition } from '../../../internal/overlay/position';\n\nconst SELECT_MENU_TIMING = {\n open: { duration: 'base', ease: 'entrance' },\n close: { duration: 'base', ease: 'exit' },\n} as const;\n\nfunction selectMenuLayers(animation: DisableableAnimation | undefined, dir: 'open' | 'close'): Layer[] {\n const t = resolveMotionTiming(animation, SELECT_MENU_TIMING)[dir];\n const fade = (d: MotionTransition) => ({ duration: d.duration === 0 ? 0 : UIMotion.dur.fast, ease: d.ease });\n return dir === 'open'\n ? [\n { y: [-6, 0], scale: [0.96, 1], timing: t },\n { opacity: [0, 1], timing: fade(t) },\n ]\n : [\n { y: [-6], scale: [0.96], timing: t },\n { opacity: [0], timing: fade(t) },\n ];\n}\n\nexport interface SelectMenuProps {\n open: boolean;\n menuId: string;\n requestClose: () => void;\n triggerRef: RefObject<HTMLButtonElement | null>;\n multiple?: boolean;\n /** Open/close timing - motion tokens only, or `null` to disable. */\n animation?: DisableableAnimation;\n children?: ReactNode;\n}\n\nfunction MenuSurface({\n menuId,\n requestClose,\n triggerRef,\n multiple,\n animate,\n exit,\n children,\n}: Omit<SelectMenuProps, 'open' | 'animation'> & MotionSpecs) {\n const menuRef = useRef<HTMLDivElement>(null);\n const entry = useOverlayEntry({ nodeRef: menuRef, dismissible: true, requestClose });\n useMotion(menuRef, { animate, exit });\n useLayoutEffect(() => {\n const apply = () => {\n const t = triggerRef.current;\n if (t && menuRef.current) menuRef.current.style.minWidth = t.getBoundingClientRect().width + 'px';\n };\n apply();\n window.addEventListener('resize', apply);\n return () => window.removeEventListener('resize', apply);\n }, []); // eslint-disable-line react-hooks/exhaustive-deps\n useAnchorPosition({ side: 'bottom', align: 'start', arrow: false, triggerRef, panelRef: menuRef });\n useOutsidePress({ entry, refs: [menuRef, triggerRef], enabled: true, onPress: requestClose });\n\n return (\n <div\n ref={menuRef}\n className=\"select__menu\"\n id={menuId}\n role=\"presentation\"\n data-multiple={multiple ? 'true' : undefined}\n >\n {children}\n </div>\n );\n}\n\nexport function SelectMenu({ open, menuId, requestClose, triggerRef, multiple, animation, children }: SelectMenuProps) {\n return (\n <OverlayPortal>\n <Presence>\n {open && (\n <MenuSurface\n key=\"menu\"\n animate={selectMenuLayers(animation, 'open')}\n exit={selectMenuLayers(animation, 'close')}\n menuId={menuId}\n requestClose={requestClose}\n triggerRef={triggerRef}\n multiple={multiple}\n >\n {children}\n </MenuSurface>\n )}\n </Presence>\n </OverlayPortal>\n );\n}\n","'use client';\n\nimport { Fragment, useMemo, type ReactNode } from 'react';\nimport { Icon } from '../../../internal/icon/Icon';\nimport { IconSlot } from '../../../internal/icon/IconSlot';\nimport { Collapse } from '../../../primitives/collapse/Collapse';\nimport { GlidePill } from '../../../../motion/glide';\nimport { SelectMenu } from './menu';\nimport type { ListboxState } from './use-listbox';\nimport type { DisableableAnimation } from '../../../../motion/timing';\nimport type { ButtonProps } from '../../../primitives/button/Button';\n\nexport interface ListboxPanelProps {\n lb: ListboxState;\n loading: boolean;\n searchable: boolean;\n searchPlaceholder?: string;\n ariaLabel?: string;\n multiple?: boolean;\n /** Menu open/close timing - motion tokens only, or `null` to disable. */\n animation?: DisableableAnimation;\n check?: (selected: boolean) => ReactNode;\n size?: ButtonProps['size'];\n}\n\nconst defaultCheck = (selected: boolean) => (selected ? <Icon key=\"on\" name=\"check\" size=\"sm\" weight=\"bold\" /> : null);\n\nfunction LoadingRows() {\n return (\n <div className=\"select__loading\" aria-busy=\"true\" aria-live=\"polite\">\n {[0, 1, 2].map((i) => (\n <div className=\"select__skeleton\" key={i}>\n <span className=\"select__skeleton-dot\" data-pulse></span>\n <span className=\"select__skeleton-bar\" data-pulse></span>\n </div>\n ))}\n </div>\n );\n}\n\nfunction EmptyRow({ query }: { query: string }) {\n return <div className=\"select__empty\">{query ? 'No matches for \"' + query + '\"' : 'No options available'}</div>;\n}\n\nexport function ListboxPanel({\n lb,\n loading,\n searchable,\n searchPlaceholder,\n ariaLabel,\n multiple,\n animation,\n size = 'md',\n check = defaultCheck,\n}: ListboxPanelProps) {\n const navIndex = useMemo(() => new Map(lb.navItems.map((o, i) => [o.value, i] as const)), [lb.navItems]);\n return (\n <SelectMenu\n open={lb.open}\n menuId={lb.menuId}\n requestClose={lb.requestClose}\n triggerRef={lb.triggerRef}\n multiple={multiple}\n animation={animation}\n >\n {searchable && !loading && (\n <div className=\"select__search\">\n <Icon name=\"magnifying-glass\" size=\"sm\" />\n <input\n ref={lb.searchRef}\n className=\"select__search-input\"\n type=\"text\"\n value={lb.query}\n placeholder={searchPlaceholder}\n aria-label={searchPlaceholder}\n aria-controls={lb.listId}\n aria-activedescendant={lb.adId}\n onChange={(e) => lb.setQuery(e.target.value)}\n onKeyDown={lb.onMenuKeyDown}\n />\n </div>\n )}\n\n <div\n className=\"select__list\"\n ref={lb.listRef}\n id={lb.listId}\n role=\"listbox\"\n aria-multiselectable={multiple || undefined}\n tabIndex={-1}\n aria-label={ariaLabel}\n onKeyDown={searchable ? undefined : lb.onMenuKeyDown}\n >\n <GlidePill className=\"select__glide\" glide={lb.glide} />\n {loading ? (\n <LoadingRows />\n ) : (\n <Fragment>\n {lb.groups.map((g, gi) => (\n <div className=\"select__group\" role=\"group\" aria-label={g.label || undefined} key={gi}>\n {g.label && g.options.some((o) => navIndex.has(o.value)) && (\n <div className=\"select__group-label\">{g.label}</div>\n )}\n {g.options.map((opt) => {\n const i = navIndex.get(opt.value) ?? -1;\n const visible = i !== -1;\n const isSel = lb.isSelected(opt.value);\n const row = (\n <div\n key={opt.value}\n id={visible ? lb.optId(opt.value) : undefined}\n data-idx={visible ? i : undefined}\n className=\"select__option\"\n role=\"option\"\n aria-selected={isSel}\n aria-hidden={!visible || undefined}\n aria-disabled={opt.disabled || undefined}\n data-selected={isSel ? 'true' : undefined}\n data-active={visible && i === lb.activeIdx ? 'true' : undefined}\n data-disabled={opt.disabled ? 'true' : undefined}\n onMouseEnter={() => visible && !opt.disabled && lb.setActiveIdx(i)}\n onMouseDown={(e) => e.preventDefault()}\n onClick={() => visible && lb.commit(opt)}\n data-size={size}\n >\n {opt.icon && (\n <span className=\"select__option-icon\">\n <IconSlot size=\"sm\">{opt.icon}</IconSlot>\n </span>\n )}\n <span className=\"select__option-text\">\n <span className=\"select__option-label\">{opt.label}</span>\n {opt.description && <span className=\"select__option-desc\">{opt.description}</span>}\n </span>\n {check(isSel) ? <span className=\"select__option-check\">{check(isSel)}</span> : null}\n </div>\n );\n return searchable ? (\n <Collapse key={opt.value} open={visible} fade>\n {row}\n </Collapse>\n ) : (\n row\n );\n })}\n </div>\n ))}\n {lb.navItems.length === 0 && <EmptyRow query={lb.query} />}\n </Fragment>\n )}\n </div>\n </SelectMenu>\n );\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/primitives/button/Button.tsx"],"names":[],"mappings":";;;;AA+CO,SAAS,MAAA,CAAO;AAAA,EACrB,OAAA,GAAU,SAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,IAAA,GAAO,QAAA;AAAA,EACP,QAAA,GAAW,KAAA;AAAA,EACX,OAAA,GAAU,KAAA;AAAA,EACV,QAAA,GAAW,IAAA;AAAA,EACX,SAAA,GAAY,IAAA;AAAA,EACZ,SAAA,GAAY,KAAA;AAAA,EACZ,SAAA,GAAY,EAAA;AAAA,EACZ,KAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAgB;AACd,EAAA,MAAM,GAAA,GAAM,EAAA;AAAA,IACV,KAAA;AAAA,IACA,OAAA,KAAY,UAAA,IAAc,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAA;AAAA,IACzC,IAAA,KAAS,IAAA,IAAQ,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAA;AAAA,IAC7B,SAAA,IAAa,YAAA;AAAA,IACb,OAAA,IAAW,YAAA;AAAA,IACX;AAAA,GACF;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA,EAAW,GAAA;AAAA,MACX,KAAA;AAAA,MACA,UAAU,QAAA,IAAY,OAAA;AAAA,MACtB,aAAW,OAAA,IAAW,MAAA;AAAA,MACtB,OAAA;AAAA,MACA,aAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACH,GAAG,SAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA,uBACE,MAAA,EAAA,EAAK,SAAA,EAAU,aAAY,aAAA,EAAY,MAAA,EACrC,oBACH,CAAA,GACE,IAAA;AAAA,wBACJ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAc,QAAA,EAAS,CAAA;AAAA,QACtC,SAAA,uBACE,MAAA,EAAA,EAAK,SAAA,EAAU,aAAY,aAAA,EAAY,MAAA,EACrC,qBACH,CAAA,GACE,IAAA;AAAA,QACH,0BAAU,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,cAAA,EAAe,aAAA,EAAY,QAAO,CAAA,GAAK;AAAA;AAAA;AAAA,GACpE;AAEJ","file":"chunk-U5QQZC3U.js","sourcesContent":["'use client';\n\nimport './button.css';\nimport type { ButtonHTMLAttributes, CSSProperties, ReactNode, Ref } from 'react';\nimport type { DataAttributes } from '../../../dom-props';\nimport { cx } from '../../internal/utils/cx';\n\ninterface ButtonOwnProps {\n /** Visual weight / intent. `unstyled` emits base chrome only (sizing, focus ring,\n * layout) with no skin - for local re-skins via `className`, e.g. Alert's tone action. @default 'primary' */\n variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'link' | 'unstyled';\n /** Forwarded to the underlying <button> (React 19 ref-as-prop). */\n ref?: Ref<HTMLButtonElement>;\n /** Control height. sm 28px - md 36px (default) - lg 40px. @default 'md' */\n size?: 'sm' | 'md' | 'lg' | 'icon';\n /** `submit` / `reset` / `button`. @default 'button' */\n type?: 'button' | 'submit' | 'reset';\n /** Disable the control (also implied by `loading`). */\n disabled?: boolean;\n /** Loading - swaps content for a spinner and makes the button inert. */\n loading?: boolean;\n /** Leading icon node (e.g. a 16px <Icon>). Sized & aligned by the component. */\n iconLeft?: ReactNode;\n /** Trailing icon node. */\n iconRight?: ReactNode;\n /** Stretch to fill the container width. */\n fullWidth?: boolean;\n /** Extra class(es) merged onto the button. */\n className?: string;\n /** Inline styles merged onto the button. */\n style?: CSSProperties;\n /** Button label. */\n children?: ReactNode;\n /** Click handler */\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n /** Pointer handler */\n onPointerDown?: React.PointerEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonRestProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof ButtonOwnProps> & DataAttributes;\n\nexport interface ButtonProps extends ButtonOwnProps, ButtonRestProps {\n /** Standard <button> attributes (onClick, name, form, aria-*, data-*, ...) forwarded verbatim.\n * Bare `<button>` attributes also pass through directly; `htmlProps` wins on conflict. */\n htmlProps?: ButtonRestProps;\n}\n\nexport function Button({\n variant = 'primary',\n size = 'md',\n type = 'button',\n disabled = false,\n loading = false,\n iconLeft = null,\n iconRight = null,\n fullWidth = false,\n className = '',\n style,\n children,\n onClick,\n ref,\n onPointerDown,\n htmlProps,\n ...rest\n}: ButtonProps) {\n const cls = cx(\n 'btn',\n variant !== 'unstyled' && `btn--${variant}`,\n size !== 'md' && `btn--${size}`,\n fullWidth && 'btn--block',\n loading && 'is-loading',\n className,\n );\n\n return (\n <button\n type={type}\n ref={ref}\n className={cls}\n style={style}\n disabled={disabled || loading}\n aria-busy={loading || undefined}\n onClick={onClick}\n onPointerDown={onPointerDown}\n {...rest}\n {...htmlProps}\n >\n {iconLeft ? (\n <span className=\"btn__icon\" aria-hidden=\"true\">\n {iconLeft}\n </span>\n ) : null}\n <span className=\"btn__label\">{children}</span>\n {iconRight ? (\n <span className=\"btn__icon\" aria-hidden=\"true\">\n {iconRight}\n </span>\n ) : null}\n {loading ? <span className=\"btn__spinner\" aria-hidden=\"true\" /> : null}\n </button>\n );\n}\n"]}