@smwb/ui-solid 0.3.0 → 0.4.1

package/dist/source/components/feedBack/tooltip/tooltip.jsx

@@ -0,0 +1,93 @@
+import "@smwb/ui-styles/less/components/tooltip/tooltip.entry.less";
+import { Show, createSignal, mergeProps, onCleanup, splitProps } from "solid-js";
+import cn from "clsx";
+import { offset as offsetMiddleware } from "@floating-ui/dom";
+import { resolvePlacement } from "../../../utils/floating";
+import { createFloating } from "../../../primitives/createFloating";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+function Tooltip(props) {
+  const merged = mergeProps(
+    {
+      placement: "top",
+      offset: { offsetX: 0, offsetY: 0 },
+      trigger: "hover",
+      openDelay: 0,
+      closeDelay: 0
+    },
+    props
+  );
+  const [local] = splitProps(merged, [
+    "class",
+    "children",
+    "placement",
+    "offset",
+    "message",
+    "open",
+    "trigger",
+    "openDelay",
+    "closeDelay",
+    "ref"
+  ]);
+  const [hoverOpen, setHoverOpen] = createSignal(false);
+  const [clickOpen, setClickOpen] = createSignal(false);
+  let openTimer = null;
+  let closeTimer = null;
+  const clearTimers = () => {
+    if (openTimer !== null) {
+      clearTimeout(openTimer);
+      openTimer = null;
+    }
+    if (closeTimer !== null) {
+      clearTimeout(closeTimer);
+      closeTimer = null;
+    }
+  };
+  onCleanup(clearTimers);
+  const scheduleOpen = () => {
+    clearTimers();
+    if (local.openDelay <= 0) {
+      setHoverOpen(true);
+      return;
+    }
+    openTimer = setTimeout(() => setHoverOpen(true), local.openDelay);
+  };
+  const scheduleClose = () => {
+    clearTimers();
+    if (local.closeDelay <= 0) {
+      setHoverOpen(false);
+      return;
+    }
+    closeTimer = setTimeout(() => setHoverOpen(false), local.closeDelay);
+  };
+  const resolved = () => resolvePlacement(local.placement);
+  const floating = createFloating({
+    placement: () => resolved().placement,
+    middleware: () => [
+      offsetMiddleware({ mainAxis: local.offset?.offsetY ?? 0, crossAxis: local.offset?.offsetX ?? 0 }),
+      resolved().autoMiddleware
+    ]
+  });
+  const isVisible = () => local.trigger === "manual" ? local.open === true : local.trigger === "click" ? clickOpen() : hoverOpen();
+  return <div class="smwb-tooltip__wrapper" role="tooltip" ref={mergeRefs(local.ref)}>
+      <div
+    class="smwb-tooltip__ref"
+    ref={floating.setReference}
+    onPointerEnter={local.trigger === "hover" ? scheduleOpen : void 0}
+    onPointerLeave={local.trigger === "hover" ? scheduleClose : void 0}
+    onClick={local.trigger === "click" ? () => setClickOpen((prev) => !prev) : void 0}
+  >
+        {local.children}
+      </div>
+      <Show when={isVisible()}>
+        <div ref={floating.setFloating} class={cn("smwb-tooltip", local.class)} style={floating.floatingStyles()}>
+          {local.message}
+        </div>
+      </Show>
+    </div>;
+}
+var tooltip_default = Tooltip;
+export {
+  Tooltip,
+  tooltip_default as default
+};
+//# sourceMappingURL=tooltip.jsx.map

