@mdigital_ui/ui 0.4.3 → 0.4.4

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-LM6CJZX5.js → chunk-ROQGBDET.js}

@@ -1,4 +1,4 @@
-import { colorVars } from './chunk-GLJDHW73.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';
@@ -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: {
@@ -89,5 +89,5 @@ function PopoverAnchor({
 }
 
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
-//# sourceMappingURL=chunk-LM6CJZX5.js.map
-//# sourceMappingURL=chunk-LM6CJZX5.js.map
+//# sourceMappingURL=chunk-ROQGBDET.js.map
+//# sourceMappingURL=chunk-ROQGBDET.js.map

package/dist/{chunk-LM6CJZX5.js.map → chunk-ROQGBDET.js.map}

@@ -1 +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,spBAAA;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-LM6CJZX5.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-50 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"]}
+{"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-GGQF5PQN.js → chunk-RRPMZYVN.js}

@@ -1,4 +1,4 @@
-import { colorVars } from './chunk-GLJDHW73.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
 import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
@@ -39,5 +39,5 @@ Spinner.displayName = "Spinner";
 var spinner_default = Spinner;
 
 export { Spinner, spinner_default };
-//# sourceMappingURL=chunk-GGQF5PQN.js.map
-//# sourceMappingURL=chunk-GGQF5PQN.js.map
+//# sourceMappingURL=chunk-RRPMZYVN.js.map
+//# sourceMappingURL=chunk-RRPMZYVN.js.map

package/dist/{chunk-GGQF5PQN.js.map → chunk-RRPMZYVN.js.map}

@@ -1 +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-GGQF5PQN.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"]}
+{"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-USHR3MWQ.js → chunk-S6HO7HUY.js}

@@ -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,7 +280,7 @@ 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);
@@ -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-USHR3MWQ.js.map
-//# sourceMappingURL=chunk-USHR3MWQ.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-K5RV3GF4.js → chunk-SFP77VS3.js}

@@ -1,4 +1,4 @@
-import { colorVars } from './chunk-GLJDHW73.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
 import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
@@ -40,5 +40,5 @@ Skeleton.displayName = "Skeleton";
 var skeleton_default = Skeleton;
 
 export { skeleton_default };
-//# sourceMappingURL=chunk-K5RV3GF4.js.map
-//# sourceMappingURL=chunk-K5RV3GF4.js.map
+//# sourceMappingURL=chunk-SFP77VS3.js.map
+//# sourceMappingURL=chunk-SFP77VS3.js.map

package/dist/{chunk-K5RV3GF4.js.map → chunk-SFP77VS3.js.map}

@@ -1 +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-K5RV3GF4.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"]}
+{"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-LXHOS74B.js → chunk-SJLH5ZDW.js}

@@ -1,6 +1,6 @@
-import { Spinner } from './chunk-GGQF5PQN.js';
+import { Spinner } from './chunk-RRPMZYVN.js';
 import { useRipple, RippleContainer } from './chunk-4TEZWGX7.js';
-import { buttonColorVars } from './chunk-GLJDHW73.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';
@@ -224,5 +224,5 @@ Button.displayName = "Button";
 var button_default = Button;
 
 export { buttonVariants, button_default };
-//# sourceMappingURL=chunk-LXHOS74B.js.map
-//# sourceMappingURL=chunk-LXHOS74B.js.map
+//# sourceMappingURL=chunk-SJLH5ZDW.js.map
+//# sourceMappingURL=chunk-SJLH5ZDW.js.map

package/dist/{chunk-LXHOS74B.js.map → chunk-SJLH5ZDW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/button/index.tsx"],"names":[],"mappings":"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","file":"chunk-LXHOS74B.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"]}
+{"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-5XLCUGLQ.js → chunk-TBKPQOXF.js}

@@ -1,13 +1,14 @@
-import { tree_default } from './chunk-3FXOQC6P.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-LM6CJZX5.js';
+import { tree_default } from './chunk-LXHFGQOI.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-ROQGBDET.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
 import { getValidationStatus, cn, iconSizes, statusMessageVariants } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
-import { X, Loader2, Search, ChevronDown } from 'lucide-react';
 import React from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { X, Loader2, ChevronDown } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 var treeSelectTriggerVariants = cva(
-  "w-full flex items-center justify-between rounded-md bg-background text-text-primary border focus:border-primary outline-none disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer transition-colors",
+  "w-full flex items-center justify-between rounded-md bg-background text-text-primary border outline-none cursor-pointer transition-colors focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background aria-disabled:opacity-50 aria-disabled:cursor-not-allowed",
   {
     variants: {
       status: {
@@ -18,10 +19,10 @@ var treeSelectTriggerVariants = cva(
         success: "border-success"
       },
       size: {
-        xs: "h-(--select-height-xs) px-(--select-padding-x-xs) text-xs gap-1.5",
-        sm: "h-(--input-height-sm) px-1 text-sm gap-2",
-        md: "h-(--input-height-md) px-2 text-base gap-2",
-        lg: "h-(--input-height-lg) px-3 text-lg gap-3"
+        xs: "min-h-(--select-height-xs) px-(--select-padding-x-xs) py-1 text-xs gap-1.5",
+        sm: "min-h-(--input-height-sm) px-1 py-1 text-sm gap-2",
+        md: "min-h-(--input-height-md) px-2 py-1 text-base gap-2",
+        lg: "min-h-(--input-height-lg) px-3 py-1.5 text-lg gap-3"
       },
       fullWidth: {
         true: "w-full",
@@ -313,6 +314,7 @@ var TreeSelect = React.memo(
         className: cn(
           "treeSelect_root",
           "relative group",
+          colorVars.primary,
           fullWidth ? "w-full" : "inline-block",
           classNames?.root
         ),
@@ -322,13 +324,17 @@ var TreeSelect = React.memo(
           Popover,
           {
             open: isOpen,
-            onOpenChange: setIsOpen,
+            onOpenChange: (open) => {
+              setIsOpen(open);
+              if (!open) setSearchQuery("");
+            },
             children: [
               /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-                "button",
+                "div",
                 {
                   ref: triggerRef,
-                  type: "button",
+                  role: "combobox",
+                  tabIndex: disabled || loading ? -1 : 0,
                   className: cn(
                     "treeSelect_trigger",
                     treeSelectTriggerVariants({ status, size, fullWidth }),
@@ -336,16 +342,26 @@ var TreeSelect = React.memo(
                     className,
                     classNames?.trigger
                   ),
-                  disabled: disabled || loading,
                   "aria-haspopup": "tree",
                   "aria-expanded": isOpen,
+                  "aria-disabled": disabled || loading,
                   "aria-labelledby": label ? labelId : void 0,
+                  onClick: () => {
+                    if (disabled || loading) return;
+                    if (!isOpen) {
+                      setIsOpen(true);
+                      if (searchable) {
+                        requestAnimationFrame(() => inputRef.current?.focus());
+                      }
+                    }
+                  },
+                  onKeyDown: handleKeyDown,
                   children: [
-                    multiple && selectedNodes.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex gap-1 flex-shrink-0", children: [
+                    multiple && selectedNodes.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex gap-1 flex-shrink-0 flex-wrap", children: [
                       selectedNodes.slice(0, visibleChipsCount).map((node) => /* @__PURE__ */ jsxs(
                         "span",
                         {
-                          className: "inline-flex items-center gap-1 px-2 py-0.5 bg-primary/10 text-primary rounded text-sm whitespace-nowrap",
+                          className: "inline-flex items-center gap-1 px-2 py-0.5 bg-slot-10 text-slot rounded text-sm whitespace-nowrap",
                           children: [
                             node.label,
                             /* @__PURE__ */ jsx(
@@ -353,7 +369,7 @@ var TreeSelect = React.memo(
                               {
                                 type: "button",
                                 onClick: (e) => handleRemoveItem(e, node.key),
-                                className: "hover:bg-primary/20 rounded-sm",
+                                className: "hover:bg-slot-20 rounded-sm",
                                 disabled,
                                 children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
                               }
@@ -367,7 +383,7 @@ var TreeSelect = React.memo(
                         selectedNodes.length - visibleChipsCount
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsx(
+                    multiple && /* @__PURE__ */ jsx(
                       "div",
                       {
                         className: "absolute opacity-0 pointer-events-none whitespace-nowrap",
@@ -376,7 +392,7 @@ var TreeSelect = React.memo(
                           "span",
                           {
                             "data-hidden-chip": true,
-                            className: "inline-flex items-center gap-1 px-2 py-0.5 bg-primary/10 text-primary rounded text-sm whitespace-nowrap",
+                            className: "inline-flex items-center gap-1 px-2 py-0.5 bg-slot-10 text-slot rounded text-sm whitespace-nowrap",
                             children: [
                               node.label,
                               /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
@@ -386,34 +402,37 @@ var TreeSelect = React.memo(
                         ))
                       }
                     ),
-                    /* @__PURE__ */ jsx(
+                    searchable && isOpen ? /* @__PURE__ */ jsx(
                       "input",
                       {
                         ref: inputRef,
                         type: "text",
-                        className: "bg-transparent outline-none cursor-pointer placeholder:text-text-secondary/50 flex-1 min-w-0 pointer-events-none",
-                        placeholder: selectedNodes.length > 0 ? "" : placeholder,
+                        className: "bg-transparent outline-none placeholder:text-text-secondary/50 flex-1 min-w-[60px] w-0",
+                        placeholder: getDisplayValue || placeholder,
                         value: searchQuery,
                         onChange: handleInputChange,
                         onFocus: handleInputFocus,
                         onKeyDown: handleInputKeyDown,
                         disabled: disabled || loading,
-                        readOnly: !isOpen || !searchable,
+                        onClick: (e) => e.stopPropagation(),
                         tabIndex: -1
                       }
-                    ),
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-text-secondary", children: [
+                    ) : /* @__PURE__ */ jsx("span", { className: cn("flex-1 truncate", !getDisplayValue && "text-text-secondary/50"), children: getDisplayValue || placeholder }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-text-secondary shrink-0", children: [
                       clearable && getDisplayValue && !disabled && !loading && /* @__PURE__ */ jsx(
                         "button",
                         {
                           type: "button",
-                          onClick: handleClear,
+                          onClick: (e) => {
+                            e.stopPropagation();
+                            handleClear(e);
+                          },
                           className: "hover:text-text-primary transition-colors",
                           tabIndex: -1,
                           children: /* @__PURE__ */ jsx(X, { className: iconSizes[size] })
                         }
                       ),
-                      loading ? /* @__PURE__ */ jsx(Loader2, { className: cn("animate-spin", iconSizes[size]) }) : /* @__PURE__ */ jsx(Fragment, { children: isOpen && searchable ? /* @__PURE__ */ jsx(Search, { className: iconSizes[size] }) : /* @__PURE__ */ jsx(
+                      loading ? /* @__PURE__ */ jsx(Loader2, { className: cn("animate-spin", iconSizes[size]) }) : /* @__PURE__ */ jsx(
                         ChevronDown,
                         {
                           className: cn(
@@ -422,7 +441,7 @@ var TreeSelect = React.memo(
                             isOpen && "rotate-180"
                           )
                         }
-                      ) })
+                      )
                     ] })
                   ]
                 }
@@ -503,5 +522,5 @@ TreeSelect.displayName = "TreeSelect";
 var tree_select_default = TreeSelect;
 
 export { tree_select_default };
-//# sourceMappingURL=chunk-5XLCUGLQ.js.map
-//# sourceMappingURL=chunk-5XLCUGLQ.js.map
+//# sourceMappingURL=chunk-TBKPQOXF.js.map
+//# sourceMappingURL=chunk-TBKPQOXF.js.map

package/dist/chunk-TBKPQOXF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tree-select/index.tsx"],"names":["info"],"mappings":"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","file":"chunk-TBKPQOXF.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { ChevronDown, Loader2, X } from 'lucide-react'\n\nimport { Popover, PopoverContent, PopoverTrigger } from '../popover'\nimport { colorVars } from '../variants'\nimport Tree from '../tree'\nimport type { TreeNode } from '../tree/types'\nimport {\n  cn,\n  getValidationStatus,\n  iconSizes,\n  statusMessageVariants,\n} from '../utils'\nimport type { TreeSelectProps } from './types'\n\nconst treeSelectTriggerVariants = cva(\n  'w-full flex items-center justify-between rounded-md bg-background text-text-primary border outline-none cursor-pointer transition-colors focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background aria-disabled:opacity-50 aria-disabled:cursor-not-allowed',\n  {\n    variants: {\n      status: {\n        default: 'border-border hover:border-primary/50',\n        error: 'border-error',\n        warning: 'border-warning',\n        info: 'border-info',\n        success: 'border-success',\n      },\n      size: {\n        xs: 'min-h-(--select-height-xs) px-(--select-padding-x-xs) py-1 text-xs gap-1.5',\n        sm: 'min-h-(--input-height-sm) px-1 py-1 text-sm gap-2',\n        md: 'min-h-(--input-height-md) px-2 py-1 text-base gap-2',\n        lg: 'min-h-(--input-height-lg) px-3 py-1.5 text-lg gap-3',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: 'max-w-full',\n      },\n    },\n    defaultVariants: {\n      status: 'default',\n      size: 'md',\n      fullWidth: true,\n    },\n  },\n)\n\nconst TreeSelect = React.memo<TreeSelectProps>(\n  ({\n    size = 'md',\n    label,\n    helperText,\n    error,\n    warning,\n    info,\n    success,\n    data = [],\n    placeholder = 'Select an option',\n    loading = false,\n    fullWidth = true,\n    value,\n    defaultValue,\n    onChange,\n    disabled,\n    required,\n    multiple = false,\n    checkable = false,\n    searchable = true,\n    clearable = true,\n    maxChipsVisible = 3,\n    maxDropdownHeight = 300,\n    defaultExpandAll = false,\n    defaultExpandedKeys = [],\n    showLine = false,\n    showIcon = true,\n    className,\n    classNames,\n    ref,\n    ...props\n  }) => {\n    const uniqueId = React.useId()\n    const labelId = `tree-select-label-${uniqueId}`\n\n    const [isOpen, setIsOpen] = React.useState(false)\n    const [internalValue, setInternalValue] = React.useState<string | string[]>(\n      defaultValue || (multiple ? [] : ''),\n    )\n    const [searchQuery, setSearchQuery] = React.useState('')\n    const [expandedKeys, setExpandedKeys] = React.useState<string[]>(\n      defaultExpandAll ? [] : defaultExpandedKeys,\n    )\n    const [visibleChipsCount, setVisibleChipsCount] =\n      React.useState(maxChipsVisible)\n\n    const triggerRef = React.useRef<HTMLDivElement>(null)\n    const inputRef = React.useRef<HTMLInputElement>(null)\n    const currentValue = value !== undefined ? value : internalValue\n\n    // Use shared validation status utility\n    const { status, message: helperMessage } = getValidationStatus({\n      error,\n      warning,\n      info,\n      success,\n      helperText,\n    })\n\n    // Get all nodes in a flat structure for search and lookup\n    const getAllNodes = React.useCallback((nodes: TreeNode[]): TreeNode[] => {\n      const result: TreeNode[] = []\n      const traverse = (items: TreeNode[]) => {\n        items.forEach((item) => {\n          result.push(item)\n          if (item.children) {\n            traverse(item.children)\n          }\n        })\n      }\n      traverse(nodes)\n      return result\n    }, [])\n\n    const allNodes = React.useMemo(() => getAllNodes(data), [data, getAllNodes])\n\n    // Find node by key\n    const getNodeByKey = React.useCallback(\n      (key: string): TreeNode | null => {\n        return allNodes.find((node) => node.key === key) || null\n      },\n      [allNodes],\n    )\n\n    // Get selected nodes\n    const getSelectedNodes = React.useCallback(\n      (keys: string | string[]): TreeNode[] => {\n        const keyArray = Array.isArray(keys) ? keys : [keys]\n        return keyArray\n          .map((key) => getNodeByKey(key))\n          .filter((node): node is TreeNode => node !== null)\n      },\n      [getNodeByKey],\n    )\n\n    // Filter tree data based on search query\n    const filteredData = React.useMemo(() => {\n      if (!searchQuery) return data\n\n      const matchingKeys = new Set<string>()\n\n      // Find all nodes that match the search\n      allNodes.forEach((node) => {\n        if (node.label.toLowerCase().includes(searchQuery.toLowerCase())) {\n          // Add the node and all its ancestors\n          let current: TreeNode | null = node\n          while (current) {\n            matchingKeys.add(current.key)\n            // Find parent\n            const parent = allNodes.find((n) =>\n              n.children?.some((child) => child.key === current!.key),\n            )\n            current = parent || null\n          }\n        }\n      })\n\n      // Filter tree to only include matching nodes and their paths\n      const filterTree = (nodes: TreeNode[]): TreeNode[] => {\n        return nodes\n          .filter((node) => matchingKeys.has(node.key))\n          .map((node) => ({\n            ...node,\n            children: node.children ? filterTree(node.children) : undefined,\n          }))\n      }\n\n      return filterTree(data)\n    }, [data, searchQuery, allNodes])\n\n    // Get display value\n    const selectedNodes = React.useMemo(\n      () => getSelectedNodes(currentValue),\n      [currentValue, getSelectedNodes],\n    )\n\n    const getDisplayValue = React.useMemo(() => {\n      if (!selectedNodes.length) return ''\n      if (selectedNodes.length === 1) return selectedNodes[0]?.label\n      return `${selectedNodes.length} selected`\n    }, [selectedNodes])\n\n    const handleSelect = React.useCallback(\n      (_: string[], info: { selected: boolean; node: TreeNode }) => {\n        if (disabled) return\n\n        // Prevent selection of directory nodes (nodes with children)\n        if (info.node.children && info.node.children.length > 0) {\n          return\n        }\n\n        let newValue: string | string[]\n\n        if (multiple) {\n          // For multiple selection\n          const currentArray = Array.isArray(currentValue) ? currentValue : []\n          if (info.selected) {\n            newValue = [...currentArray, info.node.key]\n          } else {\n            newValue = currentArray.filter((k) => k !== info.node.key)\n          }\n        } else {\n          // For single selection\n          if (info.selected) {\n            newValue = info.node.key\n            setIsOpen(false)\n            setSearchQuery('')\n          } else {\n            newValue = ''\n          }\n        }\n\n        if (value === undefined) {\n          setInternalValue(newValue)\n        }\n\n        const selectedNodesResult = getSelectedNodes(newValue)\n        onChange?.(newValue, selectedNodesResult)\n      },\n      [disabled, multiple, currentValue, value, onChange, getSelectedNodes],\n    )\n\n    const handleCheck = React.useCallback(\n      (\n        keys: string[],\n        info: {\n          checked: boolean\n          node: TreeNode\n          checkedNodes: TreeNode[]\n        },\n      ) => {\n        if (disabled) return\n\n        // Filter out directory nodes (nodes with children) from checked keys\n        const leafKeys = keys.filter((key) => {\n          const node = getNodeByKey(key)\n          return node && (!node.children || node.children.length === 0)\n        })\n\n        const leafNodes = info.checkedNodes.filter(\n          (node) => !node.children || node.children.length === 0,\n        )\n\n        if (value === undefined) {\n          setInternalValue(leafKeys)\n        }\n\n        onChange?.(leafKeys, leafNodes)\n      },\n      [disabled, value, onChange, getNodeByKey],\n    )\n\n    const handleInputChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        setSearchQuery(e.target.value)\n        if (!isOpen) setIsOpen(true)\n      },\n      [isOpen],\n    )\n\n    const handleInputFocus = React.useCallback(() => {\n      setIsOpen(true)\n    }, [])\n\n    const handleClear = React.useCallback(\n      (e: React.MouseEvent) => {\n        e.stopPropagation()\n        const newValue = multiple ? [] : ''\n        if (value === undefined) {\n          setInternalValue(newValue)\n        }\n        onChange?.(newValue, [])\n        setSearchQuery('')\n      },\n      [multiple, value, onChange],\n    )\n\n    const handleRemoveItem = React.useCallback(\n      (\n        e: React.SyntheticEvent,\n        keyToRemove: string,\n      ) => {\n        e.stopPropagation()\n        if (!multiple || disabled) return\n\n        const currentArray = Array.isArray(currentValue) ? currentValue : []\n        const newValue = currentArray.filter((k) => k !== keyToRemove)\n\n        if (value === undefined) {\n          setInternalValue(newValue)\n        }\n\n        const selectedNodesResult = getSelectedNodes(newValue)\n        onChange?.(newValue, selectedNodesResult)\n      },\n      [multiple, disabled, currentValue, value, onChange, getSelectedNodes],\n    )\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent) => {\n        if (!isOpen && e.key !== 'Tab') {\n          if (e.key === 'Enter' || e.key === ' ' || e.key === 'ArrowDown') {\n            e.preventDefault()\n            setIsOpen(true)\n          }\n          return\n        }\n\n        if (e.key === 'Escape') {\n          e.preventDefault()\n          setIsOpen(false)\n          setSearchQuery('')\n          triggerRef.current?.focus()\n        }\n      },\n      [isOpen],\n    )\n\n    const handleInputKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (\n          e.key === 'Backspace' &&\n          !searchQuery &&\n          multiple &&\n          Array.isArray(currentValue) &&\n          currentValue.length > 0\n        ) {\n          e.preventDefault()\n          const lastKey = currentValue[currentValue.length - 1]\n          handleRemoveItem(e, lastKey || '')\n        } else {\n          handleKeyDown(e)\n        }\n      },\n      [searchQuery, currentValue, multiple, handleRemoveItem, handleKeyDown],\n    )\n\n    // Dynamic badge size calculation\n    React.useEffect(() => {\n      if (selectedNodes.length === 0 || !triggerRef.current) {\n        setVisibleChipsCount(maxChipsVisible)\n        return\n      }\n\n      const calculateVisibleChips = () => {\n        const container = triggerRef.current\n        if (!container) return\n\n        const hiddenChips = container.querySelectorAll('[data-hidden-chip]')\n        if (hiddenChips.length === 0) return\n\n        const containerWidth = container.offsetWidth\n        const padding =\n          size === 'sm' ? 12 : size === 'md' ? 16 : size === 'lg' ? 20 : 16\n\n        // Account for icons on the right (clear + chevron/search)\n        // Use a generous estimate to avoid overflow\n        const iconsWidth = 60 // Enough space for clear button + chevron + gap\n\n        const gap = 4\n        const plusIndicatorWidth = 40 // Width of \"+X\" badge\n\n        const availableWidth = containerWidth - padding * 2 - iconsWidth\n        let totalWidth = 0\n        let visibleCount = 0\n\n        for (let i = 0; i < hiddenChips.length; i++) {\n          const chipWidth = hiddenChips[i]?.getBoundingClientRect().width || 0\n          const requiredSpace =\n            totalWidth + chipWidth + (visibleCount > 0 ? gap : 0)\n\n          const needsPlusIndicator = i < hiddenChips.length - 1\n          const spaceWithIndicator =\n            requiredSpace + (needsPlusIndicator ? gap + plusIndicatorWidth : 0)\n\n          if (spaceWithIndicator <= availableWidth) {\n            totalWidth = requiredSpace\n            visibleCount++\n          } else {\n            break\n          }\n        }\n\n        setVisibleChipsCount(Math.max(1, visibleCount))\n      }\n\n      const timeoutId = setTimeout(calculateVisibleChips, 0)\n\n      const resizeObserver = new ResizeObserver(() => {\n        calculateVisibleChips()\n      })\n\n      if (triggerRef.current) {\n        resizeObserver.observe(triggerRef.current)\n      }\n\n      return () => {\n        clearTimeout(timeoutId)\n        resizeObserver.disconnect()\n      }\n    }, [selectedNodes, size, maxChipsVisible])\n\n    const treeSelectElement = (\n      <div\n        data-slot=\"root\"\n        className={cn(\n          'treeSelect_root',\n          'relative group',\n          colorVars.primary,\n          fullWidth ? 'w-full' : 'inline-block',\n          classNames?.root,\n        )}\n        ref={ref}\n        {...props}\n      >\n        <Popover\n          open={isOpen}\n          onOpenChange={(open) => {\n            setIsOpen(open)\n            if (!open) setSearchQuery('')\n          }}\n        >\n          <PopoverTrigger asChild>\n            <div\n              ref={triggerRef}\n              role=\"combobox\"\n              tabIndex={disabled || loading ? -1 : 0}\n              className={cn(\n                'treeSelect_trigger',\n                treeSelectTriggerVariants({ status, size, fullWidth }),\n                loading && 'opacity-50',\n                className,\n                classNames?.trigger,\n              )}\n              aria-haspopup=\"tree\"\n              aria-expanded={isOpen}\n              aria-disabled={disabled || loading}\n              aria-labelledby={label ? labelId : undefined}\n              onClick={() => {\n                if (disabled || loading) return\n                if (!isOpen) {\n                  setIsOpen(true)\n                  if (searchable) {\n                    requestAnimationFrame(() => inputRef.current?.focus())\n                  }\n                }\n              }}\n              onKeyDown={handleKeyDown}\n            >\n              {multiple && selectedNodes.length > 0 && (\n                <div className=\"flex gap-1 flex-shrink-0 flex-wrap\">\n                  {selectedNodes.slice(0, visibleChipsCount).map((node) => (\n                    <span\n                      key={node.key}\n                      className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-slot-10 text-slot rounded text-sm whitespace-nowrap\"\n                    >\n                      {node.label}\n                      <button\n                        type=\"button\"\n                        onClick={(e) => handleRemoveItem(e, node.key)}\n                        className=\"hover:bg-slot-20 rounded-sm\"\n                        disabled={disabled}\n                      >\n                        <X className=\"h-3 w-3\" />\n                      </button>\n                    </span>\n                  ))}\n                  {selectedNodes.length > visibleChipsCount && (\n                    <span className=\"inline-flex items-center px-2 py-0.5 bg-surface text-text-secondary rounded text-sm whitespace-nowrap\">\n                      +{selectedNodes.length - visibleChipsCount}\n                    </span>\n                  )}\n                </div>\n              )}\n              {/* Hidden chips for width calculation (multiple mode only) */}\n              {multiple && (\n                <div\n                  className=\"absolute opacity-0 pointer-events-none whitespace-nowrap\"\n                  aria-hidden=\"true\"\n                >\n                  {selectedNodes.map((node) => (\n                    <span\n                      key={node.key}\n                      data-hidden-chip\n                      className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-slot-10 text-slot rounded text-sm whitespace-nowrap\"\n                    >\n                      {node.label}\n                      <X className=\"h-3 w-3\" />\n                    </span>\n                  ))}\n                </div>\n              )}\n              {searchable && isOpen ? (\n                <input\n                  ref={inputRef}\n                  type=\"text\"\n                  className=\"bg-transparent outline-none placeholder:text-text-secondary/50 flex-1 min-w-[60px] w-0\"\n                  placeholder={getDisplayValue || placeholder}\n                  value={searchQuery}\n                  onChange={handleInputChange}\n                  onFocus={handleInputFocus}\n                  onKeyDown={handleInputKeyDown}\n                  disabled={disabled || loading}\n                  onClick={(e) => e.stopPropagation()}\n                  tabIndex={-1}\n                />\n              ) : (\n                <span className={cn('flex-1 truncate', !getDisplayValue && 'text-text-secondary/50')}>\n                  {getDisplayValue || placeholder}\n                </span>\n              )}\n              <div className=\"flex items-center gap-1 text-text-secondary shrink-0\">\n                {clearable && getDisplayValue && !disabled && !loading && (\n                  <button\n                    type=\"button\"\n                    onClick={(e) => { e.stopPropagation(); handleClear(e) }}\n                    className=\"hover:text-text-primary transition-colors\"\n                    tabIndex={-1}\n                  >\n                    <X className={iconSizes[size]} />\n                  </button>\n                )}\n                {loading ? (\n                  <Loader2 className={cn('animate-spin', iconSizes[size])} />\n                ) : (\n                  <ChevronDown\n                    className={cn(\n                      iconSizes[size],\n                      'transition-transform duration-200',\n                      isOpen && 'rotate-180',\n                    )}\n                  />\n                )}\n              </div>\n            </div>\n          </PopoverTrigger>\n\n          <PopoverContent\n            className={cn(\n              'treeSelect_dropdown',\n              'p-2 w-[var(--radix-popover-trigger-width)]',\n              classNames?.dropdown,\n            )}\n            align=\"start\"\n            onOpenAutoFocus={(e: Event) => {\n              e.preventDefault()\n              inputRef.current?.focus()\n            }}\n          >\n            <div\n              className=\"overflow-auto\"\n              style={{ maxHeight: maxDropdownHeight }}\n              role=\"tree\"\n              aria-labelledby={label ? labelId : undefined}\n            >\n              {filteredData.length === 0 ? (\n                <div className=\"px-3 py-4 text-center text-sm text-text-secondary\">\n                  No options found\n                </div>\n              ) : (\n                <Tree\n                  data={filteredData}\n                  checkable={checkable}\n                  checkedKeys={\n                    checkable && Array.isArray(currentValue)\n                      ? currentValue\n                      : undefined\n                  }\n                  onCheck={checkable ? handleCheck : undefined}\n                  selectable={!checkable}\n                  selectedKeys={\n                    !checkable\n                      ? Array.isArray(currentValue)\n                        ? currentValue\n                        : currentValue\n                          ? [currentValue]\n                          : []\n                      : undefined\n                  }\n                  onSelect={!checkable ? handleSelect : undefined}\n                  disabled={disabled}\n                  size={size}\n                  showLine={showLine}\n                  showIcon={showIcon}\n                  defaultExpandAll={defaultExpandAll || !!searchQuery}\n                  expandedKeys={defaultExpandAll ? undefined : (searchQuery ? undefined : expandedKeys)}\n                  onExpand={setExpandedKeys}\n                  className={cn('treeSelect_tree', classNames?.tree)}\n                  classNames={{\n                    node: cn('treeSelect_node', classNames?.node),\n                    label: cn('treeSelect_label', classNames?.label),\n                  }}\n                />\n              )}\n            </div>\n          </PopoverContent>\n        </Popover>\n      </div>\n    )\n\n    return (\n      <div className={cn('w-full flex flex-col', !fullWidth && 'inline-block')}>\n        <div className=\"flex gap-2 items-center\">\n          {label && (\n            <label\n              id={labelId}\n              className=\"block mb-0.5\"\n            >\n              <span className=\"text-sm font-medium text-text-secondary\">\n                {label}\n                {required && <span className=\"text-error ml-1\">*</span>}\n              </span>\n            </label>\n          )}\n          {helperMessage && (\n            <p className={statusMessageVariants({ status })}>{helperMessage}</p>\n          )}\n        </div>\n        {treeSelectElement}\n      </div>\n    )\n  },\n)\n\nTreeSelect.displayName = 'TreeSelect'\n\nexport type * from './types'\nexport default TreeSelect\n"]}