@smwb/ui-solid 0.1.0

package/dist/components/feedBack/snackbar/snackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.js","sources":["../../../../src/components/feedBack/snackbar/snackbar.tsx"],"sourcesContent":["import {\n  type JSX,\n  type ParentProps,\n  For,\n  Show,\n  createContext,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { Dynamic, Portal } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { createSnackbarsPortal } from \"./useSnackbarsPortal\";\nimport { createCssTransition } from \"../../../primitives/createCssTransition\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport const variants = [\"dark\", \"light\", \"danger\", \"success\", \"warning\", \"info\"] as const;\nexport const positions = [\"top\", \"bottom\", \"top-left\", \"top-right\", \"bottom-right\", \"bottom-left\"] as const;\n\nexport type Variants = (typeof variants)[number];\nexport type Position = (typeof positions)[number];\n\nexport interface SnackbarsProviderProps extends JSX.HTMLAttributes<HTMLElement> {\n  variant?: Variants;\n  position?: Position;\n  autoCloseTime?: number;\n  closeOnClick?: boolean;\n  autoClose?: boolean;\n  component?: string;\n}\n\ninterface Snack {\n  id: string;\n  message: JSX.Element;\n  variant?: Variants | undefined;\n  position?: Position | undefined;\n  autoClose?: boolean | undefined;\n  autoCloseTime?: number | undefined;\n  component?: string | undefined;\n  class?: string | undefined;\n}\n\nexport interface AddSnackbarOptions {\n  key?: string;\n  message: JSX.Element;\n  variant?: Variants | undefined;\n  position?: Position | undefined;\n  autoClose?: boolean | undefined;\n  autoCloseTime?: number | undefined;\n  component?: string | undefined;\n  class?: string;\n}\n\nexport type AddSnackbar = (options: AddSnackbarOptions) => string;\n\nexport interface SnackbarOptions {\n  addSnackbar: AddSnackbar;\n  clearAllSnackbars: () => void;\n  clearFirstSnackbar: () => void;\n  clearLastSnackbar: () => void;\n  clearByIdSnackbar: (id: string) => void;\n}\n\nconst SnackbarContext = createContext<SnackbarOptions>({\n  addSnackbar: () => \"\",\n  clearAllSnackbars: () => undefined,\n  clearFirstSnackbar: () => undefined,\n  clearLastSnackbar: () => undefined,\n  clearByIdSnackbar: () => undefined,\n});\n\nlet snackCounter = 0;\n\nconst SNACKBAR_CLASSNAMES = {\n  appear: \"smwb-snackbar-enter\",\n  appearActive: \"smwb-snackbar-enter-active\",\n  appearDone: \"smwb-snackbar-enter-done\",\n  enter: \"smwb-snackbar-enter\",\n  enterActive: \"smwb-snackbar-enter-active\",\n  enterDone: \"smwb-snackbar-enter-done\",\n  exitActive: \"smwb-snackbar-exit-active\",\n};\n\nexport interface SnackbarProps extends JSX.HTMLAttributes<HTMLElement> {\n  message?: JSX.Element;\n  variant?: Variants;\n  position?: Position;\n  component?: string;\n  isAutoClose?: boolean;\n  autoCloseTime?: number;\n  onClose?: () => void;\n  /** Optional action node rendered after the message (e.g. an Undo button). */\n  action?: JSX.Element;\n  /** Enter-transition classes for the appear animation. */\n  transitionClass?: string;\n  ref?: Ref<HTMLElement>;\n}\n\nexport function Snackbar(props: SnackbarProps): JSX.Element {\n  const merged = mergeProps({ variant: \"dark\" as Variants, position: \"top-right\" as Position, component: \"div\" }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"message\",\n    \"variant\",\n    \"position\",\n    \"onClick\",\n    \"component\",\n    \"isAutoClose\",\n    \"autoCloseTime\",\n    \"onClose\",\n    \"action\",\n    \"transitionClass\",\n    \"ref\",\n  ]);\n\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  onMount(() => {\n    if (local.onClose && local.isAutoClose && local.autoCloseTime) {\n      timer = setTimeout(() => local.onClose?.(), local.autoCloseTime);\n    }\n  });\n  onCleanup(() => {\n    if (timer !== undefined) clearTimeout(timer);\n  });\n\n  return (\n    <Dynamic\n      component={local.component ?? \"div\"}\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-snackbar\", local.class, `smwb-${local.variant}`, `smwb-${local.position}`, local.transitionClass)}\n      onClick={local.onClick}\n      role=\"alert\"\n      aria-live={local.variant === \"danger\" ? \"assertive\" : \"polite\"}\n      aria-atomic=\"true\"\n    >\n      <div class=\"smwb-snackbar__body\">{local.message}</div>\n      <Show when={local.action != null}>\n        <div class=\"smwb-snackbar__action\">{local.action}</div>\n      </Show>\n    </Dynamic>\n  );\n}\n\nfunction AnimatedSnack(props: {\n  snack: Snack;\n  position: Position;\n  variant: Variants;\n  component: string;\n  autoClose: boolean;\n  autoCloseTime: number;\n  onRemove: (id: string) => void;\n  onClose: (id: string) => void;\n}): JSX.Element {\n  const transition = createCssTransition({\n    in: () => true,\n    appear: true,\n    timeout: { appear: 125, enter: 125, exit: 125 },\n    classNames: SNACKBAR_CLASSNAMES,\n  });\n  return (\n    <Snackbar\n      component={props.snack.component ?? props.component}\n      message={props.snack.message}\n      position={props.snack.position ?? props.position}\n      variant={props.snack.variant ?? props.variant}\n      class={props.snack.class}\n      transitionClass={transition.classes()}\n      isAutoClose={props.snack.autoClose ?? props.autoClose}\n      autoCloseTime={props.snack.autoCloseTime ?? props.autoCloseTime}\n      onClick={() => props.onRemove(props.snack.id)}\n      onClose={() => props.onClose(props.snack.id)}\n    />\n  );\n}\n\nexport function SnackbarProvider(props: ParentProps<SnackbarsProviderProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      position: \"top-right\" as Position,\n      variant: \"dark\" as Variants,\n      autoClose: true,\n      autoCloseTime: 5000,\n      closeOnClick: true,\n      component: \"div\",\n    },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"position\",\n    \"variant\",\n    \"class\",\n    \"autoClose\",\n    \"autoCloseTime\",\n    \"closeOnClick\",\n    \"onClick\",\n    \"component\",\n    \"children\",\n  ]);\n\n  const [snacks, setSnacks] = createSignal<Snack[]>([]);\n  const portalRoot = createSnackbarsPortal();\n\n  const addSnackbar: AddSnackbar = (options) => {\n    const { key, ...optionRest } = options;\n    const id = key ?? `snack-${++snackCounter}`;\n    const snack: Snack = { id, ...optionRest };\n    setSnacks((prev) => {\n      const index = prev.findIndex((item) => item.id === id);\n      if (index === -1) return [...prev, snack];\n      const next = [...prev];\n      next[index] = snack;\n      return next;\n    });\n    return id;\n  };\n\n  const clearByIdSnackbar = (id: string): void => {\n    setSnacks((prev) => prev.filter((item) => item.id !== id));\n  };\n  const clearAllSnackbars = (): void => {\n    setSnacks([]);\n  };\n  const clearFirstSnackbar = (): void => {\n    setSnacks((prev) => prev.slice(1));\n  };\n  const clearLastSnackbar = (): void => {\n    setSnacks((prev) => prev.slice(0, -1));\n  };\n\n  const onRemove = (id: string): void => {\n    if (local.closeOnClick) clearByIdSnackbar(id);\n  };\n\n  const grouped = (): Array<[Position, Snack[]]> => {\n    const acc = {} as Record<Position, Snack[]>;\n    for (const snack of snacks()) {\n      const pos = snack.position ?? local.position;\n      (acc[pos] = acc[pos] ?? []).push(snack);\n    }\n    return Object.entries(acc) as Array<[Position, Snack[]]>;\n  };\n\n  return (\n    <SnackbarContext.Provider\n      value={{ addSnackbar, clearAllSnackbars, clearFirstSnackbar, clearLastSnackbar, clearByIdSnackbar }}\n    >\n      {local.children}\n      <Show when={portalRoot()}>\n        <Portal mount={portalRoot()!}>\n          <For each={grouped()}>\n            {([pos, list]) => (\n              <div class={cn(\"smwb-snackbars\", `smwb-${pos}`)} data-testid={`snackbars-${pos}`}>\n                <For each={list}>\n                  {(snack) => (\n                    <AnimatedSnack\n                      snack={snack}\n                      position={local.position}\n                      variant={local.variant}\n                      component={local.component}\n                      autoClose={local.autoClose}\n                      autoCloseTime={local.autoCloseTime}\n                      onRemove={onRemove}\n                      onClose={clearByIdSnackbar}\n                    />\n                  )}\n                </For>\n              </div>\n            )}\n          </For>\n        </Portal>\n      </Show>\n    </SnackbarContext.Provider>\n  );\n}\n\nexport function useSnackbar(): SnackbarOptions {\n  return useContext(SnackbarContext);\n}\n\nexport default SnackbarProvider;\n"],"names":["SnackbarContext","createContext","addSnackbar","clearAllSnackbars","clearFirstSnackbar","clearLastSnackbar","clearByIdSnackbar","snackCounter","SNACKBAR_CLASSNAMES","appear","appearActive","appearDone","enter","enterActive","enterDone","exitActive","Snackbar","props","merged","mergeProps","variant","position","component","local","rest","splitProps","timer","onMount","onClose","isAutoClose","autoCloseTime","setTimeout","onCleanup","undefined","clearTimeout","_$createComponent","Dynamic","_$mergeProps","ref","r$","_ref$","mergeRefs","cn","class","transitionClass","onClick","role","children","_el$","_tmpl$","_$insert","message","Show","when","action","_el$2","_tmpl$2","AnimatedSnack","transition","createCssTransition","in","timeout","exit","classNames","snack","classes","autoClose","onRemove","id","SnackbarProvider","closeOnClick","snacks","setSnacks","createSignal","portalRoot","createSnackbarsPortal","options","key","optionRest","prev","index","findIndex","item","next","filter","slice","grouped","acc","pos","push","Object","entries","Provider","value","_$memo","Portal","mount","For","each","list","_el$3","_tmpl$3","_$setAttribute","_$effect","_$className","useSnackbar","useContext"],"mappings":"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"}