package/dist/source/components/feedBack/tooltip/tooltip.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/feedBack/tooltip/tooltip.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/tooltip/tooltip.entry.less\";\nimport { 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"],"mappings":"AAAA,OAAO;AACP,SAAqC,MAAM,cAAc,YAAY,WAAW,kBAAkB;AAClG,OAAO,QAAQ;AACf,SAAS,UAAU,wBAAwB;AAC3C,SAAyB,wBAAwB;AACjD,SAAS,sBAAsB;AAC/B,SAAS,iBAA2B;AAqB7B,SAAS,QAAQ,OAA+C;AACrE,QAAM,SAAS;AAAA,IACb;AAAA,MACE,WAAW;AAAA,MACX,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE;AAAA,MACjC,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,IACd;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,KAAK,IAAI,WAAW,QAAQ;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,CAAC,WAAW,YAAY,IAAI,aAAa,KAAK;AACpD,QAAM,CAAC,WAAW,YAAY,IAAI,aAAa,KAAK;AACpD,MAAI,YAAkD;AACtD,MAAI,aAAmD;AAEvD,QAAM,cAAc,MAAY;AAC9B,QAAI,cAAc,MAAM;AACtB,mBAAa,SAAS;AACtB,kBAAY;AAAA,IACd;AACA,QAAI,eAAe,MAAM;AACvB,mBAAa,UAAU;AACvB,mBAAa;AAAA,IACf;AAAA,EACF;AACA,YAAU,WAAW;AAErB,QAAM,eAAe,MAAY;AAC/B,gBAAY;AACZ,QAAI,MAAM,aAAa,GAAG;AACxB,mBAAa,IAAI;AACjB;AAAA,IACF;AACA,gBAAY,WAAW,MAAM,aAAa,IAAI,GAAG,MAAM,SAAS;AAAA,EAClE;AACA,QAAM,gBAAgB,MAAY;AAChC,gBAAY;AACZ,QAAI,MAAM,cAAc,GAAG;AACzB,mBAAa,KAAK;AAClB;AAAA,IACF;AACA,iBAAa,WAAW,MAAM,aAAa,KAAK,GAAG,MAAM,UAAU;AAAA,EACrE;AAEA,QAAM,WAAW,MAAM,iBAAiB,MAAM,SAAS;AACvD,QAAM,WAAW,eAAe;AAAA,IAC9B,WAAW,MAAM,SAAS,EAAE;AAAA,IAC5B,YAAY,MAAM;AAAA,MAChB,iBAAiB,EAAE,UAAU,MAAM,QAAQ,WAAW,GAAG,WAAW,MAAM,QAAQ,WAAW,EAAE,CAAC;AAAA,MAChG,SAAS,EAAE;AAAA,IACb;AAAA,EACF,CAAC;AAED,QAAM,YAAY,MAChB,MAAM,YAAY,WAAW,MAAM,SAAS,OAAO,MAAM,YAAY,UAAU,UAAU,IAAI,UAAU;AAEzG,SACE,CAAC,IAAI,MAAM,wBAAwB,KAAK,UAAU,KAAK,UAAU,MAAM,GAAG,GAAG;AAAA,MAC3E,CAAC;AAAA,IACC,MAAM;AAAA,IACN,KAAK,SAAS;AAAA,IACd,gBAAgB,MAAM,YAAY,UAAU,eAAe;AAAA,IAC3D,gBAAgB,MAAM,YAAY,UAAU,gBAAgB;AAAA,IAC5D,SAAS,MAAM,YAAY,UAAU,MAAM,aAAa,CAAC,SAAS,CAAC,IAAI,IAAI;AAAA,GAC5E;AAAA,SACE,MAAM,SAAS;AAAA,MAClB,EARC,IAQK;AAAA,MACN,CAAC,KAAK,MAAM,UAAU,GAAG;AAAA,QACvB,CAAC,IAAI,KAAK,SAAS,aAAa,OAAO,GAAG,gBAAgB,MAAM,KAAK,GAAG,OAAO,SAAS,eAAe,GAAG;AAAA,WACvG,MAAM,QAAQ;AAAA,QACjB,EAFC,IAEK;AAAA,MACR,EAJC,KAIM;AAAA,IACT,EAfC;AAiBL;AAEA,IAAO,kBAAQ;","names":[],"file":"tooltip.jsx"}

package/dist/source/components/inputs/button/button.jsx

@@ -0,0 +1,102 @@
+import "@smwb/ui-styles/less/components/button/button.entry.less";
+import { Show, mergeProps, splitProps } from "solid-js";
+import cn from "clsx";
+import { Ripple } from "../../base/ripple";
+import { Icon } from "../../base/icon";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+import { useButtonGroup } from "../buttonGroups/buttonGroupContext";
+function Button(props) {
+  const group = useButtonGroup();
+  const merged = mergeProps(
+    {
+      get variant() {
+        return group?.variant ?? "contained";
+      },
+      get size() {
+        return group?.size ?? "medium";
+      },
+      get colorTheme() {
+        return group?.colorTheme ?? "primary";
+      }
+    },
+    props
+  );
+  const [local, rest] = splitProps(merged, [
+    "label",
+    "variant",
+    "icon",
+    "iconProps",
+    "href",
+    "class",
+    "disabled",
+    "children",
+    "fullWidth",
+    "rippleCenter",
+    "disableRipple",
+    "size",
+    "colorTheme",
+    "color",
+    "ref"
+  ]);
+  const color = () => local.color ?? group?.color ?? local.colorTheme;
+  const disabled = () => local.disabled ?? group?.disabled;
+  const fullWidth = () => local.fullWidth ?? group?.fullWidth;
+  let rippleActions;
+  const classes = () => cn(
+    "smwb-button",
+    `smwb-${local.variant}`,
+    `smwb-${local.size}`,
+    color() === "primary" ? "smwb-primary" : `smwb-button_color-${color()}`,
+    group && "smwb-button-group__grouped",
+    local.class,
+    {
+      "smwb-disabled": disabled(),
+      "smwb-full-width": fullWidth()
+    }
+  );
+  const onPointerDown = (event) => {
+    if (!disabled()) {
+      rippleActions?.onRipple(event);
+    }
+  };
+  const iconElement = () => typeof local.icon === "string" ? <Icon {...local.iconProps ?? {}} name={local.icon} /> : local.icon;
+  const content = () => <>
+      <Show when={local.icon}>{iconElement()}</Show>
+      {local.label ? local.label : local.children}
+      <Show when={!local.disableRipple}>
+        <Ripple actionRef={(actions) => rippleActions = actions} center={local.rippleCenter} />
+      </Show>
+    </>;
+  return <Show
+    when={local.href}
+    fallback={<button
+      data-testid="button"
+      {...rest}
+      ref={mergeRefs(local.ref)}
+      class={classes()}
+      onPointerDown={onPointerDown}
+      disabled={!!disabled()}
+    >
+          {content()}
+        </button>}
+  >
+      <a
+    data-testid="button-link"
+    {...rest}
+    ref={mergeRefs(local.ref)}
+    class={classes()}
+    href={local.href}
+    target="_blank"
+    rel="noreferrer"
+    onPointerDown={onPointerDown}
+  >
+        {content()}
+      </a>
+    </Show>;
+}
+var button_default = Button;
+export {
+  Button,
+  button_default as default
+};
+//# sourceMappingURL=button.jsx.map

