@stokelp/ui 1.6.4 → 1.7.0

package/dist/ui.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as a, jsxs as v } from "react/jsx-runtime";
-import { Accordion as $, Checkbox as _, Dialog as C, ark as P, Portal as Q, Switch as F, Tabs as R, Select as b } from "@ark-ui/react";
+import { Accordion as $, Checkbox as _, Dialog as C, ark as P, Portal as J, Switch as F, Tabs as R, Select as b } from "@ark-ui/react";
 import { styled as i, splitCssProps as j } from "@stokelp/styled-system/jsx";
-import { accordion as we, button as Ie, checkbox as q, drawer as Ce, formControl as Se, formLabel as O, formHelperText as ke, heading as Te, switchRecipe as Z, text as _e, textarea as Ee, tabs as Re, select as Be, input as Fe, inputAddon as $e, inputGroup as De } from "@stokelp/styled-system/recipes";
-import { createContext as ze, forwardRef as k, useContext as Ae, createElement as Ne, useMemo as J } from "react";
-import { cx as G, css as Y } from "@stokelp/styled-system/css";
+import { accordion as we, button as Ie, checkbox as Z, drawer as Ce, formControl as Se, formLabel as O, formHelperText as ke, heading as Te, switchRecipe as K, text as _e, textarea as Ee, tabs as Re, select as Be, input as Fe, inputAddon as $e, inputGroup as De } from "@stokelp/styled-system/recipes";
+import { createContext as ze, forwardRef as k, useContext as Ae, createElement as Ne, useMemo as G } from "react";
+import { cx as Y, css as X } from "@stokelp/styled-system/css";
 import { defineKeyframes as Pe, defineRecipe as w, defineSlotRecipe as T, defineSemanticTokens as Le, defineTextStyles as We, defineTokens as d, defineUtility as Ve, definePreset as Me } from "@pandacss/dev";
-const K = (...e) => e.filter(Boolean).join(" "), L = (e, t) => {
+const Q = (...e) => e.filter(Boolean).join(" "), L = (e, t) => {
   const o = ze(null);
   return {
     withContext: (m, s, u) => s ? k((c, H) => {
@@ -15,7 +15,7 @@ const K = (...e) => e.filter(Boolean).join(" "), L = (e, t) => {
         ...D && { "data-recipe-slot": s ?? "" },
         ...c,
         ...u == null ? void 0 : u.defaultProps,
-        className: K(B == null ? void 0 : B[s ?? ""], c.className),
+        className: Q(B == null ? void 0 : B[s ?? ""], c.className),
         ref: H
       });
     }) : m,
@@ -23,14 +23,14 @@ const K = (...e) => e.filter(Boolean).join(" "), L = (e, t) => {
       const [B, D] = e.splitVariantProps({
         ...c,
         ...u == null ? void 0 : u.defaultProps
-      }), U = e(B), xe = (t == null ? void 0 : t.dataAttr) ?? !1;
-      return /* @__PURE__ */ a(o.Provider, { value: U, children: /* @__PURE__ */ a(
+      }), q = e(B), xe = (t == null ? void 0 : t.dataAttr) ?? !1;
+      return /* @__PURE__ */ a(o.Provider, { value: q, children: /* @__PURE__ */ a(
         m,
         {
           ref: H,
           ...xe && { "data-recipe-slot": s ?? "" },
           ...D,
-          className: K(U[s ?? ""], D.className)
+          className: Q(q[s ?? ""], D.className)
         }
       ) });
     })
@@ -40,8 +40,8 @@ const K = (...e) => e.filter(Boolean).join(" "), L = (e, t) => {
     children: /* @__PURE__ */ a("svg", { width: "16", height: "17", viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ a("path", { d: "M4.94 6.03L8 9.08333L11.06 6.03L12 6.97L8 10.97L4 6.97L4.94 6.03Z", fill: "currentColor" }) })
   }
 }), ir = W(i($.ItemTrigger), "itemTrigger"), Oe = i("button", Ie), je = k((e, t) => {
-  const [o, r] = q.splitVariantProps(e), [l, m] = j(r), { children: s, className: u, ...S } = m, c = q(o);
-  return /* @__PURE__ */ v(_.Root, { ref: t, className: G(c.root, Y(l), u), ...S, children: [
+  const [o, r] = Z.splitVariantProps(e), [l, m] = j(r), { children: s, className: u, ...S } = m, c = Z(o);
+  return /* @__PURE__ */ v(_.Root, { ref: t, className: Y(c.root, X(l), u), ...S, children: [
     /* @__PURE__ */ v(_.Control, { className: c.control, children: [
       /* @__PURE__ */ a(_.Indicator, { children: /* @__PURE__ */ a(Ge, {}) }),
       /* @__PURE__ */ a(_.Indicator, { indeterminate: !0, children: /* @__PURE__ */ a(Ye, {}) })
@@ -82,7 +82,7 @@ const Ge = () => /* @__PURE__ */ v("svg", { viewBox: "0 0 12 13", fill: "none",
 );
 ee.displayName = "DrawerHeader";
 const dr = I(ee, "header"), cr = I(i(C.Title), "title"), ur = I(i(C.Trigger), "trigger"), qe = I(i(C.Positioner), "positioner"), Ze = I(i(C.Backdrop), "backdrop"), te = k(
-  ({ children: e, ...t }, o) => /* @__PURE__ */ v(Q, { children: [
+  ({ children: e, ...t }, o) => /* @__PURE__ */ v(J, { children: [
     /* @__PURE__ */ a(Ze, {}),
     /* @__PURE__ */ a(qe, { children: /* @__PURE__ */ a(C.Content, { ref: o, ...t, children: e }) })
   ] })
@@ -100,18 +100,18 @@ const pr = I(i(te), "content"), Ke = i("div", Se, {
   return /* @__PURE__ */ a(Ke, { ...r, ...o });
 }, Qe = i("label", O), mr = (e) => {
   const [t, o] = O.splitVariantProps(e), [r, l] = j(o), { children: m, className: s, addon: u, ...S } = l, c = O(t);
-  return /* @__PURE__ */ v(Qe, { className: G(c.root, Y(r), s), ...S, children: [
+  return /* @__PURE__ */ v(Qe, { className: Y(c.root, X(r), s), ...S, children: [
     m,
     u ? /* @__PURE__ */ a(i.span, { className: c.addon, children: u }) : null
   ] });
 }, hr = i("p", ke, {
   dataAttr: !0
 }), vr = (e) => {
-  const { as: t = "h2", ...o } = e, r = J(() => i(t, Te), [t]);
+  const { as: t = "h2", ...o } = e, r = G(() => i(t, Te), [t]);
   return /* @__PURE__ */ a(r, { size: t, ...o });
 }, Je = k((e, t) => {
-  const [o, r] = Z.splitVariantProps(e), [l, m] = j(r), { children: s, className: u, ...S } = m, c = Z(o);
-  return /* @__PURE__ */ v(F.Root, { ref: t, className: G(c.root, Y(l), u), ...S, children: [
+  const [o, r] = K.splitVariantProps(e), [l, m] = j(r), { children: s, className: u, ...S } = m, c = K(o);
+  return /* @__PURE__ */ v(F.Root, { ref: t, className: Y(c.root, X(l), u), ...S, children: [
     /* @__PURE__ */ a(F.Control, { className: c.control, children: /* @__PURE__ */ a(F.Thumb, { className: c.thumb }) }),
     s ? /* @__PURE__ */ a(F.Label, { className: c.label, children: s }) : null,
     /* @__PURE__ */ a(F.HiddenInput, {})
@@ -119,7 +119,7 @@ const pr = I(i(te), "content"), Ke = i("div", Se, {
 });
 Je.displayName = "Switch";
 const et = (e) => {
-  const { as: t = "p", ...o } = e, r = J(() => i(t, _e), [t]);
+  const { as: t = "p", ...o } = e, r = G(() => i(t, _e), [t]);
   return /* @__PURE__ */ a(r, { ...o });
 }, br = i(P.textarea, Ee), { withProvider: tt, withContext: V } = L(Re), fr = tt(i(R.Root), "root", {
   defaultProps: {
@@ -170,7 +170,7 @@ const wr = V(i(oe), "list"), rt = ({ children: e, when: t, wrapper: o }) => t ==
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ a(rt, { when: r, wrapper: (s) => /* @__PURE__ */ a(Q, { children: s }), children: /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ a(lt, { children: e.length === 0 ? /* @__PURE__ */ a(et, { px: "space-8", textAlign: "center", children: o ?? "Aucun résultat" }) : e.map((s) => /* @__PURE__ */ v(ct, { item: s, children: [
+      /* @__PURE__ */ a(rt, { when: r, wrapper: (s) => /* @__PURE__ */ a(J, { children: s }), children: /* @__PURE__ */ a(gt, { children: /* @__PURE__ */ a(lt, { children: e.length === 0 ? /* @__PURE__ */ a(et, { px: "space-8", textAlign: "center", children: o ?? "Aucun résultat" }) : e.map((s) => /* @__PURE__ */ v(ct, { item: s, children: [
         /* @__PURE__ */ a(pt, { truncate: !0, children: s.label }),
         m.multiple ? /* @__PURE__ */ a(ut, { children: "✓" }) : null
       ] }, s.value)) }) }) }),
@@ -181,7 +181,10 @@ const wr = V(i(oe), "list"), rt = ({ children: e, when: t, wrapper: o }) => t ==
   dataAttr: !0
 }), Sr = i("div", $e, {
   dataAttr: !0
-}), kr = i("div", De), vt = {
+}), kr = i("div", De), Tr = (e) => {
+  const { as: t = "div", ...o } = e, r = G(() => i(t), [t]);
+  return /* @__PURE__ */ a(r, { ...o });
+}, vt = {
   xl: "1536px",
   lg: "1200px",
   md: "900px",
@@ -1058,7 +1061,7 @@ function ro(e) {
   };
   return { ...t, ...e };
 }
-var X = () => (e) => Array.from(new Set(e)), ve = x("tabs").parts("root", "list", "trigger", "content", "indicator");
+var U = () => (e) => Array.from(new Set(e)), ve = x("tabs").parts("root", "list", "trigger", "content", "indicator");
 ve.build();
 var n = ro({
   getRootId: (e) => {
@@ -1118,7 +1121,7 @@ var n = ro({
     top: `${e.top}px`
   })
 });
-X()([
+U()([
   "activationMode",
   "composite",
   "dir",
@@ -1132,8 +1135,8 @@ X()([
   "translations",
   "value"
 ]);
-X()(["disabled", "value"]);
-X()(["value"]);
+U()(["disabled", "value"]);
+U()(["value"]);
 const ao = T({
   base: {
     control: {
@@ -2913,7 +2916,7 @@ const Wo = d.fontSizes({
   extend: {
     boxSize: Yo
   }
-}, Tr = Me({
+}, _r = Me({
   staticCss: {
     recipes: "*"
   },
@@ -2936,6 +2939,7 @@ export {
   rr as AccordionItemContent,
   ar as AccordionItemIndicator,
   ir as AccordionItemTrigger,
+  Tr as Box,
   Oe as Button,
   je as Checkbox,
   nr as Drawer,
@@ -2961,6 +2965,6 @@ export {
   xr as TabsTrigger,
   et as Text,
   br as Textarea,
-  Tr as preset
+  _r as preset
 };
 //# sourceMappingURL=ui.js.map