@sth87/shadcn-design-system 0.0.1

package/dist/cjs/components/Rate/Rate.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rate.cjs","sources":["../../../../src/components/Rate/Rate.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useState, useRef } from \"react\";\nimport type { KeyboardEvent } from \"react\";\nimport { Star, StarHalf } from \"lucide-react\";\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nexport interface RateProps {\n  // Display\n  count?: number;\n  value?: number;\n  defaultValue?: number;\n  allowHalf?: boolean;\n  allowClear?: boolean;\n\n  // Appearance\n  size?: \"small\" | \"middle\" | \"large\";\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"accent\"\n    | \"destructive\"\n    | \"muted\"\n    | \"success\"\n    | \"error\"\n    | \"warning\";\n  character?: React.ReactNode | ((rateProps: RateProps) => React.ReactNode);\n  className?: string;\n  style?: React.CSSProperties;\n\n  // Interaction\n  disabled?: boolean;\n  autoFocus?: boolean;\n  keyboard?: boolean;\n\n  // Tooltips\n  tooltips?: string[];\n\n  // Callbacks\n  onChange?: (value: number) => void;\n  onHoverChange?: (value: number) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;\n}\n\nconst Rate = React.forwardRef<HTMLDivElement, RateProps>(\n  (\n    {\n      count = 5,\n      value: controlledValue,\n      defaultValue = 0,\n      allowHalf = false,\n      allowClear = true,\n      size = \"middle\",\n      color = \"warning\",\n      character,\n      className,\n      style,\n      disabled = false,\n      autoFocus = false,\n      keyboard = true,\n      tooltips,\n      onChange,\n      onHoverChange,\n      onFocus,\n      onBlur,\n      onKeyDown,\n    },\n    ref\n  ) => {\n    const [internalValue, setInternalValue] = useState(defaultValue);\n    const [hoverValue, setHoverValue] = useState<number | null>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    // Use controlled or uncontrolled value\n    const value =\n      controlledValue !== undefined ? controlledValue : internalValue;\n\n    // Size in pixels\n    const sizeMap = {\n      small: 20,\n      middle: 24,\n      large: 32,\n    };\n\n    // Color mapping for filled stars\n    const colorMap = {\n      primary: \"text-primary [&_svg]:fill-primary\",\n      secondary: \"text-secondary [&_svg]:fill-secondary\",\n      accent: \"text-accent [&_svg]:fill-accent\",\n      destructive: \"text-destructive [&_svg]:fill-destructive\",\n      muted: \"text-muted-foreground [&_svg]:fill-muted-foreground\",\n      success: \"text-success [&_svg]:fill-success\",\n      error: \"text-error [&_svg]:fill-error\",\n      warning: \"text-yellow-400 [&_svg]:fill-yellow-400\",\n    };\n\n    // Handle star click\n    const handleStarClick = (starIndex: number, isHalf: boolean) => {\n      if (disabled) return;\n\n      const newValue = isHalf ? starIndex + 0.5 : starIndex + 1;\n\n      // If clicking the same value and allowClear is true, clear the rating\n      if (allowClear && newValue === value) {\n        setInternalValue(0);\n        onChange?.(0);\n      } else {\n        setInternalValue(newValue);\n        onChange?.(newValue);\n      }\n    };\n\n    // Handle star hover\n    const handleStarHover = (starIndex: number, isHalf: boolean) => {\n      if (disabled) return;\n\n      const newHoverValue = isHalf ? starIndex + 0.5 : starIndex + 1;\n      setHoverValue(newHoverValue);\n      onHoverChange?.(newHoverValue);\n    };\n\n    // Handle mouse leave\n    const handleMouseLeave = () => {\n      setHoverValue(null);\n      onHoverChange?.(0);\n    };\n\n    // Handle keyboard navigation\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n      if (!keyboard || disabled) return;\n\n      onKeyDown?.(event);\n\n      const step = allowHalf ? 0.5 : 1;\n      let newValue = value;\n\n      switch (event.key) {\n        case \"ArrowRight\":\n        case \"ArrowUp\":\n          event.preventDefault();\n          newValue = Math.min(value + step, count);\n          break;\n        case \"ArrowLeft\":\n        case \"ArrowDown\":\n          event.preventDefault();\n          newValue = Math.max(value - step, 0);\n          break;\n        case \"Home\":\n          event.preventDefault();\n          newValue = allowHalf ? 0.5 : 1;\n          break;\n        case \"End\":\n          event.preventDefault();\n          newValue = count;\n          break;\n        default:\n          return;\n      }\n\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    };\n\n    // Handle focus\n    const handleFocus = () => {\n      onFocus?.();\n    };\n\n    // Handle blur\n    const handleBlur = () => {\n      onBlur?.();\n    };\n\n    // Get star fill percentage\n    const getStarFill = (starIndex: number) => {\n      const currentValue = hoverValue !== null ? hoverValue : value;\n\n      if (currentValue >= starIndex + 1) {\n        return 100; // Full star\n      } else if (currentValue > starIndex && currentValue < starIndex + 1) {\n        return (currentValue - starIndex) * 100; // Partial star\n      }\n      return 0; // Empty star\n    };\n\n    // Check if star should show as half\n    const isHalfStar = (starIndex: number) => {\n      if (!allowHalf) return false;\n      const currentValue = hoverValue !== null ? hoverValue : value;\n      const fill = currentValue - starIndex;\n      return fill > 0 && fill <= 0.5;\n    };\n\n    // Render character\n    const renderCharacter = (isHalf: boolean = false) => {\n      if (typeof character === \"function\") {\n        return character({\n          count,\n          value,\n          defaultValue,\n          allowHalf,\n          allowClear,\n          size,\n          disabled,\n        });\n      }\n      if (isHalf) {\n        return <StarHalf className=\"w-full h-full\" />;\n      }\n      return character || <Star className=\"w-full h-full\" />;\n    };\n\n    // Get tooltip for star\n    const getTooltip = (starIndex: number) => {\n      if (!tooltips || !tooltips[starIndex]) return undefined;\n      return tooltips[starIndex];\n    };\n\n    return (\n      <div\n        ref={(node) => {\n          containerRef.current = node;\n          if (typeof ref === \"function\") {\n            ref(node);\n          } else if (ref) {\n            ref.current = node;\n          }\n        }}\n        className={cn(\n          \"inline-flex items-center gap-1\",\n          disabled && \"opacity-50 cursor-not-allowed\",\n          !disabled && \"cursor-pointer\",\n          className\n        )}\n        style={style}\n        onMouseLeave={handleMouseLeave}\n        onKeyDown={handleKeyDown}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        tabIndex={disabled ? -1 : 0}\n        role=\"slider\"\n        aria-label=\"Rate\"\n        aria-valuemin={0}\n        aria-valuemax={count}\n        aria-valuenow={value}\n        aria-disabled={disabled}\n        autoFocus={autoFocus}\n      >\n        {Array.from({ length: count }, (_, index) => {\n          const fillPercentage = getStarFill(index);\n          const tooltip = getTooltip(index);\n          const showHalfStar = isHalfStar(index);\n\n          return (\n            <div key={index} className=\"relative group\" title={tooltip}>\n              {/* Container for half stars */}\n              <div\n                className=\"relative inline-flex\"\n                style={{\n                  width: `${sizeMap[size]}px`,\n                  height: `${sizeMap[size]}px`,\n                }}\n              >\n                {/* Empty star background */}\n                <div className=\"text-muted-foreground/30 pointer-events-none\">\n                  {renderCharacter(false)}\n                </div>\n\n                {/* Filled star overlay */}\n                {fillPercentage > 0 && (\n                  <div\n                    className={cn(\n                      \"absolute inset-0 pointer-events-none\",\n                      colorMap[color]\n                    )}\n                  >\n                    {showHalfStar ? (\n                      renderCharacter(true)\n                    ) : (\n                      <div\n                        className=\"overflow-hidden\"\n                        style={{ width: `${fillPercentage}%` }}\n                      >\n                        {renderCharacter(false)}\n                      </div>\n                    )}\n                  </div>\n                )}\n\n                {/* Interactive overlay for clicking and hovering */}\n                {!disabled && (\n                  <>\n                    {allowHalf ? (\n                      <>\n                        {/* Left half */}\n                        <div\n                          className=\"absolute inset-0 w-1/2 cursor-pointer\"\n                          onClick={() => handleStarClick(index, true)}\n                          onMouseEnter={() => handleStarHover(index, true)}\n                        />\n                        {/* Right half */}\n                        <div\n                          className=\"absolute inset-0 left-1/2 w-1/2 cursor-pointer\"\n                          onClick={() => handleStarClick(index, false)}\n                          onMouseEnter={() => handleStarHover(index, false)}\n                        />\n                      </>\n                    ) : (\n                      <div\n                        className=\"absolute inset-0 cursor-pointer\"\n                        onClick={() => handleStarClick(index, false)}\n                        onMouseEnter={() => handleStarHover(index, false)}\n                      />\n                    )}\n                  </>\n                )}\n              </div>\n\n              {/* Show tooltip text below star on hover */}\n              {tooltip &&\n                (hoverValue === index + 1 ||\n                  (allowHalf && hoverValue === index + 0.5)) && (\n                  <div className=\"absolute top-full left-1/2 -translate-x-1/2 mt-1 px-2 py-1 text-xs bg-foreground text-background rounded whitespace-nowrap z-10\">\n                    {tooltip}\n                  </div>\n                )}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n);\n\nRate.displayName = \"Rate\";\n\nexport default Rate;\n"],"names":["Rate","React","count","controlledValue","defaultValue","allowHalf","allowClear","size","color","character","className","style","disabled","autoFocus","keyboard","tooltips","onChange","onHoverChange","onFocus","onBlur","onKeyDown","ref","internalValue","setInternalValue","useState","hoverValue","setHoverValue","containerRef","useRef","value","sizeMap","colorMap","handleStarClick","starIndex","isHalf","newValue","handleStarHover","newHoverValue","handleMouseLeave","handleKeyDown","event","step","handleFocus","handleBlur","getStarFill","currentValue","isHalfStar","fill","renderCharacter","jsx","StarHalf","Star","getTooltip","node","cn","_","index","fillPercentage","tooltip","showHalfStar","jsxs","Fragment"],"mappings":"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"}

package/dist/cjs/components/Resizable/Resizable.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),x=require("react"),a=require("@dsui/ui/components/resizable"),i=require("@dsui/ui/lib/utils"),n=p=>{const{direction:r="horizontal",panels:l,withHandle:h=!0,handleVariant:f,handleIcon:j,autoSaveId:t,onLayout:o,className:u,panelClassName:S,handleClassName:g,children:c,keyboardResizeBy:d,storage:b}=p;return c&&!l?s.jsx(a.ResizablePanelGroup,{direction:r,autoSaveId:t,onLayout:o,className:i.cn("h-full w-full",u),keyboardResizeBy:d,storage:b,children:c}):!l||l.length===0?null:s.jsx(a.ResizablePanelGroup,{direction:r,autoSaveId:t,onLayout:o,className:i.cn("h-full w-full",u),keyboardResizeBy:d,storage:b,children:l.map((e,z)=>s.jsxs(x.Fragment,{children:[s.jsx(a.ResizablePanel,{id:e.id,defaultSize:e.defaultSize,minSize:e.minSize,maxSize:e.maxSize,collapsible:e.collapsible,collapsedSize:e.collapsedSize,onCollapse:e.onCollapse,onExpand:e.onExpand,onResize:e.onResize,order:e.order,className:i.cn(S,e.className),children:e.children}),z<l.length-1&&s.jsx(a.ResizableHandle,{withHandle:h,variant:f,icon:j,className:g})]},e.id||`panel-${z}`))})};n.displayName="Resizable";const R=a.ResizablePanel,m=a.ResizableHandle,P=Object.assign(n,{Panel:R,Handle:m,PanelGroup:a.ResizablePanelGroup});Object.defineProperty(exports,"ResizableHandle",{enumerable:!0,get:()=>a.ResizableHandle});Object.defineProperty(exports,"ResizablePanel",{enumerable:!0,get:()=>a.ResizablePanel});Object.defineProperty(exports,"ResizablePanelGroup",{enumerable:!0,get:()=>a.ResizablePanelGroup});exports.Handle=m;exports.Panel=R;exports.Resizable=P;exports.ResizableWrapper=n;exports.default=P;
+//# sourceMappingURL=Resizable.cjs.map

package/dist/cjs/components/Resizable/Resizable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.cjs","sources":["../../../../src/components/Resizable/Resizable.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  ResizablePanelGroup,\n  ResizablePanel,\n  ResizableHandle,\n  resizableHandleVariants,\n} from \"@dsui/ui/components/resizable\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport type { VariantProps } from \"class-variance-authority\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type ResizableDirection = \"horizontal\" | \"vertical\";\n\nexport type ResizableHandleVariant = VariantProps<\n  typeof resizableHandleVariants\n>[\"variant\"];\n\nexport interface ResizablePanelConfig {\n  id?: string;\n  defaultSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  collapsible?: boolean;\n  collapsedSize?: number;\n  onCollapse?: () => void;\n  onExpand?: () => void;\n  onResize?: (size: number) => void;\n  className?: string;\n  children?: React.ReactNode;\n  order?: number;\n}\n\ntype PanelGroupOnLayout = (sizes: number[]) => void;\n\nexport interface ResizableProps {\n  /** Direction of the resizable panels */\n  direction?: ResizableDirection;\n  /** Configuration for panels when using wrapper mode */\n  panels?: ResizablePanelConfig[];\n  /** Show handle with grip icon */\n  withHandle?: boolean;\n  /** Handle variant: 'default' shows icon, 'line' highlights on hover */\n  handleVariant?: ResizableHandleVariant;\n  /** Custom icon for the handle (only works with default variant) */\n  handleIcon?: React.ReactNode;\n  /** Auto save layout to localStorage with this id */\n  autoSaveId?: string;\n  /** Callback when layout changes */\n  onLayout?: PanelGroupOnLayout;\n  /** Additional class for the panel group */\n  className?: string;\n  /** Additional class for each panel */\n  panelClassName?: string;\n  /** Additional class for handles */\n  handleClassName?: string;\n  /** Children for primitive usage */\n  children?: React.ReactNode;\n  /** Keyboard resize by delta percentage (default: 10) */\n  keyboardResizeBy?: number;\n  /** Storage object for saving layout (default: localStorage) */\n  storage?: {\n    getItem: (name: string) => string | null;\n    setItem: (name: string, value: string) => void;\n  };\n}\n\n// ============================================================================\n// Wrapper Component\n// ============================================================================\n\nconst ResizableWrapper = (props: ResizableProps) => {\n  const {\n    direction = \"horizontal\",\n    panels,\n    withHandle = true,\n    handleVariant,\n    handleIcon,\n    autoSaveId,\n    onLayout,\n    className,\n    panelClassName,\n    handleClassName,\n    children,\n    keyboardResizeBy,\n    storage,\n  } = props;\n\n  // If children are provided, use primitive mode\n  if (children && !panels) {\n    return (\n      <ResizablePanelGroup\n        direction={direction}\n        autoSaveId={autoSaveId}\n        onLayout={onLayout}\n        className={cn(\"h-full w-full\", className)}\n        keyboardResizeBy={keyboardResizeBy}\n        storage={storage}\n      >\n        {children}\n      </ResizablePanelGroup>\n    );\n  }\n\n  // Wrapper mode with panels config\n  if (!panels || panels.length === 0) {\n    return null;\n  }\n\n  return (\n    <ResizablePanelGroup\n      direction={direction}\n      autoSaveId={autoSaveId}\n      onLayout={onLayout}\n      className={cn(\"h-full w-full\", className)}\n      keyboardResizeBy={keyboardResizeBy}\n      storage={storage}\n    >\n      {panels.map((panel, index) => (\n        <React.Fragment key={panel.id || `panel-${index}`}>\n          <ResizablePanel\n            id={panel.id}\n            defaultSize={panel.defaultSize}\n            minSize={panel.minSize}\n            maxSize={panel.maxSize}\n            collapsible={panel.collapsible}\n            collapsedSize={panel.collapsedSize}\n            onCollapse={panel.onCollapse}\n            onExpand={panel.onExpand}\n            onResize={panel.onResize}\n            order={panel.order}\n            className={cn(panelClassName, panel.className)}\n          >\n            {panel.children}\n          </ResizablePanel>\n          {index < panels.length - 1 && (\n            <ResizableHandle\n              withHandle={withHandle}\n              variant={handleVariant}\n              icon={handleIcon}\n              className={handleClassName}\n            />\n          )}\n        </React.Fragment>\n      ))}\n    </ResizablePanelGroup>\n  );\n};\n\nResizableWrapper.displayName = \"Resizable\";\n\n// ============================================================================\n// Sub-components for primitive usage\n// ============================================================================\n\nexport type ResizablePanelProps = React.ComponentProps<typeof ResizablePanel>;\nexport type ResizableHandleProps = React.ComponentProps<typeof ResizableHandle>;\nexport type ResizablePanelGroupProps = React.ComponentProps<\n  typeof ResizablePanelGroup\n>;\n\n// Re-export Panel and Handle from shadcn for primitive usage\nconst Panel = ResizablePanel;\nconst Handle = ResizableHandle;\n\n// ============================================================================\n// Export with Object.assign pattern\n// ============================================================================\n\nconst Resizable = Object.assign(ResizableWrapper, {\n  Panel,\n  Handle,\n  PanelGroup: ResizablePanelGroup,\n});\n\nexport default Resizable;\nexport {\n  Resizable,\n  ResizableWrapper,\n  ResizablePanelGroup,\n  ResizablePanel,\n  ResizableHandle,\n  Panel,\n  Handle,\n};\n"],"names":["ResizableWrapper","props","direction","panels","withHandle","handleVariant","handleIcon","autoSaveId","onLayout","className","panelClassName","handleClassName","children","keyboardResizeBy","storage","jsx","ResizablePanelGroup","cn","panel","index","jsxs","React","ResizablePanel","ResizableHandle","Panel","Handle","Resizable"],"mappings":"+OAyEMA,EAAoBC,GAA0B,CAClD,KAAM,CACJ,UAAAC,EAAY,aACZ,OAAAC,EACA,WAAAC,EAAa,GACb,cAAAC,EACA,WAAAC,EACA,WAAAC,EACA,SAAAC,EACA,UAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,QAAAC,CAAA,EACEb,EAGJ,OAAIW,GAAY,CAACT,EAEbY,EAAAA,IAACC,EAAAA,oBAAA,CACC,UAAAd,EACA,WAAAK,EACA,SAAAC,EACA,UAAWS,EAAAA,GAAG,gBAAiBR,CAAS,EACxC,iBAAAI,EACA,QAAAC,EAEC,SAAAF,CAAA,CAAA,EAMH,CAACT,GAAUA,EAAO,SAAW,EACxB,KAIPY,EAAAA,IAACC,EAAAA,oBAAA,CACC,UAAAd,EACA,WAAAK,EACA,SAAAC,EACA,UAAWS,EAAAA,GAAG,gBAAiBR,CAAS,EACxC,iBAAAI,EACA,QAAAC,EAEC,SAAAX,EAAO,IAAI,CAACe,EAAOC,IAClBC,EAAAA,KAACC,EAAM,SAAN,CACC,SAAA,CAAAN,EAAAA,IAACO,EAAAA,eAAA,CACC,GAAIJ,EAAM,GACV,YAAaA,EAAM,YACnB,QAASA,EAAM,QACf,QAASA,EAAM,QACf,YAAaA,EAAM,YACnB,cAAeA,EAAM,cACrB,WAAYA,EAAM,WAClB,SAAUA,EAAM,SAChB,SAAUA,EAAM,SAChB,MAAOA,EAAM,MACb,UAAWD,EAAAA,GAAGP,EAAgBQ,EAAM,SAAS,EAE5C,SAAAA,EAAM,QAAA,CAAA,EAERC,EAAQhB,EAAO,OAAS,GACvBY,EAAAA,IAACQ,EAAAA,gBAAA,CACC,WAAAnB,EACA,QAASC,EACT,KAAMC,EACN,UAAWK,CAAA,CAAA,CACb,CAAA,EAtBiBO,EAAM,IAAM,SAASC,CAAK,EAwB/C,CACD,CAAA,CAAA,CAGP,EAEAnB,EAAiB,YAAc,YAa/B,MAAMwB,EAAQF,EAAAA,eACRG,EAASF,EAAAA,gBAMTG,EAAY,OAAO,OAAO1B,EAAkB,CAChD,MAAAwB,EACA,OAAAC,EACA,WAAYT,EAAAA,mBACd,CAAC"}

package/dist/cjs/components/ScrollArea/ScrollArea.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("react/jsx-runtime"),l=require("react"),d=require("@dsui/ui/components/scroll-area"),s=require("@dsui/ui/lib/utils"),f=l.forwardRef(({className:a,children:n,snapType:e,viewportClassName:o,...A},t)=>{const u=l.useRef(null),i=l.useMemo(()=>{if(!e||e==="none")return"snap-none";const[r,c]=e.split(" ");return s.cn(`snap-${r}`,c&&`snap-${c}`)},[e]);return l.useEffect(()=>{if(u.current&&(i||o)){const r=u.current.querySelector("[data-radix-scroll-area-viewport]");if(r){const c=s.cn(i,o);c&&(r.className=s.cn(r.className,c))}}},[i,o]),S.jsx(d.ScrollArea,{ref:r=>{u.current=r,typeof t=="function"?t(r):t&&(t.current=r)},className:s.cn(a),...A,children:n})});f.displayName="ScrollArea";const m=l.forwardRef(({className:a,...n},e)=>S.jsx(d.ScrollBar,{ref:e,className:s.cn(a),...n}));m.displayName="ScrollBar";exports.ScrollArea=f;exports.ScrollBar=m;exports.default=f;
+//# sourceMappingURL=ScrollArea.cjs.map

package/dist/cjs/components/ScrollArea/ScrollArea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.cjs","sources":["../../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport {\n  ScrollArea as SScrollArea,\n  ScrollBar as SScrollBar,\n} from \"@dsui/ui/components/scroll-area\";\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nexport interface ScrollAreaProps extends React.ComponentProps<\n  typeof SScrollArea\n> {\n  /**\n   * Type of scroll snap behavior\n   * @default undefined\n   */\n  snapType?:\n    | \"none\"\n    | \"x\"\n    | \"y\"\n    | \"both\"\n    | \"x mandatory\"\n    | \"y mandatory\"\n    | \"both mandatory\"\n    | \"x proximity\"\n    | \"y proximity\"\n    | \"both proximity\";\n  /**\n   * Additional className for the viewport (where scroll happens)\n   */\n  viewportClassName?: string;\n}\n\nexport type ScrollBarProps = React.ComponentProps<typeof SScrollBar>;\n\nconst ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaProps>(\n  ({ className, children, snapType, viewportClassName, ...props }, ref) => {\n    const scrollAreaRef = useRef<HTMLDivElement>(null);\n\n    const snapClass = React.useMemo(() => {\n      if (!snapType || snapType === \"none\") return \"snap-none\";\n\n      const [axis, alignment] = snapType.split(\" \");\n      return cn(`snap-${axis}`, alignment && `snap-${alignment}`);\n    }, [snapType]);\n\n    // const snapClass = snapType\n    //   ? snapType === \"none\"\n    //     ? \"snap-none\"\n    //     : snapType === \"x\"\n    //       ? \"snap-x\"\n    //       : snapType === \"y\"\n    //         ? \"snap-y\"\n    //         : snapType === \"both\"\n    //           ? \"snap-both\"\n    //           : snapType === \"x mandatory\"\n    //             ? \"snap-x snap-mandatory\"\n    //             : snapType === \"y mandatory\"\n    //               ? \"snap-y snap-mandatory\"\n    //               : snapType === \"both mandatory\"\n    //                 ? \"snap-both snap-mandatory\"\n    //                 : snapType === \"x proximity\"\n    //                   ? \"snap-x snap-proximity\"\n    //                   : snapType === \"y proximity\"\n    //                     ? \"snap-y snap-proximity\"\n    //                     : snapType === \"both proximity\"\n    //                       ? \"snap-both snap-proximity\"\n    //                       : \"\"\n    //   : \"\";\n\n    useEffect(() => {\n      if (scrollAreaRef.current && (snapClass || viewportClassName)) {\n        const viewport = scrollAreaRef.current.querySelector(\n          \"[data-radix-scroll-area-viewport]\",\n        );\n        if (viewport) {\n          const classes = cn(snapClass, viewportClassName);\n          if (classes) {\n            viewport.className = cn(viewport.className, classes);\n          }\n        }\n      }\n    }, [snapClass, viewportClassName]);\n\n    return (\n      <SScrollArea\n        ref={(node) => {\n          scrollAreaRef.current = node;\n          if (typeof ref === \"function\") {\n            ref(node);\n          } else if (ref) {\n            ref.current = node;\n          }\n        }}\n        className={cn(className)}\n        {...props}\n      >\n        {children}\n      </SScrollArea>\n    );\n  },\n);\nScrollArea.displayName = \"ScrollArea\";\n\nconst ScrollBar = React.forwardRef<HTMLDivElement, ScrollBarProps>(\n  ({ className, ...props }, ref) => {\n    return <SScrollBar ref={ref} className={cn(className)} {...props} />;\n  },\n);\nScrollBar.displayName = \"ScrollBar\";\n\nexport { ScrollArea, ScrollBar };\nexport default ScrollArea;\n"],"names":["ScrollArea","React","className","children","snapType","viewportClassName","props","ref","scrollAreaRef","useRef","snapClass","axis","alignment","cn","useEffect","viewport","classes","jsx","SScrollArea","node","ScrollBar","SScrollBar"],"mappings":"iPAiCMA,EAAaC,EAAM,WACvB,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,SAAAC,EAAU,kBAAAC,EAAmB,GAAGC,CAAA,EAASC,IAAQ,CACvE,MAAMC,EAAgBC,EAAAA,OAAuB,IAAI,EAE3CC,EAAYT,EAAM,QAAQ,IAAM,CACpC,GAAI,CAACG,GAAYA,IAAa,OAAQ,MAAO,YAE7C,KAAM,CAACO,EAAMC,CAAS,EAAIR,EAAS,MAAM,GAAG,EAC5C,OAAOS,EAAAA,GAAG,QAAQF,CAAI,GAAIC,GAAa,QAAQA,CAAS,EAAE,CAC5D,EAAG,CAACR,CAAQ,CAAC,EA0BbU,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIN,EAAc,UAAYE,GAAaL,GAAoB,CAC7D,MAAMU,EAAWP,EAAc,QAAQ,cACrC,mCAAA,EAEF,GAAIO,EAAU,CACZ,MAAMC,EAAUH,EAAAA,GAAGH,EAAWL,CAAiB,EAC3CW,IACFD,EAAS,UAAYF,EAAAA,GAAGE,EAAS,UAAWC,CAAO,EAEvD,CACF,CACF,EAAG,CAACN,EAAWL,CAAiB,CAAC,EAG/BY,EAAAA,IAACC,EAAAA,WAAA,CACC,IAAMC,GAAS,CACbX,EAAc,QAAUW,EACpB,OAAOZ,GAAQ,WACjBA,EAAIY,CAAI,EACCZ,IACTA,EAAI,QAAUY,EAElB,EACA,UAAWN,EAAAA,GAAGX,CAAS,EACtB,GAAGI,EAEH,SAAAH,CAAA,CAAA,CAGP,CACF,EACAH,EAAW,YAAc,aAEzB,MAAMoB,EAAYnB,EAAM,WACtB,CAAC,CAAE,UAAAC,EAAW,GAAGI,CAAA,EAASC,IACjBU,EAAAA,IAACI,aAAW,IAAAd,EAAU,UAAWM,EAAAA,GAAGX,CAAS,EAAI,GAAGI,EAAO,CAEtE,EACAc,EAAU,YAAc"}

package/dist/cjs/components/Select/Select.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("react"),a=require("@dsui/ui/components/select"),R=require("@dsui/ui/components/combobox"),o=require("@dsui/ui/lib/utils"),C=require("../FloatLabel.cjs"),A=require("lucide-react"),B=require("../Tooltip/Tooltip.cjs"),T=i.forwardRef(({className:S,label:x,helperText:v,state:m="default",size:r="normal",isFloatLabel:s,infoTooltip:f,clearable:M=!1,placeholder:b="",options:j=[],tagRender:u,multiple:g=!1,value:c,defaultValue:k,onValueChange:w,values:E,defaultValues:p,onValuesChange:F,search:h,clickToRemove:O=!0,overflowBehavior:V="wrap-when-open",disabled:y},_)=>{const d=i.useId(),[N,q]=i.useState(c??k??"");i.useEffect(()=>{!g&&c!==void 0&&q(c)},[g,c]);const G=i.useCallback(t=>{const n=t||"";c===void 0&&q(n),w?.(n)},[w,c]),H={default:"text-muted-foreground",success:"text-success",warning:"text-warning",error:"text-error"},I=s?r==="xl"||r==="lg"?r:"xl":r,P=i.useMemo(()=>{const t=new Map;return j.forEach(n=>{const l=n.group;t.has(l)||t.set(l,[]),t.get(l).push(n)}),t},[j]);return e.jsx("div",{className:S,children:e.jsxs("div",{ref:_,className:o.cn("flex flex-col gap-1.5 relative",{"floating-label relative":s}),children:[!s&&x&&e.jsxs("label",{htmlFor:d,className:"flex gap-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:[x,f&&e.jsx(B.Tooltip,{content:f,children:e.jsx(A.Info,{className:"size-3.5 min-w-3.5"})})]}),e.jsx("div",{className:"relative",children:g?e.jsxs(a.MultiSelect,{values:E,defaultValues:typeof p=="string"?[p]:p,onValuesChange:F,children:[e.jsx(a.MultiSelectTrigger,{id:d,disabled:y,className:o.cn("peer w-full",{"pt-5 pb-1":s&&r!=="lg"},S),size:I,state:m,children:e.jsx(a.MultiSelectValue,{placeholder:b,clickToRemove:O&&M,overflowBehavior:V})}),s&&e.jsx(C.FloatingLabel,{htmlFor:d,size:r,infoTooltip:f,children:x}),e.jsx(a.MultiSelectContent,{search:h,children:[...P.entries()].map(([t,n])=>t?e.jsxs(i.Fragment,{children:[e.jsx(a.MultiSelectGroup,{heading:t,children:n.map(l=>e.jsx(a.MultiSelectItem,{value:l.value,disabled:l?.disabled,icon:l?.icon,tagRender:!!u,children:u?u(l):l.label},l.value))}),e.jsx(a.MultiSelectSeparator,{})]},t):n.map(l=>e.jsx(a.MultiSelectItem,{value:l.value,disabled:l?.disabled,icon:l?.icon,tagRender:!!u,children:u?u(l):l.label},l.value)))})]}):e.jsxs(e.Fragment,{children:[e.jsx(R.Combobox,{value:c??N,options:j,placeHolder:b,emptyText:typeof h=="object"?h.emptyMessage:"No results found",onChange:G,clearable:M,disabled:y,id:d,className:o.cn("peer w-full justify-start",{"pt-5 pb-1":s&&r!=="lg"}),size:I,state:m,dropdownClassName:o.cn("opacity-40",{"translate-y-[-8px]":s&&r!=="lg"}),searchable:!!h,tagRender:u}),s&&e.jsx(C.FloatingLabel,{htmlFor:d,size:r,infoTooltip:f,shouldFloat:!!(c??N),className:"pointer-events-none",children:x})]})}),v&&e.jsx("p",{className:o.cn("text-xs",m?H[m]:""),children:v})]})})});T.displayName="Select";exports.default=T;
+//# sourceMappingURL=Select.cjs.map

package/dist/cjs/components/Select/Select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.cjs","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  MultiSelect as BaseMultiSelect,\n  MultiSelectTrigger as BaseMultiSelectTrigger,\n  MultiSelectValue as BaseMultiSelectValue,\n  MultiSelectContent as BaseMultiSelectContent,\n  MultiSelectItem as BaseMultiSelectItem,\n  MultiSelectGroup as BaseMultiSelectGroup,\n  MultiSelectSeparator as BaseMultiSelectSeparator,\n} from \"@dsui/ui/components/select\";\nimport {\n  Combobox,\n  type ComboboxProps,\n  type SelectOption as SSelectOption,\n} from \"@dsui/ui/components/combobox\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { FloatingLabel } from \"@/components/FloatLabel\";\nimport { Info } from \"lucide-react\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\n\nexport type SelectOption = SSelectOption;\n\nexport type SelectProps = ComboboxProps & {\n  label?: string;\n  helperText?: React.ReactNode;\n  state?: \"default\" | \"success\" | \"warning\" | \"error\";\n  size?: \"xs\" | \"sm\" | \"normal\" | \"lg\" | \"xl\";\n  isFloatLabel?: boolean;\n  infoTooltip?: React.ReactNode;\n  clearable?: boolean;\n  placeholder?: string;\n  options?: SelectOption[];\n  tagRender?: (option: SelectOption) => React.ReactNode;\n  multiple?: boolean;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  values?: string[];\n  defaultValues?: string | string[];\n  onValuesChange?: (values: string[]) => void;\n  search?: boolean | { placeholder?: string; emptyMessage?: string };\n  clickToRemove?: boolean;\n  overflowBehavior?: \"wrap\" | \"wrap-when-open\" | \"cutoff\";\n  className?: string;\n  disabled?: boolean;\n};\n\nconst Select = React.forwardRef<HTMLDivElement, SelectProps>(\n  (\n    {\n      className,\n      label,\n      helperText,\n      state = \"default\",\n      size = \"normal\",\n      isFloatLabel,\n      infoTooltip,\n      clearable = false,\n      placeholder = \"\",\n      options = [],\n      tagRender,\n      multiple = false,\n      value,\n      defaultValue,\n      onValueChange,\n      values,\n      defaultValues,\n      onValuesChange,\n      search,\n      clickToRemove = true,\n      overflowBehavior = \"wrap-when-open\",\n      disabled,\n    },\n    ref,\n  ) => {\n    const selectId = React.useId();\n\n    // For single select, use controlled value or internal state\n    const [internalValue, setInternalValue] = React.useState(\n      value ?? defaultValue ?? \"\",\n    );\n\n    React.useEffect(() => {\n      if (!multiple && value !== undefined) {\n        setInternalValue(value);\n      }\n    }, [multiple, value]);\n\n    // Handle single select value change\n    const handleSingleValueChange = React.useCallback(\n      (newValue?: string | null) => {\n        const val = newValue || \"\";\n        if (value === undefined) {\n          setInternalValue(val);\n        }\n        onValueChange?.(val);\n      },\n      [onValueChange, value],\n    );\n\n    // Helper text styles\n    const helperTextStyles = {\n      default: \"text-muted-foreground\",\n      success: \"text-success\",\n      warning: \"text-warning\",\n      error: \"text-error\",\n    };\n\n    // Calculate current size\n    const currentSize = isFloatLabel\n      ? size === \"xl\" || size === \"lg\"\n        ? size\n        : \"xl\"\n      : size;\n\n    // Group options by group property\n    const groupedOptions = React.useMemo(() => {\n      const groups = new Map<string | undefined, SelectOption[]>();\n      options.forEach((option) => {\n        const group = option.group;\n        if (!groups.has(group)) {\n          groups.set(group, []);\n        }\n        groups.get(group)!.push(option);\n      });\n      return groups;\n    }, [options]);\n\n    return (\n      <div className={className}>\n        <div\n          ref={ref}\n          className={cn(\"flex flex-col gap-1.5 relative\", {\n            \"floating-label relative\": isFloatLabel,\n          })}\n        >\n          {!isFloatLabel && label && (\n            <label\n              htmlFor={selectId}\n              className=\"flex gap-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n            >\n              {label}\n              {infoTooltip && (\n                <Tooltip content={infoTooltip}>\n                  <Info className=\"size-3.5 min-w-3.5\" />\n                </Tooltip>\n              )}\n            </label>\n          )}\n\n          <div className=\"relative\">\n            {!multiple ? (\n              // Single Mode\n              <>\n                <Combobox\n                  value={value ?? internalValue}\n                  options={options}\n                  placeHolder={placeholder}\n                  emptyText={\n                    typeof search === \"object\"\n                      ? search.emptyMessage\n                      : \"No results found\"\n                  }\n                  onChange={handleSingleValueChange}\n                  clearable={clearable}\n                  disabled={disabled}\n                  id={selectId}\n                  className={cn(\n                    \"peer w-full justify-start\",\n                    {\n                      \"pt-5 pb-1\": isFloatLabel && size !== \"lg\",\n                    },\n                    // className,\n                  )}\n                  size={currentSize}\n                  state={state}\n                  dropdownClassName={cn(\"opacity-40\", {\n                    \"translate-y-[-8px]\": isFloatLabel && size !== \"lg\",\n                  })}\n                  searchable={!!search}\n                  tagRender={tagRender}\n                />\n                {isFloatLabel && (\n                  <FloatingLabel\n                    htmlFor={selectId}\n                    size={size}\n                    infoTooltip={infoTooltip}\n                    shouldFloat={!!(value ?? internalValue)}\n                    className=\"pointer-events-none\"\n                  >\n                    {label}\n                  </FloatingLabel>\n                )}\n              </>\n            ) : (\n              // Multi Mode\n              <BaseMultiSelect\n                values={values}\n                defaultValues={\n                  typeof defaultValues === \"string\"\n                    ? [defaultValues]\n                    : defaultValues\n                }\n                onValuesChange={onValuesChange}\n              >\n                <BaseMultiSelectTrigger\n                  id={selectId}\n                  disabled={disabled}\n                  className={cn(\n                    \"peer w-full\",\n                    {\n                      \"pt-5 pb-1\": isFloatLabel && size !== \"lg\",\n                    },\n                    className,\n                  )}\n                  size={currentSize}\n                  state={state}\n                >\n                  <BaseMultiSelectValue\n                    placeholder={placeholder}\n                    clickToRemove={clickToRemove && clearable}\n                    overflowBehavior={overflowBehavior}\n                  />\n                </BaseMultiSelectTrigger>\n\n                {isFloatLabel && (\n                  <FloatingLabel\n                    htmlFor={selectId}\n                    size={size}\n                    infoTooltip={infoTooltip}\n                  >\n                    {label}\n                  </FloatingLabel>\n                )}\n\n                <BaseMultiSelectContent search={search}>\n                  {[...groupedOptions.entries()].map(([group, items]) => {\n                    if (group) {\n                      return (\n                        <React.Fragment key={group}>\n                          <BaseMultiSelectGroup heading={group}>\n                            {items.map((option) => (\n                              <BaseMultiSelectItem\n                                key={option.value}\n                                value={option.value}\n                                disabled={option?.disabled}\n                                icon={option?.icon}\n                                tagRender={!!tagRender}\n                              >\n                                {tagRender ? tagRender(option) : option.label}\n                              </BaseMultiSelectItem>\n                            ))}\n                          </BaseMultiSelectGroup>\n                          <BaseMultiSelectSeparator />\n                        </React.Fragment>\n                      );\n                    }\n                    return items.map((option) => (\n                      <BaseMultiSelectItem\n                        key={option.value}\n                        value={option.value}\n                        disabled={option?.disabled}\n                        icon={option?.icon}\n                        tagRender={!!tagRender}\n                      >\n                        {tagRender ? tagRender(option) : option.label}\n                      </BaseMultiSelectItem>\n                    ));\n                  })}\n                </BaseMultiSelectContent>\n              </BaseMultiSelect>\n            )}\n          </div>\n\n          {helperText && (\n            <p className={cn(\"text-xs\", state ? helperTextStyles[state] : \"\")}>\n              {helperText}\n            </p>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nSelect.displayName = \"Select\";\nexport default Select;\n"],"names":["Select","React","className","label","helperText","state","size","isFloatLabel","infoTooltip","clearable","placeholder","options","tagRender","multiple","value","defaultValue","onValueChange","values","defaultValues","onValuesChange","search","clickToRemove","overflowBehavior","disabled","ref","selectId","internalValue","setInternalValue","handleSingleValueChange","newValue","val","helperTextStyles","currentSize","groupedOptions","groups","option","group","jsx","jsxs","cn","Tooltip","Info","BaseMultiSelect","BaseMultiSelectTrigger","BaseMultiSelectValue","FloatingLabel","BaseMultiSelectContent","items","BaseMultiSelectGroup","BaseMultiSelectItem","BaseMultiSelectSeparator","Fragment","Combobox"],"mappings":"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"}

package/dist/cjs/components/Separator/Separator.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),t=require("@dsui/ui/components/separator"),o=e=>r.jsx(t.Separator,{...e});exports.default=o;
+//# sourceMappingURL=Separator.cjs.map

package/dist/cjs/components/Separator/Separator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.cjs","sources":["../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import {\n  Separator as SSeparator,\n  type SeparatorProps,\n} from \"@dsui/ui/components/separator\";\n\nconst Separator = (props: SeparatorProps) => {\n  return <SSeparator {...props} />;\n};\n\nexport default Separator;\nexport type { SeparatorProps };\n"],"names":["Separator","props","jsx","SSeparator"],"mappings":"4LAKMA,EAAaC,GACVC,MAACC,EAAAA,UAAA,CAAY,GAAGF,CAAA,CAAO"}

package/dist/cjs/components/Sheet/Sheet.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),x=require("react"),r=require("@dsui/ui/components/sheet"),a=require("@dsui/ui/components/drawer"),s=require("@dsui/ui/lib/utils"),z=require("@dsui/ui/components/scroll-area"),I=require("../../utils/animations.cjs"),K=require("react-device-detect"),H=(f,o)=>{const t=o==="top"||o==="bottom";return{sm:t?"max-h-[20vh]!":"sm:max-w-sm",md:t?"max-h-[40vh]!":"sm:max-w-md",lg:t?"max-h-[60vh]!":"sm:max-w-lg",xl:t?"max-h-[80vh]!":"sm:max-w-xl",full:t?"max-h-full!":"sm:max-w-full"}[f]},R=x.forwardRef((f,o)=>{const{open:t,onOpenChange:p,title:l,description:n,children:m,trigger:d,footer:c,side:g="right",closeOnEsc:A=!0,closeOnOutside:F=!0,showCloseButton:P=!0,autoDrawerOnMobile:k=!0,size:D="md",stickyHeader:h=!1,stickyFooter:u=!1,autoHeight:E=!0,animation:C,className:N,contentClassName:v,headerClassName:y,titleClassName:j,descriptionClassName:w,footerClassName:S,overlayClassName:_}=f,b=x.useMemo(()=>C?I.animationClass(C):{className:""},[C]),B=s.cn("!p-0 !gap-0 flex flex-col",H(D,g),b.className,N),M=s.cn("px-6 pt-6 text-left",y),O=s.cn("px-6 pb-6 flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",S),q=x.useMemo(()=>l||n?e.jsxs(r.SheetHeader,{className:s.cn("py-4",{"border-b":h},M),children:[l&&e.jsx(r.SheetTitle,{className:j,children:l}),n&&e.jsx(r.SheetDescription,{className:w,children:n})]}):null,[l,n,M,j,w,h]),T=x.useMemo(()=>c?e.jsx(r.SheetFooter,{className:s.cn("py-4",{"border-t":u},O),children:c}):null,[c,O,u]);if(K.isMobile&&k){const i=s.cn("flex flex-col",b.className,N);return e.jsxs(a.Drawer,{open:t,onOpenChange:p,direction:"bottom",children:[d&&e.jsx(a.DrawerTrigger,{asChild:!0,children:d}),e.jsxs(a.DrawerContent,{ref:o,className:s.cn(i,E?"":H(D,"bottom")),children:[(l||n)&&e.jsxs(a.DrawerHeader,{className:y,children:[l&&e.jsx(a.DrawerTitle,{className:j,children:l}),n&&e.jsx(a.DrawerDescription,{className:w,children:n})]}),e.jsx(z.ScrollArea,{className:s.cn("flex flex-col overflow-hidden"),children:m&&e.jsx("div",{className:s.cn("px-4 py-2",v),children:m})}),c&&e.jsx(a.DrawerFooter,{className:S,children:c})]})]})}return e.jsxs(r.Sheet,{open:t,onOpenChange:p,children:[d&&e.jsx(r.SheetTrigger,{asChild:!0,children:d}),e.jsxs(r.SheetContent,{ref:o,side:g,className:s.cn(N,B),onEscapeKeyDown:i=>!A&&i.preventDefault(),onInteractOutside:i=>!F&&i.preventDefault(),overlayClassName:s.cn(_),children:[!P&&e.jsx("style",{children:`
+            [data-slot="sheet-content"] > [data-slot="sheet-close"] {
+              display: none;
+            }
+          `}),h&&q,e.jsxs(z.ScrollArea,{className:"flex max-h-full flex-col overflow-hidden",children:[!h&&q,m&&e.jsx("div",{className:s.cn("px-6 py-4",v),children:m}),!u&&T]}),u&&T]})]})});R.displayName="Sheet";Object.defineProperty(exports,"SheetClose",{enumerable:!0,get:()=>r.SheetClose});Object.defineProperty(exports,"DrawerClose",{enumerable:!0,get:()=>a.DrawerClose});exports.default=R;
+//# sourceMappingURL=Sheet.cjs.map

package/dist/cjs/components/Sheet/Sheet.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.cjs","sources":["../../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  Sheet as SSheet,\n  SheetContent as SSheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n  SheetClose,\n} from \"@dsui/ui/components/sheet\";\nimport {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"@dsui/ui/components/drawer\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { ScrollArea } from \"@dsui/ui/components/scroll-area\";\nimport type { BasicAnimation } from \"@/types/variables\";\nimport { animationClass } from \"@/utils/animations\";\nimport { isMobile } from \"react-device-detect\";\n\nexport type SheetSide = \"top\" | \"right\" | \"bottom\" | \"left\";\nexport type SheetSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nexport interface SheetProps {\n  // Core props\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  // Content\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  children?: React.ReactNode;\n  trigger?: React.ReactNode;\n  footer?: React.ReactNode;\n\n  // Behavior\n  side?: SheetSide;\n  closeOnEsc?: boolean;\n  closeOnOutside?: boolean;\n  showCloseButton?: boolean;\n  autoDrawerOnMobile?: boolean;\n\n  // Layout\n  size?: SheetSize;\n  stickyHeader?: boolean;\n  stickyFooter?: boolean;\n  autoHeight?: boolean;\n\n  // Animation\n  animation?: BasicAnimation;\n\n  // Styling\n  className?: string;\n  contentClassName?: string;\n  headerClassName?: string;\n  titleClassName?: string;\n  descriptionClassName?: string;\n  footerClassName?: string;\n  overlayClassName?: string;\n}\n\nconst getSizeClasses = (size: SheetSize, side: SheetSide): string => {\n  const isVertical = side === \"top\" || side === \"bottom\";\n  const sizeMap: Record<SheetSize, string> = {\n    sm: isVertical ? \"max-h-[20vh]!\" : \"sm:max-w-sm\",\n    md: isVertical ? \"max-h-[40vh]!\" : \"sm:max-w-md\",\n    lg: isVertical ? \"max-h-[60vh]!\" : \"sm:max-w-lg\",\n    xl: isVertical ? \"max-h-[80vh]!\" : \"sm:max-w-xl\",\n    full: isVertical ? \"max-h-full!\" : \"sm:max-w-full\",\n  };\n  return sizeMap[size];\n};\n\nconst Sheet = React.forwardRef<HTMLDivElement, SheetProps>((props, ref) => {\n  const {\n    open,\n    onOpenChange,\n    title,\n    description,\n    children,\n    trigger,\n    footer,\n    side = \"right\",\n    closeOnEsc = true,\n    closeOnOutside = true,\n    showCloseButton = true,\n    autoDrawerOnMobile = true,\n    size = \"md\",\n    stickyHeader = false,\n    stickyFooter = false,\n    autoHeight = true,\n    animation,\n    className,\n    contentClassName,\n    headerClassName,\n    titleClassName,\n    descriptionClassName,\n    footerClassName,\n    overlayClassName,\n  } = props;\n\n  const animationResult = useMemo(() => {\n    return animation ? animationClass(animation) : { className: \"\" };\n  }, [animation]);\n\n  const contentClasses = cn(\n    // Remove default padding and gap to allow custom header/footer\n    \"!p-0 !gap-0 flex flex-col\",\n    getSizeClasses(size, side),\n    animationResult.className,\n    className,\n  );\n\n  const headerClasses = cn(\"px-6 pt-6 text-left\", headerClassName);\n\n  const footerClasses = cn(\n    \"px-6 pb-6 flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n    footerClassName,\n  );\n\n  const headerComponents = useMemo(() => {\n    return title || description ? (\n      <SheetHeader\n        className={cn(\"py-4\", { \"border-b\": stickyHeader }, headerClasses)}\n      >\n        {title && <SheetTitle className={titleClassName}>{title}</SheetTitle>}\n        {description && (\n          <SheetDescription className={descriptionClassName}>\n            {description}\n          </SheetDescription>\n        )}\n      </SheetHeader>\n    ) : null;\n  }, [\n    title,\n    description,\n    headerClasses,\n    titleClassName,\n    descriptionClassName,\n    stickyHeader,\n  ]);\n\n  const footerComponents = useMemo(() => {\n    return footer ? (\n      <SheetFooter\n        className={cn(\"py-4\", { \"border-t\": stickyFooter }, footerClasses)}\n      >\n        {footer}\n      </SheetFooter>\n    ) : null;\n  }, [footer, footerClasses, stickyFooter]);\n\n  // Mobile: use drawer with bottom direction if enabled\n  if (isMobile && autoDrawerOnMobile) {\n    const drawerContentClasses = cn(\n      \"flex flex-col\",\n      animationResult.className,\n      className,\n    );\n\n    return (\n      <Drawer open={open} onOpenChange={onOpenChange} direction=\"bottom\">\n        {trigger && <DrawerTrigger asChild>{trigger}</DrawerTrigger>}\n        <DrawerContent\n          ref={ref}\n          className={cn(\n            drawerContentClasses,\n            autoHeight ? \"\" : getSizeClasses(size, \"bottom\"),\n          )}\n        >\n          {(title || description) && (\n            <DrawerHeader className={headerClassName}>\n              {title && (\n                <DrawerTitle className={titleClassName}>{title}</DrawerTitle>\n              )}\n              {description && (\n                <DrawerDescription className={descriptionClassName}>\n                  {description}\n                </DrawerDescription>\n              )}\n            </DrawerHeader>\n          )}\n\n          <ScrollArea className={cn(\"flex flex-col overflow-hidden\")}>\n            {children && (\n              <div className={cn(\"px-4 py-2\", contentClassName)}>\n                {children}\n              </div>\n            )}\n          </ScrollArea>\n\n          {footer && (\n            <DrawerFooter className={footerClassName}>{footer}</DrawerFooter>\n          )}\n        </DrawerContent>\n      </Drawer>\n    );\n  }\n\n  // Desktop: use sheet with original behavior\n  return (\n    <SSheet open={open} onOpenChange={onOpenChange}>\n      {trigger && <SheetTrigger asChild>{trigger}</SheetTrigger>}\n      <SSheetContent\n        ref={ref}\n        side={side}\n        className={cn(className, contentClasses)}\n        onEscapeKeyDown={(e) => !closeOnEsc && e.preventDefault()}\n        onInteractOutside={(e) => !closeOnOutside && e.preventDefault()}\n        overlayClassName={cn(overlayClassName)}\n      >\n        {/* Hide default close button if showCloseButton is false */}\n        {!showCloseButton && (\n          <style>{`\n            [data-slot=\"sheet-content\"] > [data-slot=\"sheet-close\"] {\n              display: none;\n            }\n          `}</style>\n        )}\n\n        {stickyHeader && headerComponents}\n\n        <ScrollArea className=\"flex max-h-full flex-col overflow-hidden\">\n          {!stickyHeader && headerComponents}\n          {children && (\n            <div className={cn(\"px-6 py-4\", contentClassName)}>{children}</div>\n          )}\n          {!stickyFooter && footerComponents}\n        </ScrollArea>\n\n        {stickyFooter && footerComponents}\n      </SSheetContent>\n    </SSheet>\n  );\n});\n\nSheet.displayName = \"Sheet\";\n\nexport { SheetClose, DrawerClose };\nexport default Sheet;\n"],"names":["getSizeClasses","size","side","isVertical","Sheet","React","props","ref","open","onOpenChange","title","description","children","trigger","footer","closeOnEsc","closeOnOutside","showCloseButton","autoDrawerOnMobile","stickyHeader","stickyFooter","autoHeight","animation","className","contentClassName","headerClassName","titleClassName","descriptionClassName","footerClassName","overlayClassName","animationResult","useMemo","animationClass","contentClasses","cn","headerClasses","footerClasses","headerComponents","jsxs","SheetHeader","jsx","SheetTitle","SheetDescription","footerComponents","SheetFooter","isMobile","drawerContentClasses","Drawer","DrawerTrigger","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","ScrollArea","DrawerFooter","SSheet","SheetTrigger","SSheetContent","e"],"mappings":"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"}

package/dist/cjs/components/Sidebar/Sidebar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react");const e=require("@dsui/ui/components/sidebar"),r=e.Sidebar,a=e.SidebarProvider,i=e.SidebarContent,n=e.SidebarFooter,S=e.SidebarGroup,b=e.SidebarGroupAction,d=e.SidebarGroupContent,t=e.SidebarGroupLabel,o=e.SidebarHeader,u=e.SidebarInput,c=e.SidebarInset,s=e.SidebarMenu,M=e.SidebarMenuAction,p=e.SidebarMenuBadge,l=e.SidebarMenuButton,G=e.SidebarMenuItem,I=e.SidebarMenuSkeleton,g=e.SidebarMenuSub,B=e.SidebarMenuSubButton,m=e.SidebarMenuSubItem,A=e.SidebarRail,C=e.SidebarSeparator,v=e.SidebarTrigger;exports.Sidebar=r;exports.SidebarContent=i;exports.SidebarFooter=n;exports.SidebarGroup=S;exports.SidebarGroupAction=b;exports.SidebarGroupContent=d;exports.SidebarGroupLabel=t;exports.SidebarHeader=o;exports.SidebarInput=u;exports.SidebarInset=c;exports.SidebarMenu=s;exports.SidebarMenuAction=M;exports.SidebarMenuBadge=p;exports.SidebarMenuButton=l;exports.SidebarMenuItem=G;exports.SidebarMenuSkeleton=I;exports.SidebarMenuSub=g;exports.SidebarMenuSubButton=B;exports.SidebarMenuSubItem=m;exports.SidebarProvider=a;exports.SidebarRail=A;exports.SidebarSeparator=C;exports.SidebarTrigger=v;exports.default=r;
+//# sourceMappingURL=Sidebar.cjs.map

package/dist/cjs/components/Sidebar/Sidebar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.cjs","sources":["../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\n\n// Re-export all Sidebar components from shadcn/ui\nimport {\n  Sidebar as SSidebar,\n  SidebarProvider as SSidebarProvider,\n  SidebarContent as SSidebarContent,\n  SidebarFooter as SSidebarFooter,\n  SidebarGroup as SSidebarGroup,\n  SidebarGroupAction as SSidebarGroupAction,\n  SidebarGroupContent as SSidebarGroupContent,\n  SidebarGroupLabel as SSidebarGroupLabel,\n  SidebarHeader as SSidebarHeader,\n  SidebarInput as SSidebarInput,\n  SidebarInset as SSidebarInset,\n  SidebarMenu as SSidebarMenu,\n  SidebarMenuAction as SSidebarMenuAction,\n  SidebarMenuBadge as SSidebarMenuBadge,\n  SidebarMenuButton as SSidebarMenuButton,\n  SidebarMenuItem as SSidebarMenuItem,\n  SidebarMenuSkeleton as SSidebarMenuSkeleton,\n  SidebarMenuSub as SSidebarMenuSub,\n  SidebarMenuSubButton as SSidebarMenuSubButton,\n  SidebarMenuSubItem as SSidebarMenuSubItem,\n  SidebarRail as SSidebarRail,\n  SidebarSeparator as SSidebarSeparator,\n  SidebarTrigger as SSidebarTrigger,\n} from \"@dsui/ui/components/sidebar\";\n\n// Export types derived from component props\nexport type SidebarProviderProps = React.ComponentProps<\n  typeof SSidebarProvider\n>;\nexport type SidebarProps = React.ComponentProps<typeof SSidebar>;\nexport type SidebarContentProps = React.ComponentProps<typeof SSidebarContent>;\nexport type SidebarFooterProps = React.ComponentProps<typeof SSidebarFooter>;\nexport type SidebarGroupProps = React.ComponentProps<typeof SSidebarGroup>;\nexport type SidebarGroupActionProps = React.ComponentProps<\n  typeof SSidebarGroupAction\n>;\nexport type SidebarGroupContentProps = React.ComponentProps<\n  typeof SSidebarGroupContent\n>;\nexport type SidebarGroupLabelProps = React.ComponentProps<\n  typeof SSidebarGroupLabel\n>;\nexport type SidebarHeaderProps = React.ComponentProps<typeof SSidebarHeader>;\nexport type SidebarInputProps = React.ComponentProps<typeof SSidebarInput>;\nexport type SidebarInsetProps = React.ComponentProps<typeof SSidebarInset>;\nexport type SidebarMenuProps = React.ComponentProps<typeof SSidebarMenu>;\nexport type SidebarMenuActionProps = React.ComponentProps<\n  typeof SSidebarMenuAction\n>;\nexport type SidebarMenuBadgeProps = React.ComponentProps<\n  typeof SSidebarMenuBadge\n>;\nexport type SidebarMenuButtonProps = React.ComponentProps<\n  typeof SSidebarMenuButton\n>;\nexport type SidebarMenuItemProps = React.ComponentProps<\n  typeof SSidebarMenuItem\n>;\nexport type SidebarMenuSkeletonProps = React.ComponentProps<\n  typeof SSidebarMenuSkeleton\n>;\nexport type SidebarMenuSubProps = React.ComponentProps<typeof SSidebarMenuSub>;\nexport type SidebarMenuSubButtonProps = React.ComponentProps<\n  typeof SSidebarMenuSubButton\n>;\nexport type SidebarMenuSubItemProps = React.ComponentProps<\n  typeof SSidebarMenuSubItem\n>;\nexport type SidebarRailProps = React.ComponentProps<typeof SSidebarRail>;\nexport type SidebarSeparatorProps = React.ComponentProps<\n  typeof SSidebarSeparator\n>;\nexport type SidebarTriggerProps = React.ComponentProps<typeof SSidebarTrigger>;\n\n// Re-export components (using const to prevent tree-shaking)\nexport const Sidebar = SSidebar;\nexport const SidebarProvider = SSidebarProvider;\nexport const SidebarContent = SSidebarContent;\nexport const SidebarFooter = SSidebarFooter;\nexport const SidebarGroup = SSidebarGroup;\nexport const SidebarGroupAction = SSidebarGroupAction;\nexport const SidebarGroupContent = SSidebarGroupContent;\nexport const SidebarGroupLabel = SSidebarGroupLabel;\nexport const SidebarHeader = SSidebarHeader;\nexport const SidebarInput = SSidebarInput;\nexport const SidebarInset = SSidebarInset;\nexport const SidebarMenu = SSidebarMenu;\nexport const SidebarMenuAction = SSidebarMenuAction;\nexport const SidebarMenuBadge = SSidebarMenuBadge;\nexport const SidebarMenuButton = SSidebarMenuButton;\nexport const SidebarMenuItem = SSidebarMenuItem;\nexport const SidebarMenuSkeleton = SSidebarMenuSkeleton;\nexport const SidebarMenuSub = SSidebarMenuSub;\nexport const SidebarMenuSubButton = SSidebarMenuSubButton;\nexport const SidebarMenuSubItem = SSidebarMenuSubItem;\nexport const SidebarRail = SSidebarRail;\nexport const SidebarSeparator = SSidebarSeparator;\nexport const SidebarTrigger = SSidebarTrigger;\n\n// Default export\nexport default Sidebar;\n"],"names":["Sidebar","SSidebar","SidebarProvider","SSidebarProvider","SidebarContent","SSidebarContent","SidebarFooter","SSidebarFooter","SidebarGroup","SSidebarGroup","SidebarGroupAction","SSidebarGroupAction","SidebarGroupContent","SSidebarGroupContent","SidebarGroupLabel","SSidebarGroupLabel","SidebarHeader","SSidebarHeader","SidebarInput","SSidebarInput","SidebarInset","SSidebarInset","SidebarMenu","SSidebarMenu","SidebarMenuAction","SSidebarMenuAction","SidebarMenuBadge","SSidebarMenuBadge","SidebarMenuButton","SSidebarMenuButton","SidebarMenuItem","SSidebarMenuItem","SidebarMenuSkeleton","SSidebarMenuSkeleton","SidebarMenuSub","SSidebarMenuSub","SidebarMenuSubButton","SSidebarMenuSubButton","SidebarMenuSubItem","SSidebarMenuSubItem","SidebarRail","SSidebarRail","SidebarSeparator","SSidebarSeparator","SidebarTrigger","SSidebarTrigger"],"mappings":"4KA+EaA,EAAUC,EAAAA,QACVC,EAAkBC,EAAAA,gBAClBC,EAAiBC,EAAAA,eACjBC,EAAgBC,EAAAA,cAChBC,EAAeC,EAAAA,aACfC,EAAqBC,EAAAA,mBACrBC,EAAsBC,EAAAA,oBACtBC,EAAoBC,EAAAA,kBACpBC,EAAgBC,EAAAA,cAChBC,EAAeC,EAAAA,aACfC,EAAeC,EAAAA,aACfC,EAAcC,EAAAA,YACdC,EAAoBC,EAAAA,kBACpBC,EAAmBC,EAAAA,iBACnBC,EAAoBC,EAAAA,kBACpBC,EAAkBC,EAAAA,gBAClBC,EAAsBC,EAAAA,oBACtBC,EAAiBC,EAAAA,eACjBC,EAAuBC,EAAAA,qBACvBC,EAAqBC,EAAAA,mBACrBC,EAAcC,EAAAA,YACdC,EAAmBC,EAAAA,iBACnBC,EAAiBC,EAAAA"}

package/dist/cjs/components/Skeleton/Skeleton.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),n=require("react"),u=require("@dsui/ui/components/skeleton"),l=require("@dsui/ui/lib/utils"),e=n.forwardRef(({className:t,...r},s)=>o.jsx(u.Skeleton,{ref:s,className:l.cn(t),...r}));e.displayName="Skeleton";exports.default=e;
+//# sourceMappingURL=Skeleton.cjs.map

package/dist/cjs/components/Skeleton/Skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.cjs","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Skeleton as SSkeleton } from \"@dsui/ui/components/skeleton\";\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nexport type SkeletonProps = React.ComponentProps<typeof SSkeleton>;\n\nconst Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(\n  ({ className, ...props }, ref) => {\n    return <SSkeleton ref={ref} className={cn(className)} {...props} />;\n  },\n);\n\nSkeleton.displayName = \"Skeleton\";\n\nexport default Skeleton;\n"],"names":["Skeleton","React","className","props","ref","jsx","SSkeleton","cn"],"mappings":"8OAMMA,EAAWC,EAAM,WACrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IACjBC,EAAAA,IAACC,YAAU,IAAAF,EAAU,UAAWG,EAAAA,GAAGL,CAAS,EAAI,GAAGC,EAAO,CAErE,EAEAH,EAAS,YAAc"}

package/dist/cjs/components/Slider/Slider.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),n=require("react"),C=require("@radix-ui/react-slider"),i=require("@dsui/ui/lib/utils"),w=require("motion/react"),K=require("@number-flow/react"),tt=require("../Badge/Badge.cjs");function rt(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const h=rt(C),Q={primary:{range:"bg-primary",thumb:"border-primary/50",labelBg:"bg-primary",labelText:"text-primary-foreground"},secondary:{range:"bg-secondary",thumb:"border-secondary/50",labelBg:"bg-secondary",labelText:"text-secondary-foreground"},success:{range:"bg-success",thumb:"border-success/50",labelBg:"bg-success",labelText:"text-success-foreground"},warning:{range:"bg-warning",thumb:"border-warning/50",labelBg:"bg-warning",labelText:"text-warning-foreground"},error:{range:"bg-error",thumb:"border-error/50",labelBg:"bg-error",labelText:"text-error-foreground"},glass:{range:"bg-white/30 backdrop-blur-sm",thumb:"border-white/30 backdrop-blur-sm",labelBg:"bg-white/15",labelText:"text-foreground"},muted:{range:"bg-muted-foreground",thumb:"border-muted-foreground/50",labelBg:"bg-muted",labelText:"text-muted-foreground"},accent:{range:"bg-accent",thumb:"border-accent/50",labelBg:"bg-accent",labelText:"text-accent-foreground"}},et={sm:{track:"data-[orientation=horizontal]:h-1 data-[orientation=vertical]:w-1",thumb:"size-3"},md:{track:"data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5",thumb:"size-4"},lg:{track:"data-[orientation=horizontal]:h-2 data-[orientation=vertical]:w-2",thumb:"size-5"}},U=(a,t)=>a==="horizontal"?t==="bottom"?"bottom":t==="left"?"left":t==="right"?"right":"top":t==="right"?"right":t==="top"?"top":t==="bottom"?"bottom":"left",V=(a,t)=>{const e=t==="top"?"t":t==="bottom"?"b":t==="left"?"l":"r";return{primary:`border-${e}-primary`,secondary:`border-${e}-secondary`,success:`border-${e}-success`,warning:`border-${e}-warning`,error:`border-${e}-error`,glass:`border-${e}-white/15`,muted:`border-${e}-muted`,accent:`border-${e}-accent`}[a]},at=(a,t)=>({"horizontal-top":{badge:"left-1/2 -translate-x-1/2 bottom-full -translate-y-1/2",arrow:"top-full left-1/2 -translate-x-1/2 border-t-[6px] border-l-[6px] border-r-[6px] border-b-0 border-l-transparent border-r-transparent"},"horizontal-bottom":{badge:"left-1/2 -translate-x-1/2 top-full translate-y-1/2",arrow:"bottom-full left-1/2 -translate-x-1/2 border-b-[6px] border-l-[6px] border-r-[6px] border-t-0 border-l-transparent border-r-transparent"},"horizontal-left":{badge:"top-1/2 -translate-y-1/2 right-full -translate-x-1/2",arrow:"left-full top-1/2 -translate-y-1/2 border-l-[6px] border-t-[6px] border-b-[6px] border-r-0 border-t-transparent border-b-transparent"},"horizontal-right":{badge:"top-1/2 -translate-y-1/2 left-full translate-x-1/2",arrow:"right-full top-1/2 -translate-y-1/2 border-r-[6px] border-t-[6px] border-b-[6px] border-l-0 border-t-transparent border-b-transparent"},"vertical-left":{badge:"top-1/2 -translate-y-1/2 right-full -translate-x-1/2",arrow:"left-full top-1/2 -translate-y-1/2 border-l-[6px] border-t-[6px] border-b-[6px] border-r-0 border-t-transparent border-b-transparent"},"vertical-right":{badge:"top-1/2 -translate-y-1/2 left-full translate-x-1/2",arrow:"right-full top-1/2 -translate-y-1/2 border-r-[6px] border-t-[6px] border-b-[6px] border-l-0 border-t-transparent border-b-transparent"},"vertical-top":{badge:"left-1/2 -translate-x-1/2 bottom-full -translate-y-1/2",arrow:"top-full left-1/2 -translate-x-1/2 border-t-[6px] border-l-[6px] border-r-[6px] border-b-0 border-l-transparent border-r-transparent"},"vertical-bottom":{badge:"left-1/2 -translate-x-1/2 top-full translate-y-1/2",arrow:"bottom-full left-1/2 -translate-x-1/2 border-b-[6px] border-l-[6px] border-r-[6px] border-t-0 border-l-transparent border-r-transparent"}})[`${a}-${t}`],ot=(a,t)=>({"horizontal-top":"data-[orientation=horizontal]:bottom-full data-[orientation=horizontal]:left-1/2 data-[orientation=horizontal]:-translate-x-1/2 data-[orientation=horizontal]:-translate-y-1/2","horizontal-bottom":"data-[orientation=horizontal]:top-full data-[orientation=horizontal]:left-1/2 data-[orientation=horizontal]:-translate-x-1/2 data-[orientation=horizontal]:translate-y-1/2","horizontal-left":"data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:right-full data-[orientation=horizontal]:-translate-y-1/2 data-[orientation=horizontal]:-translate-x-1/2","horizontal-right":"data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-full data-[orientation=horizontal]:-translate-y-1/2 data-[orientation=horizontal]:translate-x-1/2","vertical-left":"data-[orientation=vertical]:right-full data-[orientation=vertical]:top-1/2 data-[orientation=vertical]:-translate-x-1/2 data-[orientation=vertical]:-translate-y-1/2","vertical-right":"data-[orientation=vertical]:left-full data-[orientation=vertical]:top-1/2 data-[orientation=vertical]:translate-x-1/2 data-[orientation=vertical]:-translate-y-1/2","vertical-top":"data-[orientation=vertical]:bottom-full data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:-translate-x-1/2 data-[orientation=vertical]:-translate-y-1/2","vertical-bottom":"data-[orientation=vertical]:top-full data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:-translate-x-1/2 data-[orientation=vertical]:translate-y-1/2"})[`${a}-${t}`],W=n.forwardRef(({className:a,color:t="primary",size:e="md",showLabel:s=!1,labelArrow:S=!1,labelAnimation:m="none",labelFormatter:q=c=>`${c}`,labelPosition:b="top",labelColor:l,labelTextColor:d,labelArrowColor:N,sliderColor:O,thumbBorderColor:R,defaultValue:f,value:g,min:z=0,max:j=100,..._},A)=>{const c=n.useMemo(()=>Array.isArray(g)?g:Array.isArray(f)?f:[z,j],[g,f,z,j]),[P,E]=n.useState(!1);n.useEffect(()=>{g!==void 0&&!Array.isArray(g)&&console.error("[Slider] value prop must be an array of numbers, e.g., [50] or [25, 75]"),f!==void 0&&!Array.isArray(f)&&console.error("[Slider] defaultValue prop must be an array of numbers, e.g., [50] or [25, 75]")},[g,f]);const u=_.orientation||"horizontal",I=w.useMotionValue(0),D=w.useMotionValue(0),F=n.useRef(0),G={stiffness:150,damping:15,mass:1},x=w.useSpring(0,G),y=w.useSpring(0,G);n.useEffect(()=>{if(m==="spec"&&c.length>0){const r=c[0],p=r-F.current,v=5,T=Math.max(-v,Math.min(v,p));D.set(T),I.set(r);const Y=-T*12,L=-T*20;x.set(Y),y.set(L),setTimeout(()=>{x.set(0),y.set(0)},100),F.current=r}},[c,m,D,I,x,y]);const k=n.useMemo(()=>{if(O||R)return{range:O||"bg-primary",thumb:R||"border-primary/50"};const r=Q[t];return{range:r.range,thumb:r.thumb}},[t,O,R]),M=n.useMemo(()=>et[e],[e]),H=n.useMemo(()=>{if(l||d)return i.cn(l,d);const r=Q[t],p=U(u,b),v=V(t,p);return t==="glass"?`${r.labelBg} ${r.labelText} backdrop-blur-sm shadow-lg [&>div.arrow]:${v}`:`${r.labelBg} ${r.labelText} [&>div.arrow]:${v}`},[t,b,u,l,d]),B=n.useMemo(()=>{if(N)return N;const r=U(u,b);return V(t,r)},[t,b,u,N]),Z=n.useMemo(()=>s==="hover"?"scale-0 group-hover:scale-100":s==="always"?"scale-100":"hidden",[s]),$=n.useMemo(()=>at(u,b),[b,u]),J=n.useMemo(()=>ot(u,b),[b,u]),X=n.useCallback(r=>m==="spec"?o.jsxs(w.motion.div,{className:i.cn("pointer-events-none absolute z-50 flex flex-col items-center justify-center rounded-md px-3 py-1.5 text-xs shadow-xl",J,l&&l,d&&d,!l&&!d&&H),"data-orientation":u,initial:s==="always"?{opacity:1,y:-5,scale:1}:{opacity:0,y:20,scale:0},animate:P&&s==="hover"||s==="always"?{opacity:1,y:-5,scale:1}:{opacity:0,y:20,scale:0},transition:{type:"tween",duration:.2,ease:"easeOut"},style:{x,rotate:y,whiteSpace:"nowrap"},children:[o.jsx("div",{className:"relative z-1",children:o.jsx(K,{value:c[r],format:{notation:"standard"},isolate:!0})}),S&&o.jsx("div",{className:i.cn("arrow absolute border-transparent",$.arrow,B)})]}):o.jsxs(tt.default,{size:"lg",color:l||d||t==="glass"?"custom":t==="muted"?"muted":t==="accent"?"accent":t,variant:"solid",className:i.cn("transition-transform absolute px-3 rounded-md",$.badge,Z,l&&l,d&&d,!l&&!d&&t==="glass"&&"bg-white/15 text-foreground backdrop-blur-sm shadow-lg [&>div.arrow]:border-t-white/15"),children:[m==="number-flow"?o.jsx(K,{value:c[r],format:{notation:"standard"},isolate:!0}):o.jsx("span",{children:q(c[r])}),S&&o.jsx("div",{className:i.cn("arrow absolute border-transparent",$.arrow,B)})]}),[m,J,l,d,H,u,s,x,y,q,c,t,$,Z,S,B,P]);return s?o.jsxs(h.Root,{ref:A,"data-slot":"slider",defaultValue:f,value:g,min:z,max:j,className:i.cn("relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",a),..._,children:[o.jsx(h.Track,{"data-slot":"slider-track",className:i.cn("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full",M.track),children:o.jsx(h.Range,{"data-slot":"slider-range",className:i.cn("absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full",k.range)})}),Array.from({length:c.length},(r,p)=>o.jsx(h.Thumb,{"data-slot":"slider-thumb",className:i.cn("group block shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 ring-ring/50",k.thumb,M.thumb),onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),children:X(p)},p))]}):o.jsxs(h.Root,{ref:A,"data-slot":"slider",defaultValue:f,value:g,min:z,max:j,className:i.cn("relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",a),..._,children:[o.jsx(h.Track,{"data-slot":"slider-track",className:i.cn("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full",M.track),children:o.jsx(h.Range,{"data-slot":"slider-range",className:i.cn("absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full",k.range)})}),Array.from({length:c.length},(r,p)=>o.jsx(h.Thumb,{"data-slot":"slider-thumb",className:i.cn("block shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 ring-ring/50",k.thumb,M.thumb)},p))]})});W.displayName="Slider";exports.default=W;
+//# sourceMappingURL=Slider.cjs.map

package/dist/cjs/components/Slider/Slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.cjs","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { motion, useMotionValue, useSpring, useTransform } from \"motion/react\";\nimport NumberFlow from \"@number-flow/react\";\nimport type { BasicColor } from \"@/types/variables\";\nimport Badge from \"../Badge/Badge\";\n\ntype LabelAnimation = \"number-flow\" | \"spec\" | \"none\";\ntype LabelDisplay = false | \"hover\" | \"always\";\ntype SliderColor = BasicColor | \"muted\" | \"accent\";\ntype SliderSize = \"sm\" | \"md\" | \"lg\";\ntype LabelPosition = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport type SliderProps = React.ComponentProps<typeof SliderPrimitive.Root> & {\n  color?: SliderColor;\n  size?: SliderSize;\n  showLabel?: LabelDisplay;\n  labelArrow?: boolean;\n  labelAnimation?: LabelAnimation;\n  labelFormatter?: (value: number) => string;\n  labelPosition?: LabelPosition;\n  labelColor?: string; // Custom label background color (e.g., \"bg-yellow-500\")\n  labelTextColor?: string; // Custom label text color (e.g., \"text-yellow-950\")\n  labelArrowColor?: string; // Custom label arrow color (e.g., \"border-t-yellow-500\")\n  sliderColor?: string; // Custom slider track color (e.g., \"bg-pink-500\")\n  thumbBorderColor?: string; // Custom thumb border color (e.g., \"border-pink-500/50\")\n};\n\n// Color mapping configuration\nconst COLOR_CONFIG: Record<\n  SliderColor,\n  {\n    range: string;\n    thumb: string;\n    labelBg: string;\n    labelText: string;\n  }\n> = {\n  primary: {\n    range: \"bg-primary\",\n    thumb: \"border-primary/50\",\n    labelBg: \"bg-primary\",\n    labelText: \"text-primary-foreground\",\n  },\n  secondary: {\n    range: \"bg-secondary\",\n    thumb: \"border-secondary/50\",\n    labelBg: \"bg-secondary\",\n    labelText: \"text-secondary-foreground\",\n  },\n  success: {\n    range: \"bg-success\",\n    thumb: \"border-success/50\",\n    labelBg: \"bg-success\",\n    labelText: \"text-success-foreground\",\n  },\n  warning: {\n    range: \"bg-warning\",\n    thumb: \"border-warning/50\",\n    labelBg: \"bg-warning\",\n    labelText: \"text-warning-foreground\",\n  },\n  error: {\n    range: \"bg-error\",\n    thumb: \"border-error/50\",\n    labelBg: \"bg-error\",\n    labelText: \"text-error-foreground\",\n  },\n  glass: {\n    range: \"bg-white/30 backdrop-blur-sm\",\n    thumb: \"border-white/30 backdrop-blur-sm\",\n    labelBg: \"bg-white/15\",\n    labelText: \"text-foreground\",\n  },\n  muted: {\n    range: \"bg-muted-foreground\",\n    thumb: \"border-muted-foreground/50\",\n    labelBg: \"bg-muted\",\n    labelText: \"text-muted-foreground\",\n  },\n  accent: {\n    range: \"bg-accent\",\n    thumb: \"border-accent/50\",\n    labelBg: \"bg-accent\",\n    labelText: \"text-accent-foreground\",\n  },\n};\n\n// Size configuration\nconst SIZE_CONFIG: Record<\n  SliderSize,\n  {\n    track: string;\n    thumb: string;\n  }\n> = {\n  sm: {\n    track: \"data-[orientation=horizontal]:h-1 data-[orientation=vertical]:w-1\",\n    thumb: \"size-3\",\n  },\n  md: {\n    track:\n      \"data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:w-1.5\",\n    thumb: \"size-4\",\n  },\n  lg: {\n    track: \"data-[orientation=horizontal]:h-2 data-[orientation=vertical]:w-2\",\n    thumb: \"size-5\",\n  },\n};\n\n// Helper to get arrow direction based on orientation and position\nconst getArrowDirection = (\n  orientation: \"horizontal\" | \"vertical\",\n  position: LabelPosition\n): \"top\" | \"bottom\" | \"left\" | \"right\" => {\n  if (orientation === \"horizontal\") {\n    if (position === \"bottom\") return \"bottom\";\n    if (position === \"left\") return \"left\";\n    if (position === \"right\") return \"right\";\n    return \"top\";\n  }\n  // vertical\n  if (position === \"right\") return \"right\";\n  if (position === \"top\") return \"top\";\n  if (position === \"bottom\") return \"bottom\";\n  return \"left\";\n};\n\n// Helper to get arrow color class\nconst getArrowColorClass = (\n  color: SliderColor,\n  direction: \"top\" | \"bottom\" | \"left\" | \"right\"\n): string => {\n  // Generate full border class (e.g., \"border-t-primary\")\n  const prefix =\n    direction === \"top\"\n      ? \"t\"\n      : direction === \"bottom\"\n        ? \"b\"\n        : direction === \"left\"\n          ? \"l\"\n          : \"r\";\n  const colorMap: Record<SliderColor, string> = {\n    primary: `border-${prefix}-primary`,\n    secondary: `border-${prefix}-secondary`,\n    success: `border-${prefix}-success`,\n    warning: `border-${prefix}-warning`,\n    error: `border-${prefix}-error`,\n    glass: `border-${prefix}-white/15`,\n    muted: `border-${prefix}-muted`,\n    accent: `border-${prefix}-accent`,\n  };\n\n  return colorMap[color];\n};\n\n// Helper to get label position classes\nconst getLabelPositionClasses = (\n  orientation: \"horizontal\" | \"vertical\",\n  position: LabelPosition\n): { badge: string; arrow: string } => {\n  const positions: Record<string, { badge: string; arrow: string }> = {\n    \"horizontal-top\": {\n      badge: \"left-1/2 -translate-x-1/2 bottom-full -translate-y-1/2\",\n      arrow:\n        \"top-full left-1/2 -translate-x-1/2 border-t-[6px] border-l-[6px] border-r-[6px] border-b-0 border-l-transparent border-r-transparent\",\n    },\n    \"horizontal-bottom\": {\n      badge: \"left-1/2 -translate-x-1/2 top-full translate-y-1/2\",\n      arrow:\n        \"bottom-full left-1/2 -translate-x-1/2 border-b-[6px] border-l-[6px] border-r-[6px] border-t-0 border-l-transparent border-r-transparent\",\n    },\n    \"horizontal-left\": {\n      badge: \"top-1/2 -translate-y-1/2 right-full -translate-x-1/2\",\n      arrow:\n        \"left-full top-1/2 -translate-y-1/2 border-l-[6px] border-t-[6px] border-b-[6px] border-r-0 border-t-transparent border-b-transparent\",\n    },\n    \"horizontal-right\": {\n      badge: \"top-1/2 -translate-y-1/2 left-full translate-x-1/2\",\n      arrow:\n        \"right-full top-1/2 -translate-y-1/2 border-r-[6px] border-t-[6px] border-b-[6px] border-l-0 border-t-transparent border-b-transparent\",\n    },\n    \"vertical-left\": {\n      badge: \"top-1/2 -translate-y-1/2 right-full -translate-x-1/2\",\n      arrow:\n        \"left-full top-1/2 -translate-y-1/2 border-l-[6px] border-t-[6px] border-b-[6px] border-r-0 border-t-transparent border-b-transparent\",\n    },\n    \"vertical-right\": {\n      badge: \"top-1/2 -translate-y-1/2 left-full translate-x-1/2\",\n      arrow:\n        \"right-full top-1/2 -translate-y-1/2 border-r-[6px] border-t-[6px] border-b-[6px] border-l-0 border-t-transparent border-b-transparent\",\n    },\n    \"vertical-top\": {\n      badge: \"left-1/2 -translate-x-1/2 bottom-full -translate-y-1/2\",\n      arrow:\n        \"top-full left-1/2 -translate-x-1/2 border-t-[6px] border-l-[6px] border-r-[6px] border-b-0 border-l-transparent border-r-transparent\",\n    },\n    \"vertical-bottom\": {\n      badge: \"left-1/2 -translate-x-1/2 top-full translate-y-1/2\",\n      arrow:\n        \"bottom-full left-1/2 -translate-x-1/2 border-b-[6px] border-l-[6px] border-r-[6px] border-t-0 border-l-transparent border-r-transparent\",\n    },\n  };\n\n  return positions[`${orientation}-${position}`];\n};\n\n// Helper to get spec label position classes\nconst getSpecLabelPositionClass = (\n  orientation: \"horizontal\" | \"vertical\",\n  position: LabelPosition\n): string => {\n  const positions: Record<string, string> = {\n    \"horizontal-top\":\n      \"data-[orientation=horizontal]:bottom-full data-[orientation=horizontal]:left-1/2 data-[orientation=horizontal]:-translate-x-1/2 data-[orientation=horizontal]:-translate-y-1/2\",\n    \"horizontal-bottom\":\n      \"data-[orientation=horizontal]:top-full data-[orientation=horizontal]:left-1/2 data-[orientation=horizontal]:-translate-x-1/2 data-[orientation=horizontal]:translate-y-1/2\",\n    \"horizontal-left\":\n      \"data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:right-full data-[orientation=horizontal]:-translate-y-1/2 data-[orientation=horizontal]:-translate-x-1/2\",\n    \"horizontal-right\":\n      \"data-[orientation=horizontal]:top-1/2 data-[orientation=horizontal]:left-full data-[orientation=horizontal]:-translate-y-1/2 data-[orientation=horizontal]:translate-x-1/2\",\n    \"vertical-left\":\n      \"data-[orientation=vertical]:right-full data-[orientation=vertical]:top-1/2 data-[orientation=vertical]:-translate-x-1/2 data-[orientation=vertical]:-translate-y-1/2\",\n    \"vertical-right\":\n      \"data-[orientation=vertical]:left-full data-[orientation=vertical]:top-1/2 data-[orientation=vertical]:translate-x-1/2 data-[orientation=vertical]:-translate-y-1/2\",\n    \"vertical-top\":\n      \"data-[orientation=vertical]:bottom-full data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:-translate-x-1/2 data-[orientation=vertical]:-translate-y-1/2\",\n    \"vertical-bottom\":\n      \"data-[orientation=vertical]:top-full data-[orientation=vertical]:left-1/2 data-[orientation=vertical]:-translate-x-1/2 data-[orientation=vertical]:translate-y-1/2\",\n  };\n\n  return positions[`${orientation}-${position}`];\n};\n\nconst Slider = React.forwardRef<HTMLSpanElement, SliderProps>(\n  (\n    {\n      className,\n      color = \"primary\",\n      size = \"md\",\n      showLabel = false,\n      labelArrow = false,\n      labelAnimation = \"none\",\n      labelFormatter = (value) => `${value}`,\n      labelPosition = \"top\",\n      labelColor,\n      labelTextColor,\n      labelArrowColor,\n      sliderColor,\n      thumbBorderColor,\n      defaultValue,\n      value,\n      min = 0,\n      max = 100,\n      ...props\n    },\n    ref\n  ) => {\n    const _values = React.useMemo(\n      () =>\n        Array.isArray(value)\n          ? value\n          : Array.isArray(defaultValue)\n            ? defaultValue\n            : [min, max],\n      [value, defaultValue, min, max]\n    );\n\n    // State for hover detection\n    const [isHovered, setIsHovered] = React.useState(false);\n    React.useEffect(() => {\n      if (value !== undefined && !Array.isArray(value)) {\n        console.error(\n          \"[Slider] value prop must be an array of numbers, e.g., [50] or [25, 75]\"\n        );\n      }\n      if (defaultValue !== undefined && !Array.isArray(defaultValue)) {\n        console.error(\n          \"[Slider] defaultValue prop must be an array of numbers, e.g., [50] or [25, 75]\"\n        );\n      }\n    }, [value, defaultValue]);\n\n    const orientation = props.orientation || \"horizontal\";\n\n    // For spec animation - track thumb position and velocity\n    const thumbPosition = useMotionValue(0);\n    const thumbVelocity = useMotionValue(0);\n    const prevThumbPosition = React.useRef(0);\n\n    // Spring physics for label following effect - more dramatic\n    const springConfig = { stiffness: 150, damping: 15, mass: 1 };\n    const labelOffset = useSpring(0, springConfig);\n    const labelRotate = useSpring(0, springConfig);\n\n    // Track value changes to calculate velocity\n    React.useEffect(() => {\n      if (labelAnimation === \"spec\" && _values.length > 0) {\n        const currentPos = _values[0];\n        const velocity = currentPos - prevThumbPosition.current;\n\n        // Cap velocity to prevent large jumps (e.g., on click or initial load)\n        const maxVelocity = 5; // Maximum velocity threshold\n        const cappedVelocity = Math.max(\n          -maxVelocity,\n          Math.min(maxVelocity, velocity)\n        );\n\n        // Update velocity and position\n        thumbVelocity.set(cappedVelocity);\n        thumbPosition.set(currentPos);\n\n        // Calculate offset and rotation based on capped velocity\n        // Negative velocity (moving left) -> positive offset (label lags behind to the right)\n        const offsetAmount = -cappedVelocity * 12;\n        const rotateAmount = -cappedVelocity * 20;\n\n        labelOffset.set(offsetAmount);\n        labelRotate.set(rotateAmount);\n\n        // Reset to center when stopped\n        setTimeout(() => {\n          labelOffset.set(0);\n          labelRotate.set(0);\n        }, 100);\n\n        prevThumbPosition.current = currentPos;\n      }\n    }, [\n      _values,\n      labelAnimation,\n      thumbVelocity,\n      thumbPosition,\n      labelOffset,\n      labelRotate,\n    ]);\n\n    // Memoized computed values\n    const sliderColorClass = useMemo(() => {\n      if (sliderColor || thumbBorderColor) {\n        return {\n          range: sliderColor || \"bg-primary\",\n          thumb: thumbBorderColor || \"border-primary/50\",\n        };\n      }\n      const config = COLOR_CONFIG[color];\n      return {\n        range: config.range,\n        thumb: config.thumb,\n      };\n    }, [color, sliderColor, thumbBorderColor]);\n\n    const sliderSizeClass = useMemo(() => SIZE_CONFIG[size], [size]);\n\n    const labelColorClass = useMemo(() => {\n      if (labelColor || labelTextColor) {\n        return cn(labelColor, labelTextColor);\n      }\n\n      const config = COLOR_CONFIG[color];\n      const direction = getArrowDirection(orientation, labelPosition);\n      const arrowColor = getArrowColorClass(color, direction);\n\n      if (color === \"glass\") {\n        return `${config.labelBg} ${config.labelText} backdrop-blur-sm shadow-lg [&>div.arrow]:${arrowColor}`;\n      }\n\n      return `${config.labelBg} ${config.labelText} [&>div.arrow]:${arrowColor}`;\n    }, [color, labelPosition, orientation, labelColor, labelTextColor]);\n\n    const arrowColorClass = useMemo(() => {\n      if (labelArrowColor) return labelArrowColor;\n      const direction = getArrowDirection(orientation, labelPosition);\n      return getArrowColorClass(color, direction);\n    }, [color, labelPosition, orientation, labelArrowColor]);\n\n    const labelVisibilityClass = useMemo(() => {\n      if (showLabel === \"hover\") return \"scale-0 group-hover:scale-100\";\n      if (showLabel === \"always\") return \"scale-100\";\n      return \"hidden\";\n    }, [showLabel]);\n\n    const labelPositionClass = useMemo(\n      () => getLabelPositionClasses(orientation, labelPosition),\n      [labelPosition, orientation]\n    );\n\n    const labelPositionClassSpec = useMemo(\n      () => getSpecLabelPositionClass(orientation, labelPosition),\n      [labelPosition, orientation]\n    );\n\n    // Render label based on animation type\n    const renderLabel = React.useCallback(\n      (index: number) => {\n        if (labelAnimation === \"spec\") {\n          return (\n            <motion.div\n              className={cn(\n                \"pointer-events-none absolute z-50 flex flex-col items-center justify-center rounded-md px-3 py-1.5 text-xs shadow-xl\",\n                labelPositionClassSpec,\n                labelColor && labelColor,\n                labelTextColor && labelTextColor,\n                !labelColor && !labelTextColor && labelColorClass\n              )}\n              data-orientation={orientation}\n              initial={\n                showLabel === \"always\"\n                  ? { opacity: 1, y: -5, scale: 1 }\n                  : { opacity: 0, y: 20, scale: 0 }\n              }\n              animate={\n                (isHovered && showLabel === \"hover\") || showLabel === \"always\"\n                  ? {\n                      opacity: 1,\n                      y: -5,\n                      scale: 1,\n                    }\n                  : {\n                      opacity: 0,\n                      y: 20,\n                      scale: 0,\n                    }\n              }\n              transition={{\n                type: \"tween\",\n                duration: 0.2,\n                ease: \"easeOut\",\n              }}\n              style={{\n                x: labelOffset,\n                rotate: labelRotate,\n                whiteSpace: \"nowrap\",\n              }}\n            >\n              <div className=\"relative z-1\">\n                <NumberFlow\n                  value={_values[index]}\n                  format={{ notation: \"standard\" }}\n                  isolate\n                />\n              </div>\n              {labelArrow && (\n                <div\n                  className={cn(\n                    \"arrow absolute border-transparent\",\n                    labelPositionClass.arrow,\n                    arrowColorClass\n                  )}\n                />\n              )}\n            </motion.div>\n          );\n        }\n\n        // Standard or number-flow animation\n        return (\n          <Badge\n            size=\"lg\"\n            color={\n              labelColor || labelTextColor\n                ? \"custom\"\n                : color === \"glass\"\n                  ? \"custom\"\n                  : color === \"muted\"\n                    ? \"muted\"\n                    : color === \"accent\"\n                      ? \"accent\"\n                      : color\n            }\n            variant=\"solid\"\n            className={cn(\n              \"transition-transform absolute px-3 rounded-md\",\n              labelPositionClass.badge,\n              labelVisibilityClass,\n              labelColor && labelColor,\n              labelTextColor && labelTextColor,\n              !labelColor &&\n                !labelTextColor &&\n                color === \"glass\" &&\n                \"bg-white/15 text-foreground backdrop-blur-sm shadow-lg [&>div.arrow]:border-t-white/15\"\n            )}\n          >\n            {labelAnimation === \"number-flow\" ? (\n              <NumberFlow\n                value={_values[index]}\n                format={{ notation: \"standard\" }}\n                isolate\n              />\n            ) : (\n              <span>{labelFormatter(_values[index])}</span>\n            )}\n            {labelArrow && (\n              <div\n                className={cn(\n                  \"arrow absolute border-transparent\",\n                  labelPositionClass.arrow,\n                  arrowColorClass\n                )}\n              />\n            )}\n          </Badge>\n        );\n      },\n      [\n        labelAnimation,\n        labelPositionClassSpec,\n        labelColor,\n        labelTextColor,\n        labelColorClass,\n        orientation,\n        showLabel,\n        labelOffset,\n        labelRotate,\n        labelFormatter,\n        _values,\n        color,\n        labelPositionClass,\n        labelVisibilityClass,\n        labelArrow,\n        arrowColorClass,\n        isHovered,\n      ]\n    );\n\n    // Render without label - use custom slider with color\n    if (!showLabel) {\n      return (\n        <SliderPrimitive.Root\n          ref={ref}\n          data-slot=\"slider\"\n          defaultValue={defaultValue}\n          value={value}\n          min={min}\n          max={max}\n          className={cn(\n            \"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col\",\n            className\n          )}\n          {...props}\n        >\n          <SliderPrimitive.Track\n            data-slot=\"slider-track\"\n            className={cn(\n              \"bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full\",\n              sliderSizeClass.track\n            )}\n          >\n            <SliderPrimitive.Range\n              data-slot=\"slider-range\"\n              className={cn(\n                \"absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\",\n                sliderColorClass.range\n              )}\n            />\n          </SliderPrimitive.Track>\n          {Array.from({ length: _values.length }, (_, index) => (\n            <SliderPrimitive.Thumb\n              key={index}\n              data-slot=\"slider-thumb\"\n              className={cn(\n                \"block shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 ring-ring/50\",\n                sliderColorClass.thumb,\n                sliderSizeClass.thumb\n              )}\n            />\n          ))}\n        </SliderPrimitive.Root>\n      );\n    }\n\n    // Render with label (standard, number-flow, or spec animation)\n    return (\n      <SliderPrimitive.Root\n        ref={ref}\n        data-slot=\"slider\"\n        defaultValue={defaultValue}\n        value={value}\n        min={min}\n        max={max}\n        className={cn(\n          \"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col\",\n          className\n        )}\n        {...props}\n      >\n        <SliderPrimitive.Track\n          data-slot=\"slider-track\"\n          className={cn(\n            \"bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full\",\n            sliderSizeClass.track\n          )}\n        >\n          <SliderPrimitive.Range\n            data-slot=\"slider-range\"\n            className={cn(\n              \"absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\",\n              sliderColorClass.range\n            )}\n          />\n        </SliderPrimitive.Track>\n        {Array.from({ length: _values.length }, (_, index) => (\n          <SliderPrimitive.Thumb\n            key={index}\n            data-slot=\"slider-thumb\"\n            className={cn(\n              \"group block shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 ring-ring/50\",\n              sliderColorClass.thumb,\n              sliderSizeClass.thumb\n            )}\n            onMouseEnter={() => setIsHovered(true)}\n            onMouseLeave={() => setIsHovered(false)}\n          >\n            {renderLabel(index)}\n          </SliderPrimitive.Thumb>\n        ))}\n      </SliderPrimitive.Root>\n    );\n  }\n);\n\nSlider.displayName = \"Slider\";\n\nexport default Slider;\n"],"names":["COLOR_CONFIG","SIZE_CONFIG","getArrowDirection","orientation","position","getArrowColorClass","color","direction","prefix","getLabelPositionClasses","getSpecLabelPositionClass","Slider","React","className","size","showLabel","labelArrow","labelAnimation","labelFormatter","value","labelPosition","labelColor","labelTextColor","labelArrowColor","sliderColor","thumbBorderColor","defaultValue","min","max","props","ref","_values","isHovered","setIsHovered","thumbPosition","useMotionValue","thumbVelocity","prevThumbPosition","springConfig","labelOffset","useSpring","labelRotate","currentPos","velocity","maxVelocity","cappedVelocity","offsetAmount","rotateAmount","sliderColorClass","useMemo","config","sliderSizeClass","labelColorClass","cn","arrowColor","arrowColorClass","labelVisibilityClass","labelPositionClass","labelPositionClassSpec","renderLabel","index","jsxs","motion","jsx","NumberFlow","Badge","SliderPrimitive","_"],"mappings":"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"}

package/dist/cjs/components/Stepper/Stepper.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react/jsx-runtime"),h=require("@dsui/ui/index"),Pt=require("lucide-react"),kt=require("react");function At(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const d=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,d.get?d:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const o=At(kt),vt="Stepper",Et="StepperList",it="StepperItem",nt="StepperTrigger",lt="StepperIndicator",pt="StepperSeparator",ft="StepperTitle",mt="StepperDescription",Rt="StepperContent",Nt="StepperPrev",Ot="StepperNext",Tt="stepperFocusGroup.onEntryFocus",Mt={bubbles:!1,cancelable:!0},Dt=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],at={primary:{indicator:{active:"border-primary bg-primary text-primary-foreground data-[variant=dot]:bg-primary/30 data-[variant=dot]:border-primary/0",completed:"border-primary bg-primary text-primary-foreground data-[variant=dot]:bg-primary/30 data-[variant=dot]:border-primary/0",inactive:"border-muted bg-background text-muted-foreground data-[variant=dot]:bg-muted/30 data-[variant=dot]:border-muted/0"},separator:{active:"bg-primary",completed:"bg-primary",inactive:"bg-border"}},secondary:{indicator:{active:"border-secondary bg-secondary text-secondary-foreground data-[variant=dot]:bg-secondary/30 data-[variant=dot]:border-secondary/0",completed:"border-secondary bg-secondary text-secondary-foreground data-[variant=dot]:bg-secondary/30 data-[variant=dot]:border-secondary/0",inactive:"border-muted bg-background text-muted-foreground data-[variant=dot]:bg-muted/30 data-[variant=dot]:border-muted/0"},separator:{active:"bg-secondary",completed:"bg-secondary",inactive:"bg-border"}},accent:{indicator:{active:"border-accent bg-accent text-accent-foreground data-[variant=dot]:bg-accent/30 data-[variant=dot]:border-accent/0",completed:"border-accent bg-accent text-accent-foreground data-[variant=dot]:bg-accent/30 data-[variant=dot]:border-accent/0",inactive:"border-muted bg-background text-muted-foreground data-[variant=dot]:bg-muted/30 data-[variant=dot]:border-muted/0"},separator:{active:"bg-accent",completed:"bg-accent",inactive:"bg-border"}},destructive:{indicator:{active:"border-destructive bg-destructive text-destructive-foreground data-[variant=dot]:bg-destructive/30 data-[variant=dot]:border-destructive/0",completed:"border-destructive bg-destructive text-destructive-foreground data-[variant=dot]:bg-destructive/30 data-[variant=dot]:border-destructive/0",inactive:"border-muted bg-background text-muted-foreground data-[variant=dot]:bg-muted/30 data-[variant=dot]:border-muted/0"},separator:{active:"bg-destructive",completed:"bg-destructive",inactive:"bg-border"}},muted:{indicator:{active:"border-muted bg-muted text-muted-foreground data-[variant=dot]:bg-muted/30 data-[variant=dot]:border-muted/0",completed:"border-muted bg-muted text-muted-foreground data-[variant=dot]:bg-muted/30 data-[variant=dot]:border-muted/0",inactive:"border-muted bg-background text-muted-foreground data-[variant=dot]:bg-muted/30 data-[variant=dot]:border-muted/0"},separator:{active:"bg-muted",completed:"bg-muted",inactive:"bg-border"}},success:{indicator:{active:"border-success bg-success text-success-foreground data-[variant=dot]:bg-success/30 data-[variant=dot]:border-success/0",completed:"border-success bg-success text-success-foreground data-[variant=dot]:bg-success/30 data-[variant=dot]:border-success/0",inactive:"border-muted bg-background text-muted-foreground data-[variant=dot]:bg-muted/30 data-[variant=dot]:border-muted/0"},separator:{active:"bg-success",completed:"bg-success",inactive:"bg-border"}},error:{indicator:{active:"border-error bg-error text-error-foreground data-[variant=dot]:bg-error/30 data-[variant=dot]:border-error/0",completed:"border-error bg-error text-error-foreground data-[variant=dot]:bg-error/30 data-[variant=dot]:border-error/0",inactive:"border-muted bg-background text-muted-foreground data-[variant=dot]:bg-muted/30 data-[variant=dot]:border-muted/0"},separator:{active:"bg-error",completed:"bg-error",inactive:"bg-border"}},warning:{indicator:{active:"border-warning bg-warning text-warning-foreground data-[variant=dot]:bg-warning/30 data-[variant=dot]:border-warning/0",completed:"border-warning bg-warning text-warning-foreground data-[variant=dot]:bg-warning/30 data-[variant=dot]:border-warning/0",inactive:"border-muted bg-background text-muted-foreground data-[variant=dot]:bg-muted/30 data-[variant=dot]:border-muted/0"},separator:{active:"bg-warning",completed:"bg-warning",inactive:"bg-border"}}};function Vt(e,t,n){return t?"":e?at[e].indicator[n]:at.primary.indicator[n]}function gt(e,t,n){return t?"":e?at[e].separator[n]:at.primary.separator[n]}function ct(e,t,n){if(e)return n?t==="active"||t==="completed"?{borderColor:e,backgroundColor:e,color:"white"}:{borderColor:"hsl(var(--muted))",backgroundColor:"hsl(var(--background))",color:"hsl(var(--muted-foreground))"}:t==="active"||t==="completed"?{backgroundColor:e}:{backgroundColor:"hsl(var(--border))"}}function Y(e,t,n){return`${e}-${t}-${n}`}const Ft={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function _t(e,t){return t!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function jt(e,t,n){const d=_t(e.key,t);if(!(n==="horizontal"&&["ArrowUp","ArrowDown"].includes(d))&&!(n==="vertical"&&["ArrowLeft","ArrowRight"].includes(d)))return Ft[d]}function xt(e,t=!1){const n=document.activeElement;for(const d of e){const b=d.current;if(b&&(b===n||(b.focus({preventScroll:t}),document.activeElement!==n)))return}}function Lt(e,t){return e.map((n,d)=>e[(t+d)%e.length])}const J=typeof window>"u"?o.useEffect:o.useLayoutEffect;function zt(e){const t=o.useRef(e);return J(()=>{t.current=e}),t}function bt(e){const t=o.useRef(null);return t.current===null&&(t.current=e()),t}function Q(e,t,n,d,b="item"){const s=Array.from(d.keys()),i=s.indexOf(t);return n?.completed?"completed":e===t?b==="separator"?"inactive":"active":e&&s.indexOf(e)>i?"completed":"inactive"}const Kt=o.createContext(void 0);function $t(e){const t=o.useContext(Kt);return e??t??"ltr"}const St=o.createContext(null);function Z(e){const t=o.useContext(St);if(!t)throw new Error(`\`${e}\` must be used within \`${vt}\``);return t}function N(e){const t=Z("useStore"),n=o.useCallback(()=>e(t.getState()),[t,e]);return o.useSyncExternalStore(t.subscribe,n,n)}const yt=o.createContext(null);function H(e){const t=o.useContext(yt);if(!t)throw new Error(`\`${e}\` must be used within \`${vt}\``);return t}function Ut(e){const{value:t,defaultValue:n,onValueChange:d,onValueComplete:b,onValueAdd:s,onValueRemove:i,onValidate:m,id:l,dir:a,orientation:v="horizontal",activationMode:c="automatic",asChild:u,disabled:y=!1,nonInteractive:S=!1,loop:E=!1,color:g,customColor:x,variant:T="normal",labelPosition:M="right",className:F,...P}=e,V=bt(()=>new Set),I=bt(()=>({steps:new Map,value:t??n??""})),w=zt({onValueChange:d,onValueComplete:b,onValueAdd:s,onValueRemove:i,onValidate:m}),p=o.useMemo(()=>({subscribe:r=>(V.current.add(r),()=>V.current.delete(r)),getState:()=>I.current,setState:(r,C)=>{Object.is(I.current[r],C)||(r==="value"&&typeof C=="string"?(I.current.value=C,w.current.onValueChange?.(C)):I.current[r]=C,p.notify())},setStateWithValidation:async(r,C)=>{if(!w.current.onValidate)return p.setState("value",r),!0;try{const O=await w.current.onValidate(r,C);return O&&p.setState("value",r),O}catch{return!1}},hasValidation:()=>!!w.current.onValidate,addStep:(r,C,O)=>{const R={value:r,completed:C,disabled:O};I.current.steps.set(r,R),w.current.onValueAdd?.(r),p.notify()},removeStep:r=>{I.current.steps.delete(r),w.current.onValueRemove?.(r),p.notify()},setStep:(r,C,O)=>{const R=I.current.steps.get(r);if(R){const k={...R,completed:C,disabled:O};I.current.steps.set(r,k),C!==R.completed&&w.current.onValueComplete?.(r,C),p.notify()}},notify:()=>{for(const r of V.current)r()}}),[V,I,w]);J(()=>{t!==void 0&&p.setState("value",t)},[t,p]);const _=$t(a),K=o.useId(),$=l??K,j=o.useMemo(()=>({id:$,dir:_,orientation:v,activationMode:c,disabled:y,nonInteractive:S,loop:E,color:g,customColor:x,variant:T,labelPosition:M}),[$,_,v,c,y,S,E,g,x,T,M]),q=u?h.Slot:"div";return A.jsx(St.Provider,{value:p,children:A.jsx(yt.Provider,{value:j,children:A.jsx(q,{id:$,"data-disabled":y?"":void 0,"data-orientation":v,"data-slot":"stepper",dir:_,...P,className:h.cn("flex gap-6",v==="horizontal"?"w-full flex-col":"flex-row",F)})})})}const Ct=o.createContext(null);function Wt(e){const t=o.useContext(Ct);if(!t)throw new Error(`\`${e}\` must be used within \`FocusProvider\``);return t}function Bt(e){const{className:t,children:n,asChild:d,ref:b,...s}=e,i=H(Et),m=i.orientation,l=N(r=>r.value),[a,v]=o.useState(null),[c,u]=o.useState(!1),[y,S]=o.useState(0),E=o.useRef(!1),g=o.useRef(new Map),x=o.useRef(null),T=h.useComposedRefs(b,x),M=o.useCallback(r=>{v(r)},[]),F=o.useCallback(()=>{u(!0)},[]),P=o.useCallback(()=>{S(r=>r+1)},[]),V=o.useCallback(()=>{S(r=>r-1)},[]),I=o.useCallback(r=>{g.current.set(r.id,r)},[]),w=o.useCallback(r=>{g.current.delete(r)},[]),p=o.useCallback(()=>Array.from(g.current.values()).filter(r=>r.ref.current).sort((r,C)=>{const O=r.ref.current,R=C.ref.current;if(!O||!R)return 0;const k=O.compareDocumentPosition(R);return k&Node.DOCUMENT_POSITION_FOLLOWING?-1:k&Node.DOCUMENT_POSITION_PRECEDING?1:0}),[]),_=o.useCallback(r=>{s.onBlur?.(r),!r.defaultPrevented&&u(!1)},[s.onBlur]),K=o.useCallback(r=>{if(s.onFocus?.(r),r.defaultPrevented)return;const C=!E.current;if(r.target===r.currentTarget&&C&&!c){const O=new CustomEvent(Tt,Mt);if(r.currentTarget.dispatchEvent(O),!O.defaultPrevented){const R=Array.from(g.current.values()).filter(z=>!z.disabled),k=l?R.find(z=>z.value===l):void 0,W=R.find(z=>z.active),et=R.find(z=>z.id===a),rt=[k,W,et,...R].filter(Boolean).map(z=>z.ref);xt(rt,!1)}}E.current=!1},[s.onFocus,c,l,a]),$=o.useCallback(r=>{s.onMouseDown?.(r),!r.defaultPrevented&&(E.current=!0)},[s.onMouseDown]),j=o.useMemo(()=>({tabStopId:a,onItemFocus:M,onItemShiftTab:F,onFocusableItemAdd:P,onFocusableItemRemove:V,onItemRegister:I,onItemUnregister:w,getItems:p}),[a,M,F,P,V,I,w,p]),q=d?h.Slot:"div";return A.jsx(Ct.Provider,{value:j,children:A.jsx(q,{role:"tablist","aria-orientation":m,"data-orientation":m,"data-slot":"stepper-list",dir:i.dir,tabIndex:c||y===0?-1:0,...s,ref:T,className:h.cn("flex outline-none",m==="horizontal"?"flex-row items-center":"flex-col items-start",t),onBlur:_,onFocus:K,onMouseDown:$,children:n})})}const It=o.createContext(null);function tt(e){const t=o.useContext(It);if(!t)throw new Error(`\`${e}\` must be used within \`${it}\``);return t}function qt(e){const{value:t,completed:n=!1,disabled:d=!1,asChild:b,className:s,children:i,ref:m,...l}=e,a=H(it),v=Z(it),c=a.orientation,u=a.labelPosition??"right",y=N(p=>p.value);J(()=>(v.addStep(t,n,d),()=>{v.removeStep(t)}),[t,n,d]),J(()=>{v.setStep(t,n,d)},[t,n,d]);const S=N(p=>p.steps.get(t)),E=N(p=>p.steps),g=Q(y,t,S,E),x=Array.from(E.keys()),T=x.indexOf(t),M=T===0,F=T===x.length-1,P=o.useMemo(()=>({value:t,stepState:S}),[t,S]),V=()=>{const p="relative flex";return c==="horizontal"?u==="top"||u==="bottom"?`${p} flex-col items-center flex-1 gap-2`:`${p} flex-row items-center not-last:flex-1`:`${p} flex-col`},I=o.useMemo(()=>{if(c==="horizontal"&&(u==="top"||u==="bottom")){const p=o.Children.toArray(i);let _=null,K=null,$=null;const j=[];p.forEach(k=>{if(o.isValidElement(k)){const W=k.props["data-slot"];W==="stepper-trigger"||k.type===ht?(_=k,o.Children.toArray(k.props.children).forEach(U=>{o.isValidElement(U)&&(U.props["data-slot"]==="stepper-indicator"||U.type===dt)&&(K=U)})):W==="stepper-separator"||k.type===wt?$=k:j.push(k)}else j.push(k)});const q=T-1,r=q>=0?x[q]:null,C=r?Q(y,r,E.get(r),E,"separator"):"inactive";let O=null;if(!M){const k=a.color,W=a.customColor;O=A.jsx("div",{className:h.cn("h-px flex-1 transition-colors",gt(k,W,C)),style:ct(W,C,!1),"aria-hidden":"true"},"left-separator")}const R=A.jsxs("div",{className:"flex w-full items-center justify-center",children:[O,M&&A.jsx("div",{className:"h-px flex-1 bg-transparent","aria-hidden":"true"}),K,!F&&$,F&&A.jsx("div",{className:"h-px flex-1 bg-transparent","aria-hidden":"true"})]},"indicator-row");return u==="top"?[_,R,...j]:[R,_,...j]}return i},[i,c,u,M,F,T,x,E,y,a.color,a.customColor]),w=b?h.Slot:"div";return A.jsx(It.Provider,{value:P,children:A.jsx(w,{"data-disabled":S?.disabled?"":void 0,"data-orientation":c,"data-state":g,"data-slot":"stepper-item","data-label-position":u,dir:a.dir,...l,ref:m,className:h.cn(V(),s),children:I})})}function ht(e){const{asChild:t,disabled:n,className:d,ref:b,...s}=e,i=H(nt),m=tt(nt),l=Z(nt),a=Wt(nt),v=N(f=>f.value),c=m.value,u=N(f=>f.steps.get(c)),y=i.activationMode,S=i.orientation,E=i.loop,g=i.labelPosition??"right",x=N(f=>f.steps),M=Array.from(x.keys()).indexOf(c)+1,F=x.size,P=Y(i.id,"trigger",c),V=Y(i.id,"content",c),I=Y(i.id,"title",c),w=Y(i.id,"description",c),p=i.disabled||u?.disabled||n,_=v===c,K=a.tabStopId===P,$=Q(v,c,u,x),j=o.useRef(null),q=h.useComposedRefs(b,j),r=o.useRef(!1),C=o.useRef(!1);o.useEffect(()=>{function f(G){Dt.includes(G.key)&&(r.current=!0)}function D(){r.current=!1}return document.addEventListener("keydown",f),document.addEventListener("keyup",D),()=>{document.removeEventListener("keydown",f),document.removeEventListener("keyup",D)}},[]),J(()=>(a.onItemRegister({id:P,ref:j,value:c,active:K,disabled:!!p}),p||a.onFocusableItemAdd(),()=>{a.onItemUnregister(P),p||a.onFocusableItemRemove()}),[a,P,c,K,p]);const O=o.useCallback(async f=>{if(s.onClick?.(f),!f.defaultPrevented&&!p&&!i.nonInteractive){const D=Array.from(x.keys()).indexOf(v??""),L=Array.from(x.keys()).indexOf(c)>D?"next":"prev";await l.setStateWithValidation(c,L)}},[p,i.nonInteractive,l,c,v,x,s.onClick]),R=o.useCallback(async f=>{if(s.onFocus?.(f),f.defaultPrevented)return;a.onItemFocus(P);const D=!C.current;if(!_&&!p&&y!=="manual"&&!i.nonInteractive&&D){const G=Array.from(x.keys()).indexOf(v||""),B=Array.from(x.keys()).indexOf(c)>G?"next":"prev";await l.setStateWithValidation(c,B)}C.current=!1},[a,P,y,_,p,i.nonInteractive,l,c,v,x,s.onFocus]),k=o.useCallback(async f=>{if(s.onKeyDown?.(f),f.defaultPrevented)return;if(f.key==="Enter"&&i.nonInteractive){f.preventDefault();return}if((f.key==="Enter"||f.key===" ")&&y==="manual"&&!i.nonInteractive){f.preventDefault(),!p&&j.current&&j.current.click();return}if(f.key==="Tab"&&f.shiftKey){a.onItemShiftTab();return}if(f.target!==f.currentTarget)return;const D=jt(f,i.dir,S);if(D!==void 0){if(f.metaKey||f.ctrlKey||f.altKey||f.shiftKey)return;f.preventDefault();const G=a.getItems().filter(B=>!B.disabled);let L=G.map(B=>B.ref);if(D==="last")L.reverse();else if(D==="prev"||D==="next"){D==="prev"&&L.reverse();const B=L.findIndex(ot=>ot.current===f.currentTarget);L=E?Lt(L,B+1):L.slice(B+1)}if(l.hasValidation()&&L.length>0){const ot=L[0]?.current,X=G.find(st=>st.ref.current===ot);if(X&&X.value!==c){const st=Array.from(x.keys()).indexOf(v||""),ut=Array.from(x.keys()).indexOf(X.value)>st?"next":"prev";if(ut==="next"){if(!await l.setStateWithValidation(X.value,ut))return}else l.setState("value",X.value);queueMicrotask(()=>ot?.focus());return}}queueMicrotask(()=>xt(L))}},[a,i.nonInteractive,i.dir,y,S,E,p,s.onKeyDown,l,c,v,x]),W=o.useCallback(f=>{s.onMouseDown?.(f),!f.defaultPrevented&&(C.current=!0,p?f.preventDefault():a.onItemFocus(P))},[a,P,p,s.onMouseDown]),et=()=>S==="horizontal"&&(g==="top"||g==="bottom")?g==="top"?"flex-col-reverse":"flex-col":g==="top"?"flex-col-reverse":g==="bottom"?"flex-col":g==="left"?"flex-row-reverse":"flex-row",U=S==="horizontal"&&(g==="top"||g==="bottom"),rt=o.useMemo(()=>U?o.Children.toArray(s.children).filter(D=>o.isValidElement(D)?!(D.props["data-slot"]==="stepper-indicator"||D.type===dt):!0):s.children,[U,s.children]),z=t?h.Slot:"button";return A.jsx(z,{id:P,role:"tab",type:"button","aria-controls":V,"aria-current":_?"step":void 0,"aria-describedby":`${I} ${w}`,"aria-posinset":M,"aria-selected":_,"aria-setsize":F,"data-disabled":p?"":void 0,"data-state":$,"data-slot":"stepper-trigger","data-wrap-indicator":U?"":void 0,disabled:p,tabIndex:K?0:-1,...s,ref:q,className:h.cn("inline-flex items-center justify-center gap-3 rounded-md text-left outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0","not-has-data-[slot=description]:rounded-full not-has-data-[slot=title]:rounded-full",U?"":et(),d),onClick:O,onFocus:R,onKeyDown:k,onMouseDown:W,children:rt})}function dt(e){const{className:t,children:n,asChild:d,ref:b,color:s,customColor:i,variant:m,...l}=e,a=H(lt),v=tt(lt),c=N(w=>w.value),u=v.value,y=N(w=>w.steps.get(u)),S=N(w=>w.steps),E=Array.from(S.keys()).indexOf(u)+1,g=Q(c,u,y,S),x=s??a.color,T=i??a.customColor,M=m??a.variant??"normal",F=Vt(x,T,g),P=ct(T,g,!0),V=d?h.Slot:"div",I=M==="dot";return A.jsx(V,{"data-state":g,"data-variant":M,"data-slot":"stepper-indicator",dir:a.dir,...l,ref:b,style:{...l.style,...P},className:h.cn("flex shrink-0 items-center justify-center rounded-full border-2 font-medium text-sm transition-colors",I?"size-7 data-[variant=dot]:size-2":"size-7",F,t),children:!I&&(typeof n=="function"?n(g):n||(g==="completed"?A.jsx(Pt.Check,{className:"size-4"}):E))})}function wt(e){const{className:t,asChild:n,forceMount:d=!1,ref:b,color:s,customColor:i,...m}=e,l=H(pt),a=tt(pt),v=N(I=>I.value),c=l.orientation,u=l.labelPosition??"right",y=N(I=>I.steps);if(Array.from(y.keys()).indexOf(a.value)===y.size-1&&!d)return null;const g=Q(v,a.value,a.stepState,y,"separator"),x=s??l.color,T=i??l.customColor,M=gt(x,T,g),F=ct(T,g,!1),P=n?h.Slot:"div",V=()=>c==="horizontal"?"h-px flex-1":u==="top"||u==="bottom"?"w-px absolute left-1/2 -translate-x-1/2 top-full h-full -z-10":u==="left"?"w-px absolute right-0 top-full h-full -z-10 translate-x-1/2":"w-px absolute left-0 top-full h-full -z-10 -translate-x-1/2";return A.jsx(P,{role:"separator","aria-hidden":"true","aria-orientation":c,"data-orientation":c,"data-state":g,"data-slot":"stepper-separator",dir:l.dir,...m,ref:b,style:{...m.style,...F},className:h.cn("transition-colors",V(),M,t)})}function Gt(e){const{className:t,asChild:n,ref:d,...b}=e,s=H(ft),i=tt(ft),m=Y(s.id,"title",i.value),l=n?h.Slot:"span";return A.jsx(l,{id:m,"data-slot":"title",dir:s.dir,...b,ref:d,className:h.cn("font-medium text-sm",t)})}function Yt(e){const{className:t,asChild:n,ref:d,...b}=e,s=H(mt),i=tt(mt),m=Y(s.id,"description",i.value),l=n?h.Slot:"span";return A.jsx(l,{id:m,"data-slot":"description",dir:s.dir,...b,ref:d,className:h.cn("text-muted-foreground text-xs",t)})}function Ht(e){const{value:t,asChild:n,forceMount:d=!1,ref:b,className:s,...i}=e,m=H(Rt),l=N(u=>u.value),a=Y(m.id,"content",t),v=Y(m.id,"trigger",t);if(t!==l&&!d)return null;const c=n?h.Slot:"div";return A.jsx(c,{id:a,role:"tabpanel","aria-labelledby":v,"data-slot":"stepper-content",dir:m.dir,...i,ref:b,className:h.cn("flex-1 outline-none",s)})}function Xt(e){const{asChild:t,disabled:n,...d}=e,b=Z(Nt),s=N(u=>u.value),i=N(u=>u.steps),m=Array.from(i.keys()),l=s?m.indexOf(s):-1,a=n||l<=0,v=o.useCallback(async u=>{if(d.onClick?.(u),u.defaultPrevented||a)return;const y=Math.max(l-1,0),S=m[y];S&&b.setState("value",S)},[d.onClick,a,l,m,b]),c=t?h.Slot:"button";return A.jsx(c,{type:"button","data-slot":"stepper-prev",disabled:a,...d,onClick:v})}function Jt(e){const{asChild:t,disabled:n,...d}=e,b=Z(Ot),s=N(u=>u.value),i=N(u=>u.steps),m=Array.from(i.keys()),l=s?m.indexOf(s):-1,a=n||l>=m.length-1,v=o.useCallback(async u=>{if(d.onClick?.(u),u.defaultPrevented||a)return;const y=Math.min(l+1,m.length-1),S=m[y];S&&await b.setStateWithValidation(S,"next")},[d.onClick,a,l,m,b]),c=t?h.Slot:"button";return A.jsx(c,{type:"button","data-slot":"stepper-next",disabled:a,...d,onClick:v})}exports.StepperContent=Ht;exports.StepperDescription=Yt;exports.StepperIndicator=dt;exports.StepperItem=qt;exports.StepperList=Bt;exports.StepperNext=Jt;exports.StepperPrev=Xt;exports.StepperRoot=Ut;exports.StepperSeparator=wt;exports.StepperTitle=Gt;exports.StepperTrigger=ht;exports.useStepper=N;
+//# sourceMappingURL=Stepper.cjs.map