package/dist/source/components/inputs/button/button.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/inputs/button/button.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/button/button.entry.less\";\nimport { 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"],"mappings":"AAAA,OAAO;AACP,SAAqC,MAAM,YAAY,kBAAkB;AACzE,OAAO,QAAQ;AACf,SAAS,cAAqC;AAC9C,SAAS,YAA4B;AACrC,SAAS,iBAA2B;AACpC,SAAS,sBAAsB;AA8BxB,SAAS,OAAO,OAA8C;AACnE,QAAM,QAAQ,eAAe;AAC7B,QAAM,SAAS;AAAA,IACb;AAAA,MACE,IAAI,UAA+C;AACjD,eAAO,OAAO,WAAW;AAAA,MAC3B;AAAA,MACA,IAAI,OAAyC;AAC3C,eAAO,OAAO,QAAQ;AAAA,MACxB;AAAA,MACA,IAAI,aAAqD;AACvD,eAAO,OAAO,cAAc;AAAA,MAC9B;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,QAAQ,MAAc,MAAM,SAAS,OAAO,SAAS,MAAM;AACjE,QAAM,WAAW,MAA2B,MAAM,YAAY,OAAO;AACrE,QAAM,YAAY,MAA2B,MAAM,aAAa,OAAO;AACvE,MAAI;AAEJ,QAAM,UAAU,MACd;AAAA,IACE;AAAA,IACA,QAAQ,MAAM,OAAO;AAAA,IACrB,QAAQ,MAAM,IAAI;AAAA,IAClB,MAAM,MAAM,YAAY,iBAAiB,qBAAqB,MAAM,CAAC;AAAA,IACrE,SAAS;AAAA,IACT,MAAM;AAAA,IACN;AAAA,MACE,iBAAiB,SAAS;AAAA,MAC1B,mBAAmB,UAAU;AAAA,IAC/B;AAAA,EACF;AAGF,QAAM,gBAAgB,CAAC,UAA8B;AACnD,QAAI,CAAC,SAAS,GAAG;AACf,qBAAe,SAAS,KAAK;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,cAAc,MAClB,OAAO,MAAM,SAAS,WAAW,CAAC,SAAU,MAAM,aAAa,CAAC,GAAI,MAAM,MAAM,MAAM,KAAM,MAAM;AAEpG,QAAM,UAAU,MACd,EAAE;AAAA,MACA,CAAC,KAAK,MAAM,MAAM,OAAO,YAAY,EAAE,EAAtC,KAA6C;AAAA,OAC7C,MAAM,QAAQ,MAAM,QAAQ,MAAM,SAAS;AAAA,MAC5C,CAAC,KAAK,MAAM,CAAC,MAAM,eAAe;AAAA,QAChC,CAAC,OAAO,WAAW,CAAC,YAAa,gBAAgB,SAAU,QAAQ,MAAM,cAAc,EAAE;AAAA,MAC3F,EAFC,KAEM;AAAA,IACT;AAGF,SACE,CAAC;AAAA,IACC,MAAM,MAAM;AAAA,IACZ,UACE,CAAC;AAAA,MACC,YAAY;AAAA,UACR;AAAA,MACJ,KAAK,UAAU,MAAM,GAAG;AAAA,MACxB,OAAO,QAAQ;AAAA,MACf,eAAe;AAAA,MACf,UAAU,CAAC,CAAC,SAAS;AAAA,KACtB;AAAA,WACE,QAAQ,EAAE;AAAA,QACb,EATC;AAAA,GAWJ;AAAA,MACC,CAAC;AAAA,IACC,YAAY;AAAA,QACR;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,OAAO,QAAQ;AAAA,IACf,MAAM,MAAM;AAAA,IACZ,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,eAAe;AAAA,GAChB;AAAA,SACE,QAAQ,EAAE;AAAA,MACb,EAXC,EAWG;AAAA,IACN,EA3BC;AA6BL;AAEA,IAAO,iBAAQ;","names":[],"file":"button.jsx"}

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

@@ -0,0 +1,6 @@
+import { Button, default as default2 } from "./button";
+export {
+  Button,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/inputs/button/index.ts"],
+  "sourcesContent": ["export { Button, default } from \"./button\";\nexport type { ButtonProps } from \"./button\";\n"],
+  "mappings": "AAAA,SAAS,QAAQ,WAAAA,gBAAe;",
+  "names": ["default"]
+}

package/dist/source/components/inputs/buttonGroups/buttonGroup.jsx

