@anoki/fse-ui 1.0.361 → 1.0.362

package/dist/index.es150.js

@@ -1,5 +1,30 @@
-const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
+const p = [
+  "gap",
+  "m",
+  "mx",
+  "my",
+  "mt",
+  "mr",
+  "mb",
+  "ml",
+  "p",
+  "px",
+  "py",
+  "pt",
+  "pr",
+  "pb",
+  "pl",
+  "br",
+  "br-t",
+  "br-r",
+  "br-b",
+  "br-l",
+  "min-h",
+  "min-w",
+  "max-h",
+  "max-w"
+], a = (m) => p.map((r) => m[r] ? `${r}-${m[r]}` : "").filter(Boolean);
 export {
-  e as createColorClasses
+  a as createSpacingClasses
 };
 //# sourceMappingURL=index.es150.js.map

package/dist/index.es150.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es150.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\n  | \"primary\"\n  | \"white\"\n  | \"status-success\"\n  | \"warning\"\n  | \"error\"\n  | \"muted\"\n  | \"emphasis\"\n  | \"slate-20\"\n  | \"slate-14\"\n  | \"slate-28\"\n  | \"border-divider\"\n  | \"transparent\"\n  | \"blue-30\"\n  | \"disabled\"\n  | \"lightblue-a01\"\n  | \"lightblue-a02\"\n  | \"lightblue-a03\"\n  | \"secondary\";\n\nexport type ColorProps = {\n  bg?: ColorKeys;\n  text?: ColorKeys;\n  color?: ColorKeys;\n  border?: ColorKeys;\n};\n\nexport type ColorPropsKeys = keyof ColorProps;\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\n\nexport const createColorClasses = <TProps extends ColorProps>(\n  props: TProps,\n) => {\n  return colorPropsKeys\n    .map((key) => {\n      if (!props[key]) return \"\";\n\n      if (key === \"color\") return `text-${props[key]}`;\n      return `${key}-${props[key]}`;\n    })\n    .filter(Boolean);\n};\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"AA4BA,MAAMA,IAAmC,CAAC,MAAM,QAAQ,SAAS,QAAQ,GAE5DC,IAAqB,CAChCC,MAEOF,EACJ,IAAI,CAACG,MACCD,EAAMC,CAAG,IAEVA,MAAQ,UAAgB,QAAQD,EAAMC,CAAG,CAAC,KACvC,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAHH,EAIzB,EACA,OAAO,OAAO;"}
+{"version":3,"file":"index.es150.js","sources":["../src/theme/spacing.ts"],"sourcesContent":["export type SpacingKey =\n  | \"x4\"\n  | \"x8\"\n  | \"x12\"\n  | \"x16\"\n  | \"x20\"\n  | \"x24\"\n  | \"x28\"\n  | \"x32\"\n  | \"x36\"\n  | \"x40\"\n  | \"x44\"\n  | \"x48\"\n  | \"x52\"\n  | \"x56\"\n  | \"x60\"\n  | \"x64\"\n  | \"x68\"\n  | \"x72\"\n  | \"x76\"\n  | \"x80\"\n  | \"x84\"\n  | \"x88\"\n  | \"x92\"\n  | \"x96\"\n  | \"x100\"\n  | \"x104\";\n\nexport type SpacingProps = {\n  gap?: SpacingKey;\n  m?: SpacingKey; // margin\n  mx?: SpacingKey; // margin x\n  my?: SpacingKey; // margin y\n  mt?: SpacingKey; // margin top\n  mr?: SpacingKey; // margin bottom\n  mb?: SpacingKey; // margin right\n  ml?: SpacingKey; // margin left\n  p?: SpacingKey; // padding\n  px?: SpacingKey; // padding x\n  py?: SpacingKey; // padding y\n  pt?: SpacingKey; // padding top\n  pr?: SpacingKey; // padding bottom\n  pb?: SpacingKey; // padding right\n  pl?: SpacingKey; // padding left\n  br?: SpacingKey; // border-radius\n  \"br-t\"?: SpacingKey; // border-radius top\n  \"br-r\"?: SpacingKey; // border-radius right\n  \"br-b\"?: SpacingKey; // border-radius bottom\n  \"br-l\"?: SpacingKey; // border-radius left\n  \"min-h\"?: SpacingKey; // min-height\n  \"min-w\"?: SpacingKey; // min-width\n  \"max-h\"?: SpacingKey; // max-height\n  \"max-w\"?: SpacingKey; // max-width\n};\n\nexport type SpacingPropsKeys = keyof SpacingProps;\nconst spacingPropsKeys: SpacingPropsKeys[] = [\n  \"gap\",\n  \"m\",\n  \"mx\",\n  \"my\",\n  \"mt\",\n  \"mr\",\n  \"mb\",\n  \"ml\",\n  \"p\",\n  \"px\",\n  \"py\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"br\",\n  \"br-t\",\n  \"br-r\",\n  \"br-b\",\n  \"br-l\",\n  \"min-h\",\n  \"min-w\",\n  \"max-h\",\n  \"max-w\",\n];\n\nexport const createSpacingClasses = <TProps extends SpacingProps>(\n  props: TProps,\n) => {\n  return spacingPropsKeys\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\n    .filter(Boolean);\n};\n"],"names":["spacingPropsKeys","createSpacingClasses","props","key"],"mappings":"AAwDA,MAAMA,IAAuC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAuB,CAClCC,MAEOF,EACJ,IAAI,CAACG,MAASD,EAAMC,CAAG,IAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAAK,EAAG,EACvD,OAAO,OAAO;"}

package/dist/index.es152.js

@@ -0,0 +1,5 @@
+const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
+export {
+  e as createColorClasses
+};
+//# sourceMappingURL=index.es152.js.map

package/dist/index.es152.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es152.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\n  | \"primary\"\n  | \"white\"\n  | \"status-success\"\n  | \"warning\"\n  | \"error\"\n  | \"muted\"\n  | \"emphasis\"\n  | \"slate-20\"\n  | \"slate-14\"\n  | \"slate-28\"\n  | \"border-divider\"\n  | \"transparent\"\n  | \"blue-30\"\n  | \"disabled\"\n  | \"lightblue-a01\"\n  | \"lightblue-a02\"\n  | \"lightblue-a03\"\n  | \"secondary\";\n\nexport type ColorProps = {\n  bg?: ColorKeys;\n  text?: ColorKeys;\n  color?: ColorKeys;\n  border?: ColorKeys;\n};\n\nexport type ColorPropsKeys = keyof ColorProps;\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\n\nexport const createColorClasses = <TProps extends ColorProps>(\n  props: TProps,\n) => {\n  return colorPropsKeys\n    .map((key) => {\n      if (!props[key]) return \"\";\n\n      if (key === \"color\") return `text-${props[key]}`;\n      return `${key}-${props[key]}`;\n    })\n    .filter(Boolean);\n};\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"AA4BA,MAAMA,IAAmC,CAAC,MAAM,QAAQ,SAAS,QAAQ,GAE5DC,IAAqB,CAChCC,MAEOF,EACJ,IAAI,CAACG,MACCD,EAAMC,CAAG,IAEVA,MAAQ,UAAgB,QAAQD,EAAMC,CAAG,CAAC,KACvC,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAHH,EAIzB,EACA,OAAO,OAAO;"}

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es141.js";
 import { clsx as a } from "./index.es143.js";
-import { createColorClasses as e } from "./index.es150.js";
+import { createColorClasses as e } from "./index.es152.js";
 import './components/ui/Divider/Divider.css';/* empty css            */
 const p = ({
   direction: o = "horizontal",

package/dist/index.es166.js

@@ -1,11 +1,11 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es247.js";
-import { composeRefs as E } from "./index.es248.js";
-import { createContextScope as S } from "./index.es249.js";
-import { useControllableState as P } from "./index.es250.js";
-import { Primitive as y } from "./index.es251.js";
-import { createMenuScope as D, Anchor as O, Content as T, Group as j, Label as G, Item as k, CheckboxItem as L, RadioGroup as K, RadioItem as U, ItemIndicator as B, Separator as F, Arrow as H, SubTrigger as W, SubContent as $, Root as X, Portal as q } from "./index.es252.js";
-import { useId as g } from "./index.es253.js";
+import { composeEventHandlers as m } from "./index.es249.js";
+import { composeRefs as E } from "./index.es250.js";
+import { createContextScope as S } from "./index.es251.js";
+import { useControllableState as P } from "./index.es252.js";
+import { Primitive as y } from "./index.es253.js";
+import { createMenuScope as D, Anchor as O, Content as T, Group as j, Label as G, Item as k, CheckboxItem as L, RadioGroup as K, RadioItem as U, ItemIndicator as B, Separator as F, Arrow as H, SubTrigger as W, SubContent as $, Root as X, Portal as q } from "./index.es254.js";
+import { useId as g } from "./index.es255.js";
 import { j as a } from "./index.es141.js";
 var M = "DropdownMenu", [z, bo] = S(
   M,

package/dist/index.es169.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es141.js";
 import { clsx as t } from "./index.es143.js";
-import { createColorClasses as a } from "./index.es150.js";
+import { createColorClasses as a } from "./index.es152.js";
 const x = ({
   width: r = 56,
   height: s = 10,

package/dist/index.es170.js

@@ -3,7 +3,7 @@ import { Button as m } from "./index.es25.js";
 import { HeaderTopBanner as y } from "./index.es21.js";
 import { useState as g, useRef as w, useCallback as C, useEffect as u } from "react";
 import { clsx as r } from "./index.es143.js";
-import { useFocusTrap as N } from "./index.es269.js";
+import { useFocusTrap as N } from "./index.es246.js";
 import { Container as k } from "./index.es6.js";
 import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
 import { Col as L } from "./index.es10.js";

package/dist/index.es177.js

@@ -1,12 +1,12 @@
 import * as n from "react";
-import { useComposedRefs as N } from "./index.es248.js";
-import { createContextScope as M } from "./index.es249.js";
-import { composeEventHandlers as S } from "./index.es247.js";
-import { useControllableState as O } from "./index.es250.js";
-import { usePrevious as A } from "./index.es293.js";
-import { useSize as B } from "./index.es275.js";
-import { Presence as H } from "./index.es264.js";
-import { Primitive as j } from "./index.es294.js";
+import { useComposedRefs as N } from "./index.es250.js";
+import { createContextScope as M } from "./index.es251.js";
+import { composeEventHandlers as S } from "./index.es249.js";
+import { useControllableState as O } from "./index.es252.js";
+import { usePrevious as A } from "./index.es258.js";
+import { useSize as B } from "./index.es259.js";
+import { Presence as H } from "./index.es260.js";
+import { Primitive as j } from "./index.es261.js";
 import { j as f } from "./index.es141.js";
 var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(
   (e, l) => {

package/dist/index.es186.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es141.js";
 import { clsx as i } from "./index.es143.js";
-import { createColorClasses as l } from "./index.es150.js";
+import { createColorClasses as l } from "./index.es152.js";
 const d = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es188.js

@@ -1,18 +1,18 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es247.js";
-import { useComposedRefs as C } from "./index.es248.js";
-import { createContextScope as L, createContext as $ } from "./index.es249.js";
-import { useId as x } from "./index.es253.js";
-import { useControllableState as B } from "./index.es250.js";
-import { DismissableLayer as H } from "./index.es302.js";
-import { FocusScope as V } from "./index.es303.js";
-import { Portal as q } from "./index.es304.js";
-import { Presence as R } from "./index.es264.js";
-import { Primitive as m } from "./index.es305.js";
-import { useFocusGuards as K } from "./index.es260.js";
-import U from "./index.es267.js";
-import { hideOthers as Y } from "./index.es266.js";
-import { Slot as Z } from "./index.es306.js";
+import { composeEventHandlers as p } from "./index.es249.js";
+import { useComposedRefs as C } from "./index.es250.js";
+import { createContextScope as L, createContext as $ } from "./index.es251.js";
+import { useId as x } from "./index.es255.js";
+import { useControllableState as B } from "./index.es252.js";
+import { DismissableLayer as H } from "./index.es278.js";
+import { FocusScope as V } from "./index.es279.js";
+import { Portal as q } from "./index.es280.js";
+import { Presence as R } from "./index.es260.js";
+import { Primitive as m } from "./index.es281.js";
+import { useFocusGuards as K } from "./index.es267.js";
+import U from "./index.es273.js";
+import { hideOthers as Y } from "./index.es272.js";
+import { Slot as Z } from "./index.es282.js";
 import { j as i } from "./index.es141.js";
 var _ = "Dialog", [P, _e] = L(_), [z, u] = P(_), y = (e) => {
   const {

package/dist/index.es195.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es141.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as ConsentModalFooter

package/dist/index.es200.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es141.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as DoctorModalFooter

package/dist/index.es207.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es141.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
 const s = ({
   children: o
 }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });

package/dist/index.es213.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es141.js";
-import { createColorClasses as f } from "./index.es150.js";
+import { createColorClasses as f } from "./index.es152.js";
 import { clsx as x } from "./index.es143.js";
 const j = ({
   className: t,

package/dist/index.es214.js

@@ -1,5 +1,5 @@
 import { j as c } from "./index.es141.js";
-import { createColorClasses as n } from "./index.es150.js";
+import { createColorClasses as n } from "./index.es152.js";
 import { clsx as l } from "./index.es143.js";
 const C = ({
   fs: s = "6",

package/dist/index.es215.js

@@ -1,11 +1,11 @@
 import * as n from "react";
-import { composeEventHandlers as T } from "./index.es247.js";
-import { useComposedRefs as _ } from "./index.es248.js";
-import { createContextScope as H } from "./index.es249.js";
-import { useControllableState as I } from "./index.es250.js";
-import { usePrevious as M } from "./index.es293.js";
-import { useSize as N } from "./index.es275.js";
-import { Primitive as w } from "./index.es321.js";
+import { composeEventHandlers as T } from "./index.es249.js";
+import { useComposedRefs as _ } from "./index.es250.js";
+import { createContextScope as H } from "./index.es251.js";
+import { useControllableState as I } from "./index.es252.js";
+import { usePrevious as M } from "./index.es258.js";
+import { useSize as N } from "./index.es259.js";
+import { Primitive as w } from "./index.es299.js";
 import { j as u } from "./index.es141.js";
 var k = "Switch", [B, J] = H(k), [q, z] = B(k), C = n.forwardRef(
   (e, s) => {

package/dist/index.es22.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es141.js";
 import { Root as i, Trigger as c, Portal as m, Content as d, Group as u, Item as x } from "./index.es166.js";
 import { clsx as o } from "./index.es143.js";
-import { createColorClasses as h } from "./index.es150.js";
+import { createColorClasses as h } from "./index.es152.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */
 import { ArrowDown as p } from "./index.es79.js";
 import { Row as w } from "./index.es9.js";

package/dist/index.es240.js

@@ -1,4 +1,4 @@
-import { __exports as t } from "./index.es245.js";
+import { __exports as t } from "./index.es256.js";
 /**
  * @license React
  * react-jsx-runtime.production.js

package/dist/index.es241.js

@@ -1,4 +1,4 @@
-import { __exports as _ } from "./index.es246.js";
+import { __exports as _ } from "./index.es257.js";
 import we from "react";
 /**
  * @license React

package/dist/index.es246.js

@@ -1,5 +1,18 @@
-var e = {};
+import { useEffect as l } from "react";
+const f = (t, n) => {
+  l(() => {
+    if (!n || !t.current) return;
+    const o = t.current.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    ), c = o[0], r = o[o.length - 1], s = (e) => {
+      e.key === "Tab" && (e.shiftKey ? document.activeElement === c && (r.focus(), e.preventDefault()) : document.activeElement === r && (c.focus(), e.preventDefault()));
+    }, u = document.activeElement;
+    return c.focus(), document.addEventListener("keydown", s), () => {
+      document.removeEventListener("keydown", s), n && (u == null || u.focus());
+    };
+  }, [n, t]);
+};
 export {
-  e as __exports
+  f as useFocusTrap
 };
 //# sourceMappingURL=index.es246.js.map

package/dist/index.es246.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es246.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.es246.js","sources":["../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport const useFocusTrap = (\n  ref: React.RefObject<HTMLElement | null>,\n  isActive: boolean,\n) => {\n  useEffect(() => {\n    if (!isActive || !ref.current) return;\n\n    const focusableElements = ref.current.querySelectorAll(\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n    );\n    const firstFocusableElement = focusableElements[0] as HTMLElement;\n    const lastFocusableElement = focusableElements[\n      focusableElements.length - 1\n    ] as HTMLElement;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Tab\") return;\n\n      if (e.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          lastFocusableElement.focus();\n          e.preventDefault();\n        }\n      } else {\n        if (document.activeElement === lastFocusableElement) {\n          firstFocusableElement.focus();\n          e.preventDefault();\n        }\n      }\n    };\n\n    const previousActiveElement = document.activeElement as HTMLElement;\n\n    firstFocusableElement.focus();\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n\n      if (isActive) {\n        previousActiveElement?.focus();\n      }\n    };\n  }, [isActive, ref]);\n};\n"],"names":["useFocusTrap","ref","isActive","useEffect","focusableElements","firstFocusableElement","lastFocusableElement","handleKeyDown","previousActiveElement"],"mappings":";AAEa,MAAAA,IAAe,CAC1BC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,QAAI,CAACD,KAAY,CAACD,EAAI,QAAS;AAEzB,UAAAG,IAAoBH,EAAI,QAAQ;AAAA,MACpC;AAAA,IACF,GACMI,IAAwBD,EAAkB,CAAC,GAC3CE,IAAuBF,EAC3BA,EAAkB,SAAS,CAC7B,GAEMG,IAAgB,CAAC,MAAqB;AACtC,MAAA,EAAE,QAAQ,UAEV,EAAE,WACA,SAAS,kBAAkBF,MAC7BC,EAAqB,MAAM,GAC3B,EAAE,eAAe,KAGf,SAAS,kBAAkBA,MAC7BD,EAAsB,MAAM,GAC5B,EAAE,eAAe;AAAA,IAGvB,GAEMG,IAAwB,SAAS;AAEvC,WAAAH,EAAsB,MAAM,GAEnB,SAAA,iBAAiB,WAAWE,CAAa,GAE3C,MAAM;AACF,eAAA,oBAAoB,WAAWA,CAAa,GAEjDL,MACFM,KAAA,QAAAA,EAAuB;AAAA,IAE3B;AAAA,EAAA,GACC,CAACN,GAAUD,CAAG,CAAC;AACpB;"}

package/dist/index.es249.js

@@ -1,71 +1,10 @@
-import * as u from "react";
-import { j as h } from "./index.es141.js";
-function j(t, c) {
-  const r = u.createContext(c), a = (o) => {
-    const { children: e, ...n } = o, s = u.useMemo(() => n, Object.values(n));
-    return /* @__PURE__ */ h.jsx(r.Provider, { value: s, children: e });
+function h(f, c, { checkForDefaultPrevented: p = !0 } = {}) {
+  return function(s) {
+    if (f == null || f(s), p === !1 || !s.defaultPrevented)
+      return c == null ? void 0 : c(s);
   };
-  a.displayName = t + "Provider";
-  function i(o) {
-    const e = u.useContext(r);
-    if (e) return e;
-    if (c !== void 0) return c;
-    throw new Error(`\`${o}\` must be used within \`${t}\``);
-  }
-  return [a, i];
-}
-function w(t, c = []) {
-  let r = [];
-  function a(o, e) {
-    const n = u.createContext(e), s = r.length;
-    r = [...r, e];
-    const p = (d) => {
-      var S;
-      const { scope: x, children: C, ...m } = d, f = ((S = x == null ? void 0 : x[t]) == null ? void 0 : S[s]) || n, P = u.useMemo(() => m, Object.values(m));
-      return /* @__PURE__ */ h.jsx(f.Provider, { value: P, children: C });
-    };
-    p.displayName = o + "Provider";
-    function v(d, x) {
-      var f;
-      const C = ((f = x == null ? void 0 : x[t]) == null ? void 0 : f[s]) || n, m = u.useContext(C);
-      if (m) return m;
-      if (e !== void 0) return e;
-      throw new Error(`\`${d}\` must be used within \`${o}\``);
-    }
-    return [p, v];
-  }
-  const i = () => {
-    const o = r.map((e) => u.createContext(e));
-    return function(n) {
-      const s = (n == null ? void 0 : n[t]) || o;
-      return u.useMemo(
-        () => ({ [`__scope${t}`]: { ...n, [t]: s } }),
-        [n, s]
-      );
-    };
-  };
-  return i.scopeName = t, [a, l(i, ...c)];
-}
-function l(...t) {
-  const c = t[0];
-  if (t.length === 1) return c;
-  const r = () => {
-    const a = t.map((i) => ({
-      useScope: i(),
-      scopeName: i.scopeName
-    }));
-    return function(o) {
-      const e = a.reduce((n, { useScope: s, scopeName: p }) => {
-        const d = s(o)[`__scope${p}`];
-        return { ...n, ...d };
-      }, {});
-      return u.useMemo(() => ({ [`__scope${c.scopeName}`]: e }), [e]);
-    };
-  };
-  return r.scopeName = c.scopeName, r;
 }
 export {
-  j as createContext,
-  w as createContextScope
+  h as composeEventHandlers
 };
 //# sourceMappingURL=index.es249.js.map

package/dist/index.es249.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es249.js","sources":["../node_modules/@radix-ui/react-context/dist/index.mjs"],"sourcesContent":["// packages/react/context/src/createContext.tsx\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nfunction createContext2(rootComponentName, defaultContext) {\n  const Context = React.createContext(defaultContext);\n  const Provider = (props) => {\n    const { children, ...context } = props;\n    const value = React.useMemo(() => context, Object.values(context));\n    return /* @__PURE__ */ jsx(Context.Provider, { value, children });\n  };\n  Provider.displayName = rootComponentName + \"Provider\";\n  function useContext2(consumerName) {\n    const context = React.useContext(Context);\n    if (context) return context;\n    if (defaultContext !== void 0) return defaultContext;\n    throw new Error(`\\`${consumerName}\\` must be used within \\`${rootComponentName}\\``);\n  }\n  return [Provider, useContext2];\n}\nfunction createContextScope(scopeName, createContextScopeDeps = []) {\n  let defaultContexts = [];\n  function createContext3(rootComponentName, defaultContext) {\n    const BaseContext = React.createContext(defaultContext);\n    const index = defaultContexts.length;\n    defaultContexts = [...defaultContexts, defaultContext];\n    const Provider = (props) => {\n      const { scope, children, ...context } = props;\n      const Context = scope?.[scopeName]?.[index] || BaseContext;\n      const value = React.useMemo(() => context, Object.values(context));\n      return /* @__PURE__ */ jsx(Context.Provider, { value, children });\n    };\n    Provider.displayName = rootComponentName + \"Provider\";\n    function useContext2(consumerName, scope) {\n      const Context = scope?.[scopeName]?.[index] || BaseContext;\n      const context = React.useContext(Context);\n      if (context) return context;\n      if (defaultContext !== void 0) return defaultContext;\n      throw new Error(`\\`${consumerName}\\` must be used within \\`${rootComponentName}\\``);\n    }\n    return [Provider, useContext2];\n  }\n  const createScope = () => {\n    const scopeContexts = defaultContexts.map((defaultContext) => {\n      return React.createContext(defaultContext);\n    });\n    return function useScope(scope) {\n      const contexts = scope?.[scopeName] || scopeContexts;\n      return React.useMemo(\n        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),\n        [scope, contexts]\n      );\n    };\n  };\n  createScope.scopeName = scopeName;\n  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];\n}\nfunction composeContextScopes(...scopes) {\n  const baseScope = scopes[0];\n  if (scopes.length === 1) return baseScope;\n  const createScope = () => {\n    const scopeHooks = scopes.map((createScope2) => ({\n      useScope: createScope2(),\n      scopeName: createScope2.scopeName\n    }));\n    return function useComposedScopes(overrideScopes) {\n      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {\n        const scopeProps = useScope(overrideScopes);\n        const currentScope = scopeProps[`__scope${scopeName}`];\n        return { ...nextScopes2, ...currentScope };\n      }, {});\n      return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);\n    };\n  };\n  createScope.scopeName = baseScope.scopeName;\n  return createScope;\n}\nexport {\n  createContext2 as createContext,\n  createContextScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["createContext2","rootComponentName","defaultContext","Context","React","Provider","props","children","context","value","jsx","useContext2","consumerName","createContextScope","scopeName","createContextScopeDeps","defaultContexts","createContext3","BaseContext","index","scope","_a","createScope","scopeContexts","contexts","composeContextScopes","scopes","baseScope","scopeHooks","createScope2","overrideScopes","nextScopes","nextScopes2","useScope","currentScope"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es249.js","sources":["../node_modules/@radix-ui/primitive/dist/index.mjs"],"sourcesContent":["// packages/core/primitive/src/primitive.tsx\nfunction composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {\n  return function handleEvent(event) {\n    originalEventHandler?.(event);\n    if (checkForDefaultPrevented === false || !event.defaultPrevented) {\n      return ourEventHandler?.(event);\n    }\n  };\n}\nexport {\n  composeEventHandlers\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["composeEventHandlers","originalEventHandler","ourEventHandler","checkForDefaultPrevented","event"],"mappings":"AACA,SAASA,EAAqBC,GAAsBC,GAAiB,EAAE,0BAAAC,IAA2B,GAAM,IAAG,IAAI;AAC7G,SAAO,SAAqBC,GAAO;AAEjC,QADAH,KAAA,QAAAA,EAAuBG,IACnBD,MAA6B,MAAS,CAACC,EAAM;AAC/C,aAAOF,KAAA,gBAAAA,EAAkBE;AAAA,EAE5B;AACH;","x_google_ignoreList":[0]}

package/dist/index.es25.js

@@ -1,5 +1,5 @@
 import { j as o } from "./index.es141.js";
-import { createColorClasses as a } from "./index.es150.js";
+import { createColorClasses as a } from "./index.es152.js";
 import { clsx as w } from "./index.es143.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Spinner as B } from "./index.es114.js";

package/dist/index.es250.js

@@ -1,33 +1,30 @@
 import * as l from "react";
-import { useCallbackRef as f } from "./index.es255.js";
-function R({
-  prop: e,
-  defaultProp: r,
-  onChange: s = () => {
-  }
-}) {
-  const [t, n] = C({ defaultProp: r, onChange: s }), o = e !== void 0, i = o ? e : t, u = f(s), d = l.useCallback(
-    (c) => {
-      if (o) {
-        const a = typeof c == "function" ? c(e) : c;
-        a !== e && u(a);
-      } else
-        n(c);
-    },
-    [o, e, n, u]
-  );
-  return [i, d];
+function f(n, u) {
+  if (typeof n == "function")
+    return n(u);
+  n != null && (n.current = u);
 }
-function C({
-  defaultProp: e,
-  onChange: r
-}) {
-  const s = l.useState(e), [t] = s, n = l.useRef(t), o = f(r);
-  return l.useEffect(() => {
-    n.current !== t && (o(t), n.current = t);
-  }, [t, n, o]), s;
+function i(...n) {
+  return (u) => {
+    let o = !1;
+    const c = n.map((e) => {
+      const t = f(e, u);
+      return !o && typeof t == "function" && (o = !0), t;
+    });
+    if (o)
+      return () => {
+        for (let e = 0; e < c.length; e++) {
+          const t = c[e];
+          typeof t == "function" ? t() : f(n[e], null);
+        }
+      };
+  };
+}
+function s(...n) {
+  return l.useCallback(i(...n), n);
 }
 export {
-  R as useControllableState
+  i as composeRefs,
+  s as useComposedRefs
 };
 //# sourceMappingURL=index.es250.js.map

package/dist/index.es250.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es250.js","sources":["../node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs"],"sourcesContent":["// packages/react/use-controllable-state/src/useControllableState.tsx\nimport * as React from \"react\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nfunction useControllableState({\n  prop,\n  defaultProp,\n  onChange = () => {\n  }\n}) {\n  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });\n  const isControlled = prop !== void 0;\n  const value = isControlled ? prop : uncontrolledProp;\n  const handleChange = useCallbackRef(onChange);\n  const setValue = React.useCallback(\n    (nextValue) => {\n      if (isControlled) {\n        const setter = nextValue;\n        const value2 = typeof nextValue === \"function\" ? setter(prop) : nextValue;\n        if (value2 !== prop) handleChange(value2);\n      } else {\n        setUncontrolledProp(nextValue);\n      }\n    },\n    [isControlled, prop, setUncontrolledProp, handleChange]\n  );\n  return [value, setValue];\n}\nfunction useUncontrolledState({\n  defaultProp,\n  onChange\n}) {\n  const uncontrolledState = React.useState(defaultProp);\n  const [value] = uncontrolledState;\n  const prevValueRef = React.useRef(value);\n  const handleChange = useCallbackRef(onChange);\n  React.useEffect(() => {\n    if (prevValueRef.current !== value) {\n      handleChange(value);\n      prevValueRef.current = value;\n    }\n  }, [value, prevValueRef, handleChange]);\n  return uncontrolledState;\n}\nexport {\n  useControllableState\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useControllableState","prop","defaultProp","onChange","uncontrolledProp","setUncontrolledProp","useUncontrolledState","isControlled","value","handleChange","useCallbackRef","setValue","React","nextValue","value2","uncontrolledState","prevValueRef"],"mappings":";;AAGA,SAASA,EAAqB;AAAA,EAC5B,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW,MAAM;AAAA,EACnB;AACA,GAAG;AACD,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAqB,EAAE,aAAAJ,GAAa,UAAAC,GAAU,GACxFI,IAAeN,MAAS,QACxBO,IAAQD,IAAeN,IAAOG,GAC9BK,IAAeC,EAAeP,CAAQ,GACtCQ,IAAWC,EAAM;AAAA,IACrB,CAACC,MAAc;AACb,UAAIN,GAAc;AAEhB,cAAMO,IAAS,OAAOD,KAAc,aADrBA,EACyCZ,CAAI,IAAIY;AAChE,QAAIC,MAAWb,KAAMQ,EAAaK,CAAM;AAAA,MAChD;AACQ,QAAAT,EAAoBQ,CAAS;AAAA,IAEhC;AAAA,IACD,CAACN,GAAcN,GAAMI,GAAqBI,CAAY;AAAA,EACvD;AACD,SAAO,CAACD,GAAOG,CAAQ;AACzB;AACA,SAASL,EAAqB;AAAA,EAC5B,aAAAJ;AAAA,EACA,UAAAC;AACF,GAAG;AACD,QAAMY,IAAoBH,EAAM,SAASV,CAAW,GAC9C,CAACM,CAAK,IAAIO,GACVC,IAAeJ,EAAM,OAAOJ,CAAK,GACjCC,IAAeC,EAAeP,CAAQ;AAC5C,SAAAS,EAAM,UAAU,MAAM;AACpB,IAAII,EAAa,YAAYR,MAC3BC,EAAaD,CAAK,GAClBQ,EAAa,UAAUR;AAAA,EAE1B,GAAE,CAACA,GAAOQ,GAAcP,CAAY,CAAC,GAC/BM;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es250.js","sources":["../node_modules/@radix-ui/react-compose-refs/dist/index.mjs"],"sourcesContent":["// packages/react/compose-refs/src/composeRefs.tsx\nimport * as React from \"react\";\nfunction setRef(ref, value) {\n  if (typeof ref === \"function\") {\n    return ref(value);\n  } else if (ref !== null && ref !== void 0) {\n    ref.current = value;\n  }\n}\nfunction composeRefs(...refs) {\n  return (node) => {\n    let hasCleanup = false;\n    const cleanups = refs.map((ref) => {\n      const cleanup = setRef(ref, node);\n      if (!hasCleanup && typeof cleanup == \"function\") {\n        hasCleanup = true;\n      }\n      return cleanup;\n    });\n    if (hasCleanup) {\n      return () => {\n        for (let i = 0; i < cleanups.length; i++) {\n          const cleanup = cleanups[i];\n          if (typeof cleanup == \"function\") {\n            cleanup();\n          } else {\n            setRef(refs[i], null);\n          }\n        }\n      };\n    }\n  };\n}\nfunction useComposedRefs(...refs) {\n  return React.useCallback(composeRefs(...refs), refs);\n}\nexport {\n  composeRefs,\n  useComposedRefs\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["setRef","ref","value","composeRefs","refs","node","hasCleanup","cleanups","cleanup","i","useComposedRefs","React"],"mappings":";AAEA,SAASA,EAAOC,GAAKC,GAAO;AAC1B,MAAI,OAAOD,KAAQ;AACjB,WAAOA,EAAIC,CAAK;AACX,EAAID,KAAQ,SACjBA,EAAI,UAAUC;AAElB;AACA,SAASC,KAAeC,GAAM;AAC5B,SAAO,CAACC,MAAS;AACf,QAAIC,IAAa;AACjB,UAAMC,IAAWH,EAAK,IAAI,CAACH,MAAQ;AACjC,YAAMO,IAAUR,EAAOC,GAAKI,CAAI;AAChC,aAAI,CAACC,KAAc,OAAOE,KAAW,eACnCF,IAAa,KAERE;AAAA,IACb,CAAK;AACD,QAAIF;AACF,aAAO,MAAM;AACX,iBAASG,IAAI,GAAGA,IAAIF,EAAS,QAAQE,KAAK;AACxC,gBAAMD,IAAUD,EAASE,CAAC;AAC1B,UAAI,OAAOD,KAAW,aACpBA,EAAS,IAETR,EAAOI,EAAKK,CAAC,GAAG,IAAI;AAAA,QAEhC;AAAA,MACO;AAAA,EAEJ;AACH;AACA,SAASC,KAAmBN,GAAM;AAChC,SAAOO,EAAM,YAAYR,EAAY,GAAGC,CAAI,GAAGA,CAAI;AACrD;","x_google_ignoreList":[0]}

package/dist/index.es251.js

@@ -1,36 +1,71 @@
-import * as n from "react";
-import * as p from "react-dom";
-import { Slot as f } from "./index.es256.js";
-import { j as u } from "./index.es141.js";
-var c = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-], v = c.reduce((r, i) => {
-  const t = n.forwardRef((o, e) => {
-    const { asChild: s, ...m } = o, a = s ? f : i;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u.jsx(a, { ...m, ref: e });
-  });
-  return t.displayName = `Primitive.${i}`, { ...r, [i]: t };
-}, {});
-function h(r, i) {
-  r && p.flushSync(() => r.dispatchEvent(i));
+import * as u from "react";
+import { j as h } from "./index.es141.js";
+function j(t, c) {
+  const r = u.createContext(c), a = (o) => {
+    const { children: e, ...n } = o, s = u.useMemo(() => n, Object.values(n));
+    return /* @__PURE__ */ h.jsx(r.Provider, { value: s, children: e });
+  };
+  a.displayName = t + "Provider";
+  function i(o) {
+    const e = u.useContext(r);
+    if (e) return e;
+    if (c !== void 0) return c;
+    throw new Error(`\`${o}\` must be used within \`${t}\``);
+  }
+  return [a, i];
+}
+function w(t, c = []) {
+  let r = [];
+  function a(o, e) {
+    const n = u.createContext(e), s = r.length;
+    r = [...r, e];
+    const p = (d) => {
+      var S;
+      const { scope: x, children: C, ...m } = d, f = ((S = x == null ? void 0 : x[t]) == null ? void 0 : S[s]) || n, P = u.useMemo(() => m, Object.values(m));
+      return /* @__PURE__ */ h.jsx(f.Provider, { value: P, children: C });
+    };
+    p.displayName = o + "Provider";
+    function v(d, x) {
+      var f;
+      const C = ((f = x == null ? void 0 : x[t]) == null ? void 0 : f[s]) || n, m = u.useContext(C);
+      if (m) return m;
+      if (e !== void 0) return e;
+      throw new Error(`\`${d}\` must be used within \`${o}\``);
+    }
+    return [p, v];
+  }
+  const i = () => {
+    const o = r.map((e) => u.createContext(e));
+    return function(n) {
+      const s = (n == null ? void 0 : n[t]) || o;
+      return u.useMemo(
+        () => ({ [`__scope${t}`]: { ...n, [t]: s } }),
+        [n, s]
+      );
+    };
+  };
+  return i.scopeName = t, [a, l(i, ...c)];
+}
+function l(...t) {
+  const c = t[0];
+  if (t.length === 1) return c;
+  const r = () => {
+    const a = t.map((i) => ({
+      useScope: i(),
+      scopeName: i.scopeName
+    }));
+    return function(o) {
+      const e = a.reduce((n, { useScope: s, scopeName: p }) => {
+        const d = s(o)[`__scope${p}`];
+        return { ...n, ...d };
+      }, {});
+      return u.useMemo(() => ({ [`__scope${c.scopeName}`]: e }), [e]);
+    };
+  };
+  return r.scopeName = c.scopeName, r;
 }
 export {
-  v as Primitive,
-  h as dispatchDiscreteCustomEvent
+  j as createContext,
+  w as createContextScope
 };
 //# sourceMappingURL=index.es251.js.map