@powerhousedao/design-system 6.0.0-dev.152 → 6.0.0-dev.154

package/dist/ui/components/json-viewer/json-viewer.js

@@ -0,0 +1,85 @@
+import { Suspense, lazy } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/ui/components/json-viewer/json-viewer.tsx
+const styles = {
+	"container-base": "_GzYRV",
+	"punctuation-base": "_3eOF8",
+	pointer: "_1MFti",
+	"expander-base": "_f10Tu _1MFti",
+	"expand-icon": "_1UmXx",
+	"collapse-icon": "_1LId0",
+	"collapsed-content-base": "_1pNG9 _1MFti",
+	"container-light": "_2IvMF _GzYRV",
+	"basic-element-style": "_2bkNM",
+	"child-fields-container": "_1BXBN",
+	"label-light": "_1MGIk",
+	"clickable-label-light": "_2YKJg _1MGIk _1MFti",
+	"punctuation-light": "_3uHL6 _3eOF8",
+	"value-null-light": "_2T6PJ",
+	"value-undefined-light": "_1Gho6",
+	"value-string-light": "_vGjyY",
+	"value-number-light": "_1bQdo",
+	"value-boolean-light": "_3zQKs",
+	"value-other-light": "_1xvuR",
+	"collapse-icon-light": "_oLqym _f10Tu _1MFti _1LId0",
+	"expand-icon-light": "_2AXVT _f10Tu _1MFti _1UmXx",
+	"collapsed-content-light": "_2KJWg _1pNG9 _1MFti",
+	"container-dark": "_11RoI _GzYRV",
+	"expand-icon-dark": "_17H2C _f10Tu _1MFti _1UmXx",
+	"collapse-icon-dark": "_3QHg2 _f10Tu _1MFti _1LId0",
+	"collapsed-content-dark": "_3fDAz _1pNG9 _1MFti",
+	"label-dark": "_2bSDX",
+	"clickable-label-dark": "_1RQEj _2bSDX _1MFti",
+	"punctuation-dark": "_gsbQL _3eOF8",
+	"value-null-dark": "_LaAZe",
+	"value-undefined-dark": "_GTKgm",
+	"value-string-dark": "_Chy1W",
+	"value-number-dark": "_2bveF",
+	"value-boolean-dark": "_2vRm-",
+	"value-other-dark": "_1prJR"
+};
+const _defaultStyles = {
+	container: styles["container-light"],
+	basicChildStyle: styles["basic-element-style"],
+	childFieldsContainer: styles["child-fields-container"],
+	label: styles["label-light"],
+	clickableLabel: styles["clickable-label-light"],
+	nullValue: styles["value-null-light"],
+	undefinedValue: styles["value-undefined-light"],
+	stringValue: styles["value-string-light"],
+	booleanValue: styles["value-boolean-light"],
+	numberValue: styles["value-number-light"],
+	otherValue: styles["value-other-light"],
+	punctuation: styles["punctuation-light"],
+	collapseIcon: styles["collapse-icon-light"],
+	expandIcon: styles["expand-icon-light"],
+	collapsedContent: styles["collapsed-content-light"],
+	noQuotesForStringValues: false,
+	quotesForFieldNames: false,
+	ariaLables: {
+		collapseJson: "collapse JSON",
+		expandJson: "expand JSON"
+	},
+	stringifyStringValues: false
+};
+const defaultStyles = {
+	..._defaultStyles,
+	container: `${_defaultStyles.container} !bg-transparent`,
+	label: `${_defaultStyles.label} !text-gray-600`,
+	punctuation: `${_defaultStyles.punctuation} !text-gray-700 !font-semibold`,
+	collapseIcon: `${_defaultStyles.collapseIcon} !text-gray-600`,
+	stringValue: `${_defaultStyles.stringValue} !text-gray-600`
+};
+const allExpanded = () => true;
+const JsonView = lazy(() => import("react-json-view-lite").then((m) => ({ default: m.JsonView })));
+function JsonViewer(props) {
+	return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(JsonView, {
+		...props,
+		shouldExpandNode: props.shouldExpandNode ?? allExpanded,
+		style: props.style ?? defaultStyles
+	}) });
+}
+//#endregion
+export { JsonViewer };
+
+//# sourceMappingURL=json-viewer.js.map