@@ -0,0 +1,73 @@
+import "@smwb/ui-styles/less/components/buttonGroup/buttonGroup.entry.less";
+import { mergeProps, splitProps } from "solid-js";
+import cn from "clsx";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+import { ButtonGroupContext } from "./buttonGroupContext";
+function ButtonGroup(props) {
+  const merged = mergeProps(
+    {
+      variant: "contained",
+      size: "medium",
+      orientation: "horizontal",
+      colorTheme: "primary",
+      fullWidth: false,
+      disabled: false
+    },
+    props
+  );
+  const [local, rest] = splitProps(merged, [
+    "class",
+    "children",
+    "variant",
+    "size",
+    "orientation",
+    "colorTheme",
+    "color",
+    "fullWidth",
+    "disabled",
+    "ref"
+  ]);
+  const value = {
+    get variant() {
+      return local.variant;
+    },
+    get size() {
+      return local.size;
+    },
+    get color() {
+      return local.color;
+    },
+    get colorTheme() {
+      return local.colorTheme;
+    },
+    get disabled() {
+      return local.disabled;
+    },
+    get fullWidth() {
+      return local.orientation === "vertical" ? true : local.fullWidth;
+    }
+  };
+  return <ButtonGroupContext.Provider value={value}>
+      <div
+    {...rest}
+    ref={mergeRefs(local.ref)}
+    class={cn(
+      "smwb-button-group",
+      local.class,
+      `smwb-${local.orientation}`,
+      `smwb-${local.variant}`,
+      local.fullWidth && "smwb-full-width"
+    )}
+    role="group"
+    data-testid="button-group"
+  >
+        {local.children}
+      </div>
+    </ButtonGroupContext.Provider>;
+}
+var buttonGroup_default = ButtonGroup;
+export {
+  ButtonGroup,
+  buttonGroup_default as default
+};
+//# sourceMappingURL=buttonGroup.jsx.map

package/dist/source/components/inputs/buttonGroups/buttonGroup.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/inputs/buttonGroups/buttonGroup.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/buttonGroup/buttonGroup.entry.less\";\nimport { 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"],"mappings":"AAAA,OAAO;AACP,SAAqC,YAAY,kBAAkB;AACnE,OAAO,QAAQ;AACf,SAAS,iBAA2B;AACpC,SAAS,0BAAwD;AAe1D,SAAS,YAAY,OAAmD;AAC7E,QAAM,SAAS;AAAA,IACb;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,QAAiC;AAAA,IACrC,IAAI,UAAU;AACZ,aAAO,MAAM;AAAA,IACf;AAAA,IACA,IAAI,OAAO;AACT,aAAO,MAAM;AAAA,IACf;AAAA,IACA,IAAI,QAAQ;AACV,aAAO,MAAM;AAAA,IACf;AAAA,IACA,IAAI,aAAa;AACf,aAAO,MAAM;AAAA,IACf;AAAA,IACA,IAAI,WAAW;AACb,aAAO,MAAM;AAAA,IACf;AAAA,IACA,IAAI,YAAY;AACd,aAAO,MAAM,gBAAgB,aAAa,OAAO,MAAM;AAAA,IACzD;AAAA,EACF;AAEA,SACE,CAAC,mBAAmB,SAAS,OAAO,OAAO;AAAA,MACzC,CAAC;AAAA,QACK;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,OAAO;AAAA,MACL;AAAA,MACA,MAAM;AAAA,MACN,QAAQ,MAAM,WAAW;AAAA,MACzB,QAAQ,MAAM,OAAO;AAAA,MACrB,MAAM,aAAa;AAAA,IACrB;AAAA,IACA,KAAK;AAAA,IACL,YAAY;AAAA,GACb;AAAA,SACE,MAAM,SAAS;AAAA,MAClB,EAdC,IAcK;AAAA,IACR,EAhBC,mBAAmB;AAkBxB;AAEA,IAAO,sBAAQ;","names":[],"file":"buttonGroup.jsx"}

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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"],
+  "mappings": "AAAA,SAAS,eAAe,kBAAkB;AAgBnC,MAAM,qBAAqB,cAAuC;AAElE,MAAM,iBAAiB,MAA2C,WAAW,kBAAkB;",
+  "names": []
+}

package/dist/source/components/inputs/buttonGroups/index.js

@@ -0,0 +1,9 @@
+import { ButtonGroup, default as default2 } from "./buttonGroup";
+import { ButtonGroupContext, useButtonGroup } from "./buttonGroupContext";
+export {
+  ButtonGroup,
+  ButtonGroupContext,
+  default2 as default,
+  useButtonGroup
+};
+//# sourceMappingURL=index.js.map

package/dist/source/components/inputs/buttonGroups/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/inputs/buttonGroups/index.ts"],
+  "sourcesContent": ["export { ButtonGroup, default } from \"./buttonGroup\";\nexport type { ButtonGroupProps } from \"./buttonGroup\";\nexport { ButtonGroupContext, useButtonGroup } from \"./buttonGroupContext\";\nexport type { ButtonGroupContextValue } from \"./buttonGroupContext\";\n"],
+  "mappings": "AAAA,SAAS,aAAa,WAAAA,gBAAe;AAErC,SAAS,oBAAoB,sBAAsB;",
+  "names": ["default"]
+}

package/dist/source/components/inputs/checkbox/checkbox.jsx