package/dist/components/feedBack/snackbar/useSnackbarsPortal.d.ts

@@ -0,0 +1,6 @@
+import { type Accessor } from "solid-js";
+/**
+ * Creates a dedicated portal host prepended to <body> for snackbars, cleaned up
+ * on unmount. Solid port of summer-ui's useSnackbarsPortal (no uuid dep).
+ */
+export declare function createSnackbarsPortal(): Accessor<HTMLElement | null>;

package/dist/components/feedBack/snackbar/useSnackbarsPortal.js

@@ -0,0 +1,15 @@
+import { createSignal as o, onMount as r, onCleanup as a } from "solid-js";
+let l = 0;
+function c() {
+  const [t, n] = o(null);
+  return r(() => {
+    const e = document.createElement("div");
+    e.id = `snackbar-portal-${++l}`, document.body.prepend(e), n(e), a(() => {
+      e.parentNode && e.parentNode.removeChild(e);
+    });
+  }), t;
+}
+export {
+  c as createSnackbarsPortal
+};
+//# sourceMappingURL=useSnackbarsPortal.js.map

package/dist/components/feedBack/snackbar/useSnackbarsPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSnackbarsPortal.js","sources":["../../../../src/components/feedBack/snackbar/useSnackbarsPortal.ts"],"sourcesContent":["import { type Accessor, createSignal, onCleanup, onMount } from \"solid-js\";\n\nlet portalCounter = 0;\n\n/**\n * Creates a dedicated portal host prepended to <body> for snackbars, cleaned up\n * on unmount. Solid port of summer-ui's useSnackbarsPortal (no uuid dep).\n */\nexport function createSnackbarsPortal(): Accessor<HTMLElement | null> {\n  const [domElement, setDomElement] = createSignal<HTMLElement | null>(null);\n\n  onMount(() => {\n    const element = document.createElement(\"div\");\n    element.id = `snackbar-portal-${++portalCounter}`;\n    document.body.prepend(element);\n    setDomElement(element);\n    onCleanup(() => {\n      if (element.parentNode) {\n        element.parentNode.removeChild(element);\n      }\n    });\n  });\n\n  return domElement;\n}\n"],"names":["portalCounter","createSnackbarsPortal","domElement","setDomElement","createSignal","onMount","element","onCleanup"],"mappings":";AAEA,IAAIA,IAAgB;AAMb,SAASC,IAAsD;AACpE,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAiC,IAAI;AAEzE,SAAAC,EAAQ,MAAM;AACZ,UAAMC,IAAU,SAAS,cAAc,KAAK;AAC5C,IAAAA,EAAQ,KAAK,mBAAmB,EAAEN,CAAa,IAC/C,SAAS,KAAK,QAAQM,CAAO,GAC7BH,EAAcG,CAAO,GACrBC,EAAU,MAAM;AACd,MAAID,EAAQ,cACVA,EAAQ,WAAW,YAAYA,CAAO;AAAA,IAE1C,CAAC;AAAA,EACH,CAAC,GAEMJ;AACT;"}