package/dist/ui/components/json-viewer/json-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-viewer.js","names":[],"sources":["../../../../src/ui/components/json-viewer/json-viewer.tsx"],"sourcesContent":["import { lazy, Suspense } from \"react\";\nimport type { Props } from \"react-json-view-lite\";\n\n// copied from react-json-view-lite to allow lazy loading the component itself\nconst styles = {\n  \"container-base\": \"_GzYRV\",\n  \"punctuation-base\": \"_3eOF8\",\n  pointer: \"_1MFti\",\n  \"expander-base\": \"_f10Tu _1MFti\",\n  \"expand-icon\": \"_1UmXx\",\n  \"collapse-icon\": \"_1LId0\",\n  \"collapsed-content-base\": \"_1pNG9 _1MFti\",\n  \"container-light\": \"_2IvMF _GzYRV\",\n  \"basic-element-style\": \"_2bkNM\",\n  \"child-fields-container\": \"_1BXBN\",\n  \"label-light\": \"_1MGIk\",\n  \"clickable-label-light\": \"_2YKJg _1MGIk _1MFti\",\n  \"punctuation-light\": \"_3uHL6 _3eOF8\",\n  \"value-null-light\": \"_2T6PJ\",\n  \"value-undefined-light\": \"_1Gho6\",\n  \"value-string-light\": \"_vGjyY\",\n  \"value-number-light\": \"_1bQdo\",\n  \"value-boolean-light\": \"_3zQKs\",\n  \"value-other-light\": \"_1xvuR\",\n  \"collapse-icon-light\": \"_oLqym _f10Tu _1MFti _1LId0\",\n  \"expand-icon-light\": \"_2AXVT _f10Tu _1MFti _1UmXx\",\n  \"collapsed-content-light\": \"_2KJWg _1pNG9 _1MFti\",\n  \"container-dark\": \"_11RoI _GzYRV\",\n  \"expand-icon-dark\": \"_17H2C _f10Tu _1MFti _1UmXx\",\n  \"collapse-icon-dark\": \"_3QHg2 _f10Tu _1MFti _1LId0\",\n  \"collapsed-content-dark\": \"_3fDAz _1pNG9 _1MFti\",\n  \"label-dark\": \"_2bSDX\",\n  \"clickable-label-dark\": \"_1RQEj _2bSDX _1MFti\",\n  \"punctuation-dark\": \"_gsbQL _3eOF8\",\n  \"value-null-dark\": \"_LaAZe\",\n  \"value-undefined-dark\": \"_GTKgm\",\n  \"value-string-dark\": \"_Chy1W\",\n  \"value-number-dark\": \"_2bveF\",\n  \"value-boolean-dark\": \"_2vRm-\",\n  \"value-other-dark\": \"_1prJR\",\n};\nconst defaultAriaLables = {\n  collapseJson: \"collapse JSON\",\n  expandJson: \"expand JSON\",\n};\nconst _defaultStyles = {\n  container: styles[\"container-light\"],\n  basicChildStyle: styles[\"basic-element-style\"],\n  childFieldsContainer: styles[\"child-fields-container\"],\n  label: styles[\"label-light\"],\n  clickableLabel: styles[\"clickable-label-light\"],\n  nullValue: styles[\"value-null-light\"],\n  undefinedValue: styles[\"value-undefined-light\"],\n  stringValue: styles[\"value-string-light\"],\n  booleanValue: styles[\"value-boolean-light\"],\n  numberValue: styles[\"value-number-light\"],\n  otherValue: styles[\"value-other-light\"],\n  punctuation: styles[\"punctuation-light\"],\n  collapseIcon: styles[\"collapse-icon-light\"],\n  expandIcon: styles[\"expand-icon-light\"],\n  collapsedContent: styles[\"collapsed-content-light\"],\n  noQuotesForStringValues: false,\n  quotesForFieldNames: false,\n  ariaLables: defaultAriaLables,\n  stringifyStringValues: false,\n};\nconst defaultStyles = {\n  ..._defaultStyles,\n  container: `${_defaultStyles.container} !bg-transparent`,\n  label: `${_defaultStyles.label} !text-gray-600`,\n  punctuation: `${_defaultStyles.punctuation} !text-gray-700 !font-semibold`,\n  collapseIcon: `${_defaultStyles.collapseIcon} !text-gray-600`,\n  stringValue: `${_defaultStyles.stringValue} !text-gray-600`,\n};\n\nconst allExpanded = () => true;\n\nconst JsonView = lazy(() =>\n  import(\"react-json-view-lite\").then((m) => ({ default: m.JsonView })),\n);\n\nexport function JsonViewer(props: Props) {\n  return (\n    <Suspense>\n      <JsonView\n        {...props}\n        shouldExpandNode={props.shouldExpandNode ?? allExpanded}\n        style={props.style ?? defaultStyles}\n      />\n    </Suspense>\n  );\n}\n"],"mappings":";;;AAIA,MAAM,SAAS;CACb,kBAAkB;CAClB,oBAAoB;CACpB,SAAS;CACT,iBAAiB;CACjB,eAAe;CACf,iBAAiB;CACjB,0BAA0B;CAC1B,mBAAmB;CACnB,uBAAuB;CACvB,0BAA0B;CAC1B,eAAe;CACf,yBAAyB;CACzB,qBAAqB;CACrB,oBAAoB;CACpB,yBAAyB;CACzB,sBAAsB;CACtB,sBAAsB;CACtB,uBAAuB;CACvB,qBAAqB;CACrB,uBAAuB;CACvB,qBAAqB;CACrB,2BAA2B;CAC3B,kBAAkB;CAClB,oBAAoB;CACpB,sBAAsB;CACtB,0BAA0B;CAC1B,cAAc;CACd,wBAAwB;CACxB,oBAAoB;CACpB,mBAAmB;CACnB,wBAAwB;CACxB,qBAAqB;CACrB,qBAAqB;CACrB,sBAAsB;CACtB,oBAAoB;CACrB;AAKD,MAAM,iBAAiB;CACrB,WAAW,OAAO;CAClB,iBAAiB,OAAO;CACxB,sBAAsB,OAAO;CAC7B,OAAO,OAAO;CACd,gBAAgB,OAAO;CACvB,WAAW,OAAO;CAClB,gBAAgB,OAAO;CACvB,aAAa,OAAO;CACpB,cAAc,OAAO;CACrB,aAAa,OAAO;CACpB,YAAY,OAAO;CACnB,aAAa,OAAO;CACpB,cAAc,OAAO;CACrB,YAAY,OAAO;CACnB,kBAAkB,OAAO;CACzB,yBAAyB;CACzB,qBAAqB;CACrB,YAtBwB;EACxB,cAAc;EACd,YAAY;EACb;CAoBC,uBAAuB;CACxB;AACD,MAAM,gBAAgB;CACpB,GAAG;CACH,WAAW,GAAG,eAAe,UAAU;CACvC,OAAO,GAAG,eAAe,MAAM;CAC/B,aAAa,GAAG,eAAe,YAAY;CAC3C,cAAc,GAAG,eAAe,aAAa;CAC7C,aAAa,GAAG,eAAe,YAAY;CAC5C;AAED,MAAM,oBAAoB;AAE1B,MAAM,WAAW,WACf,OAAO,wBAAwB,MAAM,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,CACtE;AAED,SAAgB,WAAW,OAAc;AACvC,QACE,oBAAC,UAAD,EAAA,UACE,oBAAC,UAAD;EACE,GAAI;EACJ,kBAAkB,MAAM,oBAAoB;EAC5C,OAAO,MAAM,SAAS;EACtB,CAAA,EACO,CAAA"}

package/dist/ui/components/popover/popover.d.ts

@@ -0,0 +1,2 @@
+import { i as PopoverTrigger, n as PopoverAnchor, r as PopoverContent, t as Popover } from "../../../popover-Btnr5d-k.js";
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/dist/ui/components/popover/popover.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@powerhousedao/design-system";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+//#region src/ui/components/popover/popover.tsx
+const Popover = PopoverPrimitive.Root;
+const PopoverAnchor = PopoverPrimitive.Anchor;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverContent = React.forwardRef(({ align = "center", sideOffset = 4, className, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
+	align,
+	sideOffset,
+	className: cn([
+		"data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in",
+		"data-[state=closed]:animate-zoom-out data-[state=open]:animate-zoom-in",
+		"data-[side=bottom]:animate-slide-in-from-top data-[side=left]:animate-slide-in-from-right",
+		"data-[side=right]:animate-slide-in-from-left data-[side=top]:animate-slide-in-from-bottom",
+		"w-(--radix-popover-trigger-width) z-50 border p-0 outline-none",
+		"border-gray-300 bg-white dark:border-slate-500 dark:bg-slate-600",
+		"rounded-md shadow-[1px_4px_15px_0px_rgba(74,88,115,0.25)] dark:shadow-[1px_4px_15.3px_0px_#141921]"
+	], className),
+	ref,
+	...props
+}) }));
+//#endregion
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+
+//# sourceMappingURL=popover.js.map

