@smwb/ui-solid 0.2.2 → 0.4.0

package/dist/source/components/clickAwayListener/index.js.map

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

package/dist/source/components/dataDisplay/accordion/accordion.jsx

@@ -0,0 +1,83 @@
+import "/sourcecraft/workspace/packages/styles/less/components/accordion/accordion.entry.less";
+import { Show, mergeProps, splitProps } from "solid-js";
+import cn from "clsx";
+import { AnimateHeight } from "../../base/animateHeight/animateHeight";
+import { Icon } from "../../base/icon";
+import { createControllableState } from "../../../primitives/createControllableState";
+import { createId } from "../../../primitives/createId";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+function Accordion(props) {
+  const merged = mergeProps({ isOpenByDefault: false }, props);
+  const [local] = splitProps(merged, [
+    "class",
+    "title",
+    "isOpenByDefault",
+    "open",
+    "disabled",
+    "icon",
+    "id",
+    "children",
+    "startAdornment",
+    "noIcon",
+    "onToggleClick",
+    "onChange",
+    "ref"
+  ]);
+  const [isOpen, setIsOpen] = createControllableState({
+    value: () => local.open,
+    defaultValue: local.isOpenByDefault,
+    onChange: (next) => local.onChange?.(next)
+  });
+  const baseId = createId(local.id);
+  const contentId = `${baseId}-content`;
+  const headerId = `${baseId}-header`;
+  const toggle = (event) => {
+    if (local.disabled) return;
+    setIsOpen(!isOpen());
+    local.onToggleClick?.(event);
+  };
+  return <div
+    ref={mergeRefs(local.ref)}
+    class={cn("smwb-accordion", { "smwb-disabled": local.disabled }, local.class)}
+    data-testid="accordion"
+  >
+      <button
+    id={headerId}
+    class="smwb-accordion__header"
+    onClick={toggle}
+    type="button"
+    disabled={local.disabled}
+    aria-expanded={isOpen()}
+    aria-controls={local.children ? contentId : void 0}
+  >
+        {local.startAdornment?.(isOpen())}
+        <span class="smwb-accordion__title">{local.title}</span>
+        <Show when={!local.noIcon}>
+          <Show
+    when={local.icon}
+    fallback={<Icon
+      class={cn("smwb-accordion__arrow-icon", { "smwb-accordion__arrow-icon_opened": isOpen() })}
+      name="expand_more"
+      size={24}
+    />}
+  >
+            {local.icon}
+          </Show>
+        </Show>
+      </button>
+
+      <Show when={local.children}>
+        <div id={contentId} role="region" aria-labelledby={headerId}>
+          <AnimateHeight height={isOpen() ? "auto" : 0} animateOpacity duration={300} class="smwb-accordion__content">
+            {local.children}
+          </AnimateHeight>
+        </div>
+      </Show>
+    </div>;
+}
+var accordion_default = Accordion;
+export {
+  Accordion,
+  accordion_default as default
+};
+//# sourceMappingURL=accordion.js.map

package/dist/source/components/dataDisplay/accordion/accordion.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/dataDisplay/accordion/accordion.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/accordion/accordion.entry.less\";\nimport { 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"],"mappings":"AAAA,OAAO;AACP,SAAqC,MAAM,YAAY,kBAAkB;AACzE,OAAO,QAAQ;AACf,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AACrB,SAAS,+BAA+B;AACxC,SAAS,gBAAgB;AACzB,SAAS,iBAA2B;AAqB7B,SAAS,UAAU,OAAiD;AACzE,QAAM,SAAS,WAAW,EAAE,iBAAiB,MAAM,GAAG,KAAK;AAC3D,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,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,CAAC,QAAQ,SAAS,IAAI,wBAAiC;AAAA,IAC3D,OAAO,MAAM,MAAM;AAAA,IACnB,cAAc,MAAM;AAAA,IACpB,UAAU,CAAC,SAAS,MAAM,WAAW,IAAI;AAAA,EAC3C,CAAC;AAED,QAAM,SAAS,SAAS,MAAM,EAAE;AAChC,QAAM,YAAY,GAAG,MAAM;AAC3B,QAAM,WAAW,GAAG,MAAM;AAE1B,QAAM,SAA0D,CAAC,UAAU;AACzE,QAAI,MAAM,SAAU;AACpB,cAAU,CAAC,OAAO,CAAC;AACnB,UAAM,gBAAgB,KAAK;AAAA,EAC7B;AAEA,SACE,CAAC;AAAA,IACC,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,OAAO,GAAG,kBAAkB,EAAE,iBAAiB,MAAM,SAAS,GAAG,MAAM,KAAK;AAAA,IAC5E,YAAY;AAAA,GACb;AAAA,MACC,CAAC;AAAA,IACC,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,UAAU,MAAM;AAAA,IAChB,eAAe,OAAO;AAAA,IACtB,eAAe,MAAM,WAAW,YAAY;AAAA,GAC7C;AAAA,SACE,MAAM,iBAAiB,OAAO,CAAC,EAAE;AAAA,QAClC,CAAC,KAAK,MAAM,yBAAyB,MAAM,MAAM,EAAhD,KAAuD;AAAA,QACxD,CAAC,KAAK,MAAM,CAAC,MAAM,QAAQ;AAAA,UACzB,CAAC;AAAA,IACC,MAAM,MAAM;AAAA,IACZ,UACE,CAAC;AAAA,MACC,OAAO,GAAG,8BAA8B,EAAE,qCAAqC,OAAO,EAAE,CAAC;AAAA,MACzF,KAAK;AAAA,MACL,MAAM;AAAA,IACR;AAAA,GAEH;AAAA,aACE,MAAM,KAAK;AAAA,UACd,EAXC,KAWM;AAAA,QACT,EAbC,KAaM;AAAA,MACT,EAzBC,OAyBQ;AAAA;AAAA,MAET,CAAC,KAAK,MAAM,MAAM,UAAU;AAAA,QAC1B,CAAC,IAAI,IAAI,WAAW,KAAK,SAAS,iBAAiB,UAAU;AAAA,UAC3D,CAAC,cAAc,QAAQ,OAAO,IAAI,SAAS,GAAG,eAAe,UAAU,KAAK,MAAM,0BAA0B;AAAA,aACzG,MAAM,SAAS;AAAA,UAClB,EAFC,cAEe;AAAA,QAClB,EAJC,IAIK;AAAA,MACR,EANC,KAMM;AAAA,IACT,EAvCC;AAyCL;AAEA,IAAO,oBAAQ;","names":[],"file":"accordion.jsx"}

package/dist/source/components/dataDisplay/accordion/index.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/dataDisplay/accordion/index.ts"],
+  "sourcesContent": ["export { Accordion, default } from \"./accordion\";\nexport type { AccordionProps } from \"./accordion\";\n"],
+  "mappings": "AAAA,SAAS,WAAW,WAAAA,gBAAe;",
+  "names": ["default"]
+}

package/dist/source/components/dataDisplay/avatar/avatar.jsx

@@ -0,0 +1,96 @@
+import "/sourcecraft/workspace/packages/styles/less/components/avatar/avatar.entry.less";
+import {
+  Show,
+  children as resolveChildren,
+  createSignal,
+  mergeProps,
+  splitProps
+} from "solid-js";
+import cn from "clsx";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+import { callHandler } from "../../../primitives/callHandler";
+const isPresetSize = (size) => typeof size === "string";
+function Avatar(props) {
+  const merged = mergeProps({ size: "medium", variant: "circular" }, props);
+  const [local, rest] = splitProps(merged, [
+    "class",
+    "src",
+    "alt",
+    "size",
+    "variant",
+    "color",
+    "style",
+    "imgProps",
+    "children",
+    "ref"
+  ]);
+  const [imgFailed, setImgFailed] = createSignal(false);
+  const showImage = () => Boolean(local.src) && !imgFailed();
+  const inlineStyle = () => {
+    const size = local.size;
+    return {
+      ...typeof local.style === "object" && local.style ? local.style : {},
+      ...isPresetSize(size) ? {} : { width: `${size}px`, height: `${size}px`, "font-size": `${size / 2.5}px` },
+      ...local.color && !showImage() ? { "background-color": local.color } : {}
+    };
+  };
+  return <div
+    {...rest}
+    ref={mergeRefs(local.ref)}
+    data-testid="avatar"
+    class={cn(
+      "smwb-avatar",
+      `smwb-avatar_${local.variant}`,
+      isPresetSize(local.size) ? `smwb-avatar_${local.size}` : void 0,
+      local.class
+    )}
+    style={inlineStyle()}
+  >
+      <Show
+    when={showImage()}
+    fallback={<span class="smwb-avatar__fallback" role="img" aria-label={local.alt}>
+            {local.children}
+          </span>}
+  >
+        <img
+    {...local.imgProps ?? {}}
+    class={cn("smwb-avatar__img", local.imgProps?.class)}
+    src={local.src}
+    alt={local.alt}
+    onError={(event) => {
+      setImgFailed(true);
+      callHandler(local.imgProps?.onError, event);
+    }}
+  />
+      </Show>
+    </div>;
+}
+function AvatarGroup(props) {
+  const merged = mergeProps({ max: 5 }, props);
+  const [local, rest] = splitProps(merged, ["class", "max", "total", "onSurplusClick", "children", "ref"]);
+  const resolved = resolveChildren(() => local.children);
+  const items = () => resolved.toArray();
+  const totalCount = () => local.total ?? items().length;
+  const clampedMax = () => Math.max(local.max, 1);
+  const visible = () => items().slice(0, clampedMax());
+  const surplus = () => totalCount() - visible().length;
+  return <div {...rest} ref={mergeRefs(local.ref)} data-testid="avatar-group" class={cn("smwb-avatar-group", local.class)}>
+      <Show when={surplus() > 0}>
+        <Avatar
+    class="smwb-avatar-group__surplus"
+    onClick={local.onSurplusClick}
+    style={local.onSurplusClick ? { cursor: "pointer" } : void 0}
+  >
+          {`+${surplus()}`}
+        </Avatar>
+      </Show>
+      {visible()}
+    </div>;
+}
+var avatar_default = Avatar;
+export {
+  Avatar,
+  AvatarGroup,
+  avatar_default as default
+};
+//# sourceMappingURL=avatar.js.map

package/dist/source/components/dataDisplay/avatar/avatar.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/dataDisplay/avatar/avatar.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/avatar/avatar.entry.less\";\nimport {\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"],"mappings":"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","names":[],"file":"avatar.jsx"}

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

@@ -0,0 +1,7 @@
+import { Avatar, AvatarGroup, default as default2 } from "./avatar";
+export {
+  Avatar,
+  AvatarGroup,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/dataDisplay/avatar/index.ts"],
+  "sourcesContent": ["export { Avatar, AvatarGroup, default } from \"./avatar\";\nexport type { AvatarProps, AvatarGroupProps, AvatarSize } from \"./avatar\";\n"],
+  "mappings": "AAAA,SAAS,QAAQ,aAAa,WAAAA,gBAAe;",
+  "names": ["default"]
+}

package/dist/source/components/dataDisplay/badge/badge.jsx

@@ -0,0 +1,57 @@
+import "/sourcecraft/workspace/packages/styles/less/components/badge/badge.entry.less";
+import { Show, mergeProps, splitProps } from "solid-js";
+import cn from "clsx";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+function Badge(props) {
+  const merged = mergeProps(
+    {
+      color: "primary",
+      variant: "outside",
+      vertical: "top",
+      horizontal: "right",
+      showZero: false
+    },
+    props
+  );
+  const [local, rest] = splitProps(merged, [
+    "class",
+    "color",
+    "badgeContent",
+    "variant",
+    "vertical",
+    "horizontal",
+    "max",
+    "showZero",
+    "badgeAriaLabel",
+    "children",
+    "ref"
+  ]);
+  const isZero = () => local.badgeContent === 0 || local.badgeContent === "0";
+  const hidden = () => local.badgeContent === void 0 || local.badgeContent === null || isZero() && !local.showZero;
+  const display = () => typeof local.badgeContent === "number" && local.max !== void 0 && local.badgeContent > local.max ? `${local.max}+` : local.badgeContent;
+  return <span class="smwb-badge__wrapper" data-testid="badge">
+      {local.children}
+      <span
+    {...rest}
+    ref={mergeRefs(local.ref)}
+    class={cn(
+      "smwb-badge",
+      `smwb-badge_${local.color}`,
+      `smwb-badge_${local.variant}`,
+      `smwb-badge_${local.variant}_${local.vertical}`,
+      `smwb-badge_${local.variant}_${local.vertical}_${local.horizontal}`,
+      local.class,
+      { "smwb-badge_no-content": hidden() }
+    )}
+    aria-label={local.badgeAriaLabel}
+  >
+        <Show when={!hidden()}>{display()}</Show>
+      </span>
+    </span>;
+}
+var badge_default = Badge;
+export {
+  Badge,
+  badge_default as default
+};
+//# sourceMappingURL=badge.js.map

package/dist/source/components/dataDisplay/badge/badge.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/dataDisplay/badge/badge.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/badge/badge.entry.less\";\nimport { 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"],"mappings":"AAAA,OAAO;AACP,SAAqC,MAAM,YAAY,kBAAkB;AACzE,OAAO,QAAQ;AACf,SAAS,iBAA2B;AAiB7B,SAAS,MAAM,OAA6C;AACjE,QAAM,SAAS;AAAA,IACb;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,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,IACA;AAAA,EACF,CAAC;AAED,QAAM,SAAS,MAAe,MAAM,iBAAiB,KAAK,MAAM,iBAAiB;AACjF,QAAM,SAAS,MACb,MAAM,iBAAiB,UAAa,MAAM,iBAAiB,QAAS,OAAO,KAAK,CAAC,MAAM;AAEzF,QAAM,UAAU,MACd,OAAO,MAAM,iBAAiB,YAAY,MAAM,QAAQ,UAAa,MAAM,eAAe,MAAM,MAC5F,GAAG,MAAM,GAAG,MACZ,MAAM;AAEZ,SACE,CAAC,KAAK,MAAM,sBAAsB,YAAY,QAAQ;AAAA,OACnD,MAAM,SAAS;AAAA,MAChB,CAAC;AAAA,QACK;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,OAAO;AAAA,MACL;AAAA,MACA,cAAc,MAAM,KAAK;AAAA,MACzB,cAAc,MAAM,OAAO;AAAA,MAC3B,cAAc,MAAM,OAAO,IAAI,MAAM,QAAQ;AAAA,MAC7C,cAAc,MAAM,OAAO,IAAI,MAAM,QAAQ,IAAI,MAAM,UAAU;AAAA,MACjE,MAAM;AAAA,MACN,EAAE,yBAAyB,OAAO,EAAE;AAAA,IACtC;AAAA,IACA,YAAY,MAAM;AAAA,GACnB;AAAA,QACC,CAAC,KAAK,MAAM,CAAC,OAAO,IAAI,QAAQ,EAAE,EAAjC,KAAwC;AAAA,MAC3C,EAfC,KAeM;AAAA,IACT,EAlBC;AAoBL;AAEA,IAAO,gBAAQ;","names":[],"file":"badge.jsx"}

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/dataDisplay/badge/index.ts"],
+  "sourcesContent": ["export { Badge, default } from \"./badge\";\nexport type { BadgeProps } from \"./badge\";\n"],
+  "mappings": "AAAA,SAAS,OAAO,WAAAA,gBAAe;",
+  "names": ["default"]
+}

package/dist/source/components/dataDisplay/card/card.jsx

@@ -0,0 +1,55 @@
+import "/sourcecraft/workspace/packages/styles/less/components/card/card.entry.less";
+import { Show, mergeProps, splitProps } from "solid-js";
+import cn from "clsx";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+import { callHandler } from "../../../primitives/callHandler";
+function Card(props) {
+  const merged = mergeProps({ variant: "elevated" }, props);
+  const [local, rest] = splitProps(merged, [
+    "class",
+    "variant",
+    "children",
+    "disabled",
+    "title",
+    "footer",
+    "onClick",
+    "onKeyDown",
+    "ref"
+  ]);
+  const interactive = () => !!local.onClick && !local.disabled;
+  const handleKeyDown = (event) => {
+    callHandler(local.onKeyDown, event);
+    if (interactive() && (event.key === "Enter" || event.key === " ")) {
+      event.preventDefault();
+      callHandler(local.onClick, event);
+    }
+  };
+  return <div
+    {...rest}
+    ref={mergeRefs(local.ref)}
+    data-testid="card"
+    class={cn("smwb-card", `smwb-card_${local.variant}`, local.class, {
+      card_disabled: local.disabled,
+      "smwb-card_interactive": interactive()
+    })}
+    role={interactive() ? "button" : void 0}
+    tabindex={interactive() ? 0 : void 0}
+    aria-disabled={local.disabled || void 0}
+    onClick={interactive() ? local.onClick : void 0}
+    onKeyDown={handleKeyDown}
+  >
+      <Show when={local.title}>
+        <div class="smwb-card__title">{local.title}</div>
+      </Show>
+      {local.children}
+      <Show when={local.footer}>
+        <div class="smwb-card__footer">{local.footer}</div>
+      </Show>
+    </div>;
+}
+var card_default = Card;
+export {
+  Card,
+  card_default as default
+};
+//# sourceMappingURL=card.js.map

package/dist/source/components/dataDisplay/card/card.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/dataDisplay/card/card.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/card/card.entry.less\";\nimport { 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"],"mappings":"AAAA,OAAO;AACP,SAAqC,MAAM,YAAY,kBAAkB;AACzE,OAAO,QAAQ;AACf,SAAS,iBAA2B;AACpC,SAAS,mBAAmB;AAWrB,SAAS,KAAK,OAA4C;AAC/D,QAAM,SAAS,WAAW,EAAE,SAAS,WAAoB,GAAG,KAAK;AACjE,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,EACF,CAAC;AAED,QAAM,cAAc,MAAe,CAAC,CAAC,MAAM,WAAW,CAAC,MAAM;AAE7D,QAAM,gBAAiE,CAAC,UAAU;AAChF,gBAAY,MAAM,WAAW,KAAK;AAClC,QAAI,YAAY,MAAM,MAAM,QAAQ,WAAW,MAAM,QAAQ,MAAM;AACjE,YAAM,eAAe;AACrB,kBAAY,MAAM,SAAS,KAAmF;AAAA,IAChH;AAAA,EACF;AAEA,SACE,CAAC;AAAA,QACK;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,YAAY;AAAA,IACZ,OAAO,GAAG,aAAa,aAAa,MAAM,OAAO,IAAI,MAAM,OAAO;AAAA,MAChE,eAAe,MAAM;AAAA,MACrB,yBAAyB,YAAY;AAAA,IACvC,CAAC;AAAA,IACD,MAAM,YAAY,IAAI,WAAW;AAAA,IACjC,UAAU,YAAY,IAAI,IAAI;AAAA,IAC9B,eAAe,MAAM,YAAY;AAAA,IACjC,SAAS,YAAY,IAAI,MAAM,UAAU;AAAA,IACzC,WAAW;AAAA,GACZ;AAAA,MACC,CAAC,KAAK,MAAM,MAAM,OAAO;AAAA,QACvB,CAAC,IAAI,MAAM,oBAAoB,MAAM,MAAM,EAA1C,IAAgD;AAAA,MACnD,EAFC,KAEM;AAAA,OACN,MAAM,SAAS;AAAA,MAChB,CAAC,KAAK,MAAM,MAAM,QAAQ;AAAA,QACxB,CAAC,IAAI,MAAM,qBAAqB,MAAM,OAAO,EAA5C,IAAkD;AAAA,MACrD,EAFC,KAEM;AAAA,IACT,EArBC;AAuBL;AAEA,IAAO,eAAQ;","names":[],"file":"card.jsx"}

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/dataDisplay/card/index.ts"],
+  "sourcesContent": ["export { Card, default } from \"./card\";\nexport type { CardProps } from \"./card\";\n"],
+  "mappings": "AAAA,SAAS,MAAM,WAAAA,gBAAe;",
+  "names": ["default"]
+}