@adaptive-ds/solid-ui 0.11.0

package/dist/interactive/toggle/ToggleButton.js

@@ -0,0 +1,43 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { ButtonIcon } from "../button/ButtonIcon.js";
+import { isDisabled } from "../../utils/MayHaveDisabledAccessor.js";
+function ToggleButton(p) {
+  const [s, rest] = splitProps(p, ["title", "pressedSignal", "disabled", "onPressedChange", "onClick", "children"]);
+  return createComponent(ButtonIcon, mergeProps({
+    type: "button",
+    get title() {
+      return s.title;
+    },
+    get ["aria-pressed"]() {
+      return s.pressedSignal.get();
+    },
+    get ["data-state"]() {
+      return s.pressedSignal.get() ? "on" : "off";
+    },
+    get ["data-disabled"]() {
+      return isDisabled(p);
+    },
+    onClick: (e) => {
+      const next = togglePressed(p);
+      if (s.onPressedChange) {
+        s.onPressedChange(next);
+      }
+      if (s.onClick) s.onClick(e);
+    }
+  }, rest, {
+    get children() {
+      return s.children;
+    }
+  }));
+}
+function togglePressed(s) {
+  let prev = s.pressedSignal.get();
+  let next = !prev;
+  s.pressedSignal.set(next);
+  return next;
+}
+export {
+  ToggleButton
+};
+//# sourceMappingURL=ToggleButton.js.map

package/dist/interactive/toggle/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sources":["../../../lib/interactive/toggle/ToggleButton.tsx"],"sourcesContent":["import { type ComponentProps, splitProps } from \"solid-js\"\nimport { ButtonIcon } from \"~ui/interactive/button/ButtonIcon\"\nimport type { MayHaveChildren } from \"~ui/utils/MayHaveChildren\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\nimport { type MayHaveDisabledAccessor, isDisabled } from \"~ui/utils/MayHaveDisabledAccessor\"\nimport type { SignalObject } from \"~ui/utils/createSignalObject\"\n\n/**\n * https://github.com/radix-ui/primitives/blob/main/packages/react/toggle/src/Toggle.tsx\n * https://github.com/mui/base-ui/blob/master/packages/react/src/toggle/useToggle.ts\n */\nexport interface ToggleButtonProps\n  extends ToggleButtonStateProps,\n    MayHaveClass,\n    MayHaveChildren,\n    Omit<MayHaveDisabledAccessor, \"disabled\">,\n    ComponentProps<\"button\"> {\n  title: string\n  onClick?: (e: MouseEvent & { currentTarget: HTMLButtonElement; target: Element }) => void\n  onPressedChange?: (pressed: boolean) => void\n}\n\ntype ToggleButtonStateProps = {\n  pressedSignal: SignalObject<boolean>\n}\n\nexport function ToggleButton(p: ToggleButtonProps) {\n  const [s, rest] = splitProps(p, [\"title\", \"pressedSignal\", \"disabled\", \"onPressedChange\", \"onClick\", \"children\"])\n  return (\n    <ButtonIcon\n      type=\"button\"\n      title={s.title}\n      aria-pressed={s.pressedSignal.get()}\n      data-state={s.pressedSignal.get() ? \"on\" : \"off\"}\n      data-disabled={isDisabled(p)}\n      onClick={(e) => {\n        const next = togglePressed(p)\n        if (s.onPressedChange) {\n          s.onPressedChange(next)\n        }\n        if (s.onClick) s.onClick(e)\n      }}\n      {...rest}\n    >\n      {s.children}\n    </ButtonIcon>\n  )\n}\n\nfunction togglePressed(\n  s: Pick<ToggleButtonProps, \"disabled\" | \"title\" | \"pressedSignal\" | \"onPressedChange\" | \"onClick\">,\n): boolean {\n  let prev = s.pressedSignal.get()\n  let next = !prev\n  s.pressedSignal.set(next)\n  return next\n}\n"],"names":["ToggleButton","p","s","rest","splitProps","_$createComponent","ButtonIcon","_$mergeProps","type","title","pressedSignal","get","isDisabled","onClick","e","next","togglePressed","onPressedChange","children","prev","set"],"mappings":";;;;AA0BO,SAASA,aAAaC,GAAsB;AACjD,QAAM,CAACC,GAAGC,IAAI,IAAIC,WAAWH,GAAG,CAAC,SAAS,iBAAiB,YAAY,mBAAmB,WAAW,UAAU,CAAC;AAChH,SAAAI,gBACGC,YAAUC,WAAA;AAAA,IACTC,MAAI;AAAA,IAAA,IACJC,QAAK;AAAA,aAAEP,EAAEO;AAAAA,IAAK;AAAA,IAAA,KAAA,cAAA,IAAA;AAAA,aACAP,EAAEQ,cAAcC,IAAAA;AAAAA,IAAK;AAAA,IAAA,KAAA,YAAA,IAAA;AAAA,aACvBT,EAAEQ,cAAcC,IAAAA,IAAQ,OAAO;AAAA,IAAK;AAAA,IAAA,KAAA,eAAA,IAAA;AAAA,aACjCC,WAAWX,CAAC;AAAA,IAAC;AAAA,IAC5BY,SAAUC,CAAAA,MAAM;AACd,YAAMC,OAAOC,cAAcf,CAAC;AAC5B,UAAIC,EAAEe,iBAAiB;AACrBf,UAAEe,gBAAgBF,IAAI;AAAA,MACxB;AACA,UAAIb,EAAEW,QAASX,GAAEW,QAAQC,CAAC;AAAA,IAC5B;AAAA,EAAA,GACIX,MAAI;AAAA,IAAA,IAAAe,WAAA;AAAA,aAEPhB,EAAEgB;AAAAA,IAAQ;AAAA,EAAA,CAAA,CAAA;AAGjB;AAEA,SAASF,cACPd,GACS;AACT,MAAIiB,OAAOjB,EAAEQ,cAAcC,IAAAA;AAC3B,MAAII,OAAO,CAACI;AACZjB,IAAEQ,cAAcU,IAAIL,IAAI;AACxB,SAAOA;AACT;"}