package/dist/ui/components/popover/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":[],"sources":["../../../../src/ui/components/popover/popover.tsx"],"sourcesContent":["import { cn } from \"@powerhousedao/design-system\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport React from \"react\";\n\nexport const Popover = PopoverPrimitive.Root;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\n\nexport const PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ align = \"center\", sideOffset = 4, className, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        [\n          \"data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in\",\n          \"data-[state=closed]:animate-zoom-out data-[state=open]:animate-zoom-in\",\n          \"data-[side=bottom]:animate-slide-in-from-top data-[side=left]:animate-slide-in-from-right\",\n          \"data-[side=right]:animate-slide-in-from-left data-[side=top]:animate-slide-in-from-bottom\",\n          \"w-(--radix-popover-trigger-width) z-50 border p-0 outline-none\",\n          \"border-gray-300 bg-white dark:border-slate-500 dark:bg-slate-600\",\n          \"rounded-md shadow-[1px_4px_15px_0px_rgba(74,88,115,0.25)] dark:shadow-[1px_4px_15.3px_0px_#141921]\",\n        ],\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n));\n"],"mappings":";;;;;AAIA,MAAa,UAAU,iBAAiB;AACxC,MAAa,gBAAgB,iBAAiB;AAC9C,MAAa,iBAAiB,iBAAiB;AAE/C,MAAa,iBAAiB,MAAM,YAGjC,EAAE,QAAQ,UAAU,aAAa,GAAG,WAAW,GAAG,SAAS,QAC5D,oBAAC,iBAAiB,QAAlB,EAAA,UACE,oBAAC,iBAAiB,SAAlB;CACS;CACK;CACZ,WAAW,GACT;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACD,UACD;CACI;CACL,GAAI;CACJ,CAAA,EACsB,CAAA,CAC1B"}

package/dist/ui/components/radio-group-field/radio-group-field.d.ts

@@ -0,0 +1,2 @@
+import { n as RadioGroupFieldProps, t as RadioGroupField } from "../../../radio-group-field-D8WCcX6D.js";
+export { RadioGroupField, RadioGroupFieldProps };

package/dist/ui/components/radio-group-field/radio-group-field.js

@@ -0,0 +1,73 @@
+import { FormLabel } from "../form-label/form-label.js";
+import { FormMessageList } from "../form-message/message-list.js";
+import { withFieldValidation } from "../with-field-validation/with-field-validation.js";
+import { RadioGroup } from "./radio-group.js";
+import { Radio } from "./radio.js";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@powerhousedao/design-system";
+//#region src/ui/components/radio-group-field/radio-group-field.tsx
+const RadioGroupFieldRaw = forwardRef(({ autoFocus, className, defaultValue, description, disabled, warnings = [], errors = [], id: propId, label, name, onChange, options = [], required, value, ...props }, ref) => {
+	const hasLabel = label !== void 0;
+	const hasError = errors.length > 0;
+	const prefix = useId();
+	const id = propId ?? `${prefix}-radio-group`;
+	return /* @__PURE__ */ jsxs(RadioGroup, {
+		"aria-invalid": hasError,
+		"aria-label": !hasLabel ? "Radio group" : void 0,
+		"aria-required": required,
+		autoFocus,
+		className: cn("flex flex-col gap-2", className),
+		defaultValue,
+		id,
+		name,
+		onValueChange: (newValue) => {
+			onChange?.(newValue);
+		},
+		value,
+		disabled,
+		...props,
+		ref,
+		children: [
+			hasLabel && /* @__PURE__ */ jsx(FormLabel, {
+				description,
+				hasError,
+				htmlFor: id,
+				required,
+				disabled,
+				children: label
+			}),
+			options.map((option, index) => /* @__PURE__ */ jsx("div", {
+				className: "flex items-center gap-2",
+				role: "presentation",
+				children: /* @__PURE__ */ jsx(Radio, {
+					id: `${prefix}-radio-${index}-${option.value}`,
+					label: option.label,
+					value: option.value,
+					description: option.description,
+					disabled: disabled || option.disabled,
+					hasError
+				})
+			}, `${prefix}-radio-${index}-${option.value}`)),
+			warnings.length > 0 && /* @__PURE__ */ jsx(FormMessageList, {
+				messages: warnings,
+				type: "warning"
+			}),
+			hasError && /* @__PURE__ */ jsx(FormMessageList, {
+				messages: errors,
+				type: "error"
+			})
+		]
+	});
+});
+const RadioGroupField = forwardRef(function RadioGroupField(props, ref) {
+	return /* @__PURE__ */ jsx(withFieldValidation(RadioGroupFieldRaw), {
+		...props,
+		ref
+	});
+});
+RadioGroupField.displayName = "RadioGroupField";
+//#endregion
+export { RadioGroupField };
+
+//# sourceMappingURL=radio-group-field.js.map

