@devslab/dds-solid 0.21.1 → 0.22.0

package/dist/input.server.js

@@ -0,0 +1,120 @@
+import { t as classes } from "./assets/utils-Ou0UJRlO.js";
+import { createEffect, createSignal, createUniqueId, onCleanup, onMount, splitProps } from "solid-js";
+import { escape, mergeProps as mergeProps$1, ssr, ssrAttribute, ssrElement, ssrHydrationKey } from "solid-js/web";
+//#region src/input.tsx
+var _tmpl$ = [
+	"<span",
+	"><!--$-->",
+	"<!--/-->",
+	"<!--$-->",
+	"<!--/--></span>"
+];
+var _tmpl$2 = [
+	"<label",
+	" class=\"dds-input__label\">",
+	"</label>"
+];
+var _tmpl$3 = [
+	"<button",
+	" type=\"button\" class=\"dds-input__clear\"",
+	"><span aria-hidden=\"true\">×</span></button>"
+];
+var _tmpl$4 = [
+	"<span",
+	" class=\"dds-input-group__start\">",
+	"</span>"
+];
+var _tmpl$5 = [
+	"<span",
+	" class=\"dds-input-group__end\">",
+	"</span>"
+];
+/** A native text input. Supply label, aria-label, or aria-labelledby. */
+function Input(props) {
+	const [local, rest] = splitProps(props, [
+		"value",
+		"defaultValue",
+		"onValueChange",
+		"label",
+		"labelPlacement",
+		"clearable",
+		"clearLabel",
+		"class",
+		"wrapperClass",
+		"id",
+		"type",
+		"ref",
+		"onInput",
+		"onKeyDown",
+		"disabled",
+		"readonly",
+		"readOnly"
+	]);
+	const generated = createUniqueId();
+	const id = () => local.id ?? `dds-input-${generated}`;
+	const initial = local.defaultValue ?? "";
+	const [internal, setInternal] = createSignal(initial);
+	const current = () => local.value ?? internal();
+	const readOnly = () => local.readonly || local.readOnly;
+	let input;
+	onMount(() => {
+		input.defaultValue = initial;
+	});
+	createEffect(() => {
+		rest.form;
+		const form = input.form;
+		const reset = (event) => queueMicrotask(() => {
+			if (event.defaultPrevented) return;
+			if (local.value === void 0) setInternal(initial);
+			input.value = current();
+		});
+		form?.addEventListener("reset", reset);
+		onCleanup(() => form?.removeEventListener("reset", reset));
+	});
+	return ssr(_tmpl$, ssrHydrationKey() + ssrAttribute("class", escape(classes("dds-input", local.wrapperClass), true), false) + ssrAttribute("data-label-placement", escape(local.labelPlacement ?? "outside", true), false) + ssrAttribute("data-filled", current().length > 0 ? "" : escape(void 0, true), false) + ssrAttribute("data-disabled", local.disabled ? "" : escape(void 0, true), false) + ssrAttribute("data-readonly", readOnly() ? "" : escape(void 0, true), false), local.label != null && ssr(_tmpl$2, ssrHydrationKey() + ssrAttribute("for", escape(id(), true), false), escape(local.label)), ssrElement("input", mergeProps$1(rest, {
+		get id() {
+			return id();
+		},
+		get type() {
+			return local.type ?? "text";
+		},
+		get disabled() {
+			return local.disabled;
+		},
+		get readonly() {
+			return readOnly();
+		},
+		get ["class"]() {
+			return classes("dds-input__control", local.class);
+		},
+		get value() {
+			return current();
+		}
+	}), void 0, false), local.clearable && current().length > 0 && !local.disabled && !readOnly() && ssr(_tmpl$3, ssrHydrationKey(), ssrAttribute("aria-label", escape(local.clearLabel ?? "내용 지우기", true), false)));
+}
+/** Layout only: the child Input owns its value and accessible name. */
+function InputGroup(props) {
+	const [local, rest] = splitProps(props, [
+		"start",
+		"end",
+		"class",
+		"children"
+	]);
+	return ssrElement("div", mergeProps$1(rest, { get ["class"]() {
+		return classes("dds-input-group", local.class);
+	} }), () => [
+		"<!--$-->",
+		local.start != null && ssr(_tmpl$4, ssrHydrationKey(), escape(local.start)),
+		"<!--/-->",
+		"<!--$-->",
+		escape(local.children),
+		"<!--/-->",
+		"<!--$-->",
+		local.end != null && ssr(_tmpl$5, ssrHydrationKey(), escape(local.end)),
+		"<!--/-->"
+	], true);
+}
+//#endregion
+export { Input, InputGroup };
+
+//# sourceMappingURL=input.server.js.map

