@spear-ai/spectral 1.3.62 → 1.3.64

package/dist/Button.js

@@ -1,26 +1,31 @@
 "use client";
 import "./styles/main.css";
 import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import { c as u } from "./twUtils-CRiPKpXj.js";
-import { c as y } from "./index-CRBC94ik.js";
+import { cn as u } from "./utils/twUtils.js";
+import { c as y } from "./index-D29mdTf5.js";
 import { forwardRef as h } from "react";
-import { L as f } from "./loader-circle-CvdzOiQ_.js";
-const N = y(
+import { L as f } from "./loader-circle-CdRVlFhN.js";
+const w = y(
   `
-    !font-sans flex relative items-center justify-center gap-2 whitespace-nowrap transition-colors cursor-pointer rounded-lg border font-semibold disabled:pointer-events-none
-    focus:outline-none focus:outline-none focus-visible:outline-1 focus-visible:outline-offset-2 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0
+    !font-sans flex relative items-center justify-center gap-2 whitespace-nowrap transition-colors cursor-pointer rounded-lg border font-semibold focus:outline-none focus:outline-none
+    focus-visible:outline-1 focus-visible:outline-offset-2 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0
   `,
   {
     variants: {
       variant: {
-        primary: "bg-button-primary-bg text-button-primary-text border-button-primary-border hover:bg-button-primary-bg--hover hover:text-button-primary-text--hover hover:border-button-primary-border--hover focus-visible:outline-button-primary-border disabled:bg-button-primary-bg--disabled disabled:text-button-primary-text--disabled disabled:border-button-primary-border--disabled",
-        secondary: "bg-button-secondary-bg border-button-secondary-border text-button-secondary-text hover:bg-button-secondary-bg--hover hover:text-button-secondary-text--hover focus-visible:outline-button-secondary-border disabled:bg-button-secondary-bg--disabled disabled:text-button-secondary-text--disabled disabled:border-button-secondary-border--disabled",
-        outline: "bg-button-outline-bg border-button-outline-border text-button-outline-text hover:bg-button-outline-bg--hover hover:text-button-outline-text--hover focus-visible:outline-button-outline-border disabled:text-button-outline-text--disabled disabled:border-button-outline-border--disabled",
-        ghost: "bg-button-ghost-bg border-none text-button-ghost-text hover:bg-button-ghost-bg--hover hover:text-button-ghost-text--hover focus-visible:outline-none disabled:text-button-ghost-text--disabled"
+        primary: `bg-button-primary-bg text-button-primary-text border-button-primary-border hover:bg-button-primary-bg--hover hover:text-button-primary-text--hover hover:border-button-primary-border--hover
+          focus-visible:outline-button-primary-border disabled:bg-button-primary-bg--disabled disabled:text-button-primary-text--disabled disabled:border-button-primary-border--disabled`,
+        secondary: `bg-button-secondary-bg border-button-secondary-border text-button-secondary-text hover:bg-button-secondary-bg--hover hover:text-button-secondary-text--hover
+          focus-visible:outline-button-secondary-border disabled:bg-button-secondary-bg--disabled disabled:text-button-secondary-text--disabled disabled:border-button-secondary-border--disabled`,
+        outline: `bg-button-outline-bg border-button-outline-border text-button-outline-text hover:bg-button-outline-bg--hover hover:text-button-outline-text--hover focus-visible:outline-button-outline-border
+          disabled:text-button-outline-text--disabled disabled:border-button-outline-border--disabled`,
+        ghost: "bg-button-ghost-bg border-none text-button-ghost-text hover:bg-button-ghost-bg--hover hover:text-button-ghost-text--hover focus-visible:outline-none disabled:text-button-ghost-text--disabled",
+        card: "bg-button-card-bg border-button-card-border"
       },
       size: {
         default: "py-2 px-6 w-fit",
-        fullWidth: "py-2 px-6 w-full"
+        fullWidth: "py-2 px-6 w-full",
+        card: "py-2 px-3 w-fit"
       },
       state: {
         default: "",
@@ -34,38 +39,40 @@ const N = y(
       size: "default"
     }
   }
-), w = h(
+), N = h(
   ({
     className: l,
     dataTestId: g,
     disabled: n,
     endIcon: b,
-    errorMessage: i,
+    errorMessage: d,
     label: p,
     size: r,
-    startIcon: d,
+    startIcon: a,
     state: t,
-    type: x = "button",
+    type: c = "button",
     variant: e,
-    ...c
+    ...x
   }, v) => {
-    const a = {
+    const i = {
       error: {
         primary: "bg-button-danger border-button-danger text-button-primary-text pointer-events-none",
         secondary: "bg-button-danger border-button-danger text-button-secondary-text pointer-events-none",
         outline: "bg-transparent border-button-danger text-button-danger pointer-events-none",
-        ghost: "bg-transparent text-button-danger pointer-events-none"
+        ghost: "bg-transparent text-button-danger pointer-events-none",
+        card: "bg-transparent border-button-danger text-button-danger pointer-events-none"
       },
       loading: {
         primary: "bg-button-primary-bg--disabled border-button-primary-border--disabled text-button-primary-text--disabled pointer-events-none",
         secondary: "bg-button-secondary-bg--disabled border-button-secondary-border--disabled text-button-secondary-text--disabled pointer-events-none",
         outline: "bg-button-outline-bg--disabled border-button-outline-border--disabled text-button-outline-text--disabled pointer-events-none",
-        ghost: "bg-transparent text-button-ghost-text--disabled pointer-events-none"
+        ghost: "bg-transparent text-button-ghost-text--disabled pointer-events-none",
+        card: "bg-button-card-bg--disabled border-button-card-border--disabled text-button-card-text--disabled pointer-events-none"
       }
     }, m = u(
-      N({ variant: e, state: t, size: r }),
-      t === "error" && a.error[e || "primary"],
-      t === "loading" && a.loading[e || "primary"],
+      w({ variant: e, state: t, size: r }),
+      t === "error" && i.error[e || "primary"],
+      t === "loading" && i.loading[e || "primary"],
       r,
       l
     );
@@ -79,21 +86,21 @@ const N = y(
           "data-testid": g || `button-${e}`,
           disabled: n,
           ref: v,
-          type: x,
-          ...c,
+          type: c,
+          ...x,
           children: [
-            d && /* @__PURE__ */ o("span", { className: "flex pr-2", "aria-hidden": !0, children: d }),
+            a && /* @__PURE__ */ o("span", { className: "flex pr-2", "aria-hidden": !0, children: a }),
             t === "loading" && /* @__PURE__ */ o(f, { className: "ml-2 animate-spin", size: 16 }),
             b && t !== "loading" && /* @__PURE__ */ o("span", { className: "flex pl-2", "aria-hidden": !0, children: b }),
             p
           ]
         }
       ),
-      t === "error" && i && /* @__PURE__ */ o("p", { className: "text-danger-100 mt-2 text-xs", role: "alert", "aria-live": "assertive", children: i })
+      t === "error" && d && /* @__PURE__ */ o("p", { className: "text-danger-100 mt-2 text-xs", role: "alert", "aria-live": "assertive", children: d })
     ] });
   }
 );
-w.displayName = "Button";
+N.displayName = "Button";
 export {
-  w as Button
+  N as Button
 };

package/dist/ButtonGroup/ButtonGroupButton.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
+export declare const buttonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const ButtonGroupButton: {
+    ({ className, variant, size, asChild, ...props }: ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+        asChild?: boolean;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ButtonGroupButton.d.ts.map

package/dist/ButtonGroup/ButtonGroupButton.js

@@ -0,0 +1,51 @@
+import "../styles/main.css";
+import { jsx as n } from "react/jsx-runtime";
+import { Slot as s } from "../primitives/slot.js";
+import { cn as r } from "../utils/twUtils.js";
+import { c as l } from "../index-D29mdTf5.js";
+import "react";
+const c = l(
+  `inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--radius,0.375rem)] text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none
+  [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-accent focus-visible:outline-offset-2 focus-visible:outline-2 focus-visitble:outline-accent
+  aria-invalid:ring-destructive/20 aria-invalid:border-destructive bg-level-one text-text-primary hover:bg-level-two cursor-pointer active:text-accent`,
+  {
+    variants: {
+      variant: {
+        default: "",
+        outline: "border border-level-three active:text-accent active:border-accent"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), u = ({
+  className: i,
+  variant: t,
+  size: e,
+  asChild: o = !1,
+  ...a
+}) => /* @__PURE__ */ n(
+  o ? s : "button",
+  {
+    "data-slot": "button-group-item",
+    "data-variant": t,
+    "data-size": e,
+    className: r(c({ variant: t, size: e, className: i })),
+    ...a
+  }
+);
+u.displayName = "ButtonGroupButton";
+export {
+  u as ButtonGroupButton,
+  c as buttonVariants
+};

package/dist/ButtonGroup.d.ts

@@ -0,0 +1,29 @@
+import { ButtonGroupButton, buttonVariants } from './ButtonGroupButton';
+import { Separator } from '../Separator/Separator';
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
+export type ButtonGroupProps = ComponentProps<typeof ButtonGroup> & VariantProps<typeof buttonGroupVariants>;
+export declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const ButtonGroup: {
+    ({ className, orientation, variant, size, children, ...props }: ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants> & VariantProps<typeof buttonVariants>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const ButtonGroupItem: {
+    ({ children, className, size, variant, ...props }: ComponentProps<typeof ButtonGroupButton> & {
+        size?: VariantProps<typeof buttonVariants>["size"];
+        variant?: VariantProps<typeof buttonVariants>["variant"];
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const ButtonGroupText: ({ className, asChild, ...props }: ComponentProps<"div"> & {
+    asChild?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonGroupSeparator: {
+    ({ className, orientation, ...props }: ComponentProps<typeof Separator> & {
+        orientation?: "vertical" | "horizontal";
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ButtonGroup.js

@@ -0,0 +1,89 @@
+"use client";
+import "./styles/main.css";
+import { jsx as n } from "react/jsx-runtime";
+import { ButtonGroupButton as d } from "./ButtonGroup/ButtonGroupButton.js";
+import { Separator as p } from "./Separator.js";
+import { Slot as m } from "./primitives/slot.js";
+import { cn as s } from "./utils/twUtils.js";
+import { c } from "./index-D29mdTf5.js";
+import { Children as f, isValidElement as v, cloneElement as b } from "react";
+const g = c(
+  `flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1
+  has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2`,
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+), h = ({
+  className: o,
+  orientation: t,
+  variant: r,
+  size: a,
+  children: i,
+  ...l
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    role: "group",
+    "data-slot": "button-group",
+    "aria-label": l["aria-label"],
+    "data-orientation": t,
+    className: s(g({ orientation: t }), o),
+    ...l,
+    children: f.map(i, (e) => v(e) && e.type === u ? b(e, {
+      variant: e.props.variant ?? r,
+      size: e.props.size ?? a
+    }) : e)
+  }
+);
+h.displayName = "ButtonGroup";
+const u = ({
+  children: o,
+  className: t,
+  size: r,
+  variant: a,
+  ...i
+}) => /* @__PURE__ */ n(d, { "data-slot": "button-group-item", size: r, variant: a, className: s(t), ...i, children: o });
+u.displayName = "ButtonGroupItem";
+const C = ({
+  className: o,
+  asChild: t = !1,
+  ...r
+}) => /* @__PURE__ */ n(
+  t ? m : "div",
+  {
+    "data-slot": "button-group-text",
+    className: s(
+      "bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+      o
+    ),
+    ...r
+  }
+), x = ({
+  className: o,
+  orientation: t = "vertical",
+  ...r
+}) => /* @__PURE__ */ n(
+  p,
+  {
+    "data-slot": "button-group-separator",
+    orientation: t,
+    className: s("bg-level-three relative !m-0 self-stretch data-[orientation=vertical]:h-auto", o),
+    ...r
+  }
+);
+x.displayName = "ButtonGroupSeparator";
+export {
+  h as ButtonGroup,
+  u as ButtonGroupItem,
+  x as ButtonGroupSeparator,
+  C as ButtonGroupText,
+  g as buttonGroupVariants
+};

package/dist/ButtonIcon.js

@@ -1,7 +1,9 @@
 "use client";
 import "./styles/main.css";
 import { jsx as a } from "react/jsx-runtime";
+import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
+import "./Icons/ApprovedIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";
@@ -12,6 +14,7 @@ import "./Icons/ClockIcon.js";
 import "./Icons/CloseCircleIcon.js";
 import "./Icons/CloseIcon.js";
 import "./Icons/DashboardIcon.js";
+import "./Icons/DatabaseIcon.js";
 import "./Icons/DeleteIcon.js";
 import "./Icons/DurationIcon.js";
 import "./Icons/EmailIcon.js";
@@ -27,10 +30,12 @@ import "./Icons/InfoIcon.js";
 import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
+import "./Icons/LineToolIcon2.js";
 import "./Icons/LiveViewIcon.js";
 import { LoaderIcon as N } from "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
 import "./Icons/LogoutIcon.js";
+import "./Icons/MessagesIcon.js";
 import "./Icons/MetadataIcon.js";
 import "./Icons/MinusIcon.js";
 import "./Icons/OntologyIcon.js";
@@ -39,8 +44,13 @@ import "./Icons/PanelIconOpen.js";
 import "./Icons/PlayIcon.js";
 import "./Icons/PlusIcon.js";
 import "./Icons/ResetIcon.js";
+import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";
 import "./Icons/SettingsIcon.js";
+import "./Icons/SortAscendingIcon.js";
+import "./Icons/SortDescendingIcon.js";
+import "./Icons/StackIcon.js";
+import "./Icons/StarIcon.js";
 import "./Icons/TrashIcon.js";
 import "./Icons/UndoIcon.js";
 import "./Icons/UserIcon.js";
@@ -48,7 +58,7 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { c as n } from "./twUtils-CRiPKpXj.js";
+import { cn as n } from "./utils/twUtils.js";
 import { forwardRef as g, isValidElement as k, cloneElement as p } from "react";
 const x = `bg-transparent hover:bg-level-one text-text-primary inline-flex items-center justify-center whitespace-nowrap transition-colors focus:outline-none focus-visible:outline-2
   focus-visible:outline-offset-2 focus-visible:outline-level-two cursor-pointer [&_svg]:pointer-events-none [&_svg]:shrink-0`, m = {

package/dist/Card.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
+export type CardProps = ComponentProps<'div'> & VariantProps<typeof cardVariants> & {
+    asChild?: boolean;
+};
+declare const cardVariants: (props?: ({
+    variant?: "small" | "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const CardBase: ({ ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardHeader: ({ className, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardTitle: ({ className, asChild, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardHeaderEndSlot: ({ className, asChild, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardContent: ({ className, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Card: ({ className, variant, asChild, children, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Card.d.ts.map

package/dist/Card.js

@@ -0,0 +1,32 @@
+import "./styles/main.css";
+import { jsx as r } from "react/jsx-runtime";
+import { Slot as n } from "./primitives/slot.js";
+import { cn as o } from "./utils/twUtils.js";
+import { c } from "./index-D29mdTf5.js";
+import "react";
+const l = c("text-text-primary flex flex-col w-full card-effects p-3", {
+  variants: {
+    variant: {
+      default: "gap-6 rounded-xl content-card",
+      small: "data-card gap-2"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), v = ({ ...a }) => /* @__PURE__ */ r("div", { "data-slot": "card", ...a }), x = ({ className: a, ...t }) => /* @__PURE__ */ r(
+  "div",
+  {
+    "data-slot": "card-header",
+    className: o("@container/card-header flex items-center justify-between pb-4", a),
+    ...t
+  }
+), N = ({ className: a, asChild: t = !1, ...e }) => /* @__PURE__ */ r(t ? n : "div", { "data-slot": "card-title", className: o("text-xl leading-none font-semibold", a), ...e }), b = ({ className: a, asChild: t = !1, ...e }) => /* @__PURE__ */ r(t ? n : "div", { "data-slot": "card-action", className: o("justify-self-end", a), ...e }), g = ({ className: a, ...t }) => /* @__PURE__ */ r("div", { "data-slot": "card-content", className: a, ...t }), j = ({ className: a, variant: t, asChild: e = !1, children: d, ...s }) => /* @__PURE__ */ r(e ? n : "div", { "data-slot": "card", className: o(l({ variant: t }), a), ...s, children: d });
+export {
+  j as Card,
+  v as CardBase,
+  g as CardContent,
+  x as CardHeader,
+  b as CardHeaderEndSlot,
+  N as CardTitle
+};

package/dist/Checkbox/CheckboxBase.js

@@ -3,7 +3,7 @@ import "../styles/main.css";
 import { jsx as m, jsxs as K } from "react/jsx-runtime";
 import { useControllableState as M } from "../hooks/useControllableState.js";
 import { Slot as C } from "../primitives/slot.js";
-import { c as w } from "../twUtils-CRiPKpXj.js";
+import { cn as w } from "../utils/twUtils.js";
 import { createContext as O, forwardRef as E, useRef as T, useId as V, useEffect as y, useCallback as u, useContext as $ } from "react";
 const R = O(null);
 function I(r) {

package/dist/Checkbox.js

@@ -2,17 +2,20 @@
 import "./styles/main.css";
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import { CheckboxBase as l, CheckboxIndicator as b } from "./Checkbox/CheckboxBase.js";
+import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
+import "./Icons/ApprovedIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";
-import { CheckmarkIcon as h } from "./Icons/CheckmarkIcon.js";
+import { CheckmarkIcon as n } from "./Icons/CheckmarkIcon.js";
 import "./Icons/ChevronDownIcon.js";
 import "./Icons/ChevronUpIcon.js";
 import "./Icons/ClockIcon.js";
 import "./Icons/CloseCircleIcon.js";
 import "./Icons/CloseIcon.js";
 import "./Icons/DashboardIcon.js";
+import "./Icons/DatabaseIcon.js";
 import "./Icons/DeleteIcon.js";
 import "./Icons/DurationIcon.js";
 import "./Icons/EmailIcon.js";
@@ -28,20 +31,27 @@ import "./Icons/InfoIcon.js";
 import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
+import "./Icons/LineToolIcon2.js";
 import "./Icons/LiveViewIcon.js";
 import "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
 import "./Icons/LogoutIcon.js";
+import "./Icons/MessagesIcon.js";
 import "./Icons/MetadataIcon.js";
-import { MinusIcon as n } from "./Icons/MinusIcon.js";
+import { MinusIcon as h } from "./Icons/MinusIcon.js";
 import "./Icons/OntologyIcon.js";
 import "./Icons/PanelIconClose.js";
 import "./Icons/PanelIconOpen.js";
 import "./Icons/PlayIcon.js";
 import "./Icons/PlusIcon.js";
 import "./Icons/ResetIcon.js";
+import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";
 import "./Icons/SettingsIcon.js";
+import "./Icons/SortAscendingIcon.js";
+import "./Icons/SortDescendingIcon.js";
+import "./Icons/StackIcon.js";
+import "./Icons/StarIcon.js";
 import "./Icons/TrashIcon.js";
 import "./Icons/UndoIcon.js";
 import "./Icons/UserIcon.js";
@@ -49,35 +59,33 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { c as i } from "./twUtils-CRiPKpXj.js";
+import { cn as t } from "./utils/twUtils.js";
 import { forwardRef as x } from "react";
 const k = x(
-  ({ className: e, id: r, labelText: m, onCheckedChange: t, checked: c, required: p, ...a }, s) => /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+  ({ className: i, id: r, labelText: e, onCheckedChange: m, checked: p, required: c, ...a }, s) => /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ o(
       l,
       {
-        className: i(
+        className: t(
           [
             "checkbox peer border-checkbox-border h-5 w-5 shrink-0 rounded-sm border hover:opacity-80",
-            "focus-visible:outline-checkbox-border--focus focus:outline-hidden focus-visible:outline-1 focus-visible:outline-offset-2 disabled:cursor-not-allowed",
+            "focus-visible:outline-checkbox-border--focus focus:outline-none focus-visible:outline-1 focus-visible:outline-offset-2 disabled:cursor-not-allowed",
             "data-[state=checked]:border-checkbox-border--checked disabled:opacity-50"
           ].join(" "),
-          e
+          i
         ),
         "data-testid": "checkbox",
         id: r,
-        id: r,
         "aria-labelledby": `${r}-label`,
-        "aria-required": p,
-        onCheckedChange: t,
-        onCheckedChange: t,
+        "aria-required": c,
+        onCheckedChange: m,
         ref: s,
         ...a,
         children: /* @__PURE__ */ o(
           b,
           {
-            className: i("checkbox-indicator text-checkbox-indicator--checked flex items-center justify-center"),
-            children: c === "indeterminate" ? /* @__PURE__ */ o(n, { className: "checkbox-indeterminate", size: 16, strokeWidth: 4 }) : /* @__PURE__ */ o(h, { className: "checkbox-check", size: 16, strokeWidth: 4 })
+            className: t("checkbox-indicator text-checkbox-indicator--checked flex items-center justify-center"),
+            children: p === "indeterminate" ? /* @__PURE__ */ o(h, { className: "checkbox-indeterminate", size: 16, strokeWidth: 4 }) : /* @__PURE__ */ o(n, { className: "checkbox-check", size: 16, strokeWidth: 4 })
           }
         )
       }
@@ -88,7 +96,7 @@ const k = x(
         htmlFor: r,
         className: "text-md text-text-primary peer-disabled:text-neutral-400",
         "data-testid": "checkbox-label",
-        children: m
+        children: e
       }
     )
   ] })

package/dist/Dialog/DialogBase.d.ts

@@ -5,6 +5,7 @@ export type DialogBaseProps = {
     readonly defaultOpen?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
     readonly children: ReactNode;
+    readonly modal?: boolean;
 };
 export type DialogContextValue = {
     isOpen: boolean;
@@ -12,12 +13,13 @@ export type DialogContextValue = {
     contentId: string;
     titleId: string;
     descriptionId: string;
+    modal: boolean;
 };
 export type TriggerableElement = ReactElement<{
     onClick?: (...args: unknown[]) => void;
 }>;
 export declare function useDialogContext(): DialogContextValue;
-export declare function DialogBase({ isOpen: controlledOpen, defaultOpen, onOpenChange, children }: DialogBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function DialogBase({ isOpen: controlledOpen, defaultOpen, onOpenChange, children, modal, }: DialogBaseProps): import("react/jsx-runtime").JSX.Element;
 type DialogTriggerProps = {
     readonly children: ReactNode;
     readonly asChild?: boolean;
@@ -38,7 +40,7 @@ type DialogOverlayProps = {
 };
 export declare function DialogOverlayBase({ className }: DialogOverlayProps): import("react/jsx-runtime").JSX.Element | null;
 declare const contentVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+    size?: "sm" | "lg" | "md" | "xl" | "2xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export type DialogContentProps = {
@@ -46,9 +48,10 @@ export type DialogContentProps = {
     className?: string;
     readonly size?: DialogSize;
     onPointerDownOutside?: (event: PointerEvent) => void;
+    onInteractOutside?: (event: PointerEvent | KeyboardEvent) => void;
     onEscapeKeyDown?: (event: KeyboardEvent) => void;
 } & VariantProps<typeof contentVariants>;
-export declare function DialogContentBase({ children, className, size, onPointerDownOutside, onEscapeKeyDown, }: DialogContentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DialogContentBase({ children, className, size, onPointerDownOutside, onInteractOutside, onEscapeKeyDown, }: DialogContentProps): import("react/jsx-runtime").JSX.Element | null;
 type DialogTitleProps = {
     readonly children: ReactNode;
     className?: string;