package/dist/interactive/toggle/ToggleButtonIconOnly.d.ts

@@ -0,0 +1,17 @@
+import { Component, ComponentProps } from 'solid-js';
+import { ButtonCvaProps } from '../button/buttonCva';
+import { HasIcon } from '../../utils/HasIcon';
+import { HasTitle } from '../../utils/HasTitle';
+import { MayHaveChildren } from '../../utils/MayHaveChildren';
+import { MayHaveIsLoading } from '../../utils/MayHaveIsLoading';
+import { SignalObject } from '../../utils/createSignalObject';
+export interface ToggleButtonIconOnlyProps extends Omit<ComponentProps<"button">, "title" | "onClick">, ButtonCvaProps, HasTitle, HasIcon, MayHaveIsLoading, MayHaveChildren {
+    pressedSignal: SignalObject<boolean>;
+    onPressedChange?: (pressed: boolean) => void;
+    onClick?: (e: MouseEvent & {
+        currentTarget: HTMLButtonElement;
+        target: Element;
+    }) => void;
+}
+export declare const ToggleButtonIconOnly: Component<ToggleButtonIconOnlyProps>;
+//# sourceMappingURL=ToggleButtonIconOnly.d.ts.map

package/dist/interactive/toggle/ToggleButtonIconOnly.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonIconOnly.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toggle/ToggleButtonIconOnly.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAc,MAAM,UAAU,CAAA;AAE1E,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAIzF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAEhE,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEhE,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,EACzD,cAAc,EACd,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,eAAe;IACjB,aAAa,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IACpC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG;QAAE,aAAa,EAAE,iBAAiB,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;CAC1F;AAED,eAAO,MAAM,oBAAoB,EAAE,SAAS,CAAC,yBAAyB,CA6CrE,CAAA"}

package/dist/interactive/toggle/ToggleButtonIconOnly.js

@@ -0,0 +1,63 @@
+import { delegateEvents, template, spread, mergeProps, insert, createComponent } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { classesDisabledDirectly } from "../../classes/classesDisabledDirectly.js";
+import { buttonCvaIconOnly } from "../button/buttonCva.js";
+import { buttonIconCva } from "../button/buttonIconCva.js";
+import { classesButtonClickAnimation } from "../button/classesButtonClickAnimation.js";
+import { Icon } from "../../static/icon/Icon.js";
+import { isDisabled } from "../../utils/MayHaveDisabledAccessor.js";
+import { isLoading } from "../../utils/MayHaveIsLoading.js";
+var _tmpl$ = /* @__PURE__ */ template(`<button>`);
+const ToggleButtonIconOnly = (p) => {
+  const [s, rest] = splitProps(p, ["variant", "size", "class", "isLoading", "title", "icon", "iconClass", "type", "disabled", "pressedSignal", "onPressedChange", "onClick", "children"]);
+  return (() => {
+    var _el$ = _tmpl$();
+    _el$.$$click = (e) => {
+      const next = togglePressed(p);
+      if (s.onPressedChange) {
+        s.onPressedChange(next);
+      }
+      if (s.onClick) s.onClick(e);
+    };
+    spread(_el$, mergeProps({
+      get ["class"]() {
+        return buttonCvaIconOnly(s.variant, isLoading(p), isDisabled(p), classesButtonClickAnimation, s.class);
+      },
+      get title() {
+        return s.title;
+      },
+      get type() {
+        return s.type ?? "button";
+      },
+      get ["aria-pressed"]() {
+        return s.pressedSignal.get();
+      },
+      get ["data-state"]() {
+        return s.pressedSignal.get() ? "on" : "off";
+      },
+      get ["data-disabled"]() {
+        return isDisabled(p);
+      }
+    }, rest), false, true);
+    insert(_el$, createComponent(Icon, {
+      get path() {
+        return s.icon;
+      },
+      get ["class"]() {
+        return buttonIconCva(s.variant, s.isLoading && "animate-spin-faster", s.disabled && classesDisabledDirectly, s.iconClass);
+      }
+    }), null);
+    insert(_el$, () => s.children, null);
+    return _el$;
+  })();
+};
+function togglePressed(s) {
+  let next = !s.pressedSignal.get();
+  s.pressedSignal.set(next);
+  return next;
+}
+delegateEvents(["click"]);
+export {
+  ToggleButtonIconOnly
+};
+//# sourceMappingURL=ToggleButtonIconOnly.js.map

