@smwb/ui-solid 0.1.0

package/dist/components/dataDisplay/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sources":["../../../../src/components/dataDisplay/accordion/accordion.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { AnimateHeight } from \"../../base/animateHeight/animateHeight\";\nimport { Icon } from \"../../base/icon\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { createId } from \"../../../primitives/createId\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface AccordionProps {\n  class?: string;\n  title?: string;\n  isOpenByDefault?: boolean;\n  /** Controlled open state. When set, the component is controlled. */\n  open?: boolean;\n  /** Disable toggling. */\n  disabled?: boolean;\n  /** Custom expand icon (replaces the default chevron). */\n  icon?: JSX.Element;\n  id?: string;\n  startAdornment?: (isOpen: boolean) => JSX.Element;\n  noIcon?: boolean;\n  onToggleClick?: (e: MouseEvent & { currentTarget: HTMLButtonElement; target: Element }) => void;\n  /** Fired with the next open state on toggle. */\n  onChange?: (open: boolean) => void;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Accordion(props: ParentProps<AccordionProps>): JSX.Element {\n  const merged = mergeProps({ isOpenByDefault: false }, props);\n  const [local] = splitProps(merged, [\n    \"class\",\n    \"title\",\n    \"isOpenByDefault\",\n    \"open\",\n    \"disabled\",\n    \"icon\",\n    \"id\",\n    \"children\",\n    \"startAdornment\",\n    \"noIcon\",\n    \"onToggleClick\",\n    \"onChange\",\n    \"ref\",\n  ]);\n\n  const [isOpen, setIsOpen] = createControllableState<boolean>({\n    value: () => local.open,\n    defaultValue: local.isOpenByDefault,\n    onChange: (next) => local.onChange?.(next),\n  });\n\n  const baseId = createId(local.id);\n  const contentId = `${baseId}-content`;\n  const headerId = `${baseId}-header`;\n\n  const toggle: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (event) => {\n    if (local.disabled) return;\n    setIsOpen(!isOpen());\n    local.onToggleClick?.(event);\n  };\n\n  return (\n    <div\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-accordion\", { \"smwb-disabled\": local.disabled }, local.class)}\n      data-testid=\"accordion\"\n    >\n      <button\n        id={headerId}\n        class=\"smwb-accordion__header\"\n        onClick={toggle}\n        type=\"button\"\n        disabled={local.disabled}\n        aria-expanded={isOpen()}\n        aria-controls={local.children ? contentId : undefined}\n      >\n        {local.startAdornment?.(isOpen())}\n        <span class=\"smwb-accordion__title\">{local.title}</span>\n        <Show when={!local.noIcon}>\n          <Show\n            when={local.icon}\n            fallback={\n              <Icon\n                class={cn(\"smwb-accordion__arrow-icon\", { \"smwb-accordion__arrow-icon_opened\": isOpen() })}\n                name=\"expand_more\"\n                size={24}\n              />\n            }\n          >\n            {local.icon}\n          </Show>\n        </Show>\n      </button>\n\n      <Show when={local.children}>\n        <div id={contentId} role=\"region\" aria-labelledby={headerId}>\n          <AnimateHeight height={isOpen() ? \"auto\" : 0} animateOpacity duration={300} class=\"smwb-accordion__content\">\n            {local.children}\n          </AnimateHeight>\n        </div>\n      </Show>\n    </div>\n  );\n}\n\nexport default Accordion;\n"],"names":["Accordion","props","merged","mergeProps","isOpenByDefault","local","splitProps","isOpen","setIsOpen","createControllableState","value","open","defaultValue","onChange","next","baseId","createId","id","contentId","headerId","toggle","event","disabled","onToggleClick","_el$","_tmpl$2","_el$2","firstChild","_el$3","_ref$","mergeRefs","ref","_$use","$$click","_$setAttribute","_$insert","startAdornment","title","_$createComponent","Show","when","noIcon","children","icon","fallback","Icon","cn","name","size","_el$4","_tmpl$","AnimateHeight","height","animateOpacity","duration","_$effect","_p$","_v$","class","_v$2","_v$3","_v$4","undefined","e","_$className","t","a","o","_$delegateEvents"],"mappings":"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"}

package/dist/components/dataDisplay/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { Accordion, default } from "./accordion";
+export type { AccordionProps } from "./accordion";

package/dist/components/dataDisplay/avatar/avatar.d.ts

@@ -0,0 +1,28 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export type AvatarSize = "small" | "medium" | "large";
+export interface AvatarProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /** Image source. Falls back to children (initials / icon) on error or when absent. */
+    src?: string | undefined;
+    alt?: string | undefined;
+    /** Preset size or an explicit pixel value. */
+    size?: AvatarSize | number;
+    variant?: "circular" | "rounded" | "square";
+    /** Background color for the fallback (initials / icon). */
+    color?: string;
+    /** Extra attributes forwarded to the underlying <img> (srcSet, loading…). */
+    imgProps?: JSX.ImgHTMLAttributes<HTMLImageElement>;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function Avatar(props: ParentProps<AvatarProps>): JSX.Element;
+export interface AvatarGroupProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /** Maximum avatars to show before collapsing the rest into a "+N" surplus. */
+    max?: number;
+    /** Override the total count used for the surplus label (defaults to children count). */
+    total?: number;
+    /** Click handler for the "+N" surplus chip. */
+    onSurplusClick?: () => void;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function AvatarGroup(props: ParentProps<AvatarGroupProps>): JSX.Element;
+export default Avatar;

package/dist/components/dataDisplay/avatar/avatar.js

