@okam/stack-ui 1.44.3 → 1.44.4

package/index160.mjs

@@ -1,21 +1,21 @@
-import { useControlledState as o } from "./index281.mjs";
-import { useState as u } from "react";
-function r(e = {}) {
-  let { isReadOnly: d } = e, [t, a] = o(e.isSelected, e.defaultSelected || !1, e.onChange), [c] = u(t);
-  function f(n) {
-    d || a(n);
+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"
+    }
   }
-  function i() {
-    d || a(!t);
-  }
-  var l;
-  return {
-    isSelected: t,
-    defaultSelected: (l = e.defaultSelected) !== null && l !== void 0 ? l : c,
-    setSelected: f,
-    toggle: i
-  };
-}
+}), a = e({
+  base: `
+    box-border 
+    absolute 
+    right-4 
+    focus-ring-black
+    outline-0
+  `
+});
 export {
-  r as useToggleState
+  a as searchIcon,
+  o as searchInput
 };

package/index161.js

@@ -1 +1,15 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index276.js"),S=require("./index281.js"),c=require("react");function R(e={}){let[a,l]=S.useControlledState(e.value,e.defaultValue||[],e.onChange),[V]=c.useState(a),v=!!e.isRequired&&a.length===0,r=c.useRef(new Map),d=o.useFormValidationState({...e,value:a}),f=d.displayValidation.isInvalid;var u,s;return{...d,value:a,defaultValue:(u=e.defaultValue)!==null&&u!==void 0?u:V,setValue(i){e.isReadOnly||e.isDisabled||l(i)},isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isSelected(i){return a.includes(i)},addValue(i){e.isReadOnly||e.isDisabled||l(t=>t.includes(i)?t:t.concat(i))},removeValue(i){e.isReadOnly||e.isDisabled||a.includes(i)&&l(a.filter(t=>t!==i))},toggleValue(i){e.isReadOnly||e.isDisabled||(a.includes(i)?l(a.filter(t=>t!==i)):l(a.concat(i)))},setInvalid(i,t){let n=new Map(r.current);t.isInvalid?n.set(i,t):n.delete(i),r.current=n,d.updateValidation(o.mergeValidation(...n.values()))},validationState:(s=e.validationState)!==null&&s!==void 0?s:f?"invalid":null,isInvalid:f,isRequired:v}}exports.useCheckboxGroupState=R;
+"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/index161.mjs

@@ -1,42 +1,73 @@
-import { useFormValidationState as b, mergeValidation as V } from "./index276.mjs";
-import { useControlledState as v } from "./index281.mjs";
-import { useState as $, useRef as R } from "react";
-function D(e = {}) {
-  let [i, l] = v(e.value, e.defaultValue || [], e.onChange), [c] = $(i), o = !!e.isRequired && i.length === 0, f = R(/* @__PURE__ */ new Map()), n = b({
-    ...e,
-    value: i
-  }), r = n.displayValidation.isInvalid;
-  var u, s;
-  return {
-    ...n,
-    value: i,
-    defaultValue: (u = e.defaultValue) !== null && u !== void 0 ? u : c,
-    setValue(a) {
-      e.isReadOnly || e.isDisabled || l(a);
+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"
+    }
+  }
+}), 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"
     },
-    isDisabled: e.isDisabled || !1,
-    isReadOnly: e.isReadOnly || !1,
-    isSelected(a) {
-      return i.includes(a);
-    },
-    addValue(a) {
-      e.isReadOnly || e.isDisabled || l((t) => t.includes(a) ? t : t.concat(a));
-    },
-    removeValue(a) {
-      e.isReadOnly || e.isDisabled || i.includes(a) && l(i.filter((t) => t !== a));
-    },
-    toggleValue(a) {
-      e.isReadOnly || e.isDisabled || (i.includes(a) ? l(i.filter((t) => t !== a)) : l(i.concat(a)));
-    },
-    setInvalid(a, t) {
-      let d = new Map(f.current);
-      t.isInvalid ? d.set(a, t) : d.delete(a), f.current = d, n.updateValidation(V(...d.values()));
-    },
-    validationState: (s = e.validationState) !== null && s !== void 0 ? s : r ? "invalid" : null,
-    isInvalid: r,
-    isRequired: o
-  };
-}
+    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 {
-  D as useCheckboxGroupState
+  r as shareButton,
+  o as shareButtonContainer,
+  l as shareButtonIcon,
+  n as shareButtonLink,
+  s as shareButtonLinkIcons,
+  i as shareButtonLinksList
 };

package/index162.js

@@ -1,2 +1 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),o=t.createContext(null),c=e=>{const{children:r,state:n}=e;return u.jsx(o.Provider,{value:n,children:r})};function s(){const e=t.useContext(o);return e||null}exports.CheckboxGroupProvider=c;exports.useCheckboxGroupCtx=s;
+"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/index162.mjs

@@ -1,15 +1,9 @@
-"use client";
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as u, useContext as c } from "react";
-const o = u(null), i = (t) => {
-  const { children: e, state: r } = t;
-  return /* @__PURE__ */ n(o.Provider, { value: r, children: e });
-};
-function C() {
-  const t = c(o);
-  return t || null;
-}
+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 {
-  i as CheckboxGroupProvider,
-  C as useCheckboxGroupCtx
+  t as sidePanelContainer,
+  a as sidePanelInnerContainer,
+  o as sidePanelWrapper
 };

package/index163.js

@@ -1,2 +1,9 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("./index184.js"),m=require("react"),f=require("react-aria"),h=require("./index37.js"),g=require("./index3.js");function q(e){const{themeName:t="dialog",tokens:r,title:i,customTheme:n,children:l,...c}=e,o=m.useRef(null),{dialogProps:u,titleProps:a}=f.useDialog(e,o);return s.jsxs(h.BoxWithForwardRef,{...d.filterDOMProps(c),themeName:`${t}.wrapper`,tokens:r,customTheme:n,...u,ref:o,children:[i&&s.jsx(g.default,{themeName:`${t}.title`,tokens:r,...a,children:i}),l]})}exports.Dialog=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("tailwind-variants"),e=require("./index146.js"),a=t.tv({extend:e,base:`
+    left-1/2
+    absolute
+    -translate-x-1/2
+    -translate-y-[300px]
+    transition-transform
+    focus:-translate-x-1/2
+    focus:translate-y-[75px]
+  `});exports.skipToMain=a;

package/index163.mjs

@@ -1,28 +1,17 @@
-"use client";
-import { jsxs as a, jsx as c } from "react/jsx-runtime";
-import { filterDOMProps as d } from "./index184.mjs";
-import { useRef as n } from "react";
-import { useDialog as h } from "react-aria";
-import { BoxWithForwardRef as u } from "./index37.mjs";
-import g from "./index3.mjs";
-function j(e) {
-  const { themeName: o = "dialog", tokens: r, title: t, customTheme: i, children: s, ...l } = e, m = n(null), { dialogProps: p, titleProps: f } = h(e, m);
-  return /* @__PURE__ */ a(
-    u,
-    {
-      ...d(l),
-      themeName: `${o}.wrapper`,
-      tokens: r,
-      customTheme: i,
-      ...p,
-      ref: m,
-      children: [
-        t && /* @__PURE__ */ c(g, { themeName: `${o}.title`, tokens: r, ...f, children: t }),
-        s
-      ]
-    }
-  );
-}
+import { tv as t } from "tailwind-variants";
+import a from "./index146.mjs";
+const s = t({
+  extend: a,
+  base: `
+    left-1/2
+    absolute
+    -translate-x-1/2
+    -translate-y-[300px]
+    transition-transform
+    focus:-translate-x-1/2
+    focus:translate-y-[75px]
+  `
+});
 export {
-  j as Dialog
+  s as skipToMain
 };

package/index164.js

@@ -1,2 +1,41 @@
-"use client";
-"use strict";const r=require("react/jsx-runtime"),x=require("react"),a=require("./index37.js"),p=require("./index6.js"),b=require("./index24.js"),i=require("./index3.js"),u=x.forwardRef((d,c)=>{const{themeName:e="datePicker",tokens:t,groupProps:m,buttonProps:n,buttonLabel:o,buttonContent:s,icon:h,children:l}=d;return r.jsxs(a.BoxWithForwardRef,{themeName:`${e}.wrapper`,tokens:t,...m,ref:c,children:[o&&r.jsx(i.default,{themeName:`${e}.buttonLabel`,tokens:t,children:o}),r.jsx(a.default,{themeName:`${e}.dateFieldContainer`,tokens:t,children:l}),r.jsxs(p.default,{themeName:`${e}.button`,tokens:t,type:"button",...n,handlePress:n.onPress,children:[s&&r.jsx(i.default,{themeName:`${e}.buttonContent`,tokens:t,children:s}),r.jsx(b,{themeName:`${e}.icon`,tokens:t,icon:h??"ArrowDown"})]})]})});u.displayName="Wrapper";module.exports=u;
+"use strict";const t=require("tailwind-variants"),e=require("./index168.js"),r=t.tv({base:`
+    flex
+    flex-col
+    gap-4
+  `}),a=t.tv({base:`
+    flex
+    gap-4
+  `,variants:{orientation:{horizontal:"flex-col",vertical:"flex-row"}}}),o=t.tv({base:`
+    flex
+    flex-wrap
+    gap-4
+  `,variants:{orientation:{horizontal:"flex-row items-center",vertical:"flex-col items-end"}},defaultVariants:{orientation:"horizontal"}}),i=t.tv({extend:e,defaultVariants:{size:"h3"}}),n=t.tv({base:`
+    focus-ring-black
+    transition-all
+    duration-200
+  `}),s=t.tv({base:`
+    mt-4
+    p-4
+    bg-color-1-100
+    rounded-md
+    focus-ring-black
+    transition-all
+    duration-200
+  `}),l=t.tv({extend:e,base:`
+    focus-ring-black
+    transition-all
+    duration-200
+    px-4
+    py-2
+  `,variants:{orientation:{horizontal:"border-b border-b-4",vertical:"border-r border-r-4"},isSelected:{true:`
+        border-color-1-500
+        hover:border-color-1-900
+        active:border-color-1-900
+      `,false:`
+        border-color-1-200
+        hover:border-color-1-400
+        active:border-color-1-400
+      `},isDisabled:{true:`
+        opacity-30
+        pointer-events-none
+      `},isFocusVisible:{true:"has-focus-ring"}},defaultVariants:{size:"h6"}}),c={wrapper:r,container:a,list:o,label:i,panel:{transition:n,container:s},tab:l};module.exports=c;

package/index164.mjs

@@ -1,41 +1,108 @@
-"use client";
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import u, { BoxWithForwardRef as f } from "./index37.mjs";
-import b from "./index6.mjs";
-import N from "./index24.mjs";
-import p from "./index3.mjs";
-const $ = l((i, h) => {
-  const {
-    themeName: e = "datePicker",
-    tokens: t,
-    groupProps: s,
-    buttonProps: r,
-    buttonLabel: n,
-    buttonContent: m,
-    icon: c,
-    children: d
-  } = i;
-  return /* @__PURE__ */ a(f, { themeName: `${e}.wrapper`, tokens: t, ...s, ref: h, children: [
-    n && /* @__PURE__ */ o(p, { themeName: `${e}.buttonLabel`, tokens: t, children: n }),
-    /* @__PURE__ */ o(u, { themeName: `${e}.dateFieldContainer`, tokens: t, children: d }),
-    /* @__PURE__ */ a(
-      b,
-      {
-        themeName: `${e}.button`,
-        tokens: t,
-        type: "button",
-        ...r,
-        handlePress: r.onPress,
-        children: [
-          m && /* @__PURE__ */ o(p, { themeName: `${e}.buttonContent`, tokens: t, children: m }),
-          /* @__PURE__ */ o(N, { themeName: `${e}.icon`, tokens: t, icon: c ?? "ArrowDown" })
-        ]
-      }
-    )
-  ] });
-});
-$.displayName = "Wrapper";
+import { tv as t } from "tailwind-variants";
+import r from "./index168.mjs";
+const a = t({
+  base: `
+    flex
+    flex-col
+    gap-4
+  `
+}), o = t({
+  base: `
+    flex
+    gap-4
+  `,
+  variants: {
+    orientation: {
+      horizontal: "flex-col",
+      vertical: "flex-row"
+    }
+  }
+}), e = t({
+  base: `
+    flex
+    flex-wrap
+    gap-4
+  `,
+  variants: {
+    orientation: {
+      horizontal: "flex-row items-center",
+      vertical: "flex-col items-end"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+}), i = t({
+  extend: r,
+  defaultVariants: {
+    size: "h3"
+  }
+}), n = t({
+  base: `
+    focus-ring-black
+    transition-all
+    duration-200
+  `
+}), s = t({
+  base: `
+    mt-4
+    p-4
+    bg-color-1-100
+    rounded-md
+    focus-ring-black
+    transition-all
+    duration-200
+  `
+}), l = t({
+  extend: r,
+  base: `
+    focus-ring-black
+    transition-all
+    duration-200
+    px-4
+    py-2
+  `,
+  variants: {
+    orientation: {
+      horizontal: "border-b border-b-4",
+      vertical: "border-r border-r-4"
+    },
+    isSelected: {
+      true: `
+        border-color-1-500
+        hover:border-color-1-900
+        active:border-color-1-900
+      `,
+      false: `
+        border-color-1-200
+        hover:border-color-1-400
+        active:border-color-1-400
+      `
+    },
+    isDisabled: {
+      true: `
+        opacity-30
+        pointer-events-none
+      `
+    },
+    isFocusVisible: {
+      true: "has-focus-ring"
+    }
+  },
+  defaultVariants: {
+    size: "h6"
+  }
+}), d = {
+  wrapper: a,
+  container: o,
+  list: e,
+  label: i,
+  panel: {
+    transition: n,
+    container: s
+  },
+  tab: l
+};
 export {
-  $ as default
+  d as default
 };

package/index165.js

@@ -1 +1,47 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index289.js"),r=require("react"),u=require("./index249.js"),a=require("@react-aria/i18n"),c=require("./index159.js");function d(e){return e&&e.__esModule?e.default:e}function m(e){let{onDismiss:t,...i}=e,s=a.useLocalizedStringFormatter(d(o),"@react-aria/overlays"),n=u.useLabels(i,s.format("dismiss")),l=()=>{t&&t()};return r.createElement(c.VisuallyHidden,null,r.createElement("button",{...n,tabIndex:-1,onClick:l,style:{width:1,height:1}}))}exports.DismissButton=m;
+"use strict";const e=require("tailwind-variants"),t=require("./index168.js"),r=e.tv({base:`
+    flex
+    flex-col
+    gap-4
+  `}),o=e.tv({base:`
+    w-full
+    flex
+    flex-wrap
+    gap-2
+  `}),a=e.tv({extend:t,defaultVariants:{size:"h4"}}),s=e.tv({extend:t,defaultVariants:{size:"paragraph"}}),i=e.tv({extend:t,defaultVariants:{size:"paragraph",isError:!0}}),n=e.tv({base:`
+    focus-visible:outline
+    focus-visible:outline-offset-2
+    focus-visible:outline-2
+    focus-visible:outline-black
+    cursor-pointer
+    transition-all
+    duration-200
+  `,variants:{isSelected:{true:"bg-color-1-800 text-white"},isDisabled:{true:"opacity-50 pointer-events-none"},isLink:{true:`
+        border-b
+        border-color-1-300
+        px-2
+        py-0.5
+        mx-2
+        text-color-1-500
+        hover:text-color-1-700
+        hover:border-color-1-700
+        active:text-color-1-900
+        active:border-color-1-900
+      `,false:`
+        p-2
+        bg-color-1-200
+        rounded-full
+        hover:bg-color-1-300
+        active:bg-color-1-400
+        active:text-white
+      `}},defaultVariants:{isLink:!1}}),l=e.tv({base:`
+    flex
+    items-center
+    gap-2
+  `}),c=e.tv({base:`
+    aspect-square
+    rounded-full
+    bg-black/30
+    p-1
+    h-auto
+    w-8
+  `}),u={wrapper:r,tags:o,label:a,description:s,errorMessage:i,tag:{wrapper:n,container:l,removeButton:c}};module.exports=u;

package/index165.mjs

@@ -1,25 +1,104 @@
-import l from "./index289.mjs";
-import r from "react";
-import { useLabels as n } from "./index249.mjs";
-import { useLocalizedStringFormatter as m } from "@react-aria/i18n";
-import { VisuallyHidden as f } from "./index159.mjs";
-function c(e) {
-  return e && e.__esModule ? e.default : e;
-}
-function x(e) {
-  let { onDismiss: t, ...o } = e, i = m(c(l), "@react-aria/overlays"), s = n(o, i.format("dismiss")), a = () => {
-    t && t();
-  };
-  return /* @__PURE__ */ r.createElement(f, null, /* @__PURE__ */ r.createElement("button", {
-    ...s,
-    tabIndex: -1,
-    onClick: a,
-    style: {
-      width: 1,
-      height: 1
+import { tv as e } from "tailwind-variants";
+import t from "./index168.mjs";
+const o = e({
+  base: `
+    flex
+    flex-col
+    gap-4
+  `
+}), r = e({
+  base: `
+    w-full
+    flex
+    flex-wrap
+    gap-2
+  `
+}), a = e({
+  extend: t,
+  defaultVariants: {
+    size: "h4"
+  }
+}), s = e({
+  extend: t,
+  defaultVariants: {
+    size: "paragraph"
+  }
+}), i = e({
+  extend: t,
+  defaultVariants: {
+    size: "paragraph",
+    isError: !0
+  }
+}), l = e({
+  base: `
+    focus-visible:outline
+    focus-visible:outline-offset-2
+    focus-visible:outline-2
+    focus-visible:outline-black
+    cursor-pointer
+    transition-all
+    duration-200
+  `,
+  variants: {
+    isSelected: {
+      true: "bg-color-1-800 text-white"
+    },
+    isDisabled: {
+      true: "opacity-50 pointer-events-none"
+    },
+    isLink: {
+      true: `
+        border-b
+        border-color-1-300
+        px-2
+        py-0.5
+        mx-2
+        text-color-1-500
+        hover:text-color-1-700
+        hover:border-color-1-700
+        active:text-color-1-900
+        active:border-color-1-900
+      `,
+      false: `
+        p-2
+        bg-color-1-200
+        rounded-full
+        hover:bg-color-1-300
+        active:bg-color-1-400
+        active:text-white
+      `
     }
-  }));
-}
+  },
+  defaultVariants: {
+    isLink: !1
+  }
+}), n = e({
+  base: `
+    flex
+    items-center
+    gap-2
+  `
+}), p = e({
+  base: `
+    aspect-square
+    rounded-full
+    bg-black/30
+    p-1
+    h-auto
+    w-8
+  `
+}), g = {
+  wrapper: o,
+  tags: r,
+  label: a,
+  description: s,
+  errorMessage: i,
+  tag: {
+    wrapper: l,
+    container: n,
+    removeButton: p
+  }
+};
 export {
-  x as DismissButton
+  g as default
 };

package/index166.js

@@ -1 +1,16 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index290.js"),f=require("./index283.js"),m=require("./index286.js"),h=require("./index288.js"),D=require("./index158.js"),q=require("react");function C(a,r){let{triggerRef:d,popoverRef:o,groupRef:e,isNonModal:s,isKeyboardDismissDisabled:p,shouldCloseOnInteractOutside:c,...n}=a,u=n.trigger==="SubmenuTrigger",{overlayProps:v,underlayProps:P}=m.useOverlay({isOpen:r.isOpen,onClose:r.close,shouldCloseOnBlur:!0,isDismissable:!s||u,isKeyboardDismissDisabled:p,shouldCloseOnInteractOutside:c},e??o),{overlayProps:O,arrowProps:g,placement:y,triggerAnchorPoint:b}=f.useOverlayPosition({...n,targetRef:d,overlayRef:o,isOpen:r.isOpen,onClose:s&&!u?r.close:null});return h.usePreventScroll({isDisabled:s||!r.isOpen}),q.useEffect(()=>{if(r.isOpen&&o.current){var i,l;return s?t.keepVisible((i=e==null?void 0:e.current)!==null&&i!==void 0?i:o.current):t.ariaHideOutside([(l=e==null?void 0:e.current)!==null&&l!==void 0?l:o.current],{shouldUseInert:!0})}},[s,r.isOpen,o,e]),{popoverProps:D.mergeProps(v,O),arrowProps:g,underlayProps:P,placement:y,triggerAnchorPoint:b}}exports.usePopover=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("tailwind-variants"),e=r.tv({base:`
+    w-full
+    min-h-32
+    rounded-2xl
+    px-6
+    h-12
+    border-2
+    border-solid
+    transition
+    duration-300
+    ease-in-out
+    text-gray-2
+    placeholder:text-gray-2
+    focus-ring-black
+    
+  `,variants:{isError:{true:"border-red-500"}}});exports.textArea=e;