package/dist/interactive/toggle/ToggleButtonIconOnly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonIconOnly.js","sources":["../../../lib/interactive/toggle/ToggleButtonIconOnly.tsx"],"sourcesContent":["import { type Component, type ComponentProps, splitProps } from \"solid-js\"\nimport { classesDisabledDirectly } from \"~ui/classes/classesDisabledDirectly\"\nimport { buttonCvaIconOnly, type ButtonCvaProps } from \"~ui/interactive/button/buttonCva\"\nimport { buttonIconCva } from \"~ui/interactive/button/buttonIconCva\"\nimport { classesButtonClickAnimation } from \"~ui/interactive/button/classesButtonClickAnimation\"\nimport { Icon } from \"~ui/static/icon/Icon\"\nimport type { HasIcon } from \"~ui/utils/HasIcon\"\nimport type { HasTitle } from \"~ui/utils/HasTitle\"\nimport type { MayHaveChildren } from \"~ui/utils/MayHaveChildren\"\nimport { isDisabled } from \"~ui/utils/MayHaveDisabledAccessor\"\nimport { isLoading, type MayHaveIsLoading } from \"~ui/utils/MayHaveIsLoading\"\nimport type { SignalObject } from \"~ui/utils/createSignalObject\"\n\nexport interface ToggleButtonIconOnlyProps\n  extends Omit<ComponentProps<\"button\">, \"title\" | \"onClick\">,\n    ButtonCvaProps,\n    HasTitle,\n    HasIcon,\n    MayHaveIsLoading,\n    MayHaveChildren {\n  pressedSignal: SignalObject<boolean>\n  onPressedChange?: (pressed: boolean) => void\n  onClick?: (e: MouseEvent & { currentTarget: HTMLButtonElement; target: Element }) => void\n}\n\nexport const ToggleButtonIconOnly: Component<ToggleButtonIconOnlyProps> = (p) => {\n  const [s, rest] = splitProps(p, [\n    \"variant\",\n    \"size\",\n    \"class\",\n    \"isLoading\",\n    \"title\",\n    \"icon\",\n    \"iconClass\",\n    \"type\",\n    \"disabled\",\n    \"pressedSignal\",\n    \"onPressedChange\",\n    \"onClick\",\n    \"children\",\n  ])\n  return (\n    <button\n      class={buttonCvaIconOnly(s.variant, isLoading(p), isDisabled(p), classesButtonClickAnimation, s.class)}\n      title={s.title}\n      type={s.type ?? \"button\"}\n      aria-pressed={s.pressedSignal.get()}\n      data-state={s.pressedSignal.get() ? \"on\" : \"off\"}\n      data-disabled={isDisabled(p)}\n      onClick={(e) => {\n        const next = togglePressed(p)\n        if (s.onPressedChange) {\n          s.onPressedChange(next)\n        }\n        if (s.onClick) s.onClick(e)\n      }}\n      {...rest}\n    >\n      <Icon\n        path={s.icon}\n        class={buttonIconCva(\n          s.variant,\n          s.isLoading && \"animate-spin-faster\",\n          s.disabled && classesDisabledDirectly,\n          s.iconClass,\n        )}\n      />\n      {s.children}\n    </button>\n  )\n}\n\nfunction togglePressed(\n  s: Pick<ToggleButtonIconOnlyProps, \"disabled\" | \"title\" | \"pressedSignal\" | \"onPressedChange\" | \"onClick\">,\n): boolean {\n  let next = !s.pressedSignal.get()\n  s.pressedSignal.set(next)\n  return next\n}\n"],"names":["ToggleButtonIconOnly","p","s","rest","splitProps","_el$","_tmpl$","$$click","e","next","togglePressed","onPressedChange","onClick","_$spread","_$mergeProps","buttonCvaIconOnly","variant","isLoading","isDisabled","classesButtonClickAnimation","class","title","type","pressedSignal","get","_$insert","_$createComponent","Icon","path","icon","buttonIconCva","disabled","classesDisabledDirectly","iconClass","children","set","_$delegateEvents"],"mappings":";;;;;;;;;;AAyBO,MAAMA,uBAA8DC,CAAAA,MAAM;AAC/E,QAAM,CAACC,GAAGC,IAAI,IAAIC,WAAWH,GAAG,CAC9B,WACA,QACA,SACA,aACA,SACA,QACA,aACA,QACA,YACA,iBACA,mBACA,WACA,UAAU,CACX;AACD,UAAA,MAAA;AAAA,QAAAI,OAAAC,OAAAA;AAAAD,SAAAE,UAQcC,CAAAA,MAAM;AACd,YAAMC,OAAOC,cAAcT,CAAC;AAC5B,UAAIC,EAAES,iBAAiB;AACrBT,UAAES,gBAAgBF,IAAI;AAAA,MACxB;AACA,UAAIP,EAAEU,QAASV,GAAEU,QAAQJ,CAAC;AAAA,IAC5B;AAACK,WAAAR,MAAAS,WAAA;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eAZMC,kBAAkBb,EAAEc,SAASC,UAAUhB,CAAC,GAAGiB,WAAWjB,CAAC,GAAGkB,6BAA6BjB,EAAEkB,KAAK;AAAA,MAAC;AAAA,MAAA,IACtGC,QAAK;AAAA,eAAEnB,EAAEmB;AAAAA,MAAK;AAAA,MAAA,IACdC,OAAI;AAAA,eAAEpB,EAAEoB,QAAQ;AAAA,MAAQ;AAAA,MAAA,KAAA,cAAA,IAAA;AAAA,eACVpB,EAAEqB,cAAcC,IAAAA;AAAAA,MAAK;AAAA,MAAA,KAAA,YAAA,IAAA;AAAA,eACvBtB,EAAEqB,cAAcC,IAAAA,IAAQ,OAAO;AAAA,MAAK;AAAA,MAAA,KAAA,eAAA,IAAA;AAAA,eACjCN,WAAWjB,CAAC;AAAA,MAAC;AAAA,IAAA,GAQxBE,IAAI,GAAA,OAAA,IAAA;AAAAsB,WAAApB,MAAAqB,gBAEPC,MAAI;AAAA,MAAA,IACHC,OAAI;AAAA,eAAE1B,EAAE2B;AAAAA,MAAI;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eACLC,cACL5B,EAAEc,SACFd,EAAEe,aAAa,uBACff,EAAE6B,YAAYC,yBACd9B,EAAE+B,SACJ;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA;AAAAR,WAAApB,MAAA,MAEFH,EAAEgC,UAAQ,IAAA;AAAA,WAAA7B;AAAAA,EAAA,GAAA;AAGjB;AAEA,SAASK,cACPR,GACS;AACT,MAAIO,OAAO,CAACP,EAAEqB,cAAcC,IAAAA;AAC5BtB,IAAEqB,cAAcY,IAAI1B,IAAI;AACxB,SAAOA;AACT;AAAC2B,eAAA,CAAA,OAAA,CAAA;"}

package/dist/solid-ui.css