@@ -0,0 +1,87 @@
+import "@smwb/ui-styles/less/components/checkbox/checkbox.entry.less";
+import { Show, mergeProps, splitProps } from "solid-js";
+import cn from "clsx";
+import { Icon } from "../../base/icon";
+import { TextFieldWrapper } from "../textField/textFieldWrapper";
+import { createId } from "../../../primitives/createId";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+function Checkbox(props) {
+  const merged = mergeProps({ size: "medium", color: "primary" }, props);
+  const [local, args] = splitProps(merged, [
+    "label",
+    "disabled",
+    "readOnly",
+    "required",
+    "name",
+    "id",
+    "indeterminate",
+    "class",
+    "size",
+    "color",
+    "onChange",
+    "helperText",
+    "error",
+    "ref"
+  ]);
+  const id = createId(local.id);
+  const handleChange = (event) => {
+    if (local.readOnly) {
+      event.preventDefault();
+      return;
+    }
+    local.onChange?.(event, event.currentTarget.checked, props);
+  };
+  return <TextFieldWrapper
+    helperText={local.helperText}
+    disabled={local.disabled}
+    error={local.error}
+    class="smwb-text-field-checkbox"
+  >
+      <label
+    for={id}
+    class={cn(
+      "smwb-checkbox__wrapper",
+      `smwb-checkbox_size-${local.size}`,
+      `smwb-checkbox_color-${local.color}`,
+      local.class,
+      {
+        "smwb-disabled": local.disabled,
+        "smwb-readonly": local.readOnly,
+        "smwb-indeterminate": local.indeterminate
+      }
+    )}
+  >
+        <input
+    type="checkbox"
+    id={id}
+    name={local.name}
+    class="smwb-checkbox__input"
+    disabled={local.disabled}
+    readonly={local.readOnly}
+    required={local.required}
+    aria-invalid={local.error || void 0}
+    aria-required={local.required || void 0}
+    ref={mergeRefs(local.ref)}
+    {...args}
+    onChange={handleChange}
+  />
+        <span class={cn("smwb-checkbox__btn", { "smwb-indeterminate": local.indeterminate })}>
+          <Show
+    when={local.indeterminate}
+    fallback={<Icon name="check" size={17} class="smwb-checkbox__icon" weight={700} />}
+  >
+            <Icon name="remove" size={18} class="smwb-checkbox__icon" weight={700} />
+          </Show>
+        </span>
+        <Show when={local.label}>
+          <span class="smwb-checkbox__label">{local.label}</span>
+        </Show>
+      </label>
+    </TextFieldWrapper>;
+}
+var checkbox_default = Checkbox;
+export {
+  Checkbox,
+  checkbox_default as default
+};
+//# sourceMappingURL=checkbox.jsx.map

package/dist/source/components/inputs/checkbox/checkbox.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/inputs/checkbox/checkbox.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/checkbox/checkbox.entry.less\";\nimport { 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"],"mappings":"AAAA,OAAO;AACP,SAAmB,MAAM,YAAY,kBAAkB;AACvD,OAAO,QAAQ;AACf,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC,SAAS,gBAAgB;AACzB,SAAS,iBAA2B;AAwB7B,SAAS,SAAS,OAAmC;AAC1D,QAAM,SAAS,WAAW,EAAE,MAAM,UAAkC,OAAO,UAAmC,GAAG,KAAK;AACtH,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,KAAK,SAAS,MAAM,EAAE;AAE5B,QAAM,eAA0D,CAAC,UAAU;AACzE,QAAI,MAAM,UAAU;AAClB,YAAM,eAAe;AACrB;AAAA,IACF;AACA,UAAM,WAAW,OAAO,MAAM,cAAc,SAAS,KAAK;AAAA,EAC5D;AAEA,SACE,CAAC;AAAA,IACC,YAAY,MAAM;AAAA,IAClB,UAAU,MAAM;AAAA,IAChB,OAAO,MAAM;AAAA,IACb,MAAM;AAAA,GACP;AAAA,MACC,CAAC;AAAA,IACC,KAAK;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA,sBAAsB,MAAM,IAAI;AAAA,MAChC,uBAAuB,MAAM,KAAK;AAAA,MAClC,MAAM;AAAA,MACN;AAAA,QACE,iBAAiB,MAAM;AAAA,QACvB,iBAAiB,MAAM;AAAA,QACvB,sBAAsB,MAAM;AAAA,MAC9B;AAAA,IACF;AAAA,GACD;AAAA,QACC,CAAC;AAAA,IACC,KAAK;AAAA,IACL,IAAI;AAAA,IACJ,MAAM,MAAM;AAAA,IACZ,MAAM;AAAA,IACN,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,cAAc,MAAM,SAAS;AAAA,IAC7B,eAAe,MAAM,YAAY;AAAA,IACjC,KAAK,UAAU,MAAM,GAAG;AAAA,QACpB;AAAA,IACJ,UAAU;AAAA,EACZ,EAAE;AAAA,QACF,CAAC,KAAK,OAAO,GAAG,sBAAsB,EAAE,sBAAsB,MAAM,cAAc,CAAC,GAAG;AAAA,UACpF,CAAC;AAAA,IACC,MAAM,MAAM;AAAA,IACZ,UAAU,CAAC,KAAK,KAAK,QAAQ,MAAM,IAAI,MAAM,sBAAsB,QAAQ,KAAK;AAAA,GACjF;AAAA,YACC,CAAC,KAAK,KAAK,SAAS,MAAM,IAAI,MAAM,sBAAsB,QAAQ,KAAK,EAAE;AAAA,UAC3E,EALC,KAKM;AAAA,QACT,EAPC,KAOM;AAAA,QACP,CAAC,KAAK,MAAM,MAAM,OAAO;AAAA,UACvB,CAAC,KAAK,MAAM,wBAAwB,MAAM,MAAM,EAA/C,KAAsD;AAAA,QACzD,EAFC,KAEM;AAAA,MACT,EAvCC,MAuCO;AAAA,IACV,EA9CC;AAgDL;AAEA,IAAO,mBAAQ;","names":[],"file":"checkbox.jsx"}

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