@@ -0,0 +1,105 @@
+import { use as $, spread as g, mergeProps as f, insert as i, createComponent as d, effect as z, setAttribute as k, template as h } from "solid-js/web";
+import '../../../assets/styles/less/components/avatar/avatar.entry.css';/* empty css                                                       */
+import { mergeProps as b, splitProps as w, createSignal as S, Show as y, children as C } from "solid-js";
+import v from "clsx";
+import { mergeRefs as x } from "../../../primitives/mergeRefs.js";
+import { callHandler as A } from "../../../primitives/callHandler.js";
+var E = /* @__PURE__ */ h("<img>"), P = /* @__PURE__ */ h("<div>"), F = /* @__PURE__ */ h("<span class=smwb-avatar__fallback role=img>");
+const _ = (a) => typeof a == "string";
+function I(a) {
+  const c = b({
+    size: "medium",
+    variant: "circular"
+  }, a), [r, u] = w(c, ["class", "src", "alt", "size", "variant", "color", "style", "imgProps", "children", "ref"]), [m, l] = S(!1), o = () => !!r.src && !m(), p = () => {
+    const e = r.size;
+    return {
+      ...typeof r.style == "object" && r.style ? r.style : {},
+      ..._(e) ? {} : {
+        width: `${e}px`,
+        height: `${e}px`,
+        "font-size": `${e / 2.5}px`
+      },
+      ...r.color && !o() ? {
+        "background-color": r.color
+      } : {}
+    };
+  };
+  return (() => {
+    var e = P(), s = x(r.ref);
+    return typeof s == "function" && $(s, e), g(e, f(u, {
+      "data-testid": "avatar",
+      get class() {
+        return v("smwb-avatar", `smwb-avatar_${r.variant}`, _(r.size) ? `smwb-avatar_${r.size}` : void 0, r.class);
+      },
+      get style() {
+        return p();
+      }
+    }), !1, !0), i(e, d(y, {
+      get when() {
+        return o();
+      },
+      get fallback() {
+        return (() => {
+          var t = F();
+          return i(t, () => r.children), z(() => k(t, "aria-label", r.alt)), t;
+        })();
+      },
+      get children() {
+        var t = E();
+        return g(t, f(() => r.imgProps ?? {}, {
+          get class() {
+            return v("smwb-avatar__img", r.imgProps?.class);
+          },
+          get src() {
+            return r.src;
+          },
+          get alt() {
+            return r.alt;
+          },
+          onError: (n) => {
+            l(!0), A(r.imgProps?.onError, n);
+          }
+        }), !1, !1), t;
+      }
+    })), e;
+  })();
+}
+function q(a) {
+  const c = b({
+    max: 5
+  }, a), [r, u] = w(c, ["class", "max", "total", "onSurplusClick", "children", "ref"]), m = C(() => r.children), l = () => m.toArray(), o = () => r.total ?? l().length, p = () => Math.max(r.max, 1), e = () => l().slice(0, p()), s = () => o() - e().length;
+  return (() => {
+    var t = P(), n = x(r.ref);
+    return typeof n == "function" && $(n, t), g(t, f(u, {
+      "data-testid": "avatar-group",
+      get class() {
+        return v("smwb-avatar-group", r.class);
+      }
+    }), !1, !0), i(t, d(y, {
+      get when() {
+        return s() > 0;
+      },
+      get children() {
+        return d(I, {
+          class: "smwb-avatar-group__surplus",
+          get onClick() {
+            return r.onSurplusClick;
+          },
+          get style() {
+            return r.onSurplusClick ? {
+              cursor: "pointer"
+            } : void 0;
+          },
+          get children() {
+            return `+${s()}`;
+          }
+        });
+      }
+    }), null), i(t, () => e(), null), t;
+  })();
+}
+export {
+  I as Avatar,
+  q as AvatarGroup
+};
+//# sourceMappingURL=avatar.js.map

package/dist/components/dataDisplay/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sources":["../../../../src/components/dataDisplay/avatar/avatar.tsx"],"sourcesContent":["import {\n  type JSX,\n  type ParentProps,\n  Show,\n  children as resolveChildren,\n  createSignal,\n  mergeProps,\n  splitProps,\n} from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport type AvatarSize = \"small\" | \"medium\" | \"large\";\n\nexport interface AvatarProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /** Image source. Falls back to children (initials / icon) on error or when absent. */\n  src?: string | undefined;\n  alt?: string | undefined;\n  /** Preset size or an explicit pixel value. */\n  size?: AvatarSize | number;\n  variant?: \"circular\" | \"rounded\" | \"square\";\n  /** Background color for the fallback (initials / icon). */\n  color?: string;\n  /** Extra attributes forwarded to the underlying <img> (srcSet, loading…). */\n  imgProps?: JSX.ImgHTMLAttributes<HTMLImageElement>;\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst isPresetSize = (size: AvatarSize | number): size is AvatarSize => typeof size === \"string\";\n\nexport function Avatar(props: ParentProps<AvatarProps>): JSX.Element {\n  const merged = mergeProps({ size: \"medium\" as AvatarSize | number, variant: \"circular\" as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"src\",\n    \"alt\",\n    \"size\",\n    \"variant\",\n    \"color\",\n    \"style\",\n    \"imgProps\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  const [imgFailed, setImgFailed] = createSignal(false);\n  const showImage = (): boolean => Boolean(local.src) && !imgFailed();\n\n  const inlineStyle = (): JSX.CSSProperties => {\n    const size = local.size;\n    return {\n      ...(typeof local.style === \"object\" && local.style ? local.style : {}),\n      ...(isPresetSize(size) ? {} : { width: `${size}px`, height: `${size}px`, \"font-size\": `${size / 2.5}px` }),\n      ...(local.color && !showImage() ? { \"background-color\": local.color } : {}),\n    };\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"avatar\"\n      class={cn(\n        \"smwb-avatar\",\n        `smwb-avatar_${local.variant}`,\n        isPresetSize(local.size) ? `smwb-avatar_${local.size}` : undefined,\n        local.class\n      )}\n      style={inlineStyle()}\n    >\n      <Show\n        when={showImage()}\n        fallback={\n          <span class=\"smwb-avatar__fallback\" role=\"img\" aria-label={local.alt}>\n            {local.children}\n          </span>\n        }\n      >\n        <img\n          {...(local.imgProps ?? {})}\n          class={cn(\"smwb-avatar__img\", local.imgProps?.class)}\n          src={local.src}\n          alt={local.alt}\n          onError={(event) => {\n            setImgFailed(true);\n            callHandler(local.imgProps?.onError, event);\n          }}\n        />\n      </Show>\n    </div>\n  );\n}\n\nexport interface AvatarGroupProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /** Maximum avatars to show before collapsing the rest into a \"+N\" surplus. */\n  max?: number;\n  /** Override the total count used for the surplus label (defaults to children count). */\n  total?: number;\n  /** Click handler for the \"+N\" surplus chip. */\n  onSurplusClick?: () => void;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function AvatarGroup(props: ParentProps<AvatarGroupProps>): JSX.Element {\n  const merged = mergeProps({ max: 5 }, props);\n  const [local, rest] = splitProps(merged, [\"class\", \"max\", \"total\", \"onSurplusClick\", \"children\", \"ref\"]);\n\n  const resolved = resolveChildren(() => local.children);\n  const items = (): unknown[] => resolved.toArray();\n  const totalCount = (): number => local.total ?? items().length;\n  const clampedMax = (): number => Math.max(local.max, 1);\n  const visible = (): unknown[] => items().slice(0, clampedMax());\n  const surplus = (): number => totalCount() - visible().length;\n\n  return (\n    <div {...rest} ref={mergeRefs(local.ref)} data-testid=\"avatar-group\" class={cn(\"smwb-avatar-group\", local.class)}>\n      <Show when={surplus() > 0}>\n        <Avatar\n          class=\"smwb-avatar-group__surplus\"\n          onClick={local.onSurplusClick}\n          style={local.onSurplusClick ? { cursor: \"pointer\" } : undefined}\n        >\n          {`+${surplus()}`}\n        </Avatar>\n      </Show>\n      {visible() as JSX.Element}\n    </div>\n  );\n}\n\nexport default Avatar;\n"],"names":["isPresetSize","size","Avatar","props","merged","mergeProps","variant","local","rest","splitProps","imgFailed","setImgFailed","createSignal","showImage","Boolean","src","inlineStyle","style","width","height","color","_el$","_tmpl$2","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","undefined","class","_$insert","_$createComponent","Show","when","fallback","_el$3","_tmpl$3","children","_$effect","_$setAttribute","alt","_el$2","_tmpl$","imgProps","event","callHandler","onError","AvatarGroup","max","resolved","resolveChildren","items","toArray","totalCount","total","length","clampedMax","Math","visible","slice","surplus","_el$4","_ref$2","onClick","onSurplusClick","cursor"],"mappings":"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"}