@@ -0,0 +1,79 @@
+._LoaderShuffle4Dots_522uo_1 {
+  width: 32px;
+  aspect-ratio: 1;
+  --_g: no-repeat radial-gradient(farthest-side, #3b82f6 90%, #0000);
+  background: var(--_g), var(--_g), var(--_g), var(--_g);
+  background-size: 40% 40%;
+  animation: _d6_522uo_1 1s infinite;
+}
+
+@keyframes _d6_522uo_1 {
+  0% {
+    background-position: 0 0, 100% 0, 100% 100%, 0 100%
+  }
+  40%,
+  50% {
+    background-position: 100% 100%, 100% 0, 0 0, 0 100%
+  }
+  90%,
+  100% {
+    background-position: 100% 100%, 0 100%, 0 0, 100% 0
+  }
+}
+._LoaderShuffle9Squares_u9mh8_1 {
+  --c: linear-gradient(#3b82f6 0 0);
+  background: var(--c),
+  var(--c),
+  var(--c),
+  var(--c),
+  var(--c),
+  var(--c),
+  var(--c),
+  var(--c),
+  var(--c);
+  background-size: 16px 16px;
+  background-repeat: no-repeat;
+  animation: _sh2-1_u9mh8_1 1s infinite,
+  _sh2-2_u9mh8_1 1s infinite;
+}
+
+@keyframes _sh2-1_u9mh8_1 {
+  0%, 100% {
+    width: 45px;
+    height: 45px
+  }
+  35%, 65% {
+    width: 65px;
+    height: 65px
+  }
+}
+
+@keyframes _sh2-2_u9mh8_1 {
+  0%, 40% {
+    background-position: 0 0, 0 50%, 0 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0, 50% 0, 50% 50%
+  }
+  60%, 100% {
+    background-position: 0 50%, 0 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0, 50% 0, 0 0, 50% 50%
+  }
+}
+._LoaderSpin4Square_1ontr_1 {
+  width: 40px;
+  height: 40px;
+  color: #3b82f6;
+  background: conic-gradient(from -45deg at top 20px left 50%, #0000, currentColor 1deg 90deg, #0000 91deg),
+  conic-gradient(from 45deg at right 20px top 50%, #0000, currentColor 1deg 90deg, #0000 91deg),
+  conic-gradient(from 135deg at bottom 20px left 50%, #0000, currentColor 1deg 90deg, #0000 91deg),
+  conic-gradient(from -135deg at left 20px top 50%, #0000, currentColor 1deg 90deg, #0000 91deg);
+  animation: _LoaderSpin4SquareKf_1ontr_1 1.5s infinite cubic-bezier(0.3, 1, 0, 1);
+}
+
+@keyframes _LoaderSpin4SquareKf_1ontr_1 {
+  50% {
+    width: 60px;
+    height: 60px;
+    transform: rotate(180deg)
+  }
+  100% {
+    transform: rotate(360deg)
+  }
+}

package/dist/static/badge/Badge.d.ts

@@ -0,0 +1,7 @@
+import { Component, ComponentProps } from 'solid-js';
+import { BadgeVariant } from './badgeCva';
+export interface BadgeProps extends ComponentProps<"div"> {
+    variant?: BadgeVariant;
+}
+export declare const Badge: Component<BadgeProps>;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/static/badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../lib/static/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzD,OAAO,EAAa,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExE,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,KAAK,CAAC;IACvD,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB;AAED,eAAO,MAAM,KAAK,EAAE,SAAS,CAAC,UAAU,CAGvC,CAAA"}

package/dist/static/badge/Badge.js

@@ -0,0 +1,20 @@
+import { template, spread, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { badgeCva1 } from "./badgeCva.js";
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+const Badge = (p) => {
+  const [s, rest] = splitProps(p, ["variant", "class"]);
+  return (() => {
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps({
+      get ["class"]() {
+        return badgeCva1(s.variant, s.class);
+      }
+    }, rest), false, false);
+    return _el$;
+  })();
+};
+export {
+  Badge
+};
+//# sourceMappingURL=Badge.js.map

package/dist/static/badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../lib/static/badge/Badge.tsx"],"sourcesContent":["import type { Component, ComponentProps } from \"solid-js\"\nimport { splitProps } from \"solid-js\"\nimport { badgeCva1, type BadgeVariant } from \"~ui/static/badge/badgeCva\"\n\nexport interface BadgeProps extends ComponentProps<\"div\"> {\n  variant?: BadgeVariant\n}\n\nexport const Badge: Component<BadgeProps> = (p) => {\n  const [s, rest] = splitProps(p, [\"variant\", \"class\"])\n  return <div class={badgeCva1(s.variant, s.class)} {...rest} />\n}\n"],"names":["Badge","p","s","rest","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","badgeCva1","variant","class"],"mappings":";;;;AAQO,MAAMA,QAAgCC,CAAAA,MAAM;AACjD,QAAM,CAACC,GAAGC,IAAI,IAAIC,WAAWH,GAAG,CAAC,WAAW,OAAO,CAAC;AACpD,UAAA,MAAA;AAAA,QAAAI,OAAAC,OAAAA;AAAAC,WAAAF,MAAAG,WAAA;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eAAmBC,UAAUP,EAAEQ,SAASR,EAAES,KAAK;AAAA,MAAC;AAAA,IAAA,GAAMR,IAAI,GAAA,OAAA,KAAA;AAAA,WAAAE;AAAAA,EAAA,GAAA;AAC5D;"}

package/dist/static/badge/badgeCva.d.ts

@@ -0,0 +1,15 @@
+export type BadgeVariant = keyof typeof badgeVariant;
+export declare const badgeVariant: {
+    readonly subtle: "subtle";
+    readonly outline: "outline";
+    readonly default: "default";
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly destructive: "destructive";
+    readonly success: "success";
+    readonly info: "info";
+    readonly warning: "warning";
+    readonly error: "error";
+};
+export declare function badgeCva1(variant?: BadgeVariant | null, ...customClasses: (string | boolean | undefined | null | 0)[]): string;
+//# sourceMappingURL=badgeCva.d.ts.map

package/dist/static/badge/badgeCva.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badgeCva.d.ts","sourceRoot":"","sources":["../../../lib/static/badge/badgeCva.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAA;AAEpD,eAAO,MAAM,YAAY;;;;;;;;;;;CAef,CAAA;AAyBV,wBAAgB,SAAS,CACvB,OAAO,GAAE,YAAY,GAAG,IAAqB,EAC7C,GAAG,aAAa,EAAE,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,EAAE,UAG9D"}

package/dist/static/badge/badgeCva.js

@@ -0,0 +1,49 @@
+import { classArr } from "../../utils/classArr.js";
+import { classMerge } from "../../utils/classMerge.js";
+const badgeVariant = {
+  // transparent bg
+  subtle: "subtle",
+  outline: "outline",
+  // colors 1
+  default: "default",
+  primary: "primary",
+  secondary: "secondary",
+  // secondary: "secondary",
+  destructive: "destructive",
+  // colors 2
+  success: "success",
+  info: "info",
+  warning: "warning",
+  error: "error"
+};
+const baseClasses = classArr(
+  "inline-flex items-center",
+  // layout
+  "text-sm",
+  // text
+  "px-2.5 py-0.5 border rounded-full",
+  // padding
+  "transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
+  // focus ring
+);
+const variantClasses = {
+  default: "bg-slate-900 hover:bg-slate-700 dark:hover:text-white border-transparent text-primary-foreground dark:bg-slate-50 dark:text-slate-900",
+  primary: "bg-primary hover:bg-primary/80 dark:hover:text-white border-transparent text-primary-foreground",
+  secondary: "bg-secondary hover:bg-secondary/80 border-transparent text-secondary-foreground",
+  success: "bg-green-500 text-white border-green-500",
+  error: "bg-red-600 text-white border-red-600 dark:border-red-600",
+  info: "bg-sky-500 text-white border-sky-500",
+  warning: "bg-yellow-500 text-white border-yellow-500",
+  destructive: "bg-destructive hover:bg-destructive/80 border-transparent text-destructive-foreground",
+  subtle: "bg-slate-100 text-slate-900 hover:bg-slate-200 dark:bg-slate-700 dark:text-slate-100",
+  outline: "text-foreground"
+};
+const defaultVariant = badgeVariant.default;
+function badgeCva1(variant = defaultVariant, ...customClasses) {
+  return classMerge(baseClasses, variantClasses[variant ?? defaultVariant], customClasses);
+}
+export {
+  badgeCva1,
+  badgeVariant
+};
+//# sourceMappingURL=badgeCva.js.map

package/dist/static/badge/badgeCva.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badgeCva.js","sources":["../../../lib/static/badge/badgeCva.tsx"],"sourcesContent":["import { classArr } from \"~ui/utils/classArr\"\nimport { classMerge } from \"~ui/utils/classMerge\"\n\nexport type BadgeVariant = keyof typeof badgeVariant\n\nexport const badgeVariant = {\n  // transparent bg\n  subtle: \"subtle\",\n  outline: \"outline\",\n  // colors 1\n  default: \"default\",\n  primary: \"primary\",\n  secondary: \"secondary\",\n  // secondary: \"secondary\",\n  destructive: \"destructive\",\n  // colors 2\n  success: \"success\",\n  info: \"info\",\n  warning: \"warning\",\n  error: \"error\",\n} as const\n\nconst baseClasses = classArr(\n  \"inline-flex items-center\", // layout\n  \"text-sm\", // text\n  \"px-2.5 py-0.5 border rounded-full\", // padding\n  \"transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\", // focus ring\n)\n\nconst variantClasses = {\n  default:\n    \"bg-slate-900 hover:bg-slate-700 dark:hover:text-white border-transparent text-primary-foreground dark:bg-slate-50 dark:text-slate-900\",\n  primary: \"bg-primary hover:bg-primary/80 dark:hover:text-white border-transparent text-primary-foreground\",\n  secondary: \"bg-secondary hover:bg-secondary/80 border-transparent text-secondary-foreground\",\n  success: \"bg-green-500 text-white border-green-500\",\n  error: \"bg-red-600 text-white border-red-600 dark:border-red-600\",\n  info: \"bg-sky-500 text-white border-sky-500\",\n  warning: \"bg-yellow-500 text-white border-yellow-500\",\n  destructive: \"bg-destructive hover:bg-destructive/80 border-transparent text-destructive-foreground\",\n  subtle: \"bg-slate-100 text-slate-900 hover:bg-slate-200 dark:bg-slate-700 dark:text-slate-100\",\n  outline: \"text-foreground\",\n} as const satisfies Record<BadgeVariant, string>\n\nconst defaultVariant = badgeVariant.default\n\nexport function badgeCva1(\n  variant: BadgeVariant | null = defaultVariant,\n  ...customClasses: (string | boolean | undefined | null | 0)[]\n) {\n  return classMerge(baseClasses, variantClasses[variant ?? defaultVariant], customClasses)\n}\n"],"names":["badgeVariant","subtle","outline","default","primary","secondary","destructive","success","info","warning","error","baseClasses","classArr","variantClasses","defaultVariant","badgeCva1","variant","customClasses","classMerge"],"mappings":";;AAKO,MAAMA,eAAe;AAAA;AAAA,EAE1BC,QAAQ;AAAA,EACRC,SAAS;AAAA;AAAA,EAETC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,WAAW;AAAA;AAAA,EAEXC,aAAa;AAAA;AAAA,EAEbC,SAAS;AAAA,EACTC,MAAM;AAAA,EACNC,SAAS;AAAA,EACTC,OAAO;AACT;AAEA,MAAMC,cAAcC;AAAAA,EAClB;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACF;AAEA,MAAMC,iBAAiB;AAAA,EACrBV,SACE;AAAA,EACFC,SAAS;AAAA,EACTC,WAAW;AAAA,EACXE,SAAS;AAAA,EACTG,OAAO;AAAA,EACPF,MAAM;AAAA,EACNC,SAAS;AAAA,EACTH,aAAa;AAAA,EACbL,QAAQ;AAAA,EACRC,SAAS;AACX;AAEA,MAAMY,iBAAiBd,aAAaG;AAE7B,SAASY,UACdC,UAA+BF,mBAC5BG,eACH;AACA,SAAOC,WAAWP,aAAaE,eAAeG,WAAWF,cAAc,GAAGG,aAAa;AACzF;"}

package/dist/static/container/CardWrapper.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'solid-js';
+export interface CardWrapperProps extends ComponentProps<"article"> {
+    id?: string;
+}
+export declare function CardWrapper(p: CardWrapperProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=CardWrapper.d.ts.map

package/dist/static/container/CardWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardWrapper.d.ts","sourceRoot":"","sources":["../../../lib/static/container/CardWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,UAAU,CAAA;AAI1D,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,SAAS,CAAC;IACjE,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,gBAAgB,kCAG9C"}

package/dist/static/container/CardWrapper.js

@@ -0,0 +1,24 @@
+import { template, spread, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { classesCardWrapperP4 } from "./classesCardWrapper.js";
+import { classMerge } from "../../utils/classMerge.js";
+var _tmpl$ = /* @__PURE__ */ template(`<article>`);
+function CardWrapper(p) {
+  const [s, rest] = splitProps(p, ["id", "class"]);
+  return (() => {
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps({
+      get id() {
+        return s.id;
+      },
+      get ["class"]() {
+        return classMerge(classesCardWrapperP4, s.class);
+      }
+    }, rest), false, false);
+    return _el$;
+  })();
+}
+export {
+  CardWrapper
+};
+//# sourceMappingURL=CardWrapper.js.map

package/dist/static/container/CardWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardWrapper.js","sources":["../../../lib/static/container/CardWrapper.tsx"],"sourcesContent":["import { splitProps, type ComponentProps } from \"solid-js\"\nimport { classesCardWrapperP4 } from \"~ui/static/container/classesCardWrapper\"\nimport { classMerge } from \"~ui/utils/classMerge\"\n\nexport interface CardWrapperProps extends ComponentProps<\"article\"> {\n  id?: string\n}\n\nexport function CardWrapper(p: CardWrapperProps) {\n  const [s, rest] = splitProps(p, [\"id\", \"class\"])\n  return <article id={s.id} class={classMerge(classesCardWrapperP4, s.class)} {...rest} />\n}\n"],"names":["CardWrapper","p","s","rest","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","id","classMerge","classesCardWrapperP4","class"],"mappings":";;;;;AAQO,SAASA,YAAYC,GAAqB;AAC/C,QAAM,CAACC,GAAGC,IAAI,IAAIC,WAAWH,GAAG,CAAC,MAAM,OAAO,CAAC;AAC/C,UAAA,MAAA;AAAA,QAAAI,OAAAC,OAAAA;AAAAC,WAAAF,MAAAG,WAAA;AAAA,MAAA,IAAgBC,KAAE;AAAA,eAAEP,EAAEO;AAAAA,MAAE;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eAASC,WAAWC,sBAAsBT,EAAEU,KAAK;AAAA,MAAC;AAAA,IAAA,GAAMT,IAAI,GAAA,OAAA,KAAA;AAAA,WAAAE;AAAAA,EAAA,GAAA;AACtF;"}

package/dist/static/container/LayoutWrapperDemo.d.ts

@@ -0,0 +1,6 @@
+import { MayHaveChildren } from '../../utils/MayHaveChildren';
+import { MayHaveTitle } from '../../utils/MayHaveTitle';
+export interface LayoutWrapperDemoProps extends MayHaveChildren, MayHaveTitle {
+}
+export declare function LayoutWrapperDemo(p: LayoutWrapperDemoProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=LayoutWrapperDemo.d.ts.map

package/dist/static/container/LayoutWrapperDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutWrapperDemo.d.ts","sourceRoot":"","sources":["../../../lib/static/container/LayoutWrapperDemo.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE1D,MAAM,WAAW,sBAAuB,SAAQ,eAAe,EAAE,YAAY;CAAG;AAEhF,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,sBAAsB,kCAY1D"}

package/dist/static/container/LayoutWrapperDemo.js

@@ -0,0 +1,15 @@
+import { memo, createComponent } from "solid-js/web";
+import { createEffect } from "solid-js";
+import { Toaster } from "../../interactive/toast/Toaster.js";
+import { TailwindIndicator } from "../dev/TailwindIndicator.js";
+function LayoutWrapperDemo(p) {
+  createEffect(() => {
+    if (!p.title) return;
+    document.title = p.title;
+  });
+  return [memo(() => p.children), createComponent(TailwindIndicator, {}), createComponent(Toaster, {})];
+}
+export {
+  LayoutWrapperDemo
+};
+//# sourceMappingURL=LayoutWrapperDemo.js.map

package/dist/static/container/LayoutWrapperDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutWrapperDemo.js","sources":["../../../lib/static/container/LayoutWrapperDemo.tsx"],"sourcesContent":["import { createEffect } from \"solid-js\"\nimport { Toaster } from \"~ui/interactive/toast/Toaster\"\nimport { TailwindIndicator } from \"~ui/static/dev/TailwindIndicator\"\nimport type { MayHaveChildren } from \"~ui/utils/MayHaveChildren\"\nimport type { MayHaveTitle } from \"~ui/utils/MayHaveTitle\"\n\nexport interface LayoutWrapperDemoProps extends MayHaveChildren, MayHaveTitle {}\n\nexport function LayoutWrapperDemo(p: LayoutWrapperDemoProps) {\n  createEffect(() => {\n    if (!p.title) return\n    document.title = p.title\n  })\n  return (\n    <>\n      {p.children}\n      <TailwindIndicator />\n      <Toaster />\n    </>\n  )\n}\n"],"names":["LayoutWrapperDemo","p","createEffect","title","document","_$memo","children","_$createComponent","TailwindIndicator","Toaster"],"mappings":";;;;AAQO,SAASA,kBAAkBC,GAA2B;AAC3DC,eAAa,MAAM;AACjB,QAAI,CAACD,EAAEE,MAAO;AACdC,aAASD,QAAQF,EAAEE;AAAAA,EACrB,CAAC;AACD,SAAA,CAAAE,KAAA,MAEKJ,EAAEK,QAAQ,GAAAC,gBACVC,mBAAiB,CAAA,CAAA,GAAAD,gBACjBE,SAAO,CAAA,CAAA,CAAA;AAGd;"}

package/dist/static/container/classesBorderWrapper.d.ts

@@ -0,0 +1,2 @@
+export declare const classesBorderWrapper = "border border-gray-500 rounded-xl";
+//# sourceMappingURL=classesBorderWrapper.d.ts.map

package/dist/static/container/classesBorderWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classesBorderWrapper.d.ts","sourceRoot":"","sources":["../../../lib/static/container/classesBorderWrapper.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,sCAAsC,CAAA"}

package/dist/static/container/classesBorderWrapper.js

@@ -0,0 +1,5 @@
+const classesBorderWrapper = "border border-gray-500 rounded-xl";
+export {
+  classesBorderWrapper
+};
+//# sourceMappingURL=classesBorderWrapper.js.map

package/dist/static/container/classesBorderWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classesBorderWrapper.js","sources":["../../../lib/static/container/classesBorderWrapper.ts"],"sourcesContent":["export const classesBorderWrapper = \"border border-gray-500 rounded-xl\"\n"],"names":[],"mappings":"AAAO,MAAM,uBAAuB;"}

package/dist/static/container/classesCardWrapper.d.ts

@@ -0,0 +1,12 @@
+export declare const classesRoundedShadowLg = "rounded-lg shadow-lg";
+export declare const classesCardWrapperBorderDark = "dark:border dark:border-gray-500";
+export declare const classesCardWrapperBg = "bg-white dark:bg-zinc-800";
+export declare const classesCardWrapper: string;
+export declare const classesPadding4Lg8 = "p-4 lg:p-8";
+export declare const classesPadding4sm8 = "p-4 sm:p-8";
+export declare const classesPadding4sm8md12 = "p-4 sm:p-8 md:p-12";
+export declare const classesCardWrapperP4: string;
+export declare const classesCardWrapperP8: string;
+export declare const classesRoundedShadowXl = "rounded-xl shadow-xl";
+export declare const classesCardWrapperPage: string;
+//# sourceMappingURL=classesCardWrapper.d.ts.map

package/dist/static/container/classesCardWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classesCardWrapper.d.ts","sourceRoot":"","sources":["../../../lib/static/container/classesCardWrapper.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,yBAAyB,CAAA;AAC5D,eAAO,MAAM,4BAA4B,qCAAqC,CAAA;AAC9E,eAAO,MAAM,oBAAoB,8BAA8B,CAAA;AAE/D,eAAO,MAAM,kBAAkB,QAI9B,CAAA;AAED,eAAO,MAAM,kBAAkB,eAAe,CAAA;AAC9C,eAAO,MAAM,kBAAkB,eAAe,CAAA;AAC9C,eAAO,MAAM,sBAAsB,uBAAuB,CAAA;AAE1D,eAAO,MAAM,oBAAoB,QAAmD,CAAA;AACpF,eAAO,MAAM,oBAAoB,QAAmD,CAAA;AAEpF,eAAO,MAAM,sBAAsB,yBAAyB,CAAA;AAE5D,eAAO,MAAM,sBAAsB,QAKlC,CAAA"}

package/dist/static/container/classesCardWrapper.js

@@ -0,0 +1,42 @@
+import { classArr } from "../../utils/classArr.js";
+const classesRoundedShadowLg = "rounded-lg shadow-lg";
+const classesCardWrapperBorderDark = "dark:border dark:border-gray-500";
+const classesCardWrapperBg = "bg-white dark:bg-zinc-800";
+const classesCardWrapper = classArr(
+  classesRoundedShadowLg,
+  // card shadows/padding
+  classesCardWrapperBg,
+  // bg
+  classesCardWrapperBorderDark
+  // border
+);
+const classesPadding4Lg8 = "p-4 lg:p-8";
+const classesPadding4sm8 = "p-4 sm:p-8";
+const classesPadding4sm8md12 = "p-4 sm:p-8 md:p-12";
+const classesCardWrapperP4 = classArr(classesCardWrapper, classesPadding4Lg8);
+const classesCardWrapperP8 = classArr(classesCardWrapper, classesPadding4sm8);
+const classesRoundedShadowXl = "rounded-xl shadow-xl";
+const classesCardWrapperPage = classArr(
+  classesRoundedShadowXl,
+  // rounded border + shadow
+  classesPadding4sm8md12,
+  // padding
+  classesCardWrapperBg,
+  // bg
+  classesCardWrapperBorderDark
+  // border
+);
+export {
+  classesCardWrapper,
+  classesCardWrapperBg,
+  classesCardWrapperBorderDark,
+  classesCardWrapperP4,
+  classesCardWrapperP8,
+  classesCardWrapperPage,
+  classesPadding4Lg8,
+  classesPadding4sm8,
+  classesPadding4sm8md12,
+  classesRoundedShadowLg,
+  classesRoundedShadowXl
+};
+//# sourceMappingURL=classesCardWrapper.js.map

package/dist/static/container/classesCardWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classesCardWrapper.js","sources":["../../../lib/static/container/classesCardWrapper.ts"],"sourcesContent":["import { classArr } from \"~ui/utils/classArr\"\n\nexport const classesRoundedShadowLg = \"rounded-lg shadow-lg\"\nexport const classesCardWrapperBorderDark = \"dark:border dark:border-gray-500\"\nexport const classesCardWrapperBg = \"bg-white dark:bg-zinc-800\"\n\nexport const classesCardWrapper = classArr(\n  classesRoundedShadowLg, // card shadows/padding\n  classesCardWrapperBg, // bg\n  classesCardWrapperBorderDark, // border\n)\n\nexport const classesPadding4Lg8 = \"p-4 lg:p-8\"\nexport const classesPadding4sm8 = \"p-4 sm:p-8\"\nexport const classesPadding4sm8md12 = \"p-4 sm:p-8 md:p-12\"\n\nexport const classesCardWrapperP4 = classArr(classesCardWrapper, classesPadding4Lg8)\nexport const classesCardWrapperP8 = classArr(classesCardWrapper, classesPadding4sm8)\n\nexport const classesRoundedShadowXl = \"rounded-xl shadow-xl\"\n\nexport const classesCardWrapperPage = classArr(\n  classesRoundedShadowXl, // rounded border + shadow\n  classesPadding4sm8md12, // padding\n  classesCardWrapperBg, // bg\n  classesCardWrapperBorderDark, // border\n)\n"],"names":[],"mappings":";AAEO,MAAM,yBAAyB;AAC/B,MAAM,+BAA+B;AACrC,MAAM,uBAAuB;AAE7B,MAAM,qBAAqB;AAAA,EAChC;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACF;AAEO,MAAM,qBAAqB;AAC3B,MAAM,qBAAqB;AAC3B,MAAM,yBAAyB;AAE/B,MAAM,uBAAuB,SAAS,oBAAoB,kBAAkB;AAC5E,MAAM,uBAAuB,SAAS,oBAAoB,kBAAkB;AAE5E,MAAM,yBAAyB;AAE/B,MAAM,yBAAyB;AAAA,EACpC;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACF;"}

package/dist/static/container/classesGridCols.d.ts

@@ -0,0 +1,65 @@
+export declare const classesGridCols2ContentFr = "grid grid-cols-[max-content_1fr]";
+export declare const classesGridCols3MaxMinFr = "grid grid-cols-[max-content_min-content_1fr]";
+/**
+ * 1280/2 = 640 px = 35.5 rem / col
+ */
+export declare const classesGridCols2lg: string;
+/**
+ * ~600 px (37rem, ~60ch) / col
+ */
+export declare const classesGridCols2xl: string;
+export declare const classesGridCols2xl3: string;
+/**
+ * 1024/3 = 341 px = 19rem / col
+ * xl: 1280/340 = 3.75
+ * lg: 1024/340 = 3
+ * md: 768/340 = 2.26
+ * sm: 640/340 = 1.8
+ * xs: 400/340 = 1.17
+ */
+export declare const classesGridCols3lg: string;
+/**
+ * ~400 px (25rem, ~40ch) / col
+ */
+export declare const classesGridCols3xl: string;
+export declare const classesGridCols3xl3: string;
+/**
+ * ~320 px (18rem, ~32ch) / col
+ * 4 = 4x1, 2x2
+ * xl: 1280/320 = 4
+ * lg: 1024/320 = 3.2
+ * md: 768/320 = 2.4
+ * sm: 640/320 = 2
+ * xs: 400/320 = 1.25
+ */
+export declare const classesGridCols4xl: string;
+export declare const classesGridCols4xl3: string;
+export declare const classesGridCols5xl: string;
+export declare const classesGridCols5xl3: string;
+/**
+ *
+ * ~200 px (13rem, ~20ch) / col
+ * 6 = 6x1, 3x2, 2x3
+ * xl: 1280/200 = 6.4
+ * lg: 1024/200 = 5.12
+ * md: 768/200 = 3.84
+ * sm: 640/200 = 3.2
+ * xs: 400/200 = 2
+ */
+export declare const classesGridCols6xl: string;
+export declare const classesGridCols6xl3: string;
+/**
+ *
+ * ~160 px (9rem, ~16ch) / col
+ * 8 = 8x1, 4x2, 2x4
+ * xl: 1280/160 = 8
+ * lg: 1024/160 = 6.4
+ * md: 768/160 = 4.8
+ * sm: 640/160 = 4
+ * xs: 400/160 = 2.5
+ */
+export declare const classesGridCols8xl: string;
+export declare const classesGridCols8xl3: string;
+export declare function classesGridColsByCharacterLength(chars: number): string;
+export declare function classesGridColsByCharacterLengthMaxLgDialog(chars: number): string;
+//# sourceMappingURL=classesGridCols.d.ts.map

package/dist/static/container/classesGridCols.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classesGridCols.d.ts","sourceRoot":"","sources":["../../../lib/static/container/classesGridCols.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,yBAAyB,qCAAqC,CAAA;AAC3E,eAAO,MAAM,wBAAwB,iDAAiD,CAAA;AAGtF;;GAEG;AACH,eAAO,MAAM,kBAAkB,QAAiD,CAAA;AAEhF;;GAEG;AACH,eAAO,MAAM,kBAAkB,QAAiD,CAAA;AAChF,eAAO,MAAM,mBAAmB,QAAqE,CAAA;AAGrG;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,QAAmE,CAAA;AAElG;;GAEG;AACH,eAAO,MAAM,kBAAkB,QAAmE,CAAA;AAClG,eAAO,MAAM,mBAAmB,QAAqE,CAAA;AAErG;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,QAAqF,CAAA;AACpH,eAAO,MAAM,mBAAmB,QAAsE,CAAA;AAEtG,eAAO,MAAM,kBAAkB,QAM9B,CAAA;AACD,eAAO,MAAM,mBAAmB,QAAuE,CAAA;AAEvG;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,QAAqF,CAAA;AACpH,eAAO,MAAM,mBAAmB,QAAuE,CAAA;AAEvG;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,QAM9B,CAAA;AACD,eAAO,MAAM,mBAAmB,QAAuE,CAAA;AAEvG,wBAAgB,gCAAgC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMtE;AAED,wBAAgB,2CAA2C,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAIjF"}