package/dist/components/feedBack/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip, default } from "./tooltip";
+export type { TooltipProps, TooltipTrigger } from "./tooltip";

package/dist/components/feedBack/tooltip/tooltip.d.ts

@@ -0,0 +1,22 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type Placement } from "../../../utils/floating";
+import { type Ref } from "../../../primitives/mergeRefs";
+export type TooltipTrigger = "hover" | "click" | "manual";
+export interface TooltipProps {
+    class?: string;
+    offset?: {
+        offsetX?: number;
+        offsetY?: number;
+    };
+    message: JSX.Element;
+    placement?: Placement;
+    /** Controls tooltip visibility when trigger is manual. */
+    open?: boolean;
+    /** hover (default): show on pointer enter; click: toggle; manual: use open only. */
+    trigger?: TooltipTrigger;
+    openDelay?: number;
+    closeDelay?: number;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function Tooltip(props: ParentProps<TooltipProps>): JSX.Element;
+export default Tooltip;

package/dist/components/feedBack/tooltip/tooltip.js

@@ -0,0 +1,70 @@
+import { use as f, addEventListener as m, insert as p, createComponent as F, effect as P, className as R, style as S, template as _, delegateEvents as A } from "solid-js/web";
+import '../../../assets/styles/less/components/tooltip/tooltip.entry.css';/* empty css                                                         */
+import { mergeProps as E, splitProps as X, createSignal as h, onCleanup as Y, Show as H } from "solid-js";
+import L from "clsx";
+import { offset as M } from "@floating-ui/dom";
+import { resolvePlacement as N } from "../../../utils/floating.js";
+import { createFloating as V } from "../../../primitives/createFloating.js";
+import { mergeRefs as j } from "../../../primitives/mergeRefs.js";
+var q = /* @__PURE__ */ _("<div>"), z = /* @__PURE__ */ _("<div class=smwb-tooltip__wrapper role=tooltip><div class=smwb-tooltip__ref>");
+function Z(w) {
+  const D = E({
+    placement: "top",
+    offset: {
+      offsetX: 0,
+      offsetY: 0
+    },
+    trigger: "hover",
+    openDelay: 0,
+    closeDelay: 0
+  }, w), [e] = X(D, ["class", "children", "placement", "offset", "message", "open", "trigger", "openDelay", "closeDelay", "ref"]), [T, n] = h(!1), [k, $] = h(!1);
+  let s = null, i = null;
+  const c = () => {
+    s !== null && (clearTimeout(s), s = null), i !== null && (clearTimeout(i), i = null);
+  };
+  Y(c);
+  const C = () => {
+    if (c(), e.openDelay <= 0) {
+      n(!0);
+      return;
+    }
+    s = setTimeout(() => n(!0), e.openDelay);
+  }, O = () => {
+    if (c(), e.closeDelay <= 0) {
+      n(!1);
+      return;
+    }
+    i = setTimeout(() => n(!1), e.closeDelay);
+  }, u = () => N(e.placement), r = V({
+    placement: () => u().placement,
+    middleware: () => [M({
+      mainAxis: e.offset?.offsetY ?? 0,
+      crossAxis: e.offset?.offsetX ?? 0
+    }), u().autoMiddleware]
+  }), b = () => e.trigger === "manual" ? e.open === !0 : e.trigger === "click" ? k() : T();
+  return (() => {
+    var a = z(), o = a.firstChild, g = j(e.ref);
+    typeof g == "function" && f(g, a), m(o, "click", e.trigger === "click" ? () => $((t) => !t) : void 0, !0), m(o, "pointerleave", e.trigger === "hover" ? O : void 0), m(o, "pointerenter", e.trigger === "hover" ? C : void 0);
+    var v = r.setReference;
+    return typeof v == "function" ? f(v, o) : r.setReference = o, p(o, () => e.children), p(a, F(H, {
+      get when() {
+        return b();
+      },
+      get children() {
+        var t = q(), d = r.setFloating;
+        return typeof d == "function" ? f(d, t) : r.setFloating = t, p(t, () => e.message), P((l) => {
+          var y = L("smwb-tooltip", e.class), x = r.floatingStyles();
+          return y !== l.e && R(t, l.e = y), l.t = S(t, x, l.t), l;
+        }, {
+          e: void 0,
+          t: void 0
+        }), t;
+      }
+    }), null), a;
+  })();
+}
+A(["click"]);
+export {
+  Z as Tooltip
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/components/feedBack/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["../../../../src/components/feedBack/tooltip/tooltip.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, createSignal, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { offset as offsetMiddleware } from \"@floating-ui/dom\";\nimport { type Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type TooltipTrigger = \"hover\" | \"click\" | \"manual\";\n\nexport interface TooltipProps {\n  class?: string;\n  offset?: {\n    offsetX?: number;\n    offsetY?: number;\n  };\n  message: JSX.Element;\n  placement?: Placement;\n  /** Controls tooltip visibility when trigger is manual. */\n  open?: boolean;\n  /** hover (default): show on pointer enter; click: toggle; manual: use open only. */\n  trigger?: TooltipTrigger;\n  openDelay?: number;\n  closeDelay?: number;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Tooltip(props: ParentProps<TooltipProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      placement: \"top\" as Placement,\n      offset: { offsetX: 0, offsetY: 0 },\n      trigger: \"hover\" as TooltipTrigger,\n      openDelay: 0,\n      closeDelay: 0,\n    },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"placement\",\n    \"offset\",\n    \"message\",\n    \"open\",\n    \"trigger\",\n    \"openDelay\",\n    \"closeDelay\",\n    \"ref\",\n  ]);\n\n  const [hoverOpen, setHoverOpen] = createSignal(false);\n  const [clickOpen, setClickOpen] = createSignal(false);\n  let openTimer: ReturnType<typeof setTimeout> | null = null;\n  let closeTimer: ReturnType<typeof setTimeout> | null = null;\n\n  const clearTimers = (): void => {\n    if (openTimer !== null) {\n      clearTimeout(openTimer);\n      openTimer = null;\n    }\n    if (closeTimer !== null) {\n      clearTimeout(closeTimer);\n      closeTimer = null;\n    }\n  };\n  onCleanup(clearTimers);\n\n  const scheduleOpen = (): void => {\n    clearTimers();\n    if (local.openDelay <= 0) {\n      setHoverOpen(true);\n      return;\n    }\n    openTimer = setTimeout(() => setHoverOpen(true), local.openDelay);\n  };\n  const scheduleClose = (): void => {\n    clearTimers();\n    if (local.closeDelay <= 0) {\n      setHoverOpen(false);\n      return;\n    }\n    closeTimer = setTimeout(() => setHoverOpen(false), local.closeDelay);\n  };\n\n  const resolved = () => resolvePlacement(local.placement);\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => [\n      offsetMiddleware({ mainAxis: local.offset?.offsetY ?? 0, crossAxis: local.offset?.offsetX ?? 0 }),\n      resolved().autoMiddleware,\n    ],\n  });\n\n  const isVisible = (): boolean =>\n    local.trigger === \"manual\" ? local.open === true : local.trigger === \"click\" ? clickOpen() : hoverOpen();\n\n  return (\n    <div class=\"smwb-tooltip__wrapper\" role=\"tooltip\" ref={mergeRefs(local.ref)}>\n      <div\n        class=\"smwb-tooltip__ref\"\n        ref={floating.setReference}\n        onPointerEnter={local.trigger === \"hover\" ? scheduleOpen : undefined}\n        onPointerLeave={local.trigger === \"hover\" ? scheduleClose : undefined}\n        onClick={local.trigger === \"click\" ? () => setClickOpen((prev) => !prev) : undefined}\n      >\n        {local.children}\n      </div>\n      <Show when={isVisible()}>\n        <div ref={floating.setFloating} class={cn(\"smwb-tooltip\", local.class)} style={floating.floatingStyles()}>\n          {local.message}\n        </div>\n      </Show>\n    </div>\n  );\n}\n\nexport default Tooltip;\n"],"names":["Tooltip","props","merged","mergeProps","placement","offset","offsetX","offsetY","trigger","openDelay","closeDelay","local","splitProps","hoverOpen","setHoverOpen","createSignal","clickOpen","setClickOpen","openTimer","closeTimer","clearTimers","clearTimeout","onCleanup","scheduleOpen","setTimeout","scheduleClose","resolved","resolvePlacement","floating","createFloating","middleware","offsetMiddleware","mainAxis","crossAxis","autoMiddleware","isVisible","open","_el$","_tmpl$2","_el$2","firstChild","_ref$","mergeRefs","ref","_$use","_$addEventListener","prev","undefined","_ref$2","setReference","_$insert","children","_$createComponent","Show","when","_el$3","_tmpl$","_ref$3","setFloating","message","_$effect","_p$","_v$","cn","class","_v$2","floatingStyles","e","_$className","t","_$style","_$delegateEvents"],"mappings":"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"}

package/dist/components/inputs/button/button.d.ts

@@ -0,0 +1,32 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type IconProps } from "../../base/icon";
+import { type Ref } from "../../../primitives/mergeRefs";
+export interface ButtonProps extends JSX.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {
+    /** Button text. */
+    label?: string;
+    /** Visual style of the button. */
+    variant?: "contained" | "text" | "outlined";
+    /** Button size. */
+    size?: "small" | "medium" | "large";
+    /** Icon as an element (e.g. <Icon/>) or a string (icon name / url / base64). */
+    icon?: JSX.Element | string;
+    /** Props forwarded to the <Icon/> when `icon` is a string. */
+    iconProps?: Omit<IconProps, "name">;
+    /** @deprecated use `color`. Kept for backward compatibility. */
+    colorTheme?: "primary";
+    /** Semantic color, resolved through `--smwb-*Color*` tokens. */
+    color?: "primary" | "secondary" | "error" | "success" | "warning" | "info";
+    /** When set, the component renders as an <a>. */
+    href?: string;
+    disabled?: boolean;
+    type?: "button" | "submit" | "reset";
+    /** Stretch to the full width of the container. */
+    fullWidth?: boolean;
+    /** Center the ripple effect. */
+    rippleCenter?: boolean;
+    /** Disable the ripple effect. */
+    disableRipple?: boolean;
+    ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;
+}
+export declare function Button(props: ParentProps<ButtonProps>): JSX.Element;
+export default Button;

