@linyao.tw/ui 0.0.0-snapshot.07df57

package/dist/components/selection/select.js

@@ -0,0 +1,138 @@
+import e from "./selection.module.js";
+import { combineStateClassNames as t, mergeStateClassName as n } from "./classnames.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { CheckIcon as o } from "@phosphor-icons/react/dist/csr/Check";
+import { CaretDownIcon as s } from "@phosphor-icons/react/dist/csr/CaretDown";
+import { Select as c } from "@base-ui/react/select";
+//#region src/components/selection/select.tsx
+var l = r(function({ className: t, ...r }, a) {
+	return /* @__PURE__ */ i(c.Trigger, {
+		...r,
+		className: n(e.selectTrigger, t),
+		ref: a
+	});
+}), u = r(function({ className: t, ...r }, a) {
+	return /* @__PURE__ */ i(c.Value, {
+		...r,
+		className: n(e.selectValue, t),
+		ref: a
+	});
+}), d = r(function({ className: t, ...r }, a) {
+	return /* @__PURE__ */ i(c.Positioner, {
+		...r,
+		className: n(e.positioner, t),
+		ref: a
+	});
+}), f = r(function({ className: t, ...r }, a) {
+	return /* @__PURE__ */ i(c.Popup, {
+		...r,
+		className: n(e.popup, t),
+		ref: a
+	});
+}), p = r(function({ className: t, ...r }, a) {
+	return /* @__PURE__ */ i(c.List, {
+		...r,
+		className: n(e.optionList, t),
+		ref: a
+	});
+}), m = r(function({ className: t, ...r }, a) {
+	return /* @__PURE__ */ i(c.Item, {
+		...r,
+		className: n(e.option, t),
+		ref: a
+	});
+}), h = r(function({ className: t, ...r }, a) {
+	return /* @__PURE__ */ i(c.ItemIndicator, {
+		...r,
+		className: n(e.optionIndicator, t),
+		ref: a
+	});
+}), g = r(function({ className: t, ...r }, a) {
+	return /* @__PURE__ */ i(c.ItemText, {
+		...r,
+		className: n(e.optionText, t),
+		ref: a
+	});
+}), _ = r(function({ className: t, ...r }, a) {
+	return /* @__PURE__ */ i(c.GroupLabel, {
+		...r,
+		className: n(e.groupLabel, t),
+		ref: a
+	});
+}), v = r(function({ className: t, ...r }, a) {
+	return /* @__PURE__ */ i(c.Separator, {
+		...r,
+		className: n(e.separator, t),
+		ref: a
+	});
+});
+function y({ "aria-describedby": n, "aria-label": r, "aria-labelledby": _, className: v, invalid: y = !1, options: b, placeholder: x = "請選擇", popupProps: S, positionerProps: C, triggerProps: w, ...T }) {
+	let E = b.map((e) => ({
+		label: e.label,
+		value: e.value
+	}));
+	return /* @__PURE__ */ a(c.Root, {
+		...T,
+		items: E,
+		children: [/* @__PURE__ */ a(l, {
+			...w,
+			"aria-describedby": n ?? w?.["aria-describedby"],
+			"aria-invalid": y || w?.["aria-invalid"] || void 0,
+			"aria-label": r ?? w?.["aria-label"],
+			"aria-labelledby": _ ?? w?.["aria-labelledby"],
+			className: t(v, w?.className),
+			children: [/* @__PURE__ */ i(u, { placeholder: x }), /* @__PURE__ */ i(c.Icon, {
+				"aria-hidden": "true",
+				className: e.selectIcon,
+				children: /* @__PURE__ */ i(s, {
+					"aria-hidden": "true",
+					weight: "bold"
+				})
+			})]
+		}), /* @__PURE__ */ i(c.Portal, { children: /* @__PURE__ */ i(d, {
+			alignItemWithTrigger: !1,
+			...C,
+			children: /* @__PURE__ */ i(f, {
+				...S,
+				children: /* @__PURE__ */ i(p, { children: b.map((t, n) => /* @__PURE__ */ a(m, {
+					disabled: t.disabled,
+					label: t.textValue,
+					value: t.value,
+					children: [/* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(o, {
+						"aria-hidden": "true",
+						weight: "bold"
+					}) }), /* @__PURE__ */ a(g, { children: [/* @__PURE__ */ i("span", { children: t.label }), t.description ? /* @__PURE__ */ i("span", {
+						className: e.optionDescription,
+						children: t.description
+					}) : null] })]
+				}, t.key ?? t.textValue ?? n)) })
+			})
+		}) })]
+	});
+}
+var b = Object.assign(y, {
+	Arrow: c.Arrow,
+	Backdrop: c.Backdrop,
+	Group: c.Group,
+	GroupLabel: _,
+	Icon: c.Icon,
+	Item: m,
+	ItemIndicator: h,
+	ItemText: g,
+	Label: c.Label,
+	List: p,
+	Popup: f,
+	Portal: c.Portal,
+	Positioner: d,
+	Root: c.Root,
+	ScrollDownArrow: c.ScrollDownArrow,
+	ScrollUpArrow: c.ScrollUpArrow,
+	Separator: v,
+	Trigger: l,
+	Value: u
+});
+//#endregion
+export { b as Select, _ as SelectGroupLabel, m as SelectItem, h as SelectItemIndicator, g as SelectItemText, p as SelectList, f as SelectPopup, d as SelectPositioner, v as SelectSeparator, l as SelectTrigger, u as SelectValue };
+
+//# sourceMappingURL=select.js.map

