@smwb/ui-solid 0.2.2 → 0.4.0

package/dist/headless/source/components/feedBack/snackbar/snackbar.jsx

@@ -0,0 +1,196 @@
+import {
+  For,
+  Show,
+  createContext,
+  createSignal,
+  mergeProps,
+  onCleanup,
+  onMount,
+  splitProps,
+  useContext
+} from "solid-js";
+import { Dynamic, Portal } from "solid-js/web";
+import cn from "clsx";
+import { createSnackbarsPortal } from "./useSnackbarsPortal";
+import { createCssTransition } from "../../../primitives/createCssTransition";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+const variants = ["dark", "light", "danger", "success", "warning", "info"];
+const positions = ["top", "bottom", "top-left", "top-right", "bottom-right", "bottom-left"];
+const SnackbarContext = createContext({
+  addSnackbar: () => "",
+  clearAllSnackbars: () => void 0,
+  clearFirstSnackbar: () => void 0,
+  clearLastSnackbar: () => void 0,
+  clearByIdSnackbar: () => void 0
+});
+let snackCounter = 0;
+const SNACKBAR_CLASSNAMES = {
+  appear: "smwb-snackbar-enter",
+  appearActive: "smwb-snackbar-enter-active",
+  appearDone: "smwb-snackbar-enter-done",
+  enter: "smwb-snackbar-enter",
+  enterActive: "smwb-snackbar-enter-active",
+  enterDone: "smwb-snackbar-enter-done",
+  exitActive: "smwb-snackbar-exit-active"
+};
+function Snackbar(props) {
+  const merged = mergeProps({ variant: "dark", position: "top-right", component: "div" }, props);
+  const [local, rest] = splitProps(merged, [
+    "class",
+    "message",
+    "variant",
+    "position",
+    "onClick",
+    "component",
+    "isAutoClose",
+    "autoCloseTime",
+    "onClose",
+    "action",
+    "transitionClass",
+    "ref"
+  ]);
+  let timer;
+  onMount(() => {
+    if (local.onClose && local.isAutoClose && local.autoCloseTime) {
+      timer = setTimeout(() => local.onClose?.(), local.autoCloseTime);
+    }
+  });
+  onCleanup(() => {
+    if (timer !== void 0) clearTimeout(timer);
+  });
+  return <Dynamic
+    component={local.component ?? "div"}
+    {...rest}
+    ref={mergeRefs(local.ref)}
+    class={cn("smwb-snackbar", local.class, `smwb-${local.variant}`, `smwb-${local.position}`, local.transitionClass)}
+    onClick={local.onClick}
+    role="alert"
+    aria-live={local.variant === "danger" ? "assertive" : "polite"}
+    aria-atomic="true"
+  >
+      <div class="smwb-snackbar__body">{local.message}</div>
+      <Show when={local.action != null}>
+        <div class="smwb-snackbar__action">{local.action}</div>
+      </Show>
+    </Dynamic>;
+}
+function AnimatedSnack(props) {
+  const transition = createCssTransition({
+    in: () => true,
+    appear: true,
+    timeout: { appear: 125, enter: 125, exit: 125 },
+    classNames: SNACKBAR_CLASSNAMES
+  });
+  return <Snackbar
+    component={props.snack.component ?? props.component}
+    message={props.snack.message}
+    position={props.snack.position ?? props.position}
+    variant={props.snack.variant ?? props.variant}
+    class={props.snack.class}
+    transitionClass={transition.classes()}
+    isAutoClose={props.snack.autoClose ?? props.autoClose}
+    autoCloseTime={props.snack.autoCloseTime ?? props.autoCloseTime}
+    onClick={() => props.onRemove(props.snack.id)}
+    onClose={() => props.onClose(props.snack.id)}
+  />;
+}
+function SnackbarProvider(props) {
+  const merged = mergeProps(
+    {
+      position: "top-right",
+      variant: "dark",
+      autoClose: true,
+      autoCloseTime: 5e3,
+      closeOnClick: true,
+      component: "div"
+    },
+    props
+  );
+  const [local] = splitProps(merged, [
+    "position",
+    "variant",
+    "class",
+    "autoClose",
+    "autoCloseTime",
+    "closeOnClick",
+    "onClick",
+    "component",
+    "children"
+  ]);
+  const [snacks, setSnacks] = createSignal([]);
+  const portalRoot = createSnackbarsPortal();
+  const addSnackbar = (options) => {
+    const { key, ...optionRest } = options;
+    const id = key ?? `snack-${++snackCounter}`;
+    const snack = { id, ...optionRest };
+    setSnacks((prev) => {
+      const index = prev.findIndex((item) => item.id === id);
+      if (index === -1) return [...prev, snack];
+      const next = [...prev];
+      next[index] = snack;
+      return next;
+    });
+    return id;
+  };
+  const clearByIdSnackbar = (id) => {
+    setSnacks((prev) => prev.filter((item) => item.id !== id));
+  };
+  const clearAllSnackbars = () => {
+    setSnacks([]);
+  };
+  const clearFirstSnackbar = () => {
+    setSnacks((prev) => prev.slice(1));
+  };
+  const clearLastSnackbar = () => {
+    setSnacks((prev) => prev.slice(0, -1));
+  };
+  const onRemove = (id) => {
+    if (local.closeOnClick) clearByIdSnackbar(id);
+  };
+  const grouped = () => {
+    const acc = {};
+    for (const snack of snacks()) {
+      const pos = snack.position ?? local.position;
+      (acc[pos] = acc[pos] ?? []).push(snack);
+    }
+    return Object.entries(acc);
+  };
+  return <SnackbarContext.Provider
+    value={{ addSnackbar, clearAllSnackbars, clearFirstSnackbar, clearLastSnackbar, clearByIdSnackbar }}
+  >
+      {local.children}
+      <Show when={portalRoot()}>
+        <Portal mount={portalRoot()}>
+          <For each={grouped()}>
+            {([pos, list]) => <div class={cn("smwb-snackbars", `smwb-${pos}`)} data-testid={`snackbars-${pos}`}>
+                <For each={list}>
+                  {(snack) => <AnimatedSnack
+    snack={snack}
+    position={local.position}
+    variant={local.variant}
+    component={local.component}
+    autoClose={local.autoClose}
+    autoCloseTime={local.autoCloseTime}
+    onRemove={onRemove}
+    onClose={clearByIdSnackbar}
+  />}
+                </For>
+              </div>}
+          </For>
+        </Portal>
+      </Show>
+    </SnackbarContext.Provider>;
+}
+function useSnackbar() {
+  return useContext(SnackbarContext);
+}
+var snackbar_default = SnackbarProvider;
+export {
+  Snackbar,
+  SnackbarProvider,
+  snackbar_default as default,
+  positions,
+  useSnackbar,
+  variants
+};
+//# sourceMappingURL=snackbar.js.map