@@ -0,0 +1,6 @@
+import { Checkbox, default as default2 } from "./checkbox";
+export {
+  Checkbox,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/inputs/checkbox/index.ts"],
+  "sourcesContent": ["export { Checkbox, default } from \"./checkbox\";\nexport type {\n  CheckboxProps,\n  SelectionControlSize,\n  SelectionControlColor,\n  SelectionChangeEvent,\n} from \"./checkbox\";\n"],
+  "mappings": "AAAA,SAAS,UAAU,WAAAA,gBAAe;",
+  "names": ["default"]
+}

package/dist/source/components/inputs/datePicker/dataPickerDays.jsx

@@ -0,0 +1,87 @@
+import { For, createMemo } from "solid-js";
+import {
+  endOfDay,
+  getDayNames,
+  getWeeks,
+  isAfter,
+  isBefore,
+  isSameDay,
+  isSameMonth,
+  isValidDate,
+  startOfDay
+} from "./dateUtils";
+import { DatePickerDay } from "./datePickerDay";
+function DataPickerDays(props) {
+  const now = /* @__PURE__ */ new Date();
+  const weekStartsOn = () => props.weekStartsOn ?? 0;
+  const dayNames = createMemo(() => getDayNames(now, weekStartsOn(), props.locale));
+  const weeks = createMemo(() => getWeeks(props.viewValue, weekStartsOn()));
+  const isActive = (day) => {
+    if (props.range) {
+      return isValidDate(props.rangeStart) && isSameDay(day, props.rangeStart) || isValidDate(props.rangeEnd) && isSameDay(day, props.rangeEnd);
+    }
+    if (!isValidDate(props.value)) {
+      return false;
+    }
+    return isSameDay(day, props.value);
+  };
+  const isInRange = (day) => {
+    if (!props.range || !isValidDate(props.rangeStart) || !isValidDate(props.rangeEnd)) {
+      return false;
+    }
+    return isAfter(startOfDay(day), startOfDay(props.rangeStart)) && isBefore(endOfDay(day), endOfDay(props.rangeEnd));
+  };
+  const isDisabledDay = (day) => {
+    let disabled = false;
+    if (props.disablePast) {
+      disabled = isBefore(endOfDay(day), now);
+    }
+    if (props.disableFuture) {
+      disabled = disabled || isAfter(startOfDay(day), now);
+    }
+    if (props.minDate && isBefore(endOfDay(day), startOfDay(props.minDate))) {
+      disabled = true;
+    }
+    if (props.maxDate && isAfter(startOfDay(day), endOfDay(props.maxDate))) {
+      disabled = true;
+    }
+    if (props.isDateDisabled?.(day)) {
+      disabled = true;
+    }
+    return disabled;
+  };
+  return <div class="smwb-date-picker__days">
+      <div class="smwb-date-picker__week-days">
+        <For each={dayNames()}>{(day) => <span class="smwb-date-picker__week-day">{day}</span>}</For>
+      </div>
+      <div class="smwb-date-picker__month">
+        <For each={weeks()}>
+          {(week) => <div class="smwb-date-picker__week">
+              <For each={week}>
+                {(day) => {
+    const isOutside = () => !isSameMonth(day, props.viewValue);
+    return <DatePickerDay
+      day={day}
+      current={isSameDay(day, now)}
+      active={isActive(day)}
+      inRange={isInRange(day)}
+      hidden={!props.showDaysOutsideMonth && isOutside()}
+      outside={isOutside()}
+      onChange={props.onChange}
+      disabled={isDisabledDay(day)}
+    >
+                      {day.getDate()}
+                    </DatePickerDay>;
+  }}
+              </For>
+            </div>}
+        </For>
+      </div>
+    </div>;
+}
+var dataPickerDays_default = DataPickerDays;
+export {
+  DataPickerDays,
+  dataPickerDays_default as default
+};
+//# sourceMappingURL=dataPickerDays.jsx.map