package/dist/input.server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.server.js","names":["createEffect","createSignal","createUniqueId","onCleanup","onMount","splitProps","JSX","classes","LabelPlacement","InputProps","Omit","InputHTMLAttributes","HTMLInputElement","type","value","defaultValue","onValueChange","next","label","Element","labelPlacement","clearable","clearLabel","class","wrapperClass","readOnly","callHandler","handler","event","E","data","Input","props","local","rest","generated","id","initial","internal","setInternal","current","readonly","input","form","reset","Event","queueMicrotask","defaultPrevented","undefined","addEventListener","removeEventListener","update","disabled","_$ssr","_tmpl$","_$ssrHydrationKey","_$ssrAttribute","_$escape","length","_tmpl$2","_$ssrElement","_$mergeProps","_tmpl$3","InputGroupProps","HTMLAttributes","HTMLDivElement","start","end","children","InputGroup","_tmpl$4","_tmpl$5"],"sources":["../src/input.tsx"],"sourcesContent":["import {\n  createEffect,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  onMount,\n  splitProps,\n  type JSX,\n} from \"solid-js\";\nimport { classes } from \"./utils\";\n\nexport type LabelPlacement = \"outside\" | \"inside\" | \"hidden\";\nexport interface InputProps\n  extends Omit<\n    JSX.InputHTMLAttributes<HTMLInputElement>,\n    \"type\" | \"value\" | \"defaultValue\" | \"children\" | \"class\"\n  > {\n  type?: \"text\" | \"search\" | \"email\" | \"tel\" | \"url\" | \"password\" | \"number\";\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (next: string) => void;\n  label?: JSX.Element;\n  labelPlacement?: LabelPlacement;\n  clearable?: boolean;\n  clearLabel?: string;\n  class?: string;\n  wrapperClass?: string;\n  /** Alias for the native Solid readonly property. */\n  readOnly?: boolean;\n}\nfunction callHandler<E>(\n  handler:\n    | ((event: E) => void)\n    | { 0: (data: any, event: E) => void; 1: any }\n    | undefined,\n  event: E,\n) {\n  if (typeof handler === \"function\") handler(event);\n  else if (handler) handler[0](handler[1], event);\n}\n/** A native text input. Supply label, aria-label, or aria-labelledby. */\nexport function Input(props: InputProps) {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"defaultValue\",\n    \"onValueChange\",\n    \"label\",\n    \"labelPlacement\",\n    \"clearable\",\n    \"clearLabel\",\n    \"class\",\n    \"wrapperClass\",\n    \"id\",\n    \"type\",\n    \"ref\",\n    \"onInput\",\n    \"onKeyDown\",\n    \"disabled\",\n    \"readonly\",\n    \"readOnly\",\n  ]);\n  const generated = createUniqueId();\n  const id = () => local.id ?? `dds-input-${generated}`;\n  const initial = local.defaultValue ?? \"\";\n  const [internal, setInternal] = createSignal(initial);\n  const current = () => local.value ?? internal();\n  const readOnly = () => local.readonly || local.readOnly;\n  let input!: HTMLInputElement;\n  onMount(() => {\n    input.defaultValue = initial;\n  });\n  createEffect(() => {\n    // Native form ownership can change after mount, including external forms.\n    void rest.form;\n    const form = input.form;\n    const reset = (event: Event) =>\n      queueMicrotask(() => {\n        if (event.defaultPrevented) return;\n        if (local.value === undefined) setInternal(initial);\n        input.value = current();\n      });\n    form?.addEventListener(\"reset\", reset);\n    onCleanup(() => form?.removeEventListener(\"reset\", reset));\n  });\n  const update = (next: string) => {\n    if (local.disabled || readOnly()) return;\n    if (local.value === undefined) setInternal(next);\n    local.onValueChange?.(next);\n    // A declined controlled edit must not leave the DOM holding a draft.\n    input.value = current();\n  };\n  return (\n    <span\n      class={classes(\"dds-input\", local.wrapperClass)}\n      data-label-placement={local.labelPlacement ?? \"outside\"}\n      data-filled={current().length > 0 ? \"\" : undefined}\n      data-disabled={local.disabled ? \"\" : undefined}\n      data-readonly={readOnly() ? \"\" : undefined}\n    >\n      {local.label != null && (\n        <label for={id()} class=\"dds-input__label\">\n          {local.label}\n        </label>\n      )}\n      <input\n        {...rest}\n        ref={(node) => {\n          input = node;\n          if (typeof local.ref === \"function\") local.ref(node);\n        }}\n        id={id()}\n        type={local.type ?? \"text\"}\n        disabled={local.disabled}\n        readonly={readOnly()}\n        class={classes(\"dds-input__control\", local.class)}\n        value={current()}\n        onInput={(event) => {\n          callHandler(local.onInput, event);\n          update(event.currentTarget.value);\n        }}\n        onKeyDown={(event) => {\n          callHandler(local.onKeyDown, event);\n          if (\n            event.key === \"Enter\" &&\n            (event.isComposing || event.keyCode === 229)\n          )\n            event.preventDefault();\n        }}\n      />\n      {local.clearable &&\n        current().length > 0 &&\n        !local.disabled &&\n        !readOnly() && (\n          <button\n            type=\"button\"\n            class=\"dds-input__clear\"\n            aria-label={local.clearLabel ?? \"내용 지우기\"}\n            onPointerDown={(event) => event.preventDefault()}\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => {\n              update(\"\");\n              input.focus();\n            }}\n          >\n            <span aria-hidden=\"true\">×</span>\n          </button>\n        )}\n    </span>\n  );\n}\nexport interface InputGroupProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  start?: JSX.Element;\n  end?: JSX.Element;\n  children?: JSX.Element;\n}\n/** Layout only: the child Input owns its value and accessible name. */\nexport function InputGroup(props: InputGroupProps) {\n  const [local, rest] = splitProps(props, [\n    \"start\",\n    \"end\",\n    \"class\",\n    \"children\",\n  ]);\n  return (\n    <div {...rest} class={classes(\"dds-input-group\", local.class)}>\n      {local.start != null && (\n        <span class=\"dds-input-group__start\">{local.start}</span>\n      )}\n      {local.children}\n      {local.end != null && (\n        <span class=\"dds-input-group__end\">{local.end}</span>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/internal/choice.d.ts