package/dist/components/selection/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","names":[],"sources":["../../../src/components/selection/select.tsx"],"sourcesContent":["import {\n\tSelect as BaseSelect,\n\ttype SelectGroupLabelProps,\n\ttype SelectItemIndicatorProps,\n\ttype SelectItemProps,\n\ttype SelectItemTextProps,\n\ttype SelectListProps,\n\ttype SelectPopupProps,\n\ttype SelectPositionerProps,\n\ttype SelectRootProps,\n\ttype SelectSeparatorProps,\n\ttype SelectTriggerProps,\n\ttype SelectValueProps\n} from \"@base-ui/react/select\";\nimport { CaretDownIcon } from \"@phosphor-icons/react/dist/csr/CaretDown\";\nimport { CheckIcon } from \"@phosphor-icons/react/dist/csr/Check\";\nimport { forwardRef, type Key, type ReactNode } from \"react\";\n\nimport { combineStateClassNames, mergeStateClassName } from \"./classnames\";\nimport styles from \"./selection.module.css\";\n\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(function SelectTrigger({ className, ...props }, ref) {\n\treturn <BaseSelect.Trigger {...props} className={mergeStateClassName(styles.selectTrigger, className)} ref={ref} />;\n});\n\nexport const SelectValue = forwardRef<HTMLSpanElement, SelectValueProps>(function SelectValue({ className, ...props }, ref) {\n\treturn <BaseSelect.Value {...props} className={mergeStateClassName(styles.selectValue, className)} ref={ref} />;\n});\n\nexport const SelectPositioner = forwardRef<HTMLDivElement, SelectPositionerProps>(function SelectPositioner({ className, ...props }, ref) {\n\treturn <BaseSelect.Positioner {...props} className={mergeStateClassName(styles.positioner, className)} ref={ref} />;\n});\n\nexport const SelectPopup = forwardRef<HTMLDivElement, SelectPopupProps>(function SelectPopup({ className, ...props }, ref) {\n\treturn <BaseSelect.Popup {...props} className={mergeStateClassName(styles.popup, className)} ref={ref} />;\n});\n\nexport const SelectList = forwardRef<HTMLDivElement, SelectListProps>(function SelectList({ className, ...props }, ref) {\n\treturn <BaseSelect.List {...props} className={mergeStateClassName(styles.optionList, className)} ref={ref} />;\n});\n\nexport const SelectItem = forwardRef<HTMLElement, SelectItemProps>(function SelectItem({ className, ...props }, ref) {\n\treturn <BaseSelect.Item {...props} className={mergeStateClassName(styles.option, className)} ref={ref} />;\n});\n\nexport const SelectItemIndicator = forwardRef<HTMLSpanElement, SelectItemIndicatorProps>(function SelectItemIndicator({ className, ...props }, ref) {\n\treturn <BaseSelect.ItemIndicator {...props} className={mergeStateClassName(styles.optionIndicator, className)} ref={ref} />;\n});\n\nexport const SelectItemText = forwardRef<HTMLDivElement, SelectItemTextProps>(function SelectItemText({ className, ...props }, ref) {\n\treturn <BaseSelect.ItemText {...props} className={mergeStateClassName(styles.optionText, className)} ref={ref} />;\n});\n\nexport const SelectGroupLabel = forwardRef<HTMLDivElement, SelectGroupLabelProps>(function SelectGroupLabel({ className, ...props }, ref) {\n\treturn <BaseSelect.GroupLabel {...props} className={mergeStateClassName(styles.groupLabel, className)} ref={ref} />;\n});\n\nexport const SelectSeparator = forwardRef<HTMLDivElement, SelectSeparatorProps>(function SelectSeparator({ className, ...props }, ref) {\n\treturn <BaseSelect.Separator {...props} className={mergeStateClassName(styles.separator, className)} ref={ref} />;\n});\n\nexport interface SelectOption<Value> {\n\tdescription?: ReactNode;\n\tdisabled?: boolean;\n\tkey?: Key;\n\tlabel: ReactNode;\n\ttextValue?: string;\n\tvalue: Value;\n}\n\nexport interface SelectProps<Value> extends Omit<SelectRootProps<Value, false>, \"children\" | \"items\" | \"multiple\"> {\n\t\"aria-describedby\"?: string;\n\t\"aria-label\"?: string;\n\t\"aria-labelledby\"?: string;\n\tclassName?: string;\n\tinvalid?: boolean;\n\toptions: readonly SelectOption<Value>[];\n\tplaceholder?: ReactNode;\n\tpopupProps?: SelectPopupProps;\n\tpositionerProps?: SelectPositionerProps;\n\ttriggerProps?: Omit<SelectTriggerProps, \"children\">;\n}\n\nfunction SelectComponent<Value>({\n\t\"aria-describedby\": ariaDescribedby,\n\t\"aria-label\": ariaLabel,\n\t\"aria-labelledby\": ariaLabelledby,\n\tclassName,\n\tinvalid = false,\n\toptions,\n\tplaceholder = \"請選擇\",\n\tpopupProps,\n\tpositionerProps,\n\ttriggerProps,\n\t...rootProps\n}: SelectProps<Value>) {\n\tconst items = options.map(option => ({ label: option.label, value: option.value }));\n\n\treturn (\n\t\t<BaseSelect.Root {...rootProps} items={items}>\n\t\t\t<SelectTrigger\n\t\t\t\t{...triggerProps}\n\t\t\t\taria-describedby={ariaDescribedby ?? triggerProps?.[\"aria-describedby\"]}\n\t\t\t\taria-invalid={invalid || triggerProps?.[\"aria-invalid\"] || undefined}\n\t\t\t\taria-label={ariaLabel ?? triggerProps?.[\"aria-label\"]}\n\t\t\t\taria-labelledby={ariaLabelledby ?? triggerProps?.[\"aria-labelledby\"]}\n\t\t\t\tclassName={combineStateClassNames(className, triggerProps?.className)}\n\t\t\t>\n\t\t\t\t<SelectValue placeholder={placeholder} />\n\t\t\t\t<BaseSelect.Icon aria-hidden=\"true\" className={styles.selectIcon}>\n\t\t\t\t\t<CaretDownIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t\t</BaseSelect.Icon>\n\t\t\t</SelectTrigger>\n\t\t\t<BaseSelect.Portal>\n\t\t\t\t<SelectPositioner alignItemWithTrigger={false} {...positionerProps}>\n\t\t\t\t\t<SelectPopup {...popupProps}>\n\t\t\t\t\t\t<SelectList>\n\t\t\t\t\t\t\t{options.map((option, index) => (\n\t\t\t\t\t\t\t\t<SelectItem disabled={option.disabled} key={option.key ?? option.textValue ?? index} label={option.textValue} value={option.value}>\n\t\t\t\t\t\t\t\t\t<SelectItemIndicator>\n\t\t\t\t\t\t\t\t\t\t<CheckIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t\t\t\t\t\t\t</SelectItemIndicator>\n\t\t\t\t\t\t\t\t\t<SelectItemText>\n\t\t\t\t\t\t\t\t\t\t<span>{option.label}</span>\n\t\t\t\t\t\t\t\t\t\t{option.description ? <span className={styles.optionDescription}>{option.description}</span> : null}\n\t\t\t\t\t\t\t\t\t</SelectItemText>\n\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</SelectList>\n\t\t\t\t\t</SelectPopup>\n\t\t\t\t</SelectPositioner>\n\t\t\t</BaseSelect.Portal>\n\t\t</BaseSelect.Root>\n\t);\n}\n\nexport const Select = Object.assign(SelectComponent, {\n\tArrow: BaseSelect.Arrow,\n\tBackdrop: BaseSelect.Backdrop,\n\tGroup: BaseSelect.Group,\n\tGroupLabel: SelectGroupLabel,\n\tIcon: BaseSelect.Icon,\n\tItem: SelectItem,\n\tItemIndicator: SelectItemIndicator,\n\tItemText: SelectItemText,\n\tLabel: BaseSelect.Label,\n\tList: SelectList,\n\tPopup: SelectPopup,\n\tPortal: BaseSelect.Portal,\n\tPositioner: SelectPositioner,\n\tRoot: BaseSelect.Root,\n\tScrollDownArrow: BaseSelect.ScrollDownArrow,\n\tScrollUpArrow: BaseSelect.ScrollUpArrow,\n\tSeparator: SelectSeparator,\n\tTrigger: SelectTrigger,\n\tValue: SelectValue\n});\n"],"mappings":"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"}

package/dist/components/selection/selection.module.js