package/dist/components/inputs/button/button.js

@@ -0,0 +1,89 @@
+import { createComponent as n, use as d, spread as b, mergeProps as l, insert as g, template as _, memo as h } from "solid-js/web";
+import '../../../assets/styles/less/components/button/button.entry.css';/* empty css                                                       */
+import { mergeProps as R, splitProps as z, Show as s } from "solid-js";
+import T from "clsx";
+import { mergeRefs as w } from "../../../primitives/mergeRefs.js";
+import { useButtonGroup as W } from "../buttonGroups/buttonGroupContext.js";
+import { Ripple as k } from "../../base/ripple/ripple.js";
+import { Icon as C } from "../../base/icon/icon.js";
+var D = /* @__PURE__ */ _("<a data-testid=button-link>"), B = /* @__PURE__ */ _("<button data-testid=button>");
+function F($) {
+  const t = W(), v = R({
+    get variant() {
+      return t?.variant ?? "contained";
+    },
+    get size() {
+      return t?.size ?? "medium";
+    },
+    get colorTheme() {
+      return t?.colorTheme ?? "primary";
+    }
+  }, $), [e, a] = z(v, ["label", "variant", "icon", "iconProps", "href", "class", "disabled", "children", "fullWidth", "rippleCenter", "disableRipple", "size", "colorTheme", "color", "ref"]), c = () => e.color ?? t?.color ?? e.colorTheme, i = () => e.disabled ?? t?.disabled, P = () => e.fullWidth ?? t?.fullWidth;
+  let m;
+  const p = () => T("smwb-button", `smwb-${e.variant}`, `smwb-${e.size}`, c() === "primary" ? "smwb-primary" : `smwb-button_color-${c()}`, t && "smwb-button-group__grouped", e.class, {
+    "smwb-disabled": i(),
+    "smwb-full-width": P()
+  }), u = (r) => {
+    i() || m?.onRipple(r);
+  }, y = () => typeof e.icon == "string" ? n(C, l(() => e.iconProps ?? {}, {
+    get name() {
+      return e.icon;
+    }
+  })) : e.icon, f = () => [n(s, {
+    get when() {
+      return e.icon;
+    },
+    get children() {
+      return y();
+    }
+  }), h(() => h(() => !!e.label)() ? e.label : e.children), n(s, {
+    get when() {
+      return !e.disableRipple;
+    },
+    get children() {
+      return n(k, {
+        actionRef: (r) => m = r,
+        get center() {
+          return e.rippleCenter;
+        }
+      });
+    }
+  })];
+  return n(s, {
+    get when() {
+      return e.href;
+    },
+    get fallback() {
+      return (() => {
+        var r = B(), o = w(e.ref);
+        return typeof o == "function" && d(o, r), b(r, l(a, {
+          get class() {
+            return p();
+          },
+          onPointerDown: u,
+          get disabled() {
+            return !!i();
+          }
+        }), !1, !0), g(r, f), r;
+      })();
+    },
+    get children() {
+      var r = D(), o = w(e.ref);
+      return typeof o == "function" && d(o, r), b(r, l(a, {
+        get class() {
+          return p();
+        },
+        get href() {
+          return e.href;
+        },
+        target: "_blank",
+        rel: "noreferrer",
+        onPointerDown: u
+      }), !1, !0), g(r, f), r;
+    }
+  });
+}
+export {
+  F as Button
+};
+//# sourceMappingURL=button.js.map