@@ -0,0 +1,5 @@
+import { type ComboboxProps } from "../choice-types";
+export declare function Choice(props: ComboboxProps & {
+    searchable: boolean;
+}): import("solid-js").JSX.Element;
+//# sourceMappingURL=choice.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"choice.d.ts","sourceRoot":"","sources":["../../src/internal/choice.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAEzB,wBAAgB,MAAM,CAAC,KAAK,EAAE,aAAa,GAAG;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,kCA0apE"}

package/dist/popover.d.ts

@@ -0,0 +1,22 @@
+import { type ComponentProps } from "solid-js";
+import { Popover as ArkPopover } from "@ark-ui/solid/popover";
+export interface PopoverProps extends Omit<ComponentProps<typeof ArkPopover.Root>, "onOpenChange"> {
+    onOpenChange?: (open: boolean) => void;
+}
+export interface PopoverContentProps extends ComponentProps<typeof ArkPopover.Content> {
+    portal?: boolean;
+    portalMount?: HTMLElement;
+}
+declare function Root(props: PopoverProps): import("solid-js").JSX.Element;
+declare function Content(props: PopoverContentProps): import("solid-js").JSX.Element;
+export declare const Popover: {
+    Root: typeof Root;
+    Trigger: (props: ArkPopover.TriggerProps) => import("solid-js").JSX.Element;
+    Content: typeof Content;
+    Title: (props: ArkPopover.TitleProps) => import("solid-js").JSX.Element;
+    Description: (props: ArkPopover.DescriptionProps) => import("solid-js").JSX.Element;
+    CloseTrigger: (props: ArkPopover.CloseTriggerProps) => import("solid-js").JSX.Element;
+    Anchor: (props: ArkPopover.AnchorProps) => import("solid-js").JSX.Element;
+};
+export {};
+//# sourceMappingURL=popover.d.ts.map

package/dist/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../src/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,UAAU,CAAC;AAElB,OAAO,EACL,OAAO,IAAI,UAAU,EAEtB,MAAM,uBAAuB,CAAC;AAC/B,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,cAAc,CAAC;IACpE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AACD,MAAM,WAAW,mBACf,SAAQ,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AACD,iBAAS,IAAI,CAAC,KAAK,EAAE,YAAY,kCAchC;AACD,iBAAS,OAAO,CAAC,KAAK,EAAE,mBAAmB,kCA2C1C;AACD,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC"}

