@moontra/moonui 3.2.0 → 3.3.0

package/dist/index.js

@@ -30,6 +30,7 @@ var TogglePrimitive = require('@radix-ui/react-toggle');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var SwitchPrimitives = require('@radix-ui/react-switch');
 var ToastPrimitives = require('@radix-ui/react-toast');
+var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -69,6 +70,7 @@ var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive)
 var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
 var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
 var ToastPrimitives__namespace = /*#__PURE__*/_interopNamespace(ToastPrimitives);
+var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroupPrimitive);
 
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
@@ -8428,6 +8430,114 @@ var Spinner = React10__namespace.forwardRef(
   }
 );
 Spinner.displayName = "Spinner";
+var buttonGroupVariants = classVarianceAuthority.cva(
+  // Temel kapsayıcı: inline-flex; çocuklar akış içinde hizalanır
+  "moonui-theme inline-flex",
+  {
+    variants: {
+      orientation: {
+        // Yatay: butonlar dikeyde ortalanır (içerik-genişliği korunur)
+        horizontal: "flex-row items-center",
+        // Dikey: butonlar aynı genişliğe uzar (items-stretch) → kenarlar hizalanır
+        vertical: "flex-col items-stretch"
+      },
+      attached: {
+        // Bitişik: boşluk yok; radius birleştirme compoundVariants ile uygulanır
+        true: "",
+        // Boşluklu: normal aralık, radius korunur
+        false: "gap-2"
+      }
+    },
+    compoundVariants: [
+      {
+        // Yatay + bitişik: bitişik yatay kenarlar düzleşir, -ml-px ile kenarlık örtüşür
+        orientation: "horizontal",
+        attached: true,
+        class: [
+          "[&>*:not(:first-child)]:rounded-l-none",
+          "[&>*:not(:last-child)]:rounded-r-none",
+          "[&>*:not(:first-child)]:-ml-px"
+        ]
+      },
+      {
+        // Dikey + bitişik: bitişik dikey kenarlar düzleşir, -mt-px ile kenarlık örtüşür
+        orientation: "vertical",
+        attached: true,
+        class: [
+          "[&>*:not(:first-child)]:rounded-t-none",
+          "[&>*:not(:last-child)]:rounded-b-none",
+          "[&>*:not(:first-child)]:-mt-px"
+        ]
+      }
+    ],
+    defaultVariants: {
+      orientation: "horizontal",
+      attached: true
+    }
+  }
+);
+var ButtonGroup = React10__namespace.forwardRef(
+  ({ className, orientation, attached, size, variant, children, ...props }, ref) => {
+    const shouldPropagate = size !== void 0 || variant !== void 0;
+    const enhancedChildren = shouldPropagate ? React10__namespace.Children.map(children, (child) => {
+      if (!React10__namespace.isValidElement(child) || child.type !== Button) {
+        return child;
+      }
+      const childProps = child.props;
+      return React10__namespace.cloneElement(child, {
+        size: childProps.size ?? size,
+        variant: childProps.variant ?? variant
+      });
+    }) : children;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        role: "group",
+        className: cn(buttonGroupVariants({ orientation, attached }), className),
+        ...props,
+        children: enhancedChildren
+      }
+    );
+  }
+);
+ButtonGroup.displayName = "ButtonGroup";
+var ToggleGroupContext = React10__namespace.createContext({
+  size: "default",
+  variant: "default"
+});
+var ToggleGroup = React10__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  ToggleGroupPrimitive__namespace.Root,
+  {
+    ref,
+    className: cn(
+      "moonui-theme inline-flex items-center justify-center gap-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+  }
+));
+ToggleGroup.displayName = "ToggleGroup";
+var ToggleGroupItem = React10__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React10__namespace.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ToggleGroupPrimitive__namespace.Item,
+    {
+      ref,
+      className: cn(
+        toggleVariants({
+          variant: context.variant ?? variant,
+          size: context.size ?? size
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+ToggleGroupItem.displayName = "ToggleGroupItem";
 
 Object.defineProperty(exports, 'Palette', {
   enumerable: true,
@@ -8474,6 +8584,7 @@ exports.BreadcrumbList = BreadcrumbList;
 exports.BreadcrumbPage = BreadcrumbPage;
 exports.BreadcrumbSeparator = BreadcrumbSeparator;
 exports.Button = Button;
+exports.ButtonGroup = ButtonGroup;
 exports.Card = Card;
 exports.CardCVCInput = CardCVCInput;
 exports.CardContent = CardContent;
@@ -8573,6 +8684,7 @@ exports.MoonUIBreadcrumbList = BreadcrumbList;
 exports.MoonUIBreadcrumbPage = BreadcrumbPage;
 exports.MoonUIBreadcrumbSeparator = BreadcrumbSeparator;
 exports.MoonUIButton = Button;
+exports.MoonUIButtonGroup = ButtonGroup;
 exports.MoonUICalendar = Calendar;
 exports.MoonUICard = Card;
 exports.MoonUICardCVCInput = CardCVCInput;
@@ -8718,6 +8830,8 @@ exports.MoonUIToastTitle = ToastTitle;
 exports.MoonUIToastViewport = ToastViewport;
 exports.MoonUIToaster = Toaster;
 exports.MoonUIToggle = Toggle;
+exports.MoonUIToggleGroup = ToggleGroup;
+exports.MoonUIToggleGroupItem = ToggleGroupItem;
 exports.MoonUITooltip = Tooltip;
 exports.MoonUITooltipContent = TooltipContent;
 exports.MoonUITooltipProvider = TooltipProvider;
@@ -8797,6 +8911,8 @@ exports.ToastTitle = ToastTitle;
 exports.ToastViewport = ToastViewport;
 exports.Toaster = Toaster;
 exports.Toggle = Toggle;
+exports.ToggleGroup = ToggleGroup;
+exports.ToggleGroupItem = ToggleGroupItem;
 exports.Tooltip = Tooltip;
 exports.TooltipArrow = TooltipArrow;
 exports.TooltipContent = TooltipContent;
@@ -8804,6 +8920,7 @@ exports.TooltipProvider = TooltipProvider;
 exports.TooltipTrigger = TooltipTrigger;
 exports.aspectRatioVariants = aspectRatioVariants;
 exports.badgeVariants = badgeVariants;
+exports.buttonGroupVariants = buttonGroupVariants;
 exports.buttonVariants = buttonVariants;
 exports.carouselContentVariants = carouselContentVariants;
 exports.carouselItemVariants = carouselItemVariants;
@@ -8813,6 +8930,7 @@ exports.collapsibleTriggerVariants = collapsibleTriggerVariants;
 exports.inputOTPSlotVariants = inputOTPSlotVariants;
 exports.kbdVariants = kbdVariants;
 exports.moonUIBadgeVariants = badgeVariants;
+exports.moonUIButtonGroupVariants = buttonGroupVariants;
 exports.moonUIButtonVariants = buttonVariants;
 exports.moonUICarouselContentVariants = carouselContentVariants;
 exports.moonUICarouselItemVariants = carouselItemVariants;