@clicktap/ui 0.3.6 → 0.3.7

package/Switch/Switch.d.ts

@@ -1,7 +1,3 @@
-/// <reference types="react" />
 import { SwitchProps as AriaSwitchProps } from 'react-aria-components';
-interface SwitchProps extends Omit<AriaSwitchProps, 'children'> {
-    children: React.ReactNode;
-}
-export declare function Switch({ children, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export declare function Switch({ children, ...props }: AriaSwitchProps): import("react/jsx-runtime").JSX.Element;
 export default Switch;

package/index.js

@@ -1474,7 +1474,7 @@ Check the top-level render call using <`+P+">.")}return y}function yn(l,y){if(!(
       }
     }
   }
-`;function D0({children:e,...t}){return g.jsxs(K0,{...t,children:[g.jsx(He,{}),e]})}const N0=S.styled(W.Tabs)`
+`;function D0({children:e,...t}){return g.jsx(K0,{...t,children:r=>g.jsxs(g.Fragment,{children:[g.jsx(He,{className:"switch-indicator"}),typeof e=="function"?e({defaultChildren:void 0,...r}):e]})})}const N0=S.styled(W.Tabs)`
   width: 100%;
   display: flex;
   flex-direction: column;

package/index.mjs

@@ -1,10 +1,10 @@
-import { jsxs as ee, jsx as y, Fragment as at } from "react/jsx-runtime";
+import { jsxs as ee, jsx as y, Fragment as ot } from "react/jsx-runtime";
 import * as Pr from "react";
 import se, { useRef as Y, useImperativeHandle as Ya, useCallback as q, useContext as Ae, useState as ge, useEffect as ie, createContext as pt, useMemo as ue, useLayoutEffect as Xa, forwardRef as we, cloneElement as Zt, useId as Wt, Fragment as Tr, Children as ft, isValidElement as Gt, createElement as te, useReducer as xl } from "react";
 import { styled as _, css as _e, keyframes as Me, createGlobalStyle as qa } from "styled-components";
 import { useWillChange as Cl, LazyMotion as $o, domAnimation as ho, m as mo, AnimatePresence as qo, LayoutGroup as Sl, motion as Rt } from "framer-motion";
 import Za, { flushSync as Zo } from "react-dom";
-import { Breadcrumbs as El, Breadcrumb as Ja, Link as Fr, Button as Qa, Checkbox as Pl, Provider as Tl, Popover as ei, Menu as kl, DateField as Il, DateInput as ti, DateSegment as ri, Label as ot, FieldError as Jt, Text as Qt, Input as zr, TextField as Br, Meter as Ml, Modal as Ol, ModalOverlay as Al, Dialog as oi, NumberField as Rl, Group as ni, ProgressBar as ai, ComboBox as _l, ListBoxItem as Kl, ListBox as Ll, Slider as Dl, SliderOutput as Nl, SliderThumb as Fl, SliderTrack as zl, Switch as Bl, Tabs as jl, TabList as Vl, Tab as Hl, TabPanel as Ul, TimeField as Wl, ToggleButton as Gl } from "react-aria-components";
+import { Breadcrumbs as El, Breadcrumb as Ja, Link as Fr, Button as Qa, Checkbox as Pl, Provider as Tl, Popover as ei, Menu as kl, DateField as Il, DateInput as ti, DateSegment as ri, Label as nt, FieldError as Jt, Text as Qt, Input as zr, TextField as Br, Meter as Ml, Modal as Ol, ModalOverlay as Al, Dialog as oi, NumberField as Rl, Group as ni, ProgressBar as ai, ComboBox as _l, ListBoxItem as Kl, ListBox as Ll, Slider as Dl, SliderOutput as Nl, SliderThumb as Fl, SliderTrack as zl, Switch as Bl, Tabs as jl, TabList as Vl, Tab as Hl, TabPanel as Ul, TimeField as Wl, ToggleButton as Gl } from "react-aria-components";
 import { useSeparator as Yl } from "react-aria";
 var Xl = () => /* @__PURE__ */ ee(
   "svg",
@@ -2119,7 +2119,7 @@ function ce(e) {
 function zt() {
   return !0;
 }
-function nt(e) {
+function at(e) {
   return zc.test(e);
 }
 function Gc(e) {
@@ -2179,10 +2179,10 @@ function So() {
     theme: {
       colors: [zt],
       spacing: [Ve],
-      blur: ["none", "", nt, ce],
+      blur: ["none", "", at, ce],
       brightness: h(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", nt, ce],
+      borderRadius: ["none", "", "full", at, ce],
       borderSpacing: T(),
       borderWidth: m(),
       contrast: h(),
@@ -2222,7 +2222,7 @@ function So() {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [nt]
+        columns: [at]
       }],
       /**
        * Break After
@@ -2806,8 +2806,8 @@ function So() {
        */
       "max-w": [{
         "max-w": ["0", "none", "full", "min", "max", "fit", "prose", {
-          screen: [nt]
-        }, nt, ce]
+          screen: [at]
+        }, at, ce]
       }],
       /**
        * Height
@@ -2836,7 +2836,7 @@ function So() {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", nt, Co]
+        text: ["base", at, Co]
       }],
       /**
        * Font Smoothing
@@ -3517,7 +3517,7 @@ function So() {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", nt, Gc]
+        shadow: ["", "inner", "none", at, Gc]
       }],
       /**
        * Box Shadow Color
@@ -3582,7 +3582,7 @@ function So() {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", nt, ce]
+        "drop-shadow": ["", "none", at, ce]
       }],
       /**
        * Grayscale
@@ -10730,7 +10730,7 @@ const Fe = _.div`
 function kb({ children: e, ...t }) {
   return (
     // eslint-disable-next-line react/jsx-props-no-spreading
-    /* @__PURE__ */ y(Uf, { ...t, children: ({ isIndeterminate: r }) => /* @__PURE__ */ ee(at, { children: [
+    /* @__PURE__ */ y(Uf, { ...t, children: ({ isIndeterminate: r }) => /* @__PURE__ */ ee(ot, { children: [
       /* @__PURE__ */ y(Fe, { children: /* @__PURE__ */ y(Sr, { viewBox: "0 0 18 18", "aria-hidden": "true", children: r ? /* @__PURE__ */ y("rect", { x: 1, y: 7.5, width: 15, height: 3 }) : /* @__PURE__ */ y("polyline", { points: "1 9 7 14 15 4" }) }) }),
       e
     ] }) })
@@ -11047,7 +11047,7 @@ const Jf = _(Il)`
 }};
     }
   }
-`, t0 = _(ot)`
+`, t0 = _(nt)`
   display: flex;
   font-size: 0.8rem;
   color: ${({ theme: e }) => {
@@ -11204,7 +11204,7 @@ const dt = _(zr)`
   return ((r = (t = e == null ? void 0 : e.colors) == null ? void 0 : t.slate) == null ? void 0 : r[400]) ?? d.colors.slate[400];
 }};
   }
-`, ts = _(ot)`
+`, ts = _(nt)`
   display: flex;
   font-size: 0.8rem;
   color: ${({ theme: e }) => {
@@ -11286,7 +11286,7 @@ const c0 = _(Ml)`
   display: flex;
   justify-content: space-between;
   gap: 1rem;
-`, u0 = _(ot)`
+`, u0 = _(nt)`
   font-size: 0.875rem;
 `, f0 = _.span`
   font-size: 0.875rem;
@@ -11325,7 +11325,7 @@ function _b({
       maxValue: n,
       formatOptions: a,
       ...i,
-      children: ({ percentage: s, valueText: c }) => /* @__PURE__ */ ee(at, { children: [
+      children: ({ percentage: s, valueText: c }) => /* @__PURE__ */ ee(ot, { children: [
         (e || t) && /* @__PURE__ */ ee(d0, { children: [
           e && /* @__PURE__ */ y(u0, { children: e }),
           t && /* @__PURE__ */ y(f0, { children: c })
@@ -11436,7 +11436,7 @@ const Na = Me`
   }
 `;
 function Db(e) {
-  return /* @__PURE__ */ ee(at, { children: [
+  return /* @__PURE__ */ ee(ot, { children: [
     /* @__PURE__ */ y(y0, {}),
     /* @__PURE__ */ y(
       Fo,
@@ -11525,7 +11525,7 @@ const $0 = Me`
   }
 `;
 function C0({ direction: e, ...t }) {
-  return /* @__PURE__ */ ee(at, { children: [
+  return /* @__PURE__ */ ee(ot, { children: [
     /* @__PURE__ */ y(x0, {}),
     /* @__PURE__ */ y(
       zo,
@@ -11851,7 +11851,7 @@ const I0 = _(ni)`
   return ((r = (t = e == null ? void 0 : e.colors) == null ? void 0 : t.slate) == null ? void 0 : r[400]) ?? d.colors.slate[400];
 }};
   }
-`, O0 = _(ot)`
+`, O0 = _(nt)`
   display: flex;
   flex: 1 0 100%;
   font-size: 0.8rem;
@@ -12063,7 +12063,7 @@ const D0 = _(ai)`
   display: flex;
   flex-direction: column;
   align-items: center;
-`, F0 = _(ot)`
+`, F0 = _(nt)`
   font-size: 0.875rem;
 `, z0 = _.circle`
   stroke: ${({ theme: e }) => {
@@ -12137,7 +12137,7 @@ const V0 = _(ai)`
   justify-content: space-between;
   gap: 0.5rem;
   margin-bottom: 0.3rem;
-`, U0 = _(ot)`
+`, U0 = _(nt)`
   font-size: 0.875rem;
 `, W0 = _.span`
   font-size: 0.875rem;
@@ -12181,7 +12181,7 @@ function Fb({
 }) {
   return (
     // eslint-disable-next-line react/jsx-props-no-spreading
-    /* @__PURE__ */ y(V0, { ...n, width: o, children: ({ percentage: a, valueText: i }) => /* @__PURE__ */ ee(at, { children: [
+    /* @__PURE__ */ y(V0, { ...n, width: o, children: ({ percentage: a, valueText: i }) => /* @__PURE__ */ ee(ot, { children: [
       /* @__PURE__ */ ee(H0, { children: [
         /* @__PURE__ */ y(U0, { children: e }),
         r && /* @__PURE__ */ y(W0, { children: i })
@@ -12350,7 +12350,7 @@ const X0 = _(_l)`
   right: 0;
   border: none;
   background: none;
-`, rp = _(ot)`
+`, rp = _(nt)`
   display: flex;
   font-size: 0.8rem;
   color: ${({ theme: e }) => {
@@ -12614,7 +12614,7 @@ function gp({
       },
       isDisabled: c.isDisabled || i,
       ...c,
-      children: (g) => /* @__PURE__ */ ee(at, { children: [
+      children: (g) => /* @__PURE__ */ ee(ot, { children: [
         /* @__PURE__ */ y(rp, { children: e }),
         /* @__PURE__ */ ee(q0, { children: [
           /* @__PURE__ */ y(
@@ -12720,7 +12720,7 @@ const bp = _(Dl)`
     height: 100%;
     width: 2rem;
   }
-`, vp = _(ot)`
+`, vp = _(nt)`
   display: flex;
   flex: 1 1 0;
   font-size: 0.8rem;
@@ -12952,12 +12952,18 @@ const Qe = _.div`
   }
 `;
 function jb({ children: e, ...t }) {
-  return (
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    /* @__PURE__ */ ee(mp, { ...t, children: [
-      /* @__PURE__ */ y(Qe, {}),
-      e
-    ] })
+  return /* @__PURE__ */ y(
+    mp,
+    {
+      ...t,
+      children: (r) => /* @__PURE__ */ ee(ot, { children: [
+        /* @__PURE__ */ y(Qe, { className: "switch-indicator" }),
+        typeof e == "function" ? e({
+          defaultChildren: void 0,
+          ...r
+        }) : e
+      ] })
+    }
   );
 }
 const wp = _(jl)`
@@ -13175,7 +13181,7 @@ function Hb({ variant: e = "base", ...t }) {
   const r = Ae(vn);
   return (
     // eslint-disable-next-line react/jsx-props-no-spreading
-    /* @__PURE__ */ y(ns, { orientation: r, variant: e, ...t, children: ({ isSelected: o, isFocusVisible: n }) => /* @__PURE__ */ ee(at, { children: [
+    /* @__PURE__ */ y(ns, { orientation: r, variant: e, ...t, children: ({ isSelected: o, isFocusVisible: n }) => /* @__PURE__ */ ee(ot, { children: [
       t.children,
       (n || o) && /* @__PURE__ */ y(
         Cp,
@@ -13389,7 +13395,7 @@ const Ep = _(Wl)`
 }};
     }
   }
-`, kp = _(ot)`
+`, kp = _(nt)`
   display: flex;
   font-size: 0.8rem;
   color: ${({ theme: e }) => {
@@ -13897,7 +13903,7 @@ var as = mt((e, t) => {
       children: /* @__PURE__ */ y(r, { ...w(), children: n })
     }
   ) }) });
-  return /* @__PURE__ */ ee(at, { children: [
+  return /* @__PURE__ */ ee(ot, { children: [
     g,
     c && a ? /* @__PURE__ */ y(Ma, { portalContainer: i, children: /* @__PURE__ */ y("div", { ref: $, id: x, style: E, ...I, children: /* @__PURE__ */ y(r, { ...w(), children: n }) }) }) : /* @__PURE__ */ y(qo, { children: a ? /* @__PURE__ */ y(Ma, { portalContainer: i, children: M }) : null })
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clicktap/ui",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "private": false,
   "author": "Clicktap",
   "description": "A library of React UI components and low-level hooks.",