package/dist/popover.js

@@ -0,0 +1,76 @@
+import { Show as e, createEffect as t, createSignal as n, splitProps as r } from "solid-js";
+import { Portal as i, createComponent as a, mergeProps as o } from "solid-js/web";
+import { Popover as s, usePopoverContext as c } from "@ark-ui/solid/popover";
+//#region src/popover.tsx
+function l(e) {
+	let [t, n] = r(e, [
+		"onOpenChange",
+		"modal",
+		"positioning"
+	]);
+	return a(s.Root, o(n, {
+		get positioning() {
+			return {
+				strategy: "fixed",
+				...t.positioning
+			};
+		},
+		get modal() {
+			return t.modal ?? !1;
+		},
+		onOpenChange: (e) => t.onOpenChange?.(e.open)
+	}));
+}
+function u(l) {
+	let [u, d] = r(l, [
+		"portal",
+		"portalMount",
+		"class",
+		"children"
+	]), f = c(), [p, m] = n();
+	t(() => {
+		if (typeof document > "u") return;
+		let e = f().getTriggerProps().id, t = e ? document.getElementById(e) : null;
+		m(u.portalMount ?? t?.closest("[role=\"dialog\"], [role=\"alertdialog\"]") ?? document.body);
+	});
+	let h = a(s.Positioner, {
+		class: "dds-popover-positioner",
+		get children() {
+			return a(s.Content, o(d, {
+				get "aria-labelledby"() {
+					return d["aria-labelledby"] ?? (d["aria-label"] ? void 0 : f().getTitleProps().id);
+				},
+				get class() {
+					return ["dds-popover", u.class].filter(Boolean).join(" ");
+				},
+				get children() {
+					return u.children;
+				}
+			}));
+		}
+	});
+	return u.portal === !1 ? h : a(e, {
+		get when() {
+			return p();
+		},
+		children: (e) => a(i, {
+			get mount() {
+				return e();
+			},
+			children: h
+		})
+	});
+}
+var d = {
+	Root: l,
+	Trigger: s.Trigger,
+	Content: u,
+	Title: s.Title,
+	Description: s.Description,
+	CloseTrigger: s.CloseTrigger,
+	Anchor: s.Anchor
+};
+//#endregion
+export { d as Popover };
+
+//# sourceMappingURL=popover.js.map

