@adaptive-ds/solid-ui 0.15.0 → 0.16.0

package/dist/input/check/CheckMultiple.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckMultiple.js","names":["classesTextMuted","buttonVariant","ButtonIcon","classesGridCols3xl","classArr","classMerge","SignalObject","MayHaveButtonVariant","MayHaveClass","MayHaveDisabled","MayHaveId","MayHaveInnerClass","mdiCheckboxBlankCircleOutline","mdiCheckboxMarkedCircle","For","Show","splitProps","CheckMultipleProps","valueSignal","T","getOptions","valueText","value","valueTextClass","valueTextSubtitle","valueTextSubtitleClass","optionClass","CheckMultiple","p","local","others","_el$","_tmpl$","_$insert","_$createComponent","OptionList","_$mergeProps","variant","innerClass","_$effect","_p$","_v$","id","_v$2","class","e","_$setAttribute","t","_$className","undefined","_el$2","each","children","option","CheckOption","disabled","length","CheckOptionProps","label","subtitle","isSelected","get","includes","role","aria-selected","icon","onClick","toggleOption","filled","_el$3","_tmpl$2","_el$4","firstChild","when","_el$5","_tmpl$3","optionAmount","base","hasOption","optionRemove","optionAdd","newValues","filter","v","set","sort","a","b","localeCompare"],"sources":["../../../ui/input/check/CheckMultiple.tsx"],"sourcesContent":["import { classesTextMuted } from \"#ui/classes/classesTextMuted.js\"\nimport { buttonVariant } from \"#ui/interactive/button/buttonCva.js\"\nimport { ButtonIcon } from \"#ui/interactive/button/ButtonIcon.jsx\"\nimport { classesGridCols3xl } from \"#ui/static/grid/classesGridCols.js\"\nimport { classArr } from \"#ui/utils/classArr.js\"\nimport { classMerge } from \"#ui/utils/classMerge.js\"\nimport type { SignalObject } from \"#ui/utils/createSignalObject.js\"\nimport type { MayHaveButtonVariant } from \"#ui/utils/MayHaveButtonVariant.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport type { MayHaveDisabled } from \"#ui/utils/MayHaveDisabled.js\"\nimport type { MayHaveId } from \"#ui/utils/MayHaveId.js\"\nimport type { MayHaveInnerClass } from \"#ui/utils/MayHaveInnerClass.js\"\nimport { mdiCheckboxBlankCircleOutline, mdiCheckboxMarkedCircle } from \"@mdi/js\"\nimport { For, Show, splitProps } from \"solid-js\"\n\nexport interface CheckMultipleProps<T extends string>\n  extends MayHaveId, MayHaveButtonVariant, MayHaveClass, MayHaveInnerClass, MayHaveDisabled {\n  // state\n  valueSignal: SignalObject<T[]>\n  getOptions: () => T[]\n  valueText?: (value: T) => string\n  valueTextClass?: string\n  valueTextSubtitle?: (value: T) => string | undefined\n  valueTextSubtitleClass?: string\n  // styling\n  optionClass?: string\n}\n\nexport function CheckMultiple<T extends string = string>(p: CheckMultipleProps<T>) {\n  const [local, others] = splitProps(p, [\"class\"])\n  return (\n    <div\n      id={p.id}\n      class={classArr(\n        \"group border border-input\",\n        \"px-2 py-2\",\n        \"ring-offset-background\",\n        \"rounded-md\",\n        \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n        \"flex flex-col justify-center gap-1\", // layout\n        local.class,\n      )}\n    >\n      <OptionList\n        {...others}\n        valueSignal={p.valueSignal}\n        getOptions={p.getOptions}\n        valueText={p.valueText}\n        valueTextClass={p.valueTextClass}\n        valueTextSubtitle={p.valueTextSubtitle}\n        valueTextSubtitleClass={p.valueTextSubtitleClass}\n        variant={p.variant}\n        optionClass={p.optionClass}\n        innerClass={p.innerClass}\n      />\n    </div>\n  )\n}\n\nfunction OptionList<T extends string = string>(p: CheckMultipleProps<T>) {\n  return (\n    <div class={innerClass(p.getOptions().length, p.innerClass)}>\n      <For each={p.getOptions()}>\n        {(option) => (\n          <CheckOption\n            option={option}\n            valueSignal={p.valueSignal}\n            valueText={p.valueText}\n            valueTextClass={p.valueTextClass}\n            valueTextSubtitle={p.valueTextSubtitle}\n            valueTextSubtitleClass={p.valueTextSubtitleClass}\n            optionClass={p.optionClass}\n            variant={p.variant}\n            disabled={p.disabled}\n          />\n        )}\n      </For>\n    </div>\n  )\n}\n\ninterface CheckOptionProps<T extends string> extends MayHaveButtonVariant, MayHaveDisabled, MayHaveInnerClass {\n  option: T\n  valueSignal: SignalObject<T[]>\n  valueText?: (value: T) => string\n  valueTextClass?: string\n  valueTextSubtitle?: (value: T) => string | undefined\n  valueTextSubtitleClass?: string\n  optionClass?: string\n}\n\nfunction CheckOption<T extends string>(p: CheckOptionProps<T>) {\n  const label = () => (p.valueText ? p.valueText(p.option) : p.option)\n  const subtitle = () => (p.valueTextSubtitle ? p.valueTextSubtitle(p.option) : undefined)\n  const isSelected = () => p.valueSignal.get().includes(p.option)\n\n  return (\n    <ButtonIcon\n      role=\"option\"\n      aria-selected={isSelected()}\n      icon={isSelected() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline}\n      // iconRight={isSelected() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline}\n      onClick={() => toggleOption(p)}\n      variant={p.variant ?? buttonVariant.filled}\n      class={classMerge(\"justify-start text-left\", p.optionClass)}\n      disabled={p.disabled}\n    >\n      <span class=\"flex flex-col items-start\">\n        <span class={p.valueTextClass}>{label()}</span>\n        <Show when={subtitle()}>\n          {(subtitle) => <span class={classMerge(classesTextMuted, p.valueTextSubtitleClass)}>{subtitle()}</span>}\n        </Show>\n      </span>\n    </ButtonIcon>\n  )\n}\n\nfunction innerClass(optionAmount: number, innerClass?: string): string {\n  if (innerClass) return innerClass\n  if (optionAmount <= 0) return \"\"\n  const base = \"gap-x-2 gap-y-1\"\n  if (optionAmount <= 5) return classArr(\"grid grid-cols-1\", base)\n  if (optionAmount <= 9) return classArr(\"grid grid-cols-2\", base)\n  return classArr(classesGridCols3xl, base)\n}\n\nfunction toggleOption<T extends string>(p: CheckOptionProps<T>) {\n  const hasOption = p.valueSignal.get().includes(p.option)\n  if (hasOption) {\n    optionRemove(p)\n  } else {\n    optionAdd(p)\n  }\n}\n\nfunction optionRemove<T extends string>(p: CheckOptionProps<T>) {\n  const newValues = p.valueSignal.get().filter((v) => v !== p.option)\n  p.valueSignal.set(newValues)\n}\n\nfunction optionAdd<T extends string>(p: CheckOptionProps<T>) {\n  const newValues = [...p.valueSignal.get(), p.option]\n  newValues.sort((a, b) => a.localeCompare(b))\n  p.valueSignal.set(newValues)\n}\n"],"mappings":"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"}