package/dist/ui/components/radio-group-field/radio-group-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-field.js","names":[],"sources":["../../../../src/ui/components/radio-group-field/radio-group-field.tsx"],"sourcesContent":["import { cn } from \"@powerhousedao/design-system\";\nimport type { HTMLAttributes, Ref } from \"react\";\nimport { forwardRef, useId } from \"react\";\nimport type { FieldErrorHandling, InputBaseProps } from \"../../types.js\";\nimport type { RadioGroupProps } from \"../enum-field/types.js\";\nimport { FormLabel } from \"../form-label/form-label.js\";\nimport { FormMessageList } from \"../form-message/message-list.js\";\nimport { withFieldValidation } from \"../with-field-validation/with-field-validation.js\";\nimport { RadioGroup } from \"./radio-group.js\";\nimport { Radio } from \"./radio.js\";\ntype RadioGroupFieldBaseProps = Omit<\n  HTMLAttributes<HTMLDivElement>,\n  | keyof InputBaseProps<string>\n  | keyof FieldErrorHandling\n  | keyof RadioGroupProps\n  | \"dir\"\n> & {\n  dir?: \"ltr\" | \"rtl\";\n};\n\nexport type RadioGroupFieldProps = RadioGroupFieldBaseProps &\n  InputBaseProps<string> &\n  FieldErrorHandling &\n  RadioGroupProps;\n\nconst RadioGroupFieldRaw = forwardRef<HTMLDivElement, RadioGroupFieldProps>(\n  (\n    {\n      autoFocus,\n      className,\n      defaultValue,\n      description,\n      disabled,\n      warnings = [],\n      errors = [],\n      id: propId,\n      label,\n      name,\n      onChange,\n      options = [],\n      required,\n      value,\n      ...props\n    },\n    ref,\n  ) => {\n    const hasLabel = label !== undefined;\n    const hasError = errors.length > 0;\n    const prefix = useId();\n    const id = propId ?? `${prefix}-radio-group`;\n\n    return (\n      <RadioGroup\n        aria-invalid={hasError}\n        aria-label={!hasLabel ? \"Radio group\" : undefined}\n        aria-required={required}\n        autoFocus={autoFocus}\n        className={cn(\"flex flex-col gap-2\", className)}\n        defaultValue={defaultValue}\n        id={id}\n        name={name}\n        onValueChange={(newValue) => {\n          onChange?.(newValue);\n        }}\n        value={value}\n        disabled={disabled}\n        {...props}\n        ref={ref}\n      >\n        {hasLabel && (\n          <FormLabel\n            description={description}\n            hasError={hasError}\n            htmlFor={id}\n            required={required}\n            disabled={disabled}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {options.map((option, index) => (\n          <div\n            key={`${prefix}-radio-${index}-${option.value}`}\n            className=\"flex items-center gap-2\"\n            role=\"presentation\"\n          >\n            <Radio\n              id={`${prefix}-radio-${index}-${option.value}`}\n              label={option.label}\n              value={option.value}\n              description={option.description}\n              disabled={disabled || option.disabled}\n              hasError={hasError}\n            />\n          </div>\n        ))}\n        {warnings.length > 0 && (\n          <FormMessageList messages={warnings} type=\"warning\" />\n        )}\n        {hasError && <FormMessageList messages={errors} type=\"error\" />}\n      </RadioGroup>\n    );\n  },\n);\n\nexport const RadioGroupField = forwardRef(function RadioGroupField(\n  props: RadioGroupFieldProps,\n  ref: Ref<HTMLDivElement>,\n) {\n  const Component =\n    withFieldValidation<RadioGroupFieldProps>(RadioGroupFieldRaw);\n  return <Component {...props} ref={ref} />;\n});\n\nRadioGroupField.displayName = \"RadioGroupField\";\n"],"mappings":";;;;;;;;;AAyBA,MAAM,qBAAqB,YAEvB,EACE,WACA,WACA,cACA,aACA,UACA,WAAW,EAAE,EACb,SAAS,EAAE,EACX,IAAI,QACJ,OACA,MACA,UACA,UAAU,EAAE,EACZ,UACA,OACA,GAAG,SAEL,QACG;CACH,MAAM,WAAW,UAAU,KAAA;CAC3B,MAAM,WAAW,OAAO,SAAS;CACjC,MAAM,SAAS,OAAO;CACtB,MAAM,KAAK,UAAU,GAAG,OAAO;AAE/B,QACE,qBAAC,YAAD;EACE,gBAAc;EACd,cAAY,CAAC,WAAW,gBAAgB,KAAA;EACxC,iBAAe;EACJ;EACX,WAAW,GAAG,uBAAuB,UAAU;EACjC;EACV;EACE;EACN,gBAAgB,aAAa;AAC3B,cAAW,SAAS;;EAEf;EACG;EACV,GAAI;EACC;YAfP;GAiBG,YACC,oBAAC,WAAD;IACe;IACH;IACV,SAAS;IACC;IACA;cAET;IACS,CAAA;GAEb,QAAQ,KAAK,QAAQ,UACpB,oBAAC,OAAD;IAEE,WAAU;IACV,MAAK;cAEL,oBAAC,OAAD;KACE,IAAI,GAAG,OAAO,SAAS,MAAM,GAAG,OAAO;KACvC,OAAO,OAAO;KACd,OAAO,OAAO;KACd,aAAa,OAAO;KACpB,UAAU,YAAY,OAAO;KACnB;KACV,CAAA;IACE,EAZC,GAAG,OAAO,SAAS,MAAM,GAAG,OAAO,QAYpC,CACN;GACD,SAAS,SAAS,KACjB,oBAAC,iBAAD;IAAiB,UAAU;IAAU,MAAK;IAAY,CAAA;GAEvD,YAAY,oBAAC,iBAAD;IAAiB,UAAU;IAAQ,MAAK;IAAU,CAAA;GACpD;;EAGlB;AAED,MAAa,kBAAkB,WAAW,SAAS,gBACjD,OACA,KACA;AAGA,QAAO,oBADL,oBAA0C,mBAAmB,EACxD;EAAW,GAAI;EAAY;EAAO,CAAA;EACzC;AAEF,gBAAgB,cAAc"}

package/dist/ui/components/radio-group-field/radio-group.d.ts

@@ -0,0 +1,2 @@
+import { n as RadioGroup, t as CustomizableRadioGroupProps } from "../../../radio-group-CMFRsFzN.js";
+export { CustomizableRadioGroupProps, RadioGroup };

package/dist/ui/components/radio-group-field/radio-group.js

@@ -0,0 +1,21 @@
+import React, { useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+//#region src/ui/components/radio-group-field/radio-group.tsx
+const RadioGroup = React.forwardRef(({ children, className, id: propId, name, ...props }, ref) => {
+	const prefix = useId();
+	const id = propId ?? `${prefix}-radio-group`;
+	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
+		className,
+		id,
+		name,
+		...props,
+		ref,
+		children
+	});
+});
+RadioGroup.displayName = "RadioGroup";
+//#endregion
+export { RadioGroup };
+
+//# sourceMappingURL=radio-group.js.map

package/dist/ui/components/radio-group-field/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","names":[],"sources":["../../../../src/ui/components/radio-group-field/radio-group.tsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\n\nexport interface CustomizableRadioGroupProps extends React.ComponentPropsWithoutRef<\n  typeof RadioGroupPrimitive.Root\n> {\n  children: React.ReactNode;\n  className?: string;\n  id?: string;\n  name?: string;\n}\n\nexport const RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  CustomizableRadioGroupProps\n>(({ children, className, id: propId, name, ...props }, ref) => {\n  const prefix = useId();\n  const id = propId ?? `${prefix}-radio-group`;\n\n  return (\n    <RadioGroupPrimitive.Root\n      className={className}\n      id={id}\n      name={name}\n      {...props}\n      ref={ref}\n    >\n      {children}\n    </RadioGroupPrimitive.Root>\n  );\n});\n\nRadioGroup.displayName = \"RadioGroup\";\n"],"mappings":";;;;AAYA,MAAa,aAAa,MAAM,YAG7B,EAAE,UAAU,WAAW,IAAI,QAAQ,MAAM,GAAG,SAAS,QAAQ;CAC9D,MAAM,SAAS,OAAO;CACtB,MAAM,KAAK,UAAU,GAAG,OAAO;AAE/B,QACE,oBAAC,oBAAoB,MAArB;EACa;EACP;EACE;EACN,GAAI;EACC;EAEJ;EACwB,CAAA;EAE7B;AAEF,WAAW,cAAc"}

package/dist/ui/components/radio-group-field/radio.d.ts