package/dist/source/components/inputs/datePicker/dataPickerDays.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/inputs/datePicker/dataPickerDays.tsx"],"sourcesContent":["import { type JSX, For, createMemo } from \"solid-js\";\nimport {\n  type WeekStart,\n  endOfDay,\n  getDayNames,\n  getWeeks,\n  isAfter,\n  isBefore,\n  isSameDay,\n  isSameMonth,\n  isValidDate,\n  startOfDay,\n} from \"./dateUtils\";\nimport { DatePickerDay } from \"./datePickerDay\";\n\nexport interface DataPickerDaysProps {\n  viewValue: Date;\n  value?: Date | undefined;\n  showDaysOutsideMonth?: boolean | undefined;\n  onChange?: ((event?: Event, date?: Date) => void) | undefined;\n  disablePast?: boolean | undefined;\n  disableFuture?: boolean | undefined;\n  weekStartsOn?: WeekStart | undefined;\n  minDate?: Date | undefined;\n  maxDate?: Date | undefined;\n  isDateDisabled?: ((day: Date) => boolean) | undefined;\n  locale?: string | undefined;\n  /** Range selection mode. */\n  range?: boolean | undefined;\n  rangeStart?: Date | undefined;\n  rangeEnd?: Date | undefined;\n}\n\nexport function DataPickerDays(props: DataPickerDaysProps): JSX.Element {\n  const now = new Date();\n  const weekStartsOn = (): WeekStart => props.weekStartsOn ?? 0;\n\n  const dayNames = createMemo(() => getDayNames(now, weekStartsOn(), props.locale));\n  const weeks = createMemo(() => getWeeks(props.viewValue, weekStartsOn()));\n\n  const isActive = (day: Date): boolean => {\n    if (props.range) {\n      return (\n        (isValidDate(props.rangeStart) && isSameDay(day, props.rangeStart)) ||\n        (isValidDate(props.rangeEnd) && isSameDay(day, props.rangeEnd))\n      );\n    }\n\n    if (!isValidDate(props.value)) {\n      return false;\n    }\n\n    return isSameDay(day, props.value);\n  };\n\n  const isInRange = (day: Date): boolean => {\n    if (!props.range || !isValidDate(props.rangeStart) || !isValidDate(props.rangeEnd)) {\n      return false;\n    }\n    return isAfter(startOfDay(day), startOfDay(props.rangeStart)) && isBefore(endOfDay(day), endOfDay(props.rangeEnd));\n  };\n\n  const isDisabledDay = (day: Date): boolean => {\n    let disabled = false;\n\n    if (props.disablePast) {\n      disabled = isBefore(endOfDay(day), now);\n    }\n\n    if (props.disableFuture) {\n      disabled = disabled || isAfter(startOfDay(day), now);\n    }\n\n    if (props.minDate && isBefore(endOfDay(day), startOfDay(props.minDate))) {\n      disabled = true;\n    }\n\n    if (props.maxDate && isAfter(startOfDay(day), endOfDay(props.maxDate))) {\n      disabled = true;\n    }\n\n    if (props.isDateDisabled?.(day)) {\n      disabled = true;\n    }\n\n    return disabled;\n  };\n\n  return (\n    <div class=\"smwb-date-picker__days\">\n      <div class=\"smwb-date-picker__week-days\">\n        <For each={dayNames()}>{(day) => <span class=\"smwb-date-picker__week-day\">{day}</span>}</For>\n      </div>\n      <div class=\"smwb-date-picker__month\">\n        <For each={weeks()}>\n          {(week) => (\n            <div class=\"smwb-date-picker__week\">\n              <For each={week}>\n                {(day) => {\n                  const isOutside = (): boolean => !isSameMonth(day, props.viewValue);\n                  return (\n                    <DatePickerDay\n                      day={day}\n                      current={isSameDay(day, now)}\n                      active={isActive(day)}\n                      inRange={isInRange(day)}\n                      hidden={!props.showDaysOutsideMonth && isOutside()}\n                      outside={isOutside()}\n                      onChange={props.onChange}\n                      disabled={isDisabledDay(day)}\n                    >\n                      {day.getDate()}\n                    </DatePickerDay>\n                  );\n                }}\n              </For>\n            </div>\n          )}\n        </For>\n      </div>\n    </div>\n  );\n}\n\nexport default DataPickerDays;\n"],"mappings":"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","names":[],"file":"dataPickerDays.jsx"}

package/dist/source/components/inputs/datePicker/dataPickerHeader.jsx

@@ -0,0 +1,40 @@
+import { OpenView } from "./openView";
+import { DatePickerActionLabel } from "./datePickerActionLabel";
+import { addMonths, addYears, getMonthLabel, getYearLabel } from "./dateUtils";
+function DataPickerHeader(props) {
+  const onMonthIconClick = (value) => () => {
+    props.onChange?.(addMonths(props.viewValue, value));
+  };
+  const onYearIconClick = (value) => () => {
+    props.onChange?.(addYears(props.viewValue, value));
+  };
+  const hiddenSwitches = () => props.openView === OpenView.months || props.openView === OpenView.years;
+  return <div class="smwb-date-picker__header">
+      <DatePickerActionLabel
+    label={getMonthLabel(props.viewValue, props.locale)}
+    onLeftIconClick={onMonthIconClick(-1)}
+    onRightIconClick={onMonthIconClick(1)}
+    onLabelClick={props.onMonthLabelClick}
+    disabled={props.openView === OpenView.years}
+    active={props.openView === OpenView.months}
+    hiddenSwitches={hiddenSwitches()}
+    dataToggleId="date-picker-months-toggle"
+  />
+      <DatePickerActionLabel
+    label={getYearLabel(props.viewValue, props.locale)}
+    onLeftIconClick={onYearIconClick(-1)}
+    onRightIconClick={onYearIconClick(1)}
+    onLabelClick={props.onYearLabelClick}
+    disabled={props.openView === OpenView.months}
+    active={props.openView === OpenView.years}
+    hiddenSwitches={hiddenSwitches()}
+    dataToggleId="date-picker-years-toggle"
+  />
+    </div>;
+}
+var dataPickerHeader_default = DataPickerHeader;
+export {
+  DataPickerHeader,
+  dataPickerHeader_default as default
+};
+//# sourceMappingURL=dataPickerHeader.jsx.map

