@adaptive-ds/solid-ui 0.11.0

package/dist/input/number/NumberInputS.js

@@ -0,0 +1,157 @@
+import { template, insert, memo, createComponent, mergeProps, effect, className } from "solid-js/web";
+import { mdiMinusBox, mdiMinus, mdiPlus, mdiPlusBox } from "@mdi/js";
+import { splitProps } from "solid-js";
+import { Input } from "../input/Input.js";
+import { numberInputTextDefault } from "./NumberInputTexts.js";
+import { buttonVariant } from "../../interactive/button/buttonCva.js";
+import { ButtonIconOnly } from "../../interactive/button/ButtonIconOnly.js";
+import { classMerge } from "../../utils/classMerge.js";
+import { safeParseInt } from "../../node_modules/@adaptive-sm/utils/dist/int/safeParseInt.js";
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+function NumberInputS(p) {
+  const [s, rest] = splitProps(p, ["valueSignal", "onValueChange", "min", "max", "incrDecrAmount", "incrDecrAmountMajor", "disabled", "class", "inputClass", "variant", "buttonClass", "id", "texts"]);
+  const hasMajor = s.incrDecrAmountMajor !== void 0;
+  const onChange = (e) => {
+    const n = s.valueSignal.get();
+    let newN = safeParseInt(e.target.value, n);
+    if (s.min !== void 0) newN = Math.max(s.min, newN);
+    if (s.max !== void 0) newN = Math.min(s.max, newN);
+    s.valueSignal.set(newN);
+    if (s.onValueChange) s.onValueChange(newN);
+  };
+  const decrementMajor = (e) => {
+    const n = s.valueSignal.get();
+    let newN = n - (s.incrDecrAmountMajor ?? 10) * (e.ctrlKey ? 100 : 1);
+    if (s.min !== void 0) newN = Math.max(s.min, newN);
+    s.valueSignal.set(newN);
+    if (s.onValueChange) s.onValueChange(newN);
+  };
+  const decrement = (e) => {
+    const n = s.valueSignal.get();
+    let newN = n - (s.incrDecrAmount ?? 1) * (e.ctrlKey ? 100 : 1);
+    if (s.min !== void 0) newN = Math.max(s.min, newN);
+    s.valueSignal.set(newN);
+    if (s.onValueChange) s.onValueChange(newN);
+  };
+  const increment = (e) => {
+    const n = s.valueSignal.get();
+    let newN = n + (s.incrDecrAmount ?? 1) * (e.ctrlKey ? 100 : 1);
+    if (s.max !== void 0) newN = Math.min(s.max, newN);
+    s.valueSignal.set(newN);
+    if (s.onValueChange) s.onValueChange(newN);
+  };
+  const incrementMajor = (e) => {
+    const n = s.valueSignal.get();
+    let newN = n + (s.incrDecrAmountMajor ?? 10) * (e.ctrlKey ? 100 : 1);
+    if (s.max !== void 0) newN = Math.min(s.max, newN);
+    s.valueSignal.set(newN);
+    if (s.onValueChange) s.onValueChange(newN);
+  };
+  const defaultVariant = buttonVariant.ghost;
+  const texts = s.texts ?? numberInputTextDefault;
+  return (() => {
+    var _el$ = _tmpl$();
+    insert(_el$, (() => {
+      var _c$ = memo(() => !!s.incrDecrAmountMajor);
+      return () => _c$() && createComponent(ButtonIconOnly, {
+        icon: mdiMinusBox,
+        get title() {
+          return texts.decreaseByX(s.incrDecrAmountMajor);
+        },
+        onClick: decrementMajor,
+        get variant() {
+          return s.variant ?? defaultVariant;
+        },
+        get ["class"]() {
+          return classMerge("rounded-r-none", s.buttonClass);
+        },
+        get disabled() {
+          return s.disabled || s.min !== void 0 && s.valueSignal.get() <= s.min;
+        },
+        type: "button"
+      });
+    })(), null);
+    insert(_el$, createComponent(ButtonIconOnly, {
+      icon: mdiMinus,
+      get title() {
+        return texts.decreaseByX(s.incrDecrAmount ?? 1);
+      },
+      onClick: decrement,
+      get variant() {
+        return s.variant ?? defaultVariant;
+      },
+      get ["class"]() {
+        return classMerge(hasMajor ? "rounded-none" : "rounded-r-none", s.buttonClass);
+      },
+      get disabled() {
+        return s.disabled || s.min !== void 0 && s.valueSignal.get() <= s.min;
+      },
+      type: "button"
+    }), null);
+    insert(_el$, createComponent(Input, mergeProps({
+      type: "number",
+      get value() {
+        return s.valueSignal.get();
+      },
+      onInput: onChange,
+      get id() {
+        return s.id;
+      },
+      get ["class"]() {
+        return classMerge("w-14 rounded-none text-center outline-0 focus:z-10", s.inputClass);
+      },
+      get disabled() {
+        return s.disabled;
+      },
+      get min() {
+        return s.min;
+      },
+      get max() {
+        return s.max;
+      }
+    }, rest)), null);
+    insert(_el$, createComponent(ButtonIconOnly, {
+      icon: mdiPlus,
+      get title() {
+        return texts.increaseByX(s.incrDecrAmount ?? 1);
+      },
+      onClick: increment,
+      get variant() {
+        return s.variant ?? defaultVariant;
+      },
+      get ["class"]() {
+        return classMerge(hasMajor ? "rounded-none" : "rounded-l-none", s.buttonClass);
+      },
+      get disabled() {
+        return s.disabled || s.max !== void 0 && s.valueSignal.get() >= s.max;
+      },
+      type: "button"
+    }), null);
+    insert(_el$, (() => {
+      var _c$2 = memo(() => !!s.incrDecrAmountMajor);
+      return () => _c$2() && createComponent(ButtonIconOnly, {
+        icon: mdiPlusBox,
+        get title() {
+          return texts.increaseByX(s.incrDecrAmountMajor);
+        },
+        onClick: incrementMajor,
+        get variant() {
+          return s.variant ?? defaultVariant;
+        },
+        get ["class"]() {
+          return classMerge("rounded-l-none", s.buttonClass);
+        },
+        get disabled() {
+          return s.disabled || s.max !== void 0 && s.valueSignal.get() >= s.max;
+        },
+        type: "button"
+      });
+    })(), null);
+    effect(() => className(_el$, classMerge("flex flex-row flex-nowrap items-center", s.class)));
+    return _el$;
+  })();
+}
+export {
+  NumberInputS
+};
+//# sourceMappingURL=NumberInputS.js.map

