ics-ui-kit 0.1.0-alpha.9 → 0.1.1

package/dist/components/switch.js

@@ -1,144 +1,134 @@
-var L = Object.defineProperty, O = Object.defineProperties;
-var V = Object.getOwnPropertyDescriptors;
-var g = Object.getOwnPropertySymbols;
-var F = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
-var E = (e, r, t) => r in e ? L(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, u = (e, r) => {
-  for (var t in r || (r = {}))
-    F.call(r, t) && E(e, t, r[t]);
-  if (g)
-    for (var t of g(r))
-      _.call(r, t) && E(e, t, r[t]);
-  return e;
-}, p = (e, r) => O(e, V(r));
-var b = (e, r) => {
-  var t = {};
-  for (var o in e)
-    F.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
-  if (e != null && g)
-    for (var o of g(e))
-      r.indexOf(o) < 0 && _.call(e, o) && (t[o] = e[o]);
-  return t;
-};
-import { jsxs as P, jsx as i } from "react/jsx-runtime";
-import * as m from "react";
-import $, { useId as U } from "react";
-import { a as W, c as X, b as G, d as J } from "../index-CaGtfIqw.js";
-import { u as K } from "../index-DPws5oAn.js";
-import { u as Q } from "../index-BZPx6jYI.js";
-import { P as I } from "../index-pysSAa5G.js";
-import { c as T } from "../index-CR-odn5-.js";
-import { F as Y } from "../FieldLabel--NVcQQhJ.js";
-import { D as Z } from "../Description-g2E6P7Qi.js";
-var N = "Switch", [ee, ve] = X(N), [te, re] = ee(N), D = m.forwardRef(
-  (e, r) => {
-    const R = e, {
-      __scopeSwitch: t,
+import { jsxs as y, jsx as s } from "react/jsx-runtime";
+import * as l from "react";
+import D, { useId as M } from "react";
+import { P as S, c as H } from "../index-CFaU3UXv.js";
+import { u as C } from "../index-DLcqcWxM.js";
+import { c as j } from "../index-DFZozV_h.js";
+import { u as A } from "../index-437EL2iq.js";
+import { u as L } from "../index-BZPx6jYI.js";
+import { u as U } from "../index-BGQepRFJ.js";
+import { T as N } from "../index-BVqs-uqP.js";
+import { u as V } from "../ComponentVariantProvider-B0SFUaXB.js";
+import { F as W } from "../FieldLabel-QJ4rJFOi.js";
+import { D as q } from "../Description-BTPMlTT-.js";
+var g = "Switch", [O, ue] = j(g), [$, X] = O(g), P = l.forwardRef(
+  (t, n) => {
+    const {
+      __scopeSwitch: e,
       name: o,
-      checked: c,
-      defaultChecked: a,
-      required: n,
-      disabled: s,
-      value: h = "on",
+      checked: r,
+      defaultChecked: i,
+      required: c,
+      disabled: a,
+      value: u = "on",
       onCheckedChange: f,
-      form: w
-    } = R, v = b(R, [
-      "__scopeSwitch",
-      "name",
-      "checked",
-      "defaultChecked",
-      "required",
-      "disabled",
-      "value",
-      "onCheckedChange",
-      "form"
-    ]), [d, k] = m.useState(null), C = K(r, (x) => k(x)), y = m.useRef(!1), S = d ? w || !!d.closest("form") : !0, [l = !1, q] = W({
-      prop: c,
-      defaultProp: a,
-      onChange: f
+      form: d,
+      ...b
+    } = t, [p, m] = l.useState(null), v = C(n, (x) => m(x)), h = l.useRef(!1), k = p ? d || !!p.closest("form") : !0, [w, B] = A({
+      prop: r,
+      defaultProp: i ?? !1,
+      onChange: f,
+      caller: g
     });
-    return /* @__PURE__ */ P(te, { scope: t, checked: l, disabled: s, children: [
-      /* @__PURE__ */ i(
-        I.button,
-        p(u({
+    return /* @__PURE__ */ y($, { scope: e, checked: w, disabled: a, children: [
+      /* @__PURE__ */ s(
+        S.button,
+        {
           type: "button",
           role: "switch",
-          "aria-checked": l,
-          "aria-required": n,
-          "data-state": M(l),
-          "data-disabled": s ? "" : void 0,
-          disabled: s,
-          value: h
-        }, v), {
-          ref: C,
-          onClick: G(e.onClick, (x) => {
-            q((A) => !A), S && (y.current = x.isPropagationStopped(), y.current || x.stopPropagation());
+          "aria-checked": w,
+          "aria-required": c,
+          "data-state": I(w),
+          "data-disabled": a ? "" : void 0,
+          disabled: a,
+          value: u,
+          ...b,
+          ref: v,
+          onClick: H(t.onClick, (x) => {
+            B((z) => !z), k && (h.current = x.isPropagationStopped(), h.current || x.stopPropagation());
           })
-        })
+        }
       ),
-      S && /* @__PURE__ */ i(
-        oe,
+      k && /* @__PURE__ */ s(
+        E,
         {
-          control: d,
-          bubbles: !y.current,
+          control: p,
+          bubbles: !h.current,
           name: o,
-          value: h,
-          checked: l,
-          required: n,
-          disabled: s,
-          form: w,
+          value: u,
+          checked: w,
+          required: c,
+          disabled: a,
+          form: d,
           style: { transform: "translateX(-100%)" }
         }
       )
     ] });
   }
 );
-D.displayName = N;
-var z = "SwitchThumb", H = m.forwardRef(
-  (e, r) => {
-    const a = e, { __scopeSwitch: t } = a, o = b(a, ["__scopeSwitch"]), c = re(z, t);
-    return /* @__PURE__ */ i(
-      I.span,
-      p(u({
-        "data-state": M(c.checked),
-        "data-disabled": c.disabled ? "" : void 0
-      }, o), {
-        ref: r
-      })
+P.displayName = g;
+var R = "SwitchThumb", _ = l.forwardRef(
+  (t, n) => {
+    const { __scopeSwitch: e, ...o } = t, r = X(R, e);
+    return /* @__PURE__ */ s(
+      S.span,
+      {
+        "data-state": I(r.checked),
+        "data-disabled": r.disabled ? "" : void 0,
+        ...o,
+        ref: n
+      }
     );
   }
 );
-H.displayName = z;
-var oe = (e) => {
-  const h = e, { control: r, checked: t, bubbles: o = !0 } = h, c = b(h, ["control", "checked", "bubbles"]), a = m.useRef(null), n = Q(t), s = J(r);
-  return m.useEffect(() => {
-    const f = a.current, w = window.HTMLInputElement.prototype, d = Object.getOwnPropertyDescriptor(w, "checked").set;
-    if (n !== t && d) {
-      const k = new Event("click", { bubbles: o });
-      d.call(f, t), f.dispatchEvent(k);
-    }
-  }, [n, t, o]), /* @__PURE__ */ i(
-    "input",
-    p(u({
-      type: "checkbox",
-      "aria-hidden": !0,
-      defaultChecked: t
-    }, c), {
-      tabIndex: -1,
-      ref: a,
-      style: p(u(u({}, e.style), s), {
-        position: "absolute",
-        pointerEvents: "none",
-        opacity: 0,
-        margin: 0
-      })
-    })
-  );
-};
-function M(e) {
-  return e ? "checked" : "unchecked";
+_.displayName = R;
+var G = "SwitchBubbleInput", E = l.forwardRef(
+  ({
+    __scopeSwitch: t,
+    control: n,
+    checked: e,
+    bubbles: o = !0,
+    ...r
+  }, i) => {
+    const c = l.useRef(null), a = C(c, i), u = L(e), f = U(n);
+    return l.useEffect(() => {
+      const d = c.current;
+      if (!d) return;
+      const b = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(
+        b,
+        "checked"
+      ).set;
+      if (u !== e && m) {
+        const v = new Event("click", { bubbles: o });
+        m.call(d, e), d.dispatchEvent(v);
+      }
+    }, [u, e, o]), /* @__PURE__ */ s(
+      "input",
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: e,
+        ...r,
+        tabIndex: -1,
+        ref: a,
+        style: {
+          ...r.style,
+          ...f,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+E.displayName = G;
+function I(t) {
+  return t ? "checked" : "unchecked";
 }
-var j = D, ae = H;
-const se = T({
+var F = P, J = _;
+const K = N({
   slots: {
     root: [
       "peer relative inline-flex shrink-0 cursor-pointer items-center rounded-full",
@@ -149,10 +139,14 @@ const se = T({
       "data-[state=checked]:hover:enabled:bg-primary-accent-hover",
       "data-[state=unchecked]:hover:enabled:bg-primary-border"
     ],
-    thumb: "rounded-full bg-secondary-bg shadow-base transition-transform"
+    thumb: "rounded-full bg-secondary-bg shadow-soft-base transition-transform"
   },
   variants: {
     size: {
+      xs: {
+        root: "h-4 w-7",
+        thumb: "h-3 w-3 data-[state=checked]:translate-x-[14px] data-[state=unchecked]:translate-x-0.5"
+      },
       sm: {
         root: "h-5 w-9",
         thumb: "h-4 w-4 data-[state=checked]:translate-x-[18px] data-[state=unchecked]:translate-x-0.5"
@@ -161,36 +155,45 @@ const se = T({
         root: "h-6 w-11",
         thumb: "h-5 w-5 data-[state=checked]:translate-x-[22px] data-[state=unchecked]:translate-x-0.5"
       }
+    },
+    theme: {
+      inverse: {
+        root: [
+          "focus-visible:shadow-inverse-focus",
+          "data-[state=unchecked]:bg-inverse-active data-[state=unchecked]:hover:enabled:bg-inverse-muted",
+          "data-[state=checked]:bg-inverse-primary-fg data-[state=checked]:hover:enabled:bg-inverse-secondary-fg"
+        ],
+        thumb: "bg-inverse-primary-bg"
+      }
     }
   },
   defaultVariants: {
     size: "md"
   }
-}), B = m.forwardRef(
-  (c, o) => {
-    var a = c, { className: e, size: r } = a, t = b(a, ["className", "size"]);
-    const { root: n, thumb: s } = se({ size: r });
-    return /* @__PURE__ */ i(j, p(u({ className: n({ className: e }) }, t), { ref: o, children: /* @__PURE__ */ i(ae, { className: s() }) }));
+}), T = l.forwardRef(
+  ({ className: t, size: n, ...e }, o) => {
+    const { variant: r } = V(), { root: i, thumb: c } = K({ size: n, theme: r });
+    return /* @__PURE__ */ s(F, { className: i({ className: t }), ...e, ref: o, children: /* @__PURE__ */ s(J, { className: c() }) });
   }
 );
-B.displayName = j.displayName;
-const ce = T({
+T.displayName = F.displayName;
+const Q = N({
   slots: {
-    container: "flex cursor-pointer items-center space-x-2",
-    labelContainer: "flex flex-col gap-1",
-    label: "cursor-pointer",
-    description: ""
+    container: "flex cursor-pointer items-center gap-3",
+    textContainer: "flex flex-col gap-1",
+    labelWrapper: "flex h-4 items-center",
+    label: "cursor-pointer"
   },
   variants: {
     outline: {
       true: {
-        container: "cursor-pointer rounded-lg border border-secondary-border p-3 px-4"
+        container: "rounded-lg border border-secondary-border p-3 px-4"
       }
     },
     disabled: {
       true: {
         container: "cursor-default",
-        labelContainer: "opacity-50",
+        textContainer: "opacity-50",
         label: "cursor-default text-primary-fg",
         description: "text-muted"
       }
@@ -211,27 +214,26 @@ const ce = T({
   defaultVariants: {
     alignment: "left"
   }
-}), ne = $.forwardRef(
-  (w, f) => {
-    var v = w, { className: e, id: r, label: t, alignment: o, error: c, disabled: a, outline: n, description: s } = v, h = b(v, ["className", "id", "label", "alignment", "error", "disabled", "outline", "description"]);
+}), Y = D.forwardRef(
+  ({ className: t, id: n, label: e, alignment: o, error: r, disabled: i, outline: c, description: a, ...u }, f) => {
     const {
       container: d,
-      labelContainer: k,
-      label: C,
-      description: y
-    } = ce({ alignment: o, error: c, disabled: a, outline: n, withDescription: !!s }), S = U(), l = r || `switch-${S}`;
-    return /* @__PURE__ */ P("label", { htmlFor: l, className: d({ class: e }), children: [
-      /* @__PURE__ */ i(B, p(u({ disabled: a, id: l }, h), { ref: f })),
-      (t || s) && /* @__PURE__ */ P("div", { className: k(), children: [
-        t && /* @__PURE__ */ i(Y, { htmlFor: l, className: C(), children: t }),
-        s && /* @__PURE__ */ i(Z, { className: y(), children: s })
+      textContainer: b,
+      label: p,
+      labelWrapper: m
+    } = Q({ alignment: o, error: r, disabled: i, outline: c, withDescription: !!a }), v = M(), h = n || `switch-${v}`;
+    return /* @__PURE__ */ y("label", { htmlFor: h, className: d({ class: t }), children: [
+      /* @__PURE__ */ s(T, { disabled: i, id: h, ...u, ref: f }),
+      (e || a) && /* @__PURE__ */ y("div", { className: b(), children: [
+        e && /* @__PURE__ */ s("div", { className: m(), children: /* @__PURE__ */ s(W, { htmlFor: h, className: p(), children: e }) }),
+        a && /* @__PURE__ */ s(q, { size: "xs", children: a })
       ] })
     ] });
   }
 );
-ne.displayName = "SwitchField";
+Y.displayName = "SwitchField";
 export {
-  B as Switch,
-  ne as SwitchField
+  T as Switch,
+  Y as SwitchField
 };
 //# sourceMappingURL=switch.js.map

package/dist/components/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sources":["../../node_modules/.pnpm/@radix-ui+react-switch@1.1.3_@types+react-dom@18.3.6_@types+react@18.3.20_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-switch/dist/index.mjs","../../src/components/switch/Switch.tsx","../../src/components/switch/switch-field/SwitchField.tsx"],"sourcesContent":["\"use client\";\n\n// packages/react/switch/src/switch.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SWITCH_NAME = \"Switch\";\nvar [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\nvar [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);\nvar Switch = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeSwitch,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...switchProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange\n    });\n    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"switch\",\n          \"aria-checked\": checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...switchProps,\n          ref: composedRefs,\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        BubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" }\n        }\n      )\n    ] });\n  }\n);\nSwitch.displayName = SWITCH_NAME;\nvar THUMB_NAME = \"SwitchThumb\";\nvar SwitchThumb = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeSwitch, ...thumbProps } = props;\n    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n    return /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.checked),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...thumbProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSwitchThumb.displayName = THUMB_NAME;\nvar BubbleInput = (props) => {\n  const { control, checked, bubbles = true, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      setChecked.call(input, checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"checkbox\",\n      \"aria-hidden\": true,\n      defaultChecked: checked,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      style: {\n        ...props.style,\n        ...controlSize,\n        position: \"absolute\",\n        pointerEvents: \"none\",\n        opacity: 0,\n        margin: 0\n      }\n    }\n  );\n};\nfunction getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Switch;\nvar Thumb = SwitchThumb;\nexport {\n  Root,\n  Switch,\n  SwitchThumb,\n  Thumb,\n  createSwitchScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as React from \"react\";\r\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\n/**\r\n * Варианты стилей для компонента Switch\r\n */\r\nconst switchStyles = tv({\r\n\tslots: {\r\n\t\troot: [\r\n\t\t\t\"peer relative inline-flex shrink-0 cursor-pointer items-center rounded-full\",\r\n\t\t\t\"transition-colors\",\r\n\t\t\t\"focus-visible:border-tertiary-accent focus-visible:shadow-focus focus-visible:outline-none\",\r\n\t\t\t\"disabled:cursor-not-allowed disabled:opacity-50\",\r\n\t\t\t\"data-[state=checked]:bg-primary-accent data-[state=unchecked]:bg-secondary-border\",\r\n\t\t\t\"data-[state=checked]:hover:enabled:bg-primary-accent-hover\",\r\n\t\t\t\"data-[state=unchecked]:hover:enabled:bg-primary-border\"\r\n\t\t],\r\n\t\tthumb: \"rounded-full bg-secondary-bg shadow-base transition-transform\"\r\n\t},\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\tsm: {\r\n\t\t\t\troot: \"h-5 w-9\",\r\n\t\t\t\tthumb: \"h-4 w-4 data-[state=checked]:translate-x-[18px] data-[state=unchecked]:translate-x-0.5\"\r\n\t\t\t},\r\n\t\t\tmd: {\r\n\t\t\t\troot: \"h-6 w-11\",\r\n\t\t\t\tthumb: \"h-5 w-5 data-[state=checked]:translate-x-[22px] data-[state=unchecked]:translate-x-0.5\"\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\tsize: \"md\"\r\n\t}\r\n});\r\n\r\nexport type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> &\r\n\tVariantProps<typeof switchStyles>;\r\n\r\nconst Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchProps>(\r\n\t({ className, size, ...props }, ref) => {\r\n\t\tconst { root, thumb } = switchStyles({ size });\r\n\r\n\t\treturn (\r\n\t\t\t<SwitchPrimitives.Root className={root({ className })} {...props} ref={ref}>\r\n\t\t\t\t<SwitchPrimitives.Thumb className={thumb()} />\r\n\t\t\t</SwitchPrimitives.Root>\r\n\t\t);\r\n\t}\r\n);\r\nSwitch.displayName = SwitchPrimitives.Root.displayName;\r\n\r\nexport { Switch };\r\n","import * as SwitchPrimitives from \"@radix-ui/react-checkbox\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport React, { useId } from \"react\";\r\nimport { FieldLabel } from \"@/components/label\";\r\nimport { Description } from \"@/components/description\";\r\nimport { Switch, SwitchProps } from \"../Switch\";\r\n\r\nconst switchFieldStyles = tv({\r\n\tslots: {\r\n\t\tcontainer: \"flex cursor-pointer items-center space-x-2\",\r\n\t\tlabelContainer: \"flex flex-col gap-1\",\r\n\t\tlabel: \"cursor-pointer\",\r\n\t\tdescription: \"\"\r\n\t},\r\n\tvariants: {\r\n\t\toutline: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcontainer: \"cursor-pointer rounded-lg border border-secondary-border p-3 px-4\"\r\n\t\t\t}\r\n\t\t},\r\n\t\tdisabled: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcontainer: \"cursor-default\",\r\n\t\t\t\tlabelContainer: \"opacity-50\",\r\n\t\t\t\tlabel: \"cursor-default text-primary-fg\",\r\n\t\t\t\tdescription: \"text-muted\"\r\n\t\t\t}\r\n\t\t},\r\n\t\terror: {\r\n\t\t\ttrue: {\r\n\t\t\t\tlabel: \"text-status-error\"\r\n\t\t\t}\r\n\t\t},\r\n\t\talignment: {\r\n\t\t\tleft: {},\r\n\t\t\tright: {\r\n\t\t\t\tcontainer: \"flex-row-reverse space-x-reverse\"\r\n\t\t\t}\r\n\t\t},\r\n\t\twithDescription: { true: { container: \"items-start\" } }\r\n\t},\r\n\tdefaultVariants: {\r\n\t\talignment: \"left\"\r\n\t}\r\n});\r\n\r\ntype SwitchFieldProps = SwitchProps &\r\n\tOmit<VariantProps<typeof switchFieldStyles>, \"withDescription\"> & {\r\n\t\tlabel?: string;\r\n\t\tdescription?: string;\r\n\t};\r\n\r\nconst SwitchField = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchFieldProps>(\r\n\t({ className, id, label, alignment: alignment, error, disabled, outline, description, ...props }, ref) => {\r\n\t\tconst {\r\n\t\t\tcontainer,\r\n\t\t\tlabelContainer,\r\n\t\t\tlabel: labelStyles,\r\n\t\t\tdescription: descriptionStyles\r\n\t\t} = switchFieldStyles({ alignment, error, disabled, outline, withDescription: !!description });\r\n\r\n\t\tconst generatedId = useId();\r\n\t\tconst switchId = id || `switch-${generatedId}`;\r\n\r\n\t\treturn (\r\n\t\t\t<label htmlFor={switchId} className={container({ class: className })}>\r\n\t\t\t\t<Switch disabled={disabled} id={switchId} {...props} ref={ref} />\r\n\t\t\t\t{(label || description) && (\r\n\t\t\t\t\t<div className={labelContainer()}>\r\n\t\t\t\t\t\t{label && (\r\n\t\t\t\t\t\t\t<FieldLabel htmlFor={switchId} className={labelStyles()}>\r\n\t\t\t\t\t\t\t\t{label}\r\n\t\t\t\t\t\t\t</FieldLabel>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{description && <Description className={descriptionStyles()}>{description}</Description>}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</label>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nSwitchField.displayName = \"SwitchField\";\r\n\r\nexport { SwitchField };\r\n"],"names":["SWITCH_NAME","createSwitchContext","createSwitchScope","createContextScope","SwitchProvider","useSwitchContext","Switch","React","props","forwardedRef","_a","__scopeSwitch","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","switchProps","__objRest","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","jsxs","jsx","Primitive","__spreadProps","__spreadValues","getState","composeEventHandlers","event","prevChecked","BubbleInput","THUMB_NAME","SwitchThumb","thumbProps","context","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","Root","Thumb","switchStyles","tv","_b","className","size","root","thumb","SwitchPrimitives.Root","SwitchPrimitives.Thumb","switchFieldStyles","SwitchField","id","label","alignment","error","outline","description","container","labelContainer","labelStyles","descriptionStyles","generatedId","useId","switchId","FieldLabel","Description"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"switch.js","sources":["../../node_modules/.pnpm/@radix-ui+react-switch@1.2.6_@types+react-dom@18.3.6_@types+react@18.3.20__@types+react_f3fb04ca0cb9718d2dd2dba40e11ef1d/node_modules/@radix-ui/react-switch/dist/index.mjs","../../src/components/switch/Switch.tsx","../../src/components/switch/switch-field/SwitchField.tsx"],"sourcesContent":["\"use client\";\n\n// src/switch.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SWITCH_NAME = \"Switch\";\nvar [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\nvar [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);\nvar Switch = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeSwitch,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...switchProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked ?? false,\n      onChange: onCheckedChange,\n      caller: SWITCH_NAME\n    });\n    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"switch\",\n          \"aria-checked\": checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...switchProps,\n          ref: composedRefs,\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        SwitchBubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" }\n        }\n      )\n    ] });\n  }\n);\nSwitch.displayName = SWITCH_NAME;\nvar THUMB_NAME = \"SwitchThumb\";\nvar SwitchThumb = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeSwitch, ...thumbProps } = props;\n    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n    return /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.checked),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...thumbProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSwitchThumb.displayName = THUMB_NAME;\nvar BUBBLE_INPUT_NAME = \"SwitchBubbleInput\";\nvar SwitchBubbleInput = React.forwardRef(\n  ({\n    __scopeSwitch,\n    control,\n    checked,\n    bubbles = true,\n    ...props\n  }, forwardedRef) => {\n    const ref = React.useRef(null);\n    const composedRefs = useComposedRefs(ref, forwardedRef);\n    const prevChecked = usePrevious(checked);\n    const controlSize = useSize(control);\n    React.useEffect(() => {\n      const input = ref.current;\n      if (!input) return;\n      const inputProto = window.HTMLInputElement.prototype;\n      const descriptor = Object.getOwnPropertyDescriptor(\n        inputProto,\n        \"checked\"\n      );\n      const setChecked = descriptor.set;\n      if (prevChecked !== checked && setChecked) {\n        const event = new Event(\"click\", { bubbles });\n        setChecked.call(input, checked);\n        input.dispatchEvent(event);\n      }\n    }, [prevChecked, checked, bubbles]);\n    return /* @__PURE__ */ jsx(\n      \"input\",\n      {\n        type: \"checkbox\",\n        \"aria-hidden\": true,\n        defaultChecked: checked,\n        ...props,\n        tabIndex: -1,\n        ref: composedRefs,\n        style: {\n          ...props.style,\n          ...controlSize,\n          position: \"absolute\",\n          pointerEvents: \"none\",\n          opacity: 0,\n          margin: 0\n        }\n      }\n    );\n  }\n);\nSwitchBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Switch;\nvar Thumb = SwitchThumb;\nexport {\n  Root,\n  Switch,\n  SwitchThumb,\n  Thumb,\n  createSwitchScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as React from \"react\";\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\nimport { tv } from \"tailwind-variants\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\nimport { useComponentVariant } from \"@/providers/component-variant-context\";\n\nexport interface SwitchVariants {\n\tsize?: \"xs\" | \"sm\" | \"md\";\n\ttheme?: \"inverse\";\n}\n\n/**\n * Варианты стилей для компонента Switch\n */\nconst switchStyles = tv({\n\tslots: {\n\t\troot: [\n\t\t\t\"peer relative inline-flex shrink-0 cursor-pointer items-center rounded-full\",\n\t\t\t\"transition-colors\",\n\t\t\t\"focus-visible:border-tertiary-accent focus-visible:shadow-focus focus-visible:outline-none\",\n\t\t\t\"disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\"data-[state=checked]:bg-primary-accent data-[state=unchecked]:bg-secondary-border\",\n\t\t\t\"data-[state=checked]:hover:enabled:bg-primary-accent-hover\",\n\t\t\t\"data-[state=unchecked]:hover:enabled:bg-primary-border\"\n\t\t],\n\t\tthumb: \"rounded-full bg-secondary-bg shadow-soft-base transition-transform\"\n\t},\n\tvariants: {\n\t\tsize: {\n\t\t\txs: {\n\t\t\t\troot: \"h-4 w-7\",\n\t\t\t\tthumb: \"h-3 w-3 data-[state=checked]:translate-x-[14px] data-[state=unchecked]:translate-x-0.5\"\n\t\t\t},\n\t\t\tsm: {\n\t\t\t\troot: \"h-5 w-9\",\n\t\t\t\tthumb: \"h-4 w-4 data-[state=checked]:translate-x-[18px] data-[state=unchecked]:translate-x-0.5\"\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\troot: \"h-6 w-11\",\n\t\t\t\tthumb: \"h-5 w-5 data-[state=checked]:translate-x-[22px] data-[state=unchecked]:translate-x-0.5\"\n\t\t\t}\n\t\t},\n\t\ttheme: {\n\t\t\tinverse: {\n\t\t\t\troot: [\n\t\t\t\t\t\"focus-visible:shadow-inverse-focus\",\n\t\t\t\t\t\"data-[state=unchecked]:bg-inverse-active data-[state=unchecked]:hover:enabled:bg-inverse-muted\",\n\t\t\t\t\t\"data-[state=checked]:bg-inverse-primary-fg data-[state=checked]:hover:enabled:bg-inverse-secondary-fg\"\n\t\t\t\t],\n\t\t\t\tthumb: \"bg-inverse-primary-bg\"\n\t\t\t}\n\t\t}\n\t} satisfies VariantsConfig<SwitchVariants>,\n\tdefaultVariants: {\n\t\tsize: \"md\"\n\t}\n});\n\nexport type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & SwitchVariants;\n\nconst Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchProps>(\n\t({ className, size, ...props }, ref) => {\n\t\tconst { variant: theme } = useComponentVariant();\n\t\tconst { root, thumb } = switchStyles({ size, theme });\n\n\t\treturn (\n\t\t\t<SwitchPrimitives.Root className={root({ className })} {...props} ref={ref}>\n\t\t\t\t<SwitchPrimitives.Thumb className={thumb()} />\n\t\t\t</SwitchPrimitives.Root>\n\t\t);\n\t}\n);\nSwitch.displayName = SwitchPrimitives.Root.displayName;\n\nexport { Switch };\n","import * as SwitchPrimitives from \"@radix-ui/react-checkbox\";\nimport { tv } from \"tailwind-variants\";\nimport React, { useId } from \"react\";\nimport { FieldLabel } from \"@/components/label\";\nimport { Description } from \"@/components/description\";\nimport { Switch, SwitchProps } from \"../Switch\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nexport interface SwitchFieldVariants {\n\toutline?: boolean;\n\talignment?: \"left\" | \"right\";\n\tdisabled?: boolean;\n\terror?: boolean;\n}\n\nconst switchFieldStyles = tv({\n\tslots: {\n\t\tcontainer: \"flex cursor-pointer items-center gap-3\",\n\t\ttextContainer: \"flex flex-col gap-1\",\n\t\tlabelWrapper: \"flex h-4 items-center\",\n\t\tlabel: \"cursor-pointer\"\n\t},\n\tvariants: {\n\t\toutline: {\n\t\t\ttrue: {\n\t\t\t\tcontainer: \"rounded-lg border border-secondary-border p-3 px-4\"\n\t\t\t}\n\t\t},\n\t\tdisabled: {\n\t\t\ttrue: {\n\t\t\t\tcontainer: \"cursor-default\",\n\t\t\t\ttextContainer: \"opacity-50\",\n\t\t\t\tlabel: \"cursor-default text-primary-fg\",\n\t\t\t\tdescription: \"text-muted\"\n\t\t\t}\n\t\t},\n\t\terror: {\n\t\t\ttrue: {\n\t\t\t\tlabel: \"text-status-error\"\n\t\t\t}\n\t\t},\n\t\talignment: {\n\t\t\tleft: {},\n\t\t\tright: {\n\t\t\t\tcontainer: \"flex-row-reverse space-x-reverse\"\n\t\t\t}\n\t\t},\n\t\twithDescription: { true: { container: \"items-start\" } }\n\t} satisfies VariantsConfig<SwitchFieldVariants & { withDescription?: boolean }>,\n\tdefaultVariants: {\n\t\talignment: \"left\"\n\t}\n});\n\ntype SwitchFieldProps = SwitchProps &\n\tSwitchFieldVariants & {\n\t\tlabel?: string | React.ReactNode;\n\t\tdescription?: string;\n\t};\n\nconst SwitchField = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchFieldProps>(\n\t({ className, id, label, alignment: alignment, error, disabled, outline, description, ...props }, ref) => {\n\t\tconst {\n\t\t\tcontainer,\n\t\t\ttextContainer,\n\t\t\tlabel: labelStyles,\n\t\t\tlabelWrapper\n\t\t} = switchFieldStyles({ alignment, error, disabled, outline, withDescription: !!description });\n\n\t\tconst generatedId = useId();\n\t\tconst switchId = id || `switch-${generatedId}`;\n\n\t\treturn (\n\t\t\t<label htmlFor={switchId} className={container({ class: className })}>\n\t\t\t\t<Switch disabled={disabled} id={switchId} {...props} ref={ref} />\n\t\t\t\t{(label || description) && (\n\t\t\t\t\t<div className={textContainer()}>\n\t\t\t\t\t\t{label && (\n\t\t\t\t\t\t\t<div className={labelWrapper()}>\n\t\t\t\t\t\t\t\t<FieldLabel htmlFor={switchId} className={labelStyles()}>\n\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t</FieldLabel>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{description && <Description size=\"xs\">{description}</Description>}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</label>\n\t\t);\n\t}\n);\n\nSwitchField.displayName = \"SwitchField\";\n\nexport { SwitchField };\n"],"names":["SWITCH_NAME","createSwitchContext","createSwitchScope","createContextScope","SwitchProvider","useSwitchContext","Switch","React","props","forwardedRef","__scopeSwitch","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","switchProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","jsxs","jsx","Primitive","getState","composeEventHandlers","event","prevChecked","SwitchBubbleInput","THUMB_NAME","SwitchThumb","thumbProps","context","BUBBLE_INPUT_NAME","control","bubbles","ref","usePrevious","controlSize","useSize","input","inputProto","Root","Thumb","switchStyles","tv","className","size","theme","useComponentVariant","root","thumb","SwitchPrimitives.Root","SwitchPrimitives.Thumb","switchFieldStyles","SwitchField","id","label","alignment","error","outline","description","container","textContainer","labelStyles","labelWrapper","generatedId","useId","switchId","FieldLabel","Description"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/components/system-state/SystemState.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export type SystemStateProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const SystemState: React.ForwardRefExoticComponent<SystemStateProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/system-state/SystemState.stories.d.ts

@@ -0,0 +1,19 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SystemState } from './SystemState';
+declare const meta: Meta<typeof SystemState>;
+export default meta;
+type Story = StoryObj<typeof SystemState>;
+export declare const Default: Story;
+export declare const DefaultMobile: Story;
+export declare const NoAuthorization403: Story;
+export declare const NotFound404: Story;
+export declare const ServerError500: Story;
+interface SystemStatePlaygroundProps {
+    code?: string;
+    title?: string;
+    description?: string;
+    primaryButton?: string;
+    secondaryButton?: string;
+}
+declare const SystemStatePlaygroundExample: ({ code, title, description, primaryButton, secondaryButton }: SystemStatePlaygroundProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Playground: StoryObj<typeof SystemStatePlaygroundExample>;

package/dist/components/system-state/components/SystemStateActions.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../../button/button/Button';
+export interface SystemStateActionsProps {
+    className?: string;
+    primaryButton?: React.ReactNode;
+    primaryButtonProps?: ButtonProps;
+    secondaryButton?: React.ReactNode;
+    secondaryButtonProps?: ButtonProps;
+}
+export declare const SystemStateActions: React.ForwardRefExoticComponent<SystemStateActionsProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/system-state/components/SystemStateCode.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export type SystemStateCodeProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const SystemStateCode: React.ForwardRefExoticComponent<SystemStateCodeProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/system-state/components/SystemStateDescription.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export type SystemStateDescriptionProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const SystemStateDescription: React.ForwardRefExoticComponent<SystemStateDescriptionProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/system-state/components/SystemStateTitle.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export type SystemStateTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
+export declare const SystemStateTitle: React.ForwardRefExoticComponent<SystemStateTitleProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/system-state/index.d.ts

@@ -0,0 +1,10 @@
+export { SystemState } from './SystemState';
+export { SystemStateCode } from './components/SystemStateCode';
+export { SystemStateTitle } from './components/SystemStateTitle';
+export { SystemStateDescription } from './components/SystemStateDescription';
+export { SystemStateActions } from './components/SystemStateActions';
+export type { SystemStateProps } from './SystemState';
+export type { SystemStateCodeProps } from './components/SystemStateCode';
+export type { SystemStateTitleProps } from './components/SystemStateTitle';
+export type { SystemStateDescriptionProps } from './components/SystemStateDescription';
+export type { SystemStateActionsProps } from './components/SystemStateActions';

package/dist/components/system-state.d.ts

@@ -0,0 +1,2 @@
+export * from './system-state/index'
+export {}

package/dist/components/system-state.js

@@ -0,0 +1,51 @@
+import { jsx as l } from "react/jsx-runtime";
+import i from "react";
+import { T as n } from "../index-BVqs-uqP.js";
+import { B as f } from "../Button-Dg89xRSi.js";
+import { e as y } from "../useBreakpoints-D8wKOvil.js";
+const u = n({
+  base: "flex w-full max-w-[343px] flex-col items-center text-center lg:max-w-[672px]"
+}), b = i.forwardRef(
+  ({ className: t, children: e, ...s }, a) => /* @__PURE__ */ l("div", { ref: a, className: u({ className: t }), ...s, children: e })
+);
+b.displayName = "SystemState";
+const p = n({
+  base: "mb-8 align-middle text-sm font-medium text-muted"
+}), g = i.forwardRef(
+  ({ className: t, children: e, ...s }, a) => /* @__PURE__ */ l("div", { ref: a, className: p({ className: t }), ...s, children: e })
+);
+g.displayName = "SystemStateCode";
+const w = n({
+  base: "leading-3xl lg:leading-5xl letter-spacing-[-0.02em] pb-4 text-center align-middle text-3xl font-bold lg:text-5xl"
+}), N = i.forwardRef(
+  ({ className: t, ...e }, s) => /* @__PURE__ */ l("h2", { ref: s, className: w({ className: t }), ...e })
+);
+N.displayName = "SystemStateTitle";
+const v = n({
+  base: "leading-base max-w-s text-base font-normal text-muted lg:max-w-xl"
+}), R = i.forwardRef(
+  ({ className: t, children: e, ...s }, a) => /* @__PURE__ */ l("div", { ref: a, className: v({ className: t }), ...s, children: e })
+);
+R.displayName = "SystemStateDescription";
+const h = n({
+  slots: {
+    container: "mt-8 flex w-full flex-col items-center gap-3 lg:flex-row lg:justify-center",
+    button: "w-full lg:w-auto"
+  }
+}), T = i.forwardRef(
+  ({ className: t, primaryButton: e, secondaryButton: s, primaryButtonProps: a, secondaryButtonProps: m }, x) => {
+    const o = y(), { container: S, button: r } = h();
+    o && (a = { ...a, size: "xl", className: r({ className: t }) }, m = { ...m, size: "xl", className: r({ className: t }) });
+    const c = e && /* @__PURE__ */ l(f, { variant: "primary", ...a, children: e }, "primary-button"), d = s && /* @__PURE__ */ l(f, { variant: "outline", ...m, children: s }, "secondary-button");
+    return /* @__PURE__ */ l("div", { ref: x, className: S({ class: t }), children: o ? [c, d] : [d, c] });
+  }
+);
+T.displayName = "SystemStateActions";
+export {
+  b as SystemState,
+  T as SystemStateActions,
+  g as SystemStateCode,
+  R as SystemStateDescription,
+  N as SystemStateTitle
+};
+//# sourceMappingURL=system-state.js.map

package/dist/components/system-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-state.js","sources":["../../src/components/system-state/SystemState.tsx","../../src/components/system-state/components/SystemStateCode.tsx","../../src/components/system-state/components/SystemStateTitle.tsx","../../src/components/system-state/components/SystemStateDescription.tsx","../../src/components/system-state/components/SystemStateActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst systemStateStyles = tv({\n\tbase: \"flex w-full max-w-[343px] flex-col items-center text-center lg:max-w-[672px]\"\n});\n\nexport type SystemStateProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const SystemState = React.forwardRef<HTMLDivElement, SystemStateProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={systemStateStyles({ className })} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nSystemState.displayName = \"SystemState\";\n","import React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst codeStyles = tv({\n\tbase: \"mb-8 align-middle text-sm font-medium text-muted\"\n});\n\nexport type SystemStateCodeProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const SystemStateCode = React.forwardRef<HTMLDivElement, SystemStateCodeProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={codeStyles({ className })} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nSystemStateCode.displayName = \"SystemStateCode\";\n","import React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst titleStyles = tv({\n\tbase: \"leading-3xl lg:leading-5xl letter-spacing-[-0.02em] pb-4 text-center align-middle text-3xl font-bold lg:text-5xl\"\n});\n\nexport type SystemStateTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nexport const SystemStateTitle = React.forwardRef<HTMLHeadingElement, SystemStateTitleProps>(\n\t({ className, ...props }, ref) => {\n\t\treturn <h2 ref={ref} className={titleStyles({ className })} {...props} />;\n\t}\n);\n\nSystemStateTitle.displayName = \"SystemStateTitle\";\n","import React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst descriptionStyles = tv({\n\tbase: \"leading-base max-w-s text-base font-normal text-muted lg:max-w-xl\"\n});\n\nexport type SystemStateDescriptionProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const SystemStateDescription = React.forwardRef<HTMLDivElement, SystemStateDescriptionProps>(\n\t({ className, children, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={descriptionStyles({ className })} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nSystemStateDescription.displayName = \"SystemStateDescription\";\n","import React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { Button, ButtonProps } from \"@/components/button/button/Button\";\nimport { useIsMobile } from \"@/hooks/useBreakpoints\";\n\nconst actionsStyles = tv({\n\tslots: {\n\t\tcontainer: \"mt-8 flex w-full flex-col items-center gap-3 lg:flex-row lg:justify-center\",\n\t\tbutton: \"w-full lg:w-auto\"\n\t}\n});\n\nexport interface SystemStateActionsProps {\n\tclassName?: string;\n\tprimaryButton?: React.ReactNode;\n\tprimaryButtonProps?: ButtonProps;\n\tsecondaryButton?: React.ReactNode;\n\tsecondaryButtonProps?: ButtonProps;\n}\n\nexport const SystemStateActions = React.forwardRef<HTMLDivElement, SystemStateActionsProps>(\n\t({ className, primaryButton, secondaryButton, primaryButtonProps, secondaryButtonProps }, ref) => {\n\t\tconst isMobile = useIsMobile();\n\t\tconst { container, button } = actionsStyles();\n\n\t\tif (isMobile) {\n\t\t\tprimaryButtonProps = { ...primaryButtonProps, size: \"xl\", className: button({ className: className }) };\n\t\t\tsecondaryButtonProps = { ...secondaryButtonProps, size: \"xl\", className: button({ className: className }) };\n\t\t}\n\n\t\tconst primaryButtonElement = primaryButton && (\n\t\t\t<Button key=\"primary-button\" variant=\"primary\" {...primaryButtonProps}>\n\t\t\t\t{primaryButton}\n\t\t\t</Button>\n\t\t);\n\n\t\tconst secondaryButtonElement = secondaryButton && (\n\t\t\t<Button key=\"secondary-button\" variant=\"outline\" {...secondaryButtonProps}>\n\t\t\t\t{secondaryButton}\n\t\t\t</Button>\n\t\t);\n\n\t\treturn (\n\t\t\t<div ref={ref} className={container({ class: className })}>\n\t\t\t\t{isMobile\n\t\t\t\t\t? [primaryButtonElement, secondaryButtonElement]\n\t\t\t\t\t: [secondaryButtonElement, primaryButtonElement]}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nSystemStateActions.displayName = \"SystemStateActions\";\n"],"names":["systemStateStyles","tv","SystemState","React","className","children","props","ref","jsx","codeStyles","SystemStateCode","titleStyles","SystemStateTitle","descriptionStyles","SystemStateDescription","actionsStyles","SystemStateActions","primaryButton","secondaryButton","primaryButtonProps","secondaryButtonProps","isMobile","useIsMobile","container","button","primaryButtonElement","Button","secondaryButtonElement"],"mappings":";;;;;AAGA,MAAMA,IAAoBC,EAAG;AAAA,EAC5B,MAAM;AACP,CAAC,GAIYC,IAAcC,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAElC,gBAAAC,EAAC,OAAI,EAAA,KAAAD,GAAU,WAAWP,EAAkB,EAAE,WAAAI,GAAW,GAAI,GAAGE,GAC9D,UAAAD,EACF,CAAA;AAGH;AAEAH,EAAY,cAAc;AChB1B,MAAMO,IAAaR,EAAG;AAAA,EACrB,MAAM;AACP,CAAC,GAIYS,IAAkBP,EAAM;AAAA,EACpC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAElC,gBAAAC,EAAC,OAAI,EAAA,KAAAD,GAAU,WAAWE,EAAW,EAAE,WAAAL,GAAW,GAAI,GAAGE,GACvD,UAAAD,EACF,CAAA;AAGH;AAEAK,EAAgB,cAAc;AChB9B,MAAMC,IAAcV,EAAG;AAAA,EACtB,MAAM;AACP,CAAC,GAIYW,IAAmBT,EAAM;AAAA,EACrC,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAClB,gBAAAC,EAAC,MAAG,EAAA,KAAAD,GAAU,WAAWI,EAAY,EAAE,WAAAP,EAAW,CAAA,GAAI,GAAGE,GAAO;AAEzE;AAEAM,EAAiB,cAAc;ACZ/B,MAAMC,IAAoBZ,EAAG;AAAA,EAC5B,MAAM;AACP,CAAC,GAIYa,IAAyBX,EAAM;AAAA,EAC3C,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAElC,gBAAAC,EAAC,OAAI,EAAA,KAAAD,GAAU,WAAWM,EAAkB,EAAE,WAAAT,GAAW,GAAI,GAAGE,GAC9D,UAAAD,EACF,CAAA;AAGH;AAEAS,EAAuB,cAAc;ACdrC,MAAMC,IAAgBd,EAAG;AAAA,EACxB,OAAO;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,EAAA;AAEV,CAAC,GAUYe,IAAqBb,EAAM;AAAA,EACvC,CAAC,EAAE,WAAAC,GAAW,eAAAa,GAAe,iBAAAC,GAAiB,oBAAAC,GAAoB,sBAAAC,KAAwBb,MAAQ;AACjG,UAAMc,IAAWC,EAAY,GACvB,EAAE,WAAAC,GAAW,QAAAC,EAAO,IAAIT,EAAc;AAE5C,IAAIM,MACkBF,IAAA,EAAE,GAAGA,GAAoB,MAAM,MAAM,WAAWK,EAAO,EAAE,WAAApB,EAAqB,CAAC,EAAE,GAC/EgB,IAAA,EAAE,GAAGA,GAAsB,MAAM,MAAM,WAAWI,EAAO,EAAE,WAAApB,EAAqB,CAAC,EAAE;AAGrG,UAAAqB,IAAuBR,KAC3B,gBAAAT,EAAAkB,GAAA,EAA4B,SAAQ,WAAW,GAAGP,GACjD,UAAAF,EAAA,GADU,gBAEZ,GAGKU,IAAyBT,KAC7B,gBAAAV,EAAAkB,GAAA,EAA8B,SAAQ,WAAW,GAAGN,GACnD,UAAAF,EAAA,GADU,kBAEZ;AAGD,6BACE,OAAI,EAAA,KAAAX,GAAU,WAAWgB,EAAU,EAAE,OAAOnB,EAAU,CAAC,GACtD,UAAAiB,IACE,CAACI,GAAsBE,CAAsB,IAC7C,CAACA,GAAwBF,CAAoB,GACjD;AAAA,EAAA;AAGH;AAEAT,EAAmB,cAAc;"}

package/dist/components/table/Table.d.ts

@@ -0,0 +1,18 @@
+import { ScrollShadowContainerProps } from '../scroll-shadow-container/ScrollShadowContainer';
+import * as React from "react";
+export declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+export declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export type TableBodyContainerProps = React.HTMLAttributes<HTMLTableSectionElement> & {
+    containerClassName?: string;
+    shadowSize?: ScrollShadowContainerProps["shadowSize"];
+};
+export declare const TableBodyContainer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & {
+    containerClassName?: string;
+    shadowSize?: ScrollShadowContainerProps["shadowSize"];
+} & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+export declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+export declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+export declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;