npm - @smwb/ui-solid - Versions diffs - 0.3.0 → 0.4.0 - Mend

@smwb/ui-solid 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (814) hide show

package/dist/source/components/feedBack/snackbar/useSnackbarsPortal.js ADDED Viewed

@@ -0,0 +1,21 @@
+import { createSignal, onCleanup, onMount } from "solid-js";
+let portalCounter = 0;
+function createSnackbarsPortal() {
+  const [domElement, setDomElement] = createSignal(null);
+  onMount(() => {
+    const element = document.createElement("div");
+    element.id = `snackbar-portal-${++portalCounter}`;
+    document.body.prepend(element);
+    setDomElement(element);
+    onCleanup(() => {
+      if (element.parentNode) {
+        element.parentNode.removeChild(element);
+      }
+    });
+  });
+  return domElement;
+}
+export {
+  createSnackbarsPortal
+};
+//# sourceMappingURL=useSnackbarsPortal.js.map

package/dist/source/components/feedBack/snackbar/useSnackbarsPortal.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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"],
+  "mappings": "AAAA,SAAwB,cAAc,WAAW,eAAe;AAEhE,IAAI,gBAAgB;AAMb,SAAS,wBAAsD;AACpE,QAAM,CAAC,YAAY,aAAa,IAAI,aAAiC,IAAI;AAEzE,UAAQ,MAAM;AACZ,UAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,YAAQ,KAAK,mBAAmB,EAAE,aAAa;AAC/C,aAAS,KAAK,QAAQ,OAAO;AAC7B,kBAAc,OAAO;AACrB,cAAU,MAAM;AACd,UAAI,QAAQ,YAAY;AACtB,gBAAQ,WAAW,YAAY,OAAO;AAAA,MACxC;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAED,SAAO;AACT;",
+  "names": []
+}

package/dist/source/components/feedBack/tooltip/index.js ADDED Viewed

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

package/dist/source/components/feedBack/tooltip/index.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/feedBack/tooltip/index.ts"],
+  "sourcesContent": ["export { Tooltip, default } from \"./tooltip\";\nexport type { TooltipProps, TooltipTrigger } from \"./tooltip\";\n"],
+  "mappings": "AAAA,SAAS,SAAS,WAAAA,gBAAe;",
+  "names": ["default"]
+}

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

@@ -0,0 +1,93 @@
+import "/sourcecraft/workspace/packages/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.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/components/feedBack/tooltip/tooltip.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/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 ADDED Viewed

@@ -0,0 +1,102 @@
+import "/sourcecraft/workspace/packages/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.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/components/inputs/button/button.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -0,0 +1,73 @@
+import "/sourcecraft/workspace/packages/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.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/components/inputs/buttonGroups/buttonGroup.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -0,0 +1,87 @@
+import "/sourcecraft/workspace/packages/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.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/components/inputs/checkbox/checkbox.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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.js.map

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

@@ -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"}