package/dist/input/number/NumberInputS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputS.js","sources":["../../../lib/input/number/NumberInputS.tsx"],"sourcesContent":["import { mdiMinus, mdiMinusBox, mdiPlus, mdiPlusBox } from \"@mdi/js\"\nimport { type ComponentProps, type JSX, splitProps } from \"solid-js\"\nimport { Input } from \"~ui/input/input/Input\"\nimport type { NumberInputText } from \"~ui/input/number/NumberInputTexts\"\nimport { numberInputTextDefault } from \"~ui/input/number/NumberInputTexts\"\nimport { buttonVariant, type ButtonVariant } from \"~ui/interactive/button/buttonCva\"\nimport { ButtonIconOnly } from \"~ui/interactive/button/ButtonIconOnly\"\nimport { classMerge } from \"~ui/utils/classMerge\"\nimport type { SignalObject } from \"~ui/utils/createSignalObject\"\nimport { safeParseInt } from \"~utils/int/safeParseInt\"\n\nexport interface NumberInputSProps extends ComponentProps<\"input\"> {\n  valueSignal: SignalObject<number>\n  min?: number\n  max?: number\n  incrDecrAmount?: number\n  incrDecrAmountMajor?: number\n  disabled?: boolean\n  class?: string\n  inputClass?: string\n  variant?: ButtonVariant\n  buttonClass?: string\n  onValueChange?: (v: number) => void\n  id?: string\n  texts?: NumberInputText\n}\n\nexport function NumberInputS(p: NumberInputSProps) {\n  const [s, rest] = splitProps(p, [\n    \"valueSignal\",\n    \"onValueChange\",\n    \"min\",\n    \"max\",\n    \"incrDecrAmount\",\n    \"incrDecrAmountMajor\",\n    \"disabled\",\n    \"class\",\n    \"inputClass\",\n    \"variant\",\n    \"buttonClass\",\n    \"id\",\n    \"texts\",\n  ])\n  const hasMajor = s.incrDecrAmountMajor !== undefined\n  const onChange: JSX.InputEventHandlerUnion<HTMLInputElement, InputEvent> | undefined = (e) => {\n    const n = s.valueSignal.get()\n    let newN = safeParseInt(e.target.value, n)\n    if (s.min !== undefined) newN = Math.max(s.min, newN)\n    if (s.max !== undefined) newN = Math.min(s.max, newN)\n    s.valueSignal.set(newN)\n    if (s.onValueChange) s.onValueChange(newN)\n  }\n  const decrementMajor: JSX.EventHandlerUnion<HTMLButtonElement, MouseEvent> | undefined = (e) => {\n    const n = s.valueSignal.get()\n    let newN = n - (s.incrDecrAmountMajor ?? 10) * (e.ctrlKey ? 100 : 1)\n    if (s.min !== undefined) newN = Math.max(s.min, newN)\n    s.valueSignal.set(newN)\n    if (s.onValueChange) s.onValueChange(newN)\n  }\n  const decrement: JSX.EventHandlerUnion<HTMLButtonElement, MouseEvent> | undefined = (e) => {\n    const n = s.valueSignal.get()\n    let newN = n - (s.incrDecrAmount ?? 1) * (e.ctrlKey ? 100 : 1)\n    if (s.min !== undefined) newN = Math.max(s.min, newN)\n    s.valueSignal.set(newN)\n    if (s.onValueChange) s.onValueChange(newN)\n  }\n  const increment: JSX.EventHandlerUnion<HTMLButtonElement, MouseEvent> | undefined = (e) => {\n    const n = s.valueSignal.get()\n    let newN = n + (s.incrDecrAmount ?? 1) * (e.ctrlKey ? 100 : 1)\n    if (s.max !== undefined) newN = Math.min(s.max, newN)\n    s.valueSignal.set(newN)\n    if (s.onValueChange) s.onValueChange(newN)\n  }\n  const incrementMajor: JSX.EventHandlerUnion<HTMLButtonElement, MouseEvent> | undefined = (e) => {\n    const n = s.valueSignal.get()\n    let newN = n + (s.incrDecrAmountMajor ?? 10) * (e.ctrlKey ? 100 : 1)\n    if (s.max !== undefined) newN = Math.min(s.max, newN)\n    s.valueSignal.set(newN)\n    if (s.onValueChange) s.onValueChange(newN)\n  }\n  const defaultVariant = buttonVariant.ghost\n\n  const texts = s.texts ?? numberInputTextDefault\n\n  return (\n    <div class={classMerge(\"flex flex-row flex-nowrap items-center\", s.class)}>\n      {s.incrDecrAmountMajor && (\n        <ButtonIconOnly\n          icon={mdiMinusBox}\n          title={texts.decreaseByX(s.incrDecrAmountMajor)}\n          onClick={decrementMajor}\n          variant={s.variant ?? defaultVariant}\n          class={classMerge(\"rounded-r-none\", s.buttonClass)}\n          disabled={s.disabled || (s.min !== undefined && s.valueSignal.get() <= s.min)}\n          type={\"button\"}\n        />\n      )}\n      <ButtonIconOnly\n        icon={mdiMinus}\n        title={texts.decreaseByX(s.incrDecrAmount ?? 1)}\n        onClick={decrement}\n        variant={s.variant ?? defaultVariant}\n        class={classMerge(hasMajor ? \"rounded-none\" : \"rounded-r-none\", s.buttonClass)}\n        disabled={s.disabled || (s.min !== undefined && s.valueSignal.get() <= s.min)}\n        type={\"button\"}\n      />\n      <Input\n        type=\"number\"\n        value={s.valueSignal.get()}\n        onInput={onChange}\n        id={s.id}\n        class={classMerge(\"w-14 rounded-none text-center outline-0 focus:z-10\", s.inputClass)}\n        disabled={s.disabled}\n        min={s.min}\n        max={s.max}\n        {...rest}\n      />\n      <ButtonIconOnly\n        icon={mdiPlus}\n        title={texts.increaseByX(s.incrDecrAmount ?? 1)}\n        onClick={increment}\n        variant={s.variant ?? defaultVariant}\n        class={classMerge(hasMajor ? \"rounded-none\" : \"rounded-l-none\", s.buttonClass)}\n        disabled={s.disabled || (s.max !== undefined && s.valueSignal.get() >= s.max)}\n        type={\"button\"}\n      />\n      {s.incrDecrAmountMajor && (\n        <ButtonIconOnly\n          icon={mdiPlusBox}\n          title={texts.increaseByX(s.incrDecrAmountMajor)}\n          onClick={incrementMajor}\n          variant={s.variant ?? defaultVariant}\n          class={classMerge(\"rounded-l-none\", s.buttonClass)}\n          disabled={s.disabled || (s.max !== undefined && s.valueSignal.get() >= s.max)}\n          type={\"button\"}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["NumberInputS","p","s","rest","splitProps","hasMajor","incrDecrAmountMajor","undefined","onChange","e","n","valueSignal","get","newN","safeParseInt","target","value","min","Math","max","set","onValueChange","decrementMajor","ctrlKey","decrement","incrDecrAmount","increment","incrementMajor","defaultVariant","buttonVariant","ghost","texts","numberInputTextDefault","_el$","_tmpl$","_$insert","_c$","_$memo","_$createComponent","ButtonIconOnly","icon","mdiMinusBox","title","decreaseByX","onClick","variant","classMerge","buttonClass","disabled","type","mdiMinus","Input","_$mergeProps","onInput","id","inputClass","mdiPlus","increaseByX","_c$2","mdiPlusBox","_$effect","_$className","class"],"mappings":"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"}

