@smwb/ui-solid 0.4.0 → 0.4.1

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

@@ -1,4 +1,4 @@
-import "/sourcecraft/workspace/packages/styles/less/components/progressIndicator/progressIndicator.entry.less";
+import "@smwb/ui-styles/less/components/progressIndicator/progressIndicator.entry.less";
 import { Show, createEffect, mergeProps, splitProps } from "solid-js";
 import cn from "clsx";
 function CircularProgress(props) {
@@ -66,4 +66,4 @@ export {
   ProgressIndicator,
   progressIndicator_default as default
 };
-//# sourceMappingURL=progressIndicator.js.map
+//# sourceMappingURL=progressIndicator.jsx.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/feedBack/progressIndicator/progressIndicator.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/progressIndicator/progressIndicator.entry.less\";\nimport { type JSX, Show, createEffect, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\n\nexport type ProgressColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface ProgressIndicatorProps {\n  class?: string;\n  variant: \"circular\" | \"linear\";\n  type: \"determinate\" | \"indeterminate\";\n  progressValue?: number;\n  /** Semantic color. */\n  color?: ProgressColor;\n  /** Circular size preset. */\n  size?: \"small\" | \"medium\" | \"large\";\n  /** Accessible name for the progress bar. */\n  \"aria-label\"?: string;\n  id?: string;\n}\n\nexport interface CircularProgressProps {\n  progressValue?: number;\n}\n\nexport function CircularProgress(props: CircularProgressProps): JSX.Element {\n  let circle: SVGCircleElement | undefined;\n\n  createEffect(() => {\n    const value = props.progressValue ?? 0;\n    if (!circle || !circle.r) return;\n    const radius = circle.r.baseVal.value;\n    if (radius) {\n      const length = 2 * Math.PI * radius;\n      circle.style.strokeDasharray = `${length} ${length}`;\n      circle.style.strokeDashoffset = `${length - (value / 100) * length}`;\n    }\n  });\n\n  return (\n    <svg class=\"smwb-indicator_circular__svg\">\n      <circle class=\"smwb-indicator_circular__circle\" cx=\"24\" cy=\"24\" r=\"22\" ref={circle} />\n    </svg>\n  );\n}\n\nexport function ProgressIndicator(props: ProgressIndicatorProps): JSX.Element {\n  const merged = mergeProps({ progressValue: 0, color: \"primary\" as ProgressColor, size: \"medium\" as const }, props);\n  const [local] = splitProps(merged, [\"type\", \"variant\", \"class\", \"progressValue\", \"color\", \"size\", \"aria-label\", \"id\"]);\n\n  const colorClass = (): string | undefined =>\n    local.color !== \"primary\" ? `smwb-indicator_color-${local.color}` : undefined;\n\n  const ariaProps = (): JSX.HTMLAttributes<HTMLDivElement> => ({\n    role: \"progressbar\",\n    \"aria-label\": local[\"aria-label\"],\n    id: local.id,\n    ...(local.type === \"determinate\"\n      ? { \"aria-valuenow\": local.progressValue, \"aria-valuemin\": 0, \"aria-valuemax\": 100 }\n      : {}),\n  });\n\n  return (\n    <Show\n      when={local.variant === \"circular\"}\n      fallback={\n        <div {...ariaProps()} class={cn(\"smwb-indicator_linear\", `smwb-${local.type}`, colorClass(), local.class)}>\n          <div\n            class=\"smwb-indicator_linear__thumb\"\n            style={local.type === \"determinate\" ? { width: `${local.progressValue}%` } : {}}\n          />\n        </div>\n      }\n    >\n      <div\n        {...ariaProps()}\n        class={cn(\n          \"smwb-indicator_circular\",\n          `smwb-${local.type}`,\n          colorClass(),\n          `smwb-indicator_size-${local.size}`,\n          local.class\n        )}\n      >\n        <Show\n          when={local.type === \"determinate\"}\n          fallback={\n            <>\n              <div class=\"smwb-indicator_circular__thumb\" />\n              <div />\n              <div />\n              <div />\n            </>\n          }\n        >\n          <CircularProgress progressValue={local.progressValue} />\n        </Show>\n      </div>\n    </Show>\n  );\n}\n\nexport default ProgressIndicator;\n"],"mappings":"AAAA,OAAO;AACP,SAAmB,MAAM,cAAc,YAAY,kBAAkB;AACrE,OAAO,QAAQ;AAsBR,SAAS,iBAAiB,OAA2C;AAC1E,MAAI;AAEJ,eAAa,MAAM;AACjB,UAAM,QAAQ,MAAM,iBAAiB;AACrC,QAAI,CAAC,UAAU,CAAC,OAAO,EAAG;AAC1B,UAAM,SAAS,OAAO,EAAE,QAAQ;AAChC,QAAI,QAAQ;AACV,YAAM,SAAS,IAAI,KAAK,KAAK;AAC7B,aAAO,MAAM,kBAAkB,GAAG,MAAM,IAAI,MAAM;AAClD,aAAO,MAAM,mBAAmB,GAAG,SAAU,QAAQ,MAAO,MAAM;AAAA,IACpE;AAAA,EACF,CAAC;AAED,SACE,CAAC,IAAI,MAAM,+BAA+B;AAAA,MACxC,CAAC,OAAO,MAAM,kCAAkC,GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,KAAK,QAAQ,EAAE;AAAA,IACxF,EAFC;AAIL;AAEO,SAAS,kBAAkB,OAA4C;AAC5E,QAAM,SAAS,WAAW,EAAE,eAAe,GAAG,OAAO,WAA4B,MAAM,SAAkB,GAAG,KAAK;AACjH,QAAM,CAAC,KAAK,IAAI,WAAW,QAAQ,CAAC,QAAQ,WAAW,SAAS,iBAAiB,SAAS,QAAQ,cAAc,IAAI,CAAC;AAErH,QAAM,aAAa,MACjB,MAAM,UAAU,YAAY,wBAAwB,MAAM,KAAK,KAAK;AAEtE,QAAM,YAAY,OAA2C;AAAA,IAC3D,MAAM;AAAA,IACN,cAAc,MAAM,YAAY;AAAA,IAChC,IAAI,MAAM;AAAA,IACV,GAAI,MAAM,SAAS,gBACf,EAAE,iBAAiB,MAAM,eAAe,iBAAiB,GAAG,iBAAiB,IAAI,IACjF,CAAC;AAAA,EACP;AAEA,SACE,CAAC;AAAA,IACC,MAAM,MAAM,YAAY;AAAA,IACxB,UACE,CAAC,QAAQ,UAAU,GAAG,OAAO,GAAG,yBAAyB,QAAQ,MAAM,IAAI,IAAI,WAAW,GAAG,MAAM,KAAK,GAAG;AAAA,UACzG,CAAC;AAAA,MACC,MAAM;AAAA,MACN,OAAO,MAAM,SAAS,gBAAgB,EAAE,OAAO,GAAG,MAAM,aAAa,IAAI,IAAI,CAAC;AAAA,IAChF,EAAE;AAAA,QACJ,EALC;AAAA,GAOJ;AAAA,MACC,CAAC;AAAA,QACK,UAAU;AAAA,IACd,OAAO;AAAA,MACL;AAAA,MACA,QAAQ,MAAM,IAAI;AAAA,MAClB,WAAW;AAAA,MACX,uBAAuB,MAAM,IAAI;AAAA,MACjC,MAAM;AAAA,IACR;AAAA,GACD;AAAA,QACC,CAAC;AAAA,IACC,MAAM,MAAM,SAAS;AAAA,IACrB,UACE,EAAE;AAAA,cACA,CAAC,IAAI,MAAM,iCAAiC,EAAE;AAAA,cAC9C,CAAC,IAAI,EAAE;AAAA,cACP,CAAC,IAAI,EAAE;AAAA,cACP,CAAC,IAAI,EAAE;AAAA,YACT;AAAA,GAEH;AAAA,UACC,CAAC,iBAAiB,eAAe,MAAM,eAAe,EAAE;AAAA,QAC1D,EAZC,KAYM;AAAA,MACT,EAvBC,IAuBK;AAAA,IACR,EAnCC;AAqCL;AAEA,IAAO,4BAAQ;","names":[],"file":"progressIndicator.jsx"}
+{"version":3,"sources":["../../../../../src/components/feedBack/progressIndicator/progressIndicator.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/progressIndicator/progressIndicator.entry.less\";\nimport { type JSX, Show, createEffect, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\n\nexport type ProgressColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface ProgressIndicatorProps {\n  class?: string;\n  variant: \"circular\" | \"linear\";\n  type: \"determinate\" | \"indeterminate\";\n  progressValue?: number;\n  /** Semantic color. */\n  color?: ProgressColor;\n  /** Circular size preset. */\n  size?: \"small\" | \"medium\" | \"large\";\n  /** Accessible name for the progress bar. */\n  \"aria-label\"?: string;\n  id?: string;\n}\n\nexport interface CircularProgressProps {\n  progressValue?: number;\n}\n\nexport function CircularProgress(props: CircularProgressProps): JSX.Element {\n  let circle: SVGCircleElement | undefined;\n\n  createEffect(() => {\n    const value = props.progressValue ?? 0;\n    if (!circle || !circle.r) return;\n    const radius = circle.r.baseVal.value;\n    if (radius) {\n      const length = 2 * Math.PI * radius;\n      circle.style.strokeDasharray = `${length} ${length}`;\n      circle.style.strokeDashoffset = `${length - (value / 100) * length}`;\n    }\n  });\n\n  return (\n    <svg class=\"smwb-indicator_circular__svg\">\n      <circle class=\"smwb-indicator_circular__circle\" cx=\"24\" cy=\"24\" r=\"22\" ref={circle} />\n    </svg>\n  );\n}\n\nexport function ProgressIndicator(props: ProgressIndicatorProps): JSX.Element {\n  const merged = mergeProps({ progressValue: 0, color: \"primary\" as ProgressColor, size: \"medium\" as const }, props);\n  const [local] = splitProps(merged, [\"type\", \"variant\", \"class\", \"progressValue\", \"color\", \"size\", \"aria-label\", \"id\"]);\n\n  const colorClass = (): string | undefined =>\n    local.color !== \"primary\" ? `smwb-indicator_color-${local.color}` : undefined;\n\n  const ariaProps = (): JSX.HTMLAttributes<HTMLDivElement> => ({\n    role: \"progressbar\",\n    \"aria-label\": local[\"aria-label\"],\n    id: local.id,\n    ...(local.type === \"determinate\"\n      ? { \"aria-valuenow\": local.progressValue, \"aria-valuemin\": 0, \"aria-valuemax\": 100 }\n      : {}),\n  });\n\n  return (\n    <Show\n      when={local.variant === \"circular\"}\n      fallback={\n        <div {...ariaProps()} class={cn(\"smwb-indicator_linear\", `smwb-${local.type}`, colorClass(), local.class)}>\n          <div\n            class=\"smwb-indicator_linear__thumb\"\n            style={local.type === \"determinate\" ? { width: `${local.progressValue}%` } : {}}\n          />\n        </div>\n      }\n    >\n      <div\n        {...ariaProps()}\n        class={cn(\n          \"smwb-indicator_circular\",\n          `smwb-${local.type}`,\n          colorClass(),\n          `smwb-indicator_size-${local.size}`,\n          local.class\n        )}\n      >\n        <Show\n          when={local.type === \"determinate\"}\n          fallback={\n            <>\n              <div class=\"smwb-indicator_circular__thumb\" />\n              <div />\n              <div />\n              <div />\n            </>\n          }\n        >\n          <CircularProgress progressValue={local.progressValue} />\n        </Show>\n      </div>\n    </Show>\n  );\n}\n\nexport default ProgressIndicator;\n"],"mappings":"AAAA,OAAO;AACP,SAAmB,MAAM,cAAc,YAAY,kBAAkB;AACrE,OAAO,QAAQ;AAsBR,SAAS,iBAAiB,OAA2C;AAC1E,MAAI;AAEJ,eAAa,MAAM;AACjB,UAAM,QAAQ,MAAM,iBAAiB;AACrC,QAAI,CAAC,UAAU,CAAC,OAAO,EAAG;AAC1B,UAAM,SAAS,OAAO,EAAE,QAAQ;AAChC,QAAI,QAAQ;AACV,YAAM,SAAS,IAAI,KAAK,KAAK;AAC7B,aAAO,MAAM,kBAAkB,GAAG,MAAM,IAAI,MAAM;AAClD,aAAO,MAAM,mBAAmB,GAAG,SAAU,QAAQ,MAAO,MAAM;AAAA,IACpE;AAAA,EACF,CAAC;AAED,SACE,CAAC,IAAI,MAAM,+BAA+B;AAAA,MACxC,CAAC,OAAO,MAAM,kCAAkC,GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,KAAK,QAAQ,EAAE;AAAA,IACxF,EAFC;AAIL;AAEO,SAAS,kBAAkB,OAA4C;AAC5E,QAAM,SAAS,WAAW,EAAE,eAAe,GAAG,OAAO,WAA4B,MAAM,SAAkB,GAAG,KAAK;AACjH,QAAM,CAAC,KAAK,IAAI,WAAW,QAAQ,CAAC,QAAQ,WAAW,SAAS,iBAAiB,SAAS,QAAQ,cAAc,IAAI,CAAC;AAErH,QAAM,aAAa,MACjB,MAAM,UAAU,YAAY,wBAAwB,MAAM,KAAK,KAAK;AAEtE,QAAM,YAAY,OAA2C;AAAA,IAC3D,MAAM;AAAA,IACN,cAAc,MAAM,YAAY;AAAA,IAChC,IAAI,MAAM;AAAA,IACV,GAAI,MAAM,SAAS,gBACf,EAAE,iBAAiB,MAAM,eAAe,iBAAiB,GAAG,iBAAiB,IAAI,IACjF,CAAC;AAAA,EACP;AAEA,SACE,CAAC;AAAA,IACC,MAAM,MAAM,YAAY;AAAA,IACxB,UACE,CAAC,QAAQ,UAAU,GAAG,OAAO,GAAG,yBAAyB,QAAQ,MAAM,IAAI,IAAI,WAAW,GAAG,MAAM,KAAK,GAAG;AAAA,UACzG,CAAC;AAAA,MACC,MAAM;AAAA,MACN,OAAO,MAAM,SAAS,gBAAgB,EAAE,OAAO,GAAG,MAAM,aAAa,IAAI,IAAI,CAAC;AAAA,IAChF,EAAE;AAAA,QACJ,EALC;AAAA,GAOJ;AAAA,MACC,CAAC;AAAA,QACK,UAAU;AAAA,IACd,OAAO;AAAA,MACL;AAAA,MACA,QAAQ,MAAM,IAAI;AAAA,MAClB,WAAW;AAAA,MACX,uBAAuB,MAAM,IAAI;AAAA,MACjC,MAAM;AAAA,IACR;AAAA,GACD;AAAA,QACC,CAAC;AAAA,IACC,MAAM,MAAM,SAAS;AAAA,IACrB,UACE,EAAE;AAAA,cACA,CAAC,IAAI,MAAM,iCAAiC,EAAE;AAAA,cAC9C,CAAC,IAAI,EAAE;AAAA,cACP,CAAC,IAAI,EAAE;AAAA,cACP,CAAC,IAAI,EAAE;AAAA,YACT;AAAA,GAEH;AAAA,UACC,CAAC,iBAAiB,eAAe,MAAM,eAAe,EAAE;AAAA,QAC1D,EAZC,KAYM;AAAA,MACT,EAvBC,IAuBK;AAAA,IACR,EAnCC;AAqCL;AAEA,IAAO,4BAAQ;","names":[],"file":"progressIndicator.jsx"}

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

@@ -1,4 +1,4 @@
-import "/sourcecraft/workspace/packages/styles/less/components/skeleton/skeleton.entry.less";
+import "@smwb/ui-styles/less/components/skeleton/skeleton.entry.less";
 import { For, Show, mergeProps, splitProps } from "solid-js";
 import { Dynamic } from "solid-js/web";
 import cn from "clsx";
@@ -63,4 +63,4 @@ export {
   Skeleton,
   skeleton_default as default
 };
-//# sourceMappingURL=skeleton.js.map
+//# sourceMappingURL=skeleton.jsx.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/feedBack/skeleton/skeleton.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/skeleton/skeleton.entry.less\";\nimport { type JSX, For, Show, mergeProps, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface SkeletonProps extends JSX.HTMLAttributes<HTMLElement> {\n  /** Shape of the placeholder. */\n  variant?: \"text\" | \"circular\" | \"rounded\" | \"rectangular\";\n  /** Width — number (px) or any CSS length. */\n  width?: number | string;\n  /** Height — number (px) or any CSS length. */\n  height?: number | string;\n  /** Shimmer animation; pass false to disable. */\n  animation?: \"pulse\" | \"wave\" | false;\n  /** Render N stacked placeholders. */\n  count?: number;\n  /** Stagger consecutive items by N ms (with `count`). */\n  animationDelay?: number;\n  /** Root element. */\n  component?: \"span\" | \"div\";\n  ref?: Ref<HTMLElement>;\n}\n\nconst toCssSize = (value?: number | string): string | undefined => (typeof value === \"number\" ? `${value}px` : value);\n\nexport function Skeleton(props: SkeletonProps): JSX.Element {\n  const merged = mergeProps(\n    { variant: \"text\" as const, animation: \"pulse\" as const, count: 1, component: \"span\" as const },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"variant\",\n    \"width\",\n    \"height\",\n    \"animation\",\n    \"count\",\n    \"animationDelay\",\n    \"component\",\n    \"style\",\n    \"ref\",\n  ]);\n\n  const className = (): string =>\n    cn(\n      \"smwb-skeleton\",\n      `smwb-skeleton_${local.variant}`,\n      local.animation === false ? \"smwb-skeleton_no-animation\" : `smwb-skeleton_${local.animation}`,\n      local.class\n    );\n\n  const itemStyle = (index: number): JSX.CSSProperties => ({\n    ...(typeof local.style === \"object\" && local.style ? local.style : {}),\n    width: toCssSize(local.width),\n    height: toCssSize(local.height),\n    ...(local.animationDelay ? { \"animation-delay\": `${index * local.animationDelay}ms` } : {}),\n  });\n\n  return (\n    <Show\n      when={local.count > 1}\n      fallback={\n        <Dynamic\n          component={local.component}\n          {...rest}\n          ref={mergeRefs(local.ref)}\n          data-testid=\"skeleton\"\n          aria-hidden=\"true\"\n          class={className()}\n          style={itemStyle(0)}\n        />\n      }\n    >\n      <span ref={mergeRefs(local.ref)} class=\"smwb-skeleton__group\" aria-hidden=\"true\">\n        <For each={Array.from({ length: local.count }, (_, i) => i)}>\n          {(index) => (\n            <Dynamic\n              component={local.component}\n              data-testid=\"skeleton\"\n              aria-hidden=\"true\"\n              class={className()}\n              style={itemStyle(index)}\n            />\n          )}\n        </For>\n      </span>\n    </Show>\n  );\n}\n\nexport default Skeleton;\n"],"mappings":"AAAA,OAAO;AACP,SAAmB,KAAK,MAAM,YAAY,kBAAkB;AAC5D,SAAS,eAAe;AACxB,OAAO,QAAQ;AACf,SAAS,iBAA2B;AAoBpC,MAAM,YAAY,CAAC,UAAiD,OAAO,UAAU,WAAW,GAAG,KAAK,OAAO;AAExG,SAAS,SAAS,OAAmC;AAC1D,QAAM,SAAS;AAAA,IACb,EAAE,SAAS,QAAiB,WAAW,SAAkB,OAAO,GAAG,WAAW,OAAgB;AAAA,IAC9F;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,YAAY,MAChB;AAAA,IACE;AAAA,IACA,iBAAiB,MAAM,OAAO;AAAA,IAC9B,MAAM,cAAc,QAAQ,+BAA+B,iBAAiB,MAAM,SAAS;AAAA,IAC3F,MAAM;AAAA,EACR;AAEF,QAAM,YAAY,CAAC,WAAsC;AAAA,IACvD,GAAI,OAAO,MAAM,UAAU,YAAY,MAAM,QAAQ,MAAM,QAAQ,CAAC;AAAA,IACpE,OAAO,UAAU,MAAM,KAAK;AAAA,IAC5B,QAAQ,UAAU,MAAM,MAAM;AAAA,IAC9B,GAAI,MAAM,iBAAiB,EAAE,mBAAmB,GAAG,QAAQ,MAAM,cAAc,KAAK,IAAI,CAAC;AAAA,EAC3F;AAEA,SACE,CAAC;AAAA,IACC,MAAM,MAAM,QAAQ;AAAA,IACpB,UACE,CAAC;AAAA,MACC,WAAW,MAAM;AAAA,UACb;AAAA,MACJ,KAAK,UAAU,MAAM,GAAG;AAAA,MACxB,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,OAAO,UAAU;AAAA,MACjB,OAAO,UAAU,CAAC;AAAA,IACpB;AAAA,GAEH;AAAA,MACC,CAAC,KAAK,KAAK,UAAU,MAAM,GAAG,GAAG,MAAM,uBAAuB,YAAY,OAAO;AAAA,QAC/E,CAAC,IAAI,MAAM,MAAM,KAAK,EAAE,QAAQ,MAAM,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG;AAAA,WAC1D,CAAC,UACA,CAAC;AAAA,IACC,WAAW,MAAM;AAAA,IACjB,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,OAAO,UAAU;AAAA,IACjB,OAAO,UAAU,KAAK;AAAA,EACxB,GACA;AAAA,QACJ,EAVC,IAUK;AAAA,MACR,EAZC,KAYM;AAAA,IACT,EA3BC;AA6BL;AAEA,IAAO,mBAAQ;","names":[],"file":"skeleton.jsx"}
+{"version":3,"sources":["../../../../../src/components/feedBack/skeleton/skeleton.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/skeleton/skeleton.entry.less\";\nimport { type JSX, For, Show, mergeProps, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface SkeletonProps extends JSX.HTMLAttributes<HTMLElement> {\n  /** Shape of the placeholder. */\n  variant?: \"text\" | \"circular\" | \"rounded\" | \"rectangular\";\n  /** Width — number (px) or any CSS length. */\n  width?: number | string;\n  /** Height — number (px) or any CSS length. */\n  height?: number | string;\n  /** Shimmer animation; pass false to disable. */\n  animation?: \"pulse\" | \"wave\" | false;\n  /** Render N stacked placeholders. */\n  count?: number;\n  /** Stagger consecutive items by N ms (with `count`). */\n  animationDelay?: number;\n  /** Root element. */\n  component?: \"span\" | \"div\";\n  ref?: Ref<HTMLElement>;\n}\n\nconst toCssSize = (value?: number | string): string | undefined => (typeof value === \"number\" ? `${value}px` : value);\n\nexport function Skeleton(props: SkeletonProps): JSX.Element {\n  const merged = mergeProps(\n    { variant: \"text\" as const, animation: \"pulse\" as const, count: 1, component: \"span\" as const },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"variant\",\n    \"width\",\n    \"height\",\n    \"animation\",\n    \"count\",\n    \"animationDelay\",\n    \"component\",\n    \"style\",\n    \"ref\",\n  ]);\n\n  const className = (): string =>\n    cn(\n      \"smwb-skeleton\",\n      `smwb-skeleton_${local.variant}`,\n      local.animation === false ? \"smwb-skeleton_no-animation\" : `smwb-skeleton_${local.animation}`,\n      local.class\n    );\n\n  const itemStyle = (index: number): JSX.CSSProperties => ({\n    ...(typeof local.style === \"object\" && local.style ? local.style : {}),\n    width: toCssSize(local.width),\n    height: toCssSize(local.height),\n    ...(local.animationDelay ? { \"animation-delay\": `${index * local.animationDelay}ms` } : {}),\n  });\n\n  return (\n    <Show\n      when={local.count > 1}\n      fallback={\n        <Dynamic\n          component={local.component}\n          {...rest}\n          ref={mergeRefs(local.ref)}\n          data-testid=\"skeleton\"\n          aria-hidden=\"true\"\n          class={className()}\n          style={itemStyle(0)}\n        />\n      }\n    >\n      <span ref={mergeRefs(local.ref)} class=\"smwb-skeleton__group\" aria-hidden=\"true\">\n        <For each={Array.from({ length: local.count }, (_, i) => i)}>\n          {(index) => (\n            <Dynamic\n              component={local.component}\n              data-testid=\"skeleton\"\n              aria-hidden=\"true\"\n              class={className()}\n              style={itemStyle(index)}\n            />\n          )}\n        </For>\n      </span>\n    </Show>\n  );\n}\n\nexport default Skeleton;\n"],"mappings":"AAAA,OAAO;AACP,SAAmB,KAAK,MAAM,YAAY,kBAAkB;AAC5D,SAAS,eAAe;AACxB,OAAO,QAAQ;AACf,SAAS,iBAA2B;AAoBpC,MAAM,YAAY,CAAC,UAAiD,OAAO,UAAU,WAAW,GAAG,KAAK,OAAO;AAExG,SAAS,SAAS,OAAmC;AAC1D,QAAM,SAAS;AAAA,IACb,EAAE,SAAS,QAAiB,WAAW,SAAkB,OAAO,GAAG,WAAW,OAAgB;AAAA,IAC9F;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,YAAY,MAChB;AAAA,IACE;AAAA,IACA,iBAAiB,MAAM,OAAO;AAAA,IAC9B,MAAM,cAAc,QAAQ,+BAA+B,iBAAiB,MAAM,SAAS;AAAA,IAC3F,MAAM;AAAA,EACR;AAEF,QAAM,YAAY,CAAC,WAAsC;AAAA,IACvD,GAAI,OAAO,MAAM,UAAU,YAAY,MAAM,QAAQ,MAAM,QAAQ,CAAC;AAAA,IACpE,OAAO,UAAU,MAAM,KAAK;AAAA,IAC5B,QAAQ,UAAU,MAAM,MAAM;AAAA,IAC9B,GAAI,MAAM,iBAAiB,EAAE,mBAAmB,GAAG,QAAQ,MAAM,cAAc,KAAK,IAAI,CAAC;AAAA,EAC3F;AAEA,SACE,CAAC;AAAA,IACC,MAAM,MAAM,QAAQ;AAAA,IACpB,UACE,CAAC;AAAA,MACC,WAAW,MAAM;AAAA,UACb;AAAA,MACJ,KAAK,UAAU,MAAM,GAAG;AAAA,MACxB,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,OAAO,UAAU;AAAA,MACjB,OAAO,UAAU,CAAC;AAAA,IACpB;AAAA,GAEH;AAAA,MACC,CAAC,KAAK,KAAK,UAAU,MAAM,GAAG,GAAG,MAAM,uBAAuB,YAAY,OAAO;AAAA,QAC/E,CAAC,IAAI,MAAM,MAAM,KAAK,EAAE,QAAQ,MAAM,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG;AAAA,WAC1D,CAAC,UACA,CAAC;AAAA,IACC,WAAW,MAAM;AAAA,IACjB,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,OAAO,UAAU;AAAA,IACjB,OAAO,UAAU,KAAK;AAAA,EACxB,GACA;AAAA,QACJ,EAVC,IAUK;AAAA,MACR,EAZC,KAYM;AAAA,IACT,EA3BC;AA6BL;AAEA,IAAO,mBAAQ;","names":[],"file":"skeleton.jsx"}

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

@@ -1,4 +1,4 @@
-import "/sourcecraft/workspace/packages/styles/less/components/snackbar/snackbar.entry.less";
+import "@smwb/ui-styles/less/components/snackbar/snackbar.entry.less";
 import {
   For,
   Show,
@@ -194,4 +194,4 @@ export {
   useSnackbar,
   variants
 };
-//# sourceMappingURL=snackbar.js.map
+//# sourceMappingURL=snackbar.jsx.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/feedBack/snackbar/snackbar.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/snackbar/snackbar.entry.less\";\nimport {\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":"AAAA,OAAO;AACP;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,SAAS,cAAc;AAChC,OAAO,QAAQ;AACf,SAAS,6BAA6B;AACtC,SAAS,2BAA2B;AACpC,SAAS,iBAA2B;AAE7B,MAAM,WAAW,CAAC,QAAQ,SAAS,UAAU,WAAW,WAAW,MAAM;AACzE,MAAM,YAAY,CAAC,OAAO,UAAU,YAAY,aAAa,gBAAgB,aAAa;AA8CjG,MAAM,kBAAkB,cAA+B;AAAA,EACrD,aAAa,MAAM;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB,MAAM;AAAA,EAC1B,mBAAmB,MAAM;AAAA,EACzB,mBAAmB,MAAM;AAC3B,CAAC;AAED,IAAI,eAAe;AAEnB,MAAM,sBAAsB;AAAA,EAC1B,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AACd;AAiBO,SAAS,SAAS,OAAmC;AAC1D,QAAM,SAAS,WAAW,EAAE,SAAS,QAAoB,UAAU,aAAyB,WAAW,MAAM,GAAG,KAAK;AACrH,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,EACF,CAAC;AAED,MAAI;AACJ,UAAQ,MAAM;AACZ,QAAI,MAAM,WAAW,MAAM,eAAe,MAAM,eAAe;AAC7D,cAAQ,WAAW,MAAM,MAAM,UAAU,GAAG,MAAM,aAAa;AAAA,IACjE;AAAA,EACF,CAAC;AACD,YAAU,MAAM;AACd,QAAI,UAAU,OAAW,cAAa,KAAK;AAAA,EAC7C,CAAC;AAED,SACE,CAAC;AAAA,IACC,WAAW,MAAM,aAAa;AAAA,QAC1B;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,OAAO,GAAG,iBAAiB,MAAM,OAAO,QAAQ,MAAM,OAAO,IAAI,QAAQ,MAAM,QAAQ,IAAI,MAAM,eAAe;AAAA,IAChH,SAAS,MAAM;AAAA,IACf,KAAK;AAAA,IACL,WAAW,MAAM,YAAY,WAAW,cAAc;AAAA,IACtD,YAAY;AAAA,GACb;AAAA,MACC,CAAC,IAAI,MAAM,uBAAuB,MAAM,QAAQ,EAA/C,IAAqD;AAAA,MACtD,CAAC,KAAK,MAAM,MAAM,UAAU,MAAM;AAAA,QAChC,CAAC,IAAI,MAAM,yBAAyB,MAAM,OAAO,EAAhD,IAAsD;AAAA,MACzD,EAFC,KAEM;AAAA,IACT,EAdC;AAgBL;AAEA,SAAS,cAAc,OASP;AACd,QAAM,aAAa,oBAAoB;AAAA,IACrC,IAAI,MAAM;AAAA,IACV,QAAQ;AAAA,IACR,SAAS,EAAE,QAAQ,KAAK,OAAO,KAAK,MAAM,IAAI;AAAA,IAC9C,YAAY;AAAA,EACd,CAAC;AACD,SACE,CAAC;AAAA,IACC,WAAW,MAAM,MAAM,aAAa,MAAM;AAAA,IAC1C,SAAS,MAAM,MAAM;AAAA,IACrB,UAAU,MAAM,MAAM,YAAY,MAAM;AAAA,IACxC,SAAS,MAAM,MAAM,WAAW,MAAM;AAAA,IACtC,OAAO,MAAM,MAAM;AAAA,IACnB,iBAAiB,WAAW,QAAQ;AAAA,IACpC,aAAa,MAAM,MAAM,aAAa,MAAM;AAAA,IAC5C,eAAe,MAAM,MAAM,iBAAiB,MAAM;AAAA,IAClD,SAAS,MAAM,MAAM,SAAS,MAAM,MAAM,EAAE;AAAA,IAC5C,SAAS,MAAM,MAAM,QAAQ,MAAM,MAAM,EAAE;AAAA,EAC7C;AAEJ;AAEO,SAAS,iBAAiB,OAAyD;AACxF,QAAM,SAAS;AAAA,IACb;AAAA,MACE,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW;AAAA,MACX,eAAe;AAAA,MACf,cAAc;AAAA,MACd,WAAW;AAAA,IACb;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,EACF,CAAC;AAED,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAsB,CAAC,CAAC;AACpD,QAAM,aAAa,sBAAsB;AAEzC,QAAM,cAA2B,CAAC,YAAY;AAC5C,UAAM,EAAE,KAAK,GAAG,WAAW,IAAI;AAC/B,UAAM,KAAK,OAAO,SAAS,EAAE,YAAY;AACzC,UAAM,QAAe,EAAE,IAAI,GAAG,WAAW;AACzC,cAAU,CAAC,SAAS;AAClB,YAAM,QAAQ,KAAK,UAAU,CAAC,SAAS,KAAK,OAAO,EAAE;AACrD,UAAI,UAAU,GAAI,QAAO,CAAC,GAAG,MAAM,KAAK;AACxC,YAAM,OAAO,CAAC,GAAG,IAAI;AACrB,WAAK,KAAK,IAAI;AACd,aAAO;AAAA,IACT,CAAC;AACD,WAAO;AAAA,EACT;AAEA,QAAM,oBAAoB,CAAC,OAAqB;AAC9C,cAAU,CAAC,SAAS,KAAK,OAAO,CAAC,SAAS,KAAK,OAAO,EAAE,CAAC;AAAA,EAC3D;AACA,QAAM,oBAAoB,MAAY;AACpC,cAAU,CAAC,CAAC;AAAA,EACd;AACA,QAAM,qBAAqB,MAAY;AACrC,cAAU,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC;AAAA,EACnC;AACA,QAAM,oBAAoB,MAAY;AACpC,cAAU,CAAC,SAAS,KAAK,MAAM,GAAG,EAAE,CAAC;AAAA,EACvC;AAEA,QAAM,WAAW,CAAC,OAAqB;AACrC,QAAI,MAAM,aAAc,mBAAkB,EAAE;AAAA,EAC9C;AAEA,QAAM,UAAU,MAAkC;AAChD,UAAM,MAAM,CAAC;AACb,eAAW,SAAS,OAAO,GAAG;AAC5B,YAAM,MAAM,MAAM,YAAY,MAAM;AACpC,OAAC,IAAI,GAAG,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,KAAK;AAAA,IACxC;AACA,WAAO,OAAO,QAAQ,GAAG;AAAA,EAC3B;AAEA,SACE,CAAC,gBAAgB;AAAA,IACf,OAAO,EAAE,aAAa,mBAAmB,oBAAoB,mBAAmB,kBAAkB;AAAA,GACnG;AAAA,OACE,MAAM,SAAS;AAAA,MAChB,CAAC,KAAK,MAAM,WAAW,GAAG;AAAA,QACxB,CAAC,OAAO,OAAO,WAAW,GAAI;AAAA,UAC5B,CAAC,IAAI,MAAM,QAAQ,GAAG;AAAA,aACnB,CAAC,CAAC,KAAK,IAAI,MACV,CAAC,IAAI,OAAO,GAAG,kBAAkB,QAAQ,GAAG,EAAE,GAAG,aAAa,aAAa,GAAG,IAAI;AAAA,gBAChF,CAAC,IAAI,MAAM,MAAM;AAAA,mBACd,CAAC,UACA,CAAC;AAAA,IACC,OAAO;AAAA,IACP,UAAU,MAAM;AAAA,IAChB,SAAS,MAAM;AAAA,IACf,WAAW,MAAM;AAAA,IACjB,WAAW,MAAM;AAAA,IACjB,eAAe,MAAM;AAAA,IACrB,UAAU;AAAA,IACV,SAAS;AAAA,EACX,GACA;AAAA,gBACJ,EAbC,IAaK;AAAA,cACR,EAfC,KAgBD;AAAA,UACJ,EAnBC,IAmBK;AAAA,QACR,EArBC,OAqBQ;AAAA,MACX,EAvBC,KAuBM;AAAA,IACT,EA5BC,gBAAgB;AA8BrB;AAEO,SAAS,cAA+B;AAC7C,SAAO,WAAW,eAAe;AACnC;AAEA,IAAO,mBAAQ;","names":[],"file":"snackbar.jsx"}
+{"version":3,"sources":["../../../../../src/components/feedBack/snackbar/snackbar.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/snackbar/snackbar.entry.less\";\nimport {\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/source/components/feedBack/tooltip/tooltip.jsx

@@ -1,4 +1,4 @@
-import "/sourcecraft/workspace/packages/styles/less/components/tooltip/tooltip.entry.less";
+import "@smwb/ui-styles/less/components/tooltip/tooltip.entry.less";
 import { Show, createSignal, mergeProps, onCleanup, splitProps } from "solid-js";
 import cn from "clsx";
 import { offset as offsetMiddleware } from "@floating-ui/dom";
@@ -90,4 +90,4 @@ export {
   Tooltip,
   tooltip_default as default
 };
-//# sourceMappingURL=tooltip.js.map
+//# sourceMappingURL=tooltip.jsx.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/feedBack/tooltip/tooltip.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/tooltip/tooltip.entry.less\";\nimport { type JSX, type ParentProps, Show, createSignal, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { offset as offsetMiddleware } from \"@floating-ui/dom\";\nimport { type Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type TooltipTrigger = \"hover\" | \"click\" | \"manual\";\n\nexport interface TooltipProps {\n  class?: string;\n  offset?: {\n    offsetX?: number;\n    offsetY?: number;\n  };\n  message: JSX.Element;\n  placement?: Placement;\n  /** Controls tooltip visibility when trigger is manual. */\n  open?: boolean;\n  /** hover (default): show on pointer enter; click: toggle; manual: use open only. */\n  trigger?: TooltipTrigger;\n  openDelay?: number;\n  closeDelay?: number;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Tooltip(props: ParentProps<TooltipProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      placement: \"top\" as Placement,\n      offset: { offsetX: 0, offsetY: 0 },\n      trigger: \"hover\" as TooltipTrigger,\n      openDelay: 0,\n      closeDelay: 0,\n    },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"placement\",\n    \"offset\",\n    \"message\",\n    \"open\",\n    \"trigger\",\n    \"openDelay\",\n    \"closeDelay\",\n    \"ref\",\n  ]);\n\n  const [hoverOpen, setHoverOpen] = createSignal(false);\n  const [clickOpen, setClickOpen] = createSignal(false);\n  let openTimer: ReturnType<typeof setTimeout> | null = null;\n  let closeTimer: ReturnType<typeof setTimeout> | null = null;\n\n  const clearTimers = (): void => {\n    if (openTimer !== null) {\n      clearTimeout(openTimer);\n      openTimer = null;\n    }\n    if (closeTimer !== null) {\n      clearTimeout(closeTimer);\n      closeTimer = null;\n    }\n  };\n  onCleanup(clearTimers);\n\n  const scheduleOpen = (): void => {\n    clearTimers();\n    if (local.openDelay <= 0) {\n      setHoverOpen(true);\n      return;\n    }\n    openTimer = setTimeout(() => setHoverOpen(true), local.openDelay);\n  };\n  const scheduleClose = (): void => {\n    clearTimers();\n    if (local.closeDelay <= 0) {\n      setHoverOpen(false);\n      return;\n    }\n    closeTimer = setTimeout(() => setHoverOpen(false), local.closeDelay);\n  };\n\n  const resolved = () => resolvePlacement(local.placement);\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => [\n      offsetMiddleware({ mainAxis: local.offset?.offsetY ?? 0, crossAxis: local.offset?.offsetX ?? 0 }),\n      resolved().autoMiddleware,\n    ],\n  });\n\n  const isVisible = (): boolean =>\n    local.trigger === \"manual\" ? local.open === true : local.trigger === \"click\" ? clickOpen() : hoverOpen();\n\n  return (\n    <div class=\"smwb-tooltip__wrapper\" role=\"tooltip\" ref={mergeRefs(local.ref)}>\n      <div\n        class=\"smwb-tooltip__ref\"\n        ref={floating.setReference}\n        onPointerEnter={local.trigger === \"hover\" ? scheduleOpen : undefined}\n        onPointerLeave={local.trigger === \"hover\" ? scheduleClose : undefined}\n        onClick={local.trigger === \"click\" ? () => setClickOpen((prev) => !prev) : undefined}\n      >\n        {local.children}\n      </div>\n      <Show when={isVisible()}>\n        <div ref={floating.setFloating} class={cn(\"smwb-tooltip\", local.class)} style={floating.floatingStyles()}>\n          {local.message}\n        </div>\n      </Show>\n    </div>\n  );\n}\n\nexport default Tooltip;\n"],"mappings":"AAAA,OAAO;AACP,SAAqC,MAAM,cAAc,YAAY,WAAW,kBAAkB;AAClG,OAAO,QAAQ;AACf,SAAS,UAAU,wBAAwB;AAC3C,SAAyB,wBAAwB;AACjD,SAAS,sBAAsB;AAC/B,SAAS,iBAA2B;AAqB7B,SAAS,QAAQ,OAA+C;AACrE,QAAM,SAAS;AAAA,IACb;AAAA,MACE,WAAW;AAAA,MACX,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE;AAAA,MACjC,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,IACd;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,KAAK,IAAI,WAAW,QAAQ;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,CAAC,WAAW,YAAY,IAAI,aAAa,KAAK;AACpD,QAAM,CAAC,WAAW,YAAY,IAAI,aAAa,KAAK;AACpD,MAAI,YAAkD;AACtD,MAAI,aAAmD;AAEvD,QAAM,cAAc,MAAY;AAC9B,QAAI,cAAc,MAAM;AACtB,mBAAa,SAAS;AACtB,kBAAY;AAAA,IACd;AACA,QAAI,eAAe,MAAM;AACvB,mBAAa,UAAU;AACvB,mBAAa;AAAA,IACf;AAAA,EACF;AACA,YAAU,WAAW;AAErB,QAAM,eAAe,MAAY;AAC/B,gBAAY;AACZ,QAAI,MAAM,aAAa,GAAG;AACxB,mBAAa,IAAI;AACjB;AAAA,IACF;AACA,gBAAY,WAAW,MAAM,aAAa,IAAI,GAAG,MAAM,SAAS;AAAA,EAClE;AACA,QAAM,gBAAgB,MAAY;AAChC,gBAAY;AACZ,QAAI,MAAM,cAAc,GAAG;AACzB,mBAAa,KAAK;AAClB;AAAA,IACF;AACA,iBAAa,WAAW,MAAM,aAAa,KAAK,GAAG,MAAM,UAAU;AAAA,EACrE;AAEA,QAAM,WAAW,MAAM,iBAAiB,MAAM,SAAS;AACvD,QAAM,WAAW,eAAe;AAAA,IAC9B,WAAW,MAAM,SAAS,EAAE;AAAA,IAC5B,YAAY,MAAM;AAAA,MAChB,iBAAiB,EAAE,UAAU,MAAM,QAAQ,WAAW,GAAG,WAAW,MAAM,QAAQ,WAAW,EAAE,CAAC;AAAA,MAChG,SAAS,EAAE;AAAA,IACb;AAAA,EACF,CAAC;AAED,QAAM,YAAY,MAChB,MAAM,YAAY,WAAW,MAAM,SAAS,OAAO,MAAM,YAAY,UAAU,UAAU,IAAI,UAAU;AAEzG,SACE,CAAC,IAAI,MAAM,wBAAwB,KAAK,UAAU,KAAK,UAAU,MAAM,GAAG,GAAG;AAAA,MAC3E,CAAC;AAAA,IACC,MAAM;AAAA,IACN,KAAK,SAAS;AAAA,IACd,gBAAgB,MAAM,YAAY,UAAU,eAAe;AAAA,IAC3D,gBAAgB,MAAM,YAAY,UAAU,gBAAgB;AAAA,IAC5D,SAAS,MAAM,YAAY,UAAU,MAAM,aAAa,CAAC,SAAS,CAAC,IAAI,IAAI;AAAA,GAC5E;AAAA,SACE,MAAM,SAAS;AAAA,MAClB,EARC,IAQK;AAAA,MACN,CAAC,KAAK,MAAM,UAAU,GAAG;AAAA,QACvB,CAAC,IAAI,KAAK,SAAS,aAAa,OAAO,GAAG,gBAAgB,MAAM,KAAK,GAAG,OAAO,SAAS,eAAe,GAAG;AAAA,WACvG,MAAM,QAAQ;AAAA,QACjB,EAFC,IAEK;AAAA,MACR,EAJC,KAIM;AAAA,IACT,EAfC;AAiBL;AAEA,IAAO,kBAAQ;","names":[],"file":"tooltip.jsx"}
+{"version":3,"sources":["../../../../../src/components/feedBack/tooltip/tooltip.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/tooltip/tooltip.entry.less\";\nimport { type JSX, type ParentProps, Show, createSignal, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { offset as offsetMiddleware } from \"@floating-ui/dom\";\nimport { type Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type TooltipTrigger = \"hover\" | \"click\" | \"manual\";\n\nexport interface TooltipProps {\n  class?: string;\n  offset?: {\n    offsetX?: number;\n    offsetY?: number;\n  };\n  message: JSX.Element;\n  placement?: Placement;\n  /** Controls tooltip visibility when trigger is manual. */\n  open?: boolean;\n  /** hover (default): show on pointer enter; click: toggle; manual: use open only. */\n  trigger?: TooltipTrigger;\n  openDelay?: number;\n  closeDelay?: number;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Tooltip(props: ParentProps<TooltipProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      placement: \"top\" as Placement,\n      offset: { offsetX: 0, offsetY: 0 },\n      trigger: \"hover\" as TooltipTrigger,\n      openDelay: 0,\n      closeDelay: 0,\n    },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"placement\",\n    \"offset\",\n    \"message\",\n    \"open\",\n    \"trigger\",\n    \"openDelay\",\n    \"closeDelay\",\n    \"ref\",\n  ]);\n\n  const [hoverOpen, setHoverOpen] = createSignal(false);\n  const [clickOpen, setClickOpen] = createSignal(false);\n  let openTimer: ReturnType<typeof setTimeout> | null = null;\n  let closeTimer: ReturnType<typeof setTimeout> | null = null;\n\n  const clearTimers = (): void => {\n    if (openTimer !== null) {\n      clearTimeout(openTimer);\n      openTimer = null;\n    }\n    if (closeTimer !== null) {\n      clearTimeout(closeTimer);\n      closeTimer = null;\n    }\n  };\n  onCleanup(clearTimers);\n\n  const scheduleOpen = (): void => {\n    clearTimers();\n    if (local.openDelay <= 0) {\n      setHoverOpen(true);\n      return;\n    }\n    openTimer = setTimeout(() => setHoverOpen(true), local.openDelay);\n  };\n  const scheduleClose = (): void => {\n    clearTimers();\n    if (local.closeDelay <= 0) {\n      setHoverOpen(false);\n      return;\n    }\n    closeTimer = setTimeout(() => setHoverOpen(false), local.closeDelay);\n  };\n\n  const resolved = () => resolvePlacement(local.placement);\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => [\n      offsetMiddleware({ mainAxis: local.offset?.offsetY ?? 0, crossAxis: local.offset?.offsetX ?? 0 }),\n      resolved().autoMiddleware,\n    ],\n  });\n\n  const isVisible = (): boolean =>\n    local.trigger === \"manual\" ? local.open === true : local.trigger === \"click\" ? clickOpen() : hoverOpen();\n\n  return (\n    <div class=\"smwb-tooltip__wrapper\" role=\"tooltip\" ref={mergeRefs(local.ref)}>\n      <div\n        class=\"smwb-tooltip__ref\"\n        ref={floating.setReference}\n        onPointerEnter={local.trigger === \"hover\" ? scheduleOpen : undefined}\n        onPointerLeave={local.trigger === \"hover\" ? scheduleClose : undefined}\n        onClick={local.trigger === \"click\" ? () => setClickOpen((prev) => !prev) : undefined}\n      >\n        {local.children}\n      </div>\n      <Show when={isVisible()}>\n        <div ref={floating.setFloating} class={cn(\"smwb-tooltip\", local.class)} style={floating.floatingStyles()}>\n          {local.message}\n        </div>\n      </Show>\n    </div>\n  );\n}\n\nexport default Tooltip;\n"],"mappings":"AAAA,OAAO;AACP,SAAqC,MAAM,cAAc,YAAY,WAAW,kBAAkB;AAClG,OAAO,QAAQ;AACf,SAAS,UAAU,wBAAwB;AAC3C,SAAyB,wBAAwB;AACjD,SAAS,sBAAsB;AAC/B,SAAS,iBAA2B;AAqB7B,SAAS,QAAQ,OAA+C;AACrE,QAAM,SAAS;AAAA,IACb;AAAA,MACE,WAAW;AAAA,MACX,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE;AAAA,MACjC,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,IACd;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,KAAK,IAAI,WAAW,QAAQ;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,CAAC,WAAW,YAAY,IAAI,aAAa,KAAK;AACpD,QAAM,CAAC,WAAW,YAAY,IAAI,aAAa,KAAK;AACpD,MAAI,YAAkD;AACtD,MAAI,aAAmD;AAEvD,QAAM,cAAc,MAAY;AAC9B,QAAI,cAAc,MAAM;AACtB,mBAAa,SAAS;AACtB,kBAAY;AAAA,IACd;AACA,QAAI,eAAe,MAAM;AACvB,mBAAa,UAAU;AACvB,mBAAa;AAAA,IACf;AAAA,EACF;AACA,YAAU,WAAW;AAErB,QAAM,eAAe,MAAY;AAC/B,gBAAY;AACZ,QAAI,MAAM,aAAa,GAAG;AACxB,mBAAa,IAAI;AACjB;AAAA,IACF;AACA,gBAAY,WAAW,MAAM,aAAa,IAAI,GAAG,MAAM,SAAS;AAAA,EAClE;AACA,QAAM,gBAAgB,MAAY;AAChC,gBAAY;AACZ,QAAI,MAAM,cAAc,GAAG;AACzB,mBAAa,KAAK;AAClB;AAAA,IACF;AACA,iBAAa,WAAW,MAAM,aAAa,KAAK,GAAG,MAAM,UAAU;AAAA,EACrE;AAEA,QAAM,WAAW,MAAM,iBAAiB,MAAM,SAAS;AACvD,QAAM,WAAW,eAAe;AAAA,IAC9B,WAAW,MAAM,SAAS,EAAE;AAAA,IAC5B,YAAY,MAAM;AAAA,MAChB,iBAAiB,EAAE,UAAU,MAAM,QAAQ,WAAW,GAAG,WAAW,MAAM,QAAQ,WAAW,EAAE,CAAC;AAAA,MAChG,SAAS,EAAE;AAAA,IACb;AAAA,EACF,CAAC;AAED,QAAM,YAAY,MAChB,MAAM,YAAY,WAAW,MAAM,SAAS,OAAO,MAAM,YAAY,UAAU,UAAU,IAAI,UAAU;AAEzG,SACE,CAAC,IAAI,MAAM,wBAAwB,KAAK,UAAU,KAAK,UAAU,MAAM,GAAG,GAAG;AAAA,MAC3E,CAAC;AAAA,IACC,MAAM;AAAA,IACN,KAAK,SAAS;AAAA,IACd,gBAAgB,MAAM,YAAY,UAAU,eAAe;AAAA,IAC3D,gBAAgB,MAAM,YAAY,UAAU,gBAAgB;AAAA,IAC5D,SAAS,MAAM,YAAY,UAAU,MAAM,aAAa,CAAC,SAAS,CAAC,IAAI,IAAI;AAAA,GAC5E;AAAA,SACE,MAAM,SAAS;AAAA,MAClB,EARC,IAQK;AAAA,MACN,CAAC,KAAK,MAAM,UAAU,GAAG;AAAA,QACvB,CAAC,IAAI,KAAK,SAAS,aAAa,OAAO,GAAG,gBAAgB,MAAM,KAAK,GAAG,OAAO,SAAS,eAAe,GAAG;AAAA,WACvG,MAAM,QAAQ;AAAA,QACjB,EAFC,IAEK;AAAA,MACR,EAJC,KAIM;AAAA,IACT,EAfC;AAiBL;AAEA,IAAO,kBAAQ;","names":[],"file":"tooltip.jsx"}

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

@@ -1,4 +1,4 @@
-import "/sourcecraft/workspace/packages/styles/less/components/button/button.entry.less";
+import "@smwb/ui-styles/less/components/button/button.entry.less";
 import { Show, mergeProps, splitProps } from "solid-js";
 import cn from "clsx";
 import { Ripple } from "../../base/ripple";
@@ -99,4 +99,4 @@ export {
   Button,
   button_default as default
 };
-//# sourceMappingURL=button.js.map
+//# sourceMappingURL=button.jsx.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/inputs/button/button.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/button/button.entry.less\";\nimport { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { Icon, type IconProps } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { useButtonGroup } from \"../buttonGroups/buttonGroupContext\";\n\nexport interface ButtonProps extends JSX.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {\n  /** Button text. */\n  label?: string;\n  /** Visual style of the button. */\n  variant?: \"contained\" | \"text\" | \"outlined\";\n  /** Button size. */\n  size?: \"small\" | \"medium\" | \"large\";\n  /** Icon as an element (e.g. <Icon/>) or a string (icon name / url / base64). */\n  icon?: JSX.Element | string;\n  /** Props forwarded to the <Icon/> when `icon` is a string. */\n  iconProps?: Omit<IconProps, \"name\">;\n  /** @deprecated use `color`. Kept for backward compatibility. */\n  colorTheme?: \"primary\";\n  /** Semantic color, resolved through `--smwb-*Color*` tokens. */\n  color?: \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n  /** When set, the component renders as an <a>. */\n  href?: string;\n  disabled?: boolean;\n  type?: \"button\" | \"submit\" | \"reset\";\n  /** Stretch to the full width of the container. */\n  fullWidth?: boolean;\n  /** Center the ripple effect. */\n  rippleCenter?: boolean;\n  /** Disable the ripple effect. */\n  disableRipple?: boolean;\n  ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;\n}\n\nexport function Button(props: ParentProps<ButtonProps>): JSX.Element {\n  const group = useButtonGroup();\n  const merged = mergeProps(\n    {\n      get variant(): NonNullable<ButtonProps[\"variant\"]> {\n        return group?.variant ?? \"contained\";\n      },\n      get size(): NonNullable<ButtonProps[\"size\"]> {\n        return group?.size ?? \"medium\";\n      },\n      get colorTheme(): NonNullable<ButtonProps[\"colorTheme\"]> {\n        return group?.colorTheme ?? \"primary\";\n      },\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"label\",\n    \"variant\",\n    \"icon\",\n    \"iconProps\",\n    \"href\",\n    \"class\",\n    \"disabled\",\n    \"children\",\n    \"fullWidth\",\n    \"rippleCenter\",\n    \"disableRipple\",\n    \"size\",\n    \"colorTheme\",\n    \"color\",\n    \"ref\",\n  ]);\n\n  const color = (): string => local.color ?? group?.color ?? local.colorTheme;\n  const disabled = (): boolean | undefined => local.disabled ?? group?.disabled;\n  const fullWidth = (): boolean | undefined => local.fullWidth ?? group?.fullWidth;\n  let rippleActions: RippleActionsRef | undefined;\n\n  const classes = (): string =>\n    cn(\n      \"smwb-button\",\n      `smwb-${local.variant}`,\n      `smwb-${local.size}`,\n      color() === \"primary\" ? \"smwb-primary\" : `smwb-button_color-${color()}`,\n      group && \"smwb-button-group__grouped\",\n      local.class,\n      {\n        \"smwb-disabled\": disabled(),\n        \"smwb-full-width\": fullWidth(),\n      }\n    );\n\n  // Ripple on pointerdown so it fires for touch and pen, not just mouse.\n  const onPointerDown = (event: PointerEvent): void => {\n    if (!disabled()) {\n      rippleActions?.onRipple(event);\n    }\n  };\n\n  const iconElement = (): JSX.Element =>\n    typeof local.icon === \"string\" ? <Icon {...(local.iconProps ?? {})} name={local.icon} /> : (local.icon as JSX.Element);\n\n  const content = (): JSX.Element => (\n    <>\n      <Show when={local.icon}>{iconElement()}</Show>\n      {local.label ? local.label : local.children}\n      <Show when={!local.disableRipple}>\n        <Ripple actionRef={(actions) => (rippleActions = actions)} center={local.rippleCenter} />\n      </Show>\n    </>\n  );\n\n  return (\n    <Show\n      when={local.href}\n      fallback={\n        <button\n          data-testid=\"button\"\n          {...rest}\n          ref={mergeRefs(local.ref)}\n          class={classes()}\n          onPointerDown={onPointerDown}\n          disabled={!!disabled()}\n        >\n          {content()}\n        </button>\n      }\n    >\n      <a\n        data-testid=\"button-link\"\n        {...rest}\n        ref={mergeRefs(local.ref)}\n        class={classes()}\n        href={local.href}\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        onPointerDown={onPointerDown}\n      >\n        {content()}\n      </a>\n    </Show>\n  );\n}\n\nexport default Button;\n"],"mappings":"AAAA,OAAO;AACP,SAAqC,MAAM,YAAY,kBAAkB;AACzE,OAAO,QAAQ;AACf,SAAS,cAAqC;AAC9C,SAAS,YAA4B;AACrC,SAAS,iBAA2B;AACpC,SAAS,sBAAsB;AA8BxB,SAAS,OAAO,OAA8C;AACnE,QAAM,QAAQ,eAAe;AAC7B,QAAM,SAAS;AAAA,IACb;AAAA,MACE,IAAI,UAA+C;AACjD,eAAO,OAAO,WAAW;AAAA,MAC3B;AAAA,MACA,IAAI,OAAyC;AAC3C,eAAO,OAAO,QAAQ;AAAA,MACxB;AAAA,MACA,IAAI,aAAqD;AACvD,eAAO,OAAO,cAAc;AAAA,MAC9B;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,QAAQ,MAAc,MAAM,SAAS,OAAO,SAAS,MAAM;AACjE,QAAM,WAAW,MAA2B,MAAM,YAAY,OAAO;AACrE,QAAM,YAAY,MAA2B,MAAM,aAAa,OAAO;AACvE,MAAI;AAEJ,QAAM,UAAU,MACd;AAAA,IACE;AAAA,IACA,QAAQ,MAAM,OAAO;AAAA,IACrB,QAAQ,MAAM,IAAI;AAAA,IAClB,MAAM,MAAM,YAAY,iBAAiB,qBAAqB,MAAM,CAAC;AAAA,IACrE,SAAS;AAAA,IACT,MAAM;AAAA,IACN;AAAA,MACE,iBAAiB,SAAS;AAAA,MAC1B,mBAAmB,UAAU;AAAA,IAC/B;AAAA,EACF;AAGF,QAAM,gBAAgB,CAAC,UAA8B;AACnD,QAAI,CAAC,SAAS,GAAG;AACf,qBAAe,SAAS,KAAK;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,cAAc,MAClB,OAAO,MAAM,SAAS,WAAW,CAAC,SAAU,MAAM,aAAa,CAAC,GAAI,MAAM,MAAM,MAAM,KAAM,MAAM;AAEpG,QAAM,UAAU,MACd,EAAE;AAAA,MACA,CAAC,KAAK,MAAM,MAAM,OAAO,YAAY,EAAE,EAAtC,KAA6C;AAAA,OAC7C,MAAM,QAAQ,MAAM,QAAQ,MAAM,SAAS;AAAA,MAC5C,CAAC,KAAK,MAAM,CAAC,MAAM,eAAe;AAAA,QAChC,CAAC,OAAO,WAAW,CAAC,YAAa,gBAAgB,SAAU,QAAQ,MAAM,cAAc,EAAE;AAAA,MAC3F,EAFC,KAEM;AAAA,IACT;AAGF,SACE,CAAC;AAAA,IACC,MAAM,MAAM;AAAA,IACZ,UACE,CAAC;AAAA,MACC,YAAY;AAAA,UACR;AAAA,MACJ,KAAK,UAAU,MAAM,GAAG;AAAA,MACxB,OAAO,QAAQ;AAAA,MACf,eAAe;AAAA,MACf,UAAU,CAAC,CAAC,SAAS;AAAA,KACtB;AAAA,WACE,QAAQ,EAAE;AAAA,QACb,EATC;AAAA,GAWJ;AAAA,MACC,CAAC;AAAA,IACC,YAAY;AAAA,QACR;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,OAAO,QAAQ;AAAA,IACf,MAAM,MAAM;AAAA,IACZ,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,eAAe;AAAA,GAChB;AAAA,SACE,QAAQ,EAAE;AAAA,MACb,EAXC,EAWG;AAAA,IACN,EA3BC;AA6BL;AAEA,IAAO,iBAAQ;","names":[],"file":"button.jsx"}
+{"version":3,"sources":["../../../../../src/components/inputs/button/button.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/button/button.entry.less\";\nimport { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { Icon, type IconProps } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { useButtonGroup } from \"../buttonGroups/buttonGroupContext\";\n\nexport interface ButtonProps extends JSX.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {\n  /** Button text. */\n  label?: string;\n  /** Visual style of the button. */\n  variant?: \"contained\" | \"text\" | \"outlined\";\n  /** Button size. */\n  size?: \"small\" | \"medium\" | \"large\";\n  /** Icon as an element (e.g. <Icon/>) or a string (icon name / url / base64). */\n  icon?: JSX.Element | string;\n  /** Props forwarded to the <Icon/> when `icon` is a string. */\n  iconProps?: Omit<IconProps, \"name\">;\n  /** @deprecated use `color`. Kept for backward compatibility. */\n  colorTheme?: \"primary\";\n  /** Semantic color, resolved through `--smwb-*Color*` tokens. */\n  color?: \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n  /** When set, the component renders as an <a>. */\n  href?: string;\n  disabled?: boolean;\n  type?: \"button\" | \"submit\" | \"reset\";\n  /** Stretch to the full width of the container. */\n  fullWidth?: boolean;\n  /** Center the ripple effect. */\n  rippleCenter?: boolean;\n  /** Disable the ripple effect. */\n  disableRipple?: boolean;\n  ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;\n}\n\nexport function Button(props: ParentProps<ButtonProps>): JSX.Element {\n  const group = useButtonGroup();\n  const merged = mergeProps(\n    {\n      get variant(): NonNullable<ButtonProps[\"variant\"]> {\n        return group?.variant ?? \"contained\";\n      },\n      get size(): NonNullable<ButtonProps[\"size\"]> {\n        return group?.size ?? \"medium\";\n      },\n      get colorTheme(): NonNullable<ButtonProps[\"colorTheme\"]> {\n        return group?.colorTheme ?? \"primary\";\n      },\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"label\",\n    \"variant\",\n    \"icon\",\n    \"iconProps\",\n    \"href\",\n    \"class\",\n    \"disabled\",\n    \"children\",\n    \"fullWidth\",\n    \"rippleCenter\",\n    \"disableRipple\",\n    \"size\",\n    \"colorTheme\",\n    \"color\",\n    \"ref\",\n  ]);\n\n  const color = (): string => local.color ?? group?.color ?? local.colorTheme;\n  const disabled = (): boolean | undefined => local.disabled ?? group?.disabled;\n  const fullWidth = (): boolean | undefined => local.fullWidth ?? group?.fullWidth;\n  let rippleActions: RippleActionsRef | undefined;\n\n  const classes = (): string =>\n    cn(\n      \"smwb-button\",\n      `smwb-${local.variant}`,\n      `smwb-${local.size}`,\n      color() === \"primary\" ? \"smwb-primary\" : `smwb-button_color-${color()}`,\n      group && \"smwb-button-group__grouped\",\n      local.class,\n      {\n        \"smwb-disabled\": disabled(),\n        \"smwb-full-width\": fullWidth(),\n      }\n    );\n\n  // Ripple on pointerdown so it fires for touch and pen, not just mouse.\n  const onPointerDown = (event: PointerEvent): void => {\n    if (!disabled()) {\n      rippleActions?.onRipple(event);\n    }\n  };\n\n  const iconElement = (): JSX.Element =>\n    typeof local.icon === \"string\" ? <Icon {...(local.iconProps ?? {})} name={local.icon} /> : (local.icon as JSX.Element);\n\n  const content = (): JSX.Element => (\n    <>\n      <Show when={local.icon}>{iconElement()}</Show>\n      {local.label ? local.label : local.children}\n      <Show when={!local.disableRipple}>\n        <Ripple actionRef={(actions) => (rippleActions = actions)} center={local.rippleCenter} />\n      </Show>\n    </>\n  );\n\n  return (\n    <Show\n      when={local.href}\n      fallback={\n        <button\n          data-testid=\"button\"\n          {...rest}\n          ref={mergeRefs(local.ref)}\n          class={classes()}\n          onPointerDown={onPointerDown}\n          disabled={!!disabled()}\n        >\n          {content()}\n        </button>\n      }\n    >\n      <a\n        data-testid=\"button-link\"\n        {...rest}\n        ref={mergeRefs(local.ref)}\n        class={classes()}\n        href={local.href}\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        onPointerDown={onPointerDown}\n      >\n        {content()}\n      </a>\n    </Show>\n  );\n}\n\nexport default Button;\n"],"mappings":"AAAA,OAAO;AACP,SAAqC,MAAM,YAAY,kBAAkB;AACzE,OAAO,QAAQ;AACf,SAAS,cAAqC;AAC9C,SAAS,YAA4B;AACrC,SAAS,iBAA2B;AACpC,SAAS,sBAAsB;AA8BxB,SAAS,OAAO,OAA8C;AACnE,QAAM,QAAQ,eAAe;AAC7B,QAAM,SAAS;AAAA,IACb;AAAA,MACE,IAAI,UAA+C;AACjD,eAAO,OAAO,WAAW;AAAA,MAC3B;AAAA,MACA,IAAI,OAAyC;AAC3C,eAAO,OAAO,QAAQ;AAAA,MACxB;AAAA,MACA,IAAI,aAAqD;AACvD,eAAO,OAAO,cAAc;AAAA,MAC9B;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,QAAQ,MAAc,MAAM,SAAS,OAAO,SAAS,MAAM;AACjE,QAAM,WAAW,MAA2B,MAAM,YAAY,OAAO;AACrE,QAAM,YAAY,MAA2B,MAAM,aAAa,OAAO;AACvE,MAAI;AAEJ,QAAM,UAAU,MACd;AAAA,IACE;AAAA,IACA,QAAQ,MAAM,OAAO;AAAA,IACrB,QAAQ,MAAM,IAAI;AAAA,IAClB,MAAM,MAAM,YAAY,iBAAiB,qBAAqB,MAAM,CAAC;AAAA,IACrE,SAAS;AAAA,IACT,MAAM;AAAA,IACN;AAAA,MACE,iBAAiB,SAAS;AAAA,MAC1B,mBAAmB,UAAU;AAAA,IAC/B;AAAA,EACF;AAGF,QAAM,gBAAgB,CAAC,UAA8B;AACnD,QAAI,CAAC,SAAS,GAAG;AACf,qBAAe,SAAS,KAAK;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,cAAc,MAClB,OAAO,MAAM,SAAS,WAAW,CAAC,SAAU,MAAM,aAAa,CAAC,GAAI,MAAM,MAAM,MAAM,KAAM,MAAM;AAEpG,QAAM,UAAU,MACd,EAAE;AAAA,MACA,CAAC,KAAK,MAAM,MAAM,OAAO,YAAY,EAAE,EAAtC,KAA6C;AAAA,OAC7C,MAAM,QAAQ,MAAM,QAAQ,MAAM,SAAS;AAAA,MAC5C,CAAC,KAAK,MAAM,CAAC,MAAM,eAAe;AAAA,QAChC,CAAC,OAAO,WAAW,CAAC,YAAa,gBAAgB,SAAU,QAAQ,MAAM,cAAc,EAAE;AAAA,MAC3F,EAFC,KAEM;AAAA,IACT;AAGF,SACE,CAAC;AAAA,IACC,MAAM,MAAM;AAAA,IACZ,UACE,CAAC;AAAA,MACC,YAAY;AAAA,UACR;AAAA,MACJ,KAAK,UAAU,MAAM,GAAG;AAAA,MACxB,OAAO,QAAQ;AAAA,MACf,eAAe;AAAA,MACf,UAAU,CAAC,CAAC,SAAS;AAAA,KACtB;AAAA,WACE,QAAQ,EAAE;AAAA,QACb,EATC;AAAA,GAWJ;AAAA,MACC,CAAC;AAAA,IACC,YAAY;AAAA,QACR;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,OAAO,QAAQ;AAAA,IACf,MAAM,MAAM;AAAA,IACZ,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,eAAe;AAAA,GAChB;AAAA,SACE,QAAQ,EAAE;AAAA,MACb,EAXC,EAWG;AAAA,IACN,EA3BC;AA6BL;AAEA,IAAO,iBAAQ;","names":[],"file":"button.jsx"}

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

@@ -1,4 +1,4 @@
-import "/sourcecraft/workspace/packages/styles/less/components/buttonGroup/buttonGroup.entry.less";
+import "@smwb/ui-styles/less/components/buttonGroup/buttonGroup.entry.less";
 import { mergeProps, splitProps } from "solid-js";
 import cn from "clsx";
 import { mergeRefs } from "../../../primitives/mergeRefs";
@@ -70,4 +70,4 @@ export {
   ButtonGroup,
   buttonGroup_default as default
 };
-//# sourceMappingURL=buttonGroup.js.map
+//# sourceMappingURL=buttonGroup.jsx.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/inputs/buttonGroups/buttonGroup.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/buttonGroup/buttonGroup.entry.less\";\nimport { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { ButtonGroupContext, type ButtonGroupContextValue } from \"./buttonGroupContext\";\n\nexport interface ButtonGroupProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  orientation?: \"horizontal\" | \"vertical\";\n  variant?: \"contained\" | \"text\" | \"outlined\";\n  size?: \"small\" | \"medium\" | \"large\";\n  fullWidth?: boolean;\n  disabled?: boolean;\n  /** @deprecated use `color`. */\n  colorTheme?: \"primary\";\n  /** Semantic color propagated to child buttons. */\n  color?: \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function ButtonGroup(props: ParentProps<ButtonGroupProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      variant: \"contained\" as const,\n      size: \"medium\" as const,\n      orientation: \"horizontal\" as const,\n      colorTheme: \"primary\" as const,\n      fullWidth: false,\n      disabled: false,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"variant\",\n    \"size\",\n    \"orientation\",\n    \"colorTheme\",\n    \"color\",\n    \"fullWidth\",\n    \"disabled\",\n    \"ref\",\n  ]);\n\n  const value: ButtonGroupContextValue = {\n    get variant() {\n      return local.variant;\n    },\n    get size() {\n      return local.size;\n    },\n    get color() {\n      return local.color;\n    },\n    get colorTheme() {\n      return local.colorTheme;\n    },\n    get disabled() {\n      return local.disabled;\n    },\n    get fullWidth() {\n      return local.orientation === \"vertical\" ? true : local.fullWidth;\n    },\n  };\n\n  return (\n    <ButtonGroupContext.Provider value={value}>\n      <div\n        {...rest}\n        ref={mergeRefs(local.ref)}\n        class={cn(\n          \"smwb-button-group\",\n          local.class,\n          `smwb-${local.orientation}`,\n          `smwb-${local.variant}`,\n          local.fullWidth && \"smwb-full-width\"\n        )}\n        role=\"group\"\n        data-testid=\"button-group\"\n      >\n        {local.children}\n      </div>\n    </ButtonGroupContext.Provider>\n  );\n}\n\nexport default ButtonGroup;\n"],"mappings":"AAAA,OAAO;AACP,SAAqC,YAAY,kBAAkB;AACnE,OAAO,QAAQ;AACf,SAAS,iBAA2B;AACpC,SAAS,0BAAwD;AAe1D,SAAS,YAAY,OAAmD;AAC7E,QAAM,SAAS;AAAA,IACb;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,QAAiC;AAAA,IACrC,IAAI,UAAU;AACZ,aAAO,MAAM;AAAA,IACf;AAAA,IACA,IAAI,OAAO;AACT,aAAO,MAAM;AAAA,IACf;AAAA,IACA,IAAI,QAAQ;AACV,aAAO,MAAM;AAAA,IACf;AAAA,IACA,IAAI,aAAa;AACf,aAAO,MAAM;AAAA,IACf;AAAA,IACA,IAAI,WAAW;AACb,aAAO,MAAM;AAAA,IACf;AAAA,IACA,IAAI,YAAY;AACd,aAAO,MAAM,gBAAgB,aAAa,OAAO,MAAM;AAAA,IACzD;AAAA,EACF;AAEA,SACE,CAAC,mBAAmB,SAAS,OAAO,OAAO;AAAA,MACzC,CAAC;AAAA,QACK;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,OAAO;AAAA,MACL;AAAA,MACA,MAAM;AAAA,MACN,QAAQ,MAAM,WAAW;AAAA,MACzB,QAAQ,MAAM,OAAO;AAAA,MACrB,MAAM,aAAa;AAAA,IACrB;AAAA,IACA,KAAK;AAAA,IACL,YAAY;AAAA,GACb;AAAA,SACE,MAAM,SAAS;AAAA,MAClB,EAdC,IAcK;AAAA,IACR,EAhBC,mBAAmB;AAkBxB;AAEA,IAAO,sBAAQ;","names":[],"file":"buttonGroup.jsx"}
+{"version":3,"sources":["../../../../../src/components/inputs/buttonGroups/buttonGroup.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/buttonGroup/buttonGroup.entry.less\";\nimport { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { ButtonGroupContext, type ButtonGroupContextValue } from \"./buttonGroupContext\";\n\nexport interface ButtonGroupProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  orientation?: \"horizontal\" | \"vertical\";\n  variant?: \"contained\" | \"text\" | \"outlined\";\n  size?: \"small\" | \"medium\" | \"large\";\n  fullWidth?: boolean;\n  disabled?: boolean;\n  /** @deprecated use `color`. */\n  colorTheme?: \"primary\";\n  /** Semantic color propagated to child buttons. */\n  color?: \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function ButtonGroup(props: ParentProps<ButtonGroupProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      variant: \"contained\" as const,\n      size: \"medium\" as const,\n      orientation: \"horizontal\" as const,\n      colorTheme: \"primary\" as const,\n      fullWidth: false,\n      disabled: false,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"variant\",\n    \"size\",\n    \"orientation\",\n    \"colorTheme\",\n    \"color\",\n    \"fullWidth\",\n    \"disabled\",\n    \"ref\",\n  ]);\n\n  const value: ButtonGroupContextValue = {\n    get variant() {\n      return local.variant;\n    },\n    get size() {\n      return local.size;\n    },\n    get color() {\n      return local.color;\n    },\n    get colorTheme() {\n      return local.colorTheme;\n    },\n    get disabled() {\n      return local.disabled;\n    },\n    get fullWidth() {\n      return local.orientation === \"vertical\" ? true : local.fullWidth;\n    },\n  };\n\n  return (\n    <ButtonGroupContext.Provider value={value}>\n      <div\n        {...rest}\n        ref={mergeRefs(local.ref)}\n        class={cn(\n          \"smwb-button-group\",\n          local.class,\n          `smwb-${local.orientation}`,\n          `smwb-${local.variant}`,\n          local.fullWidth && \"smwb-full-width\"\n        )}\n        role=\"group\"\n        data-testid=\"button-group\"\n      >\n        {local.children}\n      </div>\n    </ButtonGroupContext.Provider>\n  );\n}\n\nexport default ButtonGroup;\n"],"mappings":"AAAA,OAAO;AACP,SAAqC,YAAY,kBAAkB;AACnE,OAAO,QAAQ;AACf,SAAS,iBAA2B;AACpC,SAAS,0BAAwD;AAe1D,SAAS,YAAY,OAAmD;AAC7E,QAAM,SAAS;AAAA,IACb;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,QAAiC;AAAA,IACrC,IAAI,UAAU;AACZ,aAAO,MAAM;AAAA,IACf;AAAA,IACA,IAAI,OAAO;AACT,aAAO,MAAM;AAAA,IACf;AAAA,IACA,IAAI,QAAQ;AACV,aAAO,MAAM;AAAA,IACf;AAAA,IACA,IAAI,aAAa;AACf,aAAO,MAAM;AAAA,IACf;AAAA,IACA,IAAI,WAAW;AACb,aAAO,MAAM;AAAA,IACf;AAAA,IACA,IAAI,YAAY;AACd,aAAO,MAAM,gBAAgB,aAAa,OAAO,MAAM;AAAA,IACzD;AAAA,EACF;AAEA,SACE,CAAC,mBAAmB,SAAS,OAAO,OAAO;AAAA,MACzC,CAAC;AAAA,QACK;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,OAAO;AAAA,MACL;AAAA,MACA,MAAM;AAAA,MACN,QAAQ,MAAM,WAAW;AAAA,MACzB,QAAQ,MAAM,OAAO;AAAA,MACrB,MAAM,aAAa;AAAA,IACrB;AAAA,IACA,KAAK;AAAA,IACL,YAAY;AAAA,GACb;AAAA,SACE,MAAM,SAAS;AAAA,MAClB,EAdC,IAcK;AAAA,IACR,EAhBC,mBAAmB;AAkBxB;AAEA,IAAO,sBAAQ;","names":[],"file":"buttonGroup.jsx"}

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

@@ -1,4 +1,4 @@
-import "/sourcecraft/workspace/packages/styles/less/components/checkbox/checkbox.entry.less";
+import "@smwb/ui-styles/less/components/checkbox/checkbox.entry.less";
 import { Show, mergeProps, splitProps } from "solid-js";
 import cn from "clsx";
 import { Icon } from "../../base/icon";
@@ -84,4 +84,4 @@ export {
   Checkbox,
   checkbox_default as default
 };
-//# sourceMappingURL=checkbox.js.map
+//# sourceMappingURL=checkbox.jsx.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/inputs/checkbox/checkbox.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/checkbox/checkbox.entry.less\";\nimport { type JSX, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { TextFieldWrapper } from \"../textField/textFieldWrapper\";\nimport { createId } from \"../../../primitives/createId\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type SelectionControlSize = \"small\" | \"medium\" | \"large\";\nexport type SelectionControlColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport type SelectionChangeEvent = Event & { currentTarget: HTMLInputElement; target: Element };\n\nexport interface CheckboxProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"size\"> {\n  label?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  indeterminate?: boolean;\n  size?: SelectionControlSize;\n  color?: SelectionControlColor;\n  /** Unified handler: `(event, checked, data)`. */\n  onChange?: (event: SelectionChangeEvent, checked: boolean, data: CheckboxProps) => void;\n  helperText?: JSX.Element;\n  error?: boolean;\n  ref?: Ref<HTMLInputElement>;\n}\n\nexport function Checkbox(props: CheckboxProps): JSX.Element {\n  const merged = mergeProps({ size: \"medium\" as SelectionControlSize, color: \"primary\" as SelectionControlColor }, props);\n  const [local, args] = splitProps(merged, [\n    \"label\",\n    \"disabled\",\n    \"readOnly\",\n    \"required\",\n    \"name\",\n    \"id\",\n    \"indeterminate\",\n    \"class\",\n    \"size\",\n    \"color\",\n    \"onChange\",\n    \"helperText\",\n    \"error\",\n    \"ref\",\n  ]);\n  const id = createId(local.id);\n\n  const handleChange: JSX.EventHandler<HTMLInputElement, Event> = (event) => {\n    if (local.readOnly) {\n      event.preventDefault();\n      return;\n    }\n    local.onChange?.(event, event.currentTarget.checked, props);\n  };\n\n  return (\n    <TextFieldWrapper\n      helperText={local.helperText}\n      disabled={local.disabled}\n      error={local.error}\n      class=\"smwb-text-field-checkbox\"\n    >\n      <label\n        for={id}\n        class={cn(\n          \"smwb-checkbox__wrapper\",\n          `smwb-checkbox_size-${local.size}`,\n          `smwb-checkbox_color-${local.color}`,\n          local.class,\n          {\n            \"smwb-disabled\": local.disabled,\n            \"smwb-readonly\": local.readOnly,\n            \"smwb-indeterminate\": local.indeterminate,\n          }\n        )}\n      >\n        <input\n          type=\"checkbox\"\n          id={id}\n          name={local.name}\n          class=\"smwb-checkbox__input\"\n          disabled={local.disabled}\n          readonly={local.readOnly}\n          required={local.required}\n          aria-invalid={local.error || undefined}\n          aria-required={local.required || undefined}\n          ref={mergeRefs(local.ref)}\n          {...args}\n          onChange={handleChange}\n        />\n        <span class={cn(\"smwb-checkbox__btn\", { \"smwb-indeterminate\": local.indeterminate })}>\n          <Show\n            when={local.indeterminate}\n            fallback={<Icon name=\"check\" size={17} class=\"smwb-checkbox__icon\" weight={700} />}\n          >\n            <Icon name=\"remove\" size={18} class=\"smwb-checkbox__icon\" weight={700} />\n          </Show>\n        </span>\n        <Show when={local.label}>\n          <span class=\"smwb-checkbox__label\">{local.label}</span>\n        </Show>\n      </label>\n    </TextFieldWrapper>\n  );\n}\n\nexport default Checkbox;\n"],"mappings":"AAAA,OAAO;AACP,SAAmB,MAAM,YAAY,kBAAkB;AACvD,OAAO,QAAQ;AACf,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC,SAAS,gBAAgB;AACzB,SAAS,iBAA2B;AAwB7B,SAAS,SAAS,OAAmC;AAC1D,QAAM,SAAS,WAAW,EAAE,MAAM,UAAkC,OAAO,UAAmC,GAAG,KAAK;AACtH,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,KAAK,SAAS,MAAM,EAAE;AAE5B,QAAM,eAA0D,CAAC,UAAU;AACzE,QAAI,MAAM,UAAU;AAClB,YAAM,eAAe;AACrB;AAAA,IACF;AACA,UAAM,WAAW,OAAO,MAAM,cAAc,SAAS,KAAK;AAAA,EAC5D;AAEA,SACE,CAAC;AAAA,IACC,YAAY,MAAM;AAAA,IAClB,UAAU,MAAM;AAAA,IAChB,OAAO,MAAM;AAAA,IACb,MAAM;AAAA,GACP;AAAA,MACC,CAAC;AAAA,IACC,KAAK;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA,sBAAsB,MAAM,IAAI;AAAA,MAChC,uBAAuB,MAAM,KAAK;AAAA,MAClC,MAAM;AAAA,MACN;AAAA,QACE,iBAAiB,MAAM;AAAA,QACvB,iBAAiB,MAAM;AAAA,QACvB,sBAAsB,MAAM;AAAA,MAC9B;AAAA,IACF;AAAA,GACD;AAAA,QACC,CAAC;AAAA,IACC,KAAK;AAAA,IACL,IAAI;AAAA,IACJ,MAAM,MAAM;AAAA,IACZ,MAAM;AAAA,IACN,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,cAAc,MAAM,SAAS;AAAA,IAC7B,eAAe,MAAM,YAAY;AAAA,IACjC,KAAK,UAAU,MAAM,GAAG;AAAA,QACpB;AAAA,IACJ,UAAU;AAAA,EACZ,EAAE;AAAA,QACF,CAAC,KAAK,OAAO,GAAG,sBAAsB,EAAE,sBAAsB,MAAM,cAAc,CAAC,GAAG;AAAA,UACpF,CAAC;AAAA,IACC,MAAM,MAAM;AAAA,IACZ,UAAU,CAAC,KAAK,KAAK,QAAQ,MAAM,IAAI,MAAM,sBAAsB,QAAQ,KAAK;AAAA,GACjF;AAAA,YACC,CAAC,KAAK,KAAK,SAAS,MAAM,IAAI,MAAM,sBAAsB,QAAQ,KAAK,EAAE;AAAA,UAC3E,EALC,KAKM;AAAA,QACT,EAPC,KAOM;AAAA,QACP,CAAC,KAAK,MAAM,MAAM,OAAO;AAAA,UACvB,CAAC,KAAK,MAAM,wBAAwB,MAAM,MAAM,EAA/C,KAAsD;AAAA,QACzD,EAFC,KAEM;AAAA,MACT,EAvCC,MAuCO;AAAA,IACV,EA9CC;AAgDL;AAEA,IAAO,mBAAQ;","names":[],"file":"checkbox.jsx"}
+{"version":3,"sources":["../../../../../src/components/inputs/checkbox/checkbox.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/checkbox/checkbox.entry.less\";\nimport { type JSX, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { TextFieldWrapper } from \"../textField/textFieldWrapper\";\nimport { createId } from \"../../../primitives/createId\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type SelectionControlSize = \"small\" | \"medium\" | \"large\";\nexport type SelectionControlColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport type SelectionChangeEvent = Event & { currentTarget: HTMLInputElement; target: Element };\n\nexport interface CheckboxProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"size\"> {\n  label?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  indeterminate?: boolean;\n  size?: SelectionControlSize;\n  color?: SelectionControlColor;\n  /** Unified handler: `(event, checked, data)`. */\n  onChange?: (event: SelectionChangeEvent, checked: boolean, data: CheckboxProps) => void;\n  helperText?: JSX.Element;\n  error?: boolean;\n  ref?: Ref<HTMLInputElement>;\n}\n\nexport function Checkbox(props: CheckboxProps): JSX.Element {\n  const merged = mergeProps({ size: \"medium\" as SelectionControlSize, color: \"primary\" as SelectionControlColor }, props);\n  const [local, args] = splitProps(merged, [\n    \"label\",\n    \"disabled\",\n    \"readOnly\",\n    \"required\",\n    \"name\",\n    \"id\",\n    \"indeterminate\",\n    \"class\",\n    \"size\",\n    \"color\",\n    \"onChange\",\n    \"helperText\",\n    \"error\",\n    \"ref\",\n  ]);\n  const id = createId(local.id);\n\n  const handleChange: JSX.EventHandler<HTMLInputElement, Event> = (event) => {\n    if (local.readOnly) {\n      event.preventDefault();\n      return;\n    }\n    local.onChange?.(event, event.currentTarget.checked, props);\n  };\n\n  return (\n    <TextFieldWrapper\n      helperText={local.helperText}\n      disabled={local.disabled}\n      error={local.error}\n      class=\"smwb-text-field-checkbox\"\n    >\n      <label\n        for={id}\n        class={cn(\n          \"smwb-checkbox__wrapper\",\n          `smwb-checkbox_size-${local.size}`,\n          `smwb-checkbox_color-${local.color}`,\n          local.class,\n          {\n            \"smwb-disabled\": local.disabled,\n            \"smwb-readonly\": local.readOnly,\n            \"smwb-indeterminate\": local.indeterminate,\n          }\n        )}\n      >\n        <input\n          type=\"checkbox\"\n          id={id}\n          name={local.name}\n          class=\"smwb-checkbox__input\"\n          disabled={local.disabled}\n          readonly={local.readOnly}\n          required={local.required}\n          aria-invalid={local.error || undefined}\n          aria-required={local.required || undefined}\n          ref={mergeRefs(local.ref)}\n          {...args}\n          onChange={handleChange}\n        />\n        <span class={cn(\"smwb-checkbox__btn\", { \"smwb-indeterminate\": local.indeterminate })}>\n          <Show\n            when={local.indeterminate}\n            fallback={<Icon name=\"check\" size={17} class=\"smwb-checkbox__icon\" weight={700} />}\n          >\n            <Icon name=\"remove\" size={18} class=\"smwb-checkbox__icon\" weight={700} />\n          </Show>\n        </span>\n        <Show when={local.label}>\n          <span class=\"smwb-checkbox__label\">{local.label}</span>\n        </Show>\n      </label>\n    </TextFieldWrapper>\n  );\n}\n\nexport default Checkbox;\n"],"mappings":"AAAA,OAAO;AACP,SAAmB,MAAM,YAAY,kBAAkB;AACvD,OAAO,QAAQ;AACf,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC,SAAS,gBAAgB;AACzB,SAAS,iBAA2B;AAwB7B,SAAS,SAAS,OAAmC;AAC1D,QAAM,SAAS,WAAW,EAAE,MAAM,UAAkC,OAAO,UAAmC,GAAG,KAAK;AACtH,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,KAAK,SAAS,MAAM,EAAE;AAE5B,QAAM,eAA0D,CAAC,UAAU;AACzE,QAAI,MAAM,UAAU;AAClB,YAAM,eAAe;AACrB;AAAA,IACF;AACA,UAAM,WAAW,OAAO,MAAM,cAAc,SAAS,KAAK;AAAA,EAC5D;AAEA,SACE,CAAC;AAAA,IACC,YAAY,MAAM;AAAA,IAClB,UAAU,MAAM;AAAA,IAChB,OAAO,MAAM;AAAA,IACb,MAAM;AAAA,GACP;AAAA,MACC,CAAC;AAAA,IACC,KAAK;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA,sBAAsB,MAAM,IAAI;AAAA,MAChC,uBAAuB,MAAM,KAAK;AAAA,MAClC,MAAM;AAAA,MACN;AAAA,QACE,iBAAiB,MAAM;AAAA,QACvB,iBAAiB,MAAM;AAAA,QACvB,sBAAsB,MAAM;AAAA,MAC9B;AAAA,IACF;AAAA,GACD;AAAA,QACC,CAAC;AAAA,IACC,KAAK;AAAA,IACL,IAAI;AAAA,IACJ,MAAM,MAAM;AAAA,IACZ,MAAM;AAAA,IACN,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,cAAc,MAAM,SAAS;AAAA,IAC7B,eAAe,MAAM,YAAY;AAAA,IACjC,KAAK,UAAU,MAAM,GAAG;AAAA,QACpB;AAAA,IACJ,UAAU;AAAA,EACZ,EAAE;AAAA,QACF,CAAC,KAAK,OAAO,GAAG,sBAAsB,EAAE,sBAAsB,MAAM,cAAc,CAAC,GAAG;AAAA,UACpF,CAAC;AAAA,IACC,MAAM,MAAM;AAAA,IACZ,UAAU,CAAC,KAAK,KAAK,QAAQ,MAAM,IAAI,MAAM,sBAAsB,QAAQ,KAAK;AAAA,GACjF;AAAA,YACC,CAAC,KAAK,KAAK,SAAS,MAAM,IAAI,MAAM,sBAAsB,QAAQ,KAAK,EAAE;AAAA,UAC3E,EALC,KAKM;AAAA,QACT,EAPC,KAOM;AAAA,QACP,CAAC,KAAK,MAAM,MAAM,OAAO;AAAA,UACvB,CAAC,KAAK,MAAM,wBAAwB,MAAM,MAAM,EAA/C,KAAsD;AAAA,QACzD,EAFC,KAEM;AAAA,MACT,EAvCC,MAuCO;AAAA,IACV,EA9CC;AAgDL;AAEA,IAAO,mBAAQ;","names":[],"file":"checkbox.jsx"}

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

@@ -84,4 +84,4 @@ export {
   DataPickerDays,
   dataPickerDays_default as default
 };
-//# sourceMappingURL=dataPickerDays.js.map
+//# sourceMappingURL=dataPickerDays.jsx.map

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

@@ -37,4 +37,4 @@ export {
   DataPickerHeader,
   dataPickerHeader_default as default
 };
-//# sourceMappingURL=dataPickerHeader.js.map
+//# sourceMappingURL=dataPickerHeader.jsx.map

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

@@ -54,4 +54,4 @@ export {
   DataPickerInput,
   dataPickerInput_default as default
 };
-//# sourceMappingURL=dataPickerInput.js.map
+//# sourceMappingURL=dataPickerInput.jsx.map

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

@@ -1,4 +1,4 @@
-import "/sourcecraft/workspace/packages/styles/less/components/datePicker/dataPicker.entry.less";
+import "@smwb/ui-styles/less/components/datePicker/dataPicker.entry.less";
 import { Show, createEffect, createMemo, createSignal, onCleanup, splitProps } from "solid-js";
 import { Portal, isServer } from "solid-js/web";
 import { buildFloatingMiddleware, resolvePlacement } from "../../../utils/floating";
@@ -239,4 +239,4 @@ export {
   OpenView2 as OpenView,
   datePicker_default as default
 };
-//# sourceMappingURL=datePicker.js.map
+//# sourceMappingURL=datePicker.jsx.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/inputs/datePicker/datePicker.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/datePicker/dataPicker.entry.less\";\nimport { type JSX, Show, createEffect, createMemo, createSignal, onCleanup, splitProps } from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport { buildFloatingMiddleware, type Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { TextField, type TextFieldProps } from \"../textField\";\nimport { DataPickerHeader } from \"./dataPickerHeader\";\nimport { DataPickerDays } from \"./dataPickerDays\";\nimport { DatePickerList } from \"./datePickerList\";\nimport { DataPickerInput } from \"./dataPickerInput\";\nimport { DatePickerIconButton } from \"./datePickerIconButton\";\nimport { OpenView } from \"./openView\";\nimport {\n  type WeekStart,\n  getDisplayDate,\n  getMonths,\n  getYears,\n  isValidDate,\n  setMonth,\n  setYear,\n} from \"./dateUtils\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport { OpenView } from \"./openView\";\n\nexport interface DatePickerProps\n  extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\" | \"ref\" | \"onToggle\"> {\n  showDaysOutsideMonth?: boolean | undefined;\n  disablePast?: boolean | undefined;\n  disableFuture?: boolean | undefined;\n  /** Earliest selectable date (inclusive). */\n  minDate?: Date | undefined;\n  /** Latest selectable date (inclusive). */\n  maxDate?: Date | undefined;\n  /** Predicate to disable arbitrary days. */\n  isDateDisabled?: ((day: Date) => boolean) | undefined;\n  weekStartsOn?: WeekStart | undefined;\n  /** BCP-47 locale for calendar labels (day/month/year names). */\n  locale?: string | undefined;\n  /** Input format pattern with tokens dd, MM, yyyy, e.g. \"dd/MM/yyyy\". */\n  format?: string | undefined;\n  /** Enables date-range selection. */\n  range?: boolean | undefined;\n  /** Controlled range value `[start, end]`. */\n  rangeValue?: [Date | undefined, Date | undefined] | undefined;\n  /** Called when the range changes. */\n  onRangeChange?: ((range: [Date | undefined, Date | undefined]) => void) | undefined;\n  placement?: Placement | undefined;\n  disableCalendar?: boolean | undefined;\n  label?: string | undefined;\n  /** Accessible label for the calendar popup dialog. */\n  calendarAriaLabel?: string | undefined;\n  value?: Date | string | undefined;\n  calendarIcon?: JSX.Element;\n  onChange?: ((event?: Event, value?: Date, data?: DatePickerProps) => void) | undefined;\n  onBlur?: ((event?: FocusEvent, value?: Date, data?: DatePickerProps) => void) | undefined;\n  ref?: Ref<HTMLInputElement>;\n}\n\nconst FADE_MS = 150;\n\nexport function DatePicker(props: DatePickerProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"onChange\",\n    \"showDaysOutsideMonth\",\n    \"disablePast\",\n    \"disableFuture\",\n    \"weekStartsOn\",\n    \"placement\",\n    \"disabled\",\n    \"disableCalendar\",\n    \"calendarAriaLabel\",\n    \"minDate\",\n    \"maxDate\",\n    \"isDateDisabled\",\n    \"locale\",\n    \"format\",\n    \"range\",\n    \"rangeValue\",\n    \"onRangeChange\",\n    \"calendarIcon\",\n    \"onBlur\",\n    \"ref\",\n  ]);\n\n  const value = (): Date | undefined => (local.value === undefined ? undefined : new Date(local.value));\n  const isRangeControlled = (): boolean => local.rangeValue !== undefined;\n  const [rangeState, setRangeState] = createSignal<[Date | undefined, Date | undefined]>([undefined, undefined]);\n  const currentRange = (): [Date | undefined, Date | undefined] =>\n    isRangeControlled() && local.rangeValue ? local.rangeValue : rangeState();\n\n  const initialValue = value();\n  const [viewValue, setViewValue] = createSignal<Date>(isValidDate(initialValue) ? initialValue : new Date());\n  const [openView, setOpenView] = createSignal<OpenView>(OpenView.days);\n  const [isOpen, setIsOpen] = createSignal(false);\n\n  let anchorEl: HTMLElement | undefined;\n  let calendarEl: HTMLElement | undefined;\n\n  const resolved = (): ReturnType<typeof resolvePlacement> => resolvePlacement(local.placement ?? \"bottom-start\");\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => buildFloatingMiddleware(resolved()),\n  });\n\n  createEffect(() => {\n    if (local.disabled) return;\n    const v = value();\n    setViewValue(isValidDate(v) ? v : new Date());\n  });\n\n  const weekStartsOn = (): WeekStart => local.weekStartsOn ?? 1;\n\n  const onViewValueChange = (v: Date): void => {\n    setViewValue(v);\n  };\n\n  const onMonthLabelClick = (): void => {\n    setOpenView(openView() === OpenView.months ? OpenView.days : OpenView.months);\n  };\n\n  const onYearLabelClick = (): void => {\n    setOpenView(openView() === OpenView.years ? OpenView.days : OpenView.years);\n  };\n\n  const onMonthChange = (month: number): void => {\n    setViewValue(setMonth(viewValue(), month));\n    setOpenView(OpenView.days);\n  };\n\n  const onYearChange = (year: number): void => {\n    setViewValue(setYear(viewValue(), year));\n    setOpenView(OpenView.days);\n  };\n\n  const onChange = (event?: Event, date?: Date): void => {\n    if (local.range) {\n      if (!date) return;\n      const [start, end] = currentRange();\n      let next: [Date | undefined, Date | undefined];\n      if (!start || (start && end)) {\n        next = [date, undefined];\n      } else {\n        next = isValidDate(start) && date.getTime() < start.getTime() ? [date, start] : [start, date];\n      }\n      if (!isRangeControlled()) setRangeState(next);\n      local.onRangeChange?.(next);\n      if (next[0] && next[1]) setIsOpen(false);\n      return;\n    }\n    local.onChange?.(event, date, props);\n    setIsOpen(false);\n  };\n\n  const onToggle = (): void => {\n    if (!local.disabled) setIsOpen((prev) => !prev);\n  };\n\n  const onClickAway = (event: MouseEvent | TouchEvent): void => {\n    const target = event.target as HTMLElement;\n    if (calendarEl?.contains(target) || anchorEl?.contains(target)) return;\n    setIsOpen(false);\n  };\n\n  const months = createMemo(() => getMonths(local.locale));\n  const years = getYears(new Date().getFullYear(), 100);\n\n  const shouldOpen = (): boolean => isOpen() && !local.disabled && !local.disableCalendar;\n  const [mounted, setMounted] = createSignal(shouldOpen());\n  const [shown, setShown] = createSignal(false);\n  let raf: number | undefined;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n\n  createEffect(() => {\n    if (shouldOpen()) {\n      if (timer !== undefined) clearTimeout(timer);\n      setMounted(true);\n      raf = requestAnimationFrame(() => setShown(true));\n    } else {\n      setShown(false);\n      if (mounted()) timer = setTimeout(() => setMounted(false), FADE_MS);\n    }\n  });\n  onCleanup(() => {\n    if (raf !== undefined) cancelAnimationFrame(raf);\n    if (timer !== undefined) clearTimeout(timer);\n  });\n\n  const view = (): JSX.Element => {\n    switch (openView()) {\n      case OpenView.months:\n        return <DatePickerList value={viewValue().getMonth()} items={months()} onChange={onMonthChange} />;\n      case OpenView.years:\n        return <DatePickerList value={viewValue().getFullYear()} items={years} onChange={onYearChange} />;\n      default:\n        return (\n          <DataPickerDays\n            viewValue={viewValue()}\n            value={value()}\n            showDaysOutsideMonth={local.showDaysOutsideMonth}\n            onChange={onChange}\n            disablePast={local.disablePast}\n            disableFuture={local.disableFuture}\n            weekStartsOn={weekStartsOn()}\n            minDate={local.minDate}\n            maxDate={local.maxDate}\n            isDateDisabled={local.isDateDisabled}\n            locale={local.locale}\n            range={local.range}\n            rangeStart={currentRange()[0]}\n            rangeEnd={currentRange()[1]}\n          />\n        );\n    }\n  };\n\n  const rangeDisplay = (): string =>\n    local.range && (currentRange()[0] || currentRange()[1])\n      ? `${getDisplayDate(currentRange()[0], local.format)} – ${getDisplayDate(currentRange()[1], local.format)}`\n      : \"\";\n\n  const anchorRef = mergeRefs(local.ref, floating.setReference, (el) => (anchorEl = el as HTMLElement));\n\n  return (\n    <>\n      <Show\n        when={local.range}\n        fallback={\n          <DataPickerInput\n            ref={anchorRef}\n            value={local.value}\n            onChange={local.onChange}\n            onBlur={local.onBlur}\n            onToggle={onToggle}\n            disabled={local.disabled}\n            disableCalendar={local.disableCalendar}\n            format={local.format}\n            calendarIcon={local.calendarIcon}\n            {...rest}\n          />\n        }\n      >\n        <TextField\n          ref={anchorRef}\n          value={rangeDisplay()}\n          readOnly\n          onChange={() => undefined}\n          disabled={Boolean(local.disabled)}\n          {...(local.format ? { placeholder: `${local.format} – ${local.format}` } : {})}\n          endAdornment={\n            <Show when={!local.disableCalendar}>\n              <DatePickerIconButton\n                edge=\"end\"\n                onClick={onToggle}\n                disabled={Boolean(local.disabled)}\n                data-testid=\"date-picker-icon-button\"\n              >\n                <Show\n                  when={local.calendarIcon}\n                  fallback={<Icon name=\"calendar_today\" fill={1} weight={500} size={24} />}\n                >\n                  {local.calendarIcon}\n                </Show>\n              </DatePickerIconButton>\n            </Show>\n          }\n          {...rest}\n        />\n      </Show>\n      <Show when={mounted()}>\n        <Portal mount={(isServer ? undefined : document.body) as Node}>\n          <ClickAwayListener onClickAway={onClickAway}>\n            <div\n              ref={mergeRefs(floating.setFloating, (el) => (calendarEl = el as HTMLElement))}\n              class=\"smwb-date-picker\"\n              style={{\n                ...floating.floatingStyles(),\n                transition: `opacity ${FADE_MS}ms ease-in-out`,\n                opacity: shown() ? 1 : 0,\n              }}\n              data-testid=\"date-picker\"\n              role=\"dialog\"\n              aria-modal=\"false\"\n              aria-label={local.calendarAriaLabel ?? \"Choose date\"}\n            >\n              <div class=\"smwb-date-picker__inner\">\n                <DataPickerHeader\n                  viewValue={viewValue()}\n                  locale={local.locale}\n                  openView={openView()}\n                  onChange={onViewValueChange}\n                  onMonthLabelClick={onMonthLabelClick}\n                  onYearLabelClick={onYearLabelClick}\n                />\n                <div class=\"smwb-date-picker__body\">{view()}</div>\n              </div>\n            </div>\n          </ClickAwayListener>\n        </Portal>\n      </Show>\n    </>\n  );\n}\n\nexport default DatePicker;\n"],"mappings":"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","names":["OpenView"],"file":"datePicker.jsx"}
+{"version":3,"sources":["../../../../../src/components/inputs/datePicker/datePicker.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/datePicker/dataPicker.entry.less\";\nimport { type JSX, Show, createEffect, createMemo, createSignal, onCleanup, splitProps } from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport { buildFloatingMiddleware, type Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { TextField, type TextFieldProps } from \"../textField\";\nimport { DataPickerHeader } from \"./dataPickerHeader\";\nimport { DataPickerDays } from \"./dataPickerDays\";\nimport { DatePickerList } from \"./datePickerList\";\nimport { DataPickerInput } from \"./dataPickerInput\";\nimport { DatePickerIconButton } from \"./datePickerIconButton\";\nimport { OpenView } from \"./openView\";\nimport {\n  type WeekStart,\n  getDisplayDate,\n  getMonths,\n  getYears,\n  isValidDate,\n  setMonth,\n  setYear,\n} from \"./dateUtils\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport { OpenView } from \"./openView\";\n\nexport interface DatePickerProps\n  extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\" | \"ref\" | \"onToggle\"> {\n  showDaysOutsideMonth?: boolean | undefined;\n  disablePast?: boolean | undefined;\n  disableFuture?: boolean | undefined;\n  /** Earliest selectable date (inclusive). */\n  minDate?: Date | undefined;\n  /** Latest selectable date (inclusive). */\n  maxDate?: Date | undefined;\n  /** Predicate to disable arbitrary days. */\n  isDateDisabled?: ((day: Date) => boolean) | undefined;\n  weekStartsOn?: WeekStart | undefined;\n  /** BCP-47 locale for calendar labels (day/month/year names). */\n  locale?: string | undefined;\n  /** Input format pattern with tokens dd, MM, yyyy, e.g. \"dd/MM/yyyy\". */\n  format?: string | undefined;\n  /** Enables date-range selection. */\n  range?: boolean | undefined;\n  /** Controlled range value `[start, end]`. */\n  rangeValue?: [Date | undefined, Date | undefined] | undefined;\n  /** Called when the range changes. */\n  onRangeChange?: ((range: [Date | undefined, Date | undefined]) => void) | undefined;\n  placement?: Placement | undefined;\n  disableCalendar?: boolean | undefined;\n  label?: string | undefined;\n  /** Accessible label for the calendar popup dialog. */\n  calendarAriaLabel?: string | undefined;\n  value?: Date | string | undefined;\n  calendarIcon?: JSX.Element;\n  onChange?: ((event?: Event, value?: Date, data?: DatePickerProps) => void) | undefined;\n  onBlur?: ((event?: FocusEvent, value?: Date, data?: DatePickerProps) => void) | undefined;\n  ref?: Ref<HTMLInputElement>;\n}\n\nconst FADE_MS = 150;\n\nexport function DatePicker(props: DatePickerProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"onChange\",\n    \"showDaysOutsideMonth\",\n    \"disablePast\",\n    \"disableFuture\",\n    \"weekStartsOn\",\n    \"placement\",\n    \"disabled\",\n    \"disableCalendar\",\n    \"calendarAriaLabel\",\n    \"minDate\",\n    \"maxDate\",\n    \"isDateDisabled\",\n    \"locale\",\n    \"format\",\n    \"range\",\n    \"rangeValue\",\n    \"onRangeChange\",\n    \"calendarIcon\",\n    \"onBlur\",\n    \"ref\",\n  ]);\n\n  const value = (): Date | undefined => (local.value === undefined ? undefined : new Date(local.value));\n  const isRangeControlled = (): boolean => local.rangeValue !== undefined;\n  const [rangeState, setRangeState] = createSignal<[Date | undefined, Date | undefined]>([undefined, undefined]);\n  const currentRange = (): [Date | undefined, Date | undefined] =>\n    isRangeControlled() && local.rangeValue ? local.rangeValue : rangeState();\n\n  const initialValue = value();\n  const [viewValue, setViewValue] = createSignal<Date>(isValidDate(initialValue) ? initialValue : new Date());\n  const [openView, setOpenView] = createSignal<OpenView>(OpenView.days);\n  const [isOpen, setIsOpen] = createSignal(false);\n\n  let anchorEl: HTMLElement | undefined;\n  let calendarEl: HTMLElement | undefined;\n\n  const resolved = (): ReturnType<typeof resolvePlacement> => resolvePlacement(local.placement ?? \"bottom-start\");\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => buildFloatingMiddleware(resolved()),\n  });\n\n  createEffect(() => {\n    if (local.disabled) return;\n    const v = value();\n    setViewValue(isValidDate(v) ? v : new Date());\n  });\n\n  const weekStartsOn = (): WeekStart => local.weekStartsOn ?? 1;\n\n  const onViewValueChange = (v: Date): void => {\n    setViewValue(v);\n  };\n\n  const onMonthLabelClick = (): void => {\n    setOpenView(openView() === OpenView.months ? OpenView.days : OpenView.months);\n  };\n\n  const onYearLabelClick = (): void => {\n    setOpenView(openView() === OpenView.years ? OpenView.days : OpenView.years);\n  };\n\n  const onMonthChange = (month: number): void => {\n    setViewValue(setMonth(viewValue(), month));\n    setOpenView(OpenView.days);\n  };\n\n  const onYearChange = (year: number): void => {\n    setViewValue(setYear(viewValue(), year));\n    setOpenView(OpenView.days);\n  };\n\n  const onChange = (event?: Event, date?: Date): void => {\n    if (local.range) {\n      if (!date) return;\n      const [start, end] = currentRange();\n      let next: [Date | undefined, Date | undefined];\n      if (!start || (start && end)) {\n        next = [date, undefined];\n      } else {\n        next = isValidDate(start) && date.getTime() < start.getTime() ? [date, start] : [start, date];\n      }\n      if (!isRangeControlled()) setRangeState(next);\n      local.onRangeChange?.(next);\n      if (next[0] && next[1]) setIsOpen(false);\n      return;\n    }\n    local.onChange?.(event, date, props);\n    setIsOpen(false);\n  };\n\n  const onToggle = (): void => {\n    if (!local.disabled) setIsOpen((prev) => !prev);\n  };\n\n  const onClickAway = (event: MouseEvent | TouchEvent): void => {\n    const target = event.target as HTMLElement;\n    if (calendarEl?.contains(target) || anchorEl?.contains(target)) return;\n    setIsOpen(false);\n  };\n\n  const months = createMemo(() => getMonths(local.locale));\n  const years = getYears(new Date().getFullYear(), 100);\n\n  const shouldOpen = (): boolean => isOpen() && !local.disabled && !local.disableCalendar;\n  const [mounted, setMounted] = createSignal(shouldOpen());\n  const [shown, setShown] = createSignal(false);\n  let raf: number | undefined;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n\n  createEffect(() => {\n    if (shouldOpen()) {\n      if (timer !== undefined) clearTimeout(timer);\n      setMounted(true);\n      raf = requestAnimationFrame(() => setShown(true));\n    } else {\n      setShown(false);\n      if (mounted()) timer = setTimeout(() => setMounted(false), FADE_MS);\n    }\n  });\n  onCleanup(() => {\n    if (raf !== undefined) cancelAnimationFrame(raf);\n    if (timer !== undefined) clearTimeout(timer);\n  });\n\n  const view = (): JSX.Element => {\n    switch (openView()) {\n      case OpenView.months:\n        return <DatePickerList value={viewValue().getMonth()} items={months()} onChange={onMonthChange} />;\n      case OpenView.years:\n        return <DatePickerList value={viewValue().getFullYear()} items={years} onChange={onYearChange} />;\n      default:\n        return (\n          <DataPickerDays\n            viewValue={viewValue()}\n            value={value()}\n            showDaysOutsideMonth={local.showDaysOutsideMonth}\n            onChange={onChange}\n            disablePast={local.disablePast}\n            disableFuture={local.disableFuture}\n            weekStartsOn={weekStartsOn()}\n            minDate={local.minDate}\n            maxDate={local.maxDate}\n            isDateDisabled={local.isDateDisabled}\n            locale={local.locale}\n            range={local.range}\n            rangeStart={currentRange()[0]}\n            rangeEnd={currentRange()[1]}\n          />\n        );\n    }\n  };\n\n  const rangeDisplay = (): string =>\n    local.range && (currentRange()[0] || currentRange()[1])\n      ? `${getDisplayDate(currentRange()[0], local.format)} – ${getDisplayDate(currentRange()[1], local.format)}`\n      : \"\";\n\n  const anchorRef = mergeRefs(local.ref, floating.setReference, (el) => (anchorEl = el as HTMLElement));\n\n  return (\n    <>\n      <Show\n        when={local.range}\n        fallback={\n          <DataPickerInput\n            ref={anchorRef}\n            value={local.value}\n            onChange={local.onChange}\n            onBlur={local.onBlur}\n            onToggle={onToggle}\n            disabled={local.disabled}\n            disableCalendar={local.disableCalendar}\n            format={local.format}\n            calendarIcon={local.calendarIcon}\n            {...rest}\n          />\n        }\n      >\n        <TextField\n          ref={anchorRef}\n          value={rangeDisplay()}\n          readOnly\n          onChange={() => undefined}\n          disabled={Boolean(local.disabled)}\n          {...(local.format ? { placeholder: `${local.format} – ${local.format}` } : {})}\n          endAdornment={\n            <Show when={!local.disableCalendar}>\n              <DatePickerIconButton\n                edge=\"end\"\n                onClick={onToggle}\n                disabled={Boolean(local.disabled)}\n                data-testid=\"date-picker-icon-button\"\n              >\n                <Show\n                  when={local.calendarIcon}\n                  fallback={<Icon name=\"calendar_today\" fill={1} weight={500} size={24} />}\n                >\n                  {local.calendarIcon}\n                </Show>\n              </DatePickerIconButton>\n            </Show>\n          }\n          {...rest}\n        />\n      </Show>\n      <Show when={mounted()}>\n        <Portal mount={(isServer ? undefined : document.body) as Node}>\n          <ClickAwayListener onClickAway={onClickAway}>\n            <div\n              ref={mergeRefs(floating.setFloating, (el) => (calendarEl = el as HTMLElement))}\n              class=\"smwb-date-picker\"\n              style={{\n                ...floating.floatingStyles(),\n                transition: `opacity ${FADE_MS}ms ease-in-out`,\n                opacity: shown() ? 1 : 0,\n              }}\n              data-testid=\"date-picker\"\n              role=\"dialog\"\n              aria-modal=\"false\"\n              aria-label={local.calendarAriaLabel ?? \"Choose date\"}\n            >\n              <div class=\"smwb-date-picker__inner\">\n                <DataPickerHeader\n                  viewValue={viewValue()}\n                  locale={local.locale}\n                  openView={openView()}\n                  onChange={onViewValueChange}\n                  onMonthLabelClick={onMonthLabelClick}\n                  onYearLabelClick={onYearLabelClick}\n                />\n                <div class=\"smwb-date-picker__body\">{view()}</div>\n              </div>\n            </div>\n          </ClickAwayListener>\n        </Portal>\n      </Show>\n    </>\n  );\n}\n\nexport default DatePicker;\n"],"mappings":"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","names":["OpenView"],"file":"datePicker.jsx"}

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

@@ -45,4 +45,4 @@ export {
   DatePickerActionLabel,
   datePickerActionLabel_default as default
 };
-//# sourceMappingURL=datePickerActionLabel.js.map
+//# sourceMappingURL=datePickerActionLabel.jsx.map

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

@@ -49,4 +49,4 @@ export {
   DatePickerDay,
   datePickerDay_default as default
 };
-//# sourceMappingURL=datePickerDay.js.map
+//# sourceMappingURL=datePickerDay.jsx.map

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

@@ -33,4 +33,4 @@ export {
   DatePickerIconButton,
   datePickerIconButton_default as default
 };
-//# sourceMappingURL=datePickerIconButton.js.map
+//# sourceMappingURL=datePickerIconButton.jsx.map

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

@@ -41,4 +41,4 @@ export {
   DatePickerList,
   datePickerList_default as default
 };
-//# sourceMappingURL=datePickerList.js.map
+//# sourceMappingURL=datePickerList.jsx.map

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

@@ -197,4 +197,4 @@ export {
   DateTimePicker,
   dateTimePicker_default as default
 };
-//# sourceMappingURL=dateTimePicker.js.map
+//# sourceMappingURL=dateTimePicker.jsx.map

package/dist/source/components/inputs/dateTimePicker/dateTimePickerInput.jsx

@@ -54,4 +54,4 @@ export {
   DateTimePickerInput,
   dateTimePickerInput_default as default
 };
-//# sourceMappingURL=dateTimePickerInput.js.map
+//# sourceMappingURL=dateTimePickerInput.jsx.map

package/dist/source/components/inputs/fileDrop/countPreview.jsx

@@ -14,4 +14,4 @@ export {
   CountPreview,
   countPreview_default as default
 };
-//# sourceMappingURL=countPreview.js.map
+//# sourceMappingURL=countPreview.jsx.map

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

@@ -1,4 +1,4 @@
-import "/sourcecraft/workspace/packages/styles/less/components/fileDrop/fileDrop.entry.less";
+import "@smwb/ui-styles/less/components/fileDrop/fileDrop.entry.less";
 import { Show, createSignal, mergeProps, splitProps } from "solid-js";
 import cn from "clsx";
 import { PreviewWrapper } from "./previewWrapper";
@@ -70,4 +70,4 @@ export {
   FileDrop,
   fileDrop_default as default
 };
-//# sourceMappingURL=fileDrop.js.map
+//# sourceMappingURL=fileDrop.jsx.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/inputs/fileDrop/fileDrop.tsx"],"sourcesContent":["import \"/sourcecraft/workspace/packages/styles/less/components/fileDrop/fileDrop.entry.less\";\nimport { type JSX, Show, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { PreviewWrapper } from \"./previewWrapper\";\nimport { createDropzone, type DropzoneOptions } from \"../../../primitives/createDropzone\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface FileUploadProps extends DropzoneOptions {\n  preview?: boolean;\n  previewCols?: number;\n  galleryItemSize?: number;\n  onDrop: (files: File[]) => void;\n  label?: string;\n  class?: string;\n  previewClassName?: string;\n  disabled?: boolean;\n  /** Validation message rendered below the drop zone. */\n  error?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function FileDrop(props: FileUploadProps): JSX.Element {\n  const merged = mergeProps({ previewCols: 3, galleryItemSize: 100, label: \"\" }, props);\n  const [local, dropzoneOptions] = splitProps(merged, [\n    \"preview\",\n    \"previewCols\",\n    \"galleryItemSize\",\n    \"onDrop\",\n    \"label\",\n    \"class\",\n    \"previewClassName\",\n    \"disabled\",\n    \"error\",\n    \"ref\",\n  ]);\n\n  const [files, setFiles] = createSignal<File[]>([]);\n\n  const dropzone = createDropzone({\n    ...dropzoneOptions,\n    disabled: local.disabled,\n    onDrop: (accepted) => {\n      setFiles((prev) => [...prev, ...accepted]);\n      local.onDrop(accepted);\n    },\n  });\n\n  const handleRemoveAll = (): void => {\n    setFiles([]);\n  };\n\n  return (\n    <div\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-file-drop\", { \"smwb-disabled\": local.disabled, \"smwb-error\": !!local.error }, local.class)}\n      data-testid=\"file-drop\"\n    >\n      <Show\n        when={files().length > 0}\n        fallback={\n          <div\n            class=\"smwb-file-drop__input\"\n            role=\"button\"\n            tabindex={local.disabled ? -1 : 0}\n            aria-disabled={local.disabled || undefined}\n            aria-label={local.label || \"Upload files\"}\n            {...dropzone.getRootProps()}\n          >\n            <div class=\"smwb-file-drop__input-text\">{local.label}</div>\n            <input ref={dropzone.inputRef} {...dropzone.getInputProps()} />\n          </div>\n        }\n      >\n        <PreviewWrapper\n          preview={local.preview}\n          files={files()}\n          handleRemoveAll={handleRemoveAll}\n          previewCols={local.previewCols}\n          galleryItemSize={local.galleryItemSize}\n          previewClassName={local.previewClassName}\n        />\n      </Show>\n      <Show when={local.error}>\n        <span class=\"smwb-file-drop__error\" role=\"alert\">\n          {local.error}\n        </span>\n      </Show>\n    </div>\n  );\n}\n\nexport default FileDrop;\n"],"mappings":"AAAA,OAAO;AACP,SAAmB,MAAM,cAAc,YAAY,kBAAkB;AACrE,OAAO,QAAQ;AACf,SAAS,sBAAsB;AAC/B,SAAS,sBAA4C;AACrD,SAAS,iBAA2B;AAgB7B,SAAS,SAAS,OAAqC;AAC5D,QAAM,SAAS,WAAW,EAAE,aAAa,GAAG,iBAAiB,KAAK,OAAO,GAAG,GAAG,KAAK;AACpF,QAAM,CAAC,OAAO,eAAe,IAAI,WAAW,QAAQ;AAAA,IAClD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAqB,CAAC,CAAC;AAEjD,QAAM,WAAW,eAAe;AAAA,IAC9B,GAAG;AAAA,IACH,UAAU,MAAM;AAAA,IAChB,QAAQ,CAAC,aAAa;AACpB,eAAS,CAAC,SAAS,CAAC,GAAG,MAAM,GAAG,QAAQ,CAAC;AACzC,YAAM,OAAO,QAAQ;AAAA,IACvB;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,MAAY;AAClC,aAAS,CAAC,CAAC;AAAA,EACb;AAEA,SACE,CAAC;AAAA,IACC,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,OAAO,GAAG,kBAAkB,EAAE,iBAAiB,MAAM,UAAU,cAAc,CAAC,CAAC,MAAM,MAAM,GAAG,MAAM,KAAK;AAAA,IACzG,YAAY;AAAA,GACb;AAAA,MACC,CAAC;AAAA,IACC,MAAM,MAAM,EAAE,SAAS;AAAA,IACvB,UACE,CAAC;AAAA,MACC,MAAM;AAAA,MACN,KAAK;AAAA,MACL,UAAU,MAAM,WAAW,KAAK;AAAA,MAChC,eAAe,MAAM,YAAY;AAAA,MACjC,YAAY,MAAM,SAAS;AAAA,UACvB,SAAS,aAAa;AAAA,KAC3B;AAAA,YACC,CAAC,IAAI,MAAM,8BAA8B,MAAM,MAAM,EAApD,IAA0D;AAAA,YAC3D,CAAC,MAAM,KAAK,SAAS,cAAc,SAAS,cAAc,GAAG,EAAE;AAAA,UACjE,EAVC;AAAA,GAYJ;AAAA,QACC,CAAC;AAAA,IACC,SAAS,MAAM;AAAA,IACf,OAAO,MAAM;AAAA,IACb,iBAAiB;AAAA,IACjB,aAAa,MAAM;AAAA,IACnB,iBAAiB,MAAM;AAAA,IACvB,kBAAkB,MAAM;AAAA,EAC1B,EAAE;AAAA,MACJ,EAxBC,KAwBM;AAAA,MACP,CAAC,KAAK,MAAM,MAAM,OAAO;AAAA,QACvB,CAAC,KAAK,MAAM,wBAAwB,KAAK,QAAQ;AAAA,WAC9C,MAAM,MAAM;AAAA,QACf,EAFC,KAEM;AAAA,MACT,EAJC,KAIM;AAAA,IACT,EAnCC;AAqCL;AAEA,IAAO,mBAAQ;","names":[],"file":"fileDrop.jsx"}
+{"version":3,"sources":["../../../../../src/components/inputs/fileDrop/fileDrop.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/fileDrop/fileDrop.entry.less\";\nimport { type JSX, Show, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { PreviewWrapper } from \"./previewWrapper\";\nimport { createDropzone, type DropzoneOptions } from \"../../../primitives/createDropzone\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface FileUploadProps extends DropzoneOptions {\n  preview?: boolean;\n  previewCols?: number;\n  galleryItemSize?: number;\n  onDrop: (files: File[]) => void;\n  label?: string;\n  class?: string;\n  previewClassName?: string;\n  disabled?: boolean;\n  /** Validation message rendered below the drop zone. */\n  error?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function FileDrop(props: FileUploadProps): JSX.Element {\n  const merged = mergeProps({ previewCols: 3, galleryItemSize: 100, label: \"\" }, props);\n  const [local, dropzoneOptions] = splitProps(merged, [\n    \"preview\",\n    \"previewCols\",\n    \"galleryItemSize\",\n    \"onDrop\",\n    \"label\",\n    \"class\",\n    \"previewClassName\",\n    \"disabled\",\n    \"error\",\n    \"ref\",\n  ]);\n\n  const [files, setFiles] = createSignal<File[]>([]);\n\n  const dropzone = createDropzone({\n    ...dropzoneOptions,\n    disabled: local.disabled,\n    onDrop: (accepted) => {\n      setFiles((prev) => [...prev, ...accepted]);\n      local.onDrop(accepted);\n    },\n  });\n\n  const handleRemoveAll = (): void => {\n    setFiles([]);\n  };\n\n  return (\n    <div\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-file-drop\", { \"smwb-disabled\": local.disabled, \"smwb-error\": !!local.error }, local.class)}\n      data-testid=\"file-drop\"\n    >\n      <Show\n        when={files().length > 0}\n        fallback={\n          <div\n            class=\"smwb-file-drop__input\"\n            role=\"button\"\n            tabindex={local.disabled ? -1 : 0}\n            aria-disabled={local.disabled || undefined}\n            aria-label={local.label || \"Upload files\"}\n            {...dropzone.getRootProps()}\n          >\n            <div class=\"smwb-file-drop__input-text\">{local.label}</div>\n            <input ref={dropzone.inputRef} {...dropzone.getInputProps()} />\n          </div>\n        }\n      >\n        <PreviewWrapper\n          preview={local.preview}\n          files={files()}\n          handleRemoveAll={handleRemoveAll}\n          previewCols={local.previewCols}\n          galleryItemSize={local.galleryItemSize}\n          previewClassName={local.previewClassName}\n        />\n      </Show>\n      <Show when={local.error}>\n        <span class=\"smwb-file-drop__error\" role=\"alert\">\n          {local.error}\n        </span>\n      </Show>\n    </div>\n  );\n}\n\nexport default FileDrop;\n"],"mappings":"AAAA,OAAO;AACP,SAAmB,MAAM,cAAc,YAAY,kBAAkB;AACrE,OAAO,QAAQ;AACf,SAAS,sBAAsB;AAC/B,SAAS,sBAA4C;AACrD,SAAS,iBAA2B;AAgB7B,SAAS,SAAS,OAAqC;AAC5D,QAAM,SAAS,WAAW,EAAE,aAAa,GAAG,iBAAiB,KAAK,OAAO,GAAG,GAAG,KAAK;AACpF,QAAM,CAAC,OAAO,eAAe,IAAI,WAAW,QAAQ;AAAA,IAClD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAqB,CAAC,CAAC;AAEjD,QAAM,WAAW,eAAe;AAAA,IAC9B,GAAG;AAAA,IACH,UAAU,MAAM;AAAA,IAChB,QAAQ,CAAC,aAAa;AACpB,eAAS,CAAC,SAAS,CAAC,GAAG,MAAM,GAAG,QAAQ,CAAC;AACzC,YAAM,OAAO,QAAQ;AAAA,IACvB;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,MAAY;AAClC,aAAS,CAAC,CAAC;AAAA,EACb;AAEA,SACE,CAAC;AAAA,IACC,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,OAAO,GAAG,kBAAkB,EAAE,iBAAiB,MAAM,UAAU,cAAc,CAAC,CAAC,MAAM,MAAM,GAAG,MAAM,KAAK;AAAA,IACzG,YAAY;AAAA,GACb;AAAA,MACC,CAAC;AAAA,IACC,MAAM,MAAM,EAAE,SAAS;AAAA,IACvB,UACE,CAAC;AAAA,MACC,MAAM;AAAA,MACN,KAAK;AAAA,MACL,UAAU,MAAM,WAAW,KAAK;AAAA,MAChC,eAAe,MAAM,YAAY;AAAA,MACjC,YAAY,MAAM,SAAS;AAAA,UACvB,SAAS,aAAa;AAAA,KAC3B;AAAA,YACC,CAAC,IAAI,MAAM,8BAA8B,MAAM,MAAM,EAApD,IAA0D;AAAA,YAC3D,CAAC,MAAM,KAAK,SAAS,cAAc,SAAS,cAAc,GAAG,EAAE;AAAA,UACjE,EAVC;AAAA,GAYJ;AAAA,QACC,CAAC;AAAA,IACC,SAAS,MAAM;AAAA,IACf,OAAO,MAAM;AAAA,IACb,iBAAiB;AAAA,IACjB,aAAa,MAAM;AAAA,IACnB,iBAAiB,MAAM;AAAA,IACvB,kBAAkB,MAAM;AAAA,EAC1B,EAAE;AAAA,MACJ,EAxBC,KAwBM;AAAA,MACP,CAAC,KAAK,MAAM,MAAM,OAAO;AAAA,QACvB,CAAC,KAAK,MAAM,wBAAwB,KAAK,QAAQ;AAAA,WAC9C,MAAM,MAAM;AAAA,QACf,EAFC,KAEM;AAAA,MACT,EAJC,KAIM;AAAA,IACT,EAnCC;AAqCL;AAEA,IAAO,mBAAQ;","names":[],"file":"fileDrop.jsx"}

package/dist/source/components/inputs/fileDrop/preview.jsx

@@ -38,4 +38,4 @@ export {
   Preview,
   preview_default as default
 };
-//# sourceMappingURL=preview.js.map
+//# sourceMappingURL=preview.jsx.map

package/dist/source/components/inputs/fileDrop/previewWrapper.jsx

@@ -24,4 +24,4 @@ export {
   PreviewWrapper,
   previewWrapper_default as default
 };
-//# sourceMappingURL=previewWrapper.js.map
+//# sourceMappingURL=previewWrapper.jsx.map

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

@@ -1,4 +1,4 @@
-import "/sourcecraft/workspace/packages/styles/less/components/fileInput/fileInput.entry.less";
+import "@smwb/ui-styles/less/components/fileInput/fileInput.entry.less";
 import { Show, splitProps } from "solid-js";
 import cn from "clsx";
 import { createDropzone } from "../../../primitives/createDropzone";
@@ -44,4 +44,4 @@ export {
   FileInput,
   fileInput_default as default
 };
-//# sourceMappingURL=fileInput.js.map
+//# sourceMappingURL=fileInput.jsx.map