@@ -0,0 +1,51 @@
+//#region src/components/selection/selection.module.css
+var e = "_checkbox_1m4md_1", t = "_radio_1m4md_2", n = "_toggle_1m4md_4", r = "_selectTrigger_1m4md_5", i = "_comboboxTrigger_1m4md_6", a = "_comboboxClear_1m4md_7", o = "_menuTrigger_1m4md_8", s = "_menuItem_1m4md_9", c = "_comboboxInput_1m4md_69", l = "_contextTrigger_1m4md_74", u = "_sliderThumb_1m4md_75", d = "_choiceGroup_1m4md_84", f = "_slider_1m4md_75", p = "_segmentedControl_1m4md_86", m = "_switchThumb_1m4md_104", h = "_checkboxIndicator_1m4md_114", g = "_choiceLabel_1m4md_144", _ = "_choiceCopy_1m4md_157", v = "_choiceTitle_1m4md_162", y = "_choiceDescription_1m4md_168", b = "_radioIndicator_1m4md_177", x = "_switchSignal_1m4md_224", S = "_sliderValue_1m4md_259", C = "_sliderControl_1m4md_266", w = "_sliderTrack_1m4md_280", T = "_sliderIndicator_1m4md_294", E = "_toggleQuiet_1m4md_358", D = "_toggleGroup_1m4md_366", O = "_comboboxInputGroup_1m4md_473", k = "_selectValue_1m4md_525", A = "_selectIcon_1m4md_530", j = "_optionIndicator_1m4md_544", M = "_menuItemIndicator_1m4md_545", N = "_positioner_1m4md_598", P = "_popup_1m4md_603", F = "_menuPopup_1m4md_604", I = "_optionList_1m4md_628", L = "_option_1m4md_544", R = "_optionText_1m4md_686", z = "_optionDescription_1m4md_692", B = "_emptyOption_1m4md_693", V = "_groupLabel_1m4md_704", H = "_separator_1m4md_711", U = {
+	checkbox: e,
+	radio: t,
+	switch: "_switch_1m4md_3",
+	toggle: n,
+	selectTrigger: r,
+	comboboxTrigger: i,
+	comboboxClear: a,
+	menuTrigger: o,
+	menuItem: s,
+	comboboxInput: c,
+	contextTrigger: l,
+	sliderThumb: u,
+	choiceGroup: d,
+	slider: f,
+	segmentedControl: p,
+	switchThumb: m,
+	checkboxIndicator: h,
+	choiceLabel: g,
+	choiceCopy: _,
+	choiceTitle: v,
+	choiceDescription: y,
+	radioIndicator: b,
+	switchSignal: x,
+	sliderValue: S,
+	sliderControl: C,
+	sliderTrack: w,
+	sliderIndicator: T,
+	toggleQuiet: E,
+	toggleGroup: D,
+	comboboxInputGroup: O,
+	selectValue: k,
+	selectIcon: A,
+	optionIndicator: j,
+	menuItemIndicator: M,
+	positioner: N,
+	popup: P,
+	menuPopup: F,
+	optionList: I,
+	option: L,
+	optionText: R,
+	optionDescription: z,
+	emptyOption: B,
+	groupLabel: V,
+	separator: H
+};
+//#endregion
+export { e as checkbox, h as checkboxIndicator, _ as choiceCopy, y as choiceDescription, d as choiceGroup, g as choiceLabel, v as choiceTitle, a as comboboxClear, c as comboboxInput, O as comboboxInputGroup, i as comboboxTrigger, l as contextTrigger, U as default, B as emptyOption, V as groupLabel, s as menuItem, M as menuItemIndicator, F as menuPopup, o as menuTrigger, L as option, z as optionDescription, j as optionIndicator, I as optionList, R as optionText, P as popup, N as positioner, t as radio, b as radioIndicator, p as segmentedControl, A as selectIcon, r as selectTrigger, k as selectValue, H as separator, f as slider, C as sliderControl, T as sliderIndicator, u as sliderThumb, w as sliderTrack, S as sliderValue, x as switchSignal, m as switchThumb, n as toggle, D as toggleGroup, E as toggleQuiet };
+
+//# sourceMappingURL=selection.module.js.map