package/dist/components/inputs/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../../src/components/inputs/button/button.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { Icon, type IconProps } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { useButtonGroup } from \"../buttonGroups/buttonGroupContext\";\n\nexport interface ButtonProps extends JSX.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {\n  /** Button text. */\n  label?: string;\n  /** Visual style of the button. */\n  variant?: \"contained\" | \"text\" | \"outlined\";\n  /** Button size. */\n  size?: \"small\" | \"medium\" | \"large\";\n  /** Icon as an element (e.g. <Icon/>) or a string (icon name / url / base64). */\n  icon?: JSX.Element | string;\n  /** Props forwarded to the <Icon/> when `icon` is a string. */\n  iconProps?: Omit<IconProps, \"name\">;\n  /** @deprecated use `color`. Kept for backward compatibility. */\n  colorTheme?: \"primary\";\n  /** Semantic color, resolved through `--smwb-*Color*` tokens. */\n  color?: \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n  /** When set, the component renders as an <a>. */\n  href?: string;\n  disabled?: boolean;\n  type?: \"button\" | \"submit\" | \"reset\";\n  /** Stretch to the full width of the container. */\n  fullWidth?: boolean;\n  /** Center the ripple effect. */\n  rippleCenter?: boolean;\n  /** Disable the ripple effect. */\n  disableRipple?: boolean;\n  ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;\n}\n\nexport function Button(props: ParentProps<ButtonProps>): JSX.Element {\n  const group = useButtonGroup();\n  const merged = mergeProps(\n    {\n      get variant(): NonNullable<ButtonProps[\"variant\"]> {\n        return group?.variant ?? \"contained\";\n      },\n      get size(): NonNullable<ButtonProps[\"size\"]> {\n        return group?.size ?? \"medium\";\n      },\n      get colorTheme(): NonNullable<ButtonProps[\"colorTheme\"]> {\n        return group?.colorTheme ?? \"primary\";\n      },\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"label\",\n    \"variant\",\n    \"icon\",\n    \"iconProps\",\n    \"href\",\n    \"class\",\n    \"disabled\",\n    \"children\",\n    \"fullWidth\",\n    \"rippleCenter\",\n    \"disableRipple\",\n    \"size\",\n    \"colorTheme\",\n    \"color\",\n    \"ref\",\n  ]);\n\n  const color = (): string => local.color ?? group?.color ?? local.colorTheme;\n  const disabled = (): boolean | undefined => local.disabled ?? group?.disabled;\n  const fullWidth = (): boolean | undefined => local.fullWidth ?? group?.fullWidth;\n  let rippleActions: RippleActionsRef | undefined;\n\n  const classes = (): string =>\n    cn(\n      \"smwb-button\",\n      `smwb-${local.variant}`,\n      `smwb-${local.size}`,\n      color() === \"primary\" ? \"smwb-primary\" : `smwb-button_color-${color()}`,\n      group && \"smwb-button-group__grouped\",\n      local.class,\n      {\n        \"smwb-disabled\": disabled(),\n        \"smwb-full-width\": fullWidth(),\n      }\n    );\n\n  // Ripple on pointerdown so it fires for touch and pen, not just mouse.\n  const onPointerDown = (event: PointerEvent): void => {\n    if (!disabled()) {\n      rippleActions?.onRipple(event);\n    }\n  };\n\n  const iconElement = (): JSX.Element =>\n    typeof local.icon === \"string\" ? <Icon {...(local.iconProps ?? {})} name={local.icon} /> : (local.icon as JSX.Element);\n\n  const content = (): JSX.Element => (\n    <>\n      <Show when={local.icon}>{iconElement()}</Show>\n      {local.label ? local.label : local.children}\n      <Show when={!local.disableRipple}>\n        <Ripple actionRef={(actions) => (rippleActions = actions)} center={local.rippleCenter} />\n      </Show>\n    </>\n  );\n\n  return (\n    <Show\n      when={local.href}\n      fallback={\n        <button\n          data-testid=\"button\"\n          {...rest}\n          ref={mergeRefs(local.ref)}\n          class={classes()}\n          onPointerDown={onPointerDown}\n          disabled={!!disabled()}\n        >\n          {content()}\n        </button>\n      }\n    >\n      <a\n        data-testid=\"button-link\"\n        {...rest}\n        ref={mergeRefs(local.ref)}\n        class={classes()}\n        href={local.href}\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        onPointerDown={onPointerDown}\n      >\n        {content()}\n      </a>\n    </Show>\n  );\n}\n\nexport default Button;\n"],"names":["Button","props","group","useButtonGroup","merged","mergeProps","variant","size","colorTheme","local","rest","splitProps","color","disabled","fullWidth","rippleActions","classes","cn","class","onPointerDown","event","onRipple","iconElement","icon","_$createComponent","Icon","_$mergeProps","iconProps","name","content","Show","when","children","_$memo","label","disableRipple","Ripple","actionRef","actions","center","rippleCenter","href","fallback","_el$2","_tmpl$2","_ref$2","mergeRefs","ref","_$use","_$spread","_$insert","_el$","_tmpl$","_ref$"],"mappings":"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"}

package/dist/components/inputs/button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button, default } from "./button";
+export type { ButtonProps } from "./button";

package/dist/components/inputs/buttonGroups/buttonGroup.d.ts

@@ -0,0 +1,16 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export interface ButtonGroupProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    orientation?: "horizontal" | "vertical";
+    variant?: "contained" | "text" | "outlined";
+    size?: "small" | "medium" | "large";
+    fullWidth?: boolean;
+    disabled?: boolean;
+    /** @deprecated use `color`. */
+    colorTheme?: "primary";
+    /** Semantic color propagated to child buttons. */
+    color?: "primary" | "secondary" | "error" | "success" | "warning" | "info";
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function ButtonGroup(props: ParentProps<ButtonGroupProps>): JSX.Element;
+export default ButtonGroup;

