@lglab/compose-ui 0.28.0 → 0.29.0

package/dist/textarea.js

@@ -1,15 +1,19 @@
-"use client";
-import { jsx as t } from "react/jsx-runtime";
-import { i as r } from "./form-variants-LJ8gIbk0.js";
-import { c as s } from "./utils-B6yFEsav.js";
-const m = ({ className: a, ...e }) => /* @__PURE__ */ t(
-  "textarea",
-  {
-    className: s(r, "h-auto min-h-20 py-2", a),
-    ...e
-  }
-);
-m.displayName = "Textarea";
-export {
-  m as Textarea
+'use client';
+
+import { cn } from "./lib/utils.js";
+import { inputBaseStyles } from "./lib/form-variants.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/textarea.tsx
+const Textarea = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("textarea", {
+		className: cn(inputBaseStyles, "h-auto min-h-20 py-2", className),
+		...props
+	});
 };
+Textarea.displayName = "Textarea";
+
+//#endregion
+export { Textarea };
+//# sourceMappingURL=textarea.js.map

package/dist/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","names":[],"sources":["../src/components/textarea.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { inputBaseStyles } from '../lib/form-variants'\nimport { cn } from '../lib/utils'\n\ntype TextareaProps = React.ComponentProps<'textarea'>\n\nconst Textarea = ({ className, ...props }: TextareaProps) => {\n  return (\n    <textarea\n      className={cn(inputBaseStyles, 'h-auto min-h-20 py-2', className)}\n      {...props}\n    />\n  )\n}\n\nTextarea.displayName = 'Textarea'\n\nexport { Textarea }\n\nexport type { TextareaProps }\n"],"mappings":";;;;;;;;AASA,MAAM,YAAY,EAAE,WAAW,GAAG,YAA2B;AAC3D,QACE,oBAAC;EACC,WAAW,GAAG,iBAAiB,wBAAwB,UAAU;EACjE,GAAI;GACJ;;AAIN,SAAS,cAAc"}

package/dist/toast.d.ts

@@ -1,81 +1,87 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import { Toast } from '@base-ui/react/toast';
-
-declare type ButtonSize = 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
-
-declare type ButtonVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
-
-export { Toast }
-
-export declare const ToastAction: {
-    ({ className, variant, size, ...props }: ToastActionProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ToastActionProps = React_2.ComponentProps<typeof Toast.Action> & {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-};
-
-export declare const ToastClose: {
-    ({ className, ...props }: ToastCloseProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ToastCloseProps = React_2.ComponentProps<typeof Toast.Close>;
-
-export declare const ToastContent: {
-    ({ className, ...props }: ToastContentProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ToastContentProps = React_2.ComponentProps<typeof Toast.Content>;
-
-export declare const ToastDescription: {
-    ({ className, ...props }: ToastDescriptionProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ToastDescriptionProps = React_2.ComponentProps<typeof Toast.Description>;
-
-export declare type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-
-export declare const ToastPositioner: {
-    ({ className, ...props }: ToastPositionerProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ToastPositionerProps = React_2.ComponentProps<typeof Toast.Positioner>;
-
-export declare const ToastProvider: {
-    (props: ToastProviderProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ToastProviderProps = React_2.ComponentProps<typeof Toast.Provider>;
-
-export declare const ToastRoot: {
-    ({ className, ...props }: ToastRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ToastRootProps = React_2.ComponentProps<typeof Toast.Root>;
-
-export declare const ToastTitle: {
-    ({ className, ...props }: ToastTitleProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ToastTitleProps = React_2.ComponentProps<typeof Toast.Title>;
-
-export declare const ToastViewport: {
-    ({ className, position, ...props }: ToastViewportProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ToastViewportProps = React_2.ComponentProps<typeof Toast.Viewport> & {
-    position?: ToastPosition;
-};
-
-export { }
+import { ButtonSize, ButtonVariant } from "./lib/button-variants.js";
+import * as React from "react";
+import * as react_jsx_runtime171 from "react/jsx-runtime";
+import { Toast, Toast as Toast$1 } from "@base-ui/react/toast";
+
+//#region src/components/toast.d.ts
+type ToastProviderProps = React.ComponentProps<typeof Toast$1.Provider>;
+declare const ToastProvider: {
+  (props: ToastProviderProps): react_jsx_runtime171.JSX.Element;
+  displayName: string;
+};
+type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+type ToastViewportProps = React.ComponentProps<typeof Toast$1.Viewport> & {
+  position?: ToastPosition;
+};
+declare const ToastViewport: {
+  ({
+    className,
+    position,
+    ...props
+  }: ToastViewportProps): react_jsx_runtime171.JSX.Element;
+  displayName: string;
+};
+type ToastRootProps = React.ComponentProps<typeof Toast$1.Root>;
+declare const ToastRoot: {
+  ({
+    className,
+    ...props
+  }: ToastRootProps): react_jsx_runtime171.JSX.Element;
+  displayName: string;
+};
+type ToastContentProps = React.ComponentProps<typeof Toast$1.Content>;
+declare const ToastContent: {
+  ({
+    className,
+    ...props
+  }: ToastContentProps): react_jsx_runtime171.JSX.Element;
+  displayName: string;
+};
+type ToastTitleProps = React.ComponentProps<typeof Toast$1.Title>;
+declare const ToastTitle: {
+  ({
+    className,
+    ...props
+  }: ToastTitleProps): react_jsx_runtime171.JSX.Element;
+  displayName: string;
+};
+type ToastDescriptionProps = React.ComponentProps<typeof Toast$1.Description>;
+declare const ToastDescription: {
+  ({
+    className,
+    ...props
+  }: ToastDescriptionProps): react_jsx_runtime171.JSX.Element;
+  displayName: string;
+};
+type ToastActionProps = React.ComponentProps<typeof Toast$1.Action> & {
+  variant?: ButtonVariant;
+  size?: ButtonSize;
+};
+declare const ToastAction: {
+  ({
+    className,
+    variant,
+    size,
+    ...props
+  }: ToastActionProps): react_jsx_runtime171.JSX.Element;
+  displayName: string;
+};
+type ToastCloseProps = React.ComponentProps<typeof Toast$1.Close>;
+declare const ToastClose: {
+  ({
+    className,
+    ...props
+  }: ToastCloseProps): react_jsx_runtime171.JSX.Element;
+  displayName: string;
+};
+type ToastPositionerProps = React.ComponentProps<typeof Toast$1.Positioner>;
+declare const ToastPositioner: {
+  ({
+    className,
+    ...props
+  }: ToastPositionerProps): react_jsx_runtime171.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { Toast, ToastAction, type ToastActionProps, ToastClose, type ToastCloseProps, ToastContent, type ToastContentProps, ToastDescription, type ToastDescriptionProps, type ToastPosition, ToastPositioner, type ToastPositionerProps, ToastProvider, type ToastProviderProps, ToastRoot, type ToastRootProps, ToastTitle, type ToastTitleProps, ToastViewport, type ToastViewportProps };
+//# sourceMappingURL=toast.d.ts.map

package/dist/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","names":[],"sources":["../src/components/toast.tsx"],"sourcesContent":[],"mappings":";;;;;;KAgBK,kBAAA,GAAqB,KAAA,CAAM,sBAAsB,OAAA,CAAU;cAE1D;UAAwB,qBAAkB,oBAAA,CAAA,GAAA,CAAA;EAF3C,WAAA,EAAA,MAAA;CAAkB;KAYlB,aAAA,GAZ2D,UAAA,GAAA,YAAA,GAAA,WAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA;KAoB3D,kBAAA,GAAqB,KAAA,CAAM,cApBA,CAAA,OAoBsB,OAAA,CAAU,QApBhC,CAAA,GAAA;EAAc,QAAA,CAAA,EAqBjC,aArBiC;AAAA,CAAA;cAwBxC,aApBL,EAAA;;IAF6B,SAAA;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EA0B3B,kBA1B2B,CAAA,EA0BT,oBAAA,CAAA,GAAA,CAAA,OA1BS;aAAkB,EAAA,MAAA;CAAA;AAAA,KAoD3C,cAAA,GAAiB,KAAA,CAAM,cA1CV,CAAA,OA0CgC,OAAA,CAAU,IA1C1C,CAAA;AAAA,cA4CZ,SApCD,EAAkB;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAoCqB,cApCrB,CAAA,EAoCmC,oBAAA,CAAA,GAAA,CAAA,OApCnC;aAAyC,EAAA,MAAA;;KAuG3D,iBAAA,GAAoB,KAAA,CAAM,cAtGlB,CAAA,OAsGwC,OAAA,CAAU,OAtGlD,CAAA;cAwGP,YAxGoB,EAAA;EAGpB,CAAA;IAAA,SAAA;IAAA,GAsBL;EAAA,CAAA,EA+E8C,iBA/E9C,CAAA,EA+E+D,oBAAA,CAAA,GAAA,CAAA,OA/E/D;EAAA,WAAA,EAAA,MAAA;;KAoGI,eAAA,GAAkB,KAAA,CAAM,sBAAsB,OAAA,CAAU;cAEvD,UAxHH,EAAA;;IAAkB,SAAA;IAAA,GAAA;EAAA,CAAA,EAwHwB,eAxHxB,CAAA,EAwHuC,oBAAA,CAAA,GAAA,CAAA,OAxHvC;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KAkIhB,qBAAA,GAAwB,KAAA,CAAM,cAxGhB,CAAA,OAwGsC,OAAA,CAAU,WAxGhD,CAAA;cA0Gb,gBA1GsD,EAAA;;IAAtC,SAAM;IAAA,GAAA;EAAA,CAAA,EA0GuB,qBA1GvB,CAAA,EA0G4C,oBAAA,CAAA,GAAA,CAAA,OA1G5C;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KAoHrC,gBAAA,GAAmB,KAAA,CAAM,cAvD7B,CAAA,OAuDmD,OAAA,CAAU,MAvD7D,CAAA,GAAA;YAwDW;MAnHgC,CAAA,EAoHnC,UApHmC;;cAuHtC,WAvHoD,EAAA;EAmErD,CAAA;IAAA,SAAA;IAAA,OAAiB;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAoD8C,gBApD9C,CAAA,EAoD8D,oBAAA,CAAA,GAAA,CAAA,OApD9D;EAAA,WAAA,EAAA,MAAA;;KAmEjB,eAAA,GAAkB,KAAA,CAAM,cAnEE,CAAA,OAmEoB,OAAA,CAAU,KAnE9B,CAAA;cAqEzB,UArEuC,EAAA;EAEvC,CAAA;IAAA,SAAA;IAAA,GAaL;EAAA,CAAA,EAsD4C,eAtD5C,CAAA,EAsD2D,oBAAA,CAAA,GAAA,CAAA,OAtD3D;EAAA,WAAA,EAAA,MAAA;;KAyEI,oBAAA,GAAuB,KAAA,CAAM,cAtFa,CAAA,OAsFS,OAAA,CAAU,UAtFnB,CAAA;cAwFzC,eAxF0D,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAwFd,oBAxFc,CAAA,EAwFM,oBAAA,CAAA,GAAA,CAAA,OAxFN;EAqB3D,WAAA,EAAA,MAAe;CAAA"}

package/dist/toast.js

@@ -1,151 +1,80 @@
-"use client";
-import { jsx as o } from "react/jsx-runtime";
-import { Toast as e } from "@base-ui/react/toast";
-import { Toast as N } from "@base-ui/react/toast";
-import { b as n } from "./button-variants-CbFMPwc8.js";
-import { c as i } from "./utils-B6yFEsav.js";
-const d = (t) => /* @__PURE__ */ o(e.Provider, { ...t });
-d.displayName = "ToastProvider";
-const p = ({
-  className: t,
-  position: a = "bottom-right",
-  ...s
-}) => /* @__PURE__ */ o(
-  e.Viewport,
-  {
-    "data-position": a,
-    className: i(
-      "fixed z-50 w-[356px] outline-none",
-      // Vertical position
-      "data-[position^=bottom]:bottom-4",
-      "data-[position^=top]:top-4",
-      // Horizontal position
-      "data-[position$=right]:right-4",
-      "data-[position$=left]:left-4",
-      "data-[position$=center]:left-1/2 data-[position$=center]:-translate-x-1/2",
-      t
-    ),
-    ...s
-  }
-);
-p.displayName = "ToastViewport";
-const l = ({ className: t, ...a }) => /* @__PURE__ */ o(
-  e.Root,
-  {
-    className: i(
-      // Base styles
-      "group flex w-full flex-col gap-1 rounded-lg border border-border bg-background p-4 shadow-lg",
-      "transition-[transform,opacity,height] duration-500 ease-[cubic-bezier(0.22,1,0.36,1)]",
-      "absolute z-[calc(1000-var(--toast-index))]",
-      "h-(--height) select-none",
-      // CSS custom properties for stacking
-      "[--gap:0.75rem] [--peek:0.75rem]",
-      "[--scale:calc(max(0,1-(var(--toast-index)*0.1)))]",
-      "[--shrink:calc(1-var(--scale))]",
-      "[--height:var(--toast-frontmost-height,var(--toast-height))]",
-      // Expanded state height
-      "data-expanded:h-(--toast-height)",
-      // Ending styles (shared)
-      "data-ending-style:opacity-0",
-      "data-limited:opacity-0",
-      // Gap element for hover interaction
-      'after:absolute after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[""]',
-      // ===== BOTTOM POSITIONS =====
-      "in-data-[position^=bottom]:bottom-0",
-      "in-data-[position^=bottom]:origin-bottom",
-      "in-data-[position^=bottom]:[--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))]",
-      "in-data-[position^=bottom]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))]",
-      "in-data-[position^=bottom]:data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]",
-      "in-data-[position^=bottom]:data-starting-style:transform-[translateY(150%)]",
-      "in-data-[position^=bottom]:data-ending-style:transform-[translateY(150%)]",
-      "in-data-[position^=bottom]:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))]",
-      "in-data-[position^=bottom]:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))]",
-      "in-data-[position^=bottom]:after:top-full",
-      // ===== TOP POSITIONS =====
-      "in-data-[position^=top]:top-0",
-      "in-data-[position^=top]:origin-top",
-      "in-data-[position^=top]:[--offset-y:calc(var(--toast-offset-y)+calc(var(--toast-index)*var(--gap))+var(--toast-swipe-movement-y))]",
-      "in-data-[position^=top]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--peek))+(var(--shrink)*var(--height))))_scale(var(--scale))]",
-      "in-data-[position^=top]:data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]",
-      "in-data-[position^=top]:data-starting-style:transform-[translateY(-150%)]",
-      "in-data-[position^=top]:data-ending-style:transform-[translateY(-150%)]",
-      "in-data-[position^=top]:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))]",
-      "in-data-[position^=top]:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))]",
-      "in-data-[position^=top]:after:bottom-full",
-      // ===== HORIZONTAL POSITIONS =====
-      "in-data-[position$=right]:right-0",
-      "in-data-[position$=left]:left-0",
-      "in-data-[position$=center]:left-0 in-data-[position$=center]:right-0",
-      // Left/right swipe exit animations
-      "data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]",
-      "data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]",
-      t
-    ),
-    ...a
-  }
-);
-l.displayName = "ToastRoot";
-const m = ({ className: t, ...a }) => /* @__PURE__ */ o(
-  e.Content,
-  {
-    className: i(
-      "flex flex-col gap-1 overflow-hidden",
-      "transition-opacity duration-250",
-      "data-behind:pointer-events-none data-behind:opacity-0",
-      "data-expanded:pointer-events-auto data-expanded:opacity-100",
-      t
-    ),
-    ...a
-  }
-);
-m.displayName = "ToastContent";
-const c = ({ className: t, ...a }) => /* @__PURE__ */ o(e.Title, { className: i("font-semibold", t), ...a });
-c.displayName = "ToastTitle";
-const f = ({ className: t, ...a }) => /* @__PURE__ */ o(e.Description, { className: i("text-sm", t), ...a });
-f.displayName = "ToastDescription";
-const v = ({ className: t, variant: a, size: s = "sm", ...r }) => /* @__PURE__ */ o(
-  e.Action,
-  {
-    className: i("w-fit mt-2", n({ variant: a, size: s }), t),
-    ...r
-  }
-);
-v.displayName = "ToastAction";
-const g = ({ className: t, ...a }) => /* @__PURE__ */ o(
-  e.Close,
-  {
-    className: i(
-      n({ variant: "ghost", size: "icon" }),
-      "absolute right-2 top-2 size-6",
-      t
-    ),
-    ...a
-  }
-);
-g.displayName = "ToastClose";
-const y = ({ className: t, ...a }) => /* @__PURE__ */ o(
-  e.Positioner,
-  {
-    className: i(
-      "z-50",
-      "transition-[top,left,right,bottom,transform]",
-      "duration-[0.35s]",
-      "ease-[cubic-bezier(0.22,1,0.36,1)]",
-      t
-    ),
-    ...a
-  }
-);
-y.displayName = "ToastPositioner";
-export {
-  N as Toast,
-  v as ToastAction,
-  g as ToastClose,
-  m as ToastContent,
-  f as ToastDescription,
-  y as ToastPositioner,
-  d as ToastProvider,
-  l as ToastRoot,
-  c as ToastTitle,
-  p as ToastViewport
+'use client';
+
+import { buttonVariants } from "./lib/button-variants.js";
+import { cn } from "./lib/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Toast, Toast as Toast$1 } from "@base-ui/react/toast";
+
+//#region src/components/toast.tsx
+const ToastProvider = (props) => {
+	return /* @__PURE__ */ jsx(Toast$1.Provider, { ...props });
 };
+ToastProvider.displayName = "ToastProvider";
+const ToastViewport = ({ className, position = "bottom-right", ...props }) => {
+	return /* @__PURE__ */ jsx(Toast$1.Viewport, {
+		"data-position": position,
+		className: cn("fixed z-50 w-[356px] outline-none", "data-[position^=bottom]:bottom-4", "data-[position^=top]:top-4", "data-[position$=right]:right-4", "data-[position$=left]:left-4", "data-[position$=center]:left-1/2 data-[position$=center]:-translate-x-1/2", className),
+		...props
+	});
+};
+ToastViewport.displayName = "ToastViewport";
+const ToastRoot = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Toast$1.Root, {
+		className: cn("group flex w-full flex-col gap-1 rounded-lg border border-border bg-background p-4 shadow-lg", "transition-[transform,opacity,height] duration-500 ease-[cubic-bezier(0.22,1,0.36,1)]", "absolute z-[calc(1000-var(--toast-index))]", "h-(--height) select-none", "[--gap:0.75rem] [--peek:0.75rem]", "[--scale:calc(max(0,1-(var(--toast-index)*0.1)))]", "[--shrink:calc(1-var(--scale))]", "[--height:var(--toast-frontmost-height,var(--toast-height))]", "data-expanded:h-(--toast-height)", "data-ending-style:opacity-0", "data-limited:opacity-0", "after:absolute after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[\"\"]", "in-data-[position^=bottom]:bottom-0", "in-data-[position^=bottom]:origin-bottom", "in-data-[position^=bottom]:[--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))]", "in-data-[position^=bottom]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))]", "in-data-[position^=bottom]:data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]", "in-data-[position^=bottom]:data-starting-style:transform-[translateY(150%)]", "in-data-[position^=bottom]:data-ending-style:transform-[translateY(150%)]", "in-data-[position^=bottom]:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))]", "in-data-[position^=bottom]:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))]", "in-data-[position^=bottom]:after:top-full", "in-data-[position^=top]:top-0", "in-data-[position^=top]:origin-top", "in-data-[position^=top]:[--offset-y:calc(var(--toast-offset-y)+calc(var(--toast-index)*var(--gap))+var(--toast-swipe-movement-y))]", "in-data-[position^=top]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--peek))+(var(--shrink)*var(--height))))_scale(var(--scale))]", "in-data-[position^=top]:data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]", "in-data-[position^=top]:data-starting-style:transform-[translateY(-150%)]", "in-data-[position^=top]:data-ending-style:transform-[translateY(-150%)]", "in-data-[position^=top]:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))]", "in-data-[position^=top]:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))]", "in-data-[position^=top]:after:bottom-full", "in-data-[position$=right]:right-0", "in-data-[position$=left]:left-0", "in-data-[position$=center]:left-0 in-data-[position$=center]:right-0", "data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]", "data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]", className),
+		...props
+	});
+};
+ToastRoot.displayName = "ToastRoot";
+const ToastContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Toast$1.Content, {
+		className: cn("flex flex-col gap-1 overflow-hidden", "transition-opacity duration-250", "data-behind:pointer-events-none data-behind:opacity-0", "data-expanded:pointer-events-auto data-expanded:opacity-100", className),
+		...props
+	});
+};
+ToastContent.displayName = "ToastContent";
+const ToastTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Toast$1.Title, {
+		className: cn("font-semibold", className),
+		...props
+	});
+};
+ToastTitle.displayName = "ToastTitle";
+const ToastDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Toast$1.Description, {
+		className: cn("text-sm", className),
+		...props
+	});
+};
+ToastDescription.displayName = "ToastDescription";
+const ToastAction = ({ className, variant, size = "sm", ...props }) => {
+	return /* @__PURE__ */ jsx(Toast$1.Action, {
+		className: cn("w-fit mt-2", buttonVariants({
+			variant,
+			size
+		}), className),
+		...props
+	});
+};
+ToastAction.displayName = "ToastAction";
+const ToastClose = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Toast$1.Close, {
+		className: cn(buttonVariants({
+			variant: "ghost",
+			size: "icon"
+		}), "absolute right-2 top-2 size-6", className),
+		...props
+	});
+};
+ToastClose.displayName = "ToastClose";
+const ToastPositioner = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Toast$1.Positioner, {
+		className: cn("z-50", "transition-[top,left,right,bottom,transform]", "duration-[0.35s]", "ease-[cubic-bezier(0.22,1,0.36,1)]", className),
+		...props
+	});
+};
+ToastPositioner.displayName = "ToastPositioner";
+
+//#endregion
+export { Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPositioner, ToastProvider, ToastRoot, ToastTitle, ToastViewport };
+//# sourceMappingURL=toast.js.map

package/dist/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","names":["BaseToast"],"sources":["../src/components/toast.tsx"],"sourcesContent":["'use client'\n\nimport { Toast as BaseToast } from '@base-ui/react/toast'\nimport * as React from 'react'\n\nimport {\n  type ButtonSize,\n  type ButtonVariant,\n  buttonVariants,\n} from '../lib/button-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// ToastProvider\n// ============================================================================\n\ntype ToastProviderProps = React.ComponentProps<typeof BaseToast.Provider>\n\nconst ToastProvider = (props: ToastProviderProps) => {\n  return <BaseToast.Provider {...props} />\n}\n\nToastProvider.displayName = 'ToastProvider'\n\n// ============================================================================\n// ToastViewport\n// ============================================================================\n\ntype ToastPosition =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right'\n\ntype ToastViewportProps = React.ComponentProps<typeof BaseToast.Viewport> & {\n  position?: ToastPosition\n}\n\nconst ToastViewport = ({\n  className,\n  position = 'bottom-right',\n  ...props\n}: ToastViewportProps) => {\n  return (\n    <BaseToast.Viewport\n      data-position={position}\n      className={cn(\n        'fixed z-50 w-[356px] outline-none',\n        // Vertical position\n        'data-[position^=bottom]:bottom-4',\n        'data-[position^=top]:top-4',\n        // Horizontal position\n        'data-[position$=right]:right-4',\n        'data-[position$=left]:left-4',\n        'data-[position$=center]:left-1/2 data-[position$=center]:-translate-x-1/2',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nToastViewport.displayName = 'ToastViewport'\n\n// ============================================================================\n// ToastRoot\n// ============================================================================\n\ntype ToastRootProps = React.ComponentProps<typeof BaseToast.Root>\n\nconst ToastRoot = ({ className, ...props }: ToastRootProps) => {\n  return (\n    <BaseToast.Root\n      className={cn(\n        // Base styles\n        'group flex w-full flex-col gap-1 rounded-lg border border-border bg-background p-4 shadow-lg',\n        'transition-[transform,opacity,height] duration-500 ease-[cubic-bezier(0.22,1,0.36,1)]',\n        'absolute z-[calc(1000-var(--toast-index))]',\n        'h-(--height) select-none',\n        // CSS custom properties for stacking\n        '[--gap:0.75rem] [--peek:0.75rem]',\n        '[--scale:calc(max(0,1-(var(--toast-index)*0.1)))]',\n        '[--shrink:calc(1-var(--scale))]',\n        '[--height:var(--toast-frontmost-height,var(--toast-height))]',\n        // Expanded state height\n        'data-expanded:h-(--toast-height)',\n        // Ending styles (shared)\n        'data-ending-style:opacity-0',\n        'data-limited:opacity-0',\n        // Gap element for hover interaction\n        'after:absolute after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[\"\"]',\n\n        // ===== BOTTOM POSITIONS =====\n        'in-data-[position^=bottom]:bottom-0',\n        'in-data-[position^=bottom]:origin-bottom',\n        'in-data-[position^=bottom]:[--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))]',\n        'in-data-[position^=bottom]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))]',\n        'in-data-[position^=bottom]:data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]',\n        'in-data-[position^=bottom]:data-starting-style:transform-[translateY(150%)]',\n        'in-data-[position^=bottom]:data-ending-style:transform-[translateY(150%)]',\n        'in-data-[position^=bottom]:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))]',\n        'in-data-[position^=bottom]:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))]',\n        'in-data-[position^=bottom]:after:top-full',\n\n        // ===== TOP POSITIONS =====\n        'in-data-[position^=top]:top-0',\n        'in-data-[position^=top]:origin-top',\n        'in-data-[position^=top]:[--offset-y:calc(var(--toast-offset-y)+calc(var(--toast-index)*var(--gap))+var(--toast-swipe-movement-y))]',\n        'in-data-[position^=top]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--peek))+(var(--shrink)*var(--height))))_scale(var(--scale))]',\n        'in-data-[position^=top]:data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]',\n        'in-data-[position^=top]:data-starting-style:transform-[translateY(-150%)]',\n        'in-data-[position^=top]:data-ending-style:transform-[translateY(-150%)]',\n        'in-data-[position^=top]:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+150%))]',\n        'in-data-[position^=top]:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-150%))]',\n        'in-data-[position^=top]:after:bottom-full',\n\n        // ===== HORIZONTAL POSITIONS =====\n        'in-data-[position$=right]:right-0',\n        'in-data-[position$=left]:left-0',\n        'in-data-[position$=center]:left-0 in-data-[position$=center]:right-0',\n        // Left/right swipe exit animations\n        'data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]',\n        'data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]',\n\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nToastRoot.displayName = 'ToastRoot'\n\n// ============================================================================\n// ToastContent\n// ============================================================================\n\ntype ToastContentProps = React.ComponentProps<typeof BaseToast.Content>\n\nconst ToastContent = ({ className, ...props }: ToastContentProps) => {\n  return (\n    <BaseToast.Content\n      className={cn(\n        'flex flex-col gap-1 overflow-hidden',\n        'transition-opacity duration-250',\n        'data-behind:pointer-events-none data-behind:opacity-0',\n        'data-expanded:pointer-events-auto data-expanded:opacity-100',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nToastContent.displayName = 'ToastContent'\n\n// ============================================================================\n// ToastTitle\n// ============================================================================\n\ntype ToastTitleProps = React.ComponentProps<typeof BaseToast.Title>\n\nconst ToastTitle = ({ className, ...props }: ToastTitleProps) => {\n  return <BaseToast.Title className={cn('font-semibold', className)} {...props} />\n}\n\nToastTitle.displayName = 'ToastTitle'\n\n// ============================================================================\n// ToastDescription\n// ============================================================================\n\ntype ToastDescriptionProps = React.ComponentProps<typeof BaseToast.Description>\n\nconst ToastDescription = ({ className, ...props }: ToastDescriptionProps) => {\n  return <BaseToast.Description className={cn('text-sm', className)} {...props} />\n}\n\nToastDescription.displayName = 'ToastDescription'\n\n// ============================================================================\n// ToastAction\n// ============================================================================\n\ntype ToastActionProps = React.ComponentProps<typeof BaseToast.Action> & {\n  variant?: ButtonVariant\n  size?: ButtonSize\n}\n\nconst ToastAction = ({ className, variant, size = 'sm', ...props }: ToastActionProps) => {\n  return (\n    <BaseToast.Action\n      className={cn('w-fit mt-2', buttonVariants({ variant, size }), className)}\n      {...props}\n    />\n  )\n}\n\nToastAction.displayName = 'ToastAction'\n\n// ============================================================================\n// ToastClose\n// ============================================================================\n\ntype ToastCloseProps = React.ComponentProps<typeof BaseToast.Close>\n\nconst ToastClose = ({ className, ...props }: ToastCloseProps) => {\n  return (\n    <BaseToast.Close\n      className={cn(\n        buttonVariants({ variant: 'ghost', size: 'icon' }),\n        'absolute right-2 top-2 size-6',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nToastClose.displayName = 'ToastClose'\n\n// ============================================================================\n// ToastPositioner\n// ============================================================================\n\ntype ToastPositionerProps = React.ComponentProps<typeof BaseToast.Positioner>\n\nconst ToastPositioner = ({ className, ...props }: ToastPositionerProps) => {\n  return (\n    <BaseToast.Positioner\n      className={cn(\n        'z-50',\n        'transition-[top,left,right,bottom,transform]',\n        'duration-[0.35s]',\n        'ease-[cubic-bezier(0.22,1,0.36,1)]',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nToastPositioner.displayName = 'ToastPositioner'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\n// Re-export Toast from Base UI for useToastManager, createToastManager, and other utilities\nexport { Toast } from '@base-ui/react/toast'\n\nexport {\n  ToastProvider,\n  ToastViewport,\n  ToastRoot,\n  ToastContent,\n  ToastTitle,\n  ToastDescription,\n  ToastAction,\n  ToastClose,\n  ToastPositioner,\n}\n\nexport type {\n  ToastPosition,\n  ToastProviderProps,\n  ToastViewportProps,\n  ToastRootProps,\n  ToastContentProps,\n  ToastTitleProps,\n  ToastDescriptionProps,\n  ToastActionProps,\n  ToastCloseProps,\n  ToastPositionerProps,\n}\n"],"mappings":";;;;;;;;;AAkBA,MAAM,iBAAiB,UAA8B;AACnD,QAAO,oBAACA,QAAU,YAAS,GAAI,QAAS;;AAG1C,cAAc,cAAc;AAkB5B,MAAM,iBAAiB,EACrB,WACA,WAAW,gBACX,GAAG,YACqB;AACxB,QACE,oBAACA,QAAU;EACT,iBAAe;EACf,WAAW,GACT,qCAEA,oCACA,8BAEA,kCACA,gCACA,6EACA,UACD;EACD,GAAI;GACJ;;AAIN,cAAc,cAAc;AAQ5B,MAAM,aAAa,EAAE,WAAW,GAAG,YAA4B;AAC7D,QACE,oBAACA,QAAU;EACT,WAAW,GAET,gGACA,yFACA,8CACA,4BAEA,oCACA,qDACA,mCACA,gEAEA,oCAEA,+BACA,0BAEA,gGAGA,uCACA,4CACA,+IACA,uNACA,8HACA,+EACA,6EACA,6IACA,2IACA,6CAGA,iCACA,sCACA,sIACA,oNACA,2HACA,6EACA,2EACA,0IACA,wIACA,6CAGA,qCACA,mCACA,wEAEA,8IACA,+IAEA,UACD;EACD,GAAI;GACJ;;AAIN,UAAU,cAAc;AAQxB,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QACE,oBAACA,QAAU;EACT,WAAW,GACT,uCACA,mCACA,yDACA,+DACA,UACD;EACD,GAAI;GACJ;;AAIN,aAAa,cAAc;AAQ3B,MAAM,cAAc,EAAE,WAAW,GAAG,YAA6B;AAC/D,QAAO,oBAACA,QAAU;EAAM,WAAW,GAAG,iBAAiB,UAAU;EAAE,GAAI;GAAS;;AAGlF,WAAW,cAAc;AAQzB,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QAAO,oBAACA,QAAU;EAAY,WAAW,GAAG,WAAW,UAAU;EAAE,GAAI;GAAS;;AAGlF,iBAAiB,cAAc;AAW/B,MAAM,eAAe,EAAE,WAAW,SAAS,OAAO,MAAM,GAAG,YAA8B;AACvF,QACE,oBAACA,QAAU;EACT,WAAW,GAAG,cAAc,eAAe;GAAE;GAAS;GAAM,CAAC,EAAE,UAAU;EACzE,GAAI;GACJ;;AAIN,YAAY,cAAc;AAQ1B,MAAM,cAAc,EAAE,WAAW,GAAG,YAA6B;AAC/D,QACE,oBAACA,QAAU;EACT,WAAW,GACT,eAAe;GAAE,SAAS;GAAS,MAAM;GAAQ,CAAC,EAClD,iCACA,UACD;EACD,GAAI;GACJ;;AAIN,WAAW,cAAc;AAQzB,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAkC;AACzE,QACE,oBAACA,QAAU;EACT,WAAW,GACT,QACA,gDACA,oBACA,sCACA,UACD;EACD,GAAI;GACJ;;AAIN,gBAAgB,cAAc"}

package/dist/toggle-group.d.ts

@@ -1,29 +1,34 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import { Toggle } from '@base-ui/react/toggle';
-import { ToggleGroup } from '@base-ui/react/toggle-group';
-
-declare type ControlSize = 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
-
-declare type ControlVariant = 'default' | 'ghost';
-
-export declare const ToggleGroupItem: {
-    ({ className, variant, size, ...props }: ToggleGroupItemProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ToggleGroupItemProps = React_2.ComponentProps<typeof Toggle> & {
-    /** Visual style of the toggle item */
-    variant?: ControlVariant;
-    /** Size of the toggle item */
-    size?: ControlSize;
-};
-
-export declare const ToggleGroupRoot: {
-    ({ className, orientation, ...props }: ToggleGroupRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ToggleGroupRootProps = React_2.ComponentProps<typeof ToggleGroup>;
-
-export { }
+import { ControlSize, ControlVariant } from "./lib/control-variants.js";
+import * as React from "react";
+import * as react_jsx_runtime205 from "react/jsx-runtime";
+import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
+
+//#region src/components/toggle-group.d.ts
+type ToggleGroupRootProps = React.ComponentProps<typeof ToggleGroup>;
+declare const ToggleGroupRoot: {
+  ({
+    className,
+    orientation,
+    ...props
+  }: ToggleGroupRootProps): react_jsx_runtime205.JSX.Element;
+  displayName: string;
+};
+type ToggleGroupItemProps = React.ComponentProps<typeof Toggle> & {
+  /** Visual style of the toggle item */
+  variant?: ControlVariant;
+  /** Size of the toggle item */
+  size?: ControlSize;
+};
+declare const ToggleGroupItem: {
+  ({
+    className,
+    variant,
+    size,
+    ...props
+  }: ToggleGroupItemProps): react_jsx_runtime205.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { ToggleGroupItem, type ToggleGroupItemProps, ToggleGroupRoot, type ToggleGroupRootProps };
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/toggle-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../src/components/toggle-group.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAiBK,oBAAA,GAAuB,KAAA,CAAM,sBAAsB;cAElD;;;;;KAAyD,uBAAoB,oBAAA,CAAA,GAAA,CAAA;EAF9E,WAAA,EAAA,MAAA;CAAoB;KA4BpB,oBAAA,GAAuB,KAAA,CAAM,cA5BsB,CAAA,OA4BA,MA5BA,CAAA,GAAA;;EAAR,OAAA,CAAA,EA8BpC,cA9BoC;EAE1C;EAkBL,IAAA,CAAA,EAYQ,WAZR;;cAeK;;IAjCyD,SAAA;IAAA,OAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAsC5D,oBAtC4D,CAAA,EAsCxC,oBAAA,CAAA,GAAA,CAAA,OAtCwC;aAAoB,EAAA,MAAA;CAAA"}

package/dist/toggle-group.js

@@ -1,35 +1,32 @@
-"use client";
-import { jsx as r } from "react/jsx-runtime";
-import { Toggle as u } from "@base-ui/react/toggle";
-import { ToggleGroup as p } from "@base-ui/react/toggle-group";
-import { c as m } from "./control-variants-Bwep4n0y.js";
-import { c as n } from "./utils-B6yFEsav.js";
-const f = ({ className: t, orientation: o, ...e }) => /* @__PURE__ */ r(
-  p,
-  {
-    orientation: o,
-    className: n(
-      "inline-flex",
-      o === "vertical" && "flex-col",
-      // Connected items: collapse borders, round only outer corners
-      "[&>button]:rounded-none [&>button:not(:first-of-type)]:-ml-px",
-      "[&>button:first-of-type]:rounded-l-md [&>button:last-of-type]:rounded-r-md",
-      // Vertical orientation adjustments
-      o === "vertical" && "[&>button:not(:first-of-type)]:ml-0 [&>button:not(:first-of-type)]:-mt-px [&>button:first-of-type]:rounded-bl-none [&>button:last-of-type]:rounded-r-none [&>button:first-of-type]:rounded-t-md [&>button:last-of-type]:rounded-b-md",
-      t
-    ),
-    ...e
-  }
-);
-f.displayName = "ToggleGroupRoot";
-const s = ({
-  className: t,
-  variant: o,
-  size: e,
-  ...l
-}) => /* @__PURE__ */ r(u, { className: n(m({ variant: o, size: e }), t), ...l });
-s.displayName = "ToggleGroupItem";
-export {
-  s as ToggleGroupItem,
-  f as ToggleGroupRoot
+'use client';
+
+import { cn } from "./lib/utils.js";
+import { controlVariants } from "./lib/control-variants.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
+
+//#region src/components/toggle-group.tsx
+const ToggleGroupRoot = ({ className, orientation, ...props }) => {
+	return /* @__PURE__ */ jsx(ToggleGroup, {
+		orientation,
+		className: cn("inline-flex", orientation === "vertical" && "flex-col", "[&>button]:rounded-none [&>button:not(:first-of-type)]:-ml-px", "[&>button:first-of-type]:rounded-l-md [&>button:last-of-type]:rounded-r-md", orientation === "vertical" && "[&>button:not(:first-of-type)]:ml-0 [&>button:not(:first-of-type)]:-mt-px [&>button:first-of-type]:rounded-bl-none [&>button:last-of-type]:rounded-r-none [&>button:first-of-type]:rounded-t-md [&>button:last-of-type]:rounded-b-md", className),
+		...props
+	});
 };
+ToggleGroupRoot.displayName = "ToggleGroupRoot";
+const ToggleGroupItem = ({ className, variant, size, ...props }) => {
+	return /* @__PURE__ */ jsx(Toggle, {
+		className: cn(controlVariants({
+			variant,
+			size
+		}), className),
+		...props
+	});
+};
+ToggleGroupItem.displayName = "ToggleGroupItem";
+
+//#endregion
+export { ToggleGroupItem, ToggleGroupRoot };
+//# sourceMappingURL=toggle-group.js.map

package/dist/toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","names":["BaseToggleGroup"],"sources":["../src/components/toggle-group.tsx"],"sourcesContent":["'use client'\n\nimport { Toggle } from '@base-ui/react/toggle'\nimport { ToggleGroup as BaseToggleGroup } from '@base-ui/react/toggle-group'\nimport * as React from 'react'\n\nimport {\n  type ControlSize,\n  type ControlVariant,\n  controlVariants,\n} from '../lib/control-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// ToggleGroupRoot\n// ============================================================================\n\ntype ToggleGroupRootProps = React.ComponentProps<typeof BaseToggleGroup>\n\nconst ToggleGroupRoot = ({ className, orientation, ...props }: ToggleGroupRootProps) => {\n  return (\n    <BaseToggleGroup\n      orientation={orientation}\n      className={cn(\n        'inline-flex',\n        orientation === 'vertical' && 'flex-col',\n        // Connected items: collapse borders, round only outer corners\n        '[&>button]:rounded-none [&>button:not(:first-of-type)]:-ml-px',\n        '[&>button:first-of-type]:rounded-l-md [&>button:last-of-type]:rounded-r-md',\n        // Vertical orientation adjustments\n        orientation === 'vertical' &&\n          '[&>button:not(:first-of-type)]:ml-0 [&>button:not(:first-of-type)]:-mt-px [&>button:first-of-type]:rounded-bl-none [&>button:last-of-type]:rounded-r-none [&>button:first-of-type]:rounded-t-md [&>button:last-of-type]:rounded-b-md',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nToggleGroupRoot.displayName = 'ToggleGroupRoot'\n\n// ============================================================================\n// ToggleGroupItem\n// ============================================================================\n\ntype ToggleGroupItemProps = React.ComponentProps<typeof Toggle> & {\n  /** Visual style of the toggle item */\n  variant?: ControlVariant\n  /** Size of the toggle item */\n  size?: ControlSize\n}\n\nconst ToggleGroupItem = ({\n  className,\n  variant,\n  size,\n  ...props\n}: ToggleGroupItemProps) => {\n  return (\n    <Toggle className={cn(controlVariants({ variant, size }), className)} {...props} />\n  )\n}\n\nToggleGroupItem.displayName = 'ToggleGroupItem'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { ToggleGroupRoot, ToggleGroupItem }\n\nexport type { ToggleGroupRootProps, ToggleGroupItemProps }\n"],"mappings":";;;;;;;;;;AAmBA,MAAM,mBAAmB,EAAE,WAAW,aAAa,GAAG,YAAkC;AACtF,QACE,oBAACA;EACc;EACb,WAAW,GACT,eACA,gBAAgB,cAAc,YAE9B,iEACA,8EAEA,gBAAgB,cACd,wOACF,UACD;EACD,GAAI;GACJ;;AAIN,gBAAgB,cAAc;AAa9B,MAAM,mBAAmB,EACvB,WACA,SACA,MACA,GAAG,YACuB;AAC1B,QACE,oBAAC;EAAO,WAAW,GAAG,gBAAgB;GAAE;GAAS;GAAM,CAAC,EAAE,UAAU;EAAE,GAAI;GAAS;;AAIvF,gBAAgB,cAAc"}