package/dist/input/check/CheckSingle.d.ts

@@ -1,18 +0,0 @@
-import { SignalObject } from '#ui/utils/createSignalObject.js';
-import { MayHaveButtonVariant } from '#ui/utils/MayHaveButtonVariant.js';
-import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
-import { MayHaveDisabled } from '#ui/utils/MayHaveDisabled.js';
-import { MayHaveId } from '#ui/utils/MayHaveId.js';
-import { MayHaveInnerClass } from '#ui/utils/MayHaveInnerClass.js';
-export interface CheckSingleProps<T extends string> extends MayHaveId, MayHaveButtonVariant, MayHaveClass, MayHaveInnerClass, MayHaveDisabled {
-    valueSignal: SignalObject<T>;
-    getOptions: () => T[];
-    valueText?: (value: T) => string;
-    valueTextClass?: string;
-    valueTextSubtitle?: (value: T) => string | undefined;
-    valueTextSubtitleClass?: string;
-    disallowDeselection?: boolean;
-    optionClass?: string;
-}
-export declare function CheckSingle<T extends string = string>(p: CheckSingleProps<T>): import("solid-js").JSX.Element;
-//# sourceMappingURL=CheckSingle.d.ts.map

package/dist/input/check/CheckSingle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckSingle.d.ts","sourceRoot":"","sources":["../../../ui/input/check/CheckSingle.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAIvE,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAChD,SAAQ,SAAS,EAAE,oBAAoB,EAAE,YAAY,EAAE,iBAAiB,EAAE,eAAe;IAEzF,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;IAC5B,UAAU,EAAE,MAAM,CAAC,EAAE,CAAA;IACrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAA;IAChC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAA;IACpD,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAE/B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,kCA8B5E"}

package/dist/input/check/CheckSingle.js

@@ -1,158 +0,0 @@
-import { classMerge } from "../../utils/classMerge.js";
-import { classArr } from "../../utils/classArr.js";
-import { buttonVariant } from "../../interactive/button/buttonCva.js";
-import { ButtonIcon } from "../../interactive/button/ButtonIcon.js";
-import { classesGridCols3xl } from "../../static/grid/classesGridCols.js";
-import { classesTextMuted } from "../../classes/classesTextMuted.js";
-import { For, Show, splitProps } from "solid-js";
-import { className, createComponent, effect, insert, mergeProps as mergeProps$1, setAttribute, template } from "solid-js/web";
-import { mdiCheckboxBlankCircleOutline, mdiCheckboxMarkedCircle } from "@mdi/js";
-//#region ui/input/check/CheckSingle.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`), _tmpl$2 = /* @__PURE__ */ template(`<span class="flex flex-col items-start"><span>`), _tmpl$3 = /* @__PURE__ */ template(`<span>`);
-function CheckSingle(p) {
-	const [local, others] = splitProps(p, ["class"]);
-	return (() => {
-		var _el$ = _tmpl$();
-		insert(_el$, createComponent(OptionList, mergeProps$1(others, {
-			get valueSignal() {
-				return p.valueSignal;
-			},
-			get getOptions() {
-				return p.getOptions;
-			},
-			get valueText() {
-				return p.valueText;
-			},
-			get valueTextClass() {
-				return p.valueTextClass;
-			},
-			get valueTextSubtitle() {
-				return p.valueTextSubtitle;
-			},
-			get valueTextSubtitleClass() {
-				return p.valueTextSubtitleClass;
-			},
-			get variant() {
-				return p.variant;
-			},
-			get disallowDeselection() {
-				return p.disallowDeselection;
-			},
-			get optionClass() {
-				return p.optionClass;
-			},
-			get innerClass() {
-				return p.innerClass;
-			}
-		})));
-		effect((_p$) => {
-			var _v$ = p.id, _v$2 = classMerge("group border border-input", "px-2 py-2", "ring-offset-background", "rounded-md", "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", "flex flex-col justify-center gap-1", local.class);
-			_v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
-			_v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0
-		});
-		return _el$;
-	})();
-}
-function OptionList(p) {
-	return (() => {
-		var _el$2 = _tmpl$();
-		insert(_el$2, createComponent(For, {
-			get each() {
-				return p.getOptions();
-			},
-			children: (option) => createComponent(CheckOption, {
-				option,
-				get valueSignal() {
-					return p.valueSignal;
-				},
-				get valueText() {
-					return p.valueText;
-				},
-				get valueTextClass() {
-					return p.valueTextClass;
-				},
-				get valueTextSubtitle() {
-					return p.valueTextSubtitle;
-				},
-				get valueTextSubtitleClass() {
-					return p.valueTextSubtitleClass;
-				},
-				get optionClass() {
-					return p.optionClass;
-				},
-				get variant() {
-					return p.variant;
-				},
-				get disallowDeselection() {
-					return p.disallowDeselection;
-				},
-				get disabled() {
-					return p.disabled;
-				}
-			})
-		}));
-		effect(() => className(_el$2, innerClass(p.getOptions().length, p.innerClass)));
-		return _el$2;
-	})();
-}
-function innerClass(optionAmount, innerClass) {
-	if (innerClass) return innerClass;
-	if (optionAmount <= 0) return "";
-	const base = "gap-x-2 gap-y-1";
-	if (optionAmount === 1) return classArr("grid grid-cols-1", base);
-	if (optionAmount === 2) return classArr("grid grid-cols-2", base);
-	return classArr(classesGridCols3xl, base);
-}
-function CheckOption(p) {
-	const label = () => p.valueText ? p.valueText(p.option) : p.option;
-	const subtitle = () => p.valueTextSubtitle ? p.valueTextSubtitle(p.option) : void 0;
-	const isSelected = () => p.valueSignal.get() === p.option;
-	return createComponent(ButtonIcon, {
-		role: "option",
-		get ["aria-selected"]() {
-			return isSelected();
-		},
-		get icon() {
-			return isSelected() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline;
-		},
-		onClick: () => toggleOption(p, p.disallowDeselection),
-		get variant() {
-			return p.variant ?? buttonVariant.filled;
-		},
-		get ["class"]() {
-			return classMerge("justify-start text-left", p.optionClass);
-		},
-		get disabled() {
-			return p.disabled;
-		},
-		get children() {
-			var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild;
-			insert(_el$4, label);
-			insert(_el$3, createComponent(Show, {
-				get when() {
-					return subtitle();
-				},
-				children: (subtitle) => (() => {
-					var _el$5 = _tmpl$3();
-					insert(_el$5, subtitle);
-					effect(() => className(_el$5, classMerge(classesTextMuted, p.valueTextSubtitleClass)));
-					return _el$5;
-				})()
-			}), null);
-			effect(() => className(_el$4, p.valueTextClass));
-			return _el$3;
-		}
-	});
-}
-function toggleOption(p, disallowDeselection) {
-	if (p.valueSignal.get() === p.option && !disallowDeselection) p.valueSignal.set("");
-	else p.valueSignal.set(p.option);
-}
-//#endregion
-export { CheckSingle };
-
-//# sourceMappingURL=CheckSingle.js.map