package/dist/input/number/NumberInputTexts.d.ts

@@ -0,0 +1,9 @@
+export type NumberInputText = {
+    decreaseByX: (amount: number) => string;
+    increaseByX: (amount: number) => string;
+};
+export declare const numberInputTextDefault: {
+    readonly decreaseByX: (amount: number) => string;
+    readonly increaseByX: (amount: number) => string;
+};
+//# sourceMappingURL=NumberInputTexts.d.ts.map

package/dist/input/number/NumberInputTexts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputTexts.d.ts","sourceRoot":"","sources":["../../../lib/input/number/NumberInputTexts.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;CACxC,CAAA;AAED,eAAO,MAAM,sBAAsB;mCACX,MAAM;mCACN,MAAM;CACM,CAAA"}

package/dist/input/number/NumberInputTexts.js

@@ -0,0 +1,9 @@
+import { ttt1 } from "../../i18n/ttt.js";
+const numberInputTextDefault = {
+  decreaseByX: (amount) => ttt1("Decrease by [X]", amount.toString()),
+  increaseByX: (amount) => ttt1("Increase by [X]", amount.toString())
+};
+export {
+  numberInputTextDefault
+};
+//# sourceMappingURL=NumberInputTexts.js.map

package/dist/input/number/NumberInputTexts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputTexts.js","sources":["../../../lib/input/number/NumberInputTexts.tsx"],"sourcesContent":["import { ttt1 } from \"~ui/i18n/ttt\"\n\nexport type NumberInputText = {\n  decreaseByX: (amount: number) => string\n  increaseByX: (amount: number) => string\n}\n\nexport const numberInputTextDefault = {\n  decreaseByX: (amount: number) => ttt1(\"Decrease by [X]\", amount.toString()),\n  increaseByX: (amount: number) => ttt1(\"Increase by [X]\", amount.toString()),\n} as const satisfies NumberInputText\n"],"names":["numberInputTextDefault","decreaseByX","amount","ttt1","toString","increaseByX"],"mappings":";AAOO,MAAMA,yBAAyB;AAAA,EACpCC,aAAaA,CAACC,WAAmBC,KAAK,mBAAmBD,OAAOE,UAAU;AAAA,EAC1EC,aAAaA,CAACH,WAAmBC,KAAK,mBAAmBD,OAAOE,UAAU;AAC5E;"}