package/dist/components/selection/selection.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.module.js","names":[],"sources":["../../../src/components/selection/selection.module.css"],"sourcesContent":[".checkbox,\n.radio,\n.switch,\n.toggle,\n.selectTrigger,\n.comboboxTrigger,\n.comboboxClear,\n.menuTrigger,\n.menuItem {\n\t-webkit-tap-highlight-color: var(--background-transparent);\n}\n\n.checkbox,\n.radio {\n\tposition: relative;\n\tdisplay: inline-grid;\n\tplace-items: center;\n\tflex: 0 0 auto;\n\twidth: 1.5rem;\n\theight: 1.5rem;\n\tpadding: 0.0625rem;\n\tcolor: var(--control-on-primary);\n\tbackground: var(--control-track);\n\tbackground-clip: content-box;\n\tborder: 0;\n\tcursor: pointer;\n\ttransition:\n\t\tbackground-color var(--motion-duration-fast) var(--motion-ease-out),\n\t\ttransform var(--motion-duration-fast) var(--motion-ease-snap);\n}\n\n.checkbox {\n\tborder-radius: 0.25rem;\n}\n\n.checkbox:hover:not([data-disabled]):not([data-readonly]),\n.radio:hover:not([data-disabled]):not([data-readonly]) {\n\tbackground-color: var(--control-border-hover);\n}\n\n.checkbox[data-checked],\n.checkbox[data-indeterminate],\n.radio[data-checked] {\n\tbackground-color: var(--control-primary);\n}\n\n.checkbox[data-checked]:hover:not([data-disabled]):not([data-readonly]),\n.checkbox[data-indeterminate]:hover:not([data-disabled]):not([data-readonly]),\n.radio[data-checked]:hover:not([data-disabled]):not([data-readonly]) {\n\tbackground-color: var(--control-primary-hover);\n}\n\n.checkbox[data-checked]:active:not([data-disabled]):not([data-readonly]),\n.checkbox[data-indeterminate]:active:not([data-disabled]):not([data-readonly]),\n.radio[data-checked]:active:not([data-disabled]):not([data-readonly]) {\n\tbackground-color: var(--control-primary-pressed);\n}\n\n.checkbox:active:not([data-disabled]):not([data-readonly]),\n.radio:active:not([data-disabled]):not([data-readonly]) {\n\ttransform: scale(var(--motion-press-scale));\n}\n\n.checkbox:focus-visible,\n.radio:focus-visible,\n.switch:focus-visible,\n.toggle:focus-visible,\n.selectTrigger:focus-visible,\n.comboboxInput:focus-visible,\n.comboboxTrigger:focus-visible,\n.comboboxClear:focus-visible,\n.menuTrigger:focus-visible,\n.menuItem:focus-visible,\n.contextTrigger:focus-visible,\n.sliderThumb:has(input:focus-visible) {\n\toutline: 0.125rem solid var(--focus-ring);\n\toutline-offset: 0.125rem;\n}\n\n.checkbox[data-disabled],\n.radio[data-disabled],\n.switch[data-disabled],\n.toggle[data-disabled],\n.choiceGroup[data-disabled],\n.slider[data-disabled],\n.segmentedControl[data-disabled] {\n\tcursor: not-allowed;\n}\n\n.checkbox[data-disabled],\n.radio[data-disabled],\n.switch[data-disabled] {\n\tbackground: var(--control-surface-disabled);\n\tcolor: var(--text-disabled);\n}\n\n.checkbox[data-disabled][data-checked],\n.checkbox[data-disabled][data-indeterminate],\n.radio[data-disabled][data-checked],\n.switch[data-disabled][data-checked] {\n\tbackground: var(--control-primary-disabled);\n}\n\n.switch[data-disabled] .switchThumb {\n\topacity: 0.7;\n}\n\n.checkbox[data-readonly],\n.radio[data-readonly],\n.switch[data-readonly] {\n\tcursor: default;\n}\n\n.checkboxIndicator {\n\tdisplay: grid;\n\tplace-items: center;\n\twidth: 100%;\n\theight: 100%;\n\topacity: 0;\n\ttransform: scale(0.72);\n\ttransition:\n\t\topacity var(--motion-duration-fast) var(--motion-ease-out),\n\t\ttransform var(--motion-duration-fast) var(--motion-ease-snap);\n}\n\n.checkboxIndicator[data-checked],\n.checkboxIndicator[data-indeterminate] {\n\topacity: 1;\n\ttransform: scale(1);\n}\n\n.checkboxIndicator svg {\n\twidth: var(--icon-size-sm);\n\theight: var(--icon-size-sm);\n}\n\n.choiceGroup {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--space-2);\n\tcolor: var(--text-main);\n}\n\n.choiceLabel {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: var(--space-3);\n\tmin-height: var(--control-target-min);\n\tpadding-block: var(--space-2);\n\tcursor: pointer;\n}\n\n.choiceLabel:has([data-disabled]) {\n\tcursor: not-allowed;\n}\n\n.choiceCopy {\n\tdisplay: grid;\n\tgap: var(--space-1);\n}\n\n.choiceTitle {\n\tfont: var(--font-weight-medium) var(--font-size-sm) / var(--line-height-body) var(--font-family-sans);\n\tletter-spacing: var(--letter-spacing-body);\n\tcolor: var(--text-title);\n}\n\n.choiceDescription {\n\tfont: var(--font-weight-regular) var(--font-size-xs) / var(--line-height-body) var(--font-family-sans);\n\tcolor: var(--text-secondary);\n}\n\n.radio {\n\tborder-radius: var(--radius-round);\n}\n\n.radioIndicator {\n\twidth: 0.5rem;\n\theight: 0.5rem;\n\tbackground: var(--control-on-primary);\n\tborder-radius: var(--radius-round);\n\topacity: 0;\n\ttransform: scale(0.4);\n\ttransition:\n\t\topacity var(--motion-duration-fast) var(--motion-ease-out),\n\t\ttransform var(--motion-duration-fast) var(--motion-ease-snap);\n}\n\n.radioIndicator[data-checked] {\n\topacity: 1;\n\ttransform: scale(1);\n}\n\n.switch {\n\tposition: relative;\n\tdisplay: inline-flex;\n\talign-items: center;\n\twidth: 3.25rem;\n\theight: 1.875rem;\n\tpadding: 0.0625rem;\n\tbackground: var(--control-track);\n\tborder: 0;\n\tborder-radius: var(--radius-round);\n\tcursor: pointer;\n\ttransition: background-color var(--motion-duration-normal) var(--motion-ease-out);\n}\n\n.switch:hover:not([data-disabled]):not([data-readonly]) {\n\tbackground: var(--control-border-hover);\n}\n\n.switch[data-checked] {\n\tbackground: var(--control-primary);\n}\n\n.switch[data-checked]:hover:not([data-disabled]):not([data-readonly]) {\n\tbackground: var(--control-primary-hover);\n}\n\n.switch[data-checked]:active:not([data-disabled]):not([data-readonly]) {\n\tbackground: var(--control-primary-pressed);\n}\n\n.switchSignal {\n\tdisplay: none;\n}\n\n.switchThumb {\n\twidth: 1.75rem;\n\theight: 1.75rem;\n\tbackground: var(--control-knob);\n\tborder: 0;\n\tborder-radius: var(--radius-round);\n\tbox-shadow: var(--shadow-switch-knob);\n\ttransition:\n\t\ttranslate var(--motion-duration-normal) var(--motion-ease-snap),\n\t\tbackground-color var(--motion-duration-fast) var(--motion-ease-out);\n}\n\n.switch[data-checked] .switchThumb {\n\ttranslate: 1.375rem 0;\n}\n\n.slider {\n\tdisplay: grid;\n\tgap: var(--space-2);\n\twidth: 100%;\n\tmin-width: 10rem;\n\ttouch-action: none;\n\tuser-select: none;\n}\n\n.slider[data-orientation=\"vertical\"] {\n\twidth: auto;\n\tmin-width: 0;\n\theight: 10rem;\n}\n\n.sliderValue {\n\tjustify-self: end;\n\tfont: var(--font-weight-medium) var(--font-size-xs) / 1 var(--font-family-mono);\n\tfont-variant-numeric: tabular-nums;\n\tcolor: var(--text-secondary);\n}\n\n.sliderControl {\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\theight: var(--control-target-min);\n\tcursor: pointer;\n}\n\n.sliderControl[data-orientation=\"vertical\"] {\n\tjustify-content: center;\n\twidth: var(--control-target-min);\n\theight: 100%;\n}\n\n.sliderTrack {\n\tposition: relative;\n\twidth: 100%;\n\theight: 0.25rem;\n\tbackground: var(--control-border-hover);\n\tborder: 0;\n\tborder-radius: var(--radius-round);\n}\n\n.sliderTrack[data-orientation=\"vertical\"] {\n\twidth: 0.25rem;\n\theight: 100%;\n}\n\n.sliderIndicator {\n\tbackground: var(--control-selected);\n\tborder-radius: inherit;\n}\n\n.sliderThumb {\n\twidth: 1.5rem;\n\theight: 1.5rem;\n\tbackground: var(--control-knob);\n\tborder: 0;\n\tborder-radius: var(--radius-round);\n\tbox-shadow: var(--shadow-low);\n\tcursor: grab;\n\ttransition:\n\t\tbox-shadow var(--motion-duration-fast) var(--motion-ease-out),\n\t\ttransform var(--motion-duration-fast) var(--motion-ease-out);\n}\n\n.sliderThumb:hover:not([data-disabled]) {\n\tbox-shadow: var(--shadow-medium);\n}\n\n.sliderThumb[data-dragging] {\n\tcursor: grabbing;\n\ttransform: scale(1.04);\n}\n\n.toggle,\n.menuTrigger {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: var(--space-2);\n\tmin-height: var(--control-height-md);\n\tpadding-inline: var(--space-3);\n\tfont: var(--font-weight-medium) var(--font-size-sm) / 1 var(--font-family-sans);\n\tletter-spacing: var(--letter-spacing-body);\n\tcolor: var(--text-main);\n\tbackground: var(--control-secondary);\n\tborder: 0;\n\tborder-radius: var(--radius-md);\n\tcursor: pointer;\n\ttransition:\n\t\tbackground-color var(--motion-duration-fast) var(--motion-ease-out),\n\t\tcolor var(--motion-duration-fast) var(--motion-ease-out),\n\t\ttransform var(--motion-duration-fast) var(--motion-ease-out);\n}\n\n.toggle:hover:not([data-disabled]),\n.menuTrigger:hover:not([data-disabled]) {\n\tbackground: var(--control-secondary-hover);\n}\n\n.toggle:active:not([data-disabled]),\n.menuTrigger:active:not([data-disabled]) {\n\tbackground: var(--control-secondary-pressed);\n\ttransform: scale(var(--motion-press-scale));\n}\n\n.toggle[data-pressed] {\n\tcolor: var(--text-accent);\n\tbackground: var(--control-selected-muted);\n}\n\n.toggleQuiet {\n\tbackground: var(--background-transparent);\n}\n\n.toggleQuiet:hover:not([data-disabled]) {\n\tbackground: var(--control-secondary-hover);\n}\n\n.toggleGroup,\n.segmentedControl {\n\tdisplay: inline-flex;\n\talign-items: stretch;\n}\n\n.toggleGroup {\n\tgap: var(--space-1);\n}\n\n.toggleGroup[data-orientation=\"vertical\"],\n.segmentedControl[data-orientation=\"vertical\"] {\n\tflex-direction: column;\n}\n\n.segmentedControl {\n\tjustify-self: start;\n\tinline-size: min(100%, 20.5rem);\n\tmax-width: 100%;\n\tmin-height: 3.5rem;\n\toverflow-x: auto;\n\tpadding: 1px;\n\tbackground: var(--control-quaternary);\n\tborder: 0;\n\tborder-radius: var(--radius-md);\n}\n\n.segmentedControl[data-size=\"sm\"] {\n\tmin-height: 2.5rem;\n}\n\n.segmentedControl > .toggle {\n\tposition: relative;\n\tflex: 1 1 0;\n\tmin-width: 3.375rem;\n\tmin-height: calc(3.5rem - 0.125rem);\n\tpadding-inline: var(--space-2);\n\tfont-size: var(--font-size-md);\n\tfont-weight: var(--font-weight-regular);\n\tletter-spacing: -0.02em;\n\tcolor: var(--text-secondary);\n\tbackground: var(--background-transparent);\n\tborder: 0;\n\tborder-radius: 0.6875rem;\n\tbox-shadow: var(--shadow-control-context);\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n\n.segmentedControl > .toggle + .toggle::before {\n\tposition: absolute;\n\tinset-block-start: 50%;\n\tinset-inline-start: -1px;\n\twidth: 1px;\n\theight: 2rem;\n\tbackground: var(--divider-main);\n\tcontent: \"\";\n\ttransform: translateY(-50%) scaleX(0.5);\n}\n\n.segmentedControl[data-size=\"sm\"] > .toggle {\n\tmin-height: calc(2.5rem - 0.125rem);\n\tfont-size: var(--font-size-sm);\n\tletter-spacing: -0.01em;\n}\n\n.segmentedControl > .toggle:hover:not([data-disabled]):not([data-pressed]) {\n\tcolor: var(--text-main);\n\tbackground: var(--control-secondary-hover);\n}\n\n.segmentedControl > .toggle:active:not([data-disabled]) {\n\ttransform: none;\n}\n\n.segmentedControl > .toggle[data-pressed] {\n\tfont-weight: var(--font-weight-semibold);\n\tcolor: var(--text-title);\n\tbackground: var(--control-surface-selected);\n\tbox-shadow: var(--shadow-floating-control);\n}\n\n.segmentedControl > .toggle[data-pressed]::before,\n.segmentedControl > .toggle[data-pressed] + .toggle::before {\n\topacity: 0;\n}\n\n.segmentedControl[data-orientation=\"vertical\"] {\n\tinline-size: auto;\n\tmin-height: 0;\n\toverflow: visible;\n}\n\n.segmentedControl[data-orientation=\"vertical\"] > .toggle {\n\tmin-height: var(--control-height-md);\n}\n\n.segmentedControl[data-orientation=\"vertical\"] > .toggle + .toggle::before {\n\tinset-block-start: -1px;\n\tinset-inline-start: 50%;\n\twidth: 2rem;\n\theight: 1px;\n\ttransform: translateX(-50%) scaleY(0.5);\n}\n\n.selectTrigger,\n.comboboxInputGroup {\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\tmin-width: 12rem;\n\tmin-height: var(--control-height-lg);\n\tcolor: var(--text-main);\n\tbackground: var(--background-elevated);\n\tborder: 1px solid var(--border-control);\n\tborder-radius: var(--radius-md);\n\ttransition:\n\t\tbackground-color var(--motion-duration-fast) var(--motion-ease-out),\n\t\tborder-color var(--motion-duration-fast) var(--motion-ease-out),\n\t\tbox-shadow var(--motion-duration-fast) var(--motion-ease-out);\n}\n\n.selectTrigger {\n\tjustify-content: space-between;\n\tgap: var(--space-3);\n\tpadding-inline: var(--space-4);\n\tfont: var(--font-weight-regular) var(--font-size-md) / var(--line-height-body) var(--font-family-sans);\n\tletter-spacing: var(--letter-spacing-body);\n\tcursor: pointer;\n}\n\n.selectTrigger:hover:not([data-disabled]),\n.comboboxInputGroup:hover:not([data-disabled]) {\n\tbackground: var(--control-surface-hover);\n\tborder-color: var(--divider-strong);\n}\n\n.selectTrigger[data-popup-open],\n.comboboxInputGroup[data-popup-open],\n.comboboxInputGroup:focus-within {\n\tborder-color: var(--border-control-focus);\n\tbox-shadow: 0 0 0 1px var(--border-control-focus);\n}\n\n.selectTrigger[aria-invalid=\"true\"],\n.comboboxInput[aria-invalid=\"true\"],\n.selectTrigger[data-invalid],\n.comboboxInputGroup[data-invalid] {\n\tborder-color: var(--border-invalid);\n}\n\n.selectTrigger[data-disabled],\n.comboboxInputGroup[data-disabled] {\n\tcolor: var(--text-disabled);\n\tbackground: var(--control-surface-disabled);\n\tcursor: not-allowed;\n}\n\n.selectValue[data-placeholder],\n.comboboxInput::placeholder {\n\tcolor: var(--control-placeholder);\n}\n\n.selectIcon {\n\tdisplay: inline-grid;\n\tplace-items: center;\n\twidth: var(--icon-size-sm);\n\theight: var(--icon-size-sm);\n\tcolor: var(--icon-secondary);\n\ttransition: transform var(--motion-duration-normal) var(--motion-ease-out);\n}\n\n.selectTrigger[data-popup-open] .selectIcon {\n\ttransform: rotate(180deg);\n}\n\n.selectIcon > svg,\n.optionIndicator > svg,\n.menuItemIndicator > svg {\n\twidth: 100%;\n\theight: 100%;\n}\n\n.comboboxInputGroup {\n\toverflow: hidden;\n}\n\n.comboboxInput {\n\tmin-width: 0;\n\tmin-height: calc(var(--control-height-lg) - 0.125rem);\n\tflex: 1;\n\tpadding-inline: var(--space-4);\n\tfont: var(--font-weight-regular) var(--font-size-md) / var(--line-height-body) var(--font-family-sans);\n\tletter-spacing: var(--letter-spacing-body);\n\tcolor: var(--text-main);\n\tbackground: var(--background-transparent);\n\tborder: 0;\n\toutline: 0;\n}\n\n.comboboxTrigger,\n.comboboxClear {\n\tdisplay: inline-grid;\n\tplace-items: center;\n\tflex: 0 0 auto;\n\twidth: var(--control-target-min);\n\tmin-height: calc(var(--control-height-lg) - 0.125rem);\n\tfont: var(--font-weight-medium) var(--font-size-md) / 1 var(--font-family-sans);\n\tcolor: var(--icon-secondary);\n\tbackground: var(--background-transparent);\n\tborder: 0;\n\tborder-inline-start: 1px solid var(--divider-subtle);\n\tcursor: pointer;\n}\n\n.comboboxTrigger:hover:not([data-disabled]),\n.comboboxClear:hover:not([data-disabled]) {\n\tcolor: var(--icon-main);\n\tbackground: var(--control-surface-hover);\n}\n\n.comboboxClear:not([data-visible]) {\n\tdisplay: none;\n}\n\n.comboboxTrigger > svg,\n.comboboxClear > svg {\n\twidth: var(--icon-size-sm);\n\theight: var(--icon-size-sm);\n}\n\n.positioner {\n\tz-index: var(--z-dropdown);\n\toutline: 0;\n}\n\n.popup,\n.menuPopup {\n\tmin-width: var(--anchor-width);\n\tmax-width: min(24rem, calc(100vw - var(--space-6)));\n\tmax-height: min(22rem, var(--available-height));\n\toverflow: hidden;\n\tcolor: var(--text-main);\n\tbackground: var(--background-elevated);\n\tborder: 0;\n\tborder-radius: var(--radius-md);\n\tbox-shadow: var(--shadow-medium);\n\ttransform-origin: var(--transform-origin);\n\ttransition:\n\t\topacity var(--motion-duration-fast) var(--motion-ease-out),\n\t\ttransform var(--motion-duration-fast) var(--motion-ease-out);\n}\n\n.popup[data-starting-style],\n.popup[data-ending-style],\n.menuPopup[data-starting-style],\n.menuPopup[data-ending-style] {\n\topacity: 0;\n\ttransform: translateY(calc(var(--motion-distance-sm) * -1)) scale(0.98);\n}\n\n.optionList {\n\tmax-height: inherit;\n\toverflow-y: auto;\n\toverscroll-behavior: contain;\n\tpadding: var(--space-1);\n\tscroll-padding-block: var(--space-1);\n}\n\n.option,\n.menuItem {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--space-2);\n\tmin-height: var(--control-target-min);\n\tpadding: var(--space-2) var(--space-3);\n\tfont: var(--font-weight-regular) var(--font-size-sm) / var(--line-height-body) var(--font-family-sans);\n\tletter-spacing: var(--letter-spacing-body);\n\tcolor: var(--text-main);\n\tbackground: var(--background-transparent);\n\tborder: 0;\n\tborder-radius: var(--radius-sm);\n\toutline: 0;\n\tcursor: pointer;\n\tuser-select: none;\n}\n\n.menuItem:not([data-disabled]) {\n\tcursor: pointer;\n}\n\n.option[data-highlighted],\n.menuItem[data-highlighted] {\n\tcolor: var(--text-title);\n\tbackground: var(--control-surface-hover);\n}\n\n.option[data-selected] {\n\tcolor: var(--text-title);\n\tbackground: var(--background-selected);\n}\n\n.option[data-disabled],\n.menuItem[data-disabled] {\n\tcolor: var(--text-disabled);\n\tcursor: not-allowed;\n}\n\n.optionIndicator,\n.menuItemIndicator {\n\tdisplay: inline-grid;\n\tplace-items: center;\n\tflex: 0 0 auto;\n\twidth: var(--icon-size-sm);\n\theight: var(--icon-size-sm);\n\tcolor: var(--icon-accent);\n}\n\n.optionText {\n\tdisplay: grid;\n\tflex: 1;\n\tgap: var(--space-1);\n}\n\n.optionDescription,\n.emptyOption {\n\tfont-size: var(--font-size-xs);\n\tcolor: var(--text-secondary);\n}\n\n.emptyOption {\n\tpadding: var(--space-4);\n\tfont-family: var(--font-family-sans);\n\ttext-align: center;\n}\n\n.groupLabel {\n\tpadding: var(--space-3) var(--space-3) var(--space-1);\n\tfont: var(--font-weight-medium) var(--font-size-xs) / var(--line-height-body) var(--font-family-sans);\n\tletter-spacing: var(--letter-spacing-body);\n\tcolor: var(--text-secondary);\n}\n\n.separator {\n\theight: 1px;\n\tmargin-block: var(--space-1);\n\tbackground: var(--divider-main);\n}\n\n.menuPopup {\n\tmin-width: 13rem;\n\tpadding: var(--space-1);\n}\n\n.menuPopup:focus-visible {\n\toutline: 0.125rem solid var(--focus-ring);\n\toutline-offset: 0.125rem;\n}\n\n.menuItemIndicator {\n\tmargin-inline-start: auto;\n}\n\n.contextTrigger {\n\tdisplay: block;\n\tborder: 1px solid var(--divider-main);\n\tborder-radius: var(--radius-md);\n\toutline: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n\t.checkbox,\n\t.checkboxIndicator,\n\t.radio,\n\t.radioIndicator,\n\t.switch,\n\t.switchThumb,\n\t.sliderThumb,\n\t.toggle,\n\t.menuTrigger,\n\t.selectTrigger,\n\t.selectIcon,\n\t.comboboxInputGroup,\n\t.popup,\n\t.menuPopup {\n\t\ttransition-duration: var(--motion-duration-instant);\n\t}\n}\n\n@media (forced-colors: active) {\n\t.checkbox,\n\t.radio,\n\t.switch,\n\t.sliderTrack,\n\t.sliderThumb,\n\t.toggle,\n\t.menuTrigger,\n\t.selectTrigger,\n\t.comboboxInputGroup,\n\t.popup,\n\t.menuPopup,\n\t.contextTrigger {\n\t\tborder: 1px solid CanvasText;\n\t}\n\n\t.checkbox[data-checked],\n\t.checkbox[data-indeterminate],\n\t.checkbox[data-checked]:hover,\n\t.checkbox[data-indeterminate]:hover,\n\t.checkbox[data-checked]:active,\n\t.checkbox[data-indeterminate]:active,\n\t.radio[data-checked],\n\t.radio[data-checked]:hover,\n\t.radio[data-checked]:active,\n\t.switch[data-checked],\n\t.switch[data-checked]:hover,\n\t.switch[data-checked]:active,\n\t.sliderIndicator,\n\t.toggle[data-pressed] {\n\t\tbackground: Highlight;\n\t\tcolor: HighlightText;\n\t}\n\n\t.switchThumb,\n\t.sliderThumb,\n\t.segmentedControl > .toggle[data-pressed] {\n\t\tbox-shadow: none;\n\t}\n}\n"],"mappings":""}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export * from './components/date-time/index.js';
+export * from './components/feedback/index.js';
+export * from './components/forms/index.js';
+export * from './components/foundations/index.js';
+export * from './components/navigation-data/index.js';
+export * from './components/overlays/index.js';
+export * from './components/selection/index.js';