package/dist/source/components/inputs/datePicker/dataPickerHeader.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/inputs/datePicker/dataPickerHeader.tsx"],"sourcesContent":["import { type JSX } from \"solid-js\";\nimport { OpenView } from \"./openView\";\nimport { DatePickerActionLabel } from \"./datePickerActionLabel\";\nimport { addMonths, addYears, getMonthLabel, getYearLabel } from \"./dateUtils\";\n\nexport interface DataPickerHeaderProps {\n  viewValue: Date;\n  openView?: OpenView | undefined;\n  onChange?: ((value: Date) => void) | undefined;\n  onMonthLabelClick?: (() => void) | undefined;\n  onYearLabelClick?: (() => void) | undefined;\n  locale?: string | undefined;\n}\n\nexport function DataPickerHeader(props: DataPickerHeaderProps): JSX.Element {\n  const onMonthIconClick = (value: number) => (): void => {\n    props.onChange?.(addMonths(props.viewValue, value));\n  };\n\n  const onYearIconClick = (value: number) => (): void => {\n    props.onChange?.(addYears(props.viewValue, value));\n  };\n\n  const hiddenSwitches = (): boolean => props.openView === OpenView.months || props.openView === OpenView.years;\n\n  return (\n    <div class=\"smwb-date-picker__header\">\n      <DatePickerActionLabel\n        label={getMonthLabel(props.viewValue, props.locale)}\n        onLeftIconClick={onMonthIconClick(-1)}\n        onRightIconClick={onMonthIconClick(1)}\n        onLabelClick={props.onMonthLabelClick}\n        disabled={props.openView === OpenView.years}\n        active={props.openView === OpenView.months}\n        hiddenSwitches={hiddenSwitches()}\n        dataToggleId=\"date-picker-months-toggle\"\n      />\n      <DatePickerActionLabel\n        label={getYearLabel(props.viewValue, props.locale)}\n        onLeftIconClick={onYearIconClick(-1)}\n        onRightIconClick={onYearIconClick(1)}\n        onLabelClick={props.onYearLabelClick}\n        disabled={props.openView === OpenView.months}\n        active={props.openView === OpenView.years}\n        hiddenSwitches={hiddenSwitches()}\n        dataToggleId=\"date-picker-years-toggle\"\n      />\n    </div>\n  );\n}\n\nexport default DataPickerHeader;\n"],"mappings":"AACA,SAAS,gBAAgB;AACzB,SAAS,6BAA6B;AACtC,SAAS,WAAW,UAAU,eAAe,oBAAoB;AAW1D,SAAS,iBAAiB,OAA2C;AAC1E,QAAM,mBAAmB,CAAC,UAAkB,MAAY;AACtD,UAAM,WAAW,UAAU,MAAM,WAAW,KAAK,CAAC;AAAA,EACpD;AAEA,QAAM,kBAAkB,CAAC,UAAkB,MAAY;AACrD,UAAM,WAAW,SAAS,MAAM,WAAW,KAAK,CAAC;AAAA,EACnD;AAEA,QAAM,iBAAiB,MAAe,MAAM,aAAa,SAAS,UAAU,MAAM,aAAa,SAAS;AAExG,SACE,CAAC,IAAI,MAAM,2BAA2B;AAAA,MACpC,CAAC;AAAA,IACC,OAAO,cAAc,MAAM,WAAW,MAAM,MAAM;AAAA,IAClD,iBAAiB,iBAAiB,EAAE;AAAA,IACpC,kBAAkB,iBAAiB,CAAC;AAAA,IACpC,cAAc,MAAM;AAAA,IACpB,UAAU,MAAM,aAAa,SAAS;AAAA,IACtC,QAAQ,MAAM,aAAa,SAAS;AAAA,IACpC,gBAAgB,eAAe;AAAA,IAC/B,aAAa;AAAA,EACf,EAAE;AAAA,MACF,CAAC;AAAA,IACC,OAAO,aAAa,MAAM,WAAW,MAAM,MAAM;AAAA,IACjD,iBAAiB,gBAAgB,EAAE;AAAA,IACnC,kBAAkB,gBAAgB,CAAC;AAAA,IACnC,cAAc,MAAM;AAAA,IACpB,UAAU,MAAM,aAAa,SAAS;AAAA,IACtC,QAAQ,MAAM,aAAa,SAAS;AAAA,IACpC,gBAAgB,eAAe;AAAA,IAC/B,aAAa;AAAA,EACf,EAAE;AAAA,IACJ,EArBC;AAuBL;AAEA,IAAO,2BAAQ;","names":[],"file":"dataPickerHeader.jsx"}