@okam/stack-ui 1.44.3 → 1.44.4

package/index149.mjs

@@ -1,242 +1,47 @@
-import a, { forwardRef as W, useState as P, useRef as u, useEffect as _, createContext as q, useLayoutEffect as Q } from "react";
-import { S as X } from "./index190.mjs";
-import { g as Y, m as Z, a as ee, u as re } from "./index191.mjs";
-import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index192.mjs";
-function k() {
-  return k = Object.assign ? Object.assign.bind() : function(n) {
-    for (var r = 1; r < arguments.length; r++) {
-      var s = arguments[r];
-      for (var t in s)
-        Object.prototype.hasOwnProperty.call(s, t) && (n[t] = s[t]);
+import { tv as e } from "tailwind-variants";
+const t = e({
+  base: "flex focus-ring-black"
+}), o = e({
+  base: "hover:cursor-pointer",
+  variants: {
+    color: {
+      gray: "text-gray-300",
+      black: "text-black"
+    },
+    isDisabled: {
+      true: "text-gray-6"
     }
-    return n;
-  }, k.apply(this, arguments);
-}
-function H(n) {
-  return n.type && n.type.displayName && n.type.displayName.includes("SwiperSlide");
-}
-function U(n) {
-  const r = [];
-  return a.Children.toArray(n).forEach((s) => {
-    H(s) ? r.push(s) : s.props && s.props.children && U(s.props.children).forEach((t) => r.push(t));
-  }), r;
-}
-function oe(n) {
-  const r = [], s = {
-    "container-start": [],
-    "container-end": [],
-    "wrapper-start": [],
-    "wrapper-end": []
-  };
-  return a.Children.toArray(n).forEach((t) => {
-    if (H(t))
-      r.push(t);
-    else if (t.props && t.props.slot && s[t.props.slot])
-      s[t.props.slot].push(t);
-    else if (t.props && t.props.children) {
-      const p = U(t.props.children);
-      p.length > 0 ? p.forEach((l) => r.push(l)) : s["container-end"].push(t);
-    } else
-      s["container-end"].push(t);
-  }), {
-    slides: r,
-    slots: s
-  };
-}
-function le(n, r, s) {
-  if (!s) return null;
-  const t = (o) => {
-    let i = o;
-    return o < 0 ? i = r.length + o : i >= r.length && (i = i - r.length), i;
-  }, p = n.isHorizontal() ? {
-    [n.rtlTranslate ? "right" : "left"]: `${s.offset}px`
-  } : {
-    top: `${s.offset}px`
-  }, {
-    from: l,
-    to: d
-  } = s, S = n.params.loop ? -r.length : 0, h = n.params.loop ? r.length * 2 : r.length, g = [];
-  for (let o = S; o < h; o += 1)
-    o >= l && o <= d && g.push(r[t(o)]);
-  return g.map((o, i) => /* @__PURE__ */ a.cloneElement(o, {
-    swiper: n,
-    style: p,
-    key: o.props.virtualIndex || o.key || `slide-${i}`
-  }));
-}
-function O(n, r) {
-  return typeof window > "u" ? _(n, r) : Q(n, r);
-}
-const F = /* @__PURE__ */ q(null), ce = /* @__PURE__ */ q(null), ue = /* @__PURE__ */ W(function(n, r) {
-  let {
-    className: s,
-    tag: t = "div",
-    wrapperTag: p = "div",
-    children: l,
-    onSwiper: d,
-    ...S
-  } = n === void 0 ? {} : n, h = !1;
-  const [g, o] = P("swiper"), [i, m] = P(null), [C, R] = P(!1), z = u(!1), w = u(null), e = u(null), x = u(null), $ = u(null), I = u(null), b = u(null), N = u(null), L = u(null), {
-    params: f,
-    passedParams: T,
-    rest: G,
-    events: v
-  } = Y(S), {
-    slides: y,
-    slots: j
-  } = oe(l), B = () => {
-    R(!C);
-  };
-  Object.assign(f.on, {
-    _containerClasses(c, E) {
-      o(E);
-    }
-  });
-  const A = () => {
-    Object.assign(f.on, v), h = !0;
-    const c = {
-      ...f
-    };
-    if (delete c.wrapperClass, e.current = new X(c), e.current.virtual && e.current.params.virtual.enabled) {
-      e.current.virtual.slides = y;
-      const E = {
-        cache: !1,
-        slides: y,
-        renderExternal: m,
-        renderExternalUpdate: !1
-      };
-      V(e.current.params.virtual, E), V(e.current.originalParams.virtual, E);
-    }
-  };
-  w.current || A(), e.current && e.current.on("_beforeBreakpoint", B);
-  const J = () => {
-    h || !v || !e.current || Object.keys(v).forEach((c) => {
-      e.current.on(c, v[c]);
-    });
-  }, K = () => {
-    !v || !e.current || Object.keys(v).forEach((c) => {
-      e.current.off(c, v[c]);
-    });
-  };
-  _(() => () => {
-    e.current && e.current.off("_beforeBreakpoint", B);
-  }), _(() => {
-    !z.current && e.current && (e.current.emitSlidesClasses(), z.current = !0);
-  }), O(() => {
-    if (r && (r.current = w.current), !!w.current)
-      return e.current.destroyed && A(), Z({
-        el: w.current,
-        nextEl: I.current,
-        prevEl: b.current,
-        paginationEl: N.current,
-        scrollbarEl: L.current,
-        swiper: e.current
-      }, f), d && !e.current.destroyed && d(e.current), () => {
-        e.current && !e.current.destroyed && e.current.destroy(!0, !1);
-      };
-  }, []), O(() => {
-    J();
-    const c = ee(T, x.current, y, $.current, (E) => E.key);
-    return x.current = T, $.current = y, c.length && e.current && !e.current.destroyed && ie({
-      swiper: e.current,
-      slides: y,
-      passedParams: T,
-      changedParams: c,
-      nextEl: I.current,
-      prevEl: b.current,
-      scrollbarEl: L.current,
-      paginationEl: N.current
-    }), () => {
-      K();
-    };
-  }), O(() => {
-    re(e.current);
-  }, [i]);
-  function M() {
-    return f.virtual ? le(e.current, y, i) : y.map((c, E) => /* @__PURE__ */ a.cloneElement(c, {
-      swiper: e.current,
-      swiperSlideIndex: E
-    }));
+  },
+  defaultVariants: {
+    color: "black"
   }
-  return /* @__PURE__ */ a.createElement(t, k({
-    ref: w,
-    className: D(`${g}${s ? ` ${s}` : ""}`)
-  }, G), /* @__PURE__ */ a.createElement(ce.Provider, {
-    value: e.current
-  }, j["container-start"], /* @__PURE__ */ a.createElement(p, {
-    className: te(f.wrapperClass)
-  }, j["wrapper-start"], M(), j["wrapper-end"]), ne(f) && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", {
-    ref: b,
-    className: "swiper-button-prev"
-  }), /* @__PURE__ */ a.createElement("div", {
-    ref: I,
-    className: "swiper-button-next"
-  })), se(f) && /* @__PURE__ */ a.createElement("div", {
-    ref: L,
-    className: "swiper-scrollbar"
-  }), ae(f) && /* @__PURE__ */ a.createElement("div", {
-    ref: N,
-    className: "swiper-pagination"
-  }), j["container-end"]));
-});
-ue.displayName = "Swiper";
-const pe = /* @__PURE__ */ W(function(n, r) {
-  let {
-    tag: s = "div",
-    children: t,
-    className: p = "",
-    swiper: l,
-    zoom: d,
-    lazy: S,
-    virtualIndex: h,
-    swiperSlideIndex: g,
-    ...o
-  } = n === void 0 ? {} : n;
-  const i = u(null), [m, C] = P("swiper-slide"), [R, z] = P(!1);
-  function w(I, b, N) {
-    b === i.current && C(N);
+}), a = 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]"
+    },
+    isError: {
+      true: "border-red-500"
+    }
   }
-  O(() => {
-    if (typeof g < "u" && (i.current.swiperSlideIndex = g), r && (r.current = i.current), !(!i.current || !l)) {
-      if (l.destroyed) {
-        m !== "swiper-slide" && C("swiper-slide");
-        return;
-      }
-      return l.on("_slideClass", w), () => {
-        l && l.off("_slideClass", w);
-      };
+}), c = e({
+  base: "hidden w-4 h-4 bg-gray-300 rounded-full",
+  variants: {
+    selected: {
+      true: "block text-white"
     }
-  }), O(() => {
-    l && i.current && !l.destroyed && C(l.getSlideClasses(i.current));
-  }, [l]);
-  const e = {
-    isActive: m.indexOf("swiper-slide-active") >= 0,
-    isVisible: m.indexOf("swiper-slide-visible") >= 0,
-    isPrev: m.indexOf("swiper-slide-prev") >= 0,
-    isNext: m.indexOf("swiper-slide-next") >= 0
-  }, x = () => typeof t == "function" ? t(e) : t, $ = () => {
-    z(!0);
-  };
-  return /* @__PURE__ */ a.createElement(s, k({
-    ref: i,
-    className: D(`${m}${p ? ` ${p}` : ""}`),
-    "data-swiper-slide-index": h,
-    onLoad: $
-  }, o), d && /* @__PURE__ */ a.createElement(F.Provider, {
-    value: e
-  }, /* @__PURE__ */ a.createElement("div", {
-    className: "swiper-zoom-container",
-    "data-swiper-zoom": typeof d == "number" ? d : void 0
-  }, x(), S && !R && /* @__PURE__ */ a.createElement("div", {
-    className: "swiper-lazy-preloader"
-  }))), !d && /* @__PURE__ */ a.createElement(F.Provider, {
-    value: e
-  }, x(), S && !R && /* @__PURE__ */ a.createElement("div", {
-    className: "swiper-lazy-preloader"
-  })));
+  }
+}), s = e({
+  base: "text-white w-4 h-4 [&_svg]:w-4 [&_svg]:h-4"
 });
-pe.displayName = "SwiperSlide";
 export {
-  ue as Swiper,
-  pe as SwiperSlide
+  a as checkBox,
+  c as checkMark,
+  s as checkMarkIcon,
+  t as checkboxContainer,
+  o as checkboxLabel
 };

package/index15.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),x=require("react"),b=require("./index14.js"),f=require("./index96.js"),d=require("./index16.js"),S=require("./index19.js"),$=require("./index20.js"),P=require("./index148.js"),R=require("./index22.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;
+"use strict";const a=require("react/jsx-runtime"),u=require("./index8.js"),c=require("./index18.js");function v(e){const{children:t,themeName:r="carousel.navigation",tokens:n}=e,{navigationProps:o,ref:i,isDisabled:s}=c.useCarouselPrevNavigation(e);return a.jsx(u.ButtonWithForwardRef,{themeName:`${r}.button`,tokens:{...n,order:"prev"},...o,ref:i,isDisabled:s,children:t})}module.exports=v;

package/index15.mjs

@@ -1,79 +1,21 @@
 "use client";
-import { jsx as t, jsxs as L, Fragment as S } from "react/jsx-runtime";
-import { useRef as g } from "react";
-import P from "./index14.mjs";
-import { useCarousel as $ } from "./index96.mjs";
-import { LegacyCarouselPrevNavigationButton as k, LegacyCarouselNextNavigationButton as R } from "./index16.mjs";
-import j from "./index19.mjs";
-import y from "./index20.mjs";
-import I from "./index148.mjs";
-import M from "./index22.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: `${e}.navigation.button`,
-        tokens: { ...r, order: "prev" },
-        ref: v,
-        "aria-label": o == null ? void 0 : o.prevSlideMessage,
-        "aria-controls": i
-      }
-    ),
-    /* @__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 }) });
-};
+import { jsx as s } from "react/jsx-runtime";
+import { ButtonWithForwardRef as m } from "./index8.mjs";
+import { useCarouselPrevNavigation as u } from "./index18.mjs";
+function c(e) {
+  const { children: o, themeName: t = "carousel.navigation", tokens: r } = e, { navigationProps: a, ref: i, isDisabled: n } = u(e);
+  return /* @__PURE__ */ s(
+    m,
+    {
+      themeName: `${t}.button`,
+      tokens: { ...r, order: "prev" },
+      ...a,
+      ref: i,
+      isDisabled: n,
+      children: o
+    }
+  );
+}
 export {
-  K as default
+  c as default
 };

package/index150.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),o=e.tv({base:"block",variants:{isDisabled:{true:"opacity-60 pointer-events-none"}}}),t=e.tv({base:"flex flex-col gap-4 py-8"});exports.checkboxGroup=o;exports.checkboxGroupItemsGroup=t;

package/index150.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";
+const t = o({
+  base: "block",
+  variants: {
+    isDisabled: {
+      true: "opacity-60 pointer-events-none"
+    }
+  }
+}), c = o({
+  base: "flex flex-col gap-4 py-8"
+});
 export {
-  a as ariaAttributes,
-  r as booleanAttributes
+  t as checkboxGroup,
+  c as checkboxGroupItemsGroup
 };

package/index151.js

@@ -1 +1,6 @@
-"use strict";const C=require("react/jsx-runtime"),e=require("radashi"),t=require("react"),s=r=>C.jsx("svg",{width:"16",height:"16",viewBox:"16 14 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:C.jsx("g",{clipPath:"url(#clip0_73015_2388)",children:C.jsx("path",{d:"M32 22C32 24.1217 31.1571 26.1566 29.6569 27.6569C28.1566 29.1571 26.1217 30 24 30C21.8783 30 19.8434 29.1571 18.3431 27.6569C16.8429 26.1566 16 24.1217 16 22C16 19.8783 16.8429 17.8434 18.3431 16.3431C19.8434 14.8429 21.8783 14 24 14C26.1217 14 28.1566 14.8429 29.6569 16.3431C31.1571 17.8434 32 19.8783 32 22ZM24 18C23.8736 18.0001 23.7486 18.0266 23.6331 18.0779C23.5176 18.1292 23.4141 18.2042 23.3293 18.2979C23.2446 18.3916 23.1803 18.5021 23.1408 18.6222C23.1013 18.7422 23.0874 18.8692 23.1 18.995L23.45 22.502C23.4618 22.6398 23.5248 22.7681 23.6266 22.8616C23.7285 22.9552 23.8617 23.0071 24 23.0071C24.1383 23.0071 24.2715 22.9552 24.3734 22.8616C24.4752 22.7681 24.5382 22.6398 24.55 22.502L24.9 18.995C24.9126 18.8692 24.8987 18.7422 24.8592 18.6222C24.8197 18.5021 24.7554 18.3916 24.6707 18.2979C24.5859 18.2042 24.4824 18.1292 24.3669 18.0779C24.2514 18.0266 24.1264 18.0001 24 18ZM24.002 24C23.7368 24 23.4824 24.1054 23.2949 24.2929C23.1074 24.4804 23.002 24.7348 23.002 25C23.002 25.2652 23.1074 25.5196 23.2949 25.7071C23.4824 25.8946 23.7368 26 24.002 26C24.2672 26 24.5216 25.8946 24.7091 25.7071C24.8966 25.5196 25.002 25.2652 25.002 25C25.002 24.7348 24.8966 24.4804 24.7091 24.2929C24.5216 24.1054 24.2672 24 24.002 24Z",fill:"currentColor"})})}),i=t.memo(s,e.isEqual);module.exports=i;
+"use strict";const o=require("tailwind-variants"),i=require("./index146.js"),n=require("./index155.js"),t=require("./index168.js"),l=o.tv({base:[i.base,`
+      px-4
+      py-2
+      text-white
+      bg-color-1-500
+    `],variants:{isOpen:{true:"pointer-events-none",false:"hover:bg-color-1-400 active:bg-color-1-400"}}}),r={wrapper:()=>"flex flex-col gap-4 relative",label:e=>t({...e,className:"text-gray-3"}),container:()=>"flex flex-col gap-4",inputWrapper:()=>"relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2 [&>input]:flex-1 [&>input]:min-w-0 [&>input]:pr-10 [&>input]:border-0 [&>input]:outline-0 [&>input]:bg-transparent [&>input]:text-ellipsis [&>input]:whitespace-nowrap [&>input]:overflow-hidden",button:l,popover:{popover:()=>"w-[var(--comboBox-popover-container-width)] max-h-[300px] overflow-y-auto overflow-x-hidden text-white !bg-color-1-500 rounded-md p-2"},listContainer:e=>t({...e,className:"outline outline-2 outline-white outline-offset-2 p-2 my-4 rounded-md w-full flex flex-col gap-6 max-h-[300px] overflow-y-auto overflow-x-hidden"}),ul:e=>t({...e,className:"w-full flex flex-col gap-6"}),li:()=>"transition w-full hover:text-gray-300 focus-ring-white",group:()=>"flex flex-col gap-4",section:()=>"flex flex-col gap-4",list:{...n},headerText:()=>"text-gray-300",noResults:()=>"p-4 text-center",noResultsText:e=>t({...e,className:"text-gray-400"}),errorMessage:e=>t({...e,size:"footnotes",isError:!0})};module.exports=r;

package/index151.mjs

@@ -1,13 +1,51 @@
-import { jsx as C } from "react/jsx-runtime";
-import { isEqual as r } from "radashi";
-import { memo as t } from "react";
-const i = (o) => /* @__PURE__ */ C("svg", { width: "16", height: "16", viewBox: "16 14 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o, children: /* @__PURE__ */ C("g", { clipPath: "url(#clip0_73015_2388)", children: /* @__PURE__ */ C(
-  "path",
-  {
-    d: "M32 22C32 24.1217 31.1571 26.1566 29.6569 27.6569C28.1566 29.1571 26.1217 30 24 30C21.8783 30 19.8434 29.1571 18.3431 27.6569C16.8429 26.1566 16 24.1217 16 22C16 19.8783 16.8429 17.8434 18.3431 16.3431C19.8434 14.8429 21.8783 14 24 14C26.1217 14 28.1566 14.8429 29.6569 16.3431C31.1571 17.8434 32 19.8783 32 22ZM24 18C23.8736 18.0001 23.7486 18.0266 23.6331 18.0779C23.5176 18.1292 23.4141 18.2042 23.3293 18.2979C23.2446 18.3916 23.1803 18.5021 23.1408 18.6222C23.1013 18.7422 23.0874 18.8692 23.1 18.995L23.45 22.502C23.4618 22.6398 23.5248 22.7681 23.6266 22.8616C23.7285 22.9552 23.8617 23.0071 24 23.0071C24.1383 23.0071 24.2715 22.9552 24.3734 22.8616C24.4752 22.7681 24.5382 22.6398 24.55 22.502L24.9 18.995C24.9126 18.8692 24.8987 18.7422 24.8592 18.6222C24.8197 18.5021 24.7554 18.3916 24.6707 18.2979C24.5859 18.2042 24.4824 18.1292 24.3669 18.0779C24.2514 18.0266 24.1264 18.0001 24 18ZM24.002 24C23.7368 24 23.4824 24.1054 23.2949 24.2929C23.1074 24.4804 23.002 24.7348 23.002 25C23.002 25.2652 23.1074 25.5196 23.2949 25.7071C23.4824 25.8946 23.7368 26 24.002 26C24.2672 26 24.5216 25.8946 24.7091 25.7071C24.8966 25.5196 25.002 25.2652 25.002 25C25.002 24.7348 24.8966 24.4804 24.7091 24.2929C24.5216 24.1054 24.2672 24 24.002 24Z",
-    fill: "currentColor"
+import { tv as t } from "tailwind-variants";
+import l from "./index146.mjs";
+import i from "./index155.mjs";
+import o from "./index168.mjs";
+const r = t({
+  base: [
+    l.base,
+    `
+      px-4
+      py-2
+      text-white
+      bg-color-1-500
+    `
+  ],
+  variants: {
+    isOpen: {
+      true: "pointer-events-none",
+      false: "hover:bg-color-1-400 active:bg-color-1-400"
+    }
   }
-) }) }), m = t(i, r);
+}), s = {
+  wrapper: () => "flex flex-col gap-4 relative",
+  label: (e) => o({ ...e, className: "text-gray-3" }),
+  container: () => "flex flex-col gap-4",
+  inputWrapper: () => "relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2 [&>input]:flex-1 [&>input]:min-w-0 [&>input]:pr-10 [&>input]:border-0 [&>input]:outline-0 [&>input]:bg-transparent [&>input]:text-ellipsis [&>input]:whitespace-nowrap [&>input]:overflow-hidden",
+  button: r,
+  popover: {
+    popover: () => "w-[var(--comboBox-popover-container-width)] max-h-[300px] overflow-y-auto overflow-x-hidden text-white !bg-color-1-500 rounded-md p-2"
+  },
+  listContainer: (e) => o({
+    ...e,
+    className: "outline outline-2 outline-white outline-offset-2 p-2 my-4 rounded-md w-full flex flex-col gap-6 max-h-[300px] overflow-y-auto overflow-x-hidden"
+  }),
+  ul: (e) => o({
+    ...e,
+    className: "w-full flex flex-col gap-6"
+  }),
+  li: () => "transition w-full hover:text-gray-300 focus-ring-white",
+  group: () => "flex flex-col gap-4",
+  section: () => "flex flex-col gap-4",
+  list: {
+    ...i
+  },
+  headerText: () => "text-gray-300",
+  noResults: () => "p-4 text-center",
+  noResultsText: (e) => o({ ...e, className: "text-gray-400" }),
+  errorMessage: (e) => o({ ...e, size: "footnotes", isError: !0 })
+};
 export {
-  m as default
+  s as default
 };

package/index152.js

@@ -1 +1,5 @@
-"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"),t=e.tv({base:`
+    focus-ring-black
+    transition-all
+    duration-200
+  `}),a=e.tv({base:"relative inline-flex flex-col text-left"}),r=e.tv({extend:t,base:"flex gap-4 justify-between items-center border-2 border-color-1-500 rounded-md bg-gray-100 p-4",variants:{dateFieldShown:{true:"w-full",false:"w-fit"},isInvalid:{true:"bg-red-100 border-red-500",false:"bg-gray-100 border-color-1-500"}},defaultVariants:{dateFieldShown:!0}}),d=e.tv({base:"text-white bg-color-1-500 rounded-md h-full p-2"}),o=e.tv({base:"text-color-1-500 font-bold pb-2 text-2xl"}),n=e.tv({base:"w-fit flex flex-col gap-4"}),i=e.tv({base:"fixed inset-0"}),l=e.tv({base:"absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10"}),c=e.tv({base:"flex flex-col gap-4"}),s=e.tv({base:"flex gap-2 items-center justify-between",defaultVariants:{dateFieldShown:!0},variants:{dateFieldShown:{true:"",false:"hidden"}}}),b=e.tv({base:"flex bg-gray-300 p-2 rounded-md"}),u=e.tv({extend:t,base:"rounded-sm p-1 focus:bg-color-1-400 focus:text-white"}),P=e.tv({base:"rounded-lg p-2 border-2 border-red-500",variants:{position:{inner:"text-red-500 bg-white",outer:"text-black bg-red-100"}}}),f={container:a,wrapper:n,button:r,icon:d,dateField:b,dateSegment:u,label:o,calendarPopover:l,calendarUnderlay:i,dialog:c,dateFieldContainer:s,invalidIndicator:P};exports.datePickerButton=r;exports.datePickerCalendarPopoverContainer=l;exports.datePickerCalendarPopoverUnderlay=i;exports.datePickerContainer=a;exports.datePickerDateField=b;exports.datePickerDateFieldContainer=s;exports.datePickerDateSegment=u;exports.datePickerDialog=c;exports.datePickerIcon=d;exports.datePickerInvalidIndicator=P;exports.datePickerLabel=o;exports.datePickerTheme=f;exports.datePickerWrapper=n;

package/index152.mjs

@@ -1,6 +1,90 @@
-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: `
+    focus-ring-black
+    transition-all
+    duration-200
+  `
+}), a = e({
+  base: "relative inline-flex flex-col text-left"
+}), r = e({
+  extend: t,
+  base: "flex gap-4 justify-between items-center border-2 border-color-1-500 rounded-md bg-gray-100 p-4",
+  variants: {
+    dateFieldShown: {
+      true: "w-full",
+      false: "w-fit"
+    },
+    isInvalid: {
+      true: "bg-red-100 border-red-500",
+      false: "bg-gray-100 border-color-1-500"
+    }
+  },
+  defaultVariants: {
+    dateFieldShown: !0
+  }
+}), o = e({
+  base: "text-white bg-color-1-500 rounded-md h-full p-2"
+}), d = e({
+  base: "text-color-1-500 font-bold pb-2 text-2xl"
+}), n = e({
+  base: "w-fit flex flex-col gap-4"
+}), i = e({
+  base: "fixed inset-0"
+}), l = e({
+  base: "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10"
+}), c = e({
+  base: "flex flex-col gap-4"
+}), s = e({
+  base: "flex gap-2 items-center justify-between",
+  defaultVariants: {
+    dateFieldShown: !0
+  },
+  variants: {
+    dateFieldShown: {
+      true: "",
+      false: "hidden"
+    }
+  }
+}), b = e({
+  base: "flex bg-gray-300 p-2 rounded-md"
+}), f = e({
+  extend: t,
+  base: "rounded-sm p-1 focus:bg-color-1-400 focus:text-white"
+}), u = e({
+  base: "rounded-lg p-2 border-2 border-red-500",
+  variants: {
+    position: {
+      inner: "text-red-500 bg-white",
+      outer: "text-black bg-red-100"
+    }
+  }
+}), p = {
+  container: a,
+  wrapper: n,
+  button: r,
+  icon: o,
+  dateField: b,
+  dateSegment: f,
+  label: d,
+  calendarPopover: l,
+  calendarUnderlay: i,
+  dialog: c,
+  dateFieldContainer: s,
+  invalidIndicator: u
+};
 export {
-  e as default
+  r as datePickerButton,
+  l as datePickerCalendarPopoverContainer,
+  i as datePickerCalendarPopoverUnderlay,
+  a as datePickerContainer,
+  b as datePickerDateField,
+  s as datePickerDateFieldContainer,
+  f as datePickerDateSegment,
+  c as datePickerDialog,
+  o as datePickerIcon,
+  u as datePickerInvalidIndicator,
+  d as datePickerLabel,
+  p as datePickerTheme,
+  n as datePickerWrapper
 };

package/index153.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 i=require("tailwind-variants"),e=i.tv({base:"object-contain"}),n=t=>e(t);exports.imgStyles=e;exports.imgTheme=n;