@arcadeai/design-system 3.39.1 → 3.39.2

package/dist/components/ui/atoms/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAW1E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAW1E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/atoms/textarea.js

@@ -1,15 +1,15 @@
-import { jsx as i } from "react/jsx-runtime";
-import { cn as t } from "../../../lib/utils.js";
-function n({ className: r, ...e }) {
-  return /* @__PURE__ */ i(
+import { jsx as e } from "react/jsx-runtime";
+import { cn as a } from "../../../lib/utils.js";
+function n({ className: r, ...i }) {
+  return /* @__PURE__ */ e(
     "textarea",
     {
-      className: t(
-        "field-sizing-content flex min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
+      className: a(
+        "field-sizing-content flex min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
         r
       ),
       "data-slot": "textarea",
-      ...e
+      ...i
     }
   );
 }

package/dist/components/ui/atoms/toggle.d.ts

@@ -1,11 +1,10 @@
+import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
 import { VariantProps } from 'class-variance-authority';
-import { Toggle as TogglePrimitive } from 'radix-ui';
 import { ClassProp } from 'class-variance-authority/types';
-import type * as React from "react";
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
-declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+declare function Toggle({ className, variant, size, ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
 export { Toggle, toggleVariants };
 //# sourceMappingURL=toggle.d.ts.map

package/dist/components/ui/atoms/toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/toggle.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,QAAA,MAAM,cAAc;;;8EAoBnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAClD,YAAY,CAAC,OAAO,cAAc,CAAC,2CAQpC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/toggle.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EAoBnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,2CAQ7D;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/atoms/toggle.js

@@ -1,46 +1,93 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as u } from "../../../index-UgeK3A8s.js";
-import { cn as f } from "../../../lib/utils.js";
-import * as g from "react";
-import { c as m } from "../../../index-B695uy69.js";
-import { u as v } from "../../../index-437EL2iq.js";
-import { P as p } from "../../../index-DLohNuco.js";
-var i = "Toggle", s = g.forwardRef((e, t) => {
-  const { pressed: r, defaultPressed: a, onPressedChange: d, ...l } = e, [o, c] = v({
-    prop: r,
-    onChange: d,
-    defaultProp: a ?? !1,
-    caller: i
-  });
-  return /* @__PURE__ */ n(
-    p.button,
-    {
-      type: "button",
-      "aria-pressed": o,
-      "data-state": o ? "on" : "off",
-      "data-disabled": e.disabled ? "" : void 0,
-      ...l,
-      ref: t,
-      onClick: m(e.onClick, () => {
-        e.disabled || c(!o);
-      })
+"use client";
+import { jsx as v } from "react/jsx-runtime";
+import { c as O } from "../../../index-UgeK3A8s.js";
+import { cn as k } from "../../../lib/utils.js";
+import * as u from "react";
+import { u as D } from "../../../useStableCallback-CudqoENs.js";
+import { u as R } from "../../../useControlled-Sx-_x7Sz.js";
+import { u as j } from "../../../useIsoLayoutEffect-DpJo20by.js";
+import { e as S, a as U } from "../../../useButton-JYPKQKj4.js";
+import { u as A } from "../../../useBaseUiId-C8Dq0BQq.js";
+import { f as L, u as M } from "../../../useRenderElement-DNB2vtF1.js";
+import { C as $ } from "../../../CompositeItem-CniPsjzP.js";
+import { c as q, n as F } from "../../../createBaseUIEventDetails-CqidROtw.js";
+const h = /* @__PURE__ */ u.createContext(void 0);
+process.env.NODE_ENV !== "production" && (h.displayName = "ToggleGroupContext");
+function H(n = !0) {
+  const t = u.useContext(h);
+  if (t === void 0 && !n)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ToggleGroupContext is missing. ToggleGroup parts must be placed within <ToggleGroup>." : L(7));
+  return t;
+}
+const b = /* @__PURE__ */ u.forwardRef(function(t, a) {
+  const {
+    className: i,
+    defaultPressed: x = !1,
+    disabled: T = !1,
+    form: K,
+    // never participates in form validation
+    onPressedChange: C,
+    pressed: w,
+    render: E,
+    type: Q,
+    // cannot change button type
+    value: d,
+    nativeButton: P = !0,
+    ...N
+  } = t, s = A(d || void 0), e = H(), G = e?.value ?? [], V = e ? void 0 : x, p = (T || e?.disabled) ?? !1;
+  process.env.NODE_ENV !== "production" && j(() => {
+    e && d === void 0 && e.isValueInitialized && S("A `<Toggle>` component rendered in a `<ToggleGroup>` has no explicit `value` prop.", "This will cause issues between the Toggle Group and Toggle values.", "Provide the `<Toggle>` with a `value` prop matching the `<ToggleGroup>` values prop type.");
+  }, [e, d, e?.isValueInitialized]);
+  const [l, y] = R({
+    controlled: e ? s !== void 0 && G.indexOf(s) > -1 : w,
+    default: V,
+    name: "Toggle",
+    state: "pressed"
+  }), _ = D((r, o) => {
+    s && e?.setGroupValue?.(s, r, o), C?.(r, o);
+  }), {
+    getButtonProps: z,
+    buttonRef: I
+  } = U({
+    disabled: p,
+    native: P
+  }), c = {
+    disabled: p,
+    pressed: l
+  }, g = [I, a], f = [{
+    "aria-pressed": l,
+    onClick(r) {
+      const o = !l, m = q(F, r.nativeEvent);
+      _(o, m), !m.isCanceled && y(o);
     }
-  );
+  }, N, z], B = M("button", t, {
+    enabled: !e,
+    state: c,
+    ref: g,
+    props: f
+  });
+  return e ? /* @__PURE__ */ v($, {
+    tag: "button",
+    render: E,
+    className: i,
+    state: c,
+    refs: g,
+    props: f
+  }) : B;
 });
-s.displayName = i;
-var b = s;
-const h = u(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-[color,box-shadow] hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+process.env.NODE_ENV !== "production" && (b.displayName = "Toggle");
+const J = O(
+  "group/toggle inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-[color,box-shadow] hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-pressed:bg-muted aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
       variant: {
         default: "bg-transparent",
-        outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+        outline: "border border-input bg-transparent shadow-xs hover:bg-muted"
       },
       size: {
-        default: "h-9 min-w-9 px-2",
-        sm: "h-8 min-w-8 px-1.5",
-        lg: "h-10 min-w-10 px-2.5"
+        default: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        sm: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+        lg: "h-10 min-w-10 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
       }
     },
     defaultVariants: {
@@ -49,22 +96,22 @@ const h = u(
     }
   }
 );
-function z({
-  className: e,
-  variant: t,
-  size: r,
-  ...a
+function ie({
+  className: n,
+  variant: t = "default",
+  size: a = "default",
+  ...i
 }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ v(
     b,
     {
-      className: f(h({ variant: t, size: r, className: e })),
+      className: k(J({ variant: t, size: a, className: n })),
       "data-slot": "toggle",
-      ...a
+      ...i
     }
   );
 }
 export {
-  z as Toggle,
-  h as toggleVariants
+  ie as Toggle,
+  J as toggleVariants
 };

package/dist/components/ui/atoms/tooltip.d.ts

@@ -1,10 +1,7 @@
-import { Tooltip as TooltipPrimitive } from 'radix-ui';
-import type * as React from "react";
-declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
-declare function Tooltip({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Root> & {
-    delayDuration?: number;
-}): import("react/jsx-runtime").JSX.Element;
-declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+declare function TooltipProvider({ delay, ...props }: TooltipPrimitive.Provider.Props): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: TooltipPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/components/ui/atoms/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQxD;AAED,iBAAS,OAAO,CAAC,EACf,aAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,2CAMA;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAiBvD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAIrE,iBAAS,eAAe,CAAC,EACvB,KAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,QAAQ,CAAC,KAAK,2CAQjC;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,2CAEzD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,2CAEnE;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,IAAY,EACZ,UAAc,EACd,KAAgB,EAChB,WAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,GAC7B,IAAI,CACF,gBAAgB,CAAC,UAAU,CAAC,KAAK,EACjC,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,CAChD,2CAwBF;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}