package/dist/headless/source/components/feedBack/snackbar/snackbar.jsx.map

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

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

@@ -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/headless/source/components/feedBack/snackbar/useSnackbarsPortal.js.map

@@ -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/headless/source/components/feedBack/tooltip/index.js

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

package/dist/headless/source/components/feedBack/tooltip/index.js.map

@@ -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/headless/source/components/feedBack/tooltip/tooltip.jsx

@@ -0,0 +1,92 @@
+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/headless/source/components/feedBack/tooltip/tooltip.jsx.map

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

@@ -0,0 +1,101 @@
+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/headless/source/components/inputs/button/button.jsx.map

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

@@ -0,0 +1,72 @@
+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/headless/source/components/inputs/buttonGroups/buttonGroup.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/inputs/buttonGroups/buttonGroup.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { ButtonGroupContext, type ButtonGroupContextValue } from \"./buttonGroupContext\";\n\nexport interface ButtonGroupProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  orientation?: \"horizontal\" | \"vertical\";\n  variant?: \"contained\" | \"text\" | \"outlined\";\n  size?: \"small\" | \"medium\" | \"large\";\n  fullWidth?: boolean;\n  disabled?: boolean;\n  /** @deprecated use `color`. */\n  colorTheme?: \"primary\";\n  /** Semantic color propagated to child buttons. */\n  color?: \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function ButtonGroup(props: ParentProps<ButtonGroupProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      variant: \"contained\" as const,\n      size: \"medium\" as const,\n      orientation: \"horizontal\" as const,\n      colorTheme: \"primary\" as const,\n      fullWidth: false,\n      disabled: false,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"variant\",\n    \"size\",\n    \"orientation\",\n    \"colorTheme\",\n    \"color\",\n    \"fullWidth\",\n    \"disabled\",\n    \"ref\",\n  ]);\n\n  const value: ButtonGroupContextValue = {\n    get variant() {\n      return local.variant;\n    },\n    get size() {\n      return local.size;\n    },\n    get color() {\n      return local.color;\n    },\n    get colorTheme() {\n      return local.colorTheme;\n    },\n    get disabled() {\n      return local.disabled;\n    },\n    get fullWidth() {\n      return local.orientation === \"vertical\" ? true : local.fullWidth;\n    },\n  };\n\n  return (\n    <ButtonGroupContext.Provider value={value}>\n      <div\n        {...rest}\n        ref={mergeRefs(local.ref)}\n        class={cn(\n          \"smwb-button-group\",\n          local.class,\n          `smwb-${local.orientation}`,\n          `smwb-${local.variant}`,\n          local.fullWidth && \"smwb-full-width\"\n        )}\n        role=\"group\"\n        data-testid=\"button-group\"\n      >\n        {local.children}\n      </div>\n    </ButtonGroupContext.Provider>\n  );\n}\n\nexport default ButtonGroup;\n"],"mappings":"AAAA,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/headless/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/headless/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/headless/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/headless/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"]
+}