package/dist/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":["splitProps","createEffect","createSignal","Show","ComponentProps","Portal","Popover","ArkPopover","usePopoverContext","PopoverProps","Omit","Root","onOpenChange","open","PopoverContentProps","Content","portal","portalMount","HTMLElement","props","local","rest","_$createComponent","_$mergeProps","positioning","strategy","modal","event","api","mount","setMount","document","triggerId","getTriggerProps","id","trigger","getElementById","closest","body","content","Positioner","children","aria-labelledby","undefined","getTitleProps","class","filter","Boolean","join","when","target","Trigger","Title","Description","CloseTrigger","Anchor"],"sources":["../src/popover.tsx"],"sourcesContent":["import {\n  splitProps,\n  createEffect,\n  createSignal,\n  Show,\n  type ComponentProps,\n} from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport {\n  Popover as ArkPopover,\n  usePopoverContext,\n} from \"@ark-ui/solid/popover\";\nexport interface PopoverProps\n  extends Omit<ComponentProps<typeof ArkPopover.Root>, \"onOpenChange\"> {\n  onOpenChange?: (open: boolean) => void;\n}\nexport interface PopoverContentProps\n  extends ComponentProps<typeof ArkPopover.Content> {\n  portal?: boolean;\n  portalMount?: HTMLElement;\n}\nfunction Root(props: PopoverProps) {\n  const [local, rest] = splitProps(props, [\n    \"onOpenChange\",\n    \"modal\",\n    \"positioning\",\n  ]);\n  return (\n    <ArkPopover.Root\n      {...rest}\n      positioning={{ strategy: \"fixed\", ...local.positioning }}\n      modal={local.modal ?? false}\n      onOpenChange={(event) => local.onOpenChange?.(event.open)}\n    />\n  );\n}\nfunction Content(props: PopoverContentProps) {\n  const [local, rest] = splitProps(props, [\n    \"portal\",\n    \"portalMount\",\n    \"class\",\n    \"children\",\n  ]);\n  const api = usePopoverContext();\n  const [mount, setMount] = createSignal<HTMLElement>();\n  createEffect(() => {\n    if (typeof document === \"undefined\") return;\n    const triggerId = api().getTriggerProps().id;\n    const trigger = triggerId ? document.getElementById(triggerId) : null;\n    // Keep nested overlays inside the modal isolation subtree.\n    setMount(\n      local.portalMount ??\n        trigger?.closest<HTMLElement>(\n          '[role=\"dialog\"], [role=\"alertdialog\"]',\n        ) ??\n        document.body,\n    );\n  });\n  const content = (\n    <ArkPopover.Positioner class=\"dds-popover-positioner\">\n      <ArkPopover.Content\n        {...rest}\n        aria-labelledby={\n          rest[\"aria-labelledby\"] ??\n          (rest[\"aria-label\"] ? undefined : api().getTitleProps().id)\n        }\n        class={[\"dds-popover\", local.class].filter(Boolean).join(\" \")}\n      >\n        {local.children}\n      </ArkPopover.Content>\n    </ArkPopover.Positioner>\n  );\n  return local.portal === false ? (\n    content\n  ) : (\n    <Show when={mount()}>\n      {(target) => <Portal mount={target()}>{content}</Portal>}\n    </Show>\n  );\n}\nexport const Popover = {\n  Root,\n  Trigger: ArkPopover.Trigger,\n  Content,\n  Title: ArkPopover.Title,\n  Description: ArkPopover.Description,\n  CloseTrigger: ArkPopover.CloseTrigger,\n  Anchor: ArkPopover.Anchor,\n};\n"],"mappings":";;;;AAqBA,SAASW,EAAKQ,GAAqB;CACjC,IAAM,CAACC,GAAOC,KAAQrB,EAAWmB,GAAO;EACtC;EACA;EACA;CAAa,CACd;CACD,OAAAG,EACGf,EAAWI,MAAIY,EACVF,GAAI;EAAA,IACRG,cAAW;GAAA,OAAE;IAAEC,UAAU;IAAS,GAAGL,EAAMI;GAAY;EAAC;EAAA,IACxDE,QAAK;GAAA,OAAEN,EAAMM,SAAS;EAAK;EAC3Bd,eAAee,MAAUP,EAAMR,eAAee,EAAMd,IAAI;CAAC,CAAA,CAAA;AAG/D;AACA,SAASE,EAAQI,GAA4B;CAC3C,IAAM,CAACC,GAAOC,KAAQrB,EAAWmB,GAAO;EACtC;EACA;EACA;EACA;CAAU,CACX,GACKS,IAAMpB,EAAkB,GACxB,CAACqB,GAAOC,KAAY5B,EAA0B;CACpDD,QAAmB;EACjB,IAAI,OAAO8B,WAAa,KAAa;EACrC,IAAMC,IAAYJ,EAAI,CAAC,CAACK,gBAAgB,CAAC,CAACC,IACpCC,IAAUH,IAAYD,SAASK,eAAeJ,CAAS,IAAI;EAEjEF,EACEV,EAAMH,eACJkB,GAASE,QACP,2CACF,KACAN,SAASO,IACb;CACF,CAAC;CACD,IAAMC,IAAOjB,EACVf,EAAWiC,YAAU;EAAA,OAAA;EAAA,IAAAC,WAAA;GAAA,OAAAnB,EACnBf,EAAWQ,SAAOQ,EACbF,GAAI;IAAA,IAAA,oBAAA;KAAA,OAENA,EAAK,uBACJA,EAAK,gBAAgBsB,KAAAA,IAAYf,EAAI,CAAC,CAACgB,cAAc,CAAC,CAACV;IAAG;IAAA,IAAA,QAAA;KAAA,OAEtD,CAAC,eAAed,EAAMyB,KAAK,CAAC,CAACC,OAAOC,OAAO,CAAC,CAACC,KAAK,GAAG;IAAC;IAAA,IAAAP,WAAA;KAAA,OAE5DrB,EAAMqB;IAAQ;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA;CAIrB,OAAOrB,EAAMJ,WAAW,KACtBuB,IAAOjB,EAENnB,GAAI;EAAA,IAAC8C,OAAI;GAAA,OAAEpB,EAAM;EAAC;EAAAY,WACfS,MAAM5B,EAAMjB,GAAM;GAAA,IAACwB,QAAK;IAAA,OAAEqB,EAAO;GAAC;GAAAT,UAAGF;EAAO,CAAA;CAAU,CAAA;AAG9D;AACA,IAAajC,IAAU;CACrBK;CACAwC,SAAS5C,EAAW4C;CACpBpC;CACAqC,OAAO7C,EAAW6C;CAClBC,aAAa9C,EAAW8C;CACxBC,cAAc/C,EAAW+C;CACzBC,QAAQhD,EAAWgD;AACrB"}