@@ -0,0 +1,2 @@
+import { n as RadioProps, t as Radio } from "../../../radio-DLq_hkfd.js";
+export { Radio, RadioProps };

package/dist/ui/components/radio-group-field/radio.js

@@ -0,0 +1,34 @@
+import { FormLabel } from "../form-label/form-label.js";
+import React, { useId } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@powerhousedao/design-system";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+//#region src/ui/components/radio-group-field/radio.tsx
+const Radio = React.forwardRef(({ className, description, disabled = false, hasError = false, id: propId, label, value, ...props }, ref) => {
+	const prefix = useId();
+	const id = propId ?? `${prefix}-radio`;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
+		"aria-disabled": disabled,
+		"aria-invalid": hasError,
+		className: cn("group peer", "aspect-square size-4 rounded-full border border-gray-800 dark:border-gray-400", "hover:border-gray-900 dark:hover:border-gray-50", disabled && ["cursor-not-allowed border-gray-600 hover:border-gray-600", "dark:border-gray-600 dark:hover:border-gray-600"], hasError && ["border-red-700 hover:border-red-900", "dark:border-red-700 dark:hover:border-red-900"], className),
+		disabled,
+		id,
+		value,
+		...props,
+		ref,
+		children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: cn("relative flex size-full items-center justify-center", "after:absolute after:left-1/2 after:top-1/2 after:size-2.5", "after:-translate-x-1/2 after:-translate-y-1/2", "after:rounded-full after:bg-gray-800 after:content-['']", "dark:after:bg-gray-400", !disabled && ["group-hover:after:bg-gray-900", "dark:group-hover:after:bg-gray-50"], disabled && ["after:bg-gray-600", "dark:after:bg-gray-600"]) })
+	}), /* @__PURE__ */ jsx(FormLabel, {
+		className: cn(!disabled && !hasError && ["cursor-pointer", "peer-hover:text-gray-900 dark:peer-hover:text-gray-50"]),
+		description,
+		disabled,
+		hasError,
+		htmlFor: id,
+		required: props.required,
+		inline: true,
+		children: label
+	})] });
+});
+//#endregion
+export { Radio };
+
+//# sourceMappingURL=radio.js.map

package/dist/ui/components/radio-group-field/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","names":[],"sources":["../../../../src/ui/components/radio-group-field/radio.tsx"],"sourcesContent":["import { cn } from \"@powerhousedao/design-system\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport React, { useId } from \"react\";\nimport { FormLabel } from \"../form-label/form-label.js\";\n\nexport interface RadioProps extends React.ComponentPropsWithoutRef<\n  typeof RadioGroupPrimitive.Item\n> {\n  className?: string;\n  description?: string;\n  disabled?: boolean;\n  hasError?: boolean;\n  id?: string;\n  label: string;\n  value: string;\n}\n\nexport const Radio = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  RadioProps\n>(\n  (\n    {\n      className,\n      description,\n      disabled = false,\n      hasError = false,\n      id: propId,\n      label,\n      value,\n      ...props\n    },\n    ref,\n  ) => {\n    const prefix = useId();\n    const id = propId ?? `${prefix}-radio`;\n\n    return (\n      <>\n        <RadioGroupPrimitive.Item\n          aria-disabled={disabled}\n          aria-invalid={hasError}\n          className={cn(\n            \"group peer\",\n            \"aspect-square size-4 rounded-full border border-gray-800 dark:border-gray-400\",\n            \"hover:border-gray-900 dark:hover:border-gray-50\",\n            disabled && [\n              \"cursor-not-allowed border-gray-600 hover:border-gray-600\",\n              \"dark:border-gray-600 dark:hover:border-gray-600\",\n            ],\n            hasError && [\n              \"border-red-700 hover:border-red-900\",\n              \"dark:border-red-700 dark:hover:border-red-900\",\n            ],\n            className,\n          )}\n          disabled={disabled}\n          id={id}\n          value={value}\n          {...props}\n          ref={ref}\n        >\n          <RadioGroupPrimitive.Indicator\n            className={cn(\n              \"relative flex size-full items-center justify-center\",\n              \"after:absolute after:left-1/2 after:top-1/2 after:size-2.5\",\n              \"after:-translate-x-1/2 after:-translate-y-1/2\",\n              \"after:rounded-full after:bg-gray-800 after:content-['']\",\n              \"dark:after:bg-gray-400\",\n              !disabled && [\n                \"group-hover:after:bg-gray-900\",\n                \"dark:group-hover:after:bg-gray-50\",\n              ],\n              disabled && [\"after:bg-gray-600\", \"dark:after:bg-gray-600\"],\n            )}\n          />\n        </RadioGroupPrimitive.Item>\n        <FormLabel\n          className={cn(\n            !disabled &&\n              !hasError && [\n                \"cursor-pointer\",\n                \"peer-hover:text-gray-900 dark:peer-hover:text-gray-50\",\n              ],\n          )}\n          description={description}\n          disabled={disabled}\n          hasError={hasError}\n          htmlFor={id}\n          required={props.required}\n          inline\n        >\n          {label}\n        </FormLabel>\n      </>\n    );\n  },\n);\n"],"mappings":";;;;;;AAiBA,MAAa,QAAQ,MAAM,YAKvB,EACE,WACA,aACA,WAAW,OACX,WAAW,OACX,IAAI,QACJ,OACA,OACA,GAAG,SAEL,QACG;CACH,MAAM,SAAS,OAAO;CACtB,MAAM,KAAK,UAAU,GAAG,OAAO;AAE/B,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,oBAAoB,MAArB;EACE,iBAAe;EACf,gBAAc;EACd,WAAW,GACT,cACA,iFACA,mDACA,YAAY,CACV,4DACA,kDACD,EACD,YAAY,CACV,uCACA,gDACD,EACD,UACD;EACS;EACN;EACG;EACP,GAAI;EACC;YAEL,oBAAC,oBAAoB,WAArB,EACE,WAAW,GACT,uDACA,8DACA,iDACA,2DACA,0BACA,CAAC,YAAY,CACX,iCACA,oCACD,EACD,YAAY,CAAC,qBAAqB,yBAAyB,CAC5D,EACD,CAAA;EACuB,CAAA,EAC3B,oBAAC,WAAD;EACE,WAAW,GACT,CAAC,YACC,CAAC,YAAY,CACX,kBACA,wDACD,CACJ;EACY;EACH;EACA;EACV,SAAS;EACT,UAAU,MAAM;EAChB,QAAA;YAEC;EACS,CAAA,CACX,EAAA,CAAA;EAGR"}

package/dist/ui/components/search-autocomplete/index.d.ts

