@moontra/moonui 3.1.0 → 3.3.0

package/src/components/ui/rating.tsx

@@ -0,0 +1,253 @@
+"use client"
+
+import * as React from "react";
+import { cva, type VariantProps } from "class-variance-authority";
+import { Star } from "lucide-react";
+import { cn } from "../../lib/utils";
+
+/**
+ * Premium Rating Component
+ *
+ * Standalone yıldız-değerlendirme bileşeni (input + display).
+ * Kontrollü/kontrolsüz kullanım, yarım-yıldız hassasiyeti, salt-gösterim modu
+ * ve tam klavye erişilebilirliği (radiogroup) sunar. Dark/light modda uyumludur.
+ */
+
+const ratingVariants = cva(
+  [
+    "moonui-theme inline-flex items-center rounded-md outline-none",
+    "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+  ],
+  {
+    variants: {
+      size: {
+        sm: "gap-0.5",
+        md: "gap-1",
+        lg: "gap-1.5",
+      },
+    },
+    defaultVariants: {
+      size: "md",
+    },
+  }
+);
+
+// Boyuta göre ikon ölçüsü (yarım-yıldız maskesinin hizalanması için sabit px gerekir)
+const iconSizeMap: Record<NonNullable<VariantProps<typeof ratingVariants>["size"]>, string> = {
+  sm: "h-4 w-4",
+  md: "h-5 w-5",
+  lg: "h-6 w-6",
+};
+
+export interface RatingProps
+  extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">,
+    VariantProps<typeof ratingVariants> {
+  /** Kontrollü değer (0..max) */
+  value?: number;
+  /** Kontrolsüz başlangıç değeri */
+  defaultValue?: number;
+  /** Değer değiştiğinde çağrılır */
+  onValueChange?: (value: number) => void;
+  /** Yıldız sayısı (varsayılan 5) */
+  max?: number;
+  /** Salt-gösterim: etkileşim yok, aria-readonly işaretlenir */
+  readOnly?: boolean;
+  /** Yarım-yıldız desteği (varsayılan "full") */
+  precision?: "full" | "half";
+  /** Özel ikon (varsayılan lucide Star) */
+  icon?: React.ReactNode;
+}
+
+/**
+ * Premium Rating Component
+ *
+ * @param props.value - Kontrollü değer
+ * @param props.defaultValue - Kontrolsüz başlangıç değeri
+ * @param props.onValueChange - Değer değişim geri çağrımı
+ * @param props.max - Yıldız sayısı (varsayılan 5)
+ * @param props.readOnly - Salt-gösterim modu
+ * @param props.precision - "full" | "half" hassasiyet
+ * @param props.icon - Özel ikon
+ * @param props.size - Boyut (sm | md | lg)
+ */
+const Rating = React.forwardRef<HTMLDivElement, RatingProps>(
+  (
+    {
+      className,
+      value,
+      defaultValue,
+      onValueChange,
+      max = 5,
+      readOnly = false,
+      precision = "full",
+      icon,
+      size,
+      "aria-label": ariaLabel = "Rating",
+      ...props
+    },
+    ref
+  ) => {
+    const resolvedSize = size ?? "md";
+    const iconSizeClass = iconSizeMap[resolvedSize];
+    const step = precision === "half" ? 0.5 : 1;
+
+    const isControlled = value !== undefined;
+    const [internalValue, setInternalValue] = React.useState<number>(defaultValue ?? 0);
+    const currentValue = isControlled ? value ?? 0 : internalValue;
+
+    // Hover önizlemesi (geçici doldurma)
+    const [hoverValue, setHoverValue] = React.useState<number | null>(null);
+    const displayValue = hoverValue !== null ? hoverValue : currentValue;
+
+    // Değeri işle: kontrolsüzde iç state'i güncelle, her durumda geri çağrımı tetikle
+    const commit = React.useCallback(
+      (next: number) => {
+        if (readOnly) return;
+        if (!isControlled) setInternalValue(next);
+        onValueChange?.(next);
+      },
+      [readOnly, isControlled, onValueChange]
+    );
+
+    // Klavye: ok-tuşları değeri step kadar artır/azalt, Home/End min/max
+    const handleKeyDown = React.useCallback(
+      (event: React.KeyboardEvent<HTMLDivElement>) => {
+        if (readOnly) return;
+        let next: number | null = null;
+        switch (event.key) {
+          case "ArrowRight":
+          case "ArrowUp":
+            next = Math.min(max, currentValue + step);
+            break;
+          case "ArrowLeft":
+          case "ArrowDown":
+            next = Math.max(step, currentValue - step);
+            break;
+          case "Home":
+            next = step;
+            break;
+          case "End":
+            next = max;
+            break;
+          default:
+            return;
+        }
+        event.preventDefault();
+        commit(next);
+      },
+      [readOnly, max, currentValue, step, commit]
+    );
+
+    // İkonu doldurmalı/boş olarak üret (özel ikon desteklenir)
+    const renderIcon = (filled: boolean): React.ReactNode => {
+      if (React.isValidElement(icon)) {
+        const element = icon as React.ReactElement<{ className?: string }>;
+        return React.cloneElement(element, {
+          className: cn(
+            iconSizeClass,
+            "shrink-0",
+            filled && "fill-current",
+            element.props?.className
+          ),
+        });
+      }
+      return (
+        <Star
+          className={cn(iconSizeClass, "shrink-0", filled && "fill-current")}
+          aria-hidden="true"
+        />
+      );
+    };
+
+    const stars = Array.from({ length: max }, (_, index) => index + 1);
+
+    return (
+      <div
+        ref={ref}
+        role="radiogroup"
+        aria-label={ariaLabel}
+        aria-orientation="horizontal"
+        aria-readonly={readOnly || undefined}
+        tabIndex={readOnly ? undefined : 0}
+        onKeyDown={handleKeyDown}
+        onMouseLeave={() => setHoverValue(null)}
+        className={cn(ratingVariants({ size }), className)}
+        {...props}
+      >
+        {stars.map((starValue) => {
+          // Bu yıldızın doluluk oranı (0..1) — yarım yıldız için ondalık olur
+          const fraction = Math.max(0, Math.min(1, displayValue - (starValue - 1)));
+          const halfValue = starValue - 0.5;
+
+          return (
+            <span
+              key={starValue}
+              data-slot="rating-star"
+              className={cn(
+                "relative inline-flex shrink-0",
+                !readOnly && "cursor-pointer"
+              )}
+            >
+              {/* Boş katman (görsel taban) */}
+              <span aria-hidden="true" className="inline-flex text-muted-foreground/30">
+                {renderIcon(false)}
+              </span>
+
+              {/* Dolu katman — overflow-hidden maske ile kısmi doldurma */}
+              <span
+                aria-hidden="true"
+                className="pointer-events-none absolute left-0 top-0 h-full overflow-hidden text-amber-400"
+                style={{ width: `${fraction * 100}%` }}
+              >
+                {renderIcon(true)}
+              </span>
+
+              {/* Etkileşim katmanı (salt-gösterimde yok) */}
+              {!readOnly && precision === "half" && (
+                <>
+                  <button
+                    type="button"
+                    role="radio"
+                    aria-checked={currentValue === halfValue}
+                    aria-label={`${halfValue} stars`}
+                    tabIndex={-1}
+                    onClick={() => commit(halfValue)}
+                    onMouseEnter={() => setHoverValue(halfValue)}
+                    className="absolute inset-y-0 left-0 z-10 w-1/2 cursor-pointer bg-transparent"
+                  />
+                  <button
+                    type="button"
+                    role="radio"
+                    aria-checked={currentValue === starValue}
+                    aria-label={`${starValue} stars`}
+                    tabIndex={-1}
+                    onClick={() => commit(starValue)}
+                    onMouseEnter={() => setHoverValue(starValue)}
+                    className="absolute inset-y-0 right-0 z-10 w-1/2 cursor-pointer bg-transparent"
+                  />
+                </>
+              )}
+
+              {!readOnly && precision === "full" && (
+                <button
+                  type="button"
+                  role="radio"
+                  aria-checked={currentValue === starValue}
+                  aria-label={`${starValue} ${starValue === 1 ? "star" : "stars"}`}
+                  tabIndex={-1}
+                  onClick={() => commit(starValue)}
+                  onMouseEnter={() => setHoverValue(starValue)}
+                  className="absolute inset-0 z-10 cursor-pointer bg-transparent"
+                />
+              )}
+            </span>
+          );
+        })}
+      </div>
+    );
+  }
+);
+
+Rating.displayName = "Rating";
+
+export { Rating, ratingVariants };

package/src/components/ui/spinner.tsx

@@ -0,0 +1,112 @@
+"use client";
+
+import * as React from "react";
+import { cva, type VariantProps } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+
+/**
+ * Spinner Component
+ *
+ * Bağımsız (standalone) dönen yükleme göstergesi. Asenkron işlemler
+ * sırasında kullanıcıya süregelen bir aktivite olduğunu bildirmek için
+ * kullanılır.
+ *
+ * Erişilebilirlik: `role="status"` + `aria-live="polite"` ile ekran
+ * okuyuculara duyurulur; görsel olarak gizli (`sr-only`) `label` metni
+ * seslendirilir. `prefers-reduced-motion` açıkken animasyon
+ * `motion-reduce:animate-none` ile durdurulur.
+ *
+ * Renk `currentColor` üzerinden miras alınır; `text-primary`, `text-muted-foreground`
+ * gibi metin renk yardımcılarıyla renklendirilir (hardcoded renk yoktur).
+ */
+
+// Dönen halka (default) varyantının temel stilleri + boyut eşlemesi
+const spinnerVariants = cva(
+  [
+    "inline-block shrink-0 rounded-full",
+    "border-current border-t-transparent",
+    "animate-spin motion-reduce:animate-none",
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-4 border-2", // 16px
+        md: "h-6 w-6 border-2", // 24px
+        lg: "h-8 w-8 border-[3px]", // 32px
+        xl: "h-10 w-10 border-4", // 40px
+      },
+    },
+    defaultVariants: {
+      size: "md",
+    },
+  }
+);
+
+// Dots varyantı için nokta boyutu eşlemesi (renk `currentColor` ile gelir)
+const dotSizeMap = {
+  sm: "h-1 w-1",
+  md: "h-1.5 w-1.5",
+  lg: "h-2 w-2",
+  xl: "h-2.5 w-2.5",
+} as const;
+
+export interface SpinnerProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof spinnerVariants> {
+  /**
+   * Görsel stil: dönen halka (`default`) veya zıplayan noktalar (`dots`)
+   */
+  variant?: "default" | "dots";
+  /**
+   * Ekran okuyucular için erişilebilir metin (görsel olarak gizli)
+   * @default "Loading"
+   */
+  label?: string;
+}
+
+/**
+ * Spinner — dönen yükleme göstergesi
+ *
+ * @param props.size - Gösterge boyutu (`sm` | `md` | `lg` | `xl`)
+ * @param props.variant - Görsel stil (`default` halka | `dots` noktalar)
+ * @param props.label - Ekran okuyucular için erişilebilir metin (varsayılan "Loading")
+ */
+const Spinner = React.forwardRef<HTMLDivElement, SpinnerProps>(
+  ({ className, size, variant = "default", label = "Loading", ...props }, ref) => {
+    return (
+      <div
+        ref={ref}
+        role="status"
+        aria-live="polite"
+        className={cn(
+          "moonui-theme inline-flex items-center justify-center",
+          className
+        )}
+        {...props}
+      >
+        {variant === "dots" ? (
+          <span className="inline-flex items-center gap-1" aria-hidden="true">
+            {[0, 1, 2].map((i) => (
+              <span
+                key={i}
+                className={cn(
+                  "inline-block rounded-full bg-current",
+                  "animate-bounce motion-reduce:animate-none",
+                  dotSizeMap[size ?? "md"]
+                )}
+                style={{ animationDelay: `${i * 0.15}s` }}
+              />
+            ))}
+          </span>
+        ) : (
+          <span className={cn(spinnerVariants({ size }))} aria-hidden="true" />
+        )}
+        {/* Görsel olarak gizli erişilebilir metin */}
+        <span className="sr-only">{label}</span>
+      </div>
+    );
+  }
+);
+Spinner.displayName = "Spinner";
+
+export { Spinner, spinnerVariants };

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