@moontra/moonui 3.2.0 → 3.3.0

package/src/components/ui/__tests__/toggle-group.test.tsx

@@ -0,0 +1,293 @@
+import React from 'react'
+import { render, screen, fireEvent } from '@testing-library/react'
+import '@testing-library/jest-dom'
+
+import { ToggleGroup, ToggleGroupItem } from '../toggle-group'
+
+describe('ToggleGroup Components', () => {
+  describe('Rendering', () => {
+    it('renders group with items', () => {
+      render(
+        <ToggleGroup type="single" data-testid="group">
+          <ToggleGroupItem value="a">A</ToggleGroupItem>
+          <ToggleGroupItem value="b">B</ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      const group = screen.getByTestId('group')
+      expect(group).toBeInTheDocument()
+      expect(screen.getByText('A')).toBeInTheDocument()
+      expect(screen.getByText('B')).toBeInTheDocument()
+    })
+
+    it('applies base + custom className on the root', () => {
+      render(
+        <ToggleGroup type="single" className="custom-group" data-testid="group">
+          <ToggleGroupItem value="a">A</ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      const group = screen.getByTestId('group')
+      // moonui-theme + FREE token/layout base sınıfları korunur
+      expect(group).toHaveClass('moonui-theme', 'inline-flex', 'items-center', 'gap-1')
+      expect(group).toHaveClass('custom-group')
+    })
+
+    it('applies custom className on an item alongside toggleVariants', () => {
+      render(
+        <ToggleGroup type="single">
+          <ToggleGroupItem value="a" className="custom-item">
+            A
+          </ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      const item = screen.getByText('A')
+      expect(item).toHaveClass('custom-item')
+      // toggleVariants'tan gelen aktif-durum token sınıfı
+      expect(item).toHaveClass('data-[state=on]:bg-accent')
+    })
+
+    it('forwards ref on the group', () => {
+      const ref = React.createRef<HTMLDivElement>()
+      render(
+        <ToggleGroup type="single" ref={ref}>
+          <ToggleGroupItem value="a">A</ToggleGroupItem>
+        </ToggleGroup>
+      )
+      expect(ref.current).toBeInstanceOf(HTMLDivElement)
+    })
+
+    it('forwards ref on the item', () => {
+      const ref = React.createRef<HTMLButtonElement>()
+      render(
+        <ToggleGroup type="single">
+          <ToggleGroupItem value="a" ref={ref}>
+            A
+          </ToggleGroupItem>
+        </ToggleGroup>
+      )
+      expect(ref.current).toBeInstanceOf(HTMLButtonElement)
+    })
+
+    it('maintains displayNames', () => {
+      expect(ToggleGroup.displayName).toBe('ToggleGroup')
+      expect(ToggleGroupItem.displayName).toBe('ToggleGroupItem')
+    })
+  })
+
+  describe('Single selection (type="single")', () => {
+    it('marks exactly one item active via defaultValue', () => {
+      render(
+        <ToggleGroup type="single" defaultValue="b">
+          <ToggleGroupItem value="a">A</ToggleGroupItem>
+          <ToggleGroupItem value="b">B</ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      expect(screen.getByText('A')).toHaveAttribute('data-state', 'off')
+      expect(screen.getByText('B')).toHaveAttribute('data-state', 'on')
+    })
+
+    it('respects controlled value', () => {
+      render(
+        <ToggleGroup type="single" value="a">
+          <ToggleGroupItem value="a">A</ToggleGroupItem>
+          <ToggleGroupItem value="b">B</ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      expect(screen.getByText('A')).toHaveAttribute('data-state', 'on')
+      expect(screen.getByText('B')).toHaveAttribute('data-state', 'off')
+    })
+
+    it('fires onValueChange with a string on click', () => {
+      const onValueChange = jest.fn()
+      render(
+        <ToggleGroup type="single" onValueChange={onValueChange}>
+          <ToggleGroupItem value="a">A</ToggleGroupItem>
+          <ToggleGroupItem value="b">B</ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      fireEvent.click(screen.getByText('B'))
+      expect(onValueChange).toHaveBeenCalledWith('b')
+    })
+  })
+
+  describe('Multiple selection (type="multiple")', () => {
+    it('marks multiple items active via defaultValue', () => {
+      render(
+        <ToggleGroup type="multiple" defaultValue={['a', 'b']}>
+          <ToggleGroupItem value="a">A</ToggleGroupItem>
+          <ToggleGroupItem value="b">B</ToggleGroupItem>
+          <ToggleGroupItem value="c">C</ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      expect(screen.getByText('A')).toHaveAttribute('data-state', 'on')
+      expect(screen.getByText('B')).toHaveAttribute('data-state', 'on')
+      expect(screen.getByText('C')).toHaveAttribute('data-state', 'off')
+    })
+
+    it('fires onValueChange with an array on click', () => {
+      const onValueChange = jest.fn()
+      render(
+        <ToggleGroup type="multiple" defaultValue={['a']} onValueChange={onValueChange}>
+          <ToggleGroupItem value="a">A</ToggleGroupItem>
+          <ToggleGroupItem value="b">B</ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      fireEvent.click(screen.getByText('B'))
+      expect(onValueChange).toHaveBeenCalledWith(['a', 'b'])
+    })
+  })
+
+  describe('Variant / size context propagation', () => {
+    it('propagates group variant + size to items', () => {
+      render(
+        <ToggleGroup type="single" variant="outline" size="lg">
+          <ToggleGroupItem value="a">A</ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      const item = screen.getByText('A')
+      // outline variant + lg size (toggleVariants ile birebir)
+      expect(item).toHaveClass('border', 'border-input')
+      expect(item).toHaveClass('h-11', 'px-5')
+    })
+
+    it('uses item prop when the group provides no variant/size', () => {
+      render(
+        <ToggleGroup type="single">
+          <ToggleGroupItem value="a" variant="outline" size="sm">
+            A
+          </ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      const item = screen.getByText('A')
+      // context tanımsız → item prop devreye girer
+      expect(item).toHaveClass('border', 'border-input')
+      expect(item).toHaveClass('h-9', 'px-2.5')
+    })
+
+    it('group variant overrides item variant (context wins)', () => {
+      render(
+        <ToggleGroup type="single" variant="outline">
+          <ToggleGroupItem value="a" variant="default">
+            A
+          </ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      const item = screen.getByText('A')
+      // context.variant ?? props.variant → outline kazanır
+      expect(item).toHaveClass('border', 'border-input')
+    })
+
+    it('falls back to default variant/size when nothing is set', () => {
+      render(
+        <ToggleGroup type="single">
+          <ToggleGroupItem value="a">A</ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      const item = screen.getByText('A')
+      // default variant: bg-transparent, default size: h-10 px-3
+      expect(item).toHaveClass('bg-transparent', 'h-10', 'px-3')
+    })
+  })
+
+  describe('Disabled state', () => {
+    it('disables all items when the group is disabled', () => {
+      render(
+        <ToggleGroup type="single" disabled>
+          <ToggleGroupItem value="a">A</ToggleGroupItem>
+          <ToggleGroupItem value="b">B</ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      expect(screen.getByText('A')).toBeDisabled()
+      expect(screen.getByText('B')).toBeDisabled()
+    })
+
+    it('disables an individual item', () => {
+      const onValueChange = jest.fn()
+      render(
+        <ToggleGroup type="single" onValueChange={onValueChange}>
+          <ToggleGroupItem value="a">A</ToggleGroupItem>
+          <ToggleGroupItem value="b" disabled>
+            B
+          </ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      const disabledItem = screen.getByText('B')
+      expect(disabledItem).toBeDisabled()
+      fireEvent.click(disabledItem)
+      expect(onValueChange).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('Accessibility (Radix-provided)', () => {
+    it('single group exposes radiogroup + radio roles', () => {
+      render(
+        <ToggleGroup type="single" data-testid="group">
+          <ToggleGroupItem value="a">A</ToggleGroupItem>
+          <ToggleGroupItem value="b">B</ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      expect(screen.getByTestId('group')).toHaveAttribute('role', 'radiogroup')
+      expect(screen.getAllByRole('radio')).toHaveLength(2)
+    })
+
+    it('single active item reflects aria-checked', () => {
+      render(
+        <ToggleGroup type="single" defaultValue="a">
+          <ToggleGroupItem value="a">A</ToggleGroupItem>
+          <ToggleGroupItem value="b">B</ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      expect(screen.getByText('A')).toHaveAttribute('aria-checked', 'true')
+      expect(screen.getByText('B')).toHaveAttribute('aria-checked', 'false')
+    })
+
+    it('multiple group exposes toolbar role + aria-pressed items', () => {
+      render(
+        <ToggleGroup type="multiple" defaultValue={['a']} data-testid="group">
+          <ToggleGroupItem value="a">A</ToggleGroupItem>
+          <ToggleGroupItem value="b">B</ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      expect(screen.getByTestId('group')).toHaveAttribute('role', 'toolbar')
+      expect(screen.getByText('A')).toHaveAttribute('aria-pressed', 'true')
+      expect(screen.getByText('B')).toHaveAttribute('aria-pressed', 'false')
+    })
+
+    it('renders items as focusable buttons with Radix roving tabindex', () => {
+      render(
+        <ToggleGroup type="single" defaultValue="a">
+          <ToggleGroupItem value="a">A</ToggleGroupItem>
+          <ToggleGroupItem value="b">B</ToggleGroupItem>
+        </ToggleGroup>
+      )
+
+      const first = screen.getByText('A')
+      const second = screen.getByText('B')
+
+      // Radix RovingFocusGroup her item'a bir tabindex atar (roving nav altyapısı).
+      // Ok-tuşuyla odak taşıma gerçek tarayıcıda Radix tarafından sağlanır;
+      // jsdom odak olaylarını tam simüle etmediği için burada odaklanabilirlik doğrulanır.
+      expect(first).toHaveAttribute('tabindex')
+      expect(second).toHaveAttribute('tabindex')
+
+      first.focus()
+      expect(first).toHaveFocus()
+    })
+  })
+})

package/src/components/ui/button-group.tsx

@@ -0,0 +1,125 @@
+"use client"
+
+import * as React from "react";
+import { cva, type VariantProps } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+import { Button, type ButtonProps } from "./button";
+
+/**
+ * Premium ButtonGroup Component
+ *
+ * Bitişik (segmentli) veya boşluklu buton grupları için yüksek kaliteli,
+ * erişilebilir bir kapsayıcı bileşen. Yatay/dikey yerleşim, bitişik kenar
+ * radius birleştirme ve çocuk `<Button>`'lara size/variant yayılımı sunar.
+ *
+ * Tamamen token-tabanlıdır: kenarlık ve köşe yuvarlama değerleri mevcut Button
+ * token'larından gelir; hardcoded renk YOKtur.
+ */
+const buttonGroupVariants = 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,
+    },
+  }
+);
+
+// ButtonGroup component props
+export interface ButtonGroupProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof buttonGroupVariants> {
+  /** Çocuk Button'lara yayılacak boyut (yalnızca çocuk kendi size'ını vermemişse) */
+  size?: ButtonProps["size"];
+  /** Çocuk Button'lara yayılacak varyant (yalnızca çocuk kendi variant'ını vermemişse) */
+  variant?: ButtonProps["variant"];
+}
+
+/**
+ * Premium ButtonGroup Component
+ *
+ * @param props - ButtonGroup bileşeni özellikleri
+ * @param props.orientation - Yerleşim yönü ("horizontal" | "vertical"), varsayılan "horizontal"
+ * @param props.attached - Bitişik (segmentli) mi yoksa boşluklu mu, varsayılan true
+ * @param props.size - Çocuk Button'lara yayılacak boyut (opsiyonel)
+ * @param props.variant - Çocuk Button'lara yayılacak varyant (opsiyonel)
+ */
+const ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(
+  (
+    { className, orientation, attached, size, variant, children, ...props },
+    ref
+  ) => {
+    // size/variant yalnızca en az biri tanımlıysa çocuklara enjekte edilir
+    const shouldPropagate = size !== undefined || variant !== undefined;
+
+    const enhancedChildren = shouldPropagate
+      ? React.Children.map(children, (child) => {
+          // Geçersiz element (string/number/null) veya Button olmayan çocuklar
+          // GRACEFUL geçilir — geçersiz prop enjekte edilmez
+          if (!React.isValidElement(child) || child.type !== Button) {
+            return child;
+          }
+
+          const childProps = child.props as ButtonProps;
+
+          // Çocuğun kendi prop'u önceliklidir (child.props.size ?? size)
+          return React.cloneElement(child as React.ReactElement<ButtonProps>, {
+            size: childProps.size ?? size,
+            variant: childProps.variant ?? variant,
+          });
+        })
+      : children;
+
+    return (
+      <div
+        ref={ref}
+        role="group"
+        className={cn(buttonGroupVariants({ orientation, attached }), className)}
+        {...props}
+      >
+        {enhancedChildren}
+      </div>
+    );
+  }
+);
+
+ButtonGroup.displayName = "ButtonGroup";
+
+export { ButtonGroup, buttonGroupVariants };

package/src/components/ui/index.ts

@@ -445,6 +445,23 @@ export {
 } from "./spinner";
 export type { SpinnerProps as MoonUISpinnerProps } from "./spinner";
 
+// Button Group (issue #257) — bitişik/segmentli buton grupları
+export {
+    ButtonGroup as MoonUIButtonGroup,
+    buttonGroupVariants as moonUIButtonGroupVariants,
+} from "./button-group";
+export type { ButtonGroupProps as MoonUIButtonGroupProps } from "./button-group";
+
+// Toggle Group (issue #257) — tek/çoklu seçim segmented toggle seti
+export {
+    ToggleGroup as MoonUIToggleGroup,
+    ToggleGroupItem as MoonUIToggleGroupItem,
+} from "./toggle-group";
+export type {
+    ToggleGroupProps as MoonUIToggleGroupProps,
+    ToggleGroupItemProps as MoonUIToggleGroupItemProps,
+} from "./toggle-group";
+
 // Also export without MoonUI prefix for backward compatibility
 export * from "./accordion";
 export * from "./alert";
@@ -497,3 +514,5 @@ export * from "./tooltip";
 export * from "./kbd";
 export * from "./rating";
 export * from "./spinner";
+export * from "./button-group";
+export * from "./toggle-group";

package/src/components/ui/toggle-group.tsx

@@ -0,0 +1,93 @@
+"use client"
+
+import * as React from "react"
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"
+import { type VariantProps } from "class-variance-authority"
+
+import { cn } from "../../lib/utils"
+import { toggleVariants } from "./toggle"
+
+/**
+ * ToggleGroup Component
+ *
+ * Tek (single) veya çoklu (multiple) seçim destekleyen segmented toggle seti.
+ * Radix UI `ToggleGroup` primitive'i üzerine kuruludur; roving-tabindex klavye
+ * navigasyonu, tek/çoklu seçim mantığı ve erişilebilirlik rolleri (single için
+ * `role="radiogroup"` + item `role="radio"`, multiple için `role="toolbar"` +
+ * item `aria-pressed`) Radix tarafından yönetilir — bu davranış yeniden yazılmaz.
+ *
+ * `variant` ve `size` değerleri bir React context (`ToggleGroupContext`) ile
+ * item'lara yayılır (shadcn deseni). Her `ToggleGroupItem`, `Toggle` bileşeniyle
+ * görsel parite için `toggleVariants`'i yeniden kullanır — aktif durum
+ * `data-[state=on]:bg-accent data-[state=on]:text-accent-foreground` ile stillenir.
+ */
+
+// Grup düzeyinde belirlenen variant/size'i item'lara taşıyan context (shadcn deseni).
+// Item, önce context değerini; context tanımsızsa kendi prop'unu kullanır.
+const ToggleGroupContext = React.createContext<
+  VariantProps<typeof toggleVariants>
+>({
+  size: "default",
+  variant: "default",
+})
+
+// NOT: Radix `ToggleGroup.Root` prop tipi ayrımlı bir union'dır
+// (type="single" → value: string, type="multiple" → value: string[]). Bir `interface`
+// union'ı `extend` edemediğinden burada intersection'lı `type` alias kullanılır — bu,
+// tek/çoklu ayrımını (discriminated union) korur.
+export type ToggleGroupProps = React.ComponentPropsWithoutRef<
+  typeof ToggleGroupPrimitive.Root
+> &
+  VariantProps<typeof toggleVariants>
+
+const ToggleGroup = React.forwardRef<
+  React.ElementRef<typeof ToggleGroupPrimitive.Root>,
+  ToggleGroupProps
+>(({ className, variant, size, children, ...props }, ref) => (
+  <ToggleGroupPrimitive.Root
+    ref={ref}
+    className={cn(
+      "moonui-theme inline-flex items-center justify-center gap-1",
+      className
+    )}
+    {...props}
+  >
+    <ToggleGroupContext.Provider value={{ variant, size }}>
+      {children}
+    </ToggleGroupContext.Provider>
+  </ToggleGroupPrimitive.Root>
+))
+
+ToggleGroup.displayName = "ToggleGroup"
+
+export interface ToggleGroupItemProps
+  extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>,
+    VariantProps<typeof toggleVariants> {}
+
+const ToggleGroupItem = React.forwardRef<
+  React.ElementRef<typeof ToggleGroupPrimitive.Item>,
+  ToggleGroupItemProps
+>(({ className, children, variant, size, ...props }, ref) => {
+  // Grup context'i varsa onun değeri, yoksa item'ın kendi prop'u geçerli olur.
+  const context = React.useContext(ToggleGroupContext)
+
+  return (
+    <ToggleGroupPrimitive.Item
+      ref={ref}
+      className={cn(
+        toggleVariants({
+          variant: context.variant ?? variant,
+          size: context.size ?? size,
+        }),
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </ToggleGroupPrimitive.Item>
+  )
+})
+
+ToggleGroupItem.displayName = "ToggleGroupItem"
+
+export { ToggleGroup, ToggleGroupItem }

package/dist/chunk-X5ULQZNC.global.js

@@ -1,33 +0,0 @@
-'use client';
-
-/** @license MoonUI v1.0.0 - MIT License - https://moonui.dev */
-var M=Object.create;var $=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,W=Object.prototype.hasOwnProperty;var ve=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var d=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var Y=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of z(t))!W.call(e,o)&&o!==r&&$(e,o,{get:()=>t[o],enumerable:!(n=B(t,o))||n.enumerable});return e};var me=(e,t,r)=>(r=e!=null?M(H(e)):{},Y(t||!e||!e.__esModule?$(r,"default",{value:e,enumerable:!0}):r,e));var T=d(u=>{"use strict";var y=Symbol.for("react.element"),G=Symbol.for("react.portal"),J=Symbol.for("react.fragment"),K=Symbol.for("react.strict_mode"),Q=Symbol.for("react.profiler"),X=Symbol.for("react.provider"),Z=Symbol.for("react.context"),ee=Symbol.for("react.forward_ref"),te=Symbol.for("react.suspense"),re=Symbol.for("react.memo"),ne=Symbol.for("react.lazy"),b=Symbol.iterator;function oe(e){return e===null||typeof e!="object"?null:(e=b&&e[b]||e["@@iterator"],typeof e=="function"?e:null)}var C={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},x=Object.assign,P={};function p(e,t,r){this.props=e,this.context=t,this.refs=P,this.updater=r||C}p.prototype.isReactComponent={};p.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};p.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function g(){}g.prototype=p.prototype;function E(e,t,r){this.props=e,this.context=t,this.refs=P,this.updater=r||C}var k=E.prototype=new g;k.constructor=E;x(k,p.prototype);k.isPureReactComponent=!0;var j=Array.isArray,I=Object.prototype.hasOwnProperty,R={current:null},q={key:!0,ref:!0,__self:!0,__source:!0};function N(e,t,r){var n,o={},i=null,s=null;if(t!=null)for(n in t.ref!==void 0&&(s=t.ref),t.key!==void 0&&(i=""+t.key),t)I.call(t,n)&&!q.hasOwnProperty(n)&&(o[n]=t[n]);var f=arguments.length-2;if(f===1)o.children=r;else if(1<f){for(var c=Array(f),a=0;a<f;a++)c[a]=arguments[a+2];o.children=c}if(e&&e.defaultProps)for(n in f=e.defaultProps,f)o[n]===void 0&&(o[n]=f[n]);return{$$typeof:y,type:e,key:i,ref:s,props:o,_owner:R.current}}function ue(e,t){return{$$typeof:y,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function w(e){return typeof e=="object"&&e!==null&&e.$$typeof===y}function ie(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(r){return t[r]})}var O=/\/+/g;function S(e,t){return typeof e=="object"&&e!==null&&e.key!=null?ie(""+e.key):t.toString(36)}function v(e,t,r,n,o){var i=typeof e;(i==="undefined"||i==="boolean")&&(e=null);var s=!1;if(e===null)s=!0;else switch(i){case"string":case"number":s=!0;break;case"object":switch(e.$$typeof){case y:case G:s=!0}}if(s)return s=e,o=o(s),e=n===""?"."+S(s,0):n,j(o)?(r="",e!=null&&(r=e.replace(O,"$&/")+"/"),v(o,t,r,"",function(a){return a})):o!=null&&(w(o)&&(o=ue(o,r+(!o.key||s&&s.key===o.key?"":(""+o.key).replace(O,"$&/")+"/")+e)),t.push(o)),1;if(s=0,n=n===""?".":n+":",j(e))for(var f=0;f<e.length;f++){i=e[f];var c=n+S(i,f);s+=v(i,t,r,c,o)}else if(c=oe(e),typeof c=="function")for(e=c.call(e),f=0;!(i=e.next()).done;)i=i.value,c=n+S(i,f++),s+=v(i,t,r,c,o);else if(i==="object")throw t=String(e),Error("Objects are not valid as a React child (found: "+(t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return s}function _(e,t,r){if(e==null)return e;var n=[],o=0;return v(e,n,"","",function(i){return t.call(r,i,o++)}),n}function se(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(r){(e._status===0||e._status===-1)&&(e._status=1,e._result=r)},function(r){(e._status===0||e._status===-1)&&(e._status=2,e._result=r)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var l={current:null},m={transition:null},ce={ReactCurrentDispatcher:l,ReactCurrentBatchConfig:m,ReactCurrentOwner:R};function D(){throw Error("act(...) is not supported in production builds of React.")}u.Children={map:_,forEach:function(e,t,r){_(e,function(){t.apply(this,arguments)},r)},count:function(e){var t=0;return _(e,function(){t++}),t},toArray:function(e){return _(e,function(t){return t})||[]},only:function(e){if(!w(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};u.Component=p;u.Fragment=J;u.Profiler=Q;u.PureComponent=E;u.StrictMode=K;u.Suspense=te;u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ce;u.act=D;u.cloneElement=function(e,t,r){if(e==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var n=x({},e.props),o=e.key,i=e.ref,s=e._owner;if(t!=null){if(t.ref!==void 0&&(i=t.ref,s=R.current),t.key!==void 0&&(o=""+t.key),e.type&&e.type.defaultProps)var f=e.type.defaultProps;for(c in t)I.call(t,c)&&!q.hasOwnProperty(c)&&(n[c]=t[c]===void 0&&f!==void 0?f[c]:t[c])}var c=arguments.length-2;if(c===1)n.children=r;else if(1<c){f=Array(c);for(var a=0;a<c;a++)f[a]=arguments[a+2];n.children=f}return{$$typeof:y,type:e.type,key:o,ref:i,props:n,_owner:s}};u.createContext=function(e){return e={$$typeof:Z,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:X,_context:e},e.Consumer=e};u.createElement=N;u.createFactory=function(e){var t=N.bind(null,e);return t.type=e,t};u.createRef=function(){return{current:null}};u.forwardRef=function(e){return{$$typeof:ee,render:e}};u.isValidElement=w;u.lazy=function(e){return{$$typeof:ne,_payload:{_status:-1,_result:e},_init:se}};u.memo=function(e,t){return{$$typeof:re,type:e,compare:t===void 0?null:t}};u.startTransition=function(e){var t=m.transition;m.transition={};try{e()}finally{m.transition=t}};u.unstable_act=D;u.useCallback=function(e,t){return l.current.useCallback(e,t)};u.useContext=function(e){return l.current.useContext(e)};u.useDebugValue=function(){};u.useDeferredValue=function(e){return l.current.useDeferredValue(e)};u.useEffect=function(e,t){return l.current.useEffect(e,t)};u.useId=function(){return l.current.useId()};u.useImperativeHandle=function(e,t,r){return l.current.useImperativeHandle(e,t,r)};u.useInsertionEffect=function(e,t){return l.current.useInsertionEffect(e,t)};u.useLayoutEffect=function(e,t){return l.current.useLayoutEffect(e,t)};u.useMemo=function(e,t){return l.current.useMemo(e,t)};u.useReducer=function(e,t,r){return l.current.useReducer(e,t,r)};u.useRef=function(e){return l.current.useRef(e)};u.useState=function(e){return l.current.useState(e)};u.useSyncExternalStore=function(e,t,r){return l.current.useSyncExternalStore(e,t,r)};u.useTransition=function(){return l.current.useTransition()};u.version="18.3.1"});var L=d((Ee,V)=>{"use strict";V.exports=T()});var A=d(h=>{"use strict";var fe=L(),le=Symbol.for("react.element"),ae=Symbol.for("react.fragment"),pe=Object.prototype.hasOwnProperty,ye=fe.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,de={key:!0,ref:!0,__self:!0,__source:!0};function U(e,t,r){var n,o={},i=null,s=null;r!==void 0&&(i=""+r),t.key!==void 0&&(i=""+t.key),t.ref!==void 0&&(s=t.ref);for(n in t)pe.call(t,n)&&!de.hasOwnProperty(n)&&(o[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps,t)o[n]===void 0&&(o[n]=t[n]);return{$$typeof:le,type:e,key:i,ref:s,props:o,_owner:ye.current}}h.Fragment=ae;h.jsx=U;h.jsxs=U});var _e=d((Re,F)=>{"use strict";F.exports=A()});export{ve as a,d as b,me as c,L as d,_e as e};
-/*! Bundled license information:
-
-react/cjs/react.production.min.js:
-  (**
-   * @license React
-   * react.production.min.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-react/cjs/react-jsx-runtime.production.min.js:
-  (**
-   * @license React
-   * react-jsx-runtime.production.min.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-*/
-
-if (typeof window !== 'undefined' && !window.React) {
-    console.warn('MoonUI: React not found. Please include React and ReactDOM before MoonUI.');
-}
-//# sourceMappingURL=chunk-X5ULQZNC.global.js.map