@@ -0,0 +1,4 @@
+import { n as SearchAutocompleteProps, t as SearchAutocompleteOption } from "../../../types-BwEJ-iJ0.js";
+import { t as SearchAutocomplete } from "../../../search-autocomplete-B0vEoEIa.js";
+import { t as useSearchAutocomplete } from "../../../use-search-autocomplete-C_HZ1f3N.js";
+export { SearchAutocomplete, SearchAutocompleteOption, SearchAutocompleteProps, useSearchAutocomplete };

package/dist/ui/components/search-autocomplete/index.js

@@ -0,0 +1,3 @@
+import { useSearchAutocomplete } from "./use-search-autocomplete.js";
+import { SearchAutocomplete } from "./search-autocomplete.js";
+export { SearchAutocomplete, useSearchAutocomplete };

package/dist/ui/components/search-autocomplete/search-autocomplete.d.ts

@@ -0,0 +1,2 @@
+import { t as SearchAutocomplete } from "../../../search-autocomplete-B0vEoEIa.js";
+export { SearchAutocomplete };

package/dist/ui/components/search-autocomplete/search-autocomplete.js

@@ -0,0 +1,134 @@
+import { Popover, PopoverAnchor, PopoverContent } from "../popover/popover.js";
+import { Input } from "../input/input.js";
+import { useSearchAutocomplete } from "./use-search-autocomplete.js";
+import { useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@powerhousedao/design-system";
+//#region src/ui/components/search-autocomplete/search-autocomplete.tsx
+const SearchAutocomplete = (props) => {
+	const { fetchOptions, onSelect, selectLabel = "Select", selectingContent, placeholder = "Search...", disabled = false, loading: externalLoading = false, className, renderOption, debounceMs = 300 } = props;
+	const { query, setQuery, results, isLoading, error, isOpen, setIsOpen, handleQueryChange } = useSearchAutocomplete({
+		fetchOptions,
+		debounceMs
+	});
+	const [selectingValue, setSelectingValue] = useState(null);
+	const handleInputChange = useCallback((e) => {
+		handleQueryChange(e.target.value);
+	}, [handleQueryChange]);
+	const handleSelect = useCallback(async (value) => {
+		setSelectingValue(value);
+		try {
+			await onSelect(value);
+			setQuery("");
+			setIsOpen(false);
+		} catch {} finally {
+			setSelectingValue(null);
+		}
+	}, [
+		onSelect,
+		setQuery,
+		setIsOpen
+	]);
+	const handleSubmit = useCallback(() => {
+		if (query.trim()) handleSelect(query.trim());
+	}, [query, handleSelect]);
+	const handleKeyDown = useCallback((e) => {
+		if (e.key === "Enter") {
+			e.preventDefault();
+			if (!fetchOptions && query.trim()) handleSubmit();
+		}
+	}, [
+		fetchOptions,
+		query,
+		handleSubmit
+	]);
+	const loading = isLoading || externalLoading;
+	if (!fetchOptions) return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex items-center gap-2", className),
+		children: [/* @__PURE__ */ jsx(Input, {
+			value: query,
+			onChange: handleInputChange,
+			onKeyDown: handleKeyDown,
+			placeholder,
+			disabled: disabled || selectingValue !== null,
+			className: "max-w-xs text-gray-700"
+		}), /* @__PURE__ */ jsx("button", {
+			onClick: handleSubmit,
+			disabled: disabled || !query.trim() || selectingValue !== null,
+			className: "h-9 rounded-md bg-gray-900 px-4 text-sm font-semibold text-white transition-colors hover:bg-gray-800 disabled:cursor-not-allowed disabled:opacity-50",
+			children: selectLabel
+		})]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative", className),
+		children: [
+			/* @__PURE__ */ jsxs(Popover, {
+				open: isOpen && results.length > 0,
+				onOpenChange: setIsOpen,
+				children: [/* @__PURE__ */ jsx(PopoverAnchor, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(Input, {
+						value: query,
+						onChange: handleInputChange,
+						onKeyDown: handleKeyDown,
+						placeholder,
+						disabled,
+						className: "max-w-xs text-gray-700"
+					})
+				}), /* @__PURE__ */ jsx(PopoverContent, {
+					align: "start",
+					onOpenAutoFocus: (e) => e.preventDefault(),
+					onInteractOutside: () => setIsOpen(false),
+					className: "max-h-60 overflow-y-auto p-1",
+					children: results.map((option) => /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center justify-between gap-2 rounded-md px-2 py-1.5 hover:bg-gray-100",
+						children: [renderOption ? /* @__PURE__ */ jsx("div", {
+							className: "min-w-0 flex-1",
+							children: renderOption(option)
+						}) : /* @__PURE__ */ jsxs("div", {
+							className: "min-w-0 flex-1",
+							children: [
+								/* @__PURE__ */ jsx("p", {
+									className: "truncate text-sm font-medium text-gray-900",
+									children: option.label
+								}),
+								option.description && /* @__PURE__ */ jsx("p", {
+									className: "truncate text-xs text-gray-500",
+									children: option.description
+								}),
+								option.meta && /* @__PURE__ */ jsx("p", {
+									className: "truncate text-xs text-gray-400",
+									children: option.meta
+								})
+							]
+						}), selectingValue === option.value && selectingContent ? /* @__PURE__ */ jsx("div", {
+							className: "flex shrink-0 items-center justify-center",
+							children: selectingContent
+						}) : /* @__PURE__ */ jsx("button", {
+							onClick: () => handleSelect(option.value),
+							disabled: selectingValue === option.value,
+							className: "shrink-0 rounded-md bg-gray-900 px-3 py-1 text-xs font-medium text-white transition-colors hover:bg-gray-800 disabled:opacity-50",
+							children: selectingValue === option.value ? "..." : selectLabel
+						})]
+					}, option.value))
+				})]
+			}),
+			loading && /* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-xs text-gray-500",
+				children: "Searching..."
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-xs text-red-600",
+				children: error
+			}),
+			!loading && !error && query.trim() && results.length === 0 && !isOpen && /* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-xs text-gray-500",
+				children: "No results found"
+			})
+		]
+	});
+};
+//#endregion
+export { SearchAutocomplete };
+
+//# sourceMappingURL=search-autocomplete.js.map

package/dist/ui/components/search-autocomplete/search-autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-autocomplete.js","names":[],"sources":["../../../../src/ui/components/search-autocomplete/search-autocomplete.tsx"],"sourcesContent":["import { cn } from \"@powerhousedao/design-system\";\nimport React, { useCallback, useState } from \"react\";\nimport { Input } from \"../input/input.js\";\nimport { Popover, PopoverAnchor, PopoverContent } from \"../popover/popover.js\";\nimport type { SearchAutocompleteProps } from \"./types.js\";\nimport { useSearchAutocomplete } from \"./use-search-autocomplete.js\";\n\nexport const SearchAutocomplete: React.FC<SearchAutocompleteProps> = (\n  props,\n) => {\n  const {\n    fetchOptions,\n    onSelect,\n    selectLabel = \"Select\",\n    selectingContent,\n    placeholder = \"Search...\",\n    disabled = false,\n    loading: externalLoading = false,\n    className,\n    renderOption,\n    debounceMs = 300,\n  } = props;\n\n  const {\n    query,\n    setQuery,\n    results,\n    isLoading,\n    error,\n    isOpen,\n    setIsOpen,\n    handleQueryChange,\n  } = useSearchAutocomplete({ fetchOptions, debounceMs });\n\n  const [selectingValue, setSelectingValue] = useState<string | null>(null);\n\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      handleQueryChange(e.target.value);\n    },\n    [handleQueryChange],\n  );\n\n  const handleSelect = useCallback(\n    async (value: string) => {\n      setSelectingValue(value);\n      try {\n        await onSelect(value);\n        setQuery(\"\");\n        setIsOpen(false);\n      } catch {\n        // error handled by caller\n      } finally {\n        setSelectingValue(null);\n      }\n    },\n    [onSelect, setQuery, setIsOpen],\n  );\n\n  const handleSubmit = useCallback(() => {\n    if (query.trim()) {\n      handleSelect(query.trim());\n    }\n  }, [query, handleSelect]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === \"Enter\") {\n        e.preventDefault();\n        if (!fetchOptions && query.trim()) {\n          handleSubmit();\n        }\n      }\n    },\n    [fetchOptions, query, handleSubmit],\n  );\n\n  const loading = isLoading || externalLoading;\n\n  // Fallback: plain text input + submit when no fetchOptions\n  if (!fetchOptions) {\n    return (\n      <div className={cn(\"flex items-center gap-2\", className)}>\n        <Input\n          value={query}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={disabled || selectingValue !== null}\n          className=\"max-w-xs text-gray-700\"\n        />\n        <button\n          onClick={handleSubmit}\n          disabled={disabled || !query.trim() || selectingValue !== null}\n          className=\"h-9 rounded-md bg-gray-900 px-4 text-sm font-semibold text-white transition-colors hover:bg-gray-800 disabled:cursor-not-allowed disabled:opacity-50\"\n        >\n          {selectLabel}\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(\"relative\", className)}>\n      <Popover open={isOpen && results.length > 0} onOpenChange={setIsOpen}>\n        <PopoverAnchor asChild>\n          <Input\n            value={query}\n            onChange={handleInputChange}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n            disabled={disabled}\n            className=\"max-w-xs text-gray-700\"\n          />\n        </PopoverAnchor>\n        <PopoverContent\n          align=\"start\"\n          onOpenAutoFocus={(e) => e.preventDefault()}\n          onInteractOutside={() => setIsOpen(false)}\n          className=\"max-h-60 overflow-y-auto p-1\"\n        >\n          {results.map((option) => (\n            <div\n              key={option.value}\n              className=\"flex items-center justify-between gap-2 rounded-md px-2 py-1.5 hover:bg-gray-100\"\n            >\n              {renderOption ? (\n                <div className=\"min-w-0 flex-1\">{renderOption(option)}</div>\n              ) : (\n                <div className=\"min-w-0 flex-1\">\n                  <p className=\"truncate text-sm font-medium text-gray-900\">\n                    {option.label}\n                  </p>\n                  {option.description && (\n                    <p className=\"truncate text-xs text-gray-500\">\n                      {option.description}\n                    </p>\n                  )}\n                  {option.meta && (\n                    <p className=\"truncate text-xs text-gray-400\">\n                      {option.meta}\n                    </p>\n                  )}\n                </div>\n              )}\n              {selectingValue === option.value && selectingContent ? (\n                <div className=\"flex shrink-0 items-center justify-center\">\n                  {selectingContent}\n                </div>\n              ) : (\n                <button\n                  onClick={() => handleSelect(option.value)}\n                  disabled={selectingValue === option.value}\n                  className=\"shrink-0 rounded-md bg-gray-900 px-3 py-1 text-xs font-medium text-white transition-colors hover:bg-gray-800 disabled:opacity-50\"\n                >\n                  {selectingValue === option.value ? \"...\" : selectLabel}\n                </button>\n              )}\n            </div>\n          ))}\n        </PopoverContent>\n      </Popover>\n      {loading && <p className=\"mt-1 text-xs text-gray-500\">Searching...</p>}\n      {error && <p className=\"mt-1 text-xs text-red-600\">{error}</p>}\n      {!loading &&\n        !error &&\n        query.trim() &&\n        results.length === 0 &&\n        !isOpen && (\n          <p className=\"mt-1 text-xs text-gray-500\">No results found</p>\n        )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/ui/components/search-autocomplete/types.d.ts

@@ -0,0 +1,2 @@
+import { n as SearchAutocompleteProps, t as SearchAutocompleteOption } from "../../../types-BwEJ-iJ0.js";
+export { SearchAutocompleteOption, SearchAutocompleteProps };

package/dist/ui/components/search-autocomplete/use-search-autocomplete.d.ts

@@ -0,0 +1,2 @@
+import { t as useSearchAutocomplete } from "../../../use-search-autocomplete-C_HZ1f3N.js";
+export { useSearchAutocomplete };

package/dist/ui/components/search-autocomplete/use-search-autocomplete.js

@@ -0,0 +1,73 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region src/ui/components/search-autocomplete/use-search-autocomplete.ts
+function useSearchAutocomplete(options) {
+	const { fetchOptions, debounceMs } = options;
+	const [query, setQuery] = useState("");
+	const [results, setResults] = useState([]);
+	const [isLoading, setIsLoading] = useState(false);
+	const [error, setError] = useState();
+	const [isOpen, setIsOpen] = useState(false);
+	const debounceRef = useRef(void 0);
+	const abortRef = useRef(void 0);
+	const fetchResults = useCallback(async (searchQuery) => {
+		if (!fetchOptions) return;
+		if (!searchQuery.trim()) {
+			setResults([]);
+			setIsLoading(false);
+			return;
+		}
+		abortRef.current?.abort();
+		const controller = new AbortController();
+		abortRef.current = controller;
+		setIsLoading(true);
+		setError(void 0);
+		try {
+			const data = await fetchOptions(searchQuery);
+			if (!controller.signal.aborted) {
+				setResults(data);
+				setIsOpen(data.length > 0);
+			}
+		} catch (err) {
+			if (!controller.signal.aborted) {
+				setError(err instanceof Error ? err.message : "Failed to fetch results");
+				setResults([]);
+			}
+		} finally {
+			if (!controller.signal.aborted) setIsLoading(false);
+		}
+	}, [fetchOptions]);
+	const handleQueryChange = useCallback((value) => {
+		setQuery(value);
+		if (debounceRef.current) clearTimeout(debounceRef.current);
+		if (!value.trim()) {
+			setResults([]);
+			setIsOpen(false);
+			setIsLoading(false);
+			return;
+		}
+		setIsLoading(true);
+		debounceRef.current = setTimeout(() => {
+			fetchResults(value);
+		}, debounceMs);
+	}, [debounceMs, fetchResults]);
+	useEffect(() => {
+		return () => {
+			if (debounceRef.current) clearTimeout(debounceRef.current);
+			abortRef.current?.abort();
+		};
+	}, []);
+	return {
+		query,
+		setQuery,
+		results,
+		isLoading,
+		error,
+		isOpen,
+		setIsOpen,
+		handleQueryChange
+	};
+}
+//#endregion
+export { useSearchAutocomplete };
+
+//# sourceMappingURL=use-search-autocomplete.js.map

package/dist/ui/components/search-autocomplete/use-search-autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-search-autocomplete.js","names":[],"sources":["../../../../src/ui/components/search-autocomplete/use-search-autocomplete.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { SearchAutocompleteOption } from \"./types.js\";\n\ninterface UseSearchAutocompleteOptions {\n  fetchOptions?: (query: string) => Promise<SearchAutocompleteOption[]>;\n  debounceMs: number;\n}\n\nexport function useSearchAutocomplete(options: UseSearchAutocompleteOptions) {\n  const { fetchOptions, debounceMs } = options;\n\n  const [query, setQuery] = useState(\"\");\n  const [results, setResults] = useState<SearchAutocompleteOption[]>([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | undefined>();\n  const [isOpen, setIsOpen] = useState(false);\n\n  const debounceRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const abortRef = useRef<AbortController>(undefined);\n\n  const fetchResults = useCallback(\n    async (searchQuery: string) => {\n      if (!fetchOptions) return;\n\n      if (!searchQuery.trim()) {\n        setResults([]);\n        setIsLoading(false);\n        return;\n      }\n\n      abortRef.current?.abort();\n      const controller = new AbortController();\n      abortRef.current = controller;\n\n      setIsLoading(true);\n      setError(undefined);\n\n      try {\n        const data = await fetchOptions(searchQuery);\n        if (!controller.signal.aborted) {\n          setResults(data);\n          setIsOpen(data.length > 0);\n        }\n      } catch (err) {\n        if (!controller.signal.aborted) {\n          setError(\n            err instanceof Error ? err.message : \"Failed to fetch results\",\n          );\n          setResults([]);\n        }\n      } finally {\n        if (!controller.signal.aborted) {\n          setIsLoading(false);\n        }\n      }\n    },\n    [fetchOptions],\n  );\n\n  const handleQueryChange = useCallback(\n    (value: string) => {\n      setQuery(value);\n\n      if (debounceRef.current) {\n        clearTimeout(debounceRef.current);\n      }\n\n      if (!value.trim()) {\n        setResults([]);\n        setIsOpen(false);\n        setIsLoading(false);\n        return;\n      }\n\n      setIsLoading(true);\n      debounceRef.current = setTimeout(() => {\n        fetchResults(value);\n      }, debounceMs);\n    },\n    [debounceMs, fetchResults],\n  );\n\n  useEffect(() => {\n    return () => {\n      if (debounceRef.current) {\n        clearTimeout(debounceRef.current);\n      }\n      abortRef.current?.abort();\n    };\n  }, []);\n\n  return {\n    query,\n    setQuery,\n    results,\n    isLoading,\n    error,\n    isOpen,\n    setIsOpen,\n    handleQueryChange,\n  };\n}\n"],"mappings":";;AAQA,SAAgB,sBAAsB,SAAuC;CAC3E,MAAM,EAAE,cAAc,eAAe;CAErC,MAAM,CAAC,OAAO,YAAY,SAAS,GAAG;CACtC,MAAM,CAAC,SAAS,cAAc,SAAqC,EAAE,CAAC;CACtE,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,OAAO,YAAY,UAA8B;CACxD,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAE3C,MAAM,cAAc,OAAsC,KAAA,EAAU;CACpE,MAAM,WAAW,OAAwB,KAAA,EAAU;CAEnD,MAAM,eAAe,YACnB,OAAO,gBAAwB;AAC7B,MAAI,CAAC,aAAc;AAEnB,MAAI,CAAC,YAAY,MAAM,EAAE;AACvB,cAAW,EAAE,CAAC;AACd,gBAAa,MAAM;AACnB;;AAGF,WAAS,SAAS,OAAO;EACzB,MAAM,aAAa,IAAI,iBAAiB;AACxC,WAAS,UAAU;AAEnB,eAAa,KAAK;AAClB,WAAS,KAAA,EAAU;AAEnB,MAAI;GACF,MAAM,OAAO,MAAM,aAAa,YAAY;AAC5C,OAAI,CAAC,WAAW,OAAO,SAAS;AAC9B,eAAW,KAAK;AAChB,cAAU,KAAK,SAAS,EAAE;;WAErB,KAAK;AACZ,OAAI,CAAC,WAAW,OAAO,SAAS;AAC9B,aACE,eAAe,QAAQ,IAAI,UAAU,0BACtC;AACD,eAAW,EAAE,CAAC;;YAER;AACR,OAAI,CAAC,WAAW,OAAO,QACrB,cAAa,MAAM;;IAIzB,CAAC,aAAa,CACf;CAED,MAAM,oBAAoB,aACvB,UAAkB;AACjB,WAAS,MAAM;AAEf,MAAI,YAAY,QACd,cAAa,YAAY,QAAQ;AAGnC,MAAI,CAAC,MAAM,MAAM,EAAE;AACjB,cAAW,EAAE,CAAC;AACd,aAAU,MAAM;AAChB,gBAAa,MAAM;AACnB;;AAGF,eAAa,KAAK;AAClB,cAAY,UAAU,iBAAiB;AACrC,gBAAa,MAAM;KAClB,WAAW;IAEhB,CAAC,YAAY,aAAa,CAC3B;AAED,iBAAgB;AACd,eAAa;AACX,OAAI,YAAY,QACd,cAAa,YAAY,QAAQ;AAEnC,YAAS,SAAS,OAAO;;IAE1B,EAAE,CAAC;AAEN,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/ui/components/select-field/content.d.ts

@@ -0,0 +1,2 @@
+import { t as Content } from "../../../content-CvR9m2wg.js";
+export { Content };