package/dist/index.js

@@ -0,0 +1,52 @@
+/* empty css                               */
+/* empty css                       */
+/* empty css                                   */
+/* empty css                                           */
+/* empty css                             */
+/* empty css              */
+import { Calendar as e } from "./components/date-time/calendar.js";
+import { DateField as t } from "./components/date-time/date-field.js";
+import { DatePicker as n, DateTimePicker as r } from "./components/date-time/date-picker.js";
+import { DateRangePicker as i } from "./components/date-time/date-range-picker.js";
+import { TimeField as a, TimePicker as o } from "./components/date-time/time-field.js";
+import { CalendarDate as s, CalendarDateTime as c, Time as l, ZonedDateTime as u, getLocalTimeZone as d, now as f, parseAbsolute as p, parseAbsoluteToLocal as m, parseDate as h, parseDateTime as g, parseTime as _, parseZonedDateTime as v, today as y } from "./components/date-time/index.js";
+import { FEEDBACK_STATUSES as b } from "./components/feedback/feedback.types.js";
+import { Alert as x, AlertActions as S, AlertContent as C, AlertDescription as w, AlertTitle as T, AlertView as E } from "./components/feedback/alert.js";
+import { Banner as D } from "./components/feedback/banner.js";
+import { EmptyState as O } from "./components/feedback/empty-state.js";
+import { Meter as k } from "./components/feedback/meter.js";
+import { Progress as A } from "./components/feedback/progress.js";
+import { Skeleton as j } from "./components/feedback/skeleton.js";
+import { Loader as M, Spinner as N } from "./components/feedback/spinner.js";
+import { ToastProvider as P, ToastRoot as F, ToastViewport as I, createToastManager as L, useToastManager as R } from "./components/feedback/toast.js";
+import { CodeField as z } from "./components/forms/CodeField.js";
+import { Button as B } from "./components/foundations/Button.js";
+import { DropZone as V, FileUpload as H } from "./components/forms/FileUpload.js";
+import { Input as U } from "./components/forms/Input.js";
+import { NumberField as W } from "./components/forms/NumberField.js";
+import { OTPField as G } from "./components/forms/OTPField.js";
+import { PasswordField as K, PhoneField as q, SearchField as J, TextField as Y, TextView as X, Textarea as Z } from "./components/forms/TextField.js";
+import { Avatar as Q } from "./components/foundations/Avatar.js";
+import { Badge as $ } from "./components/foundations/Badge.js";
+import { Card as ee, CardBody as te, CardDescription as ne, CardFooter as re, CardHeader as ie, CardTitle as ae, CloudBox as oe } from "./components/foundations/Card.js";
+import { IconButton as se } from "./components/foundations/IconButton.js";
+import { Link as ce } from "./components/foundations/Link.js";
+import { ListCell as le, ListCellAction as ue, ListCellContent as de, ListCellDescription as fe, ListCellLeading as pe, ListCellMetadata as me, ListCellTitle as he, ListCellTrailing as ge } from "./components/foundations/ListCell.js";
+import { SectionHeading as _e } from "./components/foundations/SectionHeading.js";
+import { Separator as ve } from "./components/foundations/Separator.js";
+import { Breadcrumb as ye, BreadcrumbEllipsis as be, BreadcrumbItem as xe, BreadcrumbLink as Se, BreadcrumbList as Ce, BreadcrumbPage as we, BreadcrumbSeparator as Te, Pagination as Ee, PaginationButton as De, PaginationEllipsis as Oe, PaginationItem as ke, PaginationLink as Ae, PaginationList as je, PaginationNext as Me, PaginationPrevious as Ne } from "./components/navigation-data/breadcrumb-pagination.js";
+import { CommandPalette as Pe, CommandPaletteBackdrop as Fe, CommandPaletteClose as Ie, CommandPaletteDescription as Le, CommandPaletteEmpty as Re, CommandPaletteGroup as ze, CommandPaletteGroupLabel as Be, CommandPaletteInput as Ve, CommandPaletteItem as He, CommandPaletteItemIndicator as Ue, CommandPaletteLabel as We, CommandPaletteList as Ge, CommandPalettePopup as Ke, CommandPalettePortal as qe, CommandPaletteSeparator as Je, CommandPaletteShortcut as Ye, CommandPaletteStatus as Xe, CommandPaletteTitle as Ze, CommandPaletteTrigger as Qe, CommandPaletteViewport as $e } from "./components/navigation-data/command-palette.js";
+import { Header as et, HeaderActions as tt, HeaderBrand as nt, HeaderNav as rt, HeaderRail as it, HeaderStatus as at, TabBar as ot, TabBarIcon as st, TabBarItem as ct, TabBarLabel as lt, TabBarLink as ut, TabBarList as dt } from "./components/navigation-data/header-tab-bar.js";
+import { Menubar as ft, MenubarCheckboxItem as pt, MenubarCheckboxItemIndicator as mt, MenubarGroup as ht, MenubarGroupLabel as gt, MenubarItem as _t, MenubarLinkItem as vt, MenubarMenu as yt, MenubarPopup as bt, MenubarPortal as xt, MenubarPositioner as St, MenubarRadioGroup as Ct, MenubarRadioItem as wt, MenubarRadioItemIndicator as Tt, MenubarSeparator as Et, MenubarSubmenu as Dt, MenubarSubmenuTrigger as Ot, MenubarTrigger as kt, Toolbar as At, ToolbarButton as jt, ToolbarGroup as Mt, ToolbarInput as Nt, ToolbarLink as Pt, ToolbarSeparator as Ft } from "./components/navigation-data/menubar-toolbar.js";
+import { NavigationMenu as It, NavigationMenuArrow as Lt, NavigationMenuContent as Rt, NavigationMenuIcon as zt, NavigationMenuItem as Bt, NavigationMenuLink as Vt, NavigationMenuList as Ht, NavigationMenuPopup as Ut, NavigationMenuPortal as Wt, NavigationMenuPositioner as Gt, NavigationMenuTrigger as Kt, NavigationMenuViewport as qt } from "./components/navigation-data/navigation-menu.js";
+import { ScrollArea as Jt, ScrollAreaContent as Yt, ScrollAreaCorner as Xt, ScrollAreaScrollbar as Zt, ScrollAreaThumb as Qt, ScrollAreaViewport as $t } from "./components/navigation-data/scroll-area.js";
+import { Collection as en, CollectionActions as tn, CollectionButton as nn, CollectionContent as rn, CollectionDescription as an, CollectionHeading as on, CollectionItem as sn, CollectionLink as cn, CollectionMeta as ln, DataTable as un, DataTableControls as dn, DataTableDescription as fn, DataTableHeader as pn, DataTableRegion as mn, DataTableStatus as hn, DataTableTitle as gn, List as _n, ListActions as vn, ListButton as yn, ListContent as bn, ListDescription as xn, ListHeading as Sn, ListItem as Cn, ListLink as wn, ListMeta as Tn, OrderedCollection as En, OrderedList as Dn, Table as On, TableBody as kn, TableCaption as An, TableCell as jn, TableFooter as Mn, TableFrame as Nn, TableHead as Pn, TableHeader as Fn, TableRow as In } from "./components/navigation-data/table-collection.js";
+import { AlertDialog as Ln, AlertDialogActions as Rn, AlertDialogClose as zn, AlertDialogPopup as Bn, AlertDialogRoot as Vn, AlertDialogTrigger as Hn, Dialog as Un, DialogBackdrop as Wn, DialogBody as Gn, DialogClose as Kn, DialogDescription as qn, DialogFooter as Jn, DialogHeader as Yn, DialogPopup as Xn, DialogPortal as Zn, DialogRoot as Qn, DialogTitle as $n, DialogTrigger as er, DialogViewport as tr, Modal as nr } from "./components/overlays/dialog.js";
+import { Accordion as rr, AccordionHeader as ir, AccordionItem as ar, AccordionPanel as or, AccordionRoot as sr, AccordionTrigger as cr, Collapsible as lr, CollapsiblePanel as ur, CollapsibleRoot as dr, CollapsibleTrigger as fr, Tabs as pr, TabsIndicator as mr, TabsList as hr, TabsPanel as gr, TabsRoot as _r, TabsTab as vr } from "./components/overlays/disclosure.js";
+import { BottomSheet as yr, BottomSheetBody as br, BottomSheetFooter as xr, BottomSheetHandle as Sr, BottomSheetHeader as Cr, BottomSheetPopup as wr, BottomSheetRoot as Tr, Drawer as Er, DrawerBackdrop as Dr, DrawerBody as Or, DrawerClose as kr, DrawerContent as Ar, DrawerDescription as jr, DrawerFooter as Mr, DrawerHeader as Nr, DrawerPopup as Pr, DrawerPortal as Fr, DrawerRoot as Ir, DrawerSwipeArea as Lr, DrawerTitle as Rr, DrawerTrigger as zr, DrawerViewport as Br } from "./components/overlays/drawer.js";
+import { Popover as Vr, PopoverArrow as Hr, PopoverBackdrop as Ur, PopoverClose as Wr, PopoverDescription as Gr, PopoverPopup as Kr, PopoverPortal as qr, PopoverPositioner as Jr, PopoverRoot as Yr, PopoverTitle as Xr, PopoverTrigger as Zr, PopoverViewport as Qr, PreviewCard as $r, PreviewCardArrow as ei, PreviewCardBackdrop as ti, PreviewCardPopup as ni, PreviewCardPortal as ri, PreviewCardPositioner as ii, PreviewCardRoot as ai, PreviewCardTrigger as oi, PreviewCardViewport as si, Tooltip as ci, TooltipArrow as li, TooltipPopup as ui, TooltipPortal as di, TooltipPositioner as fi, TooltipProvider as pi, TooltipRoot as mi, TooltipTrigger as hi, TooltipViewport as gi } from "./components/overlays/floating.js";
+import { Autocomplete as _i, AutocompleteInputGroup as vi, AutocompleteItem as yi, Combobox as bi, ComboboxClear as xi, ComboboxEmpty as Si, ComboboxInput as Ci, ComboboxInputGroup as wi, ComboboxItem as Ti, ComboboxItemIndicator as Ei, ComboboxList as Di, ComboboxPopup as Oi, ComboboxPositioner as ki, ComboboxTrigger as Ai } from "./components/selection/combobox.js";
+import { Checkbox as ji, CheckboxGroup as Mi, CheckboxItem as Ni, Radio as Pi, RadioGroup as Fi, RadioItem as Ii, SegmentedControl as Li, SegmentedControlItem as Ri, Slider as zi, Switch as Bi, Toggle as Vi, ToggleGroup as Hi } from "./components/selection/controls.js";
+import { ContextMenu as Ui, ContextMenuTrigger as Wi, DropdownMenu as Gi, Menu as Ki, MenuCheckboxItem as qi, MenuCheckboxItemIndicator as Ji, MenuGroupLabel as Yi, MenuItem as Xi, MenuLinkItem as Zi, MenuPopup as Qi, MenuPositioner as $i, MenuRadioItem as ea, MenuRadioItemIndicator as ta, MenuSeparator as na, MenuSubmenuTrigger as ra, MenuTrigger as ia } from "./components/selection/menu.js";
+import { Select as aa, SelectGroupLabel as oa, SelectItem as sa, SelectItemIndicator as ca, SelectItemText as la, SelectList as ua, SelectPopup as da, SelectPositioner as fa, SelectSeparator as pa, SelectTrigger as ma, SelectValue as ha } from "./components/selection/select.js";
+export { rr as Accordion, ir as AccordionHeader, ar as AccordionItem, or as AccordionPanel, sr as AccordionRoot, cr as AccordionTrigger, x as Alert, S as AlertActions, C as AlertContent, w as AlertDescription, Ln as AlertDialog, Rn as AlertDialogActions, zn as AlertDialogClose, Bn as AlertDialogPopup, Vn as AlertDialogRoot, Hn as AlertDialogTrigger, T as AlertTitle, E as AlertView, _i as Autocomplete, vi as AutocompleteInputGroup, yi as AutocompleteItem, Q as Avatar, $ as Badge, D as Banner, yr as BottomSheet, br as BottomSheetBody, xr as BottomSheetFooter, Sr as BottomSheetHandle, Cr as BottomSheetHeader, wr as BottomSheetPopup, Tr as BottomSheetRoot, ye as Breadcrumb, be as BreadcrumbEllipsis, xe as BreadcrumbItem, Se as BreadcrumbLink, Ce as BreadcrumbList, we as BreadcrumbPage, Te as BreadcrumbSeparator, B as Button, e as Calendar, s as CalendarDate, c as CalendarDateTime, ee as Card, te as CardBody, ne as CardDescription, re as CardFooter, ie as CardHeader, ae as CardTitle, ji as Checkbox, Mi as CheckboxGroup, Ni as CheckboxItem, oe as CloudBox, z as CodeField, lr as Collapsible, ur as CollapsiblePanel, dr as CollapsibleRoot, fr as CollapsibleTrigger, en as Collection, tn as CollectionActions, nn as CollectionButton, rn as CollectionContent, an as CollectionDescription, on as CollectionHeading, sn as CollectionItem, cn as CollectionLink, ln as CollectionMeta, bi as Combobox, xi as ComboboxClear, Si as ComboboxEmpty, Ci as ComboboxInput, wi as ComboboxInputGroup, Ti as ComboboxItem, Ei as ComboboxItemIndicator, Di as ComboboxList, Oi as ComboboxPopup, ki as ComboboxPositioner, Ai as ComboboxTrigger, Pe as CommandPalette, Fe as CommandPaletteBackdrop, Ie as CommandPaletteClose, Le as CommandPaletteDescription, Re as CommandPaletteEmpty, ze as CommandPaletteGroup, Be as CommandPaletteGroupLabel, Ve as CommandPaletteInput, He as CommandPaletteItem, Ue as CommandPaletteItemIndicator, We as CommandPaletteLabel, Ge as CommandPaletteList, Ke as CommandPalettePopup, qe as CommandPalettePortal, Je as CommandPaletteSeparator, Ye as CommandPaletteShortcut, Xe as CommandPaletteStatus, Ze as CommandPaletteTitle, Qe as CommandPaletteTrigger, $e as CommandPaletteViewport, Ui as ContextMenu, Wi as ContextMenuTrigger, un as DataTable, dn as DataTableControls, fn as DataTableDescription, pn as DataTableHeader, mn as DataTableRegion, hn as DataTableStatus, gn as DataTableTitle, t as DateField, n as DatePicker, i as DateRangePicker, r as DateTimePicker, Un as Dialog, Wn as DialogBackdrop, Gn as DialogBody, Kn as DialogClose, qn as DialogDescription, Jn as DialogFooter, Yn as DialogHeader, Xn as DialogPopup, Zn as DialogPortal, Qn as DialogRoot, $n as DialogTitle, er as DialogTrigger, tr as DialogViewport, Er as Drawer, Dr as DrawerBackdrop, Or as DrawerBody, kr as DrawerClose, Ar as DrawerContent, jr as DrawerDescription, Mr as DrawerFooter, Nr as DrawerHeader, Pr as DrawerPopup, Fr as DrawerPortal, Ir as DrawerRoot, Lr as DrawerSwipeArea, Rr as DrawerTitle, zr as DrawerTrigger, Br as DrawerViewport, V as DropZone, Gi as DropdownMenu, O as EmptyState, b as FEEDBACK_STATUSES, H as FileUpload, et as Header, tt as HeaderActions, nt as HeaderBrand, rt as HeaderNav, it as HeaderRail, at as HeaderStatus, se as IconButton, U as Input, ce as Link, _n as List, vn as ListActions, yn as ListButton, le as ListCell, ue as ListCellAction, de as ListCellContent, fe as ListCellDescription, pe as ListCellLeading, me as ListCellMetadata, he as ListCellTitle, ge as ListCellTrailing, bn as ListContent, xn as ListDescription, Sn as ListHeading, Cn as ListItem, wn as ListLink, Tn as ListMeta, M as Loader, Ki as Menu, qi as MenuCheckboxItem, Ji as MenuCheckboxItemIndicator, Yi as MenuGroupLabel, Xi as MenuItem, Zi as MenuLinkItem, Qi as MenuPopup, $i as MenuPositioner, ea as MenuRadioItem, ta as MenuRadioItemIndicator, na as MenuSeparator, ra as MenuSubmenuTrigger, ia as MenuTrigger, ft as Menubar, pt as MenubarCheckboxItem, mt as MenubarCheckboxItemIndicator, ht as MenubarGroup, gt as MenubarGroupLabel, _t as MenubarItem, vt as MenubarLinkItem, yt as MenubarMenu, bt as MenubarPopup, xt as MenubarPortal, St as MenubarPositioner, Ct as MenubarRadioGroup, wt as MenubarRadioItem, Tt as MenubarRadioItemIndicator, Et as MenubarSeparator, Dt as MenubarSubmenu, Ot as MenubarSubmenuTrigger, kt as MenubarTrigger, k as Meter, nr as Modal, It as NavigationMenu, Lt as NavigationMenuArrow, Rt as NavigationMenuContent, zt as NavigationMenuIcon, Bt as NavigationMenuItem, Vt as NavigationMenuLink, Ht as NavigationMenuList, Ut as NavigationMenuPopup, Wt as NavigationMenuPortal, Gt as NavigationMenuPositioner, Kt as NavigationMenuTrigger, qt as NavigationMenuViewport, W as NumberField, G as OTPField, En as OrderedCollection, Dn as OrderedList, Ee as Pagination, De as PaginationButton, Oe as PaginationEllipsis, ke as PaginationItem, Ae as PaginationLink, je as PaginationList, Me as PaginationNext, Ne as PaginationPrevious, K as PasswordField, q as PhoneField, Vr as Popover, Hr as PopoverArrow, Ur as PopoverBackdrop, Wr as PopoverClose, Gr as PopoverDescription, Kr as PopoverPopup, qr as PopoverPortal, Jr as PopoverPositioner, Yr as PopoverRoot, Xr as PopoverTitle, Zr as PopoverTrigger, Qr as PopoverViewport, $r as PreviewCard, ei as PreviewCardArrow, ti as PreviewCardBackdrop, ni as PreviewCardPopup, ri as PreviewCardPortal, ii as PreviewCardPositioner, ai as PreviewCardRoot, oi as PreviewCardTrigger, si as PreviewCardViewport, A as Progress, Pi as Radio, Fi as RadioGroup, Ii as RadioItem, Jt as ScrollArea, Yt as ScrollAreaContent, Xt as ScrollAreaCorner, Zt as ScrollAreaScrollbar, Qt as ScrollAreaThumb, $t as ScrollAreaViewport, J as SearchField, _e as SectionHeading, Li as SegmentedControl, Ri as SegmentedControlItem, aa as Select, oa as SelectGroupLabel, sa as SelectItem, ca as SelectItemIndicator, la as SelectItemText, ua as SelectList, da as SelectPopup, fa as SelectPositioner, pa as SelectSeparator, ma as SelectTrigger, ha as SelectValue, ve as Separator, j as Skeleton, zi as Slider, N as Spinner, Bi as Switch, ot as TabBar, st as TabBarIcon, ct as TabBarItem, lt as TabBarLabel, ut as TabBarLink, dt as TabBarList, On as Table, kn as TableBody, An as TableCaption, jn as TableCell, Mn as TableFooter, Nn as TableFrame, Pn as TableHead, Fn as TableHeader, In as TableRow, pr as Tabs, mr as TabsIndicator, hr as TabsList, gr as TabsPanel, _r as TabsRoot, vr as TabsTab, Y as TextField, X as TextView, Z as Textarea, l as Time, a as TimeField, o as TimePicker, P as ToastProvider, F as ToastRoot, I as ToastViewport, Vi as Toggle, Hi as ToggleGroup, At as Toolbar, jt as ToolbarButton, Mt as ToolbarGroup, Nt as ToolbarInput, Pt as ToolbarLink, Ft as ToolbarSeparator, ci as Tooltip, li as TooltipArrow, ui as TooltipPopup, di as TooltipPortal, fi as TooltipPositioner, pi as TooltipProvider, mi as TooltipRoot, hi as TooltipTrigger, gi as TooltipViewport, u as ZonedDateTime, L as createToastManager, d as getLocalTimeZone, f as now, p as parseAbsolute, m as parseAbsoluteToLocal, h as parseDate, g as parseDateTime, _ as parseTime, v as parseZonedDateTime, y as today, R as useToastManager };