@mdigital_ui/ui 0.4.2 → 0.4.4

package/dist/{chunk-N2WHJ3FI.js → chunk-QEAALOJC.js}

@@ -1,9 +1,7 @@
-import { cn } from './chunk-NGYLRX6F.js';
-import React, { useRef, useState, useEffect } from 'react';
+import { cn } from './chunk-RAS6HUEI.js';
+import React, { useState, useEffect } from 'react';
 import { Pagination } from 'swiper/modules';
 import { Swiper } from 'swiper/react';
-import 'swiper/css';
-import 'swiper/css/pagination';
 import { ChevronRight, ChevronLeft } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -42,7 +40,7 @@ function CarouselNavigation({ type, swiper, className }) {
         "flex items-center justify-center w-9 h-9 rounded-full border border-border bg-background shadow-sm hover:bg-surface transition cursor-pointer focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 outline-none",
         className
       ),
-      children: type === "next" ? /* @__PURE__ */ jsx(ChevronRight, { size: 18, "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronLeft, { size: 18, "aria-hidden": "true" })
+      children: type === "next" ? /* @__PURE__ */ jsx(ChevronRight, { width: 18, height: 18, "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronLeft, { width: 18, height: 18, "aria-hidden": "true" })
     }
   );
 }
@@ -61,13 +59,14 @@ var Carousel = React.memo(
     className,
     classNames,
     modules,
+    ariaLabel = "Carousel",
     ...props
   }) => {
-    const swiperRef = useRef(null);
-    const [, setRenderTrigger] = useState(0);
+    const [swiper, setSwiper] = useState(null);
     return /* @__PURE__ */ jsxs(
       "div",
       {
+        "data-slot": "root",
         className: cn(
           "carousel_root",
           "relative h-full group",
@@ -76,7 +75,7 @@ var Carousel = React.memo(
         ),
         role: "region",
         "aria-roledescription": "carousel",
-        "aria-label": "Image carousel",
+        "aria-label": ariaLabel,
         children: [
           withArrows && /* @__PURE__ */ jsx("div", { className: cn(
             "carousel_navigation",
@@ -86,7 +85,7 @@ var Carousel = React.memo(
             CarouselNavigation,
             {
               type: "prev",
-              swiper: swiperRef.current,
+              swiper,
               className: cn("carousel_navButton", classNames?.navButton)
             }
           ) }),
@@ -95,12 +94,11 @@ var Carousel = React.memo(
             {
               loop,
               ...props,
-              modules: [Pagination, ...modules || []],
+              modules: [...withPagination ? [Pagination] : [], ...modules || []],
               pagination: withPagination ? pagination : false,
               className: cn("carousel_wrapper", "relative", classNames?.wrapper),
-              onBeforeInit: (swiper) => {
-                swiperRef.current = swiper;
-                setRenderTrigger((x) => x + 1);
+              onBeforeInit: (s) => {
+                setSwiper(s);
               },
               children
             }
@@ -113,7 +111,7 @@ var Carousel = React.memo(
             CarouselNavigation,
             {
               type: "next",
-              swiper: swiperRef.current,
+              swiper,
               className: cn("carousel_navButton", classNames?.navButton)
             }
           ) })
@@ -126,5 +124,5 @@ Carousel.displayName = "Carousel";
 var carousel_default = Carousel;
 
 export { carousel_default };
-//# sourceMappingURL=chunk-N2WHJ3FI.js.map
-//# sourceMappingURL=chunk-N2WHJ3FI.js.map
+//# sourceMappingURL=chunk-QEAALOJC.js.map
+//# sourceMappingURL=chunk-QEAALOJC.js.map

package/dist/chunk-QEAALOJC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/carousel/carousel-navigation.tsx","../src/carousel/index.tsx"],"names":["useState","jsx"],"mappings":"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","file":"chunk-QEAALOJC.js","sourcesContent":["'use client'\n\nimport { Swiper as SwiperType } from 'swiper/types'\nimport { useEffect, useState } from 'react'\nimport { cn } from '../utils'\n\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\n\ninterface CarouselNavigationProps {\n  type: 'next' | 'prev'\n  swiper: SwiperType | null\n  className?: string\n}\n\nexport function CarouselNavigation({ type, swiper, className }: CarouselNavigationProps) {\n  const [slideConfig, setSlideConfig] = useState({\n    isBeginning: true,\n    isEnd: false,\n  })\n\n  useEffect(() => {\n    if (!swiper) return\n\n    const updateSlideState = () => {\n      setSlideConfig({ isBeginning: swiper.isBeginning, isEnd: swiper.isEnd })\n    }\n\n    swiper.on('slideChange', updateSlideState)\n\n    return () => {\n      swiper.off('slideChange', updateSlideState)\n    }\n  }, [swiper])\n\n  if (!swiper) return null\n  if (slideConfig.isBeginning && type === 'prev') return null\n  if (slideConfig.isEnd && type === 'next') return null\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={type === 'next' ? 'Next slide' : 'Previous slide'}\n      onClick={(e) => {\n        e.stopPropagation()\n        if (type === 'next') {\n          swiper?.slideNext()\n        } else {\n          swiper?.slidePrev()\n        }\n      }}\n      className={cn(\n        'flex items-center justify-center w-9 h-9 rounded-full border border-border bg-background shadow-sm hover:bg-surface transition cursor-pointer focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 outline-none',\n        className\n      )}\n    >\n      {type === 'next' ? <ChevronRight width={18} height={18} aria-hidden=\"true\" /> : <ChevronLeft width={18} height={18} aria-hidden=\"true\" />}\n    </button>\n  )\n}\n","'use client'\n\nimport React, { useState } from 'react'\nimport { Pagination } from 'swiper/modules'\nimport { Swiper, SwiperProps } from 'swiper/react'\nimport { PaginationOptions, Swiper as SwiperType } from 'swiper/types'\n\n// Swiper styles — also available as separate import: '@mdigital_ui/ui/carousel/styles'\nimport './styles'\n\nimport { cn } from '../utils'\nimport { CarouselNavigation } from './carousel-navigation'\n\nexport interface CarouselClassNames {\n  /**\n   * Class name for the root container\n   */\n  root?: string\n\n  /**\n   * Class name for the wrapper element\n   */\n  wrapper?: string\n\n  /**\n   * Class name for individual slides\n   */\n  slide?: string\n\n  /**\n   * Class name for the navigation container\n   */\n  navigation?: string\n\n  /**\n   * Class name for navigation buttons\n   */\n  navButton?: string\n\n  /**\n   * Class name for the pagination container\n   */\n  pagination?: string\n\n  /**\n   * Class name for pagination dots\n   */\n  dot?: string\n\n  /**\n   * Class name for active pagination dot\n   */\n  dotActive?: string\n}\n\nexport interface CarouselProps extends SwiperProps {\n  withArrows?: boolean\n  withPagination?: boolean\n  children: React.ReactNode\n  /**\n   * ClassNames for component parts\n   */\n  classNames?: CarouselClassNames\n  /**\n   * Accessible label for the carousel\n   */\n  ariaLabel?: string\n}\n\nconst pagination: PaginationOptions = {\n  clickable: true,\n  horizontalClass: 'pagination',\n  bulletActiveClass: 'bg-text-primary',\n  bulletClass:\n    'inline-flex w-2.5 h-2.5 mx-1 rounded-full bg-border opacity-70 transition-[opacity,colors] duration-300 cursor-pointer hover:opacity-100',\n}\n\nconst Carousel = React.memo<CarouselProps>(\n  ({\n    withArrows = false,\n    withPagination = false,\n    children,\n    loop = false,\n    className,\n    classNames,\n    modules,\n    ariaLabel = 'Carousel',\n    ...props\n  }) => {\n    const [swiper, setSwiper] = useState<SwiperType | null>(null)\n\n    return (\n      <div\n        data-slot=\"root\"\n        className={cn(\n          'carousel_root',\n          'relative h-full group',\n          classNames?.root,\n          className\n        )}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        aria-label={ariaLabel}\n      >\n        {withArrows && (\n          <div className={cn(\n            'carousel_navigation',\n            'absolute -translate-y-1/2 top-1/2 left-0 flex px-1 z-10 opacity-0 group-hover:opacity-100 transition-[opacity,colors] duration-200',\n            classNames?.navigation\n          )}>\n            <CarouselNavigation\n              type=\"prev\"\n              swiper={swiper}\n              className={cn('carousel_navButton', classNames?.navButton)}\n            />\n          </div>\n        )}\n\n        <Swiper\n          loop={loop}\n          {...props}\n          modules={[...(withPagination ? [Pagination] : []), ...(modules || [])]}\n          pagination={withPagination ? pagination : false}\n          className={cn('carousel_wrapper', 'relative', classNames?.wrapper)}\n          onBeforeInit={(s) => {\n            setSwiper(s)\n          }}\n        >\n          {children}\n        </Swiper>\n\n        {withArrows && (\n          <div className={cn(\n            'carousel_navigation',\n            'absolute -translate-y-1/2 top-1/2 right-0 flex px-1 z-10 opacity-0 group-hover:opacity-100 transition-[opacity,colors] duration-200',\n            classNames?.navigation\n          )}>\n            <CarouselNavigation\n              type=\"next\"\n              swiper={swiper}\n              className={cn('carousel_navButton', classNames?.navButton)}\n            />\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nCarousel.displayName = 'Carousel'\n\nexport default Carousel\n"]}

package/dist/{chunk-NGYLRX6F.js → chunk-RAS6HUEI.js}

@@ -38,5 +38,5 @@ var statusMessageVariants = cva("text-xs", {
 });
 
 export { cn, getValidationStatus, iconSizes, statusMessageVariants };
-//# sourceMappingURL=chunk-NGYLRX6F.js.map
-//# sourceMappingURL=chunk-NGYLRX6F.js.map
+//# sourceMappingURL=chunk-RAS6HUEI.js.map
+//# sourceMappingURL=chunk-RAS6HUEI.js.map

package/dist/chunk-RAS6HUEI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.ts"],"names":[],"mappings":";;;;;AAIO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;AAEO,IAAM,SAAA,GAAY;AAAA,EACvB,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAiBO,SAAS,oBAAoB,QAAA,EAGlC;AACA,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,IAAA,EAAM,OAAA,EAAS,YAAW,GAAI,QAAA;AACtD,EAAA,MAAM,OAAA,GAAU,KAAA,IAAS,OAAA,IAAW,IAAA,IAAQ,OAAA,IAAW,UAAA;AAEvD,EAAA,IAAI,MAAA,GAA2B,SAAA;AAC/B,EAAA,IAAI,OAAO,MAAA,GAAS,OAAA;AAAA,OAAA,IACX,SAAS,MAAA,GAAS,SAAA;AAAA,OAAA,IAClB,SAAS,MAAA,GAAS,SAAA;AAAA,OAAA,IAClB,MAAM,MAAA,GAAS,MAAA;AAExB,EAAA,OAAO,EAAE,QAAQ,OAAA,EAAQ;AAC3B;AAEO,IAAM,qBAAA,GAAwB,IAAI,SAAA,EAAW;AAAA,EAClD,QAAA,EAAU;AAAA,IACR,MAAA,EAAQ;AAAA,MACN,OAAA,EAAS,qBAAA;AAAA,MACT,KAAA,EAAO,YAAA;AAAA,MACP,OAAA,EAAS,cAAA;AAAA,MACT,IAAA,EAAM,WAAA;AAAA,MACN,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,MAAA,EAAQ;AAAA;AAEZ,CAAC","file":"chunk-RAS6HUEI.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs))\n}\n\nexport const iconSizes = {\n  xs: 'h-3 w-3',\n  sm: 'h-3.5 w-3.5',\n  md: 'h-4 w-4',\n  lg: 'h-5 w-5',\n} as const\n\nexport type ValidationStatus =\n  | 'default'\n  | 'error'\n  | 'warning'\n  | 'info'\n  | 'success'\n\nexport interface StatusMessages {\n  error?: string | boolean\n  warning?: string | boolean\n  info?: string | boolean\n  success?: string | boolean\n  helperText?: string\n}\n\nexport function getValidationStatus(messages: StatusMessages): {\n  status: ValidationStatus\n  message?: string | boolean\n} {\n  const { error, warning, info, success, helperText } = messages\n  const message = error || warning || info || success || helperText\n\n  let status: ValidationStatus = 'default'\n  if (error) status = 'error'\n  else if (warning) status = 'warning'\n  else if (success) status = 'success'\n  else if (info) status = 'info'\n\n  return { status, message }\n}\n\nexport const statusMessageVariants = cva('text-xs', {\n  variants: {\n    status: {\n      default: 'text-text-secondary',\n      error: 'text-error',\n      warning: 'text-warning',\n      info: 'text-info',\n      success: 'text-success',\n    },\n  },\n  defaultVariants: {\n    status: 'default',\n  },\n})\n"]}

package/dist/{chunk-C5IGZLIT.js → chunk-ROQGBDET.js}

@@ -1,5 +1,5 @@
-import { createPopoverColorVariants, componentColors } from './chunk-POXI7JJ4.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
@@ -27,7 +27,7 @@ function PopoverTrigger({
   );
 }
 var popoverContentVariants = cva(
-  "overflow-hidden will-change-[transform,_opacity] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border outline-none",
+  "overflow-hidden will-change-[transform,_opacity] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 z-[var(--z-popover)] w-72 origin-(--radix-popover-content-transform-origin) rounded-md border outline-none",
   {
     variants: {
       size: {
@@ -37,26 +37,12 @@ var popoverContentVariants = cva(
         lg: "p-5 text-lg"
       },
       variant: {
-        default: "",
-        solid: "",
-        soft: ""
+        default: "bg-background border border-slot text-text-primary",
+        solid: "bg-slot border border-slot text-slot-fg",
+        soft: "backdrop-blur-sm bg-slot-10 border border-slot-30 text-slot"
       },
-      color: {
-        default: "",
-        primary: "",
-        secondary: "",
-        accent: "",
-        success: "",
-        error: "",
-        warning: "",
-        info: ""
-      }
+      color: colorVars
     },
-    compoundVariants: createPopoverColorVariants(componentColors, [
-      "default",
-      "solid",
-      "soft"
-    ]),
     defaultVariants: {
       size: "md",
       variant: "default",
@@ -103,5 +89,5 @@ function PopoverAnchor({
 }
 
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
-//# sourceMappingURL=chunk-C5IGZLIT.js.map
-//# sourceMappingURL=chunk-C5IGZLIT.js.map
+//# sourceMappingURL=chunk-ROQGBDET.js.map
+//# sourceMappingURL=chunk-ROQGBDET.js.map

package/dist/chunk-ROQGBDET.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/popover/index.tsx"],"names":[],"mappings":";;;;;;AAUA,SAAS,OAAA,CAAQ;AAAA,EACf,GAAG;AACL,CAAA,EAAuD;AACrD,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,IAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,SAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,cAAA,CAAe;AAAA,EACtB,GAAG;AACL,CAAA,EAA0D;AACxD,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,IAAM,sBAAA,GAAyB,GAAA;AAAA,EAC7B,sqBAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,eAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,oDAAA;AAAA,QACT,KAAA,EAAO,yCAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,KACT;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAQA,SAAS,cAAA,CAAe;AAAA,EACtB,SAAA;AAAA,EACA,KAAA,GAAQ,QAAA;AAAA,EACR,UAAA,GAAa,CAAA;AAAA,EACb,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,SAAA;AAAA,EACV,KAAA,GAAQ,SAAA;AAAA,EACR,UAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACE,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,GAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACV,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,iBAAA;AAAA,QACA,sBAAA,CAAuB,EAAE,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA;AAAA,QAC/C,SAAA;AAAA,QACA,UAAA,EAAY;AAAA,OACd;AAAA,MACC,GAAG;AAAA;AAAA,GACN,EACF,CAAA;AAEJ;AAEA,SAAS,aAAA,CAAc;AAAA,EACrB,GAAG;AACL,CAAA,EAAyD;AACvD,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,MAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-ROQGBDET.js","sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../utils'\nimport { colorVars } from '../variants'\nimport type { PopoverClassNames } from './types'\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return (\n    <PopoverPrimitive.Root\n      data-slot=\"popover\"\n      {...props}\n    />\n  )\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot=\"popover-trigger\"\n      {...props}\n    />\n  )\n}\n\nconst popoverContentVariants = cva(\n  'overflow-hidden will-change-[transform,_opacity] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 z-[var(--z-popover)] w-72 origin-(--radix-popover-content-transform-origin) rounded-md border outline-none',\n  {\n    variants: {\n      size: {\n        xs: 'p-2 text-xs',\n        sm: 'p-3 text-sm',\n        md: 'p-4 text-base',\n        lg: 'p-5 text-lg',\n      },\n      variant: {\n        default: 'bg-background border border-slot text-text-primary',\n        solid: 'bg-slot border border-slot text-slot-fg',\n        soft: 'backdrop-blur-sm bg-slot-10 border border-slot-30 text-slot',\n      },\n      color: colorVars,\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n      color: 'default',\n    },\n  },\n)\n\nexport interface PopoverContentProps\n  extends Omit<React.ComponentProps<typeof PopoverPrimitive.Content>, 'color'>,\n    VariantProps<typeof popoverContentVariants> {\n  classNames?: PopoverClassNames\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  size = 'md',\n  variant = 'default',\n  color = 'default',\n  classNames,\n  ...props\n}: PopoverContentProps) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'popover_content',\n          popoverContentVariants({ size, variant, color }),\n          className,\n          classNames?.content,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return (\n    <PopoverPrimitive.Anchor\n      data-slot=\"popover-anchor\"\n      {...props}\n    />\n  )\n}\n\nexport type * from './types'\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n"]}

package/dist/{chunk-Y4XAXZHB.js → chunk-RRPMZYVN.js}

@@ -1,6 +1,7 @@
-import { textColorClasses } from './chunk-POXI7JJ4.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
+import React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var spinnerVariants = cva(
@@ -13,7 +14,7 @@ var spinnerVariants = cva(
         md: "w-6 h-6 border-2",
         lg: "w-8 h-8 border-2"
       },
-      color: textColorClasses
+      color: colorVars
     },
     defaultVariants: {
       size: "sm",
@@ -21,22 +22,22 @@ var spinnerVariants = cva(
     }
   }
 );
-var Spinner = ({ size = "sm", color = "primary", label, className }) => {
+var Spinner = React.memo(({ size = "sm", color = "primary", label, className }) => {
   return /* @__PURE__ */ jsxs("div", { "data-slot": "root", className: cn("spinner_root", "inline-flex flex-col items-center gap-2", className), children: [
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: spinnerVariants({ size, color }),
+        className: cn(spinnerVariants({ size, color }), "text-slot"),
         role: "status",
         "aria-label": label || "Loading"
       }
     ),
     label && /* @__PURE__ */ jsx("span", { className: "text-sm text-text-secondary", children: label })
   ] });
-};
+});
 Spinner.displayName = "Spinner";
 var spinner_default = Spinner;
 
 export { Spinner, spinner_default };
-//# sourceMappingURL=chunk-Y4XAXZHB.js.map
-//# sourceMappingURL=chunk-Y4XAXZHB.js.map
+//# sourceMappingURL=chunk-RRPMZYVN.js.map
+//# sourceMappingURL=chunk-RRPMZYVN.js.map

package/dist/chunk-RRPMZYVN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spinner/index.tsx"],"names":[],"mappings":";;;;;;AASA,IAAM,eAAA,GAAkB,GAAA;AAAA,EACtB,mFAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,gBAAA;AAAA,QACJ,EAAA,EAAI,gBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,KACT;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAEA,IAAM,OAAA,GAAU,KAAA,CAAM,IAAA,CAAmB,CAAC,EAAE,IAAA,GAAO,IAAA,EAAM,KAAA,GAAQ,SAAA,EAAW,KAAA,EAAO,SAAA,EAAU,KAAM;AACjG,EAAA,uBACE,IAAA,CAAC,SAAI,WAAA,EAAU,MAAA,EAAO,WAAW,EAAA,CAAG,cAAA,EAAgB,yCAAA,EAA2C,SAAS,CAAA,EACtG,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,GAAG,eAAA,CAAgB,EAAE,MAAM,KAAA,EAAO,GAAG,WAAW,CAAA;AAAA,QAC3D,IAAA,EAAK,QAAA;AAAA,QACL,cAAY,KAAA,IAAS;AAAA;AAAA,KACvB;AAAA,IACC,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+BAA+B,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACjE,CAAA;AAEJ,CAAC;AAED,OAAA,CAAQ,WAAA,GAAc,SAAA;AAItB,IAAO,eAAA,GAAQ","file":"chunk-RRPMZYVN.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport { colorVars } from '../variants'\nimport type { SpinnerProps } from './types'\n\nconst spinnerVariants = cva(\n  'inline-block border border-current border-t-transparent rounded-full animate-spin',\n  {\n    variants: {\n      size: {\n        xs: 'w-3 h-3 border',\n        sm: 'w-4 h-4 border',\n        md: 'w-6 h-6 border-2',\n        lg: 'w-8 h-8 border-2',\n      },\n      color: colorVars,\n    },\n    defaultVariants: {\n      size: 'sm',\n      color: 'primary',\n    },\n  },\n)\n\nconst Spinner = React.memo<SpinnerProps>(({ size = 'sm', color = 'primary', label, className }) => {\n  return (\n    <div data-slot=\"root\" className={cn('spinner_root', 'inline-flex flex-col items-center gap-2', className)}>\n      <div\n        className={cn(spinnerVariants({ size, color }), 'text-slot')}\n        role=\"status\"\n        aria-label={label || 'Loading'}\n      />\n      {label && <span className=\"text-sm text-text-secondary\">{label}</span>}\n    </div>\n  )\n})\n\nSpinner.displayName = 'Spinner'\n\nexport type * from './types'\nexport { Spinner }\nexport default Spinner\n"]}

package/dist/{chunk-D4SUSZDN.js → chunk-S6HO7HUY.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-NGYLRX6F.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import React from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -32,13 +32,13 @@ var navigationMenuItemVariants = cva("navigationMenu_item relative", {
   variants: {}
 });
 var navigationMenuTriggerVariants = cva(
-  "navigationMenu_trigger inline-flex items-center justify-center gap-2 rounded-md cursor-pointer px-4 py-2 text-sm font-medium transition-colors hover:bg-surface focus:bg-surface focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-surface",
+  "navigationMenu_trigger inline-flex items-center justify-center gap-2 rounded-md cursor-pointer px-4 py-2 text-sm font-medium transition-colors hover:bg-surface focus:bg-surface focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-surface",
   {
     variants: {}
   }
 );
 var navigationMenuLinkVariants = cva(
-  "navigationMenu_link inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors hover:bg-surface focus:bg-surface focus:outline-none disabled:pointer-events-none disabled:opacity-50",
+  "navigationMenu_link inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors hover:bg-surface focus:bg-surface focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {}
   }
@@ -127,7 +127,8 @@ var NavigationMenuItemComponent = React.memo(
     item,
     onOpenChange,
     isOpen,
-    classNames
+    classNames,
+    closeDelay = 150
   }) => {
     const hasChildren = item.children && item.children.length > 0;
     const timeoutRef = React.useRef(
@@ -145,7 +146,7 @@ var NavigationMenuItemComponent = React.memo(
       if (hasChildren && !item.disabled) {
         timeoutRef.current = setTimeout(() => {
           onOpenChange(item.key, false);
-        }, 150);
+        }, closeDelay);
       }
     };
     const handleClick = (e) => {
@@ -279,20 +280,20 @@ var NavigationMenuItemComponent = React.memo(
 );
 NavigationMenuItemComponent.displayName = "NavigationMenuItemComponent";
 var NavigationMenu = React.memo(
-  ({ items, orientation = "horizontal", className, classNames, ref }) => {
+  ({ items, orientation = "horizontal", closeDelay, className, classNames, ref }) => {
     const [openItems, setOpenItems] = React.useState(/* @__PURE__ */ new Set());
     const navRef = React.useRef(null);
     React.useImperativeHandle(ref, () => navRef.current);
     const handleOpenChange = React.useCallback((key, open) => {
-      setOpenItems((prev) => {
-        const next = new Set(prev);
-        if (open) {
-          next.add(key);
-        } else {
+      if (open) {
+        setOpenItems(/* @__PURE__ */ new Set([key]));
+      } else {
+        setOpenItems((prev) => {
+          const next = new Set(prev);
           next.delete(key);
-        }
-        return next;
-      });
+          return next;
+        });
+      }
     }, []);
     React.useEffect(() => {
       const handleClickOutside = (e) => {
@@ -343,7 +344,8 @@ var NavigationMenu = React.memo(
                 item,
                 onOpenChange: handleOpenChange,
                 isOpen: openItems.has(item.key),
-                classNames
+                classNames,
+                closeDelay
               },
               item.key
             ))
@@ -356,5 +358,5 @@ var NavigationMenu = React.memo(
 NavigationMenu.displayName = "NavigationMenu";
 
 export { NavigationMenu };
-//# sourceMappingURL=chunk-D4SUSZDN.js.map
-//# sourceMappingURL=chunk-D4SUSZDN.js.map
+//# sourceMappingURL=chunk-S6HO7HUY.js.map
+//# sourceMappingURL=chunk-S6HO7HUY.js.map

package/dist/chunk-S6HO7HUY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/navigation-menu/index.tsx"],"names":[],"mappings":"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","file":"chunk-S6HO7HUY.js","sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { cva } from \"class-variance-authority\";\nimport { cn } from \"../utils\";\nimport type {\n  NavigationMenuProps,\n  NavigationMenuItem,\n  NavigationMenuChildItem,\n} from \"./types\";\n\nconst navigationMenuVariants = cva(\"navigationMenu_root\", {\n  variants: {\n    orientation: {\n      horizontal: \"flex flex-row\",\n      vertical: \"flex flex-col\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nconst navigationMenuListVariants = cva(\n  \"navigationMenu_list flex items-center gap-1 relative\",\n  {\n    variants: {\n      orientation: {\n        horizontal: \"flex-row\",\n        vertical: \"flex-col\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  },\n);\n\nconst navigationMenuItemVariants = cva(\"navigationMenu_item relative\", {\n  variants: {},\n});\n\nconst navigationMenuTriggerVariants = cva(\n  \"navigationMenu_trigger inline-flex items-center justify-center gap-2 rounded-md cursor-pointer px-4 py-2 text-sm font-medium transition-colors hover:bg-surface focus:bg-surface focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-surface\",\n  {\n    variants: {},\n  },\n);\n\nconst navigationMenuLinkVariants = cva(\n  \"navigationMenu_link inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors hover:bg-surface focus:bg-surface focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {},\n  },\n);\n\nconst navigationMenuContentVariants = cva(\n  \"navigationMenu_content absolute top-full left-0 mt-1 w-auto min-w-[400px] rounded-md border border-border bg-background p-4 shadow-lg data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:slide-in-from-top-2 duration-200\",\n  {\n    variants: {},\n  },\n);\n\nconst NavigationMenuContent = React.memo(\n  ({\n    children,\n    isOpen,\n    className,\n  }: {\n    children: NavigationMenuChildItem[];\n    isOpen: boolean;\n    className?: string;\n  }) => {\n    return (\n      <div\n        data-slot=\"content\"\n        data-state={isOpen ? \"open\" : \"closed\"}\n        className={cn(\n          navigationMenuContentVariants(),\n          !isOpen && \"hidden\",\n          className,\n        )}\n        role=\"menu\"\n      >\n        <div className=\"grid gap-3\">\n          {children.map((child) => (\n            <NavigationMenuChildLink key={child.key} item={child} />\n          ))}\n        </div>\n      </div>\n    );\n  },\n);\n\nNavigationMenuContent.displayName = \"NavigationMenuContent\";\n\nconst NavigationMenuChildLink = React.memo(\n  ({ item }: { item: NavigationMenuChildItem }) => {\n    const handleClick = (e: React.MouseEvent) => {\n      if (item.disabled) {\n        e.preventDefault();\n        return;\n      }\n      if (item.onClick) {\n        e.preventDefault();\n        item.onClick();\n      }\n    };\n\n    const content = (\n      <div className=\"flex items-start gap-3 rounded-md p-3 hover:bg-surface transition-colors\">\n        {item.icon && (\n          <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-surface\">\n            {item.icon}\n          </div>\n        )}\n        <div className=\"space-y-1\">\n          <div className=\"text-sm font-medium leading-none\">{item.label}</div>\n          {item.description && (\n            <p className=\"text-sm leading-snug text-text-secondary\">\n              {item.description}\n            </p>\n          )}\n        </div>\n      </div>\n    );\n\n    if (item.href && !item.disabled) {\n      return (\n        <a\n          href={item.href}\n          onClick={handleClick}\n          className={cn(\n            \"block\",\n            item.disabled && \"pointer-events-none opacity-50\",\n          )}\n          role=\"menuitem\"\n          aria-disabled={item.disabled}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        disabled={item.disabled}\n        className=\"block w-full text-left disabled:pointer-events-none disabled:opacity-50\"\n        role=\"menuitem\"\n        aria-disabled={item.disabled}\n      >\n        {content}\n      </button>\n    );\n  },\n);\n\nNavigationMenuChildLink.displayName = \"NavigationMenuChildLink\";\n\nconst NavigationMenuItemComponent = React.memo(\n  ({\n    item,\n    onOpenChange,\n    isOpen,\n    classNames,\n    closeDelay = 150,\n  }: {\n    item: NavigationMenuItem;\n    onOpenChange: (key: string, open: boolean) => void;\n    isOpen: boolean;\n    classNames?: NavigationMenuProps[\"classNames\"];\n    closeDelay?: number;\n  }) => {\n    const hasChildren = item.children && item.children.length > 0;\n    const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(\n      undefined,\n    );\n\n    const handleMouseEnter = () => {\n      if (hasChildren && !item.disabled) {\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n        }\n        onOpenChange(item.key, true);\n      }\n    };\n\n    const handleMouseLeave = () => {\n      if (hasChildren && !item.disabled) {\n        timeoutRef.current = setTimeout(() => {\n          onOpenChange(item.key, false);\n        }, closeDelay);\n      }\n    };\n\n    const handleClick = (e: React.MouseEvent) => {\n      if (item.disabled) {\n        e.preventDefault();\n        return;\n      }\n\n      if (hasChildren) {\n        e.preventDefault();\n        onOpenChange(item.key, !isOpen);\n      } else if (item.onClick) {\n        e.preventDefault();\n        item.onClick();\n      }\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      if (item.disabled) return;\n\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        if (hasChildren) {\n          onOpenChange(item.key, !isOpen);\n        } else if (item.onClick) {\n          item.onClick();\n        }\n      } else if (e.key === \"Escape\" && isOpen) {\n        e.preventDefault();\n        onOpenChange(item.key, false);\n      }\n    };\n\n    React.useEffect(() => {\n      return () => {\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n        }\n      };\n    }, []);\n\n    const content = (\n      <>\n        {item.icon && <span className=\"shrink-0\">{item.icon}</span>}\n        <span>{item.label}</span>\n        {hasChildren && (\n          <svg\n            className={cn(\n              \"h-4 w-4 shrink-0 transition-transform\",\n              isOpen && \"rotate-180\",\n            )}\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M19 9l-7 7-7-7\"\n            />\n          </svg>\n        )}\n      </>\n    );\n\n    return (\n      <li\n        data-slot=\"item\"\n        className={cn(navigationMenuItemVariants(), classNames?.item)}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        role=\"none\"\n      >\n        {hasChildren ? (\n          <>\n            <button\n              type=\"button\"\n              data-slot=\"trigger\"\n              data-state={isOpen ? \"open\" : \"closed\"}\n              className={cn(\n                navigationMenuTriggerVariants(),\n                classNames?.trigger,\n              )}\n              onClick={handleClick}\n              onKeyDown={handleKeyDown}\n              disabled={item.disabled}\n              aria-haspopup=\"true\"\n              aria-expanded={isOpen}\n              role=\"menuitem\"\n            >\n              {content}\n            </button>\n            <NavigationMenuContent\n              children={item.children!}\n              isOpen={isOpen}\n              className={classNames?.content}\n            />\n          </>\n        ) : item.href && !item.disabled ? (\n          <a\n            href={item.href}\n            data-slot=\"link\"\n            className={cn(\n              navigationMenuLinkVariants(),\n              classNames?.link,\n              item.disabled && \"pointer-events-none opacity-50\",\n            )}\n            onClick={handleClick}\n            onKeyDown={handleKeyDown}\n            role=\"menuitem\"\n            aria-disabled={item.disabled}\n          >\n            {content}\n          </a>\n        ) : (\n          <button\n            type=\"button\"\n            data-slot=\"link\"\n            className={cn(navigationMenuLinkVariants(), classNames?.link)}\n            onClick={handleClick}\n            onKeyDown={handleKeyDown}\n            disabled={item.disabled}\n            role=\"menuitem\"\n          >\n            {content}\n          </button>\n        )}\n      </li>\n    );\n  },\n);\n\nNavigationMenuItemComponent.displayName = \"NavigationMenuItemComponent\";\n\nexport const NavigationMenu = React.memo<NavigationMenuProps>(\n  ({ items, orientation = \"horizontal\", closeDelay, className, classNames, ref }) => {\n    const [openItems, setOpenItems] = React.useState<Set<string>>(new Set());\n    const navRef = React.useRef<HTMLElement>(null);\n\n    React.useImperativeHandle(ref, () => navRef.current!);\n\n    const handleOpenChange = React.useCallback((key: string, open: boolean) => {\n      if (open) {\n        setOpenItems(new Set([key]))  // close all others, open only this one\n      } else {\n        setOpenItems(prev => {\n          const next = new Set(prev)\n          next.delete(key)\n          return next\n        })\n      }\n    }, []);\n\n    // Close on outside click\n    React.useEffect(() => {\n      const handleClickOutside = (e: MouseEvent) => {\n        if (navRef.current && !navRef.current.contains(e.target as Node)) {\n          setOpenItems(new Set());\n        }\n      };\n\n      document.addEventListener(\"mousedown\", handleClickOutside);\n      return () => {\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n      };\n    }, []);\n\n    // Close on Escape\n    React.useEffect(() => {\n      const handleEscape = (e: KeyboardEvent) => {\n        if (e.key === \"Escape\") {\n          setOpenItems(new Set());\n        }\n      };\n\n      document.addEventListener(\"keydown\", handleEscape);\n      return () => {\n        document.removeEventListener(\"keydown\", handleEscape);\n      };\n    }, []);\n\n    return (\n      <nav\n        ref={navRef}\n        data-slot=\"root\"\n        className={cn(\n          navigationMenuVariants({ orientation }),\n          className,\n          classNames?.root,\n        )}\n        role=\"navigation\"\n        aria-label=\"Main navigation\"\n      >\n        <ul\n          data-slot=\"list\"\n          className={cn(\n            navigationMenuListVariants({ orientation }),\n            classNames?.list,\n          )}\n          role=\"menubar\"\n        >\n          {items.map((item) => (\n            <NavigationMenuItemComponent\n              key={item.key}\n              item={item}\n              onOpenChange={handleOpenChange}\n              isOpen={openItems.has(item.key)}\n              classNames={classNames}\n              closeDelay={closeDelay}\n            />\n          ))}\n        </ul>\n      </nav>\n    );\n  },\n);\n\nNavigationMenu.displayName = \"NavigationMenu\";\n\nexport type * from \"./types\";\n"]}

package/dist/{chunk-YS5AIY4A.js → chunk-SFP77VS3.js}

@@ -1,5 +1,5 @@
-import { bgSkeletonColorClasses } from './chunk-POXI7JJ4.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -12,7 +12,7 @@ var skeletonVariants = cva("animate-pulse rounded", {
       md: "h-5",
       lg: "h-6"
     },
-    color: bgSkeletonColorClasses
+    color: colorVars
   },
   defaultVariants: {
     size: "md",
@@ -28,6 +28,7 @@ var Skeleton = React.memo(
         className: cn(
           "skeleton_root",
           skeletonVariants({ size, color }),
+          "bg-slot-50",
           circle && "rounded-full aspect-square",
           className
         )
@@ -39,5 +40,5 @@ Skeleton.displayName = "Skeleton";
 var skeleton_default = Skeleton;
 
 export { skeleton_default };
-//# sourceMappingURL=chunk-YS5AIY4A.js.map
-//# sourceMappingURL=chunk-YS5AIY4A.js.map
+//# sourceMappingURL=chunk-SFP77VS3.js.map
+//# sourceMappingURL=chunk-SFP77VS3.js.map

package/dist/chunk-SFP77VS3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/skeleton/index.tsx"],"names":[],"mappings":";;;;;;AASA,IAAM,gBAAA,GAAmB,IAAI,uBAAA,EAAyB;AAAA,EACpD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,KAAA,EAAO;AAAA,GACT;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAED,IAAM,WAAW,KAAA,CAAM,IAAA;AAAA,EACrB,CAAC,EAAE,KAAA,GAAQ,SAAA,EAAW,OAAO,IAAA,EAAM,SAAA,EAAW,MAAA,GAAS,KAAA,EAAM,KAAM;AACjE,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,eAAA;AAAA,UACA,gBAAA,CAAiB,EAAE,IAAA,EAAM,KAAA,EAAO,CAAA;AAAA,UAChC,YAAA;AAAA,UACA,MAAA,IAAU,4BAAA;AAAA,UACV;AAAA;AACF;AAAA,KACF;AAAA,EAEJ;AACF,CAAA;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;AAGvB,IAAO,gBAAA,GAAQ","file":"chunk-SFP77VS3.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport { colorVars } from '../variants'\nimport type { SkeletonProps } from './types'\n\nconst skeletonVariants = cva('animate-pulse rounded', {\n  variants: {\n    size: {\n      xs: 'h-3',\n      sm: 'h-4',\n      md: 'h-5',\n      lg: 'h-6',\n    },\n    color: colorVars,\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'default',\n  },\n})\n\nconst Skeleton = React.memo<SkeletonProps>(\n  ({ color = 'default', size = 'md', className, circle = false }) => {\n    return (\n      <div\n        data-slot=\"root\"\n        className={cn(\n          'skeleton_root',\n          skeletonVariants({ size, color }),\n          'bg-slot-50',\n          circle && 'rounded-full aspect-square',\n          className,\n        )}\n      />\n    )\n  },\n)\n\nSkeleton.displayName = 'Skeleton'\n\nexport type * from './types'\nexport default Skeleton\n"]}

package/dist/{chunk-RFHTC6AH.js → chunk-SJLH5ZDW.js}

@@ -1,7 +1,7 @@
-import { Spinner } from './chunk-Y4XAXZHB.js';
-import { useRipple, RippleContainer } from './chunk-OFUPJH35.js';
-import { createAllColorVariants, buttonColors } from './chunk-POXI7JJ4.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { Spinner } from './chunk-RRPMZYVN.js';
+import { useRipple, RippleContainer } from './chunk-4TEZWGX7.js';
+import { buttonColorVars } from './chunk-G6QIIWKU.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import React from 'react';
@@ -10,33 +10,23 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 var buttonVariants = cva(
   [
     "inline-flex cursor-pointer text-center font-medium items-center justify-center",
-    // 60fps: only animate opacity (GPU-composited, no paint/layout)
     "transition-[opacity] duration-200 ease-[cubic-bezier(0.34,1.56,0.64,1)]",
     "disabled:opacity-50 disabled:pointer-events-none",
-    // Focus ring for accessibility
-    "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+    "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-slot",
     // Accessibility: respect prefers-reduced-motion
     "motion-reduce:transition-none"
   ],
   {
     variants: {
       variant: {
-        solid: "border",
-        outline: "border bg-transparent",
-        soft: "border-none",
-        dashed: "border border-dashed bg-transparent",
-        link: "border-none bg-transparent hover:underline",
-        ghost: "border-none bg-transparent"
-      },
-      color: {
-        primary: "border-primary focus-visible:ring-primary",
-        secondary: "border-secondary focus-visible:ring-secondary",
-        accent: "border-accent focus-visible:ring-accent",
-        success: "border-success focus-visible:ring-success",
-        error: "border-error focus-visible:ring-error",
-        warning: "border-warning focus-visible:ring-warning",
-        info: "border-info focus-visible:ring-info"
+        solid: "bg-slot border border-slot text-slot-fg hover:bg-slot-90",
+        outline: "border border-slot bg-transparent text-slot hover:bg-slot-10",
+        soft: "border-none bg-slot-10 text-slot",
+        dashed: "border border-dashed border-slot bg-transparent text-slot hover:bg-slot-10",
+        link: "border-none bg-transparent text-slot hover:text-slot-80 hover:underline",
+        ghost: "border-none bg-transparent text-slot hover:bg-slot-10"
       },
+      color: buttonColorVars,
       size: {
         xs: "h-(--button-height-xs) px-(--button-padding-x-xs) text-xs gap-1.5",
         sm: "h-(--button-height-sm) px-(--button-padding-x-sm) text-sm gap-2",
@@ -58,20 +48,10 @@ var buttonVariants = cva(
       }
     },
     compoundVariants: [
-      // Icon-only buttons: square aspect ratio
       { iconOnly: true, size: "xs", class: "w-(--button-height-xs) px-0" },
       { iconOnly: true, size: "sm", class: "w-(--button-height-sm) px-0" },
       { iconOnly: true, size: "md", class: "w-(--button-height-md) px-0" },
-      { iconOnly: true, size: "lg", class: "w-(--button-height-lg) px-0" },
-      // Color variants
-      ...createAllColorVariants(buttonColors, [
-        "solid",
-        "outline",
-        "soft",
-        "dashed",
-        "link",
-        "ghost"
-      ])
+      { iconOnly: true, size: "lg", class: "w-(--button-height-lg) px-0" }
     ],
     defaultVariants: {
       variant: "solid",
@@ -144,9 +124,7 @@ var Button = React.memo(
     const buttonClassName = cn(
       "button_root",
       buttonVariants({ color, size, variant, shape, fullWidth, iconOnly }),
-      // Pressed toggle visual
       pressed && "data-[pressed=true]:ring-2 data-[pressed=true]:ring-current/30",
-      // Ripple needs relative + overflow-hidden
       ripple && "relative overflow-hidden",
       classNames?.root,
       className
@@ -159,7 +137,7 @@ var Button = React.memo(
       "aria-pressed": pressed,
       "data-pressed": pressed != null ? String(pressed) : void 0,
       "data-slot": "root",
-      onClick,
+      onClick: isDisabled ? void 0 : onClick,
       onPointerDown: ripplePointerDown,
       onKeyDown: rippleKeyDown,
       ...props
@@ -246,5 +224,5 @@ Button.displayName = "Button";
 var button_default = Button;
 
 export { buttonVariants, button_default };
-//# sourceMappingURL=chunk-RFHTC6AH.js.map
-//# sourceMappingURL=chunk-RFHTC6AH.js.map
+//# sourceMappingURL=chunk-SJLH5ZDW.js.map
+//# sourceMappingURL=chunk-SJLH5ZDW.js.map

package/dist/chunk-SJLH5ZDW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button/index.tsx"],"names":[],"mappings":"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","file":"chunk-SJLH5ZDW.js","sourcesContent":["'use client'\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport { Spinner } from \"../spinner\";\nimport { cn } from \"../utils\";\nimport { buttonColorVars } from \"../variants\";\nimport type { ButtonProps, ButtonColor } from \"./types\";\nimport { useRipple, RippleContainer } from \"../hooks/useRipple\";\n\nconst buttonVariants = cva(\n  [\n    \"inline-flex cursor-pointer text-center font-medium items-center justify-center\",\n    \"transition-[opacity] duration-200 ease-[cubic-bezier(0.34,1.56,0.64,1)]\",\n    \"disabled:opacity-50 disabled:pointer-events-none\",\n    \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-slot\",\n    // Accessibility: respect prefers-reduced-motion\n    \"motion-reduce:transition-none\",\n  ],\n  {\n    variants: {\n      variant: {\n        solid: \"bg-slot border border-slot text-slot-fg hover:bg-slot-90\",\n        outline: \"border border-slot bg-transparent text-slot hover:bg-slot-10\",\n        soft: \"border-none bg-slot-10 text-slot\",\n        dashed: \"border border-dashed border-slot bg-transparent text-slot hover:bg-slot-10\",\n        link: \"border-none bg-transparent text-slot hover:text-slot-80 hover:underline\",\n        ghost: \"border-none bg-transparent text-slot hover:bg-slot-10\",\n      },\n      color: buttonColorVars,\n      size: {\n        xs: \"h-(--button-height-xs) px-(--button-padding-x-xs) text-xs gap-1.5\",\n        sm: \"h-(--button-height-sm) px-(--button-padding-x-sm) text-sm gap-2\",\n        md: \"h-(--button-height-md) px-(--button-padding-x-md) text-base gap-2\",\n        lg: \"h-(--button-height-lg) px-(--button-padding-x-lg) text-lg gap-2.5\",\n      },\n      shape: {\n        rounded: \"rounded-md\",\n        pill: \"rounded-full\",\n        square: \"rounded-none\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      iconOnly: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      { iconOnly: true, size: \"xs\", class: \"w-(--button-height-xs) px-0\" },\n      { iconOnly: true, size: \"sm\", class: \"w-(--button-height-sm) px-0\" },\n      { iconOnly: true, size: \"md\", class: \"w-(--button-height-md) px-0\" },\n      { iconOnly: true, size: \"lg\", class: \"w-(--button-height-lg) px-0\" },\n    ],\n    defaultVariants: {\n      variant: \"solid\",\n      color: \"primary\",\n      size: \"md\",\n      shape: \"rounded\",\n      fullWidth: false,\n      iconOnly: false,\n    },\n  },\n);\n\nconst spinnerSizeMap: Record<\n  NonNullable<ButtonProps[\"size\"]>,\n  \"xs\" | \"sm\" | \"md\" | \"lg\"\n> = {\n  xs: \"xs\",\n  sm: \"xs\",\n  md: \"sm\",\n  lg: \"md\",\n};\n\nfunction getSpinnerColor(\n  variant: ButtonProps[\"variant\"],\n  color: ButtonColor,\n): ButtonColor | \"default\" {\n  if (variant === \"solid\") {\n    return \"default\";\n  }\n  return color;\n}\n\nconst Button = React.memo<ButtonProps>(\n  ({\n    variant = \"solid\",\n    color = \"primary\",\n    size = \"md\",\n    shape = \"rounded\",\n    loading = false,\n    loadingText,\n    loadingPosition = \"left\",\n    icon,\n    iconPlacement = \"left\",\n    leftIcon: leftIconProp,\n    rightIcon: rightIconProp,\n    fullWidth = false,\n    iconOnly = false,\n    asChild = false,\n    pressed,\n    ripple = false,\n    className,\n    classNames,\n    children,\n    disabled,\n    onClick,\n    ref,\n    ...props\n  }) => {\n    const isDisabled = disabled || loading;\n    const spinnerSize = spinnerSizeMap[size];\n    const spinnerColor = getSpinnerColor(variant, color);\n\n    const {\n      ripples,\n      onPointerDown: ripplePointerDown,\n      onKeyDown: rippleKeyDown,\n      onAnimationEnd: rippleAnimationEnd,\n    } = useRipple(ripple && !isDisabled);\n\n    // Dev warning for icon-only buttons without aria-label\n    if (import.meta.env?.DEV && iconOnly && !props['aria-label'] && !props['aria-labelledby']) {\n      console.warn('Button: icon-only buttons should have an aria-label or aria-labelledby prop for accessibility.')\n    }\n\n    const leftIcon = leftIconProp ?? (iconPlacement === \"left\" ? icon : undefined);\n    const rightIcon = rightIconProp ?? (iconPlacement === \"right\" ? icon : undefined);\n\n    const showLeftIcon = !loading && leftIcon;\n    const showRightIcon = !loading && rightIcon;\n    const showSpinnerLeft = loading && loadingPosition === \"left\";\n    const showSpinnerRight = loading && loadingPosition === \"right\";\n\n    const content = loading && loadingText ? loadingText : children;\n\n    const iconOnlyLoading = iconOnly && loading;\n\n    const buttonClassName = cn(\n      \"button_root\",\n      buttonVariants({ color, size, variant, shape, fullWidth, iconOnly }),\n      pressed && \"data-[pressed=true]:ring-2 data-[pressed=true]:ring-current/30\",\n      ripple && \"relative overflow-hidden\",\n      classNames?.root,\n      className,\n    );\n\n    const sharedProps = {\n      className: buttonClassName,\n      disabled: asChild ? undefined : isDisabled,\n      \"aria-busy\": loading || undefined,\n      \"aria-disabled\": isDisabled || undefined,\n      \"aria-pressed\": pressed,\n      \"data-pressed\": pressed != null ? String(pressed) : undefined,\n      \"data-slot\": \"root\",\n      onClick: isDisabled ? undefined : onClick,\n      onPointerDown: ripplePointerDown,\n      onKeyDown: rippleKeyDown,\n      ...props,\n    };\n\n    const innerContent = iconOnlyLoading ? (\n      <>\n        <span\n          className={cn(\"button_spinner inline-flex items-center\", classNames?.spinner)}\n          data-slot=\"spinner\"\n        >\n          <Spinner size={spinnerSize} color={spinnerColor} />\n        </span>\n        <span className=\"sr-only\">Loading</span>\n      </>\n    ) : (\n      <>\n        {showSpinnerLeft && (\n          <span\n            className={cn(\"button_spinner inline-flex items-center\", classNames?.spinner)}\n            data-slot=\"spinner\"\n          >\n            <Spinner size={spinnerSize} color={spinnerColor} />\n          </span>\n        )}\n        {showLeftIcon && (\n          <span\n            className={cn(\"button_icon shrink-0\", classNames?.icon, classNames?.leftIcon)}\n            data-slot=\"icon\"\n          >\n            {leftIcon}\n          </span>\n        )}\n        {content}\n        {showRightIcon && (\n          <span\n            className={cn(\"button_icon shrink-0\", classNames?.icon, classNames?.rightIcon)}\n            data-slot=\"icon\"\n          >\n            {rightIcon}\n          </span>\n        )}\n        {showSpinnerRight && (\n          <span\n            className={cn(\"button_spinner inline-flex items-center\", classNames?.spinner)}\n            data-slot=\"spinner\"\n          >\n            <Spinner size={spinnerSize} color={spinnerColor} />\n          </span>\n        )}\n        {loading && <span className=\"sr-only\">Loading</span>}\n      </>\n    );\n\n    const rippleElements = (\n      <RippleContainer\n        ripples={ripples}\n        className={classNames?.ripple}\n        onAnimationEnd={rippleAnimationEnd}\n      />\n    );\n\n    if (asChild) {\n      return (\n        <Slot ref={ref} {...sharedProps}>\n          {React.isValidElement(children)\n            ? React.cloneElement(\n                children as React.ReactElement<{ children?: React.ReactNode }>,\n                {},\n                <>\n                  {(children as React.ReactElement<{ children?: React.ReactNode }>).props.children}\n                  {rippleElements}\n                </>,\n              )\n            : children}\n        </Slot>\n      );\n    }\n\n    return (\n      <button\n        ref={ref}\n        type={props.type ?? \"button\"}\n        {...sharedProps}\n      >\n        {innerContent}\n        {rippleElements}\n      </button>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n\nexport { buttonVariants };\nexport type * from \"./types\";\nexport default Button;\n"]}

package/dist/{chunk-SGRACNBP.js → chunk-STAYOHDI.js}

@@ -1,5 +1,5 @@
-import { cn } from './chunk-NGYLRX6F.js';
-import React from 'react';
+import { cn } from './chunk-RAS6HUEI.js';
+import React, { useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var RadioGroup = React.memo(
@@ -14,15 +14,22 @@ var RadioGroup = React.memo(
     ref,
     ...props
   }) => {
+    const id = useId();
+    const labelId = `radiogroup-label-${id}`;
+    const helperId = `radiogroup-helper-${id}`;
+    const hasHelperText = !!(helperText || error);
     return /* @__PURE__ */ jsxs(
       "div",
       {
+        "data-slot": "root",
         ref,
         className: cn("radioGroup_root", "w-full", className, classNames?.root),
         role: "radiogroup",
+        "aria-labelledby": label ? labelId : void 0,
+        "aria-describedby": hasHelperText ? helperId : void 0,
         ...props,
         children: [
-          label && /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx("span", { className: cn("radioGroup_label", "text-sm font-medium text-text-secondary", classNames?.label), children: label }) }),
+          label && /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx("span", { id: labelId, className: cn("radioGroup_label", "text-sm font-medium text-text-secondary", classNames?.label), children: label }) }),
           /* @__PURE__ */ jsx(
             "div",
             {
@@ -38,6 +45,7 @@ var RadioGroup = React.memo(
           (helperText || error) && /* @__PURE__ */ jsx(
             "p",
             {
+              id: helperId,
               className: cn(
                 error ? "radioGroup_error" : "radioGroup_helper",
                 "mt-2 text-xs",
@@ -56,5 +64,5 @@ RadioGroup.displayName = "RadioGroup";
 var radio_group_default = RadioGroup;
 
 export { RadioGroup, radio_group_default };
-//# sourceMappingURL=chunk-SGRACNBP.js.map
-//# sourceMappingURL=chunk-SGRACNBP.js.map
+//# sourceMappingURL=chunk-STAYOHDI.js.map
+//# sourceMappingURL=chunk-STAYOHDI.js.map