package/dist/components/dataDisplay/avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { Avatar, AvatarGroup, default } from "./avatar";
+export type { AvatarProps, AvatarGroupProps, AvatarSize } from "./avatar";

package/dist/components/dataDisplay/badge/badge.d.ts

@@ -0,0 +1,18 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export interface BadgeProps extends JSX.HTMLAttributes<HTMLSpanElement> {
+    badgeContent?: JSX.Element | number | string;
+    color?: "primary" | "success" | "danger";
+    variant?: "inside" | "outside";
+    vertical?: "top" | "bottom";
+    horizontal?: "right" | "left";
+    /** Cap numeric content, rendering `{max}+` when exceeded. */
+    max?: number;
+    /** Render the badge even when content is 0. */
+    showZero?: boolean;
+    /** Accessible label for the badge value. */
+    badgeAriaLabel?: string;
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare function Badge(props: ParentProps<BadgeProps>): JSX.Element;
+export default Badge;

package/dist/components/dataDisplay/badge/badge.js

@@ -0,0 +1,41 @@
+import { insert as n, use as b, spread as g, mergeProps as c, createComponent as p, template as f } from "solid-js/web";
+import '../../../assets/styles/less/components/badge/badge.entry.css';/* empty css                                                     */
+import { mergeProps as h, splitProps as v, Show as _ } from "solid-js";
+import u from "clsx";
+import { mergeRefs as w } from "../../../primitives/mergeRefs.js";
+var $ = /* @__PURE__ */ f("<span class=smwb-badge__wrapper data-testid=badge><span>");
+function z(s) {
+  const i = h({
+    color: "primary",
+    variant: "outside",
+    vertical: "top",
+    horizontal: "right",
+    showZero: !1
+  }, s), [e, l] = v(i, ["class", "color", "badgeContent", "variant", "vertical", "horizontal", "max", "showZero", "badgeAriaLabel", "children", "ref"]), d = () => e.badgeContent === 0 || e.badgeContent === "0", a = () => e.badgeContent === void 0 || e.badgeContent === null || d() && !e.showZero, m = () => typeof e.badgeContent == "number" && e.max !== void 0 && e.badgeContent > e.max ? `${e.max}+` : e.badgeContent;
+  return (() => {
+    var t = $(), r = t.firstChild;
+    n(t, () => e.children, r);
+    var o = w(e.ref);
+    return typeof o == "function" && b(o, r), g(r, c(l, {
+      get class() {
+        return u("smwb-badge", `smwb-badge_${e.color}`, `smwb-badge_${e.variant}`, `smwb-badge_${e.variant}_${e.vertical}`, `smwb-badge_${e.variant}_${e.vertical}_${e.horizontal}`, e.class, {
+          "smwb-badge_no-content": a()
+        });
+      },
+      get "aria-label"() {
+        return e.badgeAriaLabel;
+      }
+    }), !1, !0), n(r, p(_, {
+      get when() {
+        return !a();
+      },
+      get children() {
+        return m();
+      }
+    })), t;
+  })();
+}
+export {
+  z as Badge
+};
+//# sourceMappingURL=badge.js.map

package/dist/components/dataDisplay/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sources":["../../../../src/components/dataDisplay/badge/badge.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface BadgeProps extends JSX.HTMLAttributes<HTMLSpanElement> {\n  badgeContent?: JSX.Element | number | string;\n  color?: \"primary\" | \"success\" | \"danger\";\n  variant?: \"inside\" | \"outside\";\n  vertical?: \"top\" | \"bottom\";\n  horizontal?: \"right\" | \"left\";\n  /** Cap numeric content, rendering `{max}+` when exceeded. */\n  max?: number;\n  /** Render the badge even when content is 0. */\n  showZero?: boolean;\n  /** Accessible label for the badge value. */\n  badgeAriaLabel?: string;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport function Badge(props: ParentProps<BadgeProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      color: \"primary\" as const,\n      variant: \"outside\" as const,\n      vertical: \"top\" as const,\n      horizontal: \"right\" as const,\n      showZero: false,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"color\",\n    \"badgeContent\",\n    \"variant\",\n    \"vertical\",\n    \"horizontal\",\n    \"max\",\n    \"showZero\",\n    \"badgeAriaLabel\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  const isZero = (): boolean => local.badgeContent === 0 || local.badgeContent === \"0\";\n  const hidden = (): boolean =>\n    local.badgeContent === undefined || local.badgeContent === null || (isZero() && !local.showZero);\n\n  const display = (): JSX.Element | number | string | undefined =>\n    typeof local.badgeContent === \"number\" && local.max !== undefined && local.badgeContent > local.max\n      ? `${local.max}+`\n      : local.badgeContent;\n\n  return (\n    <span class=\"smwb-badge__wrapper\" data-testid=\"badge\">\n      {local.children}\n      <span\n        {...rest}\n        ref={mergeRefs(local.ref)}\n        class={cn(\n          \"smwb-badge\",\n          `smwb-badge_${local.color}`,\n          `smwb-badge_${local.variant}`,\n          `smwb-badge_${local.variant}_${local.vertical}`,\n          `smwb-badge_${local.variant}_${local.vertical}_${local.horizontal}`,\n          local.class,\n          { \"smwb-badge_no-content\": hidden() }\n        )}\n        aria-label={local.badgeAriaLabel}\n      >\n        <Show when={!hidden()}>{display()}</Show>\n      </span>\n    </span>\n  );\n}\n\nexport default Badge;\n"],"names":["Badge","props","merged","mergeProps","color","variant","vertical","horizontal","showZero","local","rest","splitProps","isZero","badgeContent","hidden","undefined","display","max","_el$","_tmpl$","_el$2","firstChild","_$insert","children","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","badgeAriaLabel","_$createComponent","Show","when"],"mappings":";;;;;;AAoBO,SAASA,EAAMC,GAA6C;AACjE,QAAMC,IAASC,EACb;AAAA,IACEC,OAAO;AAAA,IACPC,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,UAAU;AAAA,EAAA,GAEZP,CACF,GACM,CAACQ,GAAOC,CAAI,IAAIC,EAAWT,GAAQ,CACvC,SACA,SACA,gBACA,WACA,YACA,cACA,OACA,YACA,kBACA,YACA,KAAK,CACN,GAEKU,IAASA,MAAeH,EAAMI,iBAAiB,KAAKJ,EAAMI,iBAAiB,KAC3EC,IAASA,MACbL,EAAMI,iBAAiBE,UAAaN,EAAMI,iBAAiB,QAASD,OAAY,CAACH,EAAMD,UAEnFQ,IAAUA,MACd,OAAOP,EAAMI,gBAAiB,YAAYJ,EAAMQ,QAAQF,UAAaN,EAAMI,eAAeJ,EAAMQ,MAC5F,GAAGR,EAAMQ,GAAG,MACZR,EAAMI;AAEZ,UAAA,MAAA;AAAA,QAAAK,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG;AAAAC,IAAAA,EAAAJ,GAAA,MAEKT,EAAMc,UAAQH,CAAA;AAAA,QAAAI,IAGRC,EAAUhB,EAAMiB,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAJ,CAAA,GAAAQ,EAAAR,GAAAS,EADrBnB,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAEDoB,EACL,cACA,cAAcrB,EAAML,KAAK,IACzB,cAAcK,EAAMJ,OAAO,IAC3B,cAAcI,EAAMJ,OAAO,IAAII,EAAMH,QAAQ,IAC7C,cAAcG,EAAMJ,OAAO,IAAII,EAAMH,QAAQ,IAAIG,EAAMF,UAAU,IACjEE,EAAMsB,OACN;AAAA,UAAE,yBAAyBjB,EAAAA;AAAAA,QAAO,CACpC;AAAA,MAAC;AAAA,MAAA,IAAA,eAAA;AAAA,eACWL,EAAMuB;AAAAA,MAAc;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAV,EAAAF,GAAAa,EAE/BC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE,CAACrB,EAAAA;AAAAA,MAAQ;AAAA,MAAA,IAAAS,WAAA;AAAA,eAAGP,EAAAA;AAAAA,MAAS;AAAA,IAAA,CAAA,CAAA,GAAAE;AAAAA,EAAA,GAAA;AAIzC;"}

package/dist/components/dataDisplay/badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge, default } from "./badge";
+export type { BadgeProps } from "./badge";

package/dist/components/dataDisplay/card/card.d.ts

@@ -0,0 +1,12 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export interface CardProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    variant?: "filled" | "elevated" | "outlined";
+    disabled?: boolean;
+    title?: string;
+    /** Footer slot rendered after the content. */
+    footer?: JSX.Element;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function Card(props: ParentProps<CardProps>): JSX.Element;
+export default Card;

package/dist/components/dataDisplay/card/card.js

@@ -0,0 +1,59 @@
+import { use as f, spread as v, mergeProps as g, memo as _, insert as n, createComponent as i, template as a } from "solid-js/web";
+import '../../../assets/styles/less/components/card/card.entry.css';/* empty css                                                   */
+import { mergeProps as b, splitProps as w, Show as d } from "solid-js";
+import $ from "clsx";
+import { mergeRefs as h } from "../../../primitives/mergeRefs.js";
+import { callHandler as s } from "../../../primitives/callHandler.js";
+var k = /* @__PURE__ */ a("<div class=smwb-card__title>"), y = /* @__PURE__ */ a("<div class=smwb-card__footer>"), C = /* @__PURE__ */ a("<div>");
+function R(c) {
+  const m = b({
+    variant: "elevated"
+  }, c), [e, p] = w(m, ["class", "variant", "children", "disabled", "title", "footer", "onClick", "onKeyDown", "ref"]), t = () => !!e.onClick && !e.disabled, u = (r) => {
+    s(e.onKeyDown, r), t() && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), s(e.onClick, r));
+  };
+  return (() => {
+    var r = C(), l = h(e.ref);
+    return typeof l == "function" && f(l, r), v(r, g(p, {
+      "data-testid": "card",
+      get class() {
+        return $("smwb-card", `smwb-card_${e.variant}`, e.class, {
+          card_disabled: e.disabled,
+          "smwb-card_interactive": t()
+        });
+      },
+      get role() {
+        return t() ? "button" : void 0;
+      },
+      get tabindex() {
+        return t() ? 0 : void 0;
+      },
+      get "aria-disabled"() {
+        return e.disabled || void 0;
+      },
+      get onClick() {
+        return _(() => !!t())() ? e.onClick : void 0;
+      },
+      onKeyDown: u
+    }), !1, !0), n(r, i(d, {
+      get when() {
+        return e.title;
+      },
+      get children() {
+        var o = k();
+        return n(o, () => e.title), o;
+      }
+    }), null), n(r, () => e.children, null), n(r, i(d, {
+      get when() {
+        return e.footer;
+      },
+      get children() {
+        var o = y();
+        return n(o, () => e.footer), o;
+      }
+    }), null), r;
+  })();
+}
+export {
+  R as Card
+};
+//# sourceMappingURL=card.js.map

package/dist/components/dataDisplay/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":["../../../../src/components/dataDisplay/card/card.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport interface CardProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  variant?: \"filled\" | \"elevated\" | \"outlined\";\n  disabled?: boolean;\n  title?: string;\n  /** Footer slot rendered after the content. */\n  footer?: JSX.Element;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Card(props: ParentProps<CardProps>): JSX.Element {\n  const merged = mergeProps({ variant: \"elevated\" as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"variant\",\n    \"children\",\n    \"disabled\",\n    \"title\",\n    \"footer\",\n    \"onClick\",\n    \"onKeyDown\",\n    \"ref\",\n  ]);\n\n  const interactive = (): boolean => !!local.onClick && !local.disabled;\n\n  const handleKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (event) => {\n    callHandler(local.onKeyDown, event);\n    if (interactive() && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      callHandler(local.onClick, event as unknown as MouseEvent & { currentTarget: HTMLDivElement; target: Element });\n    }\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"card\"\n      class={cn(\"smwb-card\", `smwb-card_${local.variant}`, local.class, {\n        card_disabled: local.disabled,\n        \"smwb-card_interactive\": interactive(),\n      })}\n      role={interactive() ? \"button\" : undefined}\n      tabindex={interactive() ? 0 : undefined}\n      aria-disabled={local.disabled || undefined}\n      onClick={interactive() ? local.onClick : undefined}\n      onKeyDown={handleKeyDown}\n    >\n      <Show when={local.title}>\n        <div class=\"smwb-card__title\">{local.title}</div>\n      </Show>\n      {local.children}\n      <Show when={local.footer}>\n        <div class=\"smwb-card__footer\">{local.footer}</div>\n      </Show>\n    </div>\n  );\n}\n\nexport default Card;\n"],"names":["Card","props","merged","mergeProps","variant","local","rest","splitProps","interactive","onClick","disabled","handleKeyDown","event","callHandler","onKeyDown","key","preventDefault","_el$","_tmpl$3","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","card_disabled","role","undefined","tabindex","_$memo","_$insert","_$createComponent","Show","when","title","children","_el$2","_tmpl$","footer","_el$3","_tmpl$2"],"mappings":";;;;;;;AAeO,SAASA,EAAKC,GAA4C;AAC/D,QAAMC,IAASC,EAAW;AAAA,IAAEC,SAAS;AAAA,EAAA,GAAuBH,CAAK,GAC3D,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ,CACvC,SACA,WACA,YACA,YACA,SACA,UACA,WACA,aACA,KAAK,CACN,GAEKM,IAAcA,MAAe,CAAC,CAACH,EAAMI,WAAW,CAACJ,EAAMK,UAEvDC,IAAkEC,CAAAA,MAAU;AAChFC,IAAAA,EAAYR,EAAMS,WAAWF,CAAK,GAC9BJ,QAAkBI,EAAMG,QAAQ,WAAWH,EAAMG,QAAQ,SAC3DH,EAAMI,eAAAA,GACNH,EAAYR,EAAMI,SAASG,CAAmF;AAAA,EAElH;AAEA,UAAA,MAAA;AAAA,QAAAK,IAAAC,EAAAA,GAAAC,IAGSC,EAAUf,EAAMgB,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBlB,GAAI;AAAA,MAAA,eAEI;AAAA,MAAM,IAAA,QAAA;AAAA,eACXmB,EAAG,aAAa,aAAapB,EAAMD,OAAO,IAAIC,EAAMqB,OAAO;AAAA,UAChEC,eAAetB,EAAMK;AAAAA,UACrB,yBAAyBF,EAAAA;AAAAA,QAAY,CACtC;AAAA,MAAC;AAAA,MAAA,IACFoB,OAAI;AAAA,eAAEpB,EAAAA,IAAgB,WAAWqB;AAAAA,MAAS;AAAA,MAAA,IAC1CC,WAAQ;AAAA,eAAEtB,EAAAA,IAAgB,IAAIqB;AAAAA,MAAS;AAAA,MAAA,IAAA,kBAAA;AAAA,eACxBxB,EAAMK,YAAYmB;AAAAA,MAAS;AAAA,MAAA,IAC1CpB,UAAO;AAAA,eAAEsB,EAAA,MAAA,CAAA,CAAAvB,GAAa,MAAGH,EAAMI,UAAUoB;AAAAA,MAAS;AAAA,MAAA,WACvClB;AAAAA,IAAAA,CAAa,GAAA,IAAA,EAAA,GAAAqB,EAAAf,GAAAgB,EAEvBC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE9B,EAAM+B;AAAAA,MAAK;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,IAAAC,EAAAA;AAAAP,eAAAA,EAAAM,GAAA,MACUjC,EAAM+B,KAAK,GAAAE;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAN,EAAAf,GAAA,MAE3CZ,EAAMgC,UAAQ,IAAA,GAAAL,EAAAf,GAAAgB,EACdC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE9B,EAAMmC;AAAAA,MAAM;AAAA,MAAA,IAAAH,WAAA;AAAA,YAAAI,IAAAC,EAAAA;AAAAV,eAAAA,EAAAS,GAAA,MACUpC,EAAMmC,MAAM,GAAAC;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAxB;AAAAA,EAAA,GAAA;AAIpD;"}

package/dist/components/dataDisplay/card/index.d.ts

@@ -0,0 +1,2 @@
+export { Card, default } from "./card";
+export type { CardProps } from "./card";

package/dist/components/dataDisplay/carousel/carousel.d.ts

@@ -0,0 +1,20 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export interface CarouselProps {
+    slidesToShow?: number;
+    startSlide?: number;
+    class?: string;
+    showNavigation?: boolean;
+    showArrows?: boolean;
+    arrowsSize?: number;
+    navigationClassName?: string;
+    onSlideChange?: (slideIndex: number) => void;
+    navigationDotRenderer?: (index: number, isActive: boolean, onClick: (index: number) => void) => JSX.Element;
+    "aria-label"?: string;
+    autoplay?: boolean;
+    autoplayInterval?: number;
+    pauseOnHover?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function Carousel(props: ParentProps<CarouselProps>): JSX.Element;
+export default Carousel;

package/dist/components/dataDisplay/carousel/carousel.js

@@ -0,0 +1,176 @@
+import { addEventListener as I, use as P, insert as S, createComponent as w, effect as $, setAttribute as F, style as ne, className as A, setStyleProperty as q, template as H, delegateEvents as ie } from "solid-js/web";
+import '../../../assets/styles/less/components/carousel/carousel.entry.css';/* empty css                                                           */
+import { mergeProps as ae, splitProps as le, children as ce, createSignal as z, createUniqueId as de, createEffect as M, onCleanup as ue, Show as N, For as G } from "solid-js";
+import x from "clsx";
+import { dragPrevent as U, getSlideStyle as ve, getStartSlide as he, getSlidesToShow as me, getSlideIndexForMultipleParts as j, coordX as L, coordY as X, getSlideWidth as fe, isMouseEvent as B, isTouchEvent as ge } from "./utils.js";
+import { mergeRefs as we } from "../../../primitives/mergeRefs.js";
+import { Icon as J } from "../../base/icon/icon.js";
+var K = /* @__PURE__ */ H("<div>"), Se = /* @__PURE__ */ H("<div data-testid=carousel role=region aria-roledescription=carousel><div class=smwb-carousel__inner><div class=smwb-carousel__track><div class=smwb-carousel__layer>"), pe = /* @__PURE__ */ H("<div class=smwb-carousel__slide><div class=smwb-carousel__slide-inner>");
+function Ee(Q) {
+  const V = ae({
+    slidesToShow: 3,
+    startSlide: 0,
+    showNavigation: !0,
+    arrowsSize: 30,
+    "aria-label": "Carousel",
+    autoplay: !1,
+    autoplayInterval: 4e3,
+    pauseOnHover: !0
+  }, Q), [t] = le(V, ["slidesToShow", "startSlide", "children", "class", "showNavigation", "showArrows", "arrowsSize", "navigationClassName", "onSlideChange", "navigationDotRenderer", "aria-label", "autoplay", "autoplayInterval", "pauseOnHover", "ref"]), Z = ce(() => t.children), T = () => Z.toArray(), a = () => T().length, o = () => me(t.slidesToShow, a()), Y = () => he(t.startSlide, a()), k = () => !!t.showArrows && a() > 1, [m, C] = z(Y()), [D, b] = z(void 0), [ee, O] = z(!1);
+  let y, h;
+  const u = {
+    isPressed: !1,
+    startX: 0,
+    startY: 0
+  }, te = de();
+  M(() => {
+    o(), b(!1);
+  }), M(() => {
+    const e = Y();
+    C(e), t.onSlideChange?.(e), D() !== void 0 && b(!0);
+  });
+  const R = (e) => {
+    if (!y || !u.isPressed) return;
+    if (e.preventDefault(), e.stopPropagation(), ge(e) && e.touches.length > 1) {
+      p(e);
+      return;
+    }
+    const r = L(e) - u.startX, l = X(e) - u.startY, d = Math.abs(r), c = Math.abs(l);
+    if (d < c) return;
+    const n = y.offsetWidth / o(), i = o() === 1 ? 1.95 : 1.4;
+    if (d % n > n / i) {
+      const f = r < 0 ? 1 : -1, v = a() - o(), g = m() + f;
+      if (g < 0 || g > v) return;
+      C(g), b(!0), u.startX = L(e), u.startY = X(e), t.onSlideChange?.(g);
+    }
+  }, p = (e) => {
+    if (!h || !u.isPressed) return;
+    u.isPressed = !1;
+    const r = B(e);
+    h.removeEventListener(r ? "mousemove" : "touchmove", R), h.removeEventListener(r ? "mouseup" : "touchend", p), r && h.removeEventListener("mouseleave", p);
+  }, W = (e) => {
+    if (a() <= 1 || !h) return;
+    const r = B(e);
+    r && e.button !== 0 || (e.stopPropagation(), u.isPressed = !0, u.startX = L(e), u.startY = X(e), h.addEventListener(r ? "mousemove" : "touchmove", R), h.addEventListener(r ? "mouseup" : "touchend", p), r && h.addEventListener("mouseleave", p));
+  }, _ = (e) => {
+    C(e), b(!0), t.onSlideChange?.(e);
+  }, E = (e) => {
+    const r = o() === 1, l = r ? a() : Math.ceil(a() / o()), d = m() + o(), c = a() - o() <= m(), n = (j(d, o(), a(), c) + e + l) % l;
+    return r ? n : n * o();
+  }, re = () => {
+    const e = a() - o() <= m(), r = o() === 1, l = r ? a() : Math.ceil(a() / o()), d = [];
+    for (let c = 0; c < l; c++) {
+      let s = c, n = m();
+      if (!r) {
+        const i = c === l - 1, f = m() + o();
+        s = i ? a() - o() : c * o(), n = j(f, o(), a(), e);
+      }
+      d.push({
+        index: c,
+        nextIndex: s,
+        isActive: n === c
+      });
+    }
+    return d;
+  }, se = () => {
+    const e = a() - o(), r = m() > e ? e : m();
+    return fe(o()) * r;
+  };
+  return M(() => {
+    if (!t.autoplay || a() <= 1 || t.pauseOnHover && ee()) return;
+    const e = window.setInterval(() => _(E(1)), t.autoplayInterval);
+    ue(() => window.clearInterval(e));
+  }), (() => {
+    var e = Se(), r = e.firstChild, l = r.firstChild, d = l.firstChild;
+    I(e, "mouseleave", t.pauseOnHover ? () => O(!1) : void 0), I(e, "mouseenter", t.pauseOnHover ? () => O(!0) : void 0);
+    var c = we(t.ref);
+    return typeof c == "function" && P(c, e), P((s) => y = s, r), S(r, w(N, {
+      get when() {
+        return k();
+      },
+      get children() {
+        return w(J, {
+          name: "chevron_left",
+          get size() {
+            return t.arrowsSize;
+          },
+          get class() {
+            return x("smwb-carousel__arrow", "smwb-carousel__arrow_prev");
+          },
+          get style() {
+            return {
+              top: `calc(50% - ${t.arrowsSize / 2}px)`,
+              left: `${-t.arrowsSize / 2}px`
+            };
+          },
+          onClick: () => _(E(-1))
+        });
+      }
+    }), l), I(l, "dragend", U), I(l, "dragstart", U), l.$$touchstart = W, l.$$mousedown = W, P((s) => h = s, l), S(d, w(G, {
+      get each() {
+        return T();
+      },
+      children: (s, n) => (() => {
+        var i = pe(), f = i.firstChild;
+        return S(f, s), $((v) => {
+          var g = `${te}${n()}`, oe = ve(o());
+          return g !== v.e && F(i, "id", v.e = g), v.t = ne(i, oe, v.t), v;
+        }, {
+          e: void 0,
+          t: void 0
+        }), i;
+      })()
+    })), S(r, w(N, {
+      get when() {
+        return k();
+      },
+      get children() {
+        return w(J, {
+          name: "chevron_right",
+          get size() {
+            return t.arrowsSize;
+          },
+          get class() {
+            return x("smwb-carousel__arrow", "smwb-carousel__arrow_next");
+          },
+          get style() {
+            return {
+              top: `calc(50% - ${t.arrowsSize / 2}px)`,
+              right: `${-t.arrowsSize / 2}px`
+            };
+          },
+          onClick: () => _(E(1))
+        });
+      }
+    }), null), S(e, w(N, {
+      get when() {
+        return t.showNavigation;
+      },
+      get children() {
+        var s = K();
+        return S(s, w(G, {
+          get each() {
+            return re();
+          },
+          children: (n) => t.navigationDotRenderer ? t.navigationDotRenderer(n.index, n.isActive, (i) => _(i)) : (() => {
+            var i = K();
+            return i.$$click = () => _(n.nextIndex), $(() => A(i, x("smwb-carousel__navigation__dot", n.isActive && "current"))), i;
+          })()
+        })), $(() => A(s, x("smwb-carousel__navigation", t.navigationClassName))), s;
+      }
+    }), null), $((s) => {
+      var n = x("smwb-carousel", t.class), i = t["aria-label"], f = `translateX(-${se()}%)`, v = D() ? "transform 500ms cubic-bezier(.1, 0, .25, 1)" : "none";
+      return n !== s.e && A(e, s.e = n), i !== s.t && F(e, "aria-label", s.t = i), f !== s.a && q(d, "transform", s.a = f), v !== s.o && q(d, "transition", s.o = v), s;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    }), e;
+  })();
+}
+ie(["mousedown", "touchstart", "click"]);
+export {
+  Ee as Carousel
+};
+//# sourceMappingURL=carousel.js.map

package/dist/components/dataDisplay/carousel/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sources":["../../../../src/components/dataDisplay/carousel/carousel.tsx"],"sourcesContent":["import {\n  type JSX,\n  type ParentProps,\n  For,\n  Show,\n  children as resolveChildren,\n  createEffect,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport {\n  coordX,\n  coordY,\n  dragPrevent,\n  getSlideIndexForMultipleParts,\n  getSlideStyle,\n  getSlideWidth,\n  getSlidesToShow,\n  getStartSlide,\n  isMouseEvent,\n  isTouchEvent,\n} from \"./utils\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface CarouselProps {\n  slidesToShow?: number;\n  startSlide?: number;\n  class?: string;\n  showNavigation?: boolean;\n  showArrows?: boolean;\n  arrowsSize?: number;\n  navigationClassName?: string;\n  onSlideChange?: (slideIndex: number) => void;\n  navigationDotRenderer?: (index: number, isActive: boolean, onClick: (index: number) => void) => JSX.Element;\n  \"aria-label\"?: string;\n  autoplay?: boolean;\n  autoplayInterval?: number;\n  pauseOnHover?: boolean;\n  ref?: Ref<HTMLDivElement>;\n}\n\ninterface Motion {\n  isPressed: boolean;\n  startX: number;\n  startY: number;\n}\n\nexport function Carousel(props: ParentProps<CarouselProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      slidesToShow: 3,\n      startSlide: 0,\n      showNavigation: true,\n      arrowsSize: 30,\n      \"aria-label\": \"Carousel\",\n      autoplay: false,\n      autoplayInterval: 4000,\n      pauseOnHover: true,\n    },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"slidesToShow\",\n    \"startSlide\",\n    \"children\",\n    \"class\",\n    \"showNavigation\",\n    \"showArrows\",\n    \"arrowsSize\",\n    \"navigationClassName\",\n    \"onSlideChange\",\n    \"navigationDotRenderer\",\n    \"aria-label\",\n    \"autoplay\",\n    \"autoplayInterval\",\n    \"pauseOnHover\",\n    \"ref\",\n  ]);\n\n  const resolved = resolveChildren(() => local.children);\n  const slides = (): unknown[] => resolved.toArray();\n  const slidesCount = (): number => slides().length;\n  const slidesToShow = (): number => getSlidesToShow(local.slidesToShow, slidesCount());\n  const startSlide = (): number => getStartSlide(local.startSlide, slidesCount());\n  const showArrows = (): boolean => !!local.showArrows && slidesCount() > 1;\n\n  const [activeSlideIndex, setActiveSlideIndex] = createSignal(startSlide());\n  const [animation, setAnimation] = createSignal<boolean | undefined>(undefined);\n  const [isHovered, setIsHovered] = createSignal(false);\n\n  let rootEl: HTMLDivElement | undefined;\n  let trackEl: HTMLDivElement | undefined;\n  const motion: Motion = { isPressed: false, startX: 0, startY: 0 };\n  const slideId = createUniqueId();\n\n  createEffect(() => {\n    slidesToShow();\n    setAnimation(false);\n  });\n\n  createEffect(() => {\n    const start = startSlide();\n    setActiveSlideIndex(start);\n    local.onSlideChange?.(start);\n    if (animation() !== undefined) setAnimation(true);\n  });\n\n  const onMove = (event: MouseEvent | TouchEvent): void => {\n    if (!rootEl || !motion.isPressed) return;\n    event.preventDefault();\n    event.stopPropagation();\n    if (isTouchEvent(event) && event.touches.length > 1) {\n      onEnd(event);\n      return;\n    }\n    const shiftX = coordX(event) - motion.startX;\n    const shiftY = coordY(event) - motion.startY;\n    const shiftXAbs = Math.abs(shiftX);\n    const shiftYAbs = Math.abs(shiftY);\n    if (shiftXAbs < shiftYAbs) return;\n    const viewWidth = rootEl.offsetWidth;\n    const widthPerSlide = viewWidth / slidesToShow();\n    const threshold = slidesToShow() === 1 ? 1.95 : 1.4;\n    if (shiftXAbs % widthPerSlide > widthPerSlide / threshold) {\n      const direction = shiftX < 0 ? 1 : -1;\n      const shiftSlidesMax = slidesCount() - slidesToShow();\n      const targetIndex = activeSlideIndex() + direction;\n      if (targetIndex < 0 || targetIndex > shiftSlidesMax) return;\n      setActiveSlideIndex(targetIndex);\n      setAnimation(true);\n      motion.startX = coordX(event);\n      motion.startY = coordY(event);\n      local.onSlideChange?.(targetIndex);\n    }\n  };\n\n  const onEnd = (event: MouseEvent | TouchEvent): void => {\n    if (!trackEl || !motion.isPressed) return;\n    motion.isPressed = false;\n    const mouse = isMouseEvent(event);\n    trackEl.removeEventListener(mouse ? \"mousemove\" : \"touchmove\", onMove as EventListener);\n    trackEl.removeEventListener(mouse ? \"mouseup\" : \"touchend\", onEnd as EventListener);\n    if (mouse) trackEl.removeEventListener(\"mouseleave\", onEnd as EventListener);\n  };\n\n  const onStart: JSX.EventHandler<HTMLDivElement, MouseEvent | TouchEvent> = (event) => {\n    if (slidesCount() <= 1 || !trackEl) return;\n    const mouse = isMouseEvent(event);\n    if (mouse && (event as MouseEvent).button !== 0) return;\n    event.stopPropagation();\n    motion.isPressed = true;\n    motion.startX = coordX(event);\n    motion.startY = coordY(event);\n    trackEl.addEventListener(mouse ? \"mousemove\" : \"touchmove\", onMove as EventListener);\n    trackEl.addEventListener(mouse ? \"mouseup\" : \"touchend\", onEnd as EventListener);\n    if (mouse) trackEl.addEventListener(\"mouseleave\", onEnd as EventListener);\n  };\n\n  const goTo = (index: number): void => {\n    setActiveSlideIndex(index);\n    setAnimation(true);\n    local.onSlideChange?.(index);\n  };\n\n  const getNextIndex = (direction: 1 | -1): number => {\n    const isSingle = slidesToShow() === 1;\n    const totalGroups = isSingle ? slidesCount() : Math.ceil(slidesCount() / slidesToShow());\n    const activeIndex = activeSlideIndex() + slidesToShow();\n    const isNextDisabled = slidesCount() - slidesToShow() <= activeSlideIndex();\n    const currentIndex = getSlideIndexForMultipleParts(activeIndex, slidesToShow(), slidesCount(), isNextDisabled);\n    const nextIndex = (currentIndex + direction + totalGroups) % totalGroups;\n    return isSingle ? nextIndex : nextIndex * slidesToShow();\n  };\n\n  const dots = (): Array<{ index: number; nextIndex: number; isActive: boolean }> => {\n    const isNextDisabled = slidesCount() - slidesToShow() <= activeSlideIndex();\n    const isSingle = slidesToShow() === 1;\n    const count = isSingle ? slidesCount() : Math.ceil(slidesCount() / slidesToShow());\n    const result: Array<{ index: number; nextIndex: number; isActive: boolean }> = [];\n    for (let index = 0; index < count; index++) {\n      let nextIndex = index;\n      let currentIndex = activeSlideIndex();\n      if (!isSingle) {\n        const isLast = index === count - 1;\n        const activeIndex = activeSlideIndex() + slidesToShow();\n        nextIndex = isLast ? slidesCount() - slidesToShow() : index * slidesToShow();\n        currentIndex = getSlideIndexForMultipleParts(activeIndex, slidesToShow(), slidesCount(), isNextDisabled);\n      }\n      result.push({ index, nextIndex, isActive: currentIndex === index });\n    }\n    return result;\n  };\n\n  const indent = (): number => {\n    const shiftSlidesMax = slidesCount() - slidesToShow();\n    const shiftSlides = activeSlideIndex() > shiftSlidesMax ? shiftSlidesMax : activeSlideIndex();\n    return getSlideWidth(slidesToShow()) * shiftSlides;\n  };\n\n  // Autoplay\n  createEffect(() => {\n    if (!local.autoplay || slidesCount() <= 1 || (local.pauseOnHover && isHovered())) return;\n    const timer = window.setInterval(() => goTo(getNextIndex(1)), local.autoplayInterval);\n    onCleanup(() => window.clearInterval(timer));\n  });\n\n  return (\n    <div\n      class={cn(\"smwb-carousel\", local.class)}\n      data-testid=\"carousel\"\n      ref={mergeRefs(local.ref)}\n      role=\"region\"\n      aria-roledescription=\"carousel\"\n      aria-label={local[\"aria-label\"]}\n      onMouseEnter={local.pauseOnHover ? () => setIsHovered(true) : undefined}\n      onMouseLeave={local.pauseOnHover ? () => setIsHovered(false) : undefined}\n    >\n      <div class=\"smwb-carousel__inner\" ref={(el) => (rootEl = el)}>\n        <Show when={showArrows()}>\n          <Icon\n            name=\"chevron_left\"\n            size={local.arrowsSize}\n            class={cn(\"smwb-carousel__arrow\", \"smwb-carousel__arrow_prev\")}\n            style={{ top: `calc(50% - ${local.arrowsSize / 2}px)`, left: `${-local.arrowsSize / 2}px` }}\n            onClick={() => goTo(getNextIndex(-1))}\n          />\n        </Show>\n        <div\n          ref={(el) => (trackEl = el)}\n          class=\"smwb-carousel__track\"\n          onMouseDown={onStart}\n          onTouchStart={onStart}\n          onDragStart={dragPrevent}\n          onDragEnd={dragPrevent}\n        >\n          <div\n            class=\"smwb-carousel__layer\"\n            style={{\n              transform: `translateX(-${indent()}%)`,\n              transition: animation() ? \"transform 500ms cubic-bezier(.1, 0, .25, 1)\" : \"none\",\n            }}\n          >\n            <For each={slides()}>\n              {(child, index) => (\n                <div id={`${slideId}${index()}`} class=\"smwb-carousel__slide\" style={getSlideStyle(slidesToShow())}>\n                  <div class=\"smwb-carousel__slide-inner\">{child as JSX.Element}</div>\n                </div>\n              )}\n            </For>\n          </div>\n        </div>\n        <Show when={showArrows()}>\n          <Icon\n            name=\"chevron_right\"\n            size={local.arrowsSize}\n            class={cn(\"smwb-carousel__arrow\", \"smwb-carousel__arrow_next\")}\n            style={{ top: `calc(50% - ${local.arrowsSize / 2}px)`, right: `${-local.arrowsSize / 2}px` }}\n            onClick={() => goTo(getNextIndex(1))}\n          />\n        </Show>\n      </div>\n      <Show when={local.showNavigation}>\n        <div class={cn(\"smwb-carousel__navigation\", local.navigationClassName)}>\n          <For each={dots()}>\n            {(dot) =>\n              local.navigationDotRenderer ? (\n                local.navigationDotRenderer(dot.index, dot.isActive, (i) => goTo(i))\n              ) : (\n                <div\n                  class={cn(\"smwb-carousel__navigation__dot\", dot.isActive && \"current\")}\n                  onClick={() => goTo(dot.nextIndex)}\n                />\n              )\n            }\n          </For>\n        </div>\n      </Show>\n    </div>\n  );\n}\n\nexport default Carousel;\n"],"names":["Carousel","props","merged","mergeProps","slidesToShow","startSlide","showNavigation","arrowsSize","autoplay","autoplayInterval","pauseOnHover","local","splitProps","resolved","resolveChildren","children","slides","toArray","slidesCount","length","getSlidesToShow","getStartSlide","showArrows","activeSlideIndex","setActiveSlideIndex","createSignal","animation","setAnimation","undefined","isHovered","setIsHovered","rootEl","trackEl","motion","isPressed","startX","startY","slideId","createUniqueId","createEffect","start","onSlideChange","onMove","event","preventDefault","stopPropagation","isTouchEvent","touches","onEnd","shiftX","coordX","shiftY","coordY","shiftXAbs","Math","abs","shiftYAbs","widthPerSlide","offsetWidth","threshold","direction","shiftSlidesMax","targetIndex","mouse","isMouseEvent","removeEventListener","onStart","button","addEventListener","goTo","index","getNextIndex","isSingle","totalGroups","ceil","activeIndex","isNextDisabled","nextIndex","getSlideIndexForMultipleParts","dots","count","result","currentIndex","isLast","push","isActive","indent","shiftSlides","getSlideWidth","timer","window","setInterval","onCleanup","clearInterval","_el$","_tmpl$2","_el$2","firstChild","_el$3","_el$4","_$addEventListener","_ref$","mergeRefs","ref","_$use","el","_$insert","_$createComponent","Show","when","Icon","name","size","cn","style","top","left","onClick","dragPrevent","$$touchstart","$$mousedown","For","each","child","_el$6","_tmpl$3","_el$7","_$effect","_p$","_v$5","_v$6","getSlideStyle","e","_$setAttribute","t","_$style","right","_el$5","_tmpl$","dot","navigationDotRenderer","i","_el$8","$$click","_$className","navigationClassName","_v$","class","_v$2","_v$3","_v$4","a","_$setStyleProperty","o","_$delegateEvents"],"mappings":"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"}

package/dist/components/dataDisplay/carousel/index.d.ts

@@ -0,0 +1,2 @@
+export { Carousel, default } from "./carousel";
+export type { CarouselProps } from "./carousel";

package/dist/components/dataDisplay/carousel/utils.d.ts

@@ -0,0 +1,12 @@
+import type { JSX } from "solid-js";
+export declare function getActiveSlideDotsLength(slidesCount: number, slidesToShow: number): number;
+export declare function getSlideIndexForMultipleParts(activeIndex: number, slidesToShow: number, slidesCount: number, isNextSlideDisabled: boolean): number;
+export declare function isMouseEvent(event: Event): event is MouseEvent;
+export declare function isTouchEvent(event: Event): event is TouchEvent;
+export declare function coordX(event: MouseEvent | TouchEvent): number;
+export declare function coordY(event: MouseEvent | TouchEvent): number;
+export declare function dragPrevent(event: Event): void;
+export declare function getSlideWidth(slidesToShow: number): number;
+export declare function getSlideStyle(slidesToShow: number): JSX.CSSProperties;
+export declare function getSlidesToShow(slidesToShow: number, slidesCount: number): number;
+export declare function getStartSlide(startSlide: number, slidesCount: number): number;