@smwb/ui-solid 0.2.2 → 0.4.0

package/dist/headless/source/components/dataDisplay/typography/typography.jsx

@@ -0,0 +1,57 @@
+import { mergeProps, splitProps } from "solid-js";
+import { Dynamic } from "solid-js/web";
+import cn from "clsx";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+const defaultTag = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  subtitle1: "h6",
+  subtitle2: "h6",
+  body1: "p",
+  body2: "p",
+  caption: "span",
+  overline: "span",
+  button: "span"
+};
+function Typography(props) {
+  const merged = mergeProps({ variant: "body1", color: "inherit" }, props);
+  const [local, rest] = splitProps(merged, [
+    "variant",
+    "color",
+    "align",
+    "gutterBottom",
+    "noWrap",
+    "component",
+    "class",
+    "children",
+    "ref"
+  ]);
+  return <Dynamic
+    component={local.component ?? defaultTag[local.variant]}
+    ref={mergeRefs(local.ref)}
+    class={cn(
+      "smwb-typography",
+      `smwb-typography_${local.variant}`,
+      local.color !== "inherit" && `smwb-typography_color-${local.color}`,
+      local.align && `smwb-typography_align-${local.align}`,
+      {
+        "smwb-typography_gutter": local.gutterBottom,
+        "smwb-typography_nowrap": local.noWrap
+      },
+      local.class
+    )}
+    {...rest}
+  >
+      {local.children}
+    </Dynamic>;
+}
+var typography_default = Typography;
+export {
+  Typography,
+  typography_default as default
+};
+//# sourceMappingURL=typography.js.map

package/dist/headless/source/components/dataDisplay/typography/typography.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/dataDisplay/typography/typography.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type TypographyVariant =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"subtitle1\"\n  | \"subtitle2\"\n  | \"body1\"\n  | \"body2\"\n  | \"caption\"\n  | \"overline\"\n  | \"button\";\n\nexport type TypographyColor =\n  | \"inherit\"\n  | \"primary\"\n  | \"secondary\"\n  | \"error\"\n  | \"success\"\n  | \"warning\"\n  | \"info\"\n  | \"textPrimary\"\n  | \"textSecondary\"\n  | \"disabled\";\n\nconst defaultTag: Record<TypographyVariant, string> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  subtitle1: \"h6\",\n  subtitle2: \"h6\",\n  body1: \"p\",\n  body2: \"p\",\n  caption: \"span\",\n  overline: \"span\",\n  button: \"span\",\n};\n\nexport interface TypographyProps extends JSX.HTMLAttributes<HTMLElement> {\n  variant?: TypographyVariant;\n  color?: TypographyColor;\n  align?: \"left\" | \"center\" | \"right\" | \"justify\";\n  /** Add a bottom margin (block rhythm). */\n  gutterBottom?: boolean;\n  /** Truncate with an ellipsis on a single line. */\n  noWrap?: boolean;\n  /** Render as a different element. */\n  component?: string;\n  ref?: Ref<HTMLElement>;\n}\n\nexport function Typography(props: ParentProps<TypographyProps>): JSX.Element {\n  const merged = mergeProps({ variant: \"body1\" as TypographyVariant, color: \"inherit\" as TypographyColor }, props);\n  const [local, rest] = splitProps(merged, [\n    \"variant\",\n    \"color\",\n    \"align\",\n    \"gutterBottom\",\n    \"noWrap\",\n    \"component\",\n    \"class\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  return (\n    <Dynamic\n      component={local.component ?? defaultTag[local.variant]}\n      ref={mergeRefs(local.ref)}\n      class={cn(\n        \"smwb-typography\",\n        `smwb-typography_${local.variant}`,\n        local.color !== \"inherit\" && `smwb-typography_color-${local.color}`,\n        local.align && `smwb-typography_align-${local.align}`,\n        {\n          \"smwb-typography_gutter\": local.gutterBottom,\n          \"smwb-typography_nowrap\": local.noWrap,\n        },\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n    </Dynamic>\n  );\n}\n\nexport default Typography;\n"],"mappings":"AAAA,SAAqC,YAAY,kBAAkB;AACnE,SAAS,eAAe;AACxB,OAAO,QAAQ;AACf,SAAS,iBAA2B;AA6BpC,MAAM,aAAgD;AAAA,EACpD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAQ;AACV;AAeO,SAAS,WAAW,OAAkD;AAC3E,QAAM,SAAS,WAAW,EAAE,SAAS,SAA8B,OAAO,UAA6B,GAAG,KAAK;AAC/G,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,CAAC;AAAA,IACC,WAAW,MAAM,aAAa,WAAW,MAAM,OAAO;AAAA,IACtD,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,OAAO;AAAA,MACL;AAAA,MACA,mBAAmB,MAAM,OAAO;AAAA,MAChC,MAAM,UAAU,aAAa,yBAAyB,MAAM,KAAK;AAAA,MACjE,MAAM,SAAS,yBAAyB,MAAM,KAAK;AAAA,MACnD;AAAA,QACE,0BAA0B,MAAM;AAAA,QAChC,0BAA0B,MAAM;AAAA,MAClC;AAAA,MACA,MAAM;AAAA,IACR;AAAA,QACI;AAAA,GACL;AAAA,OACE,MAAM,SAAS;AAAA,IAClB,EAjBC;AAmBL;AAEA,IAAO,qBAAQ;","names":[],"file":"typography.jsx"}

package/dist/headless/source/components/feedBack/message/index.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/feedBack/message/index.ts"],
+  "sourcesContent": ["export { Message, MessageContainer, default } from \"./message\";\nexport type { MessageProps, MessageSeverity } from \"./message\";\n"],
+  "mappings": "AAAA,SAAS,SAAS,kBAAkB,WAAAA,gBAAe;",
+  "names": ["default"]
+}

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

@@ -0,0 +1,51 @@
+import { Show, mergeProps, splitProps } from "solid-js";
+import cn from "clsx";
+import { Icon } from "../../base/icon";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+function MessageContainer(props) {
+  const merged = mergeProps({ variant: "filled", closeAriaLabel: "Close" }, props);
+  const [local, rest] = splitProps(merged, [
+    "class",
+    "children",
+    "type",
+    "severity",
+    "variant",
+    "onClose",
+    "closeAriaLabel",
+    "ref"
+  ]);
+  const resolvedSeverity = () => local.severity ?? local.type;
+  return <div
+    {...rest}
+    data-testid="message"
+    role="alert"
+    aria-live={resolvedSeverity() === "error" ? "assertive" : "polite"}
+    class={cn("smwb-message", `smwb-message_${local.variant}`, local.class, {
+      [`smwb-message_${resolvedSeverity()}`]: Boolean(resolvedSeverity())
+    })}
+    ref={mergeRefs(local.ref)}
+  >
+      {local.children}
+      <Show when={local.onClose}>
+        <button
+    class="smwb-message__close-btn"
+    onClick={() => local.onClose?.()}
+    aria-label={local.closeAriaLabel}
+    type="button"
+  >
+          <Icon name="close" weight={1e3} />
+        </button>
+      </Show>
+    </div>;
+}
+function Header(props) {
+  return <div class="smwb-message__header">{props.children}</div>;
+}
+const Message = Object.assign(MessageContainer, { Header });
+var message_default = Message;
+export {
+  Message,
+  MessageContainer,
+  message_default as default
+};
+//# sourceMappingURL=message.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/feedBack/message/message.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type MessageSeverity = \"success\" | \"error\" | \"warning\" | \"info\";\n\nexport interface MessageProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  variant?: \"outlined\" | \"filled\" | \"left-accent\";\n  onClose?: () => void;\n  /** @deprecated use `severity`. */\n  type?: MessageSeverity;\n  /** Semantic severity of the message. */\n  severity?: MessageSeverity;\n  /** Accessible label for the close button. */\n  closeAriaLabel?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function MessageContainer(props: ParentProps<MessageProps>): JSX.Element {\n  const merged = mergeProps({ variant: \"filled\" as const, closeAriaLabel: \"Close\" }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"type\",\n    \"severity\",\n    \"variant\",\n    \"onClose\",\n    \"closeAriaLabel\",\n    \"ref\",\n  ]);\n\n  const resolvedSeverity = (): MessageSeverity | undefined => local.severity ?? local.type;\n\n  return (\n    <div\n      {...rest}\n      data-testid=\"message\"\n      role=\"alert\"\n      aria-live={resolvedSeverity() === \"error\" ? \"assertive\" : \"polite\"}\n      class={cn(\"smwb-message\", `smwb-message_${local.variant}`, local.class, {\n        [`smwb-message_${resolvedSeverity()}`]: Boolean(resolvedSeverity()),\n      })}\n      ref={mergeRefs(local.ref)}\n    >\n      {local.children}\n      <Show when={local.onClose}>\n        <button\n          class=\"smwb-message__close-btn\"\n          onClick={() => local.onClose?.()}\n          aria-label={local.closeAriaLabel}\n          type=\"button\"\n        >\n          <Icon name=\"close\" weight={1000} />\n        </button>\n      </Show>\n    </div>\n  );\n}\n\nfunction Header(props: ParentProps): JSX.Element {\n  return <div class=\"smwb-message__header\">{props.children}</div>;\n}\n\nexport const Message = Object.assign(MessageContainer, { Header });\n\nexport default Message;\n"],"mappings":"AAAA,SAAqC,MAAM,YAAY,kBAAkB;AACzE,OAAO,QAAQ;AACf,SAAS,YAAY;AACrB,SAAS,iBAA2B;AAgB7B,SAAS,iBAAiB,OAA+C;AAC9E,QAAM,SAAS,WAAW,EAAE,SAAS,UAAmB,gBAAgB,QAAQ,GAAG,KAAK;AACxF,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,mBAAmB,MAAmC,MAAM,YAAY,MAAM;AAEpF,SACE,CAAC;AAAA,QACK;AAAA,IACJ,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,WAAW,iBAAiB,MAAM,UAAU,cAAc;AAAA,IAC1D,OAAO,GAAG,gBAAgB,gBAAgB,MAAM,OAAO,IAAI,MAAM,OAAO;AAAA,MACtE,CAAC,gBAAgB,iBAAiB,CAAC,EAAE,GAAG,QAAQ,iBAAiB,CAAC;AAAA,IACpE,CAAC;AAAA,IACD,KAAK,UAAU,MAAM,GAAG;AAAA,GACzB;AAAA,OACE,MAAM,SAAS;AAAA,MAChB,CAAC,KAAK,MAAM,MAAM,SAAS;AAAA,QACzB,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS,MAAM,MAAM,UAAU;AAAA,IAC/B,YAAY,MAAM;AAAA,IAClB,KAAK;AAAA,GACN;AAAA,UACC,CAAC,KAAK,KAAK,QAAQ,QAAQ,KAAM,EAAE;AAAA,QACrC,EAPC,OAOQ;AAAA,MACX,EATC,KASM;AAAA,IACT,EArBC;AAuBL;AAEA,SAAS,OAAO,OAAiC;AAC/C,SAAO,CAAC,IAAI,MAAM,wBAAwB,MAAM,SAAS,EAAjD;AACV;AAEO,MAAM,UAAU,OAAO,OAAO,kBAAkB,EAAE,OAAO,CAAC;AAEjE,IAAO,kBAAQ;","names":[],"file":"message.jsx"}

package/dist/headless/source/components/feedBack/modal/index.js

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

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

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

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

@@ -0,0 +1,101 @@
+import { Show, createEffect, mergeProps, onCleanup, splitProps } from "solid-js";
+import { Dynamic, Portal, isServer } from "solid-js/web";
+import cn from "clsx";
+import { createCssTransition } from "../../../primitives/createCssTransition";
+import { createFocusTrap } from "../../../primitives/createFocusTrap";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+const OVERLAY_CLASSNAMES = {
+  appear: "smwb-modal__overlay-appear",
+  appearActive: "smwb-modal__overlay-appear-active",
+  appearDone: "smwb-modal__overlay-appear-done",
+  enter: "smwb-modal__overlay-enter",
+  enterActive: "smwb-modal__overlay-enter-active",
+  enterDone: "smwb-modal__overlay-enter-done",
+  exit: "smwb-modal__overlay-exit",
+  exitActive: "smwb-modal__overlay-exit-active"
+};
+function ModalBase(props) {
+  const merged = mergeProps(
+    {
+      animation: "fade",
+      backdrop: "dark",
+      size: "large",
+      closeOnOutsideClick: true,
+      asForm: false,
+      disableAppearAnimation: false,
+      role: "dialog",
+      closeOnEsc: true
+    },
+    props
+  );
+  const [local, rest] = splitProps(merged, [
+    "children",
+    "onClose",
+    "open",
+    "class",
+    "animation",
+    "backdrop",
+    "size",
+    "closeOnOutsideClick",
+    "asForm",
+    "disableAppearAnimation",
+    "role",
+    "closeOnEsc",
+    "ref"
+  ]);
+  let contentEl;
+  const transition = createCssTransition({
+    in: () => local.open,
+    timeout: { appear: 225, enter: 225, exit: 150 },
+    classNames: OVERLAY_CLASSNAMES,
+    appear: !local.disableAppearAnimation
+  });
+  createFocusTrap({ active: () => local.open && transition.mounted(), container: () => contentEl });
+  createEffect(() => {
+    if (!local.open || !local.closeOnEsc || !local.onClose) return;
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") local.onClose?.();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    onCleanup(() => document.removeEventListener("keydown", onKeyDown));
+  });
+  return <Show when={transition.mounted()}>
+      <Portal mount={isServer ? void 0 : document.body}>
+        <div
+    class={cn("smwb-modal__overlay", `smwb-${local.backdrop}`, `smwb-${local.size}`, transition.classes())}
+    onClick={local.closeOnOutsideClick && local.onClose ? () => local.onClose?.() : void 0}
+  >
+          <Dynamic
+    component={local.asForm ? "form" : "div"}
+    {...rest}
+    ref={mergeRefs(local.ref, (el) => contentEl = el)}
+    class={cn("smwb-modal", `smwb-${local.size}`, `smwb-${local.animation}`, local.class)}
+    onClick={(event) => event.stopPropagation()}
+    role={local.role}
+    aria-modal="true"
+  >
+            {local.children}
+          </Dynamic>
+        </div>
+      </Portal>
+    </Show>;
+}
+function Header(props) {
+  return <div class={cn("smwb-modal__header", props.class)}>{props.children}</div>;
+}
+function Content(props) {
+  return <div class={cn("smwb-modal__content", props.class)}>{props.children}</div>;
+}
+function Footer(props) {
+  return <div class={cn("smwb-modal__footer", props.class)}>{props.children}</div>;
+}
+const Modal = Object.assign(ModalBase, { Footer, Header, Content });
+var modal_default = Modal;
+export {
+  Content,
+  Footer,
+  Header,
+  Modal,
+  modal_default as default
+};
+//# sourceMappingURL=modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/feedBack/modal/modal.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, createEffect, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport { Dynamic, Portal, isServer } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { createCssTransition } from \"../../../primitives/createCssTransition\";\nimport { createFocusTrap } from \"../../../primitives/createFocusTrap\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface ModalProps {\n  size?: \"small\" | \"medium\" | \"large\" | \"fullscreen\";\n  closeOnOutsideClick?: boolean;\n  onClose?: () => void;\n  open: boolean;\n  animation?: \"fade\" | \"scale\" | \"drop\";\n  class?: string;\n  backdrop?: \"blured\" | \"dark\" | \"transparent\" | \"darkBlured\";\n  asForm?: boolean;\n  disableAppearAnimation?: boolean;\n  /** ARIA role of the dialog. */\n  role?: \"dialog\" | \"alertdialog\";\n  /** Close the modal when Escape is pressed. */\n  closeOnEsc?: boolean;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst OVERLAY_CLASSNAMES = {\n  appear: \"smwb-modal__overlay-appear\",\n  appearActive: \"smwb-modal__overlay-appear-active\",\n  appearDone: \"smwb-modal__overlay-appear-done\",\n  enter: \"smwb-modal__overlay-enter\",\n  enterActive: \"smwb-modal__overlay-enter-active\",\n  enterDone: \"smwb-modal__overlay-enter-done\",\n  exit: \"smwb-modal__overlay-exit\",\n  exitActive: \"smwb-modal__overlay-exit-active\",\n};\n\nfunction ModalBase(props: ParentProps<ModalProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      animation: \"fade\" as const,\n      backdrop: \"dark\" as const,\n      size: \"large\" as const,\n      closeOnOutsideClick: true,\n      asForm: false,\n      disableAppearAnimation: false,\n      role: \"dialog\" as const,\n      closeOnEsc: true,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"children\",\n    \"onClose\",\n    \"open\",\n    \"class\",\n    \"animation\",\n    \"backdrop\",\n    \"size\",\n    \"closeOnOutsideClick\",\n    \"asForm\",\n    \"disableAppearAnimation\",\n    \"role\",\n    \"closeOnEsc\",\n    \"ref\",\n  ]);\n\n  let contentEl: HTMLDivElement | undefined;\n\n  const transition = createCssTransition({\n    in: () => local.open,\n    timeout: { appear: 225, enter: 225, exit: 150 },\n    classNames: OVERLAY_CLASSNAMES,\n    appear: !local.disableAppearAnimation,\n  });\n\n  createFocusTrap({ active: () => local.open && transition.mounted(), container: () => contentEl });\n\n  createEffect(() => {\n    if (!local.open || !local.closeOnEsc || !local.onClose) return;\n    const onKeyDown = (event: KeyboardEvent): void => {\n      if (event.key === \"Escape\") local.onClose?.();\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  return (\n    <Show when={transition.mounted()}>\n      <Portal mount={(isServer ? undefined : document.body) as Node}>\n        <div\n          class={cn(\"smwb-modal__overlay\", `smwb-${local.backdrop}`, `smwb-${local.size}`, transition.classes())}\n          onClick={local.closeOnOutsideClick && local.onClose ? () => local.onClose?.() : undefined}\n        >\n          <Dynamic\n            component={local.asForm ? \"form\" : \"div\"}\n            {...rest}\n            ref={mergeRefs(local.ref, (el) => (contentEl = el as HTMLDivElement))}\n            class={cn(\"smwb-modal\", `smwb-${local.size}`, `smwb-${local.animation}`, local.class)}\n            onClick={(event: MouseEvent) => event.stopPropagation()}\n            role={local.role}\n            aria-modal=\"true\"\n          >\n            {local.children}\n          </Dynamic>\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n\nexport interface ModalSlotProps {\n  class?: string;\n}\n\nexport function Header(props: ParentProps<ModalSlotProps>): JSX.Element {\n  return <div class={cn(\"smwb-modal__header\", props.class)}>{props.children}</div>;\n}\n\nexport function Content(props: ParentProps<ModalSlotProps>): JSX.Element {\n  return <div class={cn(\"smwb-modal__content\", props.class)}>{props.children}</div>;\n}\n\nexport function Footer(props: ParentProps<ModalSlotProps>): JSX.Element {\n  return <div class={cn(\"smwb-modal__footer\", props.class)}>{props.children}</div>;\n}\n\nexport const Modal = Object.assign(ModalBase, { Footer, Header, Content });\n\nexport default Modal;\n"],"mappings":"AAAA,SAAqC,MAAM,cAAc,YAAY,WAAW,kBAAkB;AAClG,SAAS,SAAS,QAAQ,gBAAgB;AAC1C,OAAO,QAAQ;AACf,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,iBAA2B;AAsBpC,MAAM,qBAAqB;AAAA,EACzB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,aAAa;AAAA,EACb,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd;AAEA,SAAS,UAAU,OAA6C;AAC9D,QAAM,SAAS;AAAA,IACb;AAAA,MACE,WAAW;AAAA,MACX,UAAU;AAAA,MACV,MAAM;AAAA,MACN,qBAAqB;AAAA,MACrB,QAAQ;AAAA,MACR,wBAAwB;AAAA,MACxB,MAAM;AAAA,MACN,YAAY;AAAA,IACd;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,EACF,CAAC;AAED,MAAI;AAEJ,QAAM,aAAa,oBAAoB;AAAA,IACrC,IAAI,MAAM,MAAM;AAAA,IAChB,SAAS,EAAE,QAAQ,KAAK,OAAO,KAAK,MAAM,IAAI;AAAA,IAC9C,YAAY;AAAA,IACZ,QAAQ,CAAC,MAAM;AAAA,EACjB,CAAC;AAED,kBAAgB,EAAE,QAAQ,MAAM,MAAM,QAAQ,WAAW,QAAQ,GAAG,WAAW,MAAM,UAAU,CAAC;AAEhG,eAAa,MAAM;AACjB,QAAI,CAAC,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,MAAM,QAAS;AACxD,UAAM,YAAY,CAAC,UAA+B;AAChD,UAAI,MAAM,QAAQ,SAAU,OAAM,UAAU;AAAA,IAC9C;AACA,aAAS,iBAAiB,WAAW,SAAS;AAC9C,cAAU,MAAM,SAAS,oBAAoB,WAAW,SAAS,CAAC;AAAA,EACpE,CAAC;AAED,SACE,CAAC,KAAK,MAAM,WAAW,QAAQ,GAAG;AAAA,MAChC,CAAC,OAAO,OAAQ,WAAW,SAAY,SAAS,MAAe;AAAA,QAC7D,CAAC;AAAA,IACC,OAAO,GAAG,uBAAuB,QAAQ,MAAM,QAAQ,IAAI,QAAQ,MAAM,IAAI,IAAI,WAAW,QAAQ,CAAC;AAAA,IACrG,SAAS,MAAM,uBAAuB,MAAM,UAAU,MAAM,MAAM,UAAU,IAAI;AAAA,GACjF;AAAA,UACC,CAAC;AAAA,IACC,WAAW,MAAM,SAAS,SAAS;AAAA,QAC/B;AAAA,IACJ,KAAK,UAAU,MAAM,KAAK,CAAC,OAAQ,YAAY,EAAqB;AAAA,IACpE,OAAO,GAAG,cAAc,QAAQ,MAAM,IAAI,IAAI,QAAQ,MAAM,SAAS,IAAI,MAAM,KAAK;AAAA,IACpF,SAAS,CAAC,UAAsB,MAAM,gBAAgB;AAAA,IACtD,MAAM,MAAM;AAAA,IACZ,WAAW;AAAA,GACZ;AAAA,aACE,MAAM,SAAS;AAAA,UAClB,EAVC,QAUS;AAAA,QACZ,EAfC,IAeK;AAAA,MACR,EAjBC,OAiBQ;AAAA,IACX,EAnBC;AAqBL;AAMO,SAAS,OAAO,OAAiD;AACtE,SAAO,CAAC,IAAI,OAAO,GAAG,sBAAsB,MAAM,KAAK,IAAI,MAAM,SAAS,EAAlE;AACV;AAEO,SAAS,QAAQ,OAAiD;AACvE,SAAO,CAAC,IAAI,OAAO,GAAG,uBAAuB,MAAM,KAAK,IAAI,MAAM,SAAS,EAAnE;AACV;AAEO,SAAS,OAAO,OAAiD;AACtE,SAAO,CAAC,IAAI,OAAO,GAAG,sBAAsB,MAAM,KAAK,IAAI,MAAM,SAAS,EAAlE;AACV;AAEO,MAAM,QAAQ,OAAO,OAAO,WAAW,EAAE,QAAQ,QAAQ,QAAQ,CAAC;AAEzE,IAAO,gBAAQ;","names":[],"file":"modal.jsx"}

package/dist/headless/source/components/feedBack/progressIndicator/index.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/feedBack/progressIndicator/index.ts"],
+  "sourcesContent": ["export { ProgressIndicator, CircularProgress, default } from \"./progressIndicator\";\nexport type { ProgressIndicatorProps, ProgressColor, CircularProgressProps } from \"./progressIndicator\";\n"],
+  "mappings": "AAAA,SAAS,mBAAmB,kBAAkB,WAAAA,gBAAe;",
+  "names": ["default"]
+}

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

@@ -0,0 +1,68 @@
+import { Show, createEffect, mergeProps, splitProps } from "solid-js";
+import cn from "clsx";
+function CircularProgress(props) {
+  let circle;
+  createEffect(() => {
+    const value = props.progressValue ?? 0;
+    if (!circle || !circle.r) return;
+    const radius = circle.r.baseVal.value;
+    if (radius) {
+      const length = 2 * Math.PI * radius;
+      circle.style.strokeDasharray = `${length} ${length}`;
+      circle.style.strokeDashoffset = `${length - value / 100 * length}`;
+    }
+  });
+  return <svg class="smwb-indicator_circular__svg">
+      <circle class="smwb-indicator_circular__circle" cx="24" cy="24" r="22" ref={circle} />
+    </svg>;
+}
+function ProgressIndicator(props) {
+  const merged = mergeProps({ progressValue: 0, color: "primary", size: "medium" }, props);
+  const [local] = splitProps(merged, ["type", "variant", "class", "progressValue", "color", "size", "aria-label", "id"]);
+  const colorClass = () => local.color !== "primary" ? `smwb-indicator_color-${local.color}` : void 0;
+  const ariaProps = () => ({
+    role: "progressbar",
+    "aria-label": local["aria-label"],
+    id: local.id,
+    ...local.type === "determinate" ? { "aria-valuenow": local.progressValue, "aria-valuemin": 0, "aria-valuemax": 100 } : {}
+  });
+  return <Show
+    when={local.variant === "circular"}
+    fallback={<div {...ariaProps()} class={cn("smwb-indicator_linear", `smwb-${local.type}`, colorClass(), local.class)}>
+          <div
+      class="smwb-indicator_linear__thumb"
+      style={local.type === "determinate" ? { width: `${local.progressValue}%` } : {}}
+    />
+        </div>}
+  >
+      <div
+    {...ariaProps()}
+    class={cn(
+      "smwb-indicator_circular",
+      `smwb-${local.type}`,
+      colorClass(),
+      `smwb-indicator_size-${local.size}`,
+      local.class
+    )}
+  >
+        <Show
+    when={local.type === "determinate"}
+    fallback={<>
+              <div class="smwb-indicator_circular__thumb" />
+              <div />
+              <div />
+              <div />
+            </>}
+  >
+          <CircularProgress progressValue={local.progressValue} />
+        </Show>
+      </div>
+    </Show>;
+}
+var progressIndicator_default = ProgressIndicator;
+export {
+  CircularProgress,
+  ProgressIndicator,
+  progressIndicator_default as default
+};
+//# sourceMappingURL=progressIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/feedBack/progressIndicator/progressIndicator.tsx"],"sourcesContent":["import { 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,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/headless/source/components/feedBack/skeleton/index.js

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

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

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

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

@@ -0,0 +1,65 @@
+import { For, Show, mergeProps, splitProps } from "solid-js";
+import { Dynamic } from "solid-js/web";
+import cn from "clsx";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+const toCssSize = (value) => typeof value === "number" ? `${value}px` : value;
+function Skeleton(props) {
+  const merged = mergeProps(
+    { variant: "text", animation: "pulse", count: 1, component: "span" },
+    props
+  );
+  const [local, rest] = splitProps(merged, [
+    "class",
+    "variant",
+    "width",
+    "height",
+    "animation",
+    "count",
+    "animationDelay",
+    "component",
+    "style",
+    "ref"
+  ]);
+  const className = () => cn(
+    "smwb-skeleton",
+    `smwb-skeleton_${local.variant}`,
+    local.animation === false ? "smwb-skeleton_no-animation" : `smwb-skeleton_${local.animation}`,
+    local.class
+  );
+  const itemStyle = (index) => ({
+    ...typeof local.style === "object" && local.style ? local.style : {},
+    width: toCssSize(local.width),
+    height: toCssSize(local.height),
+    ...local.animationDelay ? { "animation-delay": `${index * local.animationDelay}ms` } : {}
+  });
+  return <Show
+    when={local.count > 1}
+    fallback={<Dynamic
+      component={local.component}
+      {...rest}
+      ref={mergeRefs(local.ref)}
+      data-testid="skeleton"
+      aria-hidden="true"
+      class={className()}
+      style={itemStyle(0)}
+    />}
+  >
+      <span ref={mergeRefs(local.ref)} class="smwb-skeleton__group" aria-hidden="true">
+        <For each={Array.from({ length: local.count }, (_, i) => i)}>
+          {(index) => <Dynamic
+    component={local.component}
+    data-testid="skeleton"
+    aria-hidden="true"
+    class={className()}
+    style={itemStyle(index)}
+  />}
+        </For>
+      </span>
+    </Show>;
+}
+var skeleton_default = Skeleton;
+export {
+  Skeleton,
+  skeleton_default as default
+};
+//# sourceMappingURL=skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/feedBack/skeleton/skeleton.tsx"],"sourcesContent":["import { 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,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/headless/source/components/feedBack/snackbar/index.js

@@ -0,0 +1,10 @@
+import { SnackbarProvider, Snackbar, useSnackbar, variants, positions, default as default2 } from "./snackbar";
+export {
+  Snackbar,
+  SnackbarProvider,
+  default2 as default,
+  positions,
+  useSnackbar,
+  variants
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/feedBack/snackbar/index.ts"],
+  "sourcesContent": ["export { SnackbarProvider, Snackbar, useSnackbar, variants, positions, default } from \"./snackbar\";\nexport type {\n  SnackbarsProviderProps,\n  SnackbarProps,\n  SnackbarOptions,\n  AddSnackbar,\n  AddSnackbarOptions,\n  Variants,\n  Position,\n} from \"./snackbar\";\n"],
+  "mappings": "AAAA,SAAS,kBAAkB,UAAU,aAAa,UAAU,WAAW,WAAAA,gBAAe;",
+  "names": ["default"]
+}