@okam/stack-ui 1.40.0 → 1.41.0

package/index126.mjs

@@ -1,32 +1,91 @@
-"use client";
-import { jsx as e } from "react/jsx-runtime";
-import { FocusScope as p } from "react-aria";
-import s from "./index28.mjs";
-import u from "./index165.mjs";
-const h = (i) => {
-  const { themeName: o, tokens: r, slides: a, activeIndex: t, paginationGroupLabel: n } = i;
-  return /* @__PURE__ */ e(
-    s,
+import { tv as e } from "tailwind-variants";
+import t from "./index136.mjs";
+const i = e({
+  base: "flex flex-col gap-2"
+}), s = e({
+  extend: t,
+  defaultVariants: {
+    size: "h3"
+  }
+}), l = e({
+  base: "flex flex-col gap-2"
+}), r = e({
+  base: "flex flex-col gap-2 pt-2 mb-2 border-t border-border first:border-t-0 first:pt-0 last:mb-0"
+}), n = e({
+  extend: t,
+  defaultVariants: {
+    size: "h4"
+  }
+}), a = e({
+  base: "flex flex-col gap-2"
+}), c = e({
+  extend: t,
+  base: "p-1 rounded-md",
+  variants: {
+    isSelectable: {
+      true: "cursor-pointer"
+    },
+    isLink: {
+      true: "cursor-pointer underline underline-offset-4 decoration-color-1-400 text-color-1-400 hover:text-color-1-500 active:text-color-1-600",
+      false: ""
+    },
+    isFocused: {
+      true: "outline outline-2 outline-offset-1 outline-gray-400"
+    },
+    isFocusVisible: {
+      true: "outline outline-4 outline-offset-2 outline-black"
+    },
+    isSelected: {
+      true: "bg-color-1-400 text-white hover:bg-color-1-500 active:bg-color-1-600"
+    },
+    isDisabled: {
+      true: "opacity-50 pointer-events-none"
+    },
+    allowsSelection: {
+      true: ""
+    }
+  },
+  defaultVariants: {
+    size: "paragraph"
+  },
+  compoundVariants: [
+    {
+      isFocused: !0,
+      isFocusVisible: !0,
+      className: "outline outline-4 outline-offset-2 outline-black"
+    },
     {
-      as: "div",
-      themeName: `${o}.wrapper`,
-      tokens: r,
-      role: "group",
-      "aria-label": n,
-      children: /* @__PURE__ */ e(p, { children: a.map((m, l) => /* @__PURE__ */ e(
-        u,
-        {
-          index: l,
-          activeIndex: t,
-          slides: a,
-          themeName: o,
-          tokens: r
-        },
-        JSON.stringify(m)
-      )) })
+      isSelectable: !0,
+      isLink: !1,
+      className: "hover:bg-color-1-100 active:bg-color-1-200"
     }
-  );
+  ]
+}), u = e({
+  extend: t,
+  defaultVariants: {
+    size: "h5"
+  }
+}), p = e({
+  extend: t,
+  defaultVariants: {
+    size: "footnotes"
+  }
+}), o = {
+  option: c,
+  label: u,
+  description: p
+}, x = {
+  wrapper: i,
+  label: s,
+  list: l,
+  section: {
+    wrapper: r,
+    heading: n,
+    group: a,
+    item: o
+  },
+  item: o
 };
 export {
-  h as default
+  x as default
 };

package/index127.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=["aria-activedescendant","aria-atomic","aria-autocomplete","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colspan","aria-controls","aria-current","aria-describedby","aria-details","aria-disabled","aria-dropeffect","aria-errormessage","aria-expanded","aria-flowto","aria-grabbed","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-modal","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],r=["disabled","checked","selected","required"];exports.ariaAttributes=a;exports.booleanAttributes=r;
+"use strict";const o=require("tailwind-variants"),e=require("./index117.js"),r=o.tv({base:"border-2 text-black p-4 bg-gray-300"}),t=o.tv({}),n=o.tv({}),p=o.tv({extend:e}),s={popover:r,underlay:t,arrow:n,button:p};module.exports=s;

package/index127.mjs

@@ -1,54 +1,15 @@
-const a = [
-  "aria-activedescendant",
-  "aria-atomic",
-  "aria-autocomplete",
-  "aria-busy",
-  "aria-checked",
-  "aria-colcount",
-  "aria-colindex",
-  "aria-colspan",
-  "aria-controls",
-  "aria-current",
-  "aria-describedby",
-  "aria-details",
-  "aria-disabled",
-  "aria-dropeffect",
-  "aria-errormessage",
-  "aria-expanded",
-  "aria-flowto",
-  "aria-grabbed",
-  "aria-haspopup",
-  "aria-hidden",
-  "aria-invalid",
-  "aria-keyshortcuts",
-  "aria-label",
-  "aria-labelledby",
-  "aria-level",
-  "aria-live",
-  "aria-modal",
-  "aria-multiline",
-  "aria-multiselectable",
-  "aria-orientation",
-  "aria-owns",
-  "aria-placeholder",
-  "aria-posinset",
-  "aria-pressed",
-  "aria-readonly",
-  "aria-relevant",
-  "aria-required",
-  "aria-roledescription",
-  "aria-rowcount",
-  "aria-rowindex",
-  "aria-rowspan",
-  "aria-selected",
-  "aria-setsize",
-  "aria-sort",
-  "aria-valuemax",
-  "aria-valuemin",
-  "aria-valuenow",
-  "aria-valuetext"
-], r = ["disabled", "checked", "selected", "required"];
+import { tv as o } from "tailwind-variants";
+import r from "./index117.mjs";
+const t = o({
+  base: "border-2 text-black p-4 bg-gray-300"
+}), e = o({}), p = o({}), n = o({
+  extend: r
+}), s = {
+  popover: t,
+  underlay: e,
+  arrow: p,
+  button: n
+};
 export {
-  a as ariaAttributes,
-  r as booleanAttributes
+  s as default
 };

package/index128.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("react"),o=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:48,width:48,fill:"currentColor",...t}),r=s.memo(o);module.exports=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),r=e.tv({base:"text-black flex flex-row items-center hover:cursor-pointer focus-ring-black",variants:{isDisabled:{true:"text-gray-6"}}}),t=e.tv({base:"w-6 h-6 mt-0.5 mr-2.5 rounded-full border-2 border-gray-2 shrink-0 hover:cursor-pointer flex items-center justify-center",variants:{isDisabled:{true:"border-gray-6"},isFocused:{true:"outline-black [outline-offset: 2px]"}}}),a=e.tv({base:"hidden w-4 h-4 bg-gray-300 rounded-full",variants:{selected:{true:"block text-white"}}});exports.radio=t;exports.radioLabel=r;exports.selectedMark=a;

package/index128.mjs

@@ -1,6 +1,31 @@
-import { jsx as t } from "react/jsx-runtime";
-import { memo as r } from "react";
-const m = (o) => /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", height: 48, width: 48, fill: "currentColor", ...o }), e = r(m);
+import { tv as e } from "tailwind-variants";
+const t = e({
+  base: "text-black flex flex-row items-center hover:cursor-pointer focus-ring-black",
+  variants: {
+    isDisabled: {
+      true: "text-gray-6"
+    }
+  }
+}), o = e({
+  base: "w-6 h-6 mt-0.5 mr-2.5 rounded-full border-2 border-gray-2 shrink-0 hover:cursor-pointer flex items-center justify-center",
+  variants: {
+    isDisabled: {
+      true: "border-gray-6"
+    },
+    isFocused: {
+      true: "outline-black [outline-offset: 2px]"
+    }
+  }
+}), s = e({
+  base: "hidden w-4 h-4 bg-gray-300 rounded-full",
+  variants: {
+    selected: {
+      true: "block text-white"
+    }
+  }
+});
 export {
-  e as default
+  o as radio,
+  t as radioLabel,
+  s as selectedMark
 };

package/index129.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("radashi"),t=require("react"),c=r=>e.jsxs("svg",{width:20,height:20,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20",...r,children:[e.jsxs("g",{stroke:"currentColor",clipPath:"url(#a)",children:[e.jsx("circle",{cx:"8.2727",cy:"8.2727",r:"7.2727"}),e.jsx("path",{d:"M13.4551 13.4531L19.5005 19.4986"})]}),e.jsx("defs",{children:e.jsx("clipPath",{children:e.jsx("path",{fill:"currentColor",d:"M0 0h14v14H0z"})})})]}),i=t.memo(c,s.isEqual);module.exports=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("tailwind-variants"),e=o.tv({base:"block",variants:{isDisabled:{true:"opacity-60 pointer-events-none"}}}),r=o.tv({base:"flex flex-col gap-4 py-8"});exports.radioGroup=e;exports.radioGroupItemsGroup=r;

package/index129.mjs

@@ -1,13 +1,15 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { isEqual as e } from "radashi";
-import { memo as l } from "react";
-const i = (t) => /* @__PURE__ */ o("svg", { width: 20, height: 20, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...t, children: [
-  /* @__PURE__ */ o("g", { stroke: "currentColor", clipPath: "url(#a)", children: [
-    /* @__PURE__ */ r("circle", { cx: "8.2727", cy: "8.2727", r: "7.2727" }),
-    /* @__PURE__ */ r("path", { d: "M13.4551 13.4531L19.5005 19.4986" })
-  ] }),
-  /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { children: /* @__PURE__ */ r("path", { fill: "currentColor", d: "M0 0h14v14H0z" }) }) })
-] }), s = l(i, e);
+import { tv as o } from "tailwind-variants";
+const r = o({
+  base: "block",
+  variants: {
+    isDisabled: {
+      true: "opacity-60 pointer-events-none"
+    }
+  }
+}), t = o({
+  base: "flex flex-col gap-4 py-8"
+});
 export {
-  s as default
+  r as radioGroup,
+  t as radioGroupItemsGroup
 };

package/index13.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),v=require("react"),g=require("react-aria"),N=require("./index86.js"),b=require("./index6.js"),x=require("./index15.js"),d=v.forwardRef((r,i)=>{const{themeName:a,tokens:u,customTheme:e,children:l,onSubmit:o,...t}=r,{isDisabled:s}=t,{pressProps:c}=g.usePress({onPress:()=>o==null?void 0:o()});return n.jsx(g.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:n.jsx(b.ButtonWithForwardRef,{themeName:a,tokens:u,ref:i,...c,...t,"aria-disabled":s,children:l})})}),h=v.forwardRef((r,i)=>{const{children:a,...u}=r,{controller:e}=N.useSwiperController(),{params:l,activeIndex:o=1,slides:t}=e??{},{slidesPerView:s=1,loop:c}=l??{},f=Math.round(typeof s=="number"?(o+1)/s:o),m=Math.round(t&&typeof s=="number"?t.length/s:(t==null?void 0:t.length)??1),w=f<m,C=!c&&!w;return n.jsx(d,{onSubmit:()=>e==null?void 0:e.slideNext(),...u,ref:i,isDisabled:C,children:a||n.jsx(x,{icon:"ArrowRight"})})}),p=v.forwardRef((r,i)=>{const{children:a,...u}=r,{controller:e}=N.useSwiperController(),{params:l,activeIndex:o=1}=e??{},{loop:t}=l??{},c=!t&&!(o!==0);return n.jsx(d,{onSubmit:()=>e==null?void 0:e.slidePrev(),...u,ref:i,isDisabled:c,children:a||n.jsx(x,{icon:"ArrowLeft"})})});d.displayName="CarouselNavigationButton";h.displayName="CarouselNextNavigationButton";p.displayName="CarouselPrevNavigationButton";exports.CarouselNavigationButton=d;exports.CarouselNextNavigationButton=h;exports.CarouselPrevNavigationButton=p;exports.default=d;
+"use strict";const e=require("react/jsx-runtime"),x=require("react"),b=require("./index12.js"),f=require("./index92.js"),d=require("./index14.js"),S=require("./index17.js"),$=require("./index18.js"),P=require("./index140.js"),R=require("./index141.js"),k=u=>{const{id:i,themeName:t="carousel",tokens:r,customTheme:I,slides:s,a11y:n,modules:a,prevButton:h=d.LegacyCarouselPrevNavigationButton,nextButton:v=d.LegacyCarouselNextNavigationButton,onSlideChange:M,children:m=o=>e.jsx(P,{...o}),...p}=u,N=x.useRef(null),C=x.useRef(null),{controller:j}=f.useCarousel(),{activeIndex:l=0}=j??{},{paginationGroupLabel:B="pagination"}=n??{},g=a==null?void 0:a.includes("Navigation"),q=a==null?void 0:a.includes("Pagination"),L=s.map((o,c)=>({...o,ariaLabel:o.ariaLabel??`${c+1} / ${s.length}`}));return e.jsxs(e.Fragment,{children:[g&&e.jsx(h,{themeName:`${t}.navigation.button`,tokens:{...r,order:"prev"},ref:N,"aria-label":n==null?void 0:n.prevSlideMessage,"aria-controls":i}),e.jsx(R,{themeName:t,tokens:r,...p,children:m}),g&&e.jsx(v,{themeName:`${t}.navigation.button`,tokens:{...r,order:"next"},ref:C,"aria-label":n==null?void 0:n.nextSlideMessage,"aria-controls":i}),q&&e.jsx(S,{themeName:`${t}.pagination`,tokens:r,activeIndex:l,slides:L,paginationGroupLabel:B,children:s.map((o,c)=>e.jsx($,{index:c,activeIndex:l,slides:s,themeName:`${t}.pagination`,tokens:r},JSON.stringify(o)))})]})},y=u=>{const{children:i,...t}=u;return e.jsx(b,{...t,children:e.jsx(k,{...t,children:i})})};module.exports=y;

package/index13.mjs

@@ -1,49 +1,79 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { usePress as f, FocusRing as b } from "react-aria";
-import { useSwiperController as p } from "./index86.mjs";
-import { ButtonWithForwardRef as w } from "./index6.mjs";
-import h from "./index15.mjs";
-const m = u(
-  (i, n) => {
-    const { themeName: a, tokens: l, customTheme: t, children: c, onSubmit: e, ...o } = i, { isDisabled: s } = o, { pressProps: d } = f({
-      onPress: () => e == null ? void 0 : e()
-    });
-    return /* @__PURE__ */ r(b, { within: !0, focusRingClass: "has-focus-ring", children: /* @__PURE__ */ r(
-      w,
+import { jsx as t, jsxs as L, Fragment as S } from "react/jsx-runtime";
+import { useRef as g } from "react";
+import P from "./index12.mjs";
+import { useCarousel as $ } from "./index92.mjs";
+import { LegacyCarouselPrevNavigationButton as k, LegacyCarouselNextNavigationButton as R } from "./index14.mjs";
+import j from "./index17.mjs";
+import y from "./index18.mjs";
+import I from "./index140.mjs";
+import M from "./index141.mjs";
+const w = (l) => {
+  const {
+    id: i,
+    themeName: e = "carousel",
+    tokens: r,
+    customTheme: F,
+    slides: s,
+    a11y: o,
+    modules: a,
+    prevButton: p = k,
+    nextButton: f = R,
+    onSlideChange: G,
+    children: d = (n) => /* @__PURE__ */ t(I, { ...n }),
+    ...h
+  } = l, v = g(null), N = g(null), { controller: C } = $(), { activeIndex: u = 0 } = C ?? {}, { paginationGroupLabel: x = "pagination" } = o ?? {}, c = a == null ? void 0 : a.includes("Navigation"), B = a == null ? void 0 : a.includes("Pagination"), b = s.map((n, m) => ({
+    ...n,
+    ariaLabel: n.ariaLabel ?? `${m + 1} / ${s.length}`
+  }));
+  return /* @__PURE__ */ L(S, { children: [
+    c && /* @__PURE__ */ t(
+      p,
       {
-        themeName: a,
-        tokens: l,
-        ref: n,
-        ...d,
-        ...o,
-        "aria-disabled": s,
-        children: c
+        themeName: `${e}.navigation.button`,
+        tokens: { ...r, order: "prev" },
+        ref: v,
+        "aria-label": o == null ? void 0 : o.prevSlideMessage,
+        "aria-controls": i
       }
-    ) });
-  }
-), x = u(
-  (i, n) => {
-    const { children: a, ...l } = i, { controller: t } = p(), { params: c, activeIndex: e = 1, slides: o } = t ?? {}, { slidesPerView: s = 1, loop: d } = c ?? {}, N = Math.round(
-      typeof s == "number" ? (e + 1) / s : e
-    ), g = Math.round(
-      o && typeof s == "number" ? o.length / s : (o == null ? void 0 : o.length) ?? 1
-    ), v = N < g;
-    return /* @__PURE__ */ r(m, { onSubmit: () => t == null ? void 0 : t.slideNext(), ...l, ref: n, isDisabled: !d && !v, children: a || /* @__PURE__ */ r(h, { icon: "ArrowRight" }) });
-  }
-), P = u(
-  (i, n) => {
-    const { children: a, ...l } = i, { controller: t } = p(), { params: c, activeIndex: e = 1 } = t ?? {}, { loop: o } = c ?? {};
-    return /* @__PURE__ */ r(m, { onSubmit: () => t == null ? void 0 : t.slidePrev(), ...l, ref: n, isDisabled: !o && !(e !== 0), children: a || /* @__PURE__ */ r(h, { icon: "ArrowLeft" }) });
-  }
-);
-m.displayName = "CarouselNavigationButton";
-x.displayName = "CarouselNextNavigationButton";
-P.displayName = "CarouselPrevNavigationButton";
+    ),
+    /* @__PURE__ */ t(M, { themeName: e, tokens: r, ...h, children: d }),
+    c && /* @__PURE__ */ t(
+      f,
+      {
+        themeName: `${e}.navigation.button`,
+        tokens: { ...r, order: "next" },
+        ref: N,
+        "aria-label": o == null ? void 0 : o.nextSlideMessage,
+        "aria-controls": i
+      }
+    ),
+    B && /* @__PURE__ */ t(
+      j,
+      {
+        themeName: `${e}.pagination`,
+        tokens: r,
+        activeIndex: u,
+        slides: b,
+        paginationGroupLabel: x,
+        children: s.map((n, m) => /* @__PURE__ */ t(
+          y,
+          {
+            index: m,
+            activeIndex: u,
+            slides: s,
+            themeName: `${e}.pagination`,
+            tokens: r
+          },
+          JSON.stringify(n)
+        ))
+      }
+    )
+  ] });
+}, K = (l) => {
+  const { children: i, ...e } = l;
+  return /* @__PURE__ */ t(P, { ...e, children: /* @__PURE__ */ t(w, { ...e, children: i }) });
+};
 export {
-  m as CarouselNavigationButton,
-  x as CarouselNextNavigationButton,
-  P as CarouselPrevNavigationButton,
-  m as default
+  K as default
 };

package/index130.js

@@ -1 +1,7 @@
-"use strict";const i=(r,n,t)=>{const e=r[n];return e?typeof e=="function"?e():Promise.resolve(e):new Promise((s,o)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(o.bind(null,new Error("Unknown variable dynamic import: "+n+(n.split("/").length!==t?". Note that variables only represent file names one level deep.":""))))})};module.exports=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({base:"p-4 w-full outline-0 search-cancel:appearance-none",variants:{isDisabled:{true:"opacity-60 pointer-events-none"}}}),n=e.tv({base:`
+    box-border 
+    absolute 
+    right-4 
+    focus-ring-black
+    outline-0
+  `});exports.searchIcon=n;exports.searchInput=t;

package/index130.mjs

@@ -1,16 +1,21 @@
-const l = (r, n, t) => {
-  const e = r[n];
-  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((i, o) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      o.bind(
-        null,
-        new Error(
-          "Unknown variable dynamic import: " + n + (n.split("/").length !== t ? ". Note that variables only represent file names one level deep." : "")
-        )
-      )
-    );
-  });
-};
+import { tv as e } from "tailwind-variants";
+const o = e({
+  base: "p-4 w-full outline-0 search-cancel:appearance-none",
+  variants: {
+    isDisabled: {
+      true: "opacity-60 pointer-events-none"
+    }
+  }
+}), a = e({
+  base: `
+    box-border 
+    absolute 
+    right-4 
+    focus-ring-black
+    outline-0
+  `
+});
 export {
-  l as default
+  a as searchIcon,
+  o as searchInput
 };

package/index131.js

@@ -1,2 +1,15 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),h=require("react-aria"),k=require("./index79.js"),l=require("./index28.js"),j=require("./index3.js"),N=require("./index166.js"),d=({item:o,state:a,themeName:n="li"})=>{const r=p.useRef(null),{optionProps:e,isFocusVisible:i}=h.useOption({key:o.key},a,r),c=k(n);return t.jsx(j.TypographyWithForwardRef,{as:"li",...e,tokens:{className:`${c} ${i?"has-focus-ring":""}`},ref:r,children:o.rendered})},y=o=>{const{children:a,listBoxRef:n,themeName:r,...e}=o;return t.jsx(h.FocusScope,{autoFocus:!0,restoreFocus:!0,contain:!0,children:t.jsx(l.BoxWithForwardRef,{...e,ref:n,as:"ul",themeName:`${r}.ul`,children:a})})},B=o=>{const a=p.useRef(null),{listBoxRef:n=a,state:r,themeName:e="option",optionsWithHeaders:i}=o,{listBoxProps:c}=h.useListBox(o,r,n),m=Array.from(r.collection),$=N.useListboxSections(m,i||[]);return(i==null?void 0:i.some(s=>{var u;return(u=s.key)==null?void 0:u.includes("header-")}))?t.jsx(y,{...c,listBoxRef:n,themeName:e,children:$.map(s=>{var x;const u=s.header?`section-${s.header.key}`:`section-${((x=s.items[0])==null?void 0:x.key)||"empty"}`;return t.jsx(l.default,{as:"li",themeName:`${e}.group`,children:t.jsxs(l.default,{as:"section",themeName:`${e}.section`,children:[s.header&&t.jsx(j.default,{as:"header",themeName:`${e}.headerText`,children:s.header.rendered},s.header.key),t.jsx(l.default,{as:"ul",themeName:`${e}.list`,children:s.items.map(f=>t.jsx(d,{themeName:`${e}.li`,item:f,state:r},String(f.key)))})]})},u)})}):t.jsx(y,{...c,listBoxRef:n,themeName:e,children:m.map(s=>t.jsx(d,{themeName:`${e}.li`,item:s,state:r},s.key))})};exports.ListBox=B;exports.Option=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("tailwind-variants"),e=t.tv({base:"flex print:hidden relative",defaultVariants:{listDirection:"row"},variants:{listDirection:{row:"flex-row",column:"flex-col"}}}),o=t.tv({base:"relative z-20 !bg-color-1-500 hover:!bg-color-1-400 w-16 h-16 flex justify-center items-center active:!bg-color-1-400 rounded-full text-white focus-ring-black",variants:{isOpen:{true:"",false:""}}}),r=t.tv({base:"!bg-color-1-200 absolute opacity-0 invisible flex transition duration-300 items-center p-0 bg-primary-1 z-0 rounded-b-full rounded-t-full",defaultVariants:{listDirection:"row"},variants:{listDirection:{row:"flex-row pl-14 h-16 left-0",column:"flex-col [width:calc(100% + .5rem)] pt-14 w-16 top-0"},isOpen:{true:"opacity-100 visible",false:""}}}),n=t.tv({base:`
+    flex
+    items-center
+    justify-center
+    cursor-pointer
+    bg-color-1-200
+    hover:bg-color-1-300
+    w-full
+    text-color-1-500
+    rounded-none
+    p-2
+    focus-ring-black
+    z-10
+    has-focus-ring:z-20
+  `,defaultVariants:{listDirection:"row"},variants:{listDirection:{row:"last:rounded-r-full h-full",column:"last:rounded-b-full"}}}),i=t.tv({base:"text-white"}),s=t.tv({base:""});exports.shareButton=o;exports.shareButtonContainer=e;exports.shareButtonIcon=i;exports.shareButtonLink=n;exports.shareButtonLinkIcons=s;exports.shareButtonLinksList=r;

package/index131.mjs

@@ -1,41 +1,73 @@
-"use client";
-import { jsx as o, jsxs as $ } from "react/jsx-runtime";
-import y from "react";
-import { useListBox as N, useOption as k, FocusScope as B } from "react-aria";
-import R from "./index79.mjs";
-import h, { BoxWithForwardRef as F } from "./index28.mjs";
-import g, { TypographyWithForwardRef as L } from "./index3.mjs";
-import { useListboxSections as S } from "./index166.mjs";
-const p = ({ item: s, state: i, themeName: n = "li" }) => {
-  const t = y.useRef(null), { optionProps: e, isFocusVisible: a } = k({ key: s.key }, i, t), m = R(n);
-  return /* @__PURE__ */ o(
-    L,
-    {
-      as: "li",
-      ...e,
-      tokens: { className: `${m} ${a ? "has-focus-ring" : ""}` },
-      ref: t,
-      children: s.rendered
+import { tv as t } from "tailwind-variants";
+const o = t({
+  base: "flex print:hidden relative",
+  defaultVariants: {
+    listDirection: "row"
+  },
+  variants: {
+    listDirection: {
+      row: "flex-row",
+      column: "flex-col"
     }
-  );
-}, f = (s) => {
-  const { children: i, listBoxRef: n, themeName: t, ...e } = s;
-  return /* @__PURE__ */ o(B, { autoFocus: !0, restoreFocus: !0, contain: !0, children: /* @__PURE__ */ o(F, { ...e, ref: n, as: "ul", themeName: `${t}.ul`, children: i }) });
-}, C = (s) => {
-  const i = y.useRef(null), { listBoxRef: n = i, state: t, themeName: e = "option", optionsWithHeaders: a } = s, { listBoxProps: m } = N(s, t, n), l = Array.from(t.collection), x = S(l, a || []);
-  return (a == null ? void 0 : a.some((r) => {
-    var c;
-    return (c = r.key) == null ? void 0 : c.includes("header-");
-  })) ? /* @__PURE__ */ o(f, { ...m, listBoxRef: n, themeName: e, children: x.map((r) => {
-    var u;
-    const c = r.header ? `section-${r.header.key}` : `section-${((u = r.items[0]) == null ? void 0 : u.key) || "empty"}`;
-    return /* @__PURE__ */ o(h, { as: "li", themeName: `${e}.group`, children: /* @__PURE__ */ $(h, { as: "section", themeName: `${e}.section`, children: [
-      r.header && /* @__PURE__ */ o(g, { as: "header", themeName: `${e}.headerText`, children: r.header.rendered }, r.header.key),
-      /* @__PURE__ */ o(h, { as: "ul", themeName: `${e}.list`, children: r.items.map((d) => /* @__PURE__ */ o(p, { themeName: `${e}.li`, item: d, state: t }, String(d.key))) })
-    ] }) }, c);
-  }) }) : /* @__PURE__ */ o(f, { ...m, listBoxRef: n, themeName: e, children: l.map((r) => /* @__PURE__ */ o(p, { themeName: `${e}.li`, item: r, state: t }, r.key)) });
-};
+  }
+}), r = t({
+  base: "relative z-20 !bg-color-1-500 hover:!bg-color-1-400 w-16 h-16 flex justify-center items-center active:!bg-color-1-400 rounded-full text-white focus-ring-black",
+  variants: {
+    isOpen: {
+      true: "",
+      false: ""
+    }
+  }
+}), i = t({
+  base: "!bg-color-1-200 absolute opacity-0 invisible flex transition duration-300 items-center p-0 bg-primary-1 z-0 rounded-b-full rounded-t-full",
+  defaultVariants: {
+    listDirection: "row"
+  },
+  variants: {
+    listDirection: {
+      row: "flex-row pl-14 h-16 left-0",
+      column: "flex-col [width:calc(100% + .5rem)] pt-14 w-16 top-0"
+    },
+    isOpen: {
+      true: "opacity-100 visible",
+      false: ""
+    }
+  }
+}), n = t({
+  base: `
+    flex
+    items-center
+    justify-center
+    cursor-pointer
+    bg-color-1-200
+    hover:bg-color-1-300
+    w-full
+    text-color-1-500
+    rounded-none
+    p-2
+    focus-ring-black
+    z-10
+    has-focus-ring:z-20
+  `,
+  defaultVariants: {
+    listDirection: "row"
+  },
+  variants: {
+    listDirection: {
+      row: "last:rounded-r-full h-full",
+      column: "last:rounded-b-full"
+    }
+  }
+}), l = t({
+  base: "text-white"
+}), s = t({
+  base: ""
+});
 export {
-  C as ListBox,
-  p as Option
+  r as shareButton,
+  o as shareButtonContainer,
+  l as shareButtonIcon,
+  n as shareButtonLink,
+  s as shareButtonLinkIcons,
+  i as shareButtonLinksList
 };

package/index132.js

@@ -1,2 +1 @@
-"use client";
-"use strict";const e=require("react/jsx-runtime"),m=require("react"),s=require("react-aria"),i=require("./index28.js"),f=o=>{const n=m.useRef(null),{popoverRef:t=n,state:r,children:c,themeName:u="popover",tokens:l,customTheme:h,triggerRef:x,...d}=o,{popoverProps:p,underlayProps:a}=s.usePopover({...o,popoverRef:t,triggerRef:x},r);return e.jsxs(s.Overlay,{children:[e.jsx("div",{...a,style:{position:"fixed",inset:0}}),e.jsx(i.default,{...d,children:e.jsxs(i.BoxWithForwardRef,{...p,ref:t,themeName:u,tokens:l,children:[e.jsx(s.DismissButton,{onDismiss:r.close}),c,e.jsx(s.DismissButton,{onDismiss:r.close})]})})]})};module.exports=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),n=e.tv({base:"m-auto fixed right-0 top-0 bottom-0 w-full max-w-[512px] [&>div]:h-full"}),t=e.tv({base:"h-full w-full flex justify-end"}),a=e.tv({base:"bg-gray-300 h-full w-full overflow-y-auto"});exports.sidePanelContainer=t;exports.sidePanelInnerContainer=a;exports.sidePanelWrapper=n;

package/index132.mjs

@@ -1,26 +1,9 @@
-"use client";
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import u from "react";
-import { usePopover as h, Overlay as v, DismissButton as i } from "react-aria";
-import x, { BoxWithForwardRef as R } from "./index28.mjs";
-const j = (r) => {
-  const n = u.useRef(null), { popoverRef: s = n, state: o, children: m, themeName: p = "popover", tokens: f, customTheme: P, triggerRef: l, ...c } = r, { popoverProps: d, underlayProps: a } = h(
-    {
-      ...r,
-      popoverRef: s,
-      triggerRef: l
-    },
-    o
-  );
-  return /* @__PURE__ */ t(v, { children: [
-    /* @__PURE__ */ e("div", { ...a, style: { position: "fixed", inset: 0 } }),
-    /* @__PURE__ */ e(x, { ...c, children: /* @__PURE__ */ t(R, { ...d, ref: s, themeName: p, tokens: f, children: [
-      /* @__PURE__ */ e(i, { onDismiss: o.close }),
-      m,
-      /* @__PURE__ */ e(i, { onDismiss: o.close })
-    ] }) })
-  ] });
-};
+import { tv as e } from "tailwind-variants";
+const o = e({
+  base: "m-auto fixed right-0 top-0 bottom-0 w-full max-w-[512px] [&>div]:h-full"
+}), t = e({ base: "h-full w-full flex justify-end" }), a = e({ base: "bg-gray-300 h-full w-full overflow-y-auto" });
 export {
-  j as default
+  t as sidePanelContainer,
+  a as sidePanelInnerContainer,
+  o as sidePanelWrapper
 };