package/dist/popover.server.js

@@ -0,0 +1,79 @@
+import { Show, createEffect, createSignal, splitProps } from "solid-js";
+import { Portal, createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import { Popover as Popover$1, usePopoverContext } from "@ark-ui/solid/popover";
+//#region src/popover.tsx
+function Root(props) {
+	const [local, rest] = splitProps(props, [
+		"onOpenChange",
+		"modal",
+		"positioning"
+	]);
+	return createComponent(Popover$1.Root, mergeProps$1(rest, {
+		get positioning() {
+			return {
+				strategy: "fixed",
+				...local.positioning
+			};
+		},
+		get modal() {
+			return local.modal ?? false;
+		},
+		onOpenChange: (event) => local.onOpenChange?.(event.open)
+	}));
+}
+function Content(props) {
+	const [local, rest] = splitProps(props, [
+		"portal",
+		"portalMount",
+		"class",
+		"children"
+	]);
+	const api = usePopoverContext();
+	const [mount, setMount] = createSignal();
+	createEffect(() => {
+		if (typeof document === "undefined") return;
+		const triggerId = api().getTriggerProps().id;
+		const trigger = triggerId ? document.getElementById(triggerId) : null;
+		setMount(local.portalMount ?? trigger?.closest("[role=\"dialog\"], [role=\"alertdialog\"]") ?? document.body);
+	});
+	const content = createComponent(Popover$1.Positioner, {
+		"class": "dds-popover-positioner",
+		get children() {
+			return createComponent(Popover$1.Content, mergeProps$1(rest, {
+				get ["aria-labelledby"]() {
+					return rest["aria-labelledby"] ?? (rest["aria-label"] ? void 0 : api().getTitleProps().id);
+				},
+				get ["class"]() {
+					return ["dds-popover", local.class].filter(Boolean).join(" ");
+				},
+				get children() {
+					return local.children;
+				}
+			}));
+		}
+	});
+	return local.portal === false ? content : createComponent(Show, {
+		get when() {
+			return mount();
+		},
+		children: (target) => createComponent(Portal, {
+			get mount() {
+				return target();
+			},
+			children: content
+		})
+	});
+}
+var Popover = {
+	Root,
+	Trigger: Popover$1.Trigger,
+	Content,
+	Title: Popover$1.Title,
+	Description: Popover$1.Description,
+	CloseTrigger: Popover$1.CloseTrigger,
+	Anchor: Popover$1.Anchor
+};
+//#endregion
+export { Popover };
+
+//# sourceMappingURL=popover.server.js.map

package/dist/popover.server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.server.js","names":["splitProps","createEffect","createSignal","Show","ComponentProps","Portal","Popover","ArkPopover","usePopoverContext","PopoverProps","Omit","Root","onOpenChange","open","PopoverContentProps","Content","portal","portalMount","HTMLElement","props","local","rest","_$createComponent","_$mergeProps","positioning","strategy","modal","event","api","mount","setMount","document","triggerId","getTriggerProps","id","trigger","getElementById","closest","body","content","Positioner","children","aria-labelledby","undefined","getTitleProps","class","filter","Boolean","join","when","target","Trigger","Title","Description","CloseTrigger","Anchor"],"sources":["../src/popover.tsx"],"sourcesContent":["import {\n  splitProps,\n  createEffect,\n  createSignal,\n  Show,\n  type ComponentProps,\n} from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport {\n  Popover as ArkPopover,\n  usePopoverContext,\n} from \"@ark-ui/solid/popover\";\nexport interface PopoverProps\n  extends Omit<ComponentProps<typeof ArkPopover.Root>, \"onOpenChange\"> {\n  onOpenChange?: (open: boolean) => void;\n}\nexport interface PopoverContentProps\n  extends ComponentProps<typeof ArkPopover.Content> {\n  portal?: boolean;\n  portalMount?: HTMLElement;\n}\nfunction Root(props: PopoverProps) {\n  const [local, rest] = splitProps(props, [\n    \"onOpenChange\",\n    \"modal\",\n    \"positioning\",\n  ]);\n  return (\n    <ArkPopover.Root\n      {...rest}\n      positioning={{ strategy: \"fixed\", ...local.positioning }}\n      modal={local.modal ?? false}\n      onOpenChange={(event) => local.onOpenChange?.(event.open)}\n    />\n  );\n}\nfunction Content(props: PopoverContentProps) {\n  const [local, rest] = splitProps(props, [\n    \"portal\",\n    \"portalMount\",\n    \"class\",\n    \"children\",\n  ]);\n  const api = usePopoverContext();\n  const [mount, setMount] = createSignal<HTMLElement>();\n  createEffect(() => {\n    if (typeof document === \"undefined\") return;\n    const triggerId = api().getTriggerProps().id;\n    const trigger = triggerId ? document.getElementById(triggerId) : null;\n    // Keep nested overlays inside the modal isolation subtree.\n    setMount(\n      local.portalMount ??\n        trigger?.closest<HTMLElement>(\n          '[role=\"dialog\"], [role=\"alertdialog\"]',\n        ) ??\n        document.body,\n    );\n  });\n  const content = (\n    <ArkPopover.Positioner class=\"dds-popover-positioner\">\n      <ArkPopover.Content\n        {...rest}\n        aria-labelledby={\n          rest[\"aria-labelledby\"] ??\n          (rest[\"aria-label\"] ? undefined : api().getTitleProps().id)\n        }\n        class={[\"dds-popover\", local.class].filter(Boolean).join(\" \")}\n      >\n        {local.children}\n      </ArkPopover.Content>\n    </ArkPopover.Positioner>\n  );\n  return local.portal === false ? (\n    content\n  ) : (\n    <Show when={mount()}>\n      {(target) => <Portal mount={target()}>{content}</Portal>}\n    </Show>\n  );\n}\nexport const Popover = {\n  Root,\n  Trigger: ArkPopover.Trigger,\n  Content,\n  Title: ArkPopover.Title,\n  Description: ArkPopover.Description,\n  CloseTrigger: ArkPopover.CloseTrigger,\n  Anchor: ArkPopover.Anchor,\n};\n"],"mappings":";;;;AAqBA,SAASW,KAAKQ,OAAqB;CACjC,MAAM,CAACC,OAAOC,QAAQrB,WAAWmB,OAAO;EACtC;EACA;EACA;CAAa,CACd;CACD,OAAAG,gBACGf,UAAWI,MAAIY,aACVF,MAAI;EAAA,IACRG,cAAW;GAAA,OAAE;IAAEC,UAAU;IAAS,GAAGL,MAAMI;GAAY;EAAC;EAAA,IACxDE,QAAK;GAAA,OAAEN,MAAMM,SAAS;EAAK;EAC3Bd,eAAee,UAAUP,MAAMR,eAAee,MAAMd,IAAI;CAAC,CAAA,CAAA;AAG/D;AACA,SAASE,QAAQI,OAA4B;CAC3C,MAAM,CAACC,OAAOC,QAAQrB,WAAWmB,OAAO;EACtC;EACA;EACA;EACA;CAAU,CACX;CACD,MAAMS,MAAMpB,kBAAkB;CAC9B,MAAM,CAACqB,OAAOC,YAAY5B,aAA0B;CACpDD,mBAAmB;EACjB,IAAI,OAAO8B,aAAa,aAAa;EACrC,MAAMC,YAAYJ,IAAI,CAAC,CAACK,gBAAgB,CAAC,CAACC;EAC1C,MAAMC,UAAUH,YAAYD,SAASK,eAAeJ,SAAS,IAAI;EAEjEF,SACEV,MAAMH,eACJkB,SAASE,QACP,2CACF,KACAN,SAASO,IACb;CACF,CAAC;CACD,MAAMC,UAAOjB,gBACVf,UAAWiC,YAAU;EAAA,SAAA;EAAA,IAAAC,WAAA;GAAA,OAAAnB,gBACnBf,UAAWQ,SAAOQ,aACbF,MAAI;IAAA,KAAA,qBAAA;KAAA,OAENA,KAAK,uBACJA,KAAK,gBAAgBsB,KAAAA,IAAYf,IAAI,CAAC,CAACgB,cAAc,CAAC,CAACV;IAAG;IAAA,KAAA,WAAA;KAAA,OAEtD,CAAC,eAAed,MAAMyB,KAAK,CAAC,CAACC,OAAOC,OAAO,CAAC,CAACC,KAAK,GAAG;IAAC;IAAA,IAAAP,WAAA;KAAA,OAE5DrB,MAAMqB;IAAQ;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA;CAIrB,OAAOrB,MAAMJ,WAAW,QACtBuB,UAAOjB,gBAENnB,MAAI;EAAA,IAAC8C,OAAI;GAAA,OAAEpB,MAAM;EAAC;EAAAY,WACfS,WAAM5B,gBAAMjB,QAAM;GAAA,IAACwB,QAAK;IAAA,OAAEqB,OAAO;GAAC;GAAAT,UAAGF;EAAO,CAAA;CAAU,CAAA;AAG9D;AACA,IAAajC,UAAU;CACrBK;CACAwC,SAAS5C,UAAW4C;CACpBpC;CACAqC,OAAO7C,UAAW6C;CAClBC,aAAa9C,UAAW8C;CACxBC,cAAc/C,UAAW+C;CACzBC,QAAQhD,UAAWgD;AACrB"}