package/dist/input/search/searchInputSignal.d.ts

@@ -0,0 +1,3 @@
+export declare const searchInputSignal: import('../../utils/createSignalObject').SignalObject<string>;
+export declare const searchInputDebouncedSignal: import('@solid-primitives/scheduled').Scheduled<[]>;
+//# sourceMappingURL=searchInputSignal.d.ts.map

package/dist/input/search/searchInputSignal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchInputSignal.d.ts","sourceRoot":"","sources":["../../../lib/input/search/searchInputSignal.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,6DAAyB,CAAA;AAEvD,eAAO,MAAM,0BAA0B,qDAAsC,CAAA"}

package/dist/input/search/searchInputSignal.js

@@ -0,0 +1,9 @@
+import { scheduleIdle } from "@solid-primitives/scheduled";
+import { createSignalObject } from "../../utils/createSignalObject.js";
+const searchInputSignal = createSignalObject("");
+const searchInputDebouncedSignal = scheduleIdle(searchInputSignal.get);
+export {
+  searchInputDebouncedSignal,
+  searchInputSignal
+};
+//# sourceMappingURL=searchInputSignal.js.map

package/dist/input/search/searchInputSignal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchInputSignal.js","sources":["../../../lib/input/search/searchInputSignal.ts"],"sourcesContent":["import { scheduleIdle } from \"@solid-primitives/scheduled\"\nimport { createSignalObject } from \"~ui/utils/createSignalObject\"\n\n\nexport const searchInputSignal = createSignalObject(\"\")\n\nexport const searchInputDebouncedSignal = scheduleIdle(searchInputSignal.get)\n// export const searchInputDebouncedSignal = createMemo(() => {\n//   return scheduleIdle(searchInputSignal.get)\n// })\n"],"names":[],"mappings":";;AAIO,MAAM,oBAAoB,mBAAmB,EAAE;AAE/C,MAAM,6BAA6B,aAAa,kBAAkB,GAAG;"}

package/dist/input/select/SelectMultiple.d.ts