package/dist/input/check/CheckSingle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckSingle.js","names":["classesTextMuted","buttonVariant","ButtonIcon","classesGridCols3xl","classArr","classMerge","SignalObject","MayHaveButtonVariant","MayHaveClass","MayHaveDisabled","MayHaveId","MayHaveInnerClass","mdiCheckboxBlankCircleOutline","mdiCheckboxMarkedCircle","For","Show","splitProps","CheckSingleProps","valueSignal","T","getOptions","valueText","value","valueTextClass","valueTextSubtitle","valueTextSubtitleClass","disallowDeselection","optionClass","CheckSingle","p","local","others","_el$","_tmpl$","_$insert","_$createComponent","OptionList","_$mergeProps","variant","innerClass","_$effect","_p$","_v$","id","_v$2","class","e","_$setAttribute","t","_$className","undefined","OptionListProps","_el$2","each","children","option","CheckOption","disabled","length","optionAmount","base","CheckOptionProps","label","subtitle","isSelected","get","role","aria-selected","icon","onClick","toggleOption","filled","_el$3","_tmpl$2","_el$4","firstChild","when","_el$5","_tmpl$3","set"],"sources":["../../../ui/input/check/CheckSingle.tsx"],"sourcesContent":["import { classesTextMuted } from \"#ui/classes/classesTextMuted.js\"\nimport { buttonVariant } from \"#ui/interactive/button/buttonCva.js\"\nimport { ButtonIcon } from \"#ui/interactive/button/ButtonIcon.jsx\"\nimport { classesGridCols3xl } from \"#ui/static/grid/classesGridCols.js\"\nimport { classArr } from \"#ui/utils/classArr.js\"\nimport { classMerge } from \"#ui/utils/classMerge.js\"\nimport type { SignalObject } from \"#ui/utils/createSignalObject.js\"\nimport type { MayHaveButtonVariant } from \"#ui/utils/MayHaveButtonVariant.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport type { MayHaveDisabled } from \"#ui/utils/MayHaveDisabled.js\"\nimport type { MayHaveId } from \"#ui/utils/MayHaveId.js\"\nimport type { MayHaveInnerClass } from \"#ui/utils/MayHaveInnerClass.js\"\nimport { mdiCheckboxBlankCircleOutline, mdiCheckboxMarkedCircle } from \"@mdi/js\"\nimport { For, Show, splitProps } from \"solid-js\"\n\nexport interface CheckSingleProps<T extends string>\n  extends MayHaveId, MayHaveButtonVariant, MayHaveClass, MayHaveInnerClass, MayHaveDisabled {\n  // state\n  valueSignal: SignalObject<T>\n  getOptions: () => T[]\n  valueText?: (value: T) => string\n  valueTextClass?: string\n  valueTextSubtitle?: (value: T) => string | undefined\n  valueTextSubtitleClass?: string\n  // behavior\n  disallowDeselection?: boolean\n  // styling\n  optionClass?: string\n}\n\nexport function CheckSingle<T extends string = string>(p: CheckSingleProps<T>) {\n  const [local, others] = splitProps(p, [\"class\"])\n  return (\n    <div\n      id={p.id}\n      class={classMerge(\n        \"group border border-input\",\n        \"px-2 py-2\",\n        \"ring-offset-background\",\n        \"rounded-md\",\n        \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n        \"flex flex-col justify-center gap-1\", // layout\n        local.class,\n      )}\n    >\n      <OptionList\n        {...others}\n        valueSignal={p.valueSignal}\n        getOptions={p.getOptions}\n        valueText={p.valueText}\n        valueTextClass={p.valueTextClass}\n        valueTextSubtitle={p.valueTextSubtitle}\n        valueTextSubtitleClass={p.valueTextSubtitleClass}\n        variant={p.variant}\n        disallowDeselection={p.disallowDeselection}\n        optionClass={p.optionClass}\n        innerClass={p.innerClass}\n      />\n    </div>\n  )\n}\n\ninterface OptionListProps<T extends string> extends MayHaveButtonVariant, MayHaveDisabled, MayHaveInnerClass {\n  valueSignal: SignalObject<T>\n  getOptions: () => T[]\n  valueText?: (value: T) => string\n  valueTextClass?: string\n  valueTextSubtitle?: (value: T) => string | undefined\n  valueTextSubtitleClass?: string\n  disallowDeselection?: boolean\n  optionClass?: string\n}\n\nfunction OptionList<T extends string>(p: OptionListProps<T>) {\n  return (\n    <div class={innerClass(p.getOptions().length, p.innerClass)}>\n      <For each={p.getOptions()}>\n        {(option) => (\n          <CheckOption\n            option={option}\n            valueSignal={p.valueSignal}\n            valueText={p.valueText}\n            valueTextClass={p.valueTextClass}\n            valueTextSubtitle={p.valueTextSubtitle}\n            valueTextSubtitleClass={p.valueTextSubtitleClass}\n            optionClass={p.optionClass}\n            variant={p.variant}\n            disallowDeselection={p.disallowDeselection}\n            disabled={p.disabled}\n          />\n        )}\n      </For>\n    </div>\n  )\n}\n\nfunction innerClass(optionAmount: number, innerClass?: string): string {\n  if (innerClass) return innerClass\n  if (optionAmount <= 0) return \"\"\n  const base = \"gap-x-2 gap-y-1\"\n  if (optionAmount === 1) return classArr(\"grid grid-cols-1\", base)\n  if (optionAmount === 2) return classArr(\"grid grid-cols-2\", base)\n  return classArr(classesGridCols3xl, base)\n}\n\ninterface CheckOptionProps<T extends string> extends MayHaveButtonVariant, MayHaveDisabled {\n  option: T\n  valueSignal: SignalObject<T>\n  valueText?: (value: T) => string\n  valueTextClass?: string\n  valueTextSubtitle?: (value: T) => string | undefined\n  valueTextSubtitleClass?: string\n  disallowDeselection?: boolean\n  optionClass?: string\n}\n\nfunction CheckOption<T extends string>(p: CheckOptionProps<T>) {\n  const label = () => (p.valueText ? p.valueText(p.option) : p.option)\n  const subtitle = () => (p.valueTextSubtitle ? p.valueTextSubtitle(p.option) : undefined)\n  const isSelected = () => p.valueSignal.get() === p.option\n\n  return (\n    <ButtonIcon\n      role=\"option\"\n      aria-selected={isSelected()}\n      icon={isSelected() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline}\n      // iconRight={isSelected() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline}\n      onClick={() => toggleOption(p, p.disallowDeselection)}\n      variant={p.variant ?? buttonVariant.filled}\n      class={classMerge(\"justify-start text-left\", p.optionClass)}\n      disabled={p.disabled}\n    >\n      <span class=\"flex flex-col items-start\">\n        <span class={p.valueTextClass}>{label()}</span>\n        <Show when={subtitle()}>\n          {(subtitle) => <span class={classMerge(classesTextMuted, p.valueTextSubtitleClass)}>{subtitle()}</span>}\n        </Show>\n      </span>\n    </ButtonIcon>\n  )\n}\n\nfunction toggleOption<T extends string>(p: CheckOptionProps<T>, disallowDeselection?: boolean) {\n  const isSelected = p.valueSignal.get() === p.option\n  if (isSelected && !disallowDeselection) {\n    p.valueSignal.set(\"\" as T)\n  } else {\n    p.valueSignal.set(p.option)\n  }\n}\n"],"mappings":";;;;;;;;;;;AA8BA,SAAgB4B,YAAuCC,GAAwB;CAC7E,MAAM,CAACC,OAAOC,UAAUf,WAAWa,GAAG,CAAC,QAAQ,CAAC;AAChD,eAAA;EAAA,IAAAG,OAAAC,QAAA;AAAAC,SAAAF,MAAAG,gBAaKC,YAAUC,aACLN,QAAM;GAAA,IACVb,cAAW;AAAA,WAAEW,EAAEX;;GAAW,IAC1BE,aAAU;AAAA,WAAES,EAAET;;GAAU,IACxBC,YAAS;AAAA,WAAEQ,EAAER;;GAAS,IACtBE,iBAAc;AAAA,WAAEM,EAAEN;;GAAc,IAChCC,oBAAiB;AAAA,WAAEK,EAAEL;;GAAiB,IACtCC,yBAAsB;AAAA,WAAEI,EAAEJ;;GAAsB,IAChDa,UAAO;AAAA,WAAET,EAAES;;GAAO,IAClBZ,sBAAmB;AAAA,WAAEG,EAAEH;;GAAmB,IAC1CC,cAAW;AAAA,WAAEE,EAAEF;;GAAW,IAC1BY,aAAU;AAAA,WAAEV,EAAEU;;GAAU,CAAA,CAAA,CAAA;AAAAC,UAAAC,QAAA;GAAA,IAAAC,MAtBtBb,EAAEc,IAAEC,OACDvC,WACL,6BACA,aACA,0BACA,cACA,yEACA,sCACAyB,MAAMe,MACP;AAAAH,WAAAD,IAAAK,KAAAC,aAAAf,MAAA,MAAAS,IAAAK,IAAAJ,IAAA;AAAAE,YAAAH,IAAAO,KAAAC,UAAAjB,MAAAS,IAAAO,IAAAJ,KAAA;AAAA,UAAAH;KAAA;GAAAK,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;GAAA,CAAA;AAAA,SAAAlB;KAAA;;AA8BP,SAASI,WAA6BP,GAAuB;AAC3D,eAAA;EAAA,IAAAuB,QAAAnB,QAAA;AAAAC,SAAAkB,OAAAjB,gBAEKrB,KAAG;GAAA,IAACuC,OAAI;AAAA,WAAExB,EAAET,YAAY;;GAAAkC,WACrBC,WAAMpB,gBACLqB,aAAW;IACFD;IAAM,IACdrC,cAAW;AAAA,YAAEW,EAAEX;;IAAW,IAC1BG,YAAS;AAAA,YAAEQ,EAAER;;IAAS,IACtBE,iBAAc;AAAA,YAAEM,EAAEN;;IAAc,IAChCC,oBAAiB;AAAA,YAAEK,EAAEL;;IAAiB,IACtCC,yBAAsB;AAAA,YAAEI,EAAEJ;;IAAsB,IAChDE,cAAW;AAAA,YAAEE,EAAEF;;IAAW,IAC1BW,UAAO;AAAA,YAAET,EAAES;;IAAO,IAClBZ,sBAAmB;AAAA,YAAEG,EAAEH;;IAAmB,IAC1C+B,WAAQ;AAAA,YAAE5B,EAAE4B;;IAAQ,CAAA;GAEvB,CAAA,CAAA;AAAAjB,eAAAS,UAAAG,OAfOb,WAAWV,EAAET,YAAY,CAACsC,QAAQ7B,EAAEU,WAAW,CAAA,CAAA;AAAA,SAAAa;KAAA;;AAqB/D,SAASb,WAAWoB,cAAsBpB,YAA6B;AACrE,KAAIA,WAAY,QAAOA;AACvB,KAAIoB,gBAAgB,EAAG,QAAO;CAC9B,MAAMC,OAAO;AACb,KAAID,iBAAiB,EAAG,QAAOvD,SAAS,oBAAoBwD,KAAK;AACjE,KAAID,iBAAiB,EAAG,QAAOvD,SAAS,oBAAoBwD,KAAK;AACjE,QAAOxD,SAASD,oBAAoByD,KAAK;;AAc3C,SAASJ,YAA8B3B,GAAwB;CAC7D,MAAMiC,cAAejC,EAAER,YAAYQ,EAAER,UAAUQ,EAAE0B,OAAO,GAAG1B,EAAE0B;CAC7D,MAAMQ,iBAAkBlC,EAAEL,oBAAoBK,EAAEL,kBAAkBK,EAAE0B,OAAO,GAAGL,KAAAA;CAC9E,MAAMc,mBAAmBnC,EAAEX,YAAY+C,KAAK,KAAKpC,EAAE0B;AAEnD,QAAApB,gBACGjC,YAAU;EACTgE,MAAI;EAAA,KAAA,mBAAA;AAAA,UACWF,YAAY;;EAAA,IAC3BI,OAAI;AAAA,UAAEJ,YAAY,GAAGnD,0BAA0BD;;EAE/CyD,eAAeC,aAAazC,GAAGA,EAAEH,oBAAoB;EAAA,IACrDY,UAAO;AAAA,UAAET,EAAES,WAAWrC,cAAcsE;;EAAM,KAAA,WAAA;AAAA,UACnClE,WAAW,2BAA2BwB,EAAEF,YAAY;;EAAA,IAC3D8B,WAAQ;AAAA,UAAE5B,EAAE4B;;EAAQ,IAAAH,WAAA;GAAA,IAAAkB,QAAAC,SAAA,EAAAC,QAAAF,MAAAG;AAAAzC,UAAAwC,OAGcZ,MAAK;AAAA5B,UAAAsC,OAAArC,gBACpCpB,MAAI;IAAA,IAAC6D,OAAI;AAAA,YAAEb,UAAU;;IAAAT,WAClBS,oBAAQ;KAAA,IAAAc,QAAAC,SAAA;AAAA5C,YAAA2C,OAA2Ed,SAAQ;AAAAvB,kBAAAS,UAAA4B,OAAjExE,WAAWL,kBAAkB6B,EAAEJ,uBAAuB,CAAA,CAAA;AAAA,YAAAoD;QAAA;IAAqB,CAAA,EAAA,KAAA;AAAArC,gBAAAS,UAAAyB,OAF5F7C,EAAEN,eAAc,CAAA;AAAA,UAAAiD;;EAAA,CAAA;;AASrC,SAASF,aAA+BzC,GAAwBH,qBAA+B;AAE7F,KADmBG,EAAEX,YAAY+C,KAAK,KAAKpC,EAAE0B,UAC3B,CAAC7B,oBACjBG,GAAEX,YAAY6D,IAAI,GAAQ;KAE1BlD,GAAEX,YAAY6D,IAAIlD,EAAE0B,OAAO"}

package/dist/input/check/Checkbox.d.ts

@@ -1,12 +0,0 @@
-import { MayHaveChildren } from '#ui/utils/MayHaveChildren.js';
-import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
-import { MayHaveDisabled } from '#ui/utils/MayHaveDisabled.js';
-import { ComponentProps } from 'solid-js';
-interface CheckboxProps extends MayHaveClass, MayHaveChildren, MayHaveDisabled, ComponentProps<"checkbox"> {
-    id?: string;
-    checked: boolean;
-    onChange: (checked: boolean) => void;
-}
-export declare function Checkbox(p: CheckboxProps): import("solid-js").JSX.Element;
-export {};
-//# sourceMappingURL=Checkbox.d.ts.map

package/dist/input/check/Checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../ui/input/check/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAGnE,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,UAAU,CAAA;AAE1D,UAAU,aAAc,SAAQ,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,CAAC,UAAU,CAAC;IACxG,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,aAAa,kCAwDxC"}

package/dist/input/check/Checkbox.js

@@ -1,83 +0,0 @@
-import { classMerge } from "../../utils/classMerge.js";
-import "../../classes/classesDisabledDirectly.js";
-import { Icon } from "../../static/icon/Icon.js";
-import { splitProps } from "solid-js";
-import { className, createComponent, delegateEvents, effect, insert, memo, mergeProps as mergeProps$1, setAttribute, spread, template } from "solid-js/web";
-import { mdiCheckboxBlankOutline, mdiCheckboxMarked } from "@mdi/js";
-//#region ui/input/check/Checkbox.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div><input type=checkbox class="sr-only invisible"><div role=checkbox tabindex=0></div><label>`);
-function Checkbox(p) {
-	const [s, rest] = splitProps(p, [
-		"id",
-		"checked",
-		"onChange",
-		"disabled",
-		"class",
-		"children"
-	]);
-	const handleToggle = () => {
-		if (s.disabled) return;
-		s.onChange(!s.checked);
-	};
-	return (() => {
-		var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling;
-		_el$2.addEventListener("change", (e) => s.onChange(e.currentTarget.checked));
-		spread(_el$2, mergeProps$1({
-			get id() {
-				return s.id;
-			},
-			get checked() {
-				return s.checked;
-			},
-			get disabled() {
-				return s.disabled;
-			},
-			get ["aria-describedby"]() {
-				return memo(() => !!s.id)() ? `${s.id}-error` : void 0;
-			}
-		}, rest), false, false);
-		_el$3.$$keydown = (e) => {
-			if (e.key === " " || e.key === "Enter") {
-				e.preventDefault();
-				handleToggle();
-			}
-		};
-		_el$3.$$click = handleToggle;
-		insert(_el$3, createComponent(Icon, {
-			get path() {
-				return s.checked ? mdiCheckboxMarked : mdiCheckboxBlankOutline;
-			},
-			"class": "size-6 text-current"
-		}));
-		_el$4.$$click = (e) => {
-			e.preventDefault();
-			handleToggle();
-		};
-		insert(_el$4, () => s.children);
-		effect((_p$) => {
-			var _v$ = classMerge("flex items-start gap-1", s.class), _v$2 = classMerge("size-6", "cursor-pointer", "flex items-center justify-center", s.disabled && "cursor-not-allowed opacity-70"), _v$3 = s.checked, _v$4 = s.id ? `${s.id}-label` : void 0, _v$5 = s.id ? `${s.id}-label` : void 0, _v$6 = s.id, _v$7 = classMerge("cursor-pointer", s.disabled && "cursor-not-allowed opacity-70");
-			_v$ !== _p$.e && className(_el$, _p$.e = _v$);
-			_v$2 !== _p$.t && className(_el$3, _p$.t = _v$2);
-			_v$3 !== _p$.a && setAttribute(_el$3, "aria-checked", _p$.a = _v$3);
-			_v$4 !== _p$.o && setAttribute(_el$3, "aria-labelledby", _p$.o = _v$4);
-			_v$5 !== _p$.i && setAttribute(_el$4, "id", _p$.i = _v$5);
-			_v$6 !== _p$.n && setAttribute(_el$4, "for", _p$.n = _v$6);
-			_v$7 !== _p$.s && className(_el$4, _p$.s = _v$7);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0,
-			o: void 0,
-			i: void 0,
-			n: void 0,
-			s: void 0
-		});
-		return _el$;
-	})();
-}
-delegateEvents(["click", "keydown"]);
-//#endregion
-export { Checkbox };
-
-//# sourceMappingURL=Checkbox.js.map

package/dist/input/check/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","names":["classesDisabledDirectly","Icon","MayHaveChildren","MayHaveClass","MayHaveDisabled","classMerge","mdiCheckboxBlankOutline","mdiCheckboxMarked","splitProps","ComponentProps","CheckboxProps","id","checked","onChange","Checkbox","p","s","rest","handleToggle","disabled","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","addEventListener","e","currentTarget","_$spread","_$mergeProps","aria-describedby","_$memo","undefined","$$keydown","key","preventDefault","$$click","_$insert","_$createComponent","path","children","_$effect","_p$","_v$","class","_v$2","_v$3","_v$4","_v$5","_v$6","_v$7","_$className","t","a","_$setAttribute","o","i","n","_$delegateEvents"],"sources":["../../../ui/input/check/Checkbox.tsx"],"sourcesContent":["import { classesDisabledDirectly } from \"#ui/classes/classesDisabledDirectly.js\"\nimport { Icon } from \"#ui/static/icon/Icon.jsx\"\nimport type { MayHaveChildren } from \"#ui/utils/MayHaveChildren.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport type { MayHaveDisabled } from \"#ui/utils/MayHaveDisabled.js\"\nimport { classMerge } from \"#ui/utils/classMerge.js\"\nimport { mdiCheckboxBlankOutline, mdiCheckboxMarked } from \"@mdi/js\"\nimport { splitProps, type ComponentProps } from \"solid-js\"\n\ninterface CheckboxProps extends MayHaveClass, MayHaveChildren, MayHaveDisabled, ComponentProps<\"checkbox\"> {\n  id?: string\n  checked: boolean\n  onChange: (checked: boolean) => void\n}\n\nexport function Checkbox(p: CheckboxProps) {\n  const [s, rest] = splitProps(p, [\"id\", \"checked\", \"onChange\", \"disabled\", \"class\", \"children\"])\n  const handleToggle = () => {\n    if (s.disabled) return\n    s.onChange(!s.checked)\n  }\n\n  return (\n    <div class={classMerge(\"flex items-start gap-1\", s.class)}>\n      <input\n        id={s.id}\n        type=\"checkbox\"\n        checked={s.checked}\n        onChange={(e) => s.onChange(e.currentTarget.checked)}\n        class=\"sr-only invisible\"\n        disabled={s.disabled}\n        aria-describedby={s.id ? `${s.id}-error` : undefined}\n        {...rest}\n      />\n      <div\n        onClick={handleToggle}\n        class={classMerge(\n          \"size-6\", // sizing + interaction\n          \"cursor-pointer\", // cursor\n          \"flex items-center justify-center\", // layout children\n          s.disabled && classesDisabledDirectly, // disabled state\n        )}\n        role=\"checkbox\"\n        aria-checked={s.checked}\n        aria-labelledby={s.id ? `${s.id}-label` : undefined}\n        tabindex={0}\n        onKeyDown={(e) => {\n          if (e.key === \" \" || e.key === \"Enter\") {\n            e.preventDefault()\n            handleToggle()\n          }\n        }}\n      >\n        <Icon path={s.checked ? mdiCheckboxMarked : mdiCheckboxBlankOutline} class=\"size-6 text-current\" />\n      </div>\n      <label\n        id={s.id ? `${s.id}-label` : undefined}\n        for={s.id}\n        class={classMerge(\n          \"cursor-pointer\", // interaction\n          s.disabled && classesDisabledDirectly, // disabled state\n        )}\n        onClick={(e) => {\n          e.preventDefault()\n          handleToggle()\n        }}\n      >\n        {s.children}\n      </label>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAeA,SAAgBc,SAASC,GAAkB;CACzC,MAAM,CAACC,GAAGC,QAAQT,WAAWO,GAAG;EAAC;EAAM;EAAW;EAAY;EAAY;EAAS;EAAW,CAAC;CAC/F,MAAMG,qBAAqB;AACzB,MAAIF,EAAEG,SAAU;AAChBH,IAAEH,SAAS,CAACG,EAAEJ,QAAQ;;AAGxB,eAAA;EAAA,IAAAQ,OAAAC,QAAA,EAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAG,aAAAC,QAAAF,MAAAC;AAAAH,QAAAK,iBAAA,WAMiBC,MAAMZ,EAAEH,SAASe,EAAEC,cAAcjB,QAAQ,CAAA;AAAAkB,SAAAR,OAAAS,aAAA;GAAA,IAHpDpB,KAAE;AAAA,WAAEK,EAAEL;;GAAE,IAERC,UAAO;AAAA,WAAEI,EAAEJ;;GAAO,IAGlBO,WAAQ;AAAA,WAAEH,EAAEG;;GAAQ,KAAA,sBAAA;AAAA,WACFc,WAAA,CAAA,CAAAjB,EAAEL,GAAE,EAAA,GAAG,GAAGK,EAAEL,GAAE,UAAWuB,KAAAA;;GAAS,EAChDjB,KAAI,EAAA,OAAA,MAAA;AAAAO,QAAAW,aAcIP,MAAM;AAChB,OAAIA,EAAEQ,QAAQ,OAAOR,EAAEQ,QAAQ,SAAS;AACtCR,MAAES,gBAAgB;AAClBnB,kBAAc;;;AAEjBM,QAAAc,UAhBQpB;AAAYqB,SAAAf,OAAAgB,gBAkBpBvC,MAAI;GAAA,IAACwC,OAAI;AAAA,WAAEzB,EAAEJ,UAAUL,oBAAoBD;;GAAuB,SAAA;GAAA,CAAA,CAAA;AAAAoB,QAAAY,WASzDV,MAAM;AACdA,KAAES,gBAAgB;AAClBnB,iBAAc;;AACfqB,SAAAb,aAEAV,EAAE0B,SAAQ;AAAAC,UAAAC,QAAA;GAAA,IAAAC,MA5CHxC,WAAW,0BAA0BW,EAAE8B,MAAM,EAAAC,OAa9C1C,WACL,UACA,kBACA,oCACAW,EAAEG,YAAAA,gCACH,EAAA6B,OAEahC,EAAEJ,SAAOqC,OACNjC,EAAEL,KAAK,GAAGK,EAAEL,GAAE,UAAWuB,KAAAA,GAASgB,OAY/ClC,EAAEL,KAAK,GAAGK,EAAEL,GAAE,UAAWuB,KAAAA,GAASiB,OACjCnC,EAAEL,IAAEyC,OACF/C,WACL,kBACAW,EAAEG,YAAAA,gCACH;AAAA0B,WAAAD,IAAAhB,KAAAyB,UAAAjC,MAAAwB,IAAAhB,IAAAiB,IAAA;AAAAE,YAAAH,IAAAU,KAAAD,UAAA7B,OAAAoB,IAAAU,IAAAP,KAAA;AAAAC,YAAAJ,IAAAW,KAAAC,aAAAhC,OAAA,gBAAAoB,IAAAW,IAAAP,KAAA;AAAAC,YAAAL,IAAAa,KAAAD,aAAAhC,OAAA,mBAAAoB,IAAAa,IAAAR,KAAA;AAAAC,YAAAN,IAAAc,KAAAF,aAAA9B,OAAA,MAAAkB,IAAAc,IAAAR,KAAA;AAAAC,YAAAP,IAAAe,KAAAH,aAAA9B,OAAA,OAAAkB,IAAAe,IAAAR,KAAA;AAAAC,YAAAR,IAAA5B,KAAAqC,UAAA3B,OAAAkB,IAAA5B,IAAAoC,KAAA;AAAA,UAAAR;KAAA;GAAAhB,GAAAM,KAAAA;GAAAoB,GAAApB,KAAAA;GAAAqB,GAAArB,KAAAA;GAAAuB,GAAAvB,KAAAA;GAAAwB,GAAAxB,KAAAA;GAAAyB,GAAAzB,KAAAA;GAAAlB,GAAAkB,KAAAA;GAAA,CAAA;AAAA,SAAAd;KAAA;;AAURwC,eAAA,CAAA,SAAA,UAAA,CAAA"}

package/dist/input/fieldset/Fieldset.d.ts

@@ -1,10 +0,0 @@
-import { MayHaveChildren } from '#ui/utils/MayHaveChildren.js';
-import { MayHaveSubtitle } from '#ui/utils/MayHaveSubtitle.js';
-import { MayHaveTitle } from '#ui/utils/MayHaveTitle.js';
-import { Component, JSXElement } from 'solid-js';
-export interface FieldsetProps extends MayHaveChildren, MayHaveTitle, MayHaveSubtitle {
-    class?: string;
-    titleChildren?: JSXElement;
-}
-export declare const Fieldset: Component<FieldsetProps>;
-//# sourceMappingURL=Fieldset.d.ts.map

package/dist/input/fieldset/Fieldset.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../ui/input/fieldset/Fieldset.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAIrD,MAAM,WAAW,aAAc,SAAQ,eAAe,EAAE,YAAY,EAAE,eAAe;IACnF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,UAAU,CAAA;CAC3B;AAED,eAAO,MAAM,QAAQ,EAAE,SAAS,CAAC,aAAa,CAS7C,CAAA"}

package/dist/input/fieldset/Fieldset.js

@@ -1,30 +0,0 @@
-import { classMerge } from "../../utils/classMerge.js";
-import { classesFieldset } from "./classesFieldset.js";
-import { splitProps } from "solid-js";
-import { className, effect, insert, mergeProps as mergeProps$1, spread, template } from "solid-js/web";
-//#region ui/input/fieldset/Fieldset.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<fieldset><legend>`);
-var Fieldset = (p) => {
-	const [s, rest] = splitProps(p, [
-		"children",
-		"title",
-		"titleClass",
-		"titleChildren",
-		"subtitleClass",
-		"class"
-	]);
-	return (() => {
-		var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
-		spread(_el$, mergeProps$1({ get ["class"]() {
-			return classMerge(classesFieldset, s.class);
-		} }, rest), false, true);
-		insert(_el$2, () => s.titleChildren ?? s.title);
-		insert(_el$, () => s.children, null);
-		effect(() => className(_el$2, classMerge("px-1", s.titleClass)));
-		return _el$;
-	})();
-};
-//#endregion
-export { Fieldset };
-
-//# sourceMappingURL=Fieldset.js.map

package/dist/input/fieldset/Fieldset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Fieldset.js","names":["classMerge","MayHaveChildren","MayHaveSubtitle","MayHaveTitle","Component","JSXElement","splitProps","classesFieldset","FieldsetProps","class","titleChildren","Fieldset","p","s","rest","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","_$insert","title","children","_$effect","_$className","titleClass"],"sources":["../../../ui/input/fieldset/Fieldset.tsx"],"sourcesContent":["import { classMerge } from \"#ui/utils/classMerge.js\"\nimport type { MayHaveChildren } from \"#ui/utils/MayHaveChildren.js\"\nimport type { MayHaveSubtitle } from \"#ui/utils/MayHaveSubtitle.js\"\nimport type { MayHaveTitle } from \"#ui/utils/MayHaveTitle.js\"\nimport type { Component, JSXElement } from \"solid-js\"\nimport { splitProps } from \"solid-js\"\nimport { classesFieldset } from \"./classesFieldset.js\"\n\nexport interface FieldsetProps extends MayHaveChildren, MayHaveTitle, MayHaveSubtitle {\n  class?: string\n  titleChildren?: JSXElement\n}\n\nexport const Fieldset: Component<FieldsetProps> = (p) => {\n  const [s, rest] = splitProps(p, [\"children\", \"title\", \"titleClass\", \"titleChildren\", \"subtitleClass\", \"class\"])\n\n  return (\n    <fieldset class={classMerge(classesFieldset, s.class)} {...rest}>\n      <legend class={classMerge(\"px-1\", s.titleClass)}>{s.titleChildren ?? s.title}</legend>\n      {s.children}\n    </fieldset>\n  )\n}\n"],"mappings":";;;;;;AAaA,IAAaW,YAAsCC,MAAM;CACvD,MAAM,CAACC,GAAGC,QAAQR,WAAWM,GAAG;EAAC;EAAY;EAAS;EAAc;EAAiB;EAAiB;EAAQ,CAAC;AAE/G,eAAA;EAAA,IAAAG,OAAAC,QAAA,EAAAC,QAAAF,KAAAG;AAAAC,SAAAJ,MAAAK,aAAA,EAAA,KAAA,WAAA;AAAA,UACmBpB,WAAWO,iBAAiBM,EAAEJ,MAAM;KAAA,EAAMK,KAAI,EAAA,OAAA,KAAA;AAAAO,SAAAJ,aACXJ,EAAEH,iBAAiBG,EAAES,MAAK;AAAAD,SAAAN,YAC3EF,EAAEU,UAAQ,KAAA;AAAAC,eAAAC,UAAAR,OADIjB,WAAW,QAAQa,EAAEa,WAAW,CAAA,CAAA;AAAA,SAAAX;KAAA"}

package/dist/input/fieldset/classesFieldset.d.ts

@@ -1,2 +0,0 @@
-export declare const classesFieldset = "rounded-lg border border-solid border-gray-300 dark:border-gray-700 p-3";
-//# sourceMappingURL=classesFieldset.d.ts.map

package/dist/input/fieldset/classesFieldset.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"classesFieldset.d.ts","sourceRoot":"","sources":["../../../ui/input/fieldset/classesFieldset.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,4EAA4E,CAAA"}

package/dist/input/fieldset/classesFieldset.js

@@ -1,6 +0,0 @@
-//#region ui/input/fieldset/classesFieldset.ts
-var classesFieldset = "rounded-lg border border-solid border-gray-300 dark:border-gray-700 p-3";
-//#endregion
-export { classesFieldset };
-
-//# sourceMappingURL=classesFieldset.js.map

package/dist/input/fieldset/classesFieldset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"classesFieldset.js","names":[],"sources":["../../../ui/input/fieldset/classesFieldset.ts"],"sourcesContent":["export const classesFieldset = \"rounded-lg border border-solid border-gray-300 dark:border-gray-700 p-3\"\n"],"mappings":";AAAA,IAAa,kBAAkB"}

package/dist/input/form/formMode.d.ts

@@ -1,14 +0,0 @@
-export type FormMode = keyof typeof formMode;
-export declare const formMode: {
-    readonly view: "view";
-    readonly add: "add";
-    readonly edit: "edit";
-    readonly remove: "remove";
-};
-export declare function getFormModeTitle(mode: FormMode, subject: string): string;
-export declare function getFormModeButtonTitle(mode: FormMode, subject: string): string;
-export interface HasFormMode {
-    mode: FormMode;
-}
-export declare function formModeIsReadOnly(mode: FormMode): boolean;
-//# sourceMappingURL=formMode.d.ts.map

package/dist/input/form/formMode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"formMode.d.ts","sourceRoot":"","sources":["../../../ui/input/form/formMode.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAA;AAE5C,eAAO,MAAM,QAAQ;;;;;CAKX,CAAA;AAEV,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAWxE;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAK9E;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,QAAQ,CAAA;CACf;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,CAE1D"}

package/dist/input/form/formMode.js

@@ -1,27 +0,0 @@
-import { ttt } from "../../i18n/ttt.js";
-//#region ui/input/form/formMode.ts
-var formMode = {
-	view: "view",
-	add: "add",
-	edit: "edit",
-	remove: "remove"
-};
-function getFormModeTitle(mode, subject) {
-	switch (mode) {
-		case formMode.view: return ttt("View") + " " + subject;
-		case formMode.add: return ttt("Add") + " " + subject;
-		case formMode.edit: return ttt("Edit") + " " + subject;
-		case formMode.remove: return ttt("Remove") + " " + subject;
-	}
-}
-function getFormModeButtonTitle(mode, subject) {
-	if (mode === formMode.edit) return ttt("Save") + " " + subject;
-	return getFormModeTitle(mode, subject);
-}
-function formModeIsReadOnly(mode) {
-	return mode === formMode.view || mode === formMode.remove;
-}
-//#endregion
-export { formMode, formModeIsReadOnly, getFormModeButtonTitle, getFormModeTitle };
-
-//# sourceMappingURL=formMode.js.map

package/dist/input/form/formMode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formMode.js","names":[],"sources":["../../../ui/input/form/formMode.ts"],"sourcesContent":["import { ttt } from \"#ui/i18n/ttt.js\"\n\nexport type FormMode = keyof typeof formMode\n\nexport const formMode = {\n  view: \"view\",\n  add: \"add\",\n  edit: \"edit\",\n  remove: \"remove\",\n} as const\n\nexport function getFormModeTitle(mode: FormMode, subject: string): string {\n  switch (mode) {\n    case formMode.view:\n      return ttt(\"View\") + \" \" + subject\n    case formMode.add:\n      return ttt(\"Add\") + \" \" + subject\n    case formMode.edit:\n      return ttt(\"Edit\") + \" \" + subject\n    case formMode.remove:\n      return ttt(\"Remove\") + \" \" + subject\n  }\n}\n\nexport function getFormModeButtonTitle(mode: FormMode, subject: string): string {\n  if (mode === formMode.edit) {\n    return ttt(\"Save\") + \" \" + subject\n  }\n  return getFormModeTitle(mode, subject)\n}\n\nexport interface HasFormMode {\n  mode: FormMode\n}\n\nexport function formModeIsReadOnly(mode: FormMode): boolean {\n  return mode === formMode.view || mode === formMode.remove\n}\n"],"mappings":";;AAIA,IAAa,WAAW;CACtB,MAAM;CACN,KAAK;CACL,MAAM;CACN,QAAQ;CACT;AAED,SAAgB,iBAAiB,MAAgB,SAAyB;AACxE,SAAQ,MAAR;EACE,KAAK,SAAS,KACZ,QAAO,IAAI,OAAO,GAAG,MAAM;EAC7B,KAAK,SAAS,IACZ,QAAO,IAAI,MAAM,GAAG,MAAM;EAC5B,KAAK,SAAS,KACZ,QAAO,IAAI,OAAO,GAAG,MAAM;EAC7B,KAAK,SAAS,OACZ,QAAO,IAAI,SAAS,GAAG,MAAM;;;AAInC,SAAgB,uBAAuB,MAAgB,SAAyB;AAC9E,KAAI,SAAS,SAAS,KACpB,QAAO,IAAI,OAAO,GAAG,MAAM;AAE7B,QAAO,iBAAiB,MAAM,QAAQ;;AAOxC,SAAgB,mBAAmB,MAAyB;AAC1D,QAAO,SAAS,SAAS,QAAQ,SAAS,SAAS"}

package/dist/input/form/formModeIcon.d.ts

@@ -1,7 +0,0 @@
-export declare const formModeIcon: {
-    readonly view: string;
-    readonly add: string;
-    readonly edit: string;
-    readonly remove: string;
-};
-//# sourceMappingURL=formModeIcon.d.ts.map

package/dist/input/form/formModeIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"formModeIcon.d.ts","sourceRoot":"","sources":["../../../ui/input/form/formModeIcon.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;CAKoB,CAAA"}

package/dist/input/form/formModeIcon.js

@@ -1,13 +0,0 @@
-import { formMode } from "./formMode.js";
-import { mdiCardTextOutline, mdiPlus, mdiSquareEditOutline, mdiTrashCan } from "@mdi/js";
-//#region ui/input/form/formModeIcon.ts
-var formModeIcon = {
-	[formMode.view]: mdiCardTextOutline,
-	[formMode.add]: mdiPlus,
-	[formMode.edit]: mdiSquareEditOutline,
-	[formMode.remove]: mdiTrashCan
-};
-//#endregion
-export { formModeIcon };
-
-//# sourceMappingURL=formModeIcon.js.map

package/dist/input/form/formModeIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formModeIcon.js","names":[],"sources":["../../../ui/input/form/formModeIcon.ts"],"sourcesContent":["import { formMode, type FormMode } from \"#ui/input/form/formMode.js\"\nimport { mdiCardTextOutline, mdiPlus, mdiSquareEditOutline, mdiTrashCan } from \"@mdi/js\"\n\nexport const formModeIcon = {\n  [formMode.view]: mdiCardTextOutline,\n  [formMode.add]: mdiPlus,\n  [formMode.edit]: mdiSquareEditOutline,\n  [formMode.remove]: mdiTrashCan,\n} as const satisfies Record<FormMode, string>\n"],"mappings":";;;AAGA,IAAa,eAAe;EACzB,SAAS,OAAO;EAChB,SAAS,MAAM;EACf,SAAS,OAAO;EAChB,SAAS,SAAS;CACpB"}

package/dist/input/form/formModeMutate.d.ts

@@ -1,9 +0,0 @@
-export type FormModeMutate = keyof typeof formModeMutate;
-export declare const formModeMutate: {
-    readonly edit: "edit";
-    readonly remove: "remove";
-};
-export interface HasFormModeMutate {
-    mode: FormModeMutate;
-}
-//# sourceMappingURL=formModeMutate.d.ts.map

package/dist/input/form/formModeMutate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"formModeMutate.d.ts","sourceRoot":"","sources":["../../../ui/input/form/formModeMutate.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAA;AAExD,eAAO,MAAM,cAAc;;;CAGjB,CAAA;AAEV,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,cAAc,CAAA;CACrB"}

package/dist/input/form/formModeMutate.js

@@ -1,9 +0,0 @@
-//#region ui/input/form/formModeMutate.ts
-var formModeMutate = {
-	edit: "edit",
-	remove: "remove"
-};
-//#endregion
-export { formModeMutate };
-
-//# sourceMappingURL=formModeMutate.js.map

package/dist/input/form/formModeMutate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formModeMutate.js","names":[],"sources":["../../../ui/input/form/formModeMutate.ts"],"sourcesContent":["export type FormModeMutate = keyof typeof formModeMutate\n\nexport const formModeMutate = {\n  edit: \"edit\",\n  remove: \"remove\",\n} as const\n\nexport interface HasFormModeMutate {\n  mode: FormModeMutate\n}\n"],"mappings":";AAEA,IAAa,iBAAiB;CAC5B,MAAM;CACN,QAAQ;CACT"}

package/dist/input/input/Input.d.ts

@@ -1,3 +0,0 @@
-import { Component, ComponentProps } from 'solid-js';
-export declare const Input: Component<ComponentProps<"input">>;
-//# sourceMappingURL=Input.d.ts.map

package/dist/input/input/Input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../ui/input/input/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAGzD,eAAO,MAAM,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAGpD,CAAA"}

package/dist/input/input/Input.js

@@ -1,20 +0,0 @@
-import { classMerge } from "../../utils/classMerge.js";
-import { classesInput } from "./classesInput.js";
-import { splitProps } from "solid-js";
-import { mergeProps as mergeProps$1, spread, template } from "solid-js/web";
-//#region ui/input/input/Input.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<input dir=auto>`);
-var Input = (p) => {
-	const [s, rest] = splitProps(p, ["class"]);
-	return (() => {
-		var _el$ = _tmpl$();
-		spread(_el$, mergeProps$1({ get ["class"]() {
-			return classMerge(classesInput, s.class);
-		} }, rest), false, false);
-		return _el$;
-	})();
-};
-//#endregion
-export { Input };
-
-//# sourceMappingURL=Input.js.map

package/dist/input/input/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","names":["classesInput","classMerge","Component","ComponentProps","splitProps","Input","p","s","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../ui/input/input/Input.tsx"],"sourcesContent":["import { classesInput } from \"#ui/input/input/classesInput.js\"\nimport { classMerge } from \"#ui/utils/classMerge.js\"\nimport type { Component, ComponentProps } from \"solid-js\"\nimport { splitProps } from \"solid-js\"\n\nexport const Input: Component<ComponentProps<\"input\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return <input class={classMerge(classesInput, s.class)} dir=\"auto\" {...rest} />\n}\n"],"mappings":";;;;;;AAKA,IAAaK,SAA6CC,MAAM;CAC9D,MAAM,CAACC,GAAGC,QAAQJ,WAAWE,GAAG,CAAC,QAAQ,CAAC;AAC1C,eAAA;EAAA,IAAAG,OAAAC,QAAA;AAAAC,SAAAF,MAAAG,aAAA,EAAA,KAAA,WAAA;AAAA,UAAqBX,WAAWD,cAAcO,EAAEM,MAAM;KAAA,EAAiBL,KAAI,EAAA,OAAA,MAAA;AAAA,SAAAC;KAAA"}

package/dist/input/input/InputDatalist.d.ts

@@ -1,7 +0,0 @@
-import { ComponentProps } from 'solid-js';
-export interface ResourceListSearchProps extends ComponentProps<"input"> {
-    getOptions: () => string[];
-    optionDisplayText?: (option: string) => string;
-}
-export declare function InputDatalist(p: ResourceListSearchProps): import("solid-js").JSX.Element;
-//# sourceMappingURL=InputDatalist.d.ts.map

package/dist/input/input/InputDatalist.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputDatalist.d.ts","sourceRoot":"","sources":["../../../ui/input/input/InputDatalist.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,UAAU,CAAA;AAE1D,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,OAAO,CAAC;IACtE,UAAU,EAAE,MAAM,MAAM,EAAE,CAAA;IAC1B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;CAC/C;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,uBAAuB,kCAWvD"}