package/dist/select-picker.d.ts

@@ -0,0 +1,4 @@
+import type { SelectPickerProps } from "./choice-types";
+export type { SelectPickerProps, ChoiceOption, ChoiceMessages, ChoiceVirtualization, } from "./choice-types";
+export declare function SelectPicker(props: SelectPickerProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=select-picker.d.ts.map

package/dist/select-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-picker.d.ts","sourceRoot":"","sources":["../src/select-picker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EACV,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AACxB,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,kCAEpD"}

package/dist/select-picker.js

@@ -0,0 +1,10 @@
+import { t as e } from "./choice-BPMiJlPJ.js";
+import { createComponent as t, mergeProps as n } from "solid-js/web";
+//#region src/select-picker.tsx
+function r(r) {
+	return t(e, n(r, { searchable: !1 }));
+}
+//#endregion
+export { r as SelectPicker };
+
+//# sourceMappingURL=select-picker.js.map

package/dist/select-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-picker.js","names":["Choice","SelectPickerProps","ChoiceOption","ChoiceMessages","ChoiceVirtualization","SelectPicker","props","_$createComponent","_$mergeProps","searchable"],"sources":["../src/select-picker.tsx"],"sourcesContent":["import { Choice } from \"./internal/choice\";\nimport type { SelectPickerProps } from \"./choice-types\";\nexport type {\n  SelectPickerProps,\n  ChoiceOption,\n  ChoiceMessages,\n  ChoiceVirtualization,\n} from \"./choice-types\";\nexport function SelectPicker(props: SelectPickerProps) {\n  return <Choice {...props} searchable={false} />;\n}\n"],"mappings":";;;AAQA,SAAgBK,EAAaC,GAA0B;CACrD,OAAAC,EAAQP,GAAMQ,EAAKF,GAAK,EAAEG,YAAY,GAAK,CAAA,CAAA;AAC7C"}

package/dist/select-picker.server.js

@@ -0,0 +1,10 @@
+import { t as Choice } from "./assets/choice-DoXiK8nc.js";
+import { createComponent, mergeProps } from "solid-js/web";
+//#region src/select-picker.tsx
+function SelectPicker(props) {
+	return createComponent(Choice, mergeProps(props, { searchable: false }));
+}
+//#endregion
+export { SelectPicker };
+
+//# sourceMappingURL=select-picker.server.js.map

package/dist/select-picker.server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-picker.server.js","names":["Choice","SelectPickerProps","ChoiceOption","ChoiceMessages","ChoiceVirtualization","SelectPicker","props","_$createComponent","_$mergeProps","searchable"],"sources":["../src/select-picker.tsx"],"sourcesContent":["import { Choice } from \"./internal/choice\";\nimport type { SelectPickerProps } from \"./choice-types\";\nexport type {\n  SelectPickerProps,\n  ChoiceOption,\n  ChoiceMessages,\n  ChoiceVirtualization,\n} from \"./choice-types\";\nexport function SelectPicker(props: SelectPickerProps) {\n  return <Choice {...props} searchable={false} />;\n}\n"],"mappings":";;;AAQA,SAAgBK,aAAaC,OAA0B;CACrD,OAAAC,gBAAQP,QAAMQ,WAAKF,OAAK,EAAEG,YAAY,MAAK,CAAA,CAAA;AAC7C"}