@@ -0,0 +1,24 @@
+import { SelectMultipleTexts } from './SelectMultipleTexts';
+import { CorvuPopoverProps } from '../../interactive/popover/CorvuPopover';
+import { HasGetOptions } from '../../utils/HasGetOptions';
+import { HasValueSignalStringArray } from '../../utils/HasValueSignalStringArray';
+import { MayHaveValueText } from '../../utils/HasValueText';
+import { MayHaveChildren } from '../../utils/MayHaveChildren';
+import { MayHaveClass } from '../../utils/MayHaveClass';
+import { MayHaveDisabled } from '../../utils/MayHaveDisabled';
+import { MayHaveId } from '../../utils/MayHaveId';
+import { MayHaveInnerClass } from '../../utils/MayHaveInnerClass';
+/**
+ * https://github.com/radix-ui/primitives/blob/main/packages/react/checkbox/src/Checkbox.tsx
+ */
+export interface SelectMultipleProps extends HasValueSignalStringArray, HasGetOptions, MayHaveValueText, MayHaveId, MayHaveClass, MayHaveInnerClass, MayHaveChildren, MayHaveDisabled {
+    buttonProps: CorvuPopoverProps;
+    textNoEntries?: string;
+    textAddEntry?: string;
+    addEntryClass?: string;
+    noItemsClass?: string;
+    listOptionClass?: string;
+    texts?: SelectMultipleTexts;
+}
+export declare function SelectMultiple(p: SelectMultipleProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=SelectMultiple.d.ts.map

package/dist/input/select/SelectMultiple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMultiple.d.ts","sourceRoot":"","sources":["../../../lib/input/select/SelectMultiple.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAA;AAI/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAM7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAA;AACpF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAEpE;;GAEG;AACH,MAAM,WAAW,mBACf,SAAQ,yBAAyB,EAC/B,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,eAAe;IACjB,WAAW,EAAE,iBAAiB,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,mBAAmB,CAAA;CAC5B;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,mBAAmB,kCAuCpD"}

package/dist/input/select/SelectMultiple.js

@@ -0,0 +1,269 @@
+import { template, insert, createComponent, mergeProps as mergeProps$1, effect, setAttribute, className } from "solid-js/web";
+import { mdiPlus, mdiClose, mdiCheck } from "@mdi/js";
+import { Key } from "@solid-primitives/keyed";
+import { mergeProps, For } from "solid-js";
+import { selectMultipleTextDefault } from "./SelectMultipleTexts.js";
+import { buttonVariant } from "../../interactive/button/buttonCva.js";
+import { ButtonIcon } from "../../interactive/button/ButtonIcon.js";
+import { CorvuPopover } from "../../interactive/popover/CorvuPopover.js";
+import { classesGridCols3xl } from "../../static/container/classesGridCols.js";
+import { classArr } from "../../utils/classArr.js";
+import { classMerge } from "../../utils/classMerge.js";
+var _tmpl$ = /* @__PURE__ */ template(`<div>`), _tmpl$2 = /* @__PURE__ */ template(`<ul class="flex flex-wrap gap-1 m-0 p-0 list-none">`), _tmpl$3 = /* @__PURE__ */ template(`<li class=contents>`), _tmpl$4 = /* @__PURE__ */ template(`<div role=listbox aria-multiselectable=true>`);
+function SelectMultiple(p) {
+  const texts = p.texts ?? selectMultipleTextDefault;
+  const buttonClass = classMerge(p.addEntryClass, p.buttonProps.class);
+  const buttonProps = mergeProps(p.buttonProps, {
+    icon: mdiPlus,
+    children: p.textAddEntry ?? texts.addEntry,
+    class: buttonClass,
+    disabled: p.disabled
+  });
+  return (() => {
+    var _el$ = _tmpl$();
+    insert(_el$, createComponent(SelectedValues, {
+      get valueSignal() {
+        return p.valueSignal;
+      },
+      get valueText() {
+        return p.valueText;
+      },
+      get noItemsClass() {
+        return p.noItemsClass;
+      },
+      texts
+    }), null);
+    insert(_el$, createComponent(CorvuPopover, mergeProps$1(buttonProps, {
+      get children() {
+        return createComponent(OptionList, {
+          get id() {
+            return p.id;
+          },
+          get valueSignal() {
+            return p.valueSignal;
+          },
+          get getOptions() {
+            return p.getOptions;
+          },
+          get valueText() {
+            return p.valueText;
+          },
+          get noItemsClass() {
+            return p.noItemsClass;
+          },
+          get listOptionClass() {
+            return p.listOptionClass;
+          },
+          get innerClass() {
+            return p.innerClass;
+          },
+          get disabled() {
+            return p.disabled;
+          },
+          texts
+        });
+      }
+    })), null);
+    effect((_p$) => {
+      var _v$ = p.id, _v$2 = classArr(
+        "group border border-input",
+        "px-2 py-2 text-sm",
+        "ring-offset-background ",
+        "rounded-md",
+        "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
+        "flex flex-col items-center justify-center gap-1",
+        // layout
+        p.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 SelectedValues(p) {
+  return (() => {
+    var _el$2 = _tmpl$2();
+    insert(_el$2, createComponent(Key, {
+      get each() {
+        return p.valueSignal.get();
+      },
+      by: (item) => item,
+      get fallback() {
+        return createComponent(NoItems, {
+          get ["class"]() {
+            return p.noItemsClass;
+          },
+          get texts() {
+            return p.texts;
+          }
+        });
+      },
+      children: (item) => createComponent(SelectedValue, {
+        get option() {
+          return item();
+        },
+        get valueSignal() {
+          return p.valueSignal;
+        },
+        get valueText() {
+          return p.valueText;
+        },
+        get texts() {
+          return p.texts;
+        }
+      })
+    }));
+    return _el$2;
+  })();
+}
+function SelectedValue(p) {
+  const label = () => p.valueText ? p.valueText(p.option) : p.option;
+  return (() => {
+    var _el$3 = _tmpl$3();
+    insert(_el$3, createComponent(ButtonIcon, {
+      get variant() {
+        return buttonVariant.filled;
+      },
+      iconRight: mdiClose,
+      "class": "text-sm px-2 py-1",
+      get ["data-value"]() {
+        return p.option;
+      },
+      onMouseDown: (_e) => optionRemove(p),
+      onClick: (_e) => optionRemove(p),
+      get title() {
+        return p.texts.removeX(label());
+      },
+      get children() {
+        return label();
+      }
+    }));
+    return _el$3;
+  })();
+}
+function OptionList(p) {
+  return (() => {
+    var _el$4 = _tmpl$4();
+    insert(_el$4, createComponent(For, {
+      get each() {
+        return p.getOptions();
+      },
+      get fallback() {
+        return createComponent(NoItems, {
+          get ["class"]() {
+            return p.noItemsClass;
+          },
+          get texts() {
+            return p.texts;
+          }
+        });
+      },
+      children: (option, index) => createComponent(ListOption, {
+        get id() {
+          return p.id;
+        },
+        option,
+        get index() {
+          return index();
+        },
+        get valueSignal() {
+          return p.valueSignal;
+        },
+        get valueText() {
+          return p.valueText;
+        },
+        get listOptionClass() {
+          return p.listOptionClass;
+        },
+        get disabled() {
+          return p.disabled;
+        }
+      })
+    }));
+    effect(() => className(_el$4, getInnerClass(p.getOptions().length, p.innerClass)));
+    return _el$4;
+  })();
+}
+function getInnerClass(optionAmount, innerClass) {
+  if (innerClass) return innerClass;
+  if (optionAmount <= 0) return "";
+  const base = " gap-x-2 gap-y-1";
+  if (optionAmount <= 5) return `grid grid-cols-1${base}`;
+  if (optionAmount <= 9) return `grid grid-cols-2${base}`;
+  if (optionAmount > 9) return classesGridCols3xl + base;
+  return "";
+}
+function ListOption(p) {
+  const label = () => p.valueText ? p.valueText(p.option) : p.option;
+  return createComponent(
+    ButtonIcon,
+    {
+      role: "option",
+      get ["aria-selected"]() {
+        return optionIsSelected(p);
+      },
+      get iconRight() {
+        return optionIsSelected(p) ? mdiCheck : void 0;
+      },
+      onClick: () => {
+        toggleOption(p);
+      },
+      get variant() {
+        return buttonVariant.ghost;
+      },
+      get ["class"]() {
+        return classMerge("justify-start", p.listOptionClass);
+      },
+      get disabled() {
+        return p.disabled;
+      },
+      get children() {
+        return label();
+      }
+    }
+  );
+}
+function toggleOption(p) {
+  const hasOption = optionIsSelected(p);
+  if (hasOption) {
+    return optionRemove(p);
+  }
+  return optionAdd(p);
+}
+function optionRemove(p) {
+  const newValues = p.valueSignal.get().filter((v) => v !== p.option);
+  p.valueSignal.set(newValues);
+}
+function optionAdd(p) {
+  const newValues = [...p.valueSignal.get(), p.option];
+  newValues.sort((a, b) => a.localeCompare(b));
+  p.valueSignal.set(newValues);
+}
+function optionIsSelected(p) {
+  return p.valueSignal.get().includes(p.option);
+}
+function NoItems(p) {
+  return (() => {
+    var _el$5 = _tmpl$();
+    insert(_el$5, () => p.texts?.noEntries ?? "No entries");
+    effect(() => className(_el$5, classMerge(
+      "py-2 px-3",
+      // button
+      "rounded-md ring-offset-background",
+      // rounded, rings
+      "border border-slate-200 dark:border-slate-700 dark:hover:bg-slate-900",
+      // border
+      p.class
+    )));
+    return _el$5;
+  })();
+}
+export {
+  SelectMultiple
+};
+//# sourceMappingURL=SelectMultiple.js.map

package/dist/input/select/SelectMultiple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMultiple.js","sources":["../../../lib/input/select/SelectMultiple.tsx"],"sourcesContent":["import { mdiCheck, mdiClose, mdiPlus } from \"@mdi/js\"\nimport { Key } from \"@solid-primitives/keyed\"\nimport { For, mergeProps } from \"solid-js\"\nimport type { SelectMultipleTexts } from \"~ui/input/select/SelectMultipleTexts\"\nimport { selectMultipleTextDefault } from \"~ui/input/select/SelectMultipleTexts\"\nimport { buttonVariant } from \"~ui/interactive/button/buttonCva\"\nimport { ButtonIcon } from \"~ui/interactive/button/ButtonIcon\"\nimport type { CorvuPopoverProps } from \"~ui/interactive/popover/CorvuPopover\"\nimport { CorvuPopover } from \"~ui/interactive/popover/CorvuPopover\"\nimport { classesGridCols3xl } from \"~ui/static/container/classesGridCols\"\nimport { classArr } from \"~ui/utils/classArr\"\nimport { classMerge } from \"~ui/utils/classMerge\"\nimport type { SignalObject } from \"~ui/utils/createSignalObject\"\nimport type { HasGetOptions } from \"~ui/utils/HasGetOptions\"\nimport type { HasValueSignalStringArray } from \"~ui/utils/HasValueSignalStringArray\"\nimport type { MayHaveValueText } from \"~ui/utils/HasValueText\"\nimport type { MayHaveChildren } from \"~ui/utils/MayHaveChildren\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\nimport type { MayHaveDisabled } from \"~ui/utils/MayHaveDisabled\"\nimport type { MayHaveId } from \"~ui/utils/MayHaveId\"\nimport type { MayHaveInnerClass } from \"~ui/utils/MayHaveInnerClass\"\n\n/**\n * https://github.com/radix-ui/primitives/blob/main/packages/react/checkbox/src/Checkbox.tsx\n */\nexport interface SelectMultipleProps\n  extends HasValueSignalStringArray,\n    HasGetOptions,\n    MayHaveValueText,\n    MayHaveId,\n    MayHaveClass,\n    MayHaveInnerClass,\n    MayHaveChildren,\n    MayHaveDisabled {\n  buttonProps: CorvuPopoverProps\n  textNoEntries?: string\n  textAddEntry?: string\n  addEntryClass?: string\n  noItemsClass?: string\n  listOptionClass?: string\n  texts?: SelectMultipleTexts\n}\n\nexport function SelectMultiple(p: SelectMultipleProps) {\n  const texts = p.texts ?? selectMultipleTextDefault\n\n  const buttonClass = classMerge(p.addEntryClass, p.buttonProps.class)\n  const buttonProps = mergeProps(p.buttonProps, {\n    icon: mdiPlus,\n    children: p.textAddEntry ?? texts.addEntry,\n    class: buttonClass,\n    disabled: p.disabled,\n  })\n  return (\n    <div\n      id={p.id}\n      class={classArr(\n        \"group border border-input\",\n        \"px-2 py-2 text-sm\",\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 items-center justify-center gap-1\", // layout\n        p.class,\n      )}\n    >\n      <SelectedValues valueSignal={p.valueSignal} valueText={p.valueText} noItemsClass={p.noItemsClass} texts={texts} />\n      <CorvuPopover {...buttonProps}>\n        <OptionList\n          id={p.id}\n          valueSignal={p.valueSignal}\n          getOptions={p.getOptions}\n          valueText={p.valueText}\n          noItemsClass={p.noItemsClass}\n          listOptionClass={p.listOptionClass}\n          innerClass={p.innerClass}\n          disabled={p.disabled}\n          texts={texts}\n        />\n      </CorvuPopover>\n    </div>\n  )\n}\n\ninterface SelectedValuesProps {\n  valueSignal: SignalObject<string[]>\n  valueText?: (value: string) => string\n  noItemsClass?: string\n  texts: SelectMultipleTexts\n}\n\nfunction SelectedValues(p: SelectedValuesProps) {\n  return (\n    <ul class={\"flex flex-wrap gap-1 m-0 p-0 list-none\"}>\n      <Key each={p.valueSignal.get()} by={(item) => item} fallback={<NoItems class={p.noItemsClass} texts={p.texts} />}>\n        {(item) => (\n          <SelectedValue option={item()} valueSignal={p.valueSignal} valueText={p.valueText} texts={p.texts} />\n        )}\n      </Key>\n    </ul>\n  )\n}\n\ninterface MultiselectOptionState {\n  option: string\n  valueSignal: SignalObject<string[]>\n  valueText?: (value: string) => string\n}\n\ninterface SelectedValueProps extends MultiselectOptionState {\n  texts: SelectMultipleTexts\n}\n\nfunction SelectedValue(p: SelectedValueProps) {\n  const label = () => (p.valueText ? p.valueText(p.option) : p.option)\n  return (\n    <li class=\"contents\">\n      <ButtonIcon\n        variant={buttonVariant.filled}\n        iconRight={mdiClose}\n        class={\"text-sm px-2 py-1\"}\n        data-value={p.option}\n        onMouseDown={(_e) => optionRemove(p)}\n        onClick={(_e) => optionRemove(p)}\n        title={p.texts.removeX(label())}\n      >\n        {label()}\n      </ButtonIcon>\n    </li>\n  )\n}\n\ninterface OptionListProps\n  extends HasValueSignalStringArray,\n    HasGetOptions,\n    MayHaveValueText,\n    MayHaveId,\n    MayHaveInnerClass,\n    MayHaveDisabled {\n  noItemsClass?: string\n  listOptionClass?: string\n  texts: SelectMultipleTexts\n}\n\nfunction OptionList(p: OptionListProps) {\n  return (\n    <div role=\"listbox\" aria-multiselectable=\"true\" class={getInnerClass(p.getOptions().length, p.innerClass)}>\n      <For each={p.getOptions()} fallback={<NoItems class={p.noItemsClass} texts={p.texts} />}>\n        {(option, index) => (\n          <ListOption\n            id={p.id}\n            option={option}\n            index={index()}\n            valueSignal={p.valueSignal}\n            valueText={p.valueText}\n            listOptionClass={p.listOptionClass}\n            disabled={p.disabled}\n          />\n        )}\n      </For>\n    </div>\n  )\n}\n\nfunction getInnerClass(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 `grid grid-cols-1${base}`\n  if (optionAmount <= 9) return `grid grid-cols-2${base}`\n  if (optionAmount > 9) return classesGridCols3xl + base\n  return \"\"\n}\n\ninterface ListOptionProps extends MayHaveId, MultiselectOptionState, MayHaveDisabled {\n  index: number\n  listOptionClass?: string\n}\n\nfunction ListOption(p: ListOptionProps) {\n  const label = () => (p.valueText ? p.valueText(p.option) : p.option)\n  return (\n    <ButtonIcon\n      // id={`${p.id}-option-${p.index}`}\n      role=\"option\"\n      aria-selected={optionIsSelected(p)}\n      iconRight={optionIsSelected(p) ? mdiCheck : undefined}\n      onClick={() => {\n        toggleOption(p)\n      }}\n      variant={buttonVariant.ghost}\n      class={classMerge(\"justify-start\", p.listOptionClass)}\n      disabled={p.disabled}\n    >\n      {label()}\n    </ButtonIcon>\n  )\n}\n\nfunction toggleOption(p: MultiselectOptionState) {\n  const hasOption = optionIsSelected(p)\n  if (hasOption) {\n    return optionRemove(p)\n  }\n  return optionAdd(p)\n}\n\nfunction optionRemove(p: MultiselectOptionState) {\n  const newValues = p.valueSignal.get().filter((v) => v !== p.option)\n  p.valueSignal.set(newValues)\n}\n\nfunction optionAdd(p: MultiselectOptionState) {\n  const newValues = [...p.valueSignal.get(), p.option]\n  newValues.sort((a, b) => a.localeCompare(b))\n  p.valueSignal.set(newValues)\n}\n\nfunction optionIsSelected(p: MultiselectOptionState) {\n  return p.valueSignal.get().includes(p.option)\n}\n\ninterface NoItemsProps extends MayHaveClass {\n  texts?: SelectMultipleTexts\n}\n\nfunction NoItems(p: NoItemsProps) {\n  return (\n    <div\n      class={classMerge(\n        \"py-2 px-3\",\n        // button\n        \"rounded-md ring-offset-background\", // rounded, rings\n        \"border border-slate-200 dark:border-slate-700 dark:hover:bg-slate-900\", // border\n        p.class,\n      )}\n    >\n      {p.texts?.noEntries ?? \"No entries\"}\n    </div>\n  )\n}\n"],"names":["SelectMultiple","p","texts","selectMultipleTextDefault","buttonClass","classMerge","addEntryClass","buttonProps","class","mergeProps","icon","mdiPlus","children","textAddEntry","addEntry","disabled","_el$","_tmpl$","_$insert","_$createComponent","SelectedValues","valueSignal","valueText","noItemsClass","CorvuPopover","_$mergeProps","OptionList","id","getOptions","listOptionClass","innerClass","_$effect","_p$","_v$","_v$2","classArr","e","_$setAttribute","t","_$className","undefined","_el$2","_tmpl$2","Key","each","get","by","item","fallback","NoItems","SelectedValue","option","label","_el$3","_tmpl$3","ButtonIcon","variant","buttonVariant","filled","iconRight","mdiClose","onMouseDown","_e","optionRemove","onClick","title","removeX","_el$4","_tmpl$4","For","index","ListOption","getInnerClass","length","optionAmount","base","classesGridCols3xl","role","optionIsSelected","mdiCheck","toggleOption","ghost","hasOption","optionAdd","newValues","filter","v","set","sort","a","b","localeCompare","includes","_el$5","noEntries"],"mappings":"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"}

package/dist/input/select/SelectMultipleTexts.d.ts

@@ -0,0 +1,11 @@
+export type SelectMultipleTexts = {
+    removeX: (x: string) => string;
+    addEntry: string;
+    noEntries: string;
+};
+export declare const selectMultipleTextDefault: {
+    readonly removeX: (x: string) => string;
+    readonly addEntry: string;
+    readonly noEntries: string;
+};
+//# sourceMappingURL=SelectMultipleTexts.d.ts.map

package/dist/input/select/SelectMultipleTexts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMultipleTexts.d.ts","sourceRoot":"","sources":["../../../lib/input/select/SelectMultipleTexts.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IAC9B,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,yBAAyB;0BACvB,MAAM;;;CAGmB,CAAA"}

package/dist/input/select/SelectMultipleTexts.js

@@ -0,0 +1,10 @@
+import { ttt, ttt1 } from "../../i18n/ttt.js";
+const selectMultipleTextDefault = {
+  removeX: (x) => ttt1("Remove [X]", x),
+  addEntry: ttt("Add entry"),
+  noEntries: ttt("No entries")
+};
+export {
+  selectMultipleTextDefault
+};
+//# sourceMappingURL=SelectMultipleTexts.js.map

package/dist/input/select/SelectMultipleTexts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMultipleTexts.js","sources":["../../../lib/input/select/SelectMultipleTexts.ts"],"sourcesContent":["import { ttt, ttt1 } from \"~ui/i18n/ttt\"\n\nexport type SelectMultipleTexts = {\n  removeX: (x: string) => string\n  addEntry: string\n  noEntries: string\n}\n\nexport const selectMultipleTextDefault = {\n  removeX: (x: string) => ttt1(\"Remove [X]\", x),\n  addEntry: ttt(\"Add entry\"),\n  noEntries: ttt(\"No entries\"),\n} as const satisfies SelectMultipleTexts\n"],"names":[],"mappings":";AAQO,MAAM,4BAA4B;AAAA,EACvC,SAAS,CAAC,MAAc,KAAK,cAAc,CAAC;AAAA,EAC5C,UAAU,IAAI,WAAW;AAAA,EACzB,WAAW,IAAI,YAAY;AAC7B;"}

package/dist/input/select/SelectSingleNative.d.ts

@@ -0,0 +1,14 @@
+import { SelectSingleNativeTexts } from './SelectSingleNativeTexts';
+import { HasGetOptions } from '../../utils/HasGetOptions';
+import { HasValueSignalString } from '../../utils/HasValueSignalString';
+import { MayHaveValueText } from '../../utils/HasValueText';
+import { MayHaveChildren } from '../../utils/MayHaveChildren';
+import { MayHaveClass } from '../../utils/MayHaveClass';
+import { MayHaveDisabled } from '../../utils/MayHaveDisabled';
+import { MayHaveId } from '../../utils/MayHaveId';
+export type StringStringFn = (value: string) => string;
+export interface SelectSingleNativeProps extends HasValueSignalString, HasGetOptions, MayHaveValueText, MayHaveClass, MayHaveId, MayHaveChildren, MayHaveDisabled {
+    texts?: SelectSingleNativeTexts;
+}
+export declare function SelectSingleNative(p: SelectSingleNativeProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=SelectSingleNative.d.ts.map

package/dist/input/select/SelectSingleNative.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSingleNative.d.ts","sourceRoot":"","sources":["../../../lib/input/select/SelectSingleNative.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAA;AAGvF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;AAEtD,MAAM,WAAW,uBACf,SAAQ,oBAAoB,EAC1B,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,eAAe,EACf,eAAe;IACjB,KAAK,CAAC,EAAE,uBAAuB,CAAA;CAChC;AAED,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,uBAAuB,kCAyB5D"}