package/dist/components/inputs/buttonGroups/buttonGroup.js

@@ -0,0 +1,53 @@
+import { createComponent as a, use as s, spread as u, mergeProps as m, insert as d, template as c } from "solid-js/web";
+import '../../../assets/styles/less/components/buttonGroup/buttonGroup.entry.css';/* empty css                                                                 */
+import { mergeProps as p, splitProps as f } from "solid-js";
+import g from "clsx";
+import { mergeRefs as h } from "../../../primitives/mergeRefs.js";
+import { ButtonGroupContext as v } from "./buttonGroupContext.js";
+var b = /* @__PURE__ */ c("<div>");
+function _(o) {
+  const i = p({
+    variant: "contained",
+    size: "medium",
+    orientation: "horizontal",
+    colorTheme: "primary",
+    fullWidth: !1,
+    disabled: !1
+  }, o), [r, n] = f(i, ["class", "children", "variant", "size", "orientation", "colorTheme", "color", "fullWidth", "disabled", "ref"]), l = {
+    get variant() {
+      return r.variant;
+    },
+    get size() {
+      return r.size;
+    },
+    get color() {
+      return r.color;
+    },
+    get colorTheme() {
+      return r.colorTheme;
+    },
+    get disabled() {
+      return r.disabled;
+    },
+    get fullWidth() {
+      return r.orientation === "vertical" ? !0 : r.fullWidth;
+    }
+  };
+  return a(v.Provider, {
+    value: l,
+    get children() {
+      var e = b(), t = h(r.ref);
+      return typeof t == "function" && s(t, e), u(e, m(n, {
+        get class() {
+          return g("smwb-button-group", r.class, `smwb-${r.orientation}`, `smwb-${r.variant}`, r.fullWidth && "smwb-full-width");
+        },
+        role: "group",
+        "data-testid": "button-group"
+      }), !1, !0), d(e, () => r.children), e;
+    }
+  });
+}
+export {
+  _ as ButtonGroup
+};
+//# sourceMappingURL=buttonGroup.js.map

package/dist/components/inputs/buttonGroups/buttonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonGroup.js","sources":["../../../../src/components/inputs/buttonGroups/buttonGroup.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { ButtonGroupContext, type ButtonGroupContextValue } from \"./buttonGroupContext\";\n\nexport interface ButtonGroupProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  orientation?: \"horizontal\" | \"vertical\";\n  variant?: \"contained\" | \"text\" | \"outlined\";\n  size?: \"small\" | \"medium\" | \"large\";\n  fullWidth?: boolean;\n  disabled?: boolean;\n  /** @deprecated use `color`. */\n  colorTheme?: \"primary\";\n  /** Semantic color propagated to child buttons. */\n  color?: \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function ButtonGroup(props: ParentProps<ButtonGroupProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      variant: \"contained\" as const,\n      size: \"medium\" as const,\n      orientation: \"horizontal\" as const,\n      colorTheme: \"primary\" as const,\n      fullWidth: false,\n      disabled: false,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"variant\",\n    \"size\",\n    \"orientation\",\n    \"colorTheme\",\n    \"color\",\n    \"fullWidth\",\n    \"disabled\",\n    \"ref\",\n  ]);\n\n  const value: ButtonGroupContextValue = {\n    get variant() {\n      return local.variant;\n    },\n    get size() {\n      return local.size;\n    },\n    get color() {\n      return local.color;\n    },\n    get colorTheme() {\n      return local.colorTheme;\n    },\n    get disabled() {\n      return local.disabled;\n    },\n    get fullWidth() {\n      return local.orientation === \"vertical\" ? true : local.fullWidth;\n    },\n  };\n\n  return (\n    <ButtonGroupContext.Provider value={value}>\n      <div\n        {...rest}\n        ref={mergeRefs(local.ref)}\n        class={cn(\n          \"smwb-button-group\",\n          local.class,\n          `smwb-${local.orientation}`,\n          `smwb-${local.variant}`,\n          local.fullWidth && \"smwb-full-width\"\n        )}\n        role=\"group\"\n        data-testid=\"button-group\"\n      >\n        {local.children}\n      </div>\n    </ButtonGroupContext.Provider>\n  );\n}\n\nexport default ButtonGroup;\n"],"names":["ButtonGroup","props","merged","mergeProps","variant","size","orientation","colorTheme","fullWidth","disabled","local","rest","splitProps","value","color","_$createComponent","ButtonGroupContext","Provider","children","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","_$insert"],"mappings":";;;;;;;AAmBO,SAASA,EAAYC,GAAmD;AAC7E,QAAMC,IAASC,EACb;AAAA,IACEC,SAAS;AAAA,IACTC,MAAM;AAAA,IACNC,aAAa;AAAA,IACbC,YAAY;AAAA,IACZC,WAAW;AAAA,IACXC,UAAU;AAAA,EAAA,GAEZR,CACF,GACM,CAACS,GAAOC,CAAI,IAAIC,EAAWV,GAAQ,CACvC,SACA,YACA,WACA,QACA,eACA,cACA,SACA,aACA,YACA,KAAK,CACN,GAEKW,IAAiC;AAAA,IACrC,IAAIT,UAAU;AACZ,aAAOM,EAAMN;AAAAA,IACf;AAAA,IACA,IAAIC,OAAO;AACT,aAAOK,EAAML;AAAAA,IACf;AAAA,IACA,IAAIS,QAAQ;AACV,aAAOJ,EAAMI;AAAAA,IACf;AAAA,IACA,IAAIP,aAAa;AACf,aAAOG,EAAMH;AAAAA,IACf;AAAA,IACA,IAAIE,WAAW;AACb,aAAOC,EAAMD;AAAAA,IACf;AAAA,IACA,IAAID,YAAY;AACd,aAAOE,EAAMJ,gBAAgB,aAAa,KAAOI,EAAMF;AAAAA,IACzD;AAAA,EAAA;AAGF,SAAAO,EACGC,EAAmBC,UAAQ;AAAA,IAACJ,OAAAA;AAAAA,IAAY,IAAAK,WAAA;AAAA,UAAAC,IAAAC,EAAAA,GAAAC,IAGhCC,EAAUZ,EAAMa,GAAG;AAAC,oBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBf,GAAI;AAAA,QAAA,IAAA,QAAA;AAAA,iBAEDgB,EACL,qBACAjB,EAAMkB,OACN,QAAQlB,EAAMJ,WAAW,IACzB,QAAQI,EAAMN,OAAO,IACrBM,EAAMF,aAAa,iBACrB;AAAA,QAAC;AAAA,QAAA,MACI;AAAA,QAAO,eACA;AAAA,MAAA,CAAc,GAAA,IAAA,EAAA,GAAAqB,EAAAV,GAAA,MAEzBT,EAAMQ,QAAQ,GAAAC;AAAAA,IAAA;AAAA,EAAA,CAAA;AAIvB;"}

package/dist/components/inputs/buttonGroups/buttonGroupContext.d.ts

@@ -0,0 +1,15 @@
+export interface ButtonGroupContextValue {
+    variant?: "contained" | "text" | "outlined";
+    size?: "small" | "medium" | "large";
+    color?: "primary" | "secondary" | "error" | "success" | "warning" | "info" | undefined;
+    colorTheme?: "primary";
+    disabled?: boolean;
+    fullWidth?: boolean;
+}
+/**
+ * Lets <ButtonGroup> propagate variant/size/color/disabled/fullWidth to nested
+ * <Button>s without cloning children (the React approach). A Button's own
+ * explicit props always win over the group values.
+ */
+export declare const ButtonGroupContext: import("solid-js").Context<ButtonGroupContextValue | undefined>;
+export declare const useButtonGroup: () => ButtonGroupContextValue | undefined;

package/dist/components/inputs/buttonGroups/buttonGroupContext.js

@@ -0,0 +1,7 @@
+import { useContext as t, createContext as o } from "solid-js";
+const e = o(), r = () => t(e);
+export {
+  e as ButtonGroupContext,
+  r as useButtonGroup
+};
+//# sourceMappingURL=buttonGroupContext.js.map

package/dist/components/inputs/buttonGroups/buttonGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonGroupContext.js","sources":["../../../../src/components/inputs/buttonGroups/buttonGroupContext.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\nexport interface ButtonGroupContextValue {\n  variant?: \"contained\" | \"text\" | \"outlined\";\n  size?: \"small\" | \"medium\" | \"large\";\n  color?: \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\" | undefined;\n  colorTheme?: \"primary\";\n  disabled?: boolean;\n  fullWidth?: boolean;\n}\n\n/**\n * Lets <ButtonGroup> propagate variant/size/color/disabled/fullWidth to nested\n * <Button>s without cloning children (the React approach). A Button's own\n * explicit props always win over the group values.\n */\nexport const ButtonGroupContext = createContext<ButtonGroupContextValue>();\n\nexport const useButtonGroup = (): ButtonGroupContextValue | undefined => useContext(ButtonGroupContext);\n"],"names":["ButtonGroupContext","createContext","useButtonGroup","useContext"],"mappings":";AAgBO,MAAMA,IAAqBC,EAAA,GAErBC,IAAiB,MAA2CC,EAAWH,CAAkB;"}

package/dist/components/inputs/buttonGroups/index.d.ts

@@ -0,0 +1,4 @@
+export { ButtonGroup, default } from "./buttonGroup";
+export type { ButtonGroupProps } from "./buttonGroup";
+export { ButtonGroupContext, useButtonGroup } from "./buttonGroupContext";
+export type { ButtonGroupContextValue } from "./buttonGroupContext";

package/dist/components/inputs/checkbox/checkbox.d.ts

@@ -0,0 +1,26 @@
+import { type JSX } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export type SelectionControlSize = "small" | "medium" | "large";
+export type SelectionControlColor = "primary" | "secondary" | "error" | "success" | "warning" | "info";
+export type SelectionChangeEvent = Event & {
+    currentTarget: HTMLInputElement;
+    target: Element;
+};
+export interface CheckboxProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> {
+    label?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    name?: string;
+    id?: string;
+    indeterminate?: boolean;
+    size?: SelectionControlSize;
+    color?: SelectionControlColor;
+    /** Unified handler: `(event, checked, data)`. */
+    onChange?: (event: SelectionChangeEvent, checked: boolean, data: CheckboxProps) => void;
+    helperText?: JSX.Element;
+    error?: boolean;
+    ref?: Ref<HTMLInputElement>;
+}
+export declare function Checkbox(props: CheckboxProps): JSX.Element;
+export default Checkbox;

package/dist/components/inputs/checkbox/checkbox.js

@@ -0,0 +1,104 @@
+import { createComponent as n, setAttribute as b, use as k, spread as v, mergeProps as y, insert as a, effect as $, className as u, template as f } from "solid-js/web";
+import '../../../assets/styles/less/components/checkbox/checkbox.entry.css';/* empty css                                                           */
+import { mergeProps as C, splitProps as z, Show as h } from "solid-js";
+import g from "clsx";
+import { TextFieldWrapper as q } from "../textField/textFieldWrapper.js";
+import { createId as T } from "../../../primitives/createId.js";
+import { mergeRefs as O } from "../../../primitives/mergeRefs.js";
+import { Icon as p } from "../../base/icon/icon.js";
+var P = /* @__PURE__ */ f("<span class=smwb-checkbox__label>"), I = /* @__PURE__ */ f("<label><input type=checkbox class=smwb-checkbox__input><span>");
+function B(o) {
+  const w = C({
+    size: "medium",
+    color: "primary"
+  }, o), [e, _] = z(w, ["label", "disabled", "readOnly", "required", "name", "id", "indeterminate", "class", "size", "color", "onChange", "helperText", "error", "ref"]), l = T(e.id), x = (r) => {
+    if (e.readOnly) {
+      r.preventDefault();
+      return;
+    }
+    e.onChange?.(r, r.currentTarget.checked, o);
+  };
+  return n(q, {
+    get helperText() {
+      return e.helperText;
+    },
+    get disabled() {
+      return e.disabled;
+    },
+    get error() {
+      return e.error;
+    },
+    class: "smwb-text-field-checkbox",
+    get children() {
+      var r = I(), i = r.firstChild, s = i.nextSibling;
+      b(r, "for", l);
+      var c = O(e.ref);
+      return typeof c == "function" && k(c, i), b(i, "id", l), v(i, y({
+        get name() {
+          return e.name;
+        },
+        get disabled() {
+          return e.disabled;
+        },
+        get readonly() {
+          return e.readOnly;
+        },
+        get required() {
+          return e.required;
+        },
+        get "aria-invalid"() {
+          return e.error || void 0;
+        },
+        get "aria-required"() {
+          return e.required || void 0;
+        }
+      }, _, {
+        onChange: x
+      }), !1, !1), a(s, n(h, {
+        get when() {
+          return e.indeterminate;
+        },
+        get fallback() {
+          return n(p, {
+            name: "check",
+            size: 17,
+            class: "smwb-checkbox__icon",
+            weight: 700
+          });
+        },
+        get children() {
+          return n(p, {
+            name: "remove",
+            size: 18,
+            class: "smwb-checkbox__icon",
+            weight: 700
+          });
+        }
+      })), a(r, n(h, {
+        get when() {
+          return e.label;
+        },
+        get children() {
+          var t = P();
+          return a(t, () => e.label), t;
+        }
+      }), null), $((t) => {
+        var m = g("smwb-checkbox__wrapper", `smwb-checkbox_size-${e.size}`, `smwb-checkbox_color-${e.color}`, e.class, {
+          "smwb-disabled": e.disabled,
+          "smwb-readonly": e.readOnly,
+          "smwb-indeterminate": e.indeterminate
+        }), d = g("smwb-checkbox__btn", {
+          "smwb-indeterminate": e.indeterminate
+        });
+        return m !== t.e && u(r, t.e = m), d !== t.t && u(s, t.t = d), t;
+      }, {
+        e: void 0,
+        t: void 0
+      }), r;
+    }
+  });
+}
+export {
+  B as Checkbox
+};
+//# sourceMappingURL=checkbox.js.map

package/dist/components/inputs/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../../../src/components/inputs/checkbox/checkbox.tsx"],"sourcesContent":["import { type JSX, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { TextFieldWrapper } from \"../textField/textFieldWrapper\";\nimport { createId } from \"../../../primitives/createId\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type SelectionControlSize = \"small\" | \"medium\" | \"large\";\nexport type SelectionControlColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport type SelectionChangeEvent = Event & { currentTarget: HTMLInputElement; target: Element };\n\nexport interface CheckboxProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"size\"> {\n  label?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  indeterminate?: boolean;\n  size?: SelectionControlSize;\n  color?: SelectionControlColor;\n  /** Unified handler: `(event, checked, data)`. */\n  onChange?: (event: SelectionChangeEvent, checked: boolean, data: CheckboxProps) => void;\n  helperText?: JSX.Element;\n  error?: boolean;\n  ref?: Ref<HTMLInputElement>;\n}\n\nexport function Checkbox(props: CheckboxProps): JSX.Element {\n  const merged = mergeProps({ size: \"medium\" as SelectionControlSize, color: \"primary\" as SelectionControlColor }, props);\n  const [local, args] = splitProps(merged, [\n    \"label\",\n    \"disabled\",\n    \"readOnly\",\n    \"required\",\n    \"name\",\n    \"id\",\n    \"indeterminate\",\n    \"class\",\n    \"size\",\n    \"color\",\n    \"onChange\",\n    \"helperText\",\n    \"error\",\n    \"ref\",\n  ]);\n  const id = createId(local.id);\n\n  const handleChange: JSX.EventHandler<HTMLInputElement, Event> = (event) => {\n    if (local.readOnly) {\n      event.preventDefault();\n      return;\n    }\n    local.onChange?.(event, event.currentTarget.checked, props);\n  };\n\n  return (\n    <TextFieldWrapper\n      helperText={local.helperText}\n      disabled={local.disabled}\n      error={local.error}\n      class=\"smwb-text-field-checkbox\"\n    >\n      <label\n        for={id}\n        class={cn(\n          \"smwb-checkbox__wrapper\",\n          `smwb-checkbox_size-${local.size}`,\n          `smwb-checkbox_color-${local.color}`,\n          local.class,\n          {\n            \"smwb-disabled\": local.disabled,\n            \"smwb-readonly\": local.readOnly,\n            \"smwb-indeterminate\": local.indeterminate,\n          }\n        )}\n      >\n        <input\n          type=\"checkbox\"\n          id={id}\n          name={local.name}\n          class=\"smwb-checkbox__input\"\n          disabled={local.disabled}\n          readonly={local.readOnly}\n          required={local.required}\n          aria-invalid={local.error || undefined}\n          aria-required={local.required || undefined}\n          ref={mergeRefs(local.ref)}\n          {...args}\n          onChange={handleChange}\n        />\n        <span class={cn(\"smwb-checkbox__btn\", { \"smwb-indeterminate\": local.indeterminate })}>\n          <Show\n            when={local.indeterminate}\n            fallback={<Icon name=\"check\" size={17} class=\"smwb-checkbox__icon\" weight={700} />}\n          >\n            <Icon name=\"remove\" size={18} class=\"smwb-checkbox__icon\" weight={700} />\n          </Show>\n        </span>\n        <Show when={local.label}>\n          <span class=\"smwb-checkbox__label\">{local.label}</span>\n        </Show>\n      </label>\n    </TextFieldWrapper>\n  );\n}\n\nexport default Checkbox;\n"],"names":["Checkbox","props","merged","mergeProps","size","color","local","args","splitProps","id","createId","handleChange","event","readOnly","preventDefault","onChange","currentTarget","checked","_$createComponent","TextFieldWrapper","helperText","disabled","error","children","_el$","_tmpl$2","_el$2","firstChild","_el$3","nextSibling","_$setAttribute","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","name","readonly","required","undefined","_$insert","Show","when","indeterminate","fallback","Icon","weight","label","_el$4","_tmpl$","_$effect","_p$","_v$","cn","class","_v$2","e","_$className","t"],"mappings":"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"}

package/dist/components/inputs/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox, default } from "./checkbox";
+export type { CheckboxProps, SelectionControlSize, SelectionControlColor, SelectionChangeEvent, } from "./checkbox";

package/dist/components/inputs/datePicker/dataPickerDays.d.ts

@@ -0,0 +1,21 @@
+import { type JSX } from "solid-js";
+import { type WeekStart } from "./dateUtils";
+export interface DataPickerDaysProps {
+    viewValue: Date;
+    value?: Date | undefined;
+    showDaysOutsideMonth?: boolean | undefined;
+    onChange?: ((event?: Event, date?: Date) => void) | undefined;
+    disablePast?: boolean | undefined;
+    disableFuture?: boolean | undefined;
+    weekStartsOn?: WeekStart | undefined;
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+    isDateDisabled?: ((day: Date) => boolean) | undefined;
+    locale?: string | undefined;
+    /** Range selection mode. */
+    range?: boolean | undefined;
+    rangeStart?: Date | undefined;
+    rangeEnd?: Date | undefined;
+}
+export declare function DataPickerDays(props: DataPickerDaysProps): JSX.Element;
+export default DataPickerDays;