@mastra/playground-ui 37.0.1-alpha.2 → 37.1.0-alpha.4

package/dist/alert-dialog-k5-YzF6v.cjs

@@ -1,120 +0,0 @@
-'use strict';
-
-require('./dialog.css');const jsxRuntime = require('react/jsx-runtime');
-const alertDialog = require('@base-ui/react/alert-dialog');
-const React = require('react');
-const Button = require('./Button-Bj667lJx.cjs');
-const asChild = require('./as-child-Dgr1RHLO.cjs');
-const utils_cn = require('./cn-vA5sWo9W.cjs');
-;/* empty css                  */
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const AlertDialogRoot = alertDialog.AlertDialog.Root;
-function AlertDialog({
-  open,
-  onOpenChange,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogRoot, { open, onOpenChange, children });
-}
-const AlertDialogTrigger = React__namespace.forwardRef(
-  ({ asChild: asChild$1, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog.Trigger, { ref, ...asChild.asChildRenderProps(asChild$1, children), ...props, children: asChild$1 ? void 0 : children });
-  }
-);
-AlertDialogTrigger.displayName = "AlertDialogTrigger";
-const AlertDialogPortal = alertDialog.AlertDialog.Portal;
-const AlertDialogOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  alertDialog.AlertDialog.Backdrop,
-  {
-    ref,
-    className: utils_cn.cn("dialog-overlay-anim fixed inset-0 z-50 bg-overlay backdrop-blur-xs", className),
-    ...props
-  }
-));
-AlertDialogOverlay.displayName = "AlertDialogOverlay";
-const AlertDialogContent = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    alertDialog.AlertDialog.Popup,
-    {
-      ref,
-      "data-slot": "alert-dialog-content",
-      className: utils_cn.cn(
-        "dialog-content-anim",
-        "fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]",
-        "w-full max-w-[calc(100%-2rem)] sm:max-w-lg",
-        "rounded-xl border border-border1/40 bg-surface2/96 backdrop-blur-md shadow-dialog",
-        className
-      ),
-      ...props
-    }
-  )
-] }));
-AlertDialogContent.displayName = "AlertDialogContent";
-const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex flex-col gap-0.5 px-4 py-3 text-left", className), ...props });
-AlertDialogHeader.displayName = "AlertDialogHeader";
-const AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex flex-col-reverse gap-1.5 px-4 py-2.5 sm:flex-row sm:justify-end", className), ...props });
-AlertDialogFooter.displayName = "AlertDialogFooter";
-const AlertDialogBody = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("overflow-y-auto px-4 py-3.5 max-h-[50vh]", className), ...props });
-AlertDialogBody.displayName = "AlertDialogBody";
-const AlertDialogTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog.Title, { ref, className: utils_cn.cn("text-ui-md font-medium", className), ...props }));
-AlertDialogTitle.displayName = "AlertDialogTitle";
-const AlertDialogDescription = React__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog.Description, { ref, className: utils_cn.cn("text-ui-sm text-neutral3", className), ...props })
-);
-AlertDialogDescription.displayName = "AlertDialogDescription";
-const AlertDialogAction = React__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    alertDialog.AlertDialog.Close,
-    {
-      ref,
-      className: utils_cn.cn(Button.buttonVariants({ variant: "primary", size: "lg" }), className),
-      ...props
-    }
-  )
-);
-AlertDialogAction.displayName = "AlertDialogAction";
-const AlertDialogCancel = React__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    alertDialog.AlertDialog.Close,
-    {
-      ref,
-      className: utils_cn.cn(Button.buttonVariants({ variant: "default", size: "lg" }), className),
-      ...props
-    }
-  )
-);
-AlertDialogCancel.displayName = "AlertDialogCancel";
-AlertDialog.Trigger = AlertDialogTrigger;
-AlertDialog.Portal = AlertDialogPortal;
-AlertDialog.Overlay = AlertDialogOverlay;
-AlertDialog.Content = AlertDialogContent;
-AlertDialog.Header = AlertDialogHeader;
-AlertDialog.Footer = AlertDialogFooter;
-AlertDialog.Body = AlertDialogBody;
-AlertDialog.Title = AlertDialogTitle;
-AlertDialog.Description = AlertDialogDescription;
-AlertDialog.Action = AlertDialogAction;
-AlertDialog.Cancel = AlertDialogCancel;
-
-exports.AlertDialog = AlertDialog;
-//# sourceMappingURL=alert-dialog-k5-YzF6v.cjs.map

package/dist/alert-dialog-k5-YzF6v.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-k5-YzF6v.cjs","sources":["../src/ds/components/AlertDialog/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport * as React from 'react';\n\nimport { buttonVariants } from '@/ds/components/Button/Button';\nimport { asChildRenderProps } from '@/lib/as-child';\nimport { cn } from '@/lib/utils';\n\nimport '@/ds/components/Dialog/dialog.css';\n\nconst AlertDialogRoot = AlertDialogPrimitive.Root;\n\nfunction AlertDialog({\n  open,\n  onOpenChange,\n  children,\n}: {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: React.ReactNode;\n}) {\n  return (\n    <AlertDialogRoot open={open} onOpenChange={onOpenChange}>\n      {children}\n    </AlertDialogRoot>\n  );\n}\n\ntype AlertDialogTriggerProps = AlertDialogPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's `render` prop instead, e.g. `render={<Button />}`. */\n  asChild?: boolean;\n};\n\nconst AlertDialogTrigger = React.forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  ({ asChild, children, ...props }, ref) => {\n    return (\n      <AlertDialogPrimitive.Trigger ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n        {asChild ? undefined : children}\n      </AlertDialogPrimitive.Trigger>\n    );\n  },\n);\nAlertDialogTrigger.displayName = 'AlertDialogTrigger';\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\ntype AlertDialogOverlayProps = Omit<AlertDialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogOverlay = React.forwardRef<HTMLDivElement, AlertDialogOverlayProps>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Backdrop\n    ref={ref}\n    className={cn('dialog-overlay-anim fixed inset-0 z-50 bg-overlay backdrop-blur-xs', className)}\n    {...props}\n  />\n));\nAlertDialogOverlay.displayName = 'AlertDialogOverlay';\n\ntype AlertDialogContentProps = Omit<AlertDialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogContent = React.forwardRef<HTMLDivElement, AlertDialogContentProps>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Popup\n      ref={ref}\n      data-slot=\"alert-dialog-content\"\n      className={cn(\n        'dialog-content-anim',\n        'fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]',\n        'w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n        'rounded-xl border border-border1/40 bg-surface2/96 backdrop-blur-md shadow-dialog',\n        className,\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = 'AlertDialogContent';\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-0.5 px-4 py-3 text-left', className)} {...props} />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col-reverse gap-1.5 px-4 py-2.5 sm:flex-row sm:justify-end', className)} {...props} />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('overflow-y-auto px-4 py-3.5 max-h-[50vh]', className)} {...props} />\n);\nAlertDialogBody.displayName = 'AlertDialogBody';\n\ntype AlertDialogTitleProps = Omit<AlertDialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogTitle = React.forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title ref={ref} className={cn('text-ui-md font-medium', className)} {...props} />\n));\nAlertDialogTitle.displayName = 'AlertDialogTitle';\n\ntype AlertDialogDescriptionProps = Omit<AlertDialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogDescription = React.forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Description ref={ref} className={cn('text-ui-sm text-neutral3', className)} {...props} />\n  ),\n);\nAlertDialogDescription.displayName = 'AlertDialogDescription';\n\ntype AlertDialogActionProps = Omit<AlertDialogPrimitive.Close.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogAction = React.forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      className={cn(buttonVariants({ variant: 'primary', size: 'lg' }), className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogAction.displayName = 'AlertDialogAction';\n\nconst AlertDialogCancel = React.forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      className={cn(buttonVariants({ variant: 'default', size: 'lg' }), className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogCancel.displayName = 'AlertDialogCancel';\n\nAlertDialog.Trigger = AlertDialogTrigger;\nAlertDialog.Portal = AlertDialogPortal;\nAlertDialog.Overlay = AlertDialogOverlay;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Header = AlertDialogHeader;\nAlertDialog.Footer = AlertDialogFooter;\nAlertDialog.Body = AlertDialogBody;\nAlertDialog.Title = AlertDialogTitle;\nAlertDialog.Description = AlertDialogDescription;\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Cancel = AlertDialogCancel;\n\nexport { AlertDialog };\n"],"names":["AlertDialogPrimitive","jsx","React","asChild","asChildRenderProps","cn","jsxs","buttonVariants"],"mappings":"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"}

package/dist/buttons-group-Cq0bhJ9W.cjs

@@ -1,185 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const index = require('./index-C-Lt4Bx_.cjs');
-const React = require('react');
-const controlSize = require('./control-size-D67C0kPZ.cjs');
-const utils_cn = require('./cn-vA5sWo9W.cjs');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const ButtonsGroupOrientationContext = React__namespace.createContext("horizontal");
-const buttonsGroupVariants = index.cva(
-  // Lift the hovered/focused segment so its full border paints over the collapsed seam (else a
-  // neighbour clips a side / the seam ignores the active colour). Use `:focus-visible`, NOT
-  // `:focus-within`: a mouse click leaves a plain `:focus` on a button, which would otherwise
-  // keep its seam border highlighted until blur. `:has(:focus-visible)` covers a nested
-  // focusable (the <input> inside an InputGroup); text inputs match :focus-visible on click too,
-  // which is the wanted behaviour for a field.
-  utils_cn.cn(
-    "flex",
-    "[&>*:hover]:relative [&>*:hover]:z-10",
-    "[&>*:focus-visible]:relative [&>*:focus-visible]:z-10",
-    "[&>*:has(:focus-visible)]:relative [&>*:has(:focus-visible)]:z-10"
-  ),
-  {
-    variants: {
-      orientation: {
-        horizontal: "flex-row items-center",
-        vertical: "flex-col items-stretch"
-      },
-      spacing: {
-        default: "gap-2",
-        close: "gap-0"
-      }
-    },
-    compoundVariants: [
-      {
-        orientation: "horizontal",
-        spacing: "close",
-        // Flatten inner corners. A segment rounds its right edge off having a *real* segment
-        // somewhere after it (general sibling `~`, not `:not(:last-child)` and not adjacent
-        // `+`). This survives non-segment children that frameworks inject between/around the
-        // real ones: Base UI's trailing `<input aria-hidden>` (Select), and the visually
-        // -hidden focus guards (`[data-base-ui-focus-guard]`) + positioner anchor (`[aria-owns]`)
-        // a Menu/Popover inserts while OPEN — without this a DropdownMenu split-button seam
-        // breaks the moment the menu opens. The same ignore-list is applied to every seam rule.
-        className: utils_cn.cn(
-          "[&>*:has(~_*:not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]))]:rounded-r-none",
-          "[&>*:not(:first-child):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns])]:rounded-l-none",
-          // One-line seam: `-ml-px` overlaps adjacent borders onto the same pixel. Filled
-          // segments (opaque bg: default/primary buttons, the text chip) keep their own
-          // border — the bg hides the neighbour's. Transparent/outline segments null their
-          // left border at rest (so the neighbour's shows without doubling) and reveal it on
-          // hover / keyboard-focus, where the z-10 lift paints the complete border on top.
-          "[&>*:not([data-slot=buttons-group-separator]):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]):not(:first-child)]:-ml-px",
-          "[&>*:not([data-slot=buttons-group-separator]):not([data-slot=buttons-group-text]):not([data-variant=default]):not([data-variant=primary]):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]):not(:first-child):not(:hover):not(:focus-visible):not(:has(:focus-visible))]:border-l-transparent",
-          // `primary` is filled but borderless — give it (only) an inset-shadow divider.
-          "[&>[data-variant=primary]:not([aria-hidden=true]):not(:first-child)]:shadow-[inset_1px_0_0_0_var(--color-border1)]",
-          // Animate only colour/bg so the seam + ring snap (no fade desynced from the z-10 drop).
-          "[&>*:not([data-slot=buttons-group-separator]):not([aria-hidden=true])]:transition-[color,background-color]",
-          // Group owns sizing (no consumer width classes): fill on flex/InputGroup/input,
-          // content-width on a Select trigger (descendant rule beats the trigger's `w-full`).
-          "[&>[data-slot=select-trigger]]:w-fit [&>[data-slot=select-trigger]]:flex-none",
-          "[&>input]:flex-1"
-        )
-      },
-      {
-        orientation: "vertical",
-        spacing: "close",
-        // Children are capsules (rounded-full); re-round the outer ends to rounded-xl and
-        // flatten the touching ones. Unlike the horizontal block, these use plain structural
-        // selectors (no aria-hidden / data-base-ui-focus-guard / aria-owns ignore-list): vertical
-        // close-spacing is only used with plain buttons, so it never hosts a Select/DropdownMenu
-        // that injects guard siblings. Mirror the horizontal ignore-list here if one ever does.
-        className: utils_cn.cn(
-          "[&>*:not(:last-child)]:rounded-b-none",
-          "[&>*:not(:first-child)]:rounded-t-none",
-          "[&>:first-child]:rounded-t-xl",
-          "[&>:last-child]:rounded-b-xl",
-          "[&>*:not([data-slot=buttons-group-separator]):not(:first-child)]:-mt-px",
-          "[&>*:not([data-slot=buttons-group-separator]):not([data-slot=buttons-group-text]):not([data-variant=default]):not([data-variant=primary]):not(:first-child):not(:hover):not(:focus-visible):not(:has(:focus-visible))]:border-t-transparent",
-          "[&>[data-variant=primary]:not(:first-child)]:shadow-[inset_0_1px_0_0_var(--color-border1)]",
-          "[&>*:not([data-slot=buttons-group-separator])]:transition-[color,background-color]"
-        )
-      }
-    ],
-    defaultVariants: {
-      orientation: "horizontal",
-      spacing: "default"
-    }
-  }
-);
-const ButtonsGroup = React__namespace.forwardRef(
-  ({ children, className, orientation = "horizontal", spacing = "default", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(ButtonsGroupOrientationContext.Provider, { value: orientation, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        role: "group",
-        "data-slot": "buttons-group",
-        "data-orientation": orientation,
-        className: utils_cn.cn(buttonsGroupVariants({ orientation, spacing }), className),
-        ...props,
-        children
-      }
-    ) });
-  }
-);
-ButtonsGroup.displayName = "ButtonsGroup";
-const ButtonsGroupSeparator = React__namespace.forwardRef(
-  ({ className, orientation, ...props }, ref) => {
-    const parentOrientation = React__namespace.useContext(ButtonsGroupOrientationContext);
-    const resolved = orientation ?? (parentOrientation === "vertical" ? "horizontal" : "vertical");
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        role: "separator",
-        "aria-orientation": resolved,
-        "data-slot": "buttons-group-separator",
-        className: utils_cn.cn("self-stretch bg-border1", resolved === "vertical" ? "w-px" : "h-px", className),
-        ...props
-      }
-    );
-  }
-);
-ButtonsGroupSeparator.displayName = "ButtonsGroupSeparator";
-const buttonsGroupTextVariants = index.cva(
-  utils_cn.cn(
-    "inline-flex items-center justify-center bg-surface3 border border-border1 text-neutral5 select-none",
-    "rounded-full gap-[.75em] px-[1em] whitespace-nowrap shrink-0",
-    "[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:opacity-50"
-  ),
-  {
-    variants: {
-      size: {
-        xs: controlSize.controlSizeClasses.xs,
-        sm: controlSize.controlSizeClasses.sm,
-        md: controlSize.controlSizeClasses.md,
-        default: controlSize.controlSizeClasses.default,
-        lg: controlSize.controlSizeClasses.lg
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
-const ButtonsGroupText = React__namespace.forwardRef(
-  ({ className, size = "default", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        "data-slot": "buttons-group-text",
-        className: utils_cn.cn(buttonsGroupTextVariants({ size }), className),
-        ...props
-      }
-    );
-  }
-);
-ButtonsGroupText.displayName = "ButtonsGroupText";
-
-exports.ButtonsGroup = ButtonsGroup;
-exports.ButtonsGroupSeparator = ButtonsGroupSeparator;
-exports.ButtonsGroupText = ButtonsGroupText;
-exports.buttonsGroupVariants = buttonsGroupVariants;
-//# sourceMappingURL=buttons-group-Cq0bhJ9W.cjs.map

package/dist/buttons-group-Cq0bhJ9W.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttons-group-Cq0bhJ9W.cjs","sources":["../src/ds/components/ButtonsGroup/buttons-group.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\ntype Orientation = 'horizontal' | 'vertical';\n\nconst ButtonsGroupOrientationContext = React.createContext<Orientation>('horizontal');\n\nconst buttonsGroupVariants = cva(\n  // Lift the hovered/focused segment so its full border paints over the collapsed seam (else a\n  // neighbour clips a side / the seam ignores the active colour). Use `:focus-visible`, NOT\n  // `:focus-within`: a mouse click leaves a plain `:focus` on a button, which would otherwise\n  // keep its seam border highlighted until blur. `:has(:focus-visible)` covers a nested\n  // focusable (the <input> inside an InputGroup); text inputs match :focus-visible on click too,\n  // which is the wanted behaviour for a field.\n  cn(\n    'flex',\n    '[&>*:hover]:relative [&>*:hover]:z-10',\n    '[&>*:focus-visible]:relative [&>*:focus-visible]:z-10',\n    '[&>*:has(:focus-visible)]:relative [&>*:has(:focus-visible)]:z-10',\n  ),\n  {\n    variants: {\n      orientation: {\n        horizontal: 'flex-row items-center',\n        vertical: 'flex-col items-stretch',\n      },\n      spacing: {\n        default: 'gap-2',\n        close: 'gap-0',\n      },\n    },\n    compoundVariants: [\n      {\n        orientation: 'horizontal',\n        spacing: 'close',\n        // Flatten inner corners. A segment rounds its right edge off having a *real* segment\n        // somewhere after it (general sibling `~`, not `:not(:last-child)` and not adjacent\n        // `+`). This survives non-segment children that frameworks inject between/around the\n        // real ones: Base UI's trailing `<input aria-hidden>` (Select), and the visually\n        // -hidden focus guards (`[data-base-ui-focus-guard]`) + positioner anchor (`[aria-owns]`)\n        // a Menu/Popover inserts while OPEN — without this a DropdownMenu split-button seam\n        // breaks the moment the menu opens. The same ignore-list is applied to every seam rule.\n        className: cn(\n          '[&>*:has(~_*:not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]))]:rounded-r-none',\n          '[&>*:not(:first-child):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns])]:rounded-l-none',\n          // One-line seam: `-ml-px` overlaps adjacent borders onto the same pixel. Filled\n          // segments (opaque bg: default/primary buttons, the text chip) keep their own\n          // border — the bg hides the neighbour's. Transparent/outline segments null their\n          // left border at rest (so the neighbour's shows without doubling) and reveal it on\n          // hover / keyboard-focus, where the z-10 lift paints the complete border on top.\n          '[&>*:not([data-slot=buttons-group-separator]):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]):not(:first-child)]:-ml-px',\n          '[&>*:not([data-slot=buttons-group-separator]):not([data-slot=buttons-group-text]):not([data-variant=default]):not([data-variant=primary]):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]):not(:first-child):not(:hover):not(:focus-visible):not(:has(:focus-visible))]:border-l-transparent',\n          // `primary` is filled but borderless — give it (only) an inset-shadow divider.\n          '[&>[data-variant=primary]:not([aria-hidden=true]):not(:first-child)]:shadow-[inset_1px_0_0_0_var(--color-border1)]',\n          // Animate only colour/bg so the seam + ring snap (no fade desynced from the z-10 drop).\n          '[&>*:not([data-slot=buttons-group-separator]):not([aria-hidden=true])]:transition-[color,background-color]',\n          // Group owns sizing (no consumer width classes): fill on flex/InputGroup/input,\n          // content-width on a Select trigger (descendant rule beats the trigger's `w-full`).\n          '[&>[data-slot=select-trigger]]:w-fit [&>[data-slot=select-trigger]]:flex-none',\n          '[&>input]:flex-1',\n        ),\n      },\n      {\n        orientation: 'vertical',\n        spacing: 'close',\n        // Children are capsules (rounded-full); re-round the outer ends to rounded-xl and\n        // flatten the touching ones. Unlike the horizontal block, these use plain structural\n        // selectors (no aria-hidden / data-base-ui-focus-guard / aria-owns ignore-list): vertical\n        // close-spacing is only used with plain buttons, so it never hosts a Select/DropdownMenu\n        // that injects guard siblings. Mirror the horizontal ignore-list here if one ever does.\n        className: cn(\n          '[&>*:not(:last-child)]:rounded-b-none',\n          '[&>*:not(:first-child)]:rounded-t-none',\n          '[&>:first-child]:rounded-t-xl',\n          '[&>:last-child]:rounded-b-xl',\n          '[&>*:not([data-slot=buttons-group-separator]):not(:first-child)]:-mt-px',\n          '[&>*:not([data-slot=buttons-group-separator]):not([data-slot=buttons-group-text]):not([data-variant=default]):not([data-variant=primary]):not(:first-child):not(:hover):not(:focus-visible):not(:has(:focus-visible))]:border-t-transparent',\n          '[&>[data-variant=primary]:not(:first-child)]:shadow-[inset_0_1px_0_0_var(--color-border1)]',\n          '[&>*:not([data-slot=buttons-group-separator])]:transition-[color,background-color]',\n        ),\n      },\n    ],\n    defaultVariants: {\n      orientation: 'horizontal',\n      spacing: 'default',\n    },\n  },\n);\n\n// Derive variant types from cva (single source of truth) and strip `null` that cva injects.\ntype ButtonsGroupVariantsProps = VariantProps<typeof buttonsGroupVariants>;\nexport type ButtonsGroupSpacing = NonNullable<ButtonsGroupVariantsProps['spacing']>;\n\nexport type ButtonsGroupProps = React.ComponentPropsWithoutRef<'div'> & {\n  orientation?: Orientation;\n  spacing?: ButtonsGroupSpacing;\n};\n\nexport const ButtonsGroup = React.forwardRef<HTMLDivElement, ButtonsGroupProps>(\n  ({ children, className, orientation = 'horizontal', spacing = 'default', ...props }, ref) => {\n    return (\n      <ButtonsGroupOrientationContext.Provider value={orientation}>\n        <div\n          ref={ref}\n          role=\"group\"\n          data-slot=\"buttons-group\"\n          data-orientation={orientation}\n          className={cn(buttonsGroupVariants({ orientation, spacing }), className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </ButtonsGroupOrientationContext.Provider>\n    );\n  },\n);\nButtonsGroup.displayName = 'ButtonsGroup';\n\nexport type ButtonsGroupSeparatorProps = React.ComponentPropsWithoutRef<'div'> & {\n  orientation?: Orientation;\n};\n\nexport const ButtonsGroupSeparator = React.forwardRef<HTMLDivElement, ButtonsGroupSeparatorProps>(\n  ({ className, orientation, ...props }, ref) => {\n    const parentOrientation = React.useContext(ButtonsGroupOrientationContext);\n    // Separator runs perpendicular to the group flow by default.\n    const resolved = orientation ?? (parentOrientation === 'vertical' ? 'horizontal' : 'vertical');\n    return (\n      <div\n        ref={ref}\n        role=\"separator\"\n        aria-orientation={resolved}\n        data-slot=\"buttons-group-separator\"\n        className={cn('self-stretch bg-border1', resolved === 'vertical' ? 'w-px' : 'h-px', className)}\n        {...props}\n      />\n    );\n  },\n);\nButtonsGroupSeparator.displayName = 'ButtonsGroupSeparator';\n\nconst buttonsGroupTextVariants = cva(\n  cn(\n    'inline-flex items-center justify-center bg-surface3 border border-border1 text-neutral5 select-none',\n    'rounded-full gap-[.75em] px-[1em] whitespace-nowrap shrink-0',\n    '[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:opacity-50',\n  ),\n  {\n    variants: {\n      size: {\n        xs: controlSizeClasses.xs,\n        sm: controlSizeClasses.sm,\n        md: controlSizeClasses.md,\n        default: controlSizeClasses.default,\n        lg: controlSizeClasses.lg,\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\nexport type ButtonsGroupTextProps = React.ComponentPropsWithoutRef<'div'> & {\n  size?: ControlSize;\n};\n\nexport const ButtonsGroupText = React.forwardRef<HTMLDivElement, ButtonsGroupTextProps>(\n  ({ className, size = 'default', ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"buttons-group-text\"\n        className={cn(buttonsGroupTextVariants({ size }), className)}\n        {...props}\n      />\n    );\n  },\n);\nButtonsGroupText.displayName = 'ButtonsGroupText';\n\nexport { buttonsGroupVariants };\n"],"names":["React","cva","cn","jsx","controlSizeClasses"],"mappings":"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"}

package/dist/buttons-group-DoY6vWNX.js

@@ -1,161 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { c as cva } from './index-CSm06eOE.js';
-import * as React from 'react';
-import { a as controlSizeClasses } from './control-size-BdDLgGX4.js';
-import { c as cn } from './cn-BakJzhuv.js';
-
-const ButtonsGroupOrientationContext = React.createContext("horizontal");
-const buttonsGroupVariants = cva(
-  // Lift the hovered/focused segment so its full border paints over the collapsed seam (else a
-  // neighbour clips a side / the seam ignores the active colour). Use `:focus-visible`, NOT
-  // `:focus-within`: a mouse click leaves a plain `:focus` on a button, which would otherwise
-  // keep its seam border highlighted until blur. `:has(:focus-visible)` covers a nested
-  // focusable (the <input> inside an InputGroup); text inputs match :focus-visible on click too,
-  // which is the wanted behaviour for a field.
-  cn(
-    "flex",
-    "[&>*:hover]:relative [&>*:hover]:z-10",
-    "[&>*:focus-visible]:relative [&>*:focus-visible]:z-10",
-    "[&>*:has(:focus-visible)]:relative [&>*:has(:focus-visible)]:z-10"
-  ),
-  {
-    variants: {
-      orientation: {
-        horizontal: "flex-row items-center",
-        vertical: "flex-col items-stretch"
-      },
-      spacing: {
-        default: "gap-2",
-        close: "gap-0"
-      }
-    },
-    compoundVariants: [
-      {
-        orientation: "horizontal",
-        spacing: "close",
-        // Flatten inner corners. A segment rounds its right edge off having a *real* segment
-        // somewhere after it (general sibling `~`, not `:not(:last-child)` and not adjacent
-        // `+`). This survives non-segment children that frameworks inject between/around the
-        // real ones: Base UI's trailing `<input aria-hidden>` (Select), and the visually
-        // -hidden focus guards (`[data-base-ui-focus-guard]`) + positioner anchor (`[aria-owns]`)
-        // a Menu/Popover inserts while OPEN — without this a DropdownMenu split-button seam
-        // breaks the moment the menu opens. The same ignore-list is applied to every seam rule.
-        className: cn(
-          "[&>*:has(~_*:not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]))]:rounded-r-none",
-          "[&>*:not(:first-child):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns])]:rounded-l-none",
-          // One-line seam: `-ml-px` overlaps adjacent borders onto the same pixel. Filled
-          // segments (opaque bg: default/primary buttons, the text chip) keep their own
-          // border — the bg hides the neighbour's. Transparent/outline segments null their
-          // left border at rest (so the neighbour's shows without doubling) and reveal it on
-          // hover / keyboard-focus, where the z-10 lift paints the complete border on top.
-          "[&>*:not([data-slot=buttons-group-separator]):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]):not(:first-child)]:-ml-px",
-          "[&>*:not([data-slot=buttons-group-separator]):not([data-slot=buttons-group-text]):not([data-variant=default]):not([data-variant=primary]):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]):not(:first-child):not(:hover):not(:focus-visible):not(:has(:focus-visible))]:border-l-transparent",
-          // `primary` is filled but borderless — give it (only) an inset-shadow divider.
-          "[&>[data-variant=primary]:not([aria-hidden=true]):not(:first-child)]:shadow-[inset_1px_0_0_0_var(--color-border1)]",
-          // Animate only colour/bg so the seam + ring snap (no fade desynced from the z-10 drop).
-          "[&>*:not([data-slot=buttons-group-separator]):not([aria-hidden=true])]:transition-[color,background-color]",
-          // Group owns sizing (no consumer width classes): fill on flex/InputGroup/input,
-          // content-width on a Select trigger (descendant rule beats the trigger's `w-full`).
-          "[&>[data-slot=select-trigger]]:w-fit [&>[data-slot=select-trigger]]:flex-none",
-          "[&>input]:flex-1"
-        )
-      },
-      {
-        orientation: "vertical",
-        spacing: "close",
-        // Children are capsules (rounded-full); re-round the outer ends to rounded-xl and
-        // flatten the touching ones. Unlike the horizontal block, these use plain structural
-        // selectors (no aria-hidden / data-base-ui-focus-guard / aria-owns ignore-list): vertical
-        // close-spacing is only used with plain buttons, so it never hosts a Select/DropdownMenu
-        // that injects guard siblings. Mirror the horizontal ignore-list here if one ever does.
-        className: cn(
-          "[&>*:not(:last-child)]:rounded-b-none",
-          "[&>*:not(:first-child)]:rounded-t-none",
-          "[&>:first-child]:rounded-t-xl",
-          "[&>:last-child]:rounded-b-xl",
-          "[&>*:not([data-slot=buttons-group-separator]):not(:first-child)]:-mt-px",
-          "[&>*:not([data-slot=buttons-group-separator]):not([data-slot=buttons-group-text]):not([data-variant=default]):not([data-variant=primary]):not(:first-child):not(:hover):not(:focus-visible):not(:has(:focus-visible))]:border-t-transparent",
-          "[&>[data-variant=primary]:not(:first-child)]:shadow-[inset_0_1px_0_0_var(--color-border1)]",
-          "[&>*:not([data-slot=buttons-group-separator])]:transition-[color,background-color]"
-        )
-      }
-    ],
-    defaultVariants: {
-      orientation: "horizontal",
-      spacing: "default"
-    }
-  }
-);
-const ButtonsGroup = React.forwardRef(
-  ({ children, className, orientation = "horizontal", spacing = "default", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(ButtonsGroupOrientationContext.Provider, { value: orientation, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        role: "group",
-        "data-slot": "buttons-group",
-        "data-orientation": orientation,
-        className: cn(buttonsGroupVariants({ orientation, spacing }), className),
-        ...props,
-        children
-      }
-    ) });
-  }
-);
-ButtonsGroup.displayName = "ButtonsGroup";
-const ButtonsGroupSeparator = React.forwardRef(
-  ({ className, orientation, ...props }, ref) => {
-    const parentOrientation = React.useContext(ButtonsGroupOrientationContext);
-    const resolved = orientation ?? (parentOrientation === "vertical" ? "horizontal" : "vertical");
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        role: "separator",
-        "aria-orientation": resolved,
-        "data-slot": "buttons-group-separator",
-        className: cn("self-stretch bg-border1", resolved === "vertical" ? "w-px" : "h-px", className),
-        ...props
-      }
-    );
-  }
-);
-ButtonsGroupSeparator.displayName = "ButtonsGroupSeparator";
-const buttonsGroupTextVariants = cva(
-  cn(
-    "inline-flex items-center justify-center bg-surface3 border border-border1 text-neutral5 select-none",
-    "rounded-full gap-[.75em] px-[1em] whitespace-nowrap shrink-0",
-    "[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:opacity-50"
-  ),
-  {
-    variants: {
-      size: {
-        xs: controlSizeClasses.xs,
-        sm: controlSizeClasses.sm,
-        md: controlSizeClasses.md,
-        default: controlSizeClasses.default,
-        lg: controlSizeClasses.lg
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
-const ButtonsGroupText = React.forwardRef(
-  ({ className, size = "default", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        "data-slot": "buttons-group-text",
-        className: cn(buttonsGroupTextVariants({ size }), className),
-        ...props
-      }
-    );
-  }
-);
-ButtonsGroupText.displayName = "ButtonsGroupText";
-
-export { ButtonsGroup as B, ButtonsGroupSeparator as a, ButtonsGroupText as b, buttonsGroupVariants as c };
-//# sourceMappingURL=buttons-group-DoY6vWNX.js.map

package/dist/buttons-group-DoY6vWNX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttons-group-DoY6vWNX.js","sources":["../src/ds/components/ButtonsGroup/buttons-group.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\ntype Orientation = 'horizontal' | 'vertical';\n\nconst ButtonsGroupOrientationContext = React.createContext<Orientation>('horizontal');\n\nconst buttonsGroupVariants = cva(\n  // Lift the hovered/focused segment so its full border paints over the collapsed seam (else a\n  // neighbour clips a side / the seam ignores the active colour). Use `:focus-visible`, NOT\n  // `:focus-within`: a mouse click leaves a plain `:focus` on a button, which would otherwise\n  // keep its seam border highlighted until blur. `:has(:focus-visible)` covers a nested\n  // focusable (the <input> inside an InputGroup); text inputs match :focus-visible on click too,\n  // which is the wanted behaviour for a field.\n  cn(\n    'flex',\n    '[&>*:hover]:relative [&>*:hover]:z-10',\n    '[&>*:focus-visible]:relative [&>*:focus-visible]:z-10',\n    '[&>*:has(:focus-visible)]:relative [&>*:has(:focus-visible)]:z-10',\n  ),\n  {\n    variants: {\n      orientation: {\n        horizontal: 'flex-row items-center',\n        vertical: 'flex-col items-stretch',\n      },\n      spacing: {\n        default: 'gap-2',\n        close: 'gap-0',\n      },\n    },\n    compoundVariants: [\n      {\n        orientation: 'horizontal',\n        spacing: 'close',\n        // Flatten inner corners. A segment rounds its right edge off having a *real* segment\n        // somewhere after it (general sibling `~`, not `:not(:last-child)` and not adjacent\n        // `+`). This survives non-segment children that frameworks inject between/around the\n        // real ones: Base UI's trailing `<input aria-hidden>` (Select), and the visually\n        // -hidden focus guards (`[data-base-ui-focus-guard]`) + positioner anchor (`[aria-owns]`)\n        // a Menu/Popover inserts while OPEN — without this a DropdownMenu split-button seam\n        // breaks the moment the menu opens. The same ignore-list is applied to every seam rule.\n        className: cn(\n          '[&>*:has(~_*:not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]))]:rounded-r-none',\n          '[&>*:not(:first-child):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns])]:rounded-l-none',\n          // One-line seam: `-ml-px` overlaps adjacent borders onto the same pixel. Filled\n          // segments (opaque bg: default/primary buttons, the text chip) keep their own\n          // border — the bg hides the neighbour's. Transparent/outline segments null their\n          // left border at rest (so the neighbour's shows without doubling) and reveal it on\n          // hover / keyboard-focus, where the z-10 lift paints the complete border on top.\n          '[&>*:not([data-slot=buttons-group-separator]):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]):not(:first-child)]:-ml-px',\n          '[&>*:not([data-slot=buttons-group-separator]):not([data-slot=buttons-group-text]):not([data-variant=default]):not([data-variant=primary]):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]):not(:first-child):not(:hover):not(:focus-visible):not(:has(:focus-visible))]:border-l-transparent',\n          // `primary` is filled but borderless — give it (only) an inset-shadow divider.\n          '[&>[data-variant=primary]:not([aria-hidden=true]):not(:first-child)]:shadow-[inset_1px_0_0_0_var(--color-border1)]',\n          // Animate only colour/bg so the seam + ring snap (no fade desynced from the z-10 drop).\n          '[&>*:not([data-slot=buttons-group-separator]):not([aria-hidden=true])]:transition-[color,background-color]',\n          // Group owns sizing (no consumer width classes): fill on flex/InputGroup/input,\n          // content-width on a Select trigger (descendant rule beats the trigger's `w-full`).\n          '[&>[data-slot=select-trigger]]:w-fit [&>[data-slot=select-trigger]]:flex-none',\n          '[&>input]:flex-1',\n        ),\n      },\n      {\n        orientation: 'vertical',\n        spacing: 'close',\n        // Children are capsules (rounded-full); re-round the outer ends to rounded-xl and\n        // flatten the touching ones. Unlike the horizontal block, these use plain structural\n        // selectors (no aria-hidden / data-base-ui-focus-guard / aria-owns ignore-list): vertical\n        // close-spacing is only used with plain buttons, so it never hosts a Select/DropdownMenu\n        // that injects guard siblings. Mirror the horizontal ignore-list here if one ever does.\n        className: cn(\n          '[&>*:not(:last-child)]:rounded-b-none',\n          '[&>*:not(:first-child)]:rounded-t-none',\n          '[&>:first-child]:rounded-t-xl',\n          '[&>:last-child]:rounded-b-xl',\n          '[&>*:not([data-slot=buttons-group-separator]):not(:first-child)]:-mt-px',\n          '[&>*:not([data-slot=buttons-group-separator]):not([data-slot=buttons-group-text]):not([data-variant=default]):not([data-variant=primary]):not(:first-child):not(:hover):not(:focus-visible):not(:has(:focus-visible))]:border-t-transparent',\n          '[&>[data-variant=primary]:not(:first-child)]:shadow-[inset_0_1px_0_0_var(--color-border1)]',\n          '[&>*:not([data-slot=buttons-group-separator])]:transition-[color,background-color]',\n        ),\n      },\n    ],\n    defaultVariants: {\n      orientation: 'horizontal',\n      spacing: 'default',\n    },\n  },\n);\n\n// Derive variant types from cva (single source of truth) and strip `null` that cva injects.\ntype ButtonsGroupVariantsProps = VariantProps<typeof buttonsGroupVariants>;\nexport type ButtonsGroupSpacing = NonNullable<ButtonsGroupVariantsProps['spacing']>;\n\nexport type ButtonsGroupProps = React.ComponentPropsWithoutRef<'div'> & {\n  orientation?: Orientation;\n  spacing?: ButtonsGroupSpacing;\n};\n\nexport const ButtonsGroup = React.forwardRef<HTMLDivElement, ButtonsGroupProps>(\n  ({ children, className, orientation = 'horizontal', spacing = 'default', ...props }, ref) => {\n    return (\n      <ButtonsGroupOrientationContext.Provider value={orientation}>\n        <div\n          ref={ref}\n          role=\"group\"\n          data-slot=\"buttons-group\"\n          data-orientation={orientation}\n          className={cn(buttonsGroupVariants({ orientation, spacing }), className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </ButtonsGroupOrientationContext.Provider>\n    );\n  },\n);\nButtonsGroup.displayName = 'ButtonsGroup';\n\nexport type ButtonsGroupSeparatorProps = React.ComponentPropsWithoutRef<'div'> & {\n  orientation?: Orientation;\n};\n\nexport const ButtonsGroupSeparator = React.forwardRef<HTMLDivElement, ButtonsGroupSeparatorProps>(\n  ({ className, orientation, ...props }, ref) => {\n    const parentOrientation = React.useContext(ButtonsGroupOrientationContext);\n    // Separator runs perpendicular to the group flow by default.\n    const resolved = orientation ?? (parentOrientation === 'vertical' ? 'horizontal' : 'vertical');\n    return (\n      <div\n        ref={ref}\n        role=\"separator\"\n        aria-orientation={resolved}\n        data-slot=\"buttons-group-separator\"\n        className={cn('self-stretch bg-border1', resolved === 'vertical' ? 'w-px' : 'h-px', className)}\n        {...props}\n      />\n    );\n  },\n);\nButtonsGroupSeparator.displayName = 'ButtonsGroupSeparator';\n\nconst buttonsGroupTextVariants = cva(\n  cn(\n    'inline-flex items-center justify-center bg-surface3 border border-border1 text-neutral5 select-none',\n    'rounded-full gap-[.75em] px-[1em] whitespace-nowrap shrink-0',\n    '[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:opacity-50',\n  ),\n  {\n    variants: {\n      size: {\n        xs: controlSizeClasses.xs,\n        sm: controlSizeClasses.sm,\n        md: controlSizeClasses.md,\n        default: controlSizeClasses.default,\n        lg: controlSizeClasses.lg,\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\nexport type ButtonsGroupTextProps = React.ComponentPropsWithoutRef<'div'> & {\n  size?: ControlSize;\n};\n\nexport const ButtonsGroupText = React.forwardRef<HTMLDivElement, ButtonsGroupTextProps>(\n  ({ className, size = 'default', ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"buttons-group-text\"\n        className={cn(buttonsGroupTextVariants({ size }), className)}\n        {...props}\n      />\n    );\n  },\n);\nButtonsGroupText.displayName = 'ButtonsGroupText';\n\nexport { buttonsGroupVariants };\n"],"names":[],"mappings":"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"}

package/dist/checkbox-CYy10J_9.js

@@ -1,88 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
-import { Check, Minus } from 'lucide-react';
-import * as React from 'react';
-import { t as transitions } from './transitions-tFfqxz40.js';
-import { c as cn } from './cn-BakJzhuv.js';
-
-const Checkbox = React.forwardRef(
-  ({ className, checked, indeterminate, ...props }, ref) => {
-    const isCheckedIndeterminate = checked === "indeterminate";
-    return /* @__PURE__ */ jsx(
-      Checkbox$1.Root,
-      {
-        ref,
-        checked: isCheckedIndeterminate ? false : checked,
-        indeterminate: indeterminate ?? isCheckedIndeterminate,
-        "data-slot": "checkbox",
-        className: cn(
-          "peer flex h-4 w-4 shrink-0 cursor-pointer items-center justify-center rounded-[0.3125rem]",
-          "border border-neutral6/[0.06] bg-neutral6/[0.12] text-surface1 outline-hidden",
-          transitions.all,
-          "hover:border-neutral6/[0.12] hover:bg-neutral6/[0.16]",
-          "active:scale-95 active:border-neutral6/[0.18] active:bg-neutral6/[0.18]",
-          "focus-visible:border-neutral5/50 focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-neutral5/55",
-          "data-[checked]:border-neutral6 data-[checked]:bg-neutral6 data-[checked]:text-surface1",
-          "data-[indeterminate]:border-neutral6 data-[indeterminate]:bg-neutral6 data-[indeterminate]:text-surface1",
-          "data-[checked]:hover:border-neutral5 data-[checked]:hover:bg-neutral5",
-          "data-[indeterminate]:hover:border-neutral5 data-[indeterminate]:hover:bg-neutral5",
-          "data-[checked]:active:border-neutral4 data-[checked]:active:bg-neutral4",
-          "data-[indeterminate]:active:border-neutral4 data-[indeterminate]:active:bg-neutral4",
-          // Base UI's Checkbox.Root is a `<span>`, so `:disabled` never matches; target `data-disabled`.
-          "data-[disabled]:cursor-not-allowed data-[disabled]:border-neutral6/[0.38] data-[disabled]:bg-neutral6/[0.38] data-[disabled]:hover:border-neutral6/[0.38] data-[disabled]:hover:bg-neutral6/[0.38] data-[disabled]:active:scale-100",
-          "data-[disabled]:data-[checked]:border-neutral6/[0.38] data-[disabled]:data-[checked]:bg-neutral6/[0.38] data-[disabled]:data-[checked]:text-neutral6",
-          "data-[disabled]:data-[indeterminate]:border-neutral6/[0.38] data-[disabled]:data-[indeterminate]:bg-neutral6/[0.38] data-[disabled]:data-[indeterminate]:text-neutral6",
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsx(
-          Checkbox$1.Indicator,
-          {
-            keepMounted: true,
-            className: cn(
-              "group/checkbox-indicator flex items-center justify-center text-current",
-              "opacity-0 scale-75 transition-[opacity,transform] duration-200 ease-out-custom",
-              "data-[checked]:opacity-100 data-[checked]:scale-100",
-              "data-[indeterminate]:opacity-100 data-[indeterminate]:scale-100",
-              "data-[starting-style]:opacity-0 data-[starting-style]:scale-75",
-              "data-[ending-style]:opacity-0 data-[ending-style]:scale-75"
-            ),
-            children: /* @__PURE__ */ jsx(CheckboxIndicatorIcon, {})
-          }
-        )
-      }
-    );
-  }
-);
-Checkbox.displayName = "Checkbox";
-function CheckboxIndicatorIcon() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Check,
-      {
-        className: cn(
-          "size-3 scale-95 stroke-[3.25] transition-[stroke-dashoffset,transform] duration-200 ease-out-custom",
-          // Lucide's check path is ~22.6 units long. Use a longer dash so the
-          // final checked mark is never clipped.
-          "[stroke-dasharray:28] [stroke-dashoffset:28]",
-          "group-data-[checked]/checkbox-indicator:[stroke-dashoffset:0]",
-          "group-data-[checked]/checkbox-indicator:scale-100",
-          "group-data-[indeterminate]/checkbox-indicator:hidden"
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Minus,
-      {
-        className: cn(
-          "hidden size-3 scale-95 stroke-[3.25] transition-transform duration-200 ease-out-custom",
-          "group-data-[indeterminate]/checkbox-indicator:block",
-          "group-data-[indeterminate]/checkbox-indicator:scale-100"
-        )
-      }
-    )
-  ] });
-}
-
-export { Checkbox as C };
-//# sourceMappingURL=checkbox-CYy10J_9.js.map