@uselets/ui 1.16.1 → 1.17.0

package/dist/stepper-BQ-59_UO.js

@@ -0,0 +1,2 @@
+import"./rolldown-runtime-Bdj-bS2b.js";import{t as e}from"./utils-DP9KtG7I.js";import{jsx as t}from"react/jsx-runtime";import{Children as n,createContext as r,isValidElement as i,useCallback as a,useContext as o,useEffect as s,useMemo as c,useRef as l,useState as u}from"react";const d=r(void 0),f=r(void 0);function useStepper(){let e=o(d);if(!e)throw Error(`useStepper must be used within a Stepper`);return e}function useStepItem(){let e=o(f);if(!e)throw Error(`useStepItem must be used within a StepperItem`);return e}function Stepper({defaultValue:r=1,value:o,onValueChange:s,orientation:l=`horizontal`,className:f,children:p,indicators:m={},...h}){let[g,_]=u(r),[v,y]=u([]),b=a(e=>{y(t=>e&&!t.includes(e)?[...t,e]:!e&&t.includes(e)?t.filter(t=>t!==e):t)},[]),x=a(e=>{o===void 0&&_(e),s?.(e)},[o,s]),S=o??g,C=a(e=>{v[e]&&v[e].focus()},[v]),w=a(e=>C((e+1)%v.length),[C,v]),T=a(e=>C((e-1+v.length)%v.length),[C,v]),E=a(()=>C(0),[C]),D=a(()=>C(v.length-1),[C,v]),O=c(()=>({activeStep:S,setActiveStep:x,stepsCount:n.toArray(p).filter(e=>i(e)&&e.type.displayName===`StepperItem`).length,orientation:l,registerTrigger:b,focusNext:w,focusPrev:T,focusFirst:E,focusLast:D,triggerNodes:v,indicators:m}),[S,x,p,l,b,v,E,D,w,T,m]);return t(d.Provider,{value:O,children:t(`div`,{role:`tablist`,"aria-orientation":l,"data-slot":`stepper`,className:e(`w-full`,f),"data-orientation":l,...h,children:p})})}function StepperItem({step:n,completed:r=!1,disabled:i=!1,loading:a=!1,className:o,children:s,...c}){let{activeStep:l}=useStepper(),u=r||n<l?`completed`:l===n?`active`:`inactive`,d=a&&n===l;return t(f.Provider,{value:{step:n,state:u,isDisabled:i,isLoading:d},children:t(`div`,{"data-slot":`stepper-item`,className:e(`group/step flex items-center justify-center not-last:flex-1 group-data-[orientation=horizontal]/stepper-nav:flex-row group-data-[orientation=vertical]/stepper-nav:flex-col`,o),"data-state":u,...d?{"data-loading":!0}:{},...c,children:s})})}function StepperTrigger({asChild:n=!1,className:r,children:i,tabIndex:a,...o}){let{state:u,isLoading:d}=useStepItem(),{setActiveStep:f,activeStep:p,registerTrigger:m,triggerNodes:h,focusNext:g,focusPrev:_,focusFirst:v,focusLast:y}=useStepper(),{step:b,isDisabled:x}=useStepItem(),S=p===b,C=`stepper-tab-${b}`,w=`stepper-panel-${b}`,T=l(null);s(()=>{T.current&&m(T.current)},[m]);let E=c(()=>h.findIndex(e=>e===T.current),[h]),handleKeyDown=e=>{switch(e.key){case`ArrowRight`:case`ArrowDown`:e.preventDefault(),E!==-1&&g&&g(E);break;case`ArrowLeft`:case`ArrowUp`:e.preventDefault(),E!==-1&&_&&_(E);break;case`Home`:e.preventDefault(),v&&v();break;case`End`:e.preventDefault(),y&&y();break;case`Enter`:case` `:e.preventDefault(),f(b);break}};return n?t(`span`,{"data-slot":`stepper-trigger`,"data-state":u,className:r,children:i}):t(`button`,{ref:T,role:`tab`,id:C,"aria-selected":S,"aria-controls":w,tabIndex:typeof a==`number`?a:S?0:-1,"data-slot":`stepper-trigger`,"data-state":u,"data-loading":d,className:e(`focus-visible:border-ring focus-visible:ring-ring/50 inline-flex cursor-pointer items-center outline-none focus-visible:z-10 focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-60`,`gap-2.5 rounded-full`,r),onClick:()=>f(b),onKeyDown:handleKeyDown,disabled:x,...o,children:i})}function StepperIndicator({children:n,className:r}){let{state:i,isLoading:a}=useStepItem(),{indicators:o}=useStepper();return t(`div`,{"data-slot":`stepper-indicator`,"data-state":i,className:e(`border-background bg-accent text-accent-foreground data-[state=completed]:bg-primary data-[state=completed]:text-primary-foreground data-[state=active]:bg-primary data-[state=active]:text-primary-foreground relative flex size-6 shrink-0 items-center justify-center overflow-hidden`,`rounded-full text-xs`,r),children:t(`div`,{className:`absolute`,children:o&&(a&&o.loading||i===`completed`&&o.completed||i===`active`&&o.active||i===`inactive`&&o.inactive)?a&&o.loading||i===`completed`&&o.completed||i===`active`&&o.active||i===`inactive`&&o.inactive:n})})}function StepperSeparator({className:n}){let{state:r}=useStepItem();return t(`div`,{"data-slot":`stepper-separator`,"data-state":r,className:e(`bg-muted rounded-sm group-data-[orientation=horizontal]/stepper-nav:h-0.5 group-data-[orientation=vertical]/stepper-nav:h-12 group-data-[orientation=vertical]/stepper-nav:w-0.5 m-0.5 group-data-[orientation=horizontal]/stepper-nav:flex-1`,n)})}function StepperTitle({children:n,className:r}){let{state:i}=useStepItem();return t(`h3`,{"data-slot":`stepper-title`,"data-state":i,className:e(`text-sm leading-none font-medium`,r),children:n})}function StepperDescription({children:n,className:r}){let{state:i}=useStepItem();return t(`div`,{"data-slot":`stepper-description`,"data-state":i,className:e(`text-muted-foreground text-sm`,r),children:n})}function StepperNav({children:n,className:r}){let{activeStep:i,orientation:a}=useStepper();return t(`nav`,{"data-slot":`stepper-nav`,"data-state":i,"data-orientation":a,className:e(`group/stepper-nav inline-flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col`,r),children:n})}function StepperPanel({children:n,className:r}){let{activeStep:i}=useStepper();return t(`div`,{"data-slot":`stepper-panel`,"data-state":i,className:e(`w-full`,r),children:n})}function StepperContent({value:n,forceMount:r,children:i,className:a}){let{activeStep:o}=useStepper(),s=n===o;return!r&&!s?null:t(`div`,{"data-slot":`stepper-content`,"data-state":o,className:e(`w-full`,a,!s&&r&&`hidden`),hidden:!s&&r,children:i})}export{StepperItem as a,StepperSeparator as c,useStepItem as d,useStepper as f,StepperIndicator as i,StepperTitle as l,StepperContent as n,StepperNav as o,StepperDescription as r,StepperPanel as s,Stepper as t,StepperTrigger as u};
+//# sourceMappingURL=stepper-BQ-59_UO.js.map

package/dist/stepper-BQ-59_UO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper-BQ-59_UO.js","names":[],"sources":["../src/components/stepper.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  type HTMLAttributes,\n  isValidElement,\n  type ReactElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react'\n\nimport { cn } from '../lib/utils'\n\n// Types\ntype StepperOrientation = 'horizontal' | 'vertical'\ntype StepState = 'active' | 'completed' | 'inactive' | 'loading'\ntype StepIndicators = {\n  active?: React.ReactNode\n  completed?: React.ReactNode\n  inactive?: React.ReactNode\n  loading?: React.ReactNode\n}\n\ninterface StepperContextValue {\n  activeStep: number\n  setActiveStep: (step: number) => void\n  stepsCount: number\n  orientation: StepperOrientation\n  registerTrigger: (node: HTMLButtonElement | null) => void\n  triggerNodes: HTMLButtonElement[]\n  focusNext: (currentIdx: number) => void\n  focusPrev: (currentIdx: number) => void\n  focusFirst: () => void\n  focusLast: () => void\n  indicators: StepIndicators\n}\n\ninterface StepItemContextValue {\n  step: number\n  state: StepState\n  isDisabled: boolean\n  isLoading: boolean\n}\n\nconst StepperContext = createContext<StepperContextValue | undefined>(undefined)\nconst StepItemContext = createContext<StepItemContextValue | undefined>(undefined)\n\nfunction useStepper() {\n  const ctx = useContext(StepperContext)\n  if (!ctx) throw new Error('useStepper must be used within a Stepper')\n  return ctx\n}\n\nfunction useStepItem() {\n  const ctx = useContext(StepItemContext)\n  if (!ctx) throw new Error('useStepItem must be used within a StepperItem')\n  return ctx\n}\n\ninterface StepperProps extends HTMLAttributes<HTMLDivElement> {\n  defaultValue?: number\n  value?: number\n  onValueChange?: (value: number) => void\n  orientation?: StepperOrientation\n  indicators?: StepIndicators\n}\n\nfunction Stepper({\n  defaultValue = 1,\n  value,\n  onValueChange,\n  orientation = 'horizontal',\n  className,\n  children,\n  indicators = {},\n  ...props\n}: StepperProps) {\n  const [activeStep, setActiveStep] = useState(defaultValue)\n  const [triggerNodes, setTriggerNodes] = useState<HTMLButtonElement[]>([])\n\n  // Register/unregister triggers\n  const registerTrigger = useCallback((node: HTMLButtonElement | null) => {\n    setTriggerNodes((prev) => {\n      if (node && !prev.includes(node)) {\n        return [...prev, node]\n      } else if (!node && prev.includes(node!)) {\n        return prev.filter((n) => n !== node)\n      } else {\n        return prev\n      }\n    })\n  }, [])\n\n  const handleSetActiveStep = useCallback(\n    (step: number) => {\n      if (value === undefined) {\n        setActiveStep(step)\n      }\n      onValueChange?.(step)\n    },\n    [value, onValueChange]\n  )\n\n  const currentStep = value ?? activeStep\n\n  // Keyboard navigation logic\n  const focusTrigger = useCallback(\n    (idx: number) => {\n      if (triggerNodes[idx]) triggerNodes[idx].focus()\n    },\n    [triggerNodes]\n  )\n  const focusNext = useCallback(\n    (currentIdx: number) => focusTrigger((currentIdx + 1) % triggerNodes.length),\n    [focusTrigger, triggerNodes]\n  )\n  const focusPrev = useCallback(\n    (currentIdx: number) => focusTrigger((currentIdx - 1 + triggerNodes.length) % triggerNodes.length),\n    [focusTrigger, triggerNodes]\n  )\n  const focusFirst = useCallback(() => focusTrigger(0), [focusTrigger])\n  const focusLast = useCallback(() => focusTrigger(triggerNodes.length - 1), [focusTrigger, triggerNodes])\n\n  // Context value\n  const contextValue = useMemo<StepperContextValue>(\n    () => ({\n      activeStep: currentStep,\n      setActiveStep: handleSetActiveStep,\n      stepsCount: Children.toArray(children).filter(\n        (child): child is ReactElement =>\n          isValidElement(child) && (child.type as { displayName?: string }).displayName === 'StepperItem'\n      ).length,\n      orientation,\n      registerTrigger,\n      focusNext,\n      focusPrev,\n      focusFirst,\n      focusLast,\n      triggerNodes,\n      indicators\n    }),\n    [\n      currentStep,\n      handleSetActiveStep,\n      children,\n      orientation,\n      registerTrigger,\n      triggerNodes,\n      focusFirst,\n      focusLast,\n      focusNext,\n      focusPrev,\n      indicators\n    ]\n  )\n\n  return (\n    <StepperContext.Provider value={contextValue}>\n      <div\n        role=\"tablist\"\n        aria-orientation={orientation}\n        data-slot=\"stepper\"\n        className={cn('w-full', className)}\n        data-orientation={orientation}\n        {...props}\n      >\n        {children}\n      </div>\n    </StepperContext.Provider>\n  )\n}\n\ninterface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  step: number\n  completed?: boolean\n  disabled?: boolean\n  loading?: boolean\n}\n\nfunction StepperItem({\n  step,\n  completed = false,\n  disabled = false,\n  loading = false,\n  className,\n  children,\n  ...props\n}: StepperItemProps) {\n  const { activeStep } = useStepper()\n\n  const state: StepState = completed || step < activeStep ? 'completed' : activeStep === step ? 'active' : 'inactive'\n\n  const isLoading = loading && step === activeStep\n\n  return (\n    <StepItemContext.Provider value={{ step, state, isDisabled: disabled, isLoading }}>\n      <div\n        data-slot=\"stepper-item\"\n        className={cn(\n          'group/step flex items-center justify-center not-last:flex-1 group-data-[orientation=horizontal]/stepper-nav:flex-row group-data-[orientation=vertical]/stepper-nav:flex-col',\n          className\n        )}\n        data-state={state}\n        {...(isLoading ? { 'data-loading': true } : {})}\n        {...props}\n      >\n        {children}\n      </div>\n    </StepItemContext.Provider>\n  )\n}\n\ninterface StepperTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean\n}\n\nfunction StepperTrigger({ asChild = false, className, children, tabIndex, ...props }: StepperTriggerProps) {\n  const { state, isLoading } = useStepItem()\n  const stepperCtx = useStepper()\n  const { setActiveStep, activeStep, registerTrigger, triggerNodes, focusNext, focusPrev, focusFirst, focusLast } =\n    stepperCtx\n  const { step, isDisabled } = useStepItem()\n  const isSelected = activeStep === step\n  const id = `stepper-tab-${step}`\n  const panelId = `stepper-panel-${step}`\n\n  // Register this trigger for keyboard navigation\n  const btnRef = useRef<HTMLButtonElement>(null)\n  useEffect(() => {\n    if (btnRef.current) {\n      registerTrigger(btnRef.current)\n    }\n  }, [registerTrigger])\n\n  // Find our index among triggers for navigation\n  const myIdx = useMemo(() => triggerNodes.findIndex((n: HTMLButtonElement) => n === btnRef.current), [triggerNodes])\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    switch (e.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        e.preventDefault()\n        if (myIdx !== -1 && focusNext) focusNext(myIdx)\n        break\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        e.preventDefault()\n        if (myIdx !== -1 && focusPrev) focusPrev(myIdx)\n        break\n      case 'Home':\n        e.preventDefault()\n        if (focusFirst) focusFirst()\n        break\n      case 'End':\n        e.preventDefault()\n        if (focusLast) focusLast()\n        break\n      case 'Enter':\n      case ' ':\n        e.preventDefault()\n        setActiveStep(step)\n        break\n    }\n  }\n\n  if (asChild) {\n    return (\n      <span data-slot=\"stepper-trigger\" data-state={state} className={className}>\n        {children}\n      </span>\n    )\n  }\n\n  return (\n    <button\n      ref={btnRef}\n      role=\"tab\"\n      id={id}\n      aria-selected={isSelected}\n      aria-controls={panelId}\n      tabIndex={typeof tabIndex === 'number' ? tabIndex : isSelected ? 0 : -1}\n      data-slot=\"stepper-trigger\"\n      data-state={state}\n      data-loading={isLoading}\n      className={cn(\n        'focus-visible:border-ring focus-visible:ring-ring/50 inline-flex cursor-pointer items-center outline-none focus-visible:z-10 focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-60',\n        'gap-2.5 rounded-full',\n        className\n      )}\n      onClick={() => setActiveStep(step)}\n      onKeyDown={handleKeyDown}\n      disabled={isDisabled}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n}\n\nexport type StepperIndicatorProps = React.ComponentProps<'div'>\n\nfunction StepperIndicator({ children, className }: StepperIndicatorProps) {\n  const { state, isLoading } = useStepItem()\n  const { indicators } = useStepper()\n\n  return (\n    <div\n      data-slot=\"stepper-indicator\"\n      data-state={state}\n      className={cn(\n        'border-background bg-accent text-accent-foreground data-[state=completed]:bg-primary data-[state=completed]:text-primary-foreground data-[state=active]:bg-primary data-[state=active]:text-primary-foreground relative flex size-6 shrink-0 items-center justify-center overflow-hidden',\n        'rounded-full text-xs',\n        className\n      )}\n    >\n      <div className=\"absolute\">\n        {indicators &&\n        ((isLoading && indicators.loading) ||\n          (state === 'completed' && indicators.completed) ||\n          (state === 'active' && indicators.active) ||\n          (state === 'inactive' && indicators.inactive))\n          ? (isLoading && indicators.loading) ||\n            (state === 'completed' && indicators.completed) ||\n            (state === 'active' && indicators.active) ||\n            (state === 'inactive' && indicators.inactive)\n          : children}\n      </div>\n    </div>\n  )\n}\n\nexport type StepperSeparatorProps = React.ComponentProps<'div'>\n\nfunction StepperSeparator({ className }: StepperSeparatorProps) {\n  const { state } = useStepItem()\n\n  return (\n    <div\n      data-slot=\"stepper-separator\"\n      data-state={state}\n      className={cn(\n        'bg-muted rounded-sm group-data-[orientation=horizontal]/stepper-nav:h-0.5 group-data-[orientation=vertical]/stepper-nav:h-12 group-data-[orientation=vertical]/stepper-nav:w-0.5 m-0.5 group-data-[orientation=horizontal]/stepper-nav:flex-1',\n        className\n      )}\n    />\n  )\n}\n\nexport type StepperTitleProps = React.ComponentProps<'h3'>\n\nfunction StepperTitle({ children, className }: StepperTitleProps) {\n  const { state } = useStepItem()\n\n  return (\n    <h3 data-slot=\"stepper-title\" data-state={state} className={cn('text-sm leading-none font-medium', className)}>\n      {children}\n    </h3>\n  )\n}\n\nexport type StepperDescriptionProps = React.ComponentProps<'div'>\n\nfunction StepperDescription({ children, className }: StepperDescriptionProps) {\n  const { state } = useStepItem()\n\n  return (\n    <div data-slot=\"stepper-description\" data-state={state} className={cn('text-muted-foreground text-sm', className)}>\n      {children}\n    </div>\n  )\n}\n\nexport type StepperNavProps = React.ComponentProps<'nav'>\n\nfunction StepperNav({ children, className }: StepperNavProps) {\n  const { activeStep, orientation } = useStepper()\n\n  return (\n    <nav\n      data-slot=\"stepper-nav\"\n      data-state={activeStep}\n      data-orientation={orientation}\n      className={cn(\n        'group/stepper-nav inline-flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col',\n        className\n      )}\n    >\n      {children}\n    </nav>\n  )\n}\n\nexport type StepperPanelProps = React.ComponentProps<'div'>\n\nfunction StepperPanel({ children, className }: StepperPanelProps) {\n  const { activeStep } = useStepper()\n\n  return (\n    <div data-slot=\"stepper-panel\" data-state={activeStep} className={cn('w-full', className)}>\n      {children}\n    </div>\n  )\n}\n\ninterface StepperContentProps extends React.ComponentProps<'div'> {\n  value: number\n  forceMount?: boolean\n}\n\nfunction StepperContent({ value, forceMount, children, className }: StepperContentProps) {\n  const { activeStep } = useStepper()\n  const isActive = value === activeStep\n\n  if (!forceMount && !isActive) {\n    return null\n  }\n\n  return (\n    <div\n      data-slot=\"stepper-content\"\n      data-state={activeStep}\n      className={cn('w-full', className, !isActive && forceMount && 'hidden')}\n      hidden={!isActive && forceMount}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport {\n  Stepper,\n  StepperContent,\n  type StepperContentProps,\n  StepperDescription,\n  StepperIndicator,\n  StepperItem,\n  type StepperItemProps,\n  StepperNav,\n  StepperPanel,\n  type StepperProps,\n  StepperSeparator,\n  StepperTitle,\n  StepperTrigger,\n  type StepperTriggerProps,\n  useStepItem,\n  useStepper\n}\n"],"mappings":"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"}

package/dist/stepper-DK5_o7RG.d.ts

@@ -0,0 +1,71 @@
+import { n as __name } from "./rolldown-runtime-Bdj-bS2b.js";
+import { HTMLAttributes } from "react";
+//#region src/components/stepper.d.ts
+type StepperOrientation = 'horizontal' | 'vertical';
+type StepState = 'active' | 'completed' | 'inactive' | 'loading';
+type StepIndicators = {
+  active?: React.ReactNode;
+  completed?: React.ReactNode;
+  inactive?: React.ReactNode;
+  loading?: React.ReactNode;
+};
+interface StepperContextValue {
+  activeStep: number;
+  setActiveStep: (step: number) => void;
+  stepsCount: number;
+  orientation: StepperOrientation;
+  registerTrigger: (node: HTMLButtonElement | null) => void;
+  triggerNodes: HTMLButtonElement[];
+  focusNext: (currentIdx: number) => void;
+  focusPrev: (currentIdx: number) => void;
+  focusFirst: () => void;
+  focusLast: () => void;
+  indicators: StepIndicators;
+}
+interface StepItemContextValue {
+  step: number;
+  state: StepState;
+  isDisabled: boolean;
+  isLoading: boolean;
+}
+declare function useStepper(): StepperContextValue;
+declare function useStepItem(): StepItemContextValue;
+interface StepperProps extends HTMLAttributes<HTMLDivElement> {
+  defaultValue?: number;
+  value?: number;
+  onValueChange?: (value: number) => void;
+  orientation?: StepperOrientation;
+  indicators?: StepIndicators;
+}
+declare function Stepper({ defaultValue, value, onValueChange, orientation, className, children, indicators, ...props }: StepperProps): import("react").JSX.Element;
+interface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {
+  step: number;
+  completed?: boolean;
+  disabled?: boolean;
+  loading?: boolean;
+}
+declare function StepperItem({ step, completed, disabled, loading, className, children, ...props }: StepperItemProps): import("react").JSX.Element;
+interface StepperTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  asChild?: boolean;
+}
+declare function StepperTrigger({ asChild, className, children, tabIndex, ...props }: StepperTriggerProps): import("react").JSX.Element;
+type StepperIndicatorProps = React.ComponentProps<'div'>;
+declare function StepperIndicator({ children, className }: StepperIndicatorProps): import("react").JSX.Element;
+type StepperSeparatorProps = React.ComponentProps<'div'>;
+declare function StepperSeparator({ className }: StepperSeparatorProps): import("react").JSX.Element;
+type StepperTitleProps = React.ComponentProps<'h3'>;
+declare function StepperTitle({ children, className }: StepperTitleProps): import("react").JSX.Element;
+type StepperDescriptionProps = React.ComponentProps<'div'>;
+declare function StepperDescription({ children, className }: StepperDescriptionProps): import("react").JSX.Element;
+type StepperNavProps = React.ComponentProps<'nav'>;
+declare function StepperNav({ children, className }: StepperNavProps): import("react").JSX.Element;
+type StepperPanelProps = React.ComponentProps<'div'>;
+declare function StepperPanel({ children, className }: StepperPanelProps): import("react").JSX.Element;
+interface StepperContentProps extends React.ComponentProps<'div'> {
+  value: number;
+  forceMount?: boolean;
+}
+declare function StepperContent({ value, forceMount, children, className }: StepperContentProps): import("react").JSX.Element | null;
+//#endregion
+export { useStepper as S, StepperTitle as _, StepperDescriptionProps as a, StepperTriggerProps as b, StepperItem as c, StepperNavProps as d, StepperPanel as f, StepperSeparatorProps as g, StepperSeparator as h, StepperDescription as i, StepperItemProps as l, StepperProps as m, StepperContent as n, StepperIndicator as o, StepperPanelProps as p, StepperContentProps as r, StepperIndicatorProps as s, Stepper as t, StepperNav as u, StepperTitleProps as v, useStepItem as x, StepperTrigger as y };
+//# sourceMappingURL=stepper-DK5_o7RG.d.ts.map

package/dist/switch-DjdOGECT.js

@@ -0,0 +1,2 @@
+import{n as e}from"./rolldown-runtime-Bdj-bS2b.js";import{t}from"./utils-DP9KtG7I.js";import{t as n}from"./label-BQDEej_c.js";import{d as r}from"./field-DzR-XrO7.js";import{Switch as i}from"radix-ui";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{cva as s}from"class-variance-authority";import{useId as c}from"react";const l={primary:`[--switch-checked:var(--primary)]`,brand:`[--switch-checked:var(--brand)]`,gray:`[--switch-checked:var(--gray)]`,zinc:`[--switch-checked:var(--zinc)]`,red:`[--switch-checked:var(--red)]`,yellow:`[--switch-checked:var(--yellow)]`,blue:`[--switch-checked:var(--blue)]`,indigo:`[--switch-checked:var(--indigo)]`,pink:`[--switch-checked:var(--pink)]`,green:`[--switch-checked:var(--green)]`},u=s(``,{variants:{size:{sm:`text-sm`,md:`text-base`,lg:`text-lg`}},defaultVariants:{size:`md`}});function Switch$1({className:e,color:s=`green`,id:d,label:f,labelProps:p,size:m=`md`,...h}){let g=c(),_=r(d),v=f!==void 0,y=_??(v?g:void 0),{className:b,...x}=p??{},S=a(i.Root,{"data-slot":`switch`,"data-color":s,"data-size":m,id:y,className:t(`peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none`,`after:absolute after:-inset-x-3 after:-inset-y-2`,`focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50`,`aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20`,`data-[size=lg]:h-5.5 data-[size=lg]:w-12 data-[size=md]:h-5 data-[size=md]:w-10.5 data-[size=sm]:h-4 data-[size=sm]:w-8.5`,`dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40`,`data-checked:bg-(--switch-checked) data-unchecked:bg-input dark:data-unchecked:bg-input/80`,`data-disabled:cursor-not-allowed data-disabled:opacity-50`,l[s],e),...h,children:a(i.Thumb,{"data-slot":`switch-thumb`,className:t(`pointer-events-none flex items-center justify-center rounded-full bg-background ring-0 transition-transform`,`group-data-[size=lg]/switch:size-4.5 group-data-[size=md]/switch:size-4 group-data-[size=sm]/switch:size-3`,`group-data-[size=lg]/switch:data-checked:translate-x-7`,`group-data-[size=md]/switch:data-checked:translate-x-6`,`group-data-[size=sm]/switch:data-checked:translate-x-5`,`group-data-[size=lg]/switch:data-unchecked:translate-x-0.5`,`group-data-[size=md]/switch:data-unchecked:translate-x-0.5`,`group-data-[size=sm]/switch:data-unchecked:translate-x-0.5`,`dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground`),children:a(`span`,{"data-slot":`switch-thumb-indicator`,className:t(`rounded-full transition-colors`,`group-data-[size=lg]/switch:size-2.5 group-data-[size=md]/switch:size-2 group-data-[size=sm]/switch:size-1.5`,`group-data-checked/switch:bg-(--switch-checked) group-data-unchecked/switch:bg-input`,`group-data-unchecked/switch:dark:bg-input/80`)})})});return v?o(`div`,{"data-slot":`switch-field`,className:`flex items-center gap-2`,children:[S,a(n,{...x,htmlFor:y,className:t(u({size:m}),b),children:f})]}):S}e(Switch$1,`Switch`);export{Switch$1 as t};
+//# sourceMappingURL=switch-DjdOGECT.js.map

package/dist/switch-DjdOGECT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-DjdOGECT.js","names":["Switch","SwitchPrimitive","Label"],"sources":["../src/components/switch.tsx"],"sourcesContent":["import type * as React from 'react'\nimport { type ReactNode, useId } from 'react'\n\nimport { cva } from 'class-variance-authority'\nimport { Switch as SwitchPrimitive } from 'radix-ui'\n\nimport type { UIColor } from '../lib/color'\nimport { cn } from '../lib/utils'\nimport { useFieldControlId } from './field'\nimport { Label, type LabelProps } from './label'\n\nexport type SwitchProps = React.ComponentProps<typeof SwitchPrimitive.Root> & {\n  color?: UIColor\n  label?: ReactNode\n  labelProps?: Omit<LabelProps, 'children' | 'htmlFor'>\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst switchColorVariants: Record<UIColor, string> = {\n  primary: '[--switch-checked:var(--primary)]',\n  brand: '[--switch-checked:var(--brand)]',\n  gray: '[--switch-checked:var(--gray)]',\n  zinc: '[--switch-checked:var(--zinc)]',\n  red: '[--switch-checked:var(--red)]',\n  yellow: '[--switch-checked:var(--yellow)]',\n  blue: '[--switch-checked:var(--blue)]',\n  indigo: '[--switch-checked:var(--indigo)]',\n  pink: '[--switch-checked:var(--pink)]',\n  green: '[--switch-checked:var(--green)]'\n}\n\nconst switchLabelVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg'\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nfunction Switch({ className, color = 'green', id, label, labelProps, size = 'md', ...props }: SwitchProps) {\n  const generatedId = useId()\n  const fieldControlId = useFieldControlId(id)\n  const hasLabel = label !== undefined\n  const resolvedId = fieldControlId ?? (hasLabel ? generatedId : undefined)\n  const { className: labelClassName, ...labelRootProps } = labelProps ?? {}\n\n  const switchControl = (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-color={color}\n      data-size={size}\n      id={resolvedId}\n      className={cn(\n        'peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none',\n        'after:absolute after:-inset-x-3 after:-inset-y-2',\n        'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50',\n        'aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20',\n        'data-[size=lg]:h-5.5 data-[size=lg]:w-12 data-[size=md]:h-5 data-[size=md]:w-10.5 data-[size=sm]:h-4 data-[size=sm]:w-8.5',\n        'dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',\n        'data-checked:bg-(--switch-checked) data-unchecked:bg-input dark:data-unchecked:bg-input/80',\n        'data-disabled:cursor-not-allowed data-disabled:opacity-50',\n        switchColorVariants[color],\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          'pointer-events-none flex items-center justify-center rounded-full bg-background ring-0 transition-transform',\n          'group-data-[size=lg]/switch:size-4.5 group-data-[size=md]/switch:size-4 group-data-[size=sm]/switch:size-3',\n          'group-data-[size=lg]/switch:data-checked:translate-x-7',\n          'group-data-[size=md]/switch:data-checked:translate-x-6',\n          'group-data-[size=sm]/switch:data-checked:translate-x-5',\n          'group-data-[size=lg]/switch:data-unchecked:translate-x-0.5',\n          'group-data-[size=md]/switch:data-unchecked:translate-x-0.5',\n          'group-data-[size=sm]/switch:data-unchecked:translate-x-0.5',\n          'dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground'\n        )}\n      >\n        <span\n          data-slot=\"switch-thumb-indicator\"\n          className={cn(\n            'rounded-full transition-colors',\n            'group-data-[size=lg]/switch:size-2.5 group-data-[size=md]/switch:size-2 group-data-[size=sm]/switch:size-1.5',\n            'group-data-checked/switch:bg-(--switch-checked) group-data-unchecked/switch:bg-input',\n            'group-data-unchecked/switch:dark:bg-input/80'\n          )}\n        />\n      </SwitchPrimitive.Thumb>\n    </SwitchPrimitive.Root>\n  )\n\n  if (!hasLabel) {\n    return switchControl\n  }\n\n  return (\n    <div data-slot=\"switch-field\" className=\"flex items-center gap-2\">\n      {switchControl}\n      <Label {...labelRootProps} htmlFor={resolvedId} className={cn(switchLabelVariants({ size }), labelClassName)}>\n        {label}\n      </Label>\n    </div>\n  )\n}\n\nexport { Switch }\n"],"mappings":"uUAkBA,MAAM,EAA+C,CACnD,QAAS,oCACT,MAAO,kCACP,KAAM,iCACN,KAAM,iCACN,IAAK,gCACL,OAAQ,mCACR,KAAM,iCACN,OAAQ,mCACR,KAAM,iCACN,MAAO,iCACT,EAEM,EAAsB,EAAI,GAAI,CAClC,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,YACJ,GAAI,SACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAED,SAASA,SAAO,CAAE,YAAW,QAAQ,QAAS,KAAI,QAAO,aAAY,OAAO,KAAM,GAAG,GAAsB,CACzG,IAAM,EAAc,EAAM,EACpB,EAAiB,EAAkB,CAAE,EACrC,EAAW,IAAU,IAAA,GACrB,EAAa,IAAmB,EAAW,EAAc,IAAA,IACzD,CAAE,UAAW,EAAgB,GAAG,GAAmB,GAAc,CAAC,EAElE,EACJ,EAACC,EAAgB,KAAjB,CACE,YAAU,SACV,aAAY,EACZ,YAAW,EACX,GAAI,EACJ,UAAW,EACT,kIACA,mDACA,4EACA,uFACA,4HACA,gFACA,6FACA,4DACA,EAAoB,GACpB,CACF,EACA,GAAI,EAEJ,SAAA,EAACA,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EACT,8GACA,6GACA,yDACA,yDACA,yDACA,6DACA,6DACA,6DACA,2EACF,EAEA,SAAA,EAAC,OAAD,CACE,YAAU,yBACV,UAAW,EACT,iCACA,+GACA,uFACA,8CACF,CACD,CAAA,CACoB,CAAA,CACH,CAAA,EAOxB,OAJK,EAKH,EAAC,MAAD,CAAK,YAAU,eAAe,UAAU,0BAAxC,SAAA,CACG,EACD,EAACC,EAAD,CAAO,GAAI,EAAgB,QAAS,EAAY,UAAW,EAAG,EAAoB,CAAE,MAAK,CAAC,EAAG,CAAc,EACxG,SAAA,CACI,CAAA,CACJ,IATE,CAWX"}

package/dist/switch-OtBakZHc.d.ts

@@ -0,0 +1,17 @@
+import { n as __name } from "./rolldown-runtime-Bdj-bS2b.js";
+import { t as UIColor } from "./color-DJvQFSl5.js";
+import { n as LabelProps } from "./label-KZl6I5Ey.js";
+import { Switch } from "radix-ui";
+import * as React from "react";
+import { ReactNode } from "react";
+//#region src/components/switch.d.ts
+type SwitchProps = React.ComponentProps<typeof Switch.Root> & {
+  color?: UIColor;
+  label?: ReactNode;
+  labelProps?: Omit<LabelProps, 'children' | 'htmlFor'>;
+  size?: 'sm' | 'md' | 'lg';
+};
+declare function Switch$1({ className, color, id, label, labelProps, size, ...props }: SwitchProps): React.JSX.Element;
+//#endregion
+export { SwitchProps as n, Switch$1 as t };
+//# sourceMappingURL=switch-OtBakZHc.d.ts.map

package/dist/table-CuE0Aenj.js

@@ -0,0 +1,2 @@
+import"./rolldown-runtime-Bdj-bS2b.js";import{t as e}from"./utils-DP9KtG7I.js";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(`w-full caption-bottom text-sm`,{variants:{variant:{line:``,outline:e(`rounded-lg border border-separate border-spacing-0`,`[&_thead_th]:border-b`,`[&_tbody_tr:not(:last-child)>td]:border-b`)}},defaultVariants:{variant:`line`}});function TableContainer({className:n,minWidth:r,style:i,...a}){return t(`div`,{"data-slot":`table-container`,className:e(`relative w-full overflow-x-auto`,`has-[>table[data-variant=outline]]:rounded-lg has-[>table[data-variant=outline]]:border`,`[&>table[data-variant=outline]]:rounded-none [&>table[data-variant=outline]]:border-0`,n),style:r===void 0?i:{minWidth:r,...i},...a})}function Table({className:n,variant:i=`line`,striped:a=!0,stickyHeader:o=!1,...s}){return t(`table`,{"data-slot":`table`,"data-variant":i,"data-striped":a?`true`:`false`,"data-sticky-header":o?`true`:`false`,className:e(r({variant:i}),`data-[striped=true]:[&_tbody_tr:nth-child(even):not([data-state=selected]):not(:hover)]:bg-muted/50`,`data-[sticky-header=true]:[&_thead]:sticky data-[sticky-header=true]:[&_thead]:top-0 data-[sticky-header=true]:[&_thead]:z-10 data-[sticky-header=true]:[&_thead]:bg-background`,n),...s})}function TableHeader({className:n,...r}){return t(`thead`,{"data-slot":`table-header`,className:e(`[&_tr]:border-b`,n),...r})}function TableBody({className:n,...r}){return t(`tbody`,{"data-slot":`table-body`,className:e(`[&_tr:last-child]:border-0`,n),...r})}function TableFooter({className:n,...r}){return t(`tfoot`,{"data-slot":`table-footer`,className:e(`border-t bg-muted/50 font-medium [&>tr]:last:border-b-0`,n),...r})}function TableRow({className:n,...r}){return t(`tr`,{"data-slot":`table-row`,className:e(`border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted`,n),...r})}function TableHead({className:n,...r}){return t(`th`,{"data-slot":`table-head`,className:e(`h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground has-[[role=checkbox]]:pr-0`,n),...r})}function TableCell({className:n,...r}){return t(`td`,{"data-slot":`table-cell`,className:e(`p-2 align-middle whitespace-nowrap has-[[role=checkbox]]:pr-0`,n),...r})}function TableCaption({className:n,...r}){return t(`caption`,{"data-slot":`table-caption`,className:e(`mt-4 text-sm text-muted-foreground`,n),...r})}export{TableContainer as a,TableHeader as c,TableCell as i,TableRow as l,TableBody as n,TableFooter as o,TableCaption as r,TableHead as s,Table as t,r as u};
+//# sourceMappingURL=table-CuE0Aenj.js.map

package/dist/table-CuE0Aenj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-CuE0Aenj.js","names":[],"sources":["../src/components/table.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\n\nexport type TableContainerProps = React.ComponentProps<'div'> & {\n  minWidth?: number | string\n}\n\nconst tableVariants = cva('w-full caption-bottom text-sm', {\n  variants: {\n    variant: {\n      line: '',\n      outline: cn(\n        'rounded-lg border border-separate border-spacing-0',\n        '[&_thead_th]:border-b',\n        '[&_tbody_tr:not(:last-child)>td]:border-b'\n      )\n    }\n  },\n  defaultVariants: {\n    variant: 'line'\n  }\n})\n\nexport type TableProps = React.ComponentProps<'table'> &\n  VariantProps<typeof tableVariants> & {\n    striped?: boolean\n    stickyHeader?: boolean\n  }\n\nexport type TableHeaderProps = React.ComponentProps<'thead'>\n\nexport type TableBodyProps = React.ComponentProps<'tbody'>\n\nexport type TableFooterProps = React.ComponentProps<'tfoot'>\n\nexport type TableRowProps = React.ComponentProps<'tr'>\n\nexport type TableHeadProps = React.ComponentProps<'th'>\n\nexport type TableCellProps = React.ComponentProps<'td'>\n\nexport type TableCaptionProps = React.ComponentProps<'caption'>\n\nfunction TableContainer({ className, minWidth, style, ...props }: TableContainerProps) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className={cn(\n        'relative w-full overflow-x-auto',\n        'has-[>table[data-variant=outline]]:rounded-lg has-[>table[data-variant=outline]]:border',\n        '[&>table[data-variant=outline]]:rounded-none [&>table[data-variant=outline]]:border-0',\n        className\n      )}\n      style={minWidth !== undefined ? { minWidth, ...style } : style}\n      {...props}\n    />\n  )\n}\n\nfunction Table({ className, variant = 'line', striped = true, stickyHeader = false, ...props }: TableProps) {\n  return (\n    <table\n      data-slot=\"table\"\n      data-variant={variant}\n      data-striped={striped ? 'true' : 'false'}\n      data-sticky-header={stickyHeader ? 'true' : 'false'}\n      className={cn(\n        tableVariants({ variant }),\n        'data-[striped=true]:[&_tbody_tr:nth-child(even):not([data-state=selected]):not(:hover)]:bg-muted/50',\n        'data-[sticky-header=true]:[&_thead]:sticky data-[sticky-header=true]:[&_thead]:top-0 data-[sticky-header=true]:[&_thead]:z-10 data-[sticky-header=true]:[&_thead]:bg-background',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHeader({ className, ...props }: TableHeaderProps) {\n  return <thead data-slot=\"table-header\" className={cn('[&_tr]:border-b', className)} {...props} />\n}\n\nfunction TableBody({ className, ...props }: TableBodyProps) {\n  return <tbody data-slot=\"table-body\" className={cn('[&_tr:last-child]:border-0', className)} {...props} />\n}\n\nfunction TableFooter({ className, ...props }: TableFooterProps) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: TableRowProps) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn('border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({ className, ...props }: TableHeadProps) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        'h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground has-[[role=checkbox]]:pr-0',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({ className, ...props }: TableCellProps) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn('p-2 align-middle whitespace-nowrap has-[[role=checkbox]]:pr-0', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({ className, ...props }: TableCaptionProps) {\n  return (\n    <caption data-slot=\"table-caption\" className={cn('mt-4 text-sm text-muted-foreground', className)} {...props} />\n  )\n}\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableContainer,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n  tableVariants\n}\n"],"mappings":"sKAUA,MAAM,EAAgB,EAAI,gCAAiC,CACzD,SAAU,CACR,QAAS,CACP,KAAM,GACN,QAAS,EACP,qDACA,wBACA,2CACF,CACF,CACF,EACA,gBAAiB,CACf,QAAS,MACX,CACF,CAAC,EAsBD,SAAS,eAAe,CAAE,YAAW,WAAU,QAAO,GAAG,GAA8B,CACrF,OACE,EAAC,MAAD,CACE,YAAU,kBACV,UAAW,EACT,kCACA,0FACA,wFACA,CACF,EACA,MAAO,IAAa,IAAA,GAAqC,EAAzB,CAAE,WAAU,GAAG,CAAM,EACrD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,MAAM,CAAE,YAAW,UAAU,OAAQ,UAAU,GAAM,eAAe,GAAO,GAAG,GAAqB,CAC1G,OACE,EAAC,QAAD,CACE,YAAU,QACV,eAAc,EACd,eAAc,EAAU,OAAS,QACjC,qBAAoB,EAAe,OAAS,QAC5C,UAAW,EACT,EAAc,CAAE,SAAQ,CAAC,EACzB,sGACA,kLACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,YAAY,CAAE,YAAW,GAAG,GAA2B,CAC9D,OAAO,EAAC,QAAD,CAAO,YAAU,eAAe,UAAW,EAAG,kBAAmB,CAAS,EAAG,GAAI,CAAQ,CAAA,CAClG,CAEA,SAAS,UAAU,CAAE,YAAW,GAAG,GAAyB,CAC1D,OAAO,EAAC,QAAD,CAAO,YAAU,aAAa,UAAW,EAAG,6BAA8B,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC3G,CAEA,SAAS,YAAY,CAAE,YAAW,GAAG,GAA2B,CAC9D,OACE,EAAC,QAAD,CACE,YAAU,eACV,UAAW,EAAG,0DAA2D,CAAS,EAClF,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,SAAS,CAAE,YAAW,GAAG,GAAwB,CACxD,OACE,EAAC,KAAD,CACE,YAAU,YACV,UAAW,EAAG,8EAA+E,CAAS,EACtG,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,UAAU,CAAE,YAAW,GAAG,GAAyB,CAC1D,OACE,EAAC,KAAD,CACE,YAAU,aACV,UAAW,EACT,4GACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,UAAU,CAAE,YAAW,GAAG,GAAyB,CAC1D,OACE,EAAC,KAAD,CACE,YAAU,aACV,UAAW,EAAG,gEAAiE,CAAS,EACxF,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,aAAa,CAAE,YAAW,GAAG,GAA4B,CAChE,OACE,EAAC,UAAD,CAAS,YAAU,gBAAgB,UAAW,EAAG,qCAAsC,CAAS,EAAG,GAAI,CAAQ,CAAA,CAEnH"}

package/dist/table-qIAtG7Y5.d.ts

@@ -0,0 +1,33 @@
+import { n as __name } from "./rolldown-runtime-Bdj-bS2b.js";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+//#region src/components/table.d.ts
+type TableContainerProps = React.ComponentProps<'div'> & {
+  minWidth?: number | string;
+};
+declare const tableVariants: (props?: ({
+  variant?: "line" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TableProps = React.ComponentProps<'table'> & VariantProps<typeof tableVariants> & {
+  striped?: boolean;
+  stickyHeader?: boolean;
+};
+type TableHeaderProps = React.ComponentProps<'thead'>;
+type TableBodyProps = React.ComponentProps<'tbody'>;
+type TableFooterProps = React.ComponentProps<'tfoot'>;
+type TableRowProps = React.ComponentProps<'tr'>;
+type TableHeadProps = React.ComponentProps<'th'>;
+type TableCellProps = React.ComponentProps<'td'>;
+type TableCaptionProps = React.ComponentProps<'caption'>;
+declare function TableContainer({ className, minWidth, style, ...props }: TableContainerProps): React.JSX.Element;
+declare function Table({ className, variant, striped, stickyHeader, ...props }: TableProps): React.JSX.Element;
+declare function TableHeader({ className, ...props }: TableHeaderProps): React.JSX.Element;
+declare function TableBody({ className, ...props }: TableBodyProps): React.JSX.Element;
+declare function TableFooter({ className, ...props }: TableFooterProps): React.JSX.Element;
+declare function TableRow({ className, ...props }: TableRowProps): React.JSX.Element;
+declare function TableHead({ className, ...props }: TableHeadProps): React.JSX.Element;
+declare function TableCell({ className, ...props }: TableCellProps): React.JSX.Element;
+declare function TableCaption({ className, ...props }: TableCaptionProps): React.JSX.Element;
+//#endregion
+export { TableRow as _, TableCaptionProps as a, TableContainer as c, TableFooterProps as d, TableHead as f, TableProps as g, TableHeaderProps as h, TableCaption as i, TableContainerProps as l, TableHeader as m, TableBody as n, TableCell as o, TableHeadProps as p, TableBodyProps as r, TableCellProps as s, Table as t, TableFooter as u, TableRowProps as v, tableVariants as y };
+//# sourceMappingURL=table-qIAtG7Y5.d.ts.map

package/dist/tabs-BgWxTTah.d.ts

@@ -0,0 +1,21 @@
+import { n as __name } from "./rolldown-runtime-Bdj-bS2b.js";
+import { Tabs } from "radix-ui";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+//#region src/components/tabs.d.ts
+type TabsProps = React.ComponentProps<typeof Tabs.Root>;
+declare function Tabs$1({ className, orientation, ...props }: TabsProps): React.JSX.Element;
+declare const tabsListVariants: (props?: ({
+  variant?: "enclosed" | "line" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TabsListProps = React.ComponentProps<typeof Tabs.List> & VariantProps<typeof tabsListVariants> & {
+  grow?: boolean;
+};
+type TabsTriggerProps = React.ComponentProps<typeof Tabs.Trigger>;
+type TabsContentProps = React.ComponentProps<typeof Tabs.Content>;
+declare function TabsList({ className, variant, grow, ...props }: TabsListProps): React.JSX.Element;
+declare function TabsTrigger({ className, ...props }: TabsTriggerProps): React.JSX.Element;
+declare function TabsContent({ className, ...props }: TabsContentProps): React.JSX.Element;
+//#endregion
+export { TabsListProps as a, TabsTriggerProps as c, TabsList as i, tabsListVariants as l, TabsContent as n, TabsProps as o, TabsContentProps as r, TabsTrigger as s, Tabs$1 as t };
+//# sourceMappingURL=tabs-BgWxTTah.d.ts.map

package/dist/tabs-DK9-RHkP.js

@@ -0,0 +1,2 @@
+import{n as e}from"./rolldown-runtime-Bdj-bS2b.js";import{t}from"./utils-DP9KtG7I.js";import{Tabs as n}from"radix-ui";import{jsx as r}from"react/jsx-runtime";import{cva as i}from"class-variance-authority";function Tabs$1({className:e,orientation:i=`horizontal`,...a}){return r(n.Root,{"data-slot":`tabs`,"data-orientation":i,className:t(`group/tabs flex gap-2 data-horizontal:flex-col`,e),...a})}e(Tabs$1,`Tabs`);const a=i(`group/tabs-list inline-flex items-center justify-start rounded-lg h-fit group-data-horizontal/tabs:flex-wrap group-data-horizontal/tabs:w-full group-data-vertical/tabs:w-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none`,{variants:{variant:{enclosed:`bg-muted p-0.75`,line:`gap-1 bg-transparent group-data-horizontal/tabs:border-b group-data-horizontal/tabs:border-b-border group-data-vertical/tabs:border-r group-data-vertical/tabs:border-r-border`}},defaultVariants:{variant:`line`}});function TabsList({className:e,variant:i=`line`,grow:o=!1,...s}){return r(n.List,{"data-slot":`tabs-list`,"data-variant":i,"data-grow":o,className:t(a({variant:i}),e),...s})}function TabsTrigger({className:e,...i}){return r(n.Trigger,{"data-slot":`tabs-trigger`,className:t(`relative inline-flex items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-normal whitespace-nowrap text-foreground transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:bg-muted focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=enclosed]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,`group-data-horizontal/tabs:group-data-[grow=true]/tabs-list:flex-1`,`group-data-[variant=line]/tabs-list:bg-transparent group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:rounded-t-[8px] group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:rounded-b-none group-data-vertical/tabs:group-data-[variant=line]/tabs-list:rounded-l-[8px] group-data-vertical/tabs:group-data-[variant=line]/tabs-list:rounded-r-none`,`group-data-[variant=line]/tabs-list:h-8 group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:data-active:border-b-primary-500 group-data-vertical/tabs:group-data-[variant=line]/tabs-list:data-active:border-r-primary-500`,`group-data-[variant=enclosed]/tabs-list:h-[calc(100%-1px)] group-data-[variant=enclosed]/tabs-list:data-active:bg-background group-data-[variant=enclosed]/tabs-list:data-active:hover:bg-muted dark:group-data-[variant=enclosed]/tabs-list:data-active:border-input dark:group-data-[variant=enclosed]/tabs-list:data-active:bg-input/30`,e),...i})}function TabsContent({className:e,...i}){return r(n.Content,{"data-slot":`tabs-content`,className:t(`flex-1 text-sm outline-none`,e),...i})}export{a,TabsTrigger as i,TabsContent as n,TabsList as r,Tabs$1 as t};
+//# sourceMappingURL=tabs-DK9-RHkP.js.map

package/dist/tabs-DK9-RHkP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-DK9-RHkP.js","names":["Tabs","TabsPrimitive"],"sources":["../src/components/tabs.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { Tabs as TabsPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type TabsProps = React.ComponentProps<typeof TabsPrimitive.Root>\n\nfunction Tabs({ className, orientation = 'horizontal', ...props }: TabsProps) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      data-orientation={orientation}\n      className={cn('group/tabs flex gap-2 data-horizontal:flex-col', className)}\n      {...props}\n    />\n  )\n}\n\nconst tabsListVariants = cva(\n  'group/tabs-list inline-flex items-center justify-start rounded-lg h-fit group-data-horizontal/tabs:flex-wrap group-data-horizontal/tabs:w-full group-data-vertical/tabs:w-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none',\n  {\n    variants: {\n      variant: {\n        enclosed: 'bg-muted p-0.75',\n        line: 'gap-1 bg-transparent group-data-horizontal/tabs:border-b group-data-horizontal/tabs:border-b-border group-data-vertical/tabs:border-r group-data-vertical/tabs:border-r-border'\n      }\n    },\n    defaultVariants: {\n      variant: 'line'\n    }\n  }\n)\n\nexport type TabsListProps = React.ComponentProps<typeof TabsPrimitive.List> &\n  VariantProps<typeof tabsListVariants> & {\n    grow?: boolean\n  }\n\nexport type TabsTriggerProps = React.ComponentProps<typeof TabsPrimitive.Trigger>\n\nexport type TabsContentProps = React.ComponentProps<typeof TabsPrimitive.Content>\n\nfunction TabsList({ className, variant = 'line', grow = false, ...props }: TabsListProps) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      data-grow={grow}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({ className, ...props }: TabsTriggerProps) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"relative inline-flex items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-normal whitespace-nowrap text-foreground transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:bg-muted focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=enclosed]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        'group-data-horizontal/tabs:group-data-[grow=true]/tabs-list:flex-1',\n        'group-data-[variant=line]/tabs-list:bg-transparent group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:rounded-t-[8px] group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:rounded-b-none group-data-vertical/tabs:group-data-[variant=line]/tabs-list:rounded-l-[8px] group-data-vertical/tabs:group-data-[variant=line]/tabs-list:rounded-r-none',\n        'group-data-[variant=line]/tabs-list:h-8 group-data-horizontal/tabs:group-data-[variant=line]/tabs-list:data-active:border-b-primary-500 group-data-vertical/tabs:group-data-[variant=line]/tabs-list:data-active:border-r-primary-500',\n        'group-data-[variant=enclosed]/tabs-list:h-[calc(100%-1px)] group-data-[variant=enclosed]/tabs-list:data-active:bg-background group-data-[variant=enclosed]/tabs-list:data-active:hover:bg-muted dark:group-data-[variant=enclosed]/tabs-list:data-active:border-input dark:group-data-[variant=enclosed]/tabs-list:data-active:bg-input/30',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({ className, ...props }: TabsContentProps) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('flex-1 text-sm outline-none', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants }\n"],"mappings":"6MASA,SAASA,OAAK,CAAE,YAAW,cAAc,aAAc,GAAG,GAAoB,CAC5E,OACE,EAACC,EAAc,KAAf,CACE,YAAU,OACV,mBAAkB,EAClB,UAAW,EAAG,iDAAkD,CAAS,EACzE,GAAI,CACL,CAAA,CAEL,kBAEA,MAAM,EAAmB,EACvB,mPACA,CACE,SAAU,CACR,QAAS,CACP,SAAU,kBACV,KAAM,gLACR,CACF,EACA,gBAAiB,CACf,QAAS,MACX,CACF,CACF,EAWA,SAAS,SAAS,CAAE,YAAW,UAAU,OAAQ,OAAO,GAAO,GAAG,GAAwB,CACxF,OACE,EAACA,EAAc,KAAf,CACE,YAAU,YACV,eAAc,EACd,YAAW,EACX,UAAW,EAAG,EAAiB,CAAE,SAAQ,CAAC,EAAG,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,YAAY,CAAE,YAAW,GAAG,GAA2B,CAC9D,OACE,EAACA,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EACT,uoBACA,qEACA,2WACA,wOACA,6UACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,YAAY,CAAE,YAAW,GAAG,GAA2B,CAC9D,OACE,EAACA,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL"}

package/dist/text-CKFZ9Xsj.d.ts

@@ -0,0 +1,14 @@
+import { n as __name } from "./rolldown-runtime-Bdj-bS2b.js";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+//#region src/components/text.d.ts
+declare const textVariants: (props?: ({
+  size?: "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TextProps = React.ComponentProps<'p'> & VariantProps<typeof textVariants> & {
+  asChild?: boolean;
+};
+declare function Text({ className, size, asChild, ...props }: TextProps): React.JSX.Element;
+//#endregion
+export { TextProps as n, textVariants as r, Text as t };
+//# sourceMappingURL=text-CKFZ9Xsj.d.ts.map

package/dist/text-Kg1xuinT.js

@@ -0,0 +1,2 @@
+import"./rolldown-runtime-Bdj-bS2b.js";import{t as e}from"./utils-DP9KtG7I.js";import{Slot as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";const i=r(`text-foreground font-normal`,{variants:{size:{xs:`text-xs`,sm:`text-sm`,md:`text-base`,lg:`text-lg`,xl:`text-xl`}},defaultVariants:{size:`md`}});function Text({className:r,size:a=`md`,asChild:o=!1,...s}){return n(o?t.Root:`p`,{"data-slot":`text`,"data-size":a,className:e(i({size:a}),r),...s})}export{i as n,Text as t};
+//# sourceMappingURL=text-Kg1xuinT.js.map

package/dist/text-Kg1xuinT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-Kg1xuinT.js","names":[],"sources":["../src/components/text.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { Slot } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nconst textVariants = cva('text-foreground font-normal', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg',\n      xl: 'text-xl'\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nexport type TextProps = React.ComponentProps<'p'> &\n  VariantProps<typeof textVariants> & {\n    asChild?: boolean\n  }\n\nfunction Text({ className, size = 'md', asChild = false, ...props }: TextProps) {\n  const Comp = asChild ? Slot.Root : 'p'\n\n  return <Comp data-slot=\"text\" data-size={size} className={cn(textVariants({ size }), className)} {...props} />\n}\n\nexport { Text, textVariants }\n"],"mappings":"sMAOA,MAAM,EAAe,EAAI,8BAA+B,CACtD,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,YACJ,GAAI,UACJ,GAAI,SACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAOD,SAAS,KAAK,CAAE,YAAW,OAAO,KAAM,UAAU,GAAO,GAAG,GAAoB,CAG9E,OAAO,EAFM,EAAU,EAAK,KAAO,IAE5B,CAAM,YAAU,OAAO,YAAW,EAAM,UAAW,EAAG,EAAa,CAAE,MAAK,CAAC,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC/G"}

package/dist/textarea-C8zrf9Rz.js

@@ -0,0 +1,2 @@
+import"./rolldown-runtime-Bdj-bS2b.js";import{t as e}from"./utils-DP9KtG7I.js";import{d as t}from"./field-DzR-XrO7.js";import{jsx as n}from"react/jsx-runtime";function Textarea({className:r,id:i,...a}){return n(`textarea`,{id:t(i),"data-slot":`textarea`,className:e(`flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40`,r),...a})}export{Textarea as t};
+//# sourceMappingURL=textarea-C8zrf9Rz.js.map

package/dist/textarea-C8zrf9Rz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-C8zrf9Rz.js","names":[],"sources":["../src/components/textarea.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cn } from '../lib/utils'\nimport { useFieldControlId } from './field'\n\nexport type TextareaProps = React.ComponentProps<'textarea'>\n\nfunction Textarea({ className, id, ...props }: TextareaProps) {\n  const fieldControlId = useFieldControlId(id)\n\n  return (\n    <textarea\n      id={fieldControlId}\n      data-slot=\"textarea\"\n      className={cn(\n        'flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"mappings":"+JAOA,SAAS,SAAS,CAAE,YAAW,KAAI,GAAG,GAAwB,CAG5D,OACE,EAAC,WAAD,CACE,GAJmB,EAAkB,CAIpB,EACjB,YAAU,WACV,UAAW,EACT,yhBACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/textarea-Cr9_P-bV.d.ts

@@ -0,0 +1,8 @@
+import { n as __name } from "./rolldown-runtime-Bdj-bS2b.js";
+import * as React from "react";
+//#region src/components/textarea.d.ts
+type TextareaProps = React.ComponentProps<'textarea'>;
+declare function Textarea({ className, id, ...props }: TextareaProps): React.JSX.Element;
+//#endregion
+export { TextareaProps as n, Textarea as t };
+//# sourceMappingURL=textarea-Cr9_P-bV.d.ts.map

package/dist/theme-BwEhfTyl.d.ts

@@ -0,0 +1,22 @@
+import { n as __name } from "./rolldown-runtime-Bdj-bS2b.js";
+import { t as Button } from "./button-BNGy28pv.js";
+import * as React from "react";
+//#region src/components/theme.d.ts
+type Theme = 'dark' | 'light' | 'system';
+type ThemeProviderProps = {
+  children: React.ReactNode;
+  defaultTheme?: Theme;
+  storageKey?: string;
+  disableTransitionOnChange?: boolean;
+};
+type ThemeProviderState = {
+  theme: Theme;
+  setTheme: (theme: Theme) => void;
+};
+type ModeToggleProps = React.ComponentProps<typeof Button>;
+declare function ThemeProvider({ children, defaultTheme, storageKey, disableTransitionOnChange, ...props }: ThemeProviderProps): React.JSX.Element;
+declare const useTheme: () => ThemeProviderState;
+declare function ModeToggle(props: ModeToggleProps): React.JSX.Element;
+//#endregion
+export { ThemeProviderProps as a, ThemeProvider as i, ModeToggleProps as n, ThemeProviderState as o, Theme as r, useTheme as s, ModeToggle as t };
+//# sourceMappingURL=theme-BwEhfTyl.d.ts.map

package/dist/theme-DZJ_cJYp.js

@@ -0,0 +1,2 @@
+import"./rolldown-runtime-Bdj-bS2b.js";import{t as e}from"./button-oI3hbOgp.js";import{a as t,h as n,r,t as i}from"./dropdown-menu-zRuQQS5S.js";import{IconMoon as a,IconSun as o}from"@tabler/icons-react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{createContext as l,use as u,useEffect as d,useState as f}from"react";const p=l({});function disableAnimation(){let e=document.createElement(`style`);return e.appendChild(document.createTextNode(`*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`)),document.head.appendChild(e),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(e)},1)}}function ThemeProvider({children:e,defaultTheme:t=`system`,storageKey:n=`vite-ui-theme`,disableTransitionOnChange:r=!1,...i}){let[a,o]=f(()=>localStorage.getItem(n)||t);d(()=>{let e=window.document.documentElement,t=r?disableAnimation():null;e.classList.remove(`light`,`dark`);let n=a===`system`?window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`:a;e.classList.add(n),t?.()},[a,r]);let c={theme:a,setTheme:e=>{localStorage.setItem(n,e),o(e)}};return s(p.Provider,{...i,value:c,children:e})}const useTheme=()=>{let e=u(p);if(e===void 0||Object.keys(e).length===0)throw Error(`useTheme must be used within a ThemeProvider`);return e};function ModeToggle(l){let{setTheme:u}=useTheme();return c(i,{children:[s(n,{asChild:!0,children:c(e,{variant:`outline`,size:`icon`,...l,children:[s(o,{className:`h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90`}),s(a,{className:`absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0`}),s(`span`,{className:`sr-only`,children:`Toggle theme`})]})}),c(r,{align:`end`,children:[s(t,{onClick:()=>u(`light`),children:`Light`}),s(t,{onClick:()=>u(`dark`),children:`Dark`}),s(t,{onClick:()=>u(`system`),children:`System`})]})]})}export{ThemeProvider as n,useTheme as r,ModeToggle as t};
+//# sourceMappingURL=theme-DZJ_cJYp.js.map

package/dist/theme-DZJ_cJYp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-DZJ_cJYp.js","names":[],"sources":["../src/components/theme.tsx"],"sourcesContent":["import type * as React from 'react'\nimport { createContext, use, useEffect, useState } from 'react'\n\nimport { IconMoon, IconSun } from '@tabler/icons-react'\n\nimport { Button } from './button'\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from './dropdown-menu'\n\nexport type Theme = 'dark' | 'light' | 'system'\n\nexport type ThemeProviderProps = {\n  children: React.ReactNode\n  defaultTheme?: Theme\n  storageKey?: string\n  disableTransitionOnChange?: boolean\n}\n\nexport type ThemeProviderState = {\n  theme: Theme\n  setTheme: (theme: Theme) => void\n}\n\nexport type ModeToggleProps = React.ComponentProps<typeof Button>\n\nconst ThemeProviderContext = createContext({} as ThemeProviderState)\n\nfunction disableAnimation() {\n  const css = document.createElement('style')\n\n  css.appendChild(\n    document.createTextNode(\n      '*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}'\n    )\n  )\n  document.head.appendChild(css)\n\n  return () => {\n    window.getComputedStyle(document.body)\n\n    setTimeout(() => {\n      document.head.removeChild(css)\n    }, 1)\n  }\n}\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'system',\n  storageKey = 'vite-ui-theme',\n  disableTransitionOnChange = false,\n  ...props\n}: ThemeProviderProps) {\n  const [theme, setTheme] = useState<Theme>(() => (localStorage.getItem(storageKey) as Theme) || defaultTheme)\n\n  useEffect(() => {\n    const root = window.document.documentElement\n    const enableTransitions = disableTransitionOnChange ? disableAnimation() : null\n\n    root.classList.remove('light', 'dark')\n\n    const resolvedTheme =\n      theme === 'system' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme\n\n    root.classList.add(resolvedTheme)\n\n    enableTransitions?.()\n  }, [theme, disableTransitionOnChange])\n\n  const value = {\n    theme,\n    setTheme: (theme: Theme) => {\n      localStorage.setItem(storageKey, theme)\n      setTheme(theme)\n    }\n  }\n\n  return (\n    <ThemeProviderContext.Provider {...props} value={value}>\n      {children}\n    </ThemeProviderContext.Provider>\n  )\n}\n\nexport const useTheme = () => {\n  const context = use(ThemeProviderContext)\n\n  if (context === undefined || Object.keys(context).length === 0) {\n    throw new Error('useTheme must be used within a ThemeProvider')\n  }\n\n  return context\n}\n\nexport function ModeToggle(props: ModeToggleProps) {\n  const { setTheme } = useTheme()\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\" size=\"icon\" {...props}>\n          <IconSun className=\"h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90\" />\n          <IconMoon className=\"absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0\" />\n          <span className=\"sr-only\">Toggle theme</span>\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuItem onClick={() => setTheme('light')}>Light</DropdownMenuItem>\n        <DropdownMenuItem onClick={() => setTheme('dark')}>Dark</DropdownMenuItem>\n        <DropdownMenuItem onClick={() => setTheme('system')}>System</DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"mappings":"0UAwBA,MAAM,EAAuB,EAAc,CAAC,CAAuB,EAEnE,SAAS,kBAAmB,CAC1B,IAAM,EAAM,SAAS,cAAc,OAAO,EAS1C,OAPA,EAAI,YACF,SAAS,eACP,6KACF,CACF,EACA,SAAS,KAAK,YAAY,CAAG,MAEhB,CACX,OAAO,iBAAiB,SAAS,IAAI,EAErC,eAAiB,CACf,SAAS,KAAK,YAAY,CAAG,CAC/B,EAAG,CAAC,CACN,CACF,CAEA,SAAgB,cAAc,CAC5B,WACA,eAAe,SACf,aAAa,gBACb,4BAA4B,GAC5B,GAAG,GACkB,CACrB,GAAM,CAAC,EAAO,GAAY,MAAuB,aAAa,QAAQ,CAAU,GAAe,CAAY,EAE3G,MAAgB,CACd,IAAM,EAAO,OAAO,SAAS,gBACvB,EAAoB,EAA4B,iBAAiB,EAAI,KAE3E,EAAK,UAAU,OAAO,QAAS,MAAM,EAErC,IAAM,EACJ,IAAU,SAAY,OAAO,WAAW,8BAA8B,CAAC,CAAC,QAAU,OAAS,QAAW,EAExG,EAAK,UAAU,IAAI,CAAa,EAEhC,IAAoB,CACtB,EAAG,CAAC,EAAO,CAAyB,CAAC,EAErC,IAAM,EAAQ,CACZ,QACA,SAAW,GAAiB,CAC1B,aAAa,QAAQ,EAAY,CAAK,EACtC,EAAS,CAAK,CAChB,CACF,EAEA,OACE,EAAC,EAAqB,SAAtB,CAA+B,GAAI,EAAc,QAC9C,UAC4B,CAAA,CAEnC,CAEA,MAAa,aAAiB,CAC5B,IAAM,EAAU,EAAI,CAAoB,EAExC,GAAI,IAAY,IAAA,IAAa,OAAO,KAAK,CAAO,CAAC,CAAC,SAAW,EAC3D,MAAU,MAAM,8CAA8C,EAGhE,OAAO,CACT,EAEA,SAAgB,WAAW,EAAwB,CACjD,GAAM,CAAE,YAAa,SAAS,EAE9B,OACE,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,EAAD,CAAqB,QAAA,GACnB,SAAA,EAAC,EAAD,CAAQ,QAAQ,UAAU,KAAK,OAAO,GAAI,EAA1C,SAAA,CACE,EAAC,EAAD,CAAS,UAAU,sFAAwF,CAAA,EAC3G,EAAC,EAAD,CAAU,UAAU,8FAAgG,CAAA,EACpH,EAAC,OAAD,CAAM,UAAU,UAAU,SAAA,cAAkB,CAAA,CACtC,GACW,CAAA,EACrB,EAAC,EAAD,CAAqB,MAAM,MAA3B,SAAA,CACE,EAAC,EAAD,CAAkB,YAAe,EAAS,OAAO,EAAG,SAAA,OAAuB,CAAA,EAC3E,EAAC,EAAD,CAAkB,YAAe,EAAS,MAAM,EAAG,SAAA,MAAsB,CAAA,EACzE,EAAC,EAAD,CAAkB,YAAe,EAAS,QAAQ,EAAG,SAAA,QAAwB,CAAA,CAC1D,CACT,CAAA,CAAA,CAAA,CAAA,CAElB"}

package/dist/timeline-BDY3YzeJ.d.ts

@@ -0,0 +1,61 @@
+import { n as __name } from "./rolldown-runtime-Bdj-bS2b.js";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+//#region src/components/timeline.d.ts
+declare const timelineVariants: (props?: ({
+  size?: "lg" | "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const timelineConnectorVariants: (props?: ({
+  status?: "completed" | "in-progress" | "pending" | null | undefined;
+  color?: "accent" | "destructive" | "gradient" | "muted" | "primary" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const timelineIconVariants: (props?: ({
+  color?: "accent" | "destructive" | "muted" | "primary" | "secondary" | null | undefined;
+  size?: "lg" | "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TimelineIconSize = NonNullable<VariantProps<typeof timelineIconVariants>['size']>;
+type TimelineConnectorColor = NonNullable<VariantProps<typeof timelineConnectorVariants>['color']>;
+type TimelineIconColor = NonNullable<VariantProps<typeof timelineIconVariants>['color']>;
+type TimelineStatus = NonNullable<VariantProps<typeof timelineConnectorVariants>['status']>;
+type TimelineProps = React.ComponentProps<'ol'> & VariantProps<typeof timelineVariants> & {
+  iconSize?: TimelineIconSize;
+};
+declare const Timeline: React.ForwardRefExoticComponent<Omit<TimelineProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
+type TimelineItemProps = React.ComponentProps<'li'> & {
+  date?: React.ReactNode;
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  icon?: React.ReactNode;
+  iconColor?: TimelineIconColor;
+  status?: TimelineStatus;
+  connectorColor?: TimelineConnectorColor;
+  showConnector?: boolean;
+  iconSize?: TimelineIconSize;
+  loading?: boolean;
+  error?: React.ReactNode;
+};
+declare const TimelineItem: React.ForwardRefExoticComponent<Omit<TimelineItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+type TimelineTimeProps = React.ComponentProps<'time'> & {
+  date?: string | Date | number;
+  format?: Intl.DateTimeFormatOptions;
+};
+declare const TimelineTime: React.ForwardRefExoticComponent<Omit<TimelineTimeProps, "ref"> & React.RefAttributes<HTMLTimeElement>>;
+type TimelineConnectorProps = React.ComponentProps<'div'> & VariantProps<typeof timelineConnectorVariants>;
+declare const TimelineConnector: React.ForwardRefExoticComponent<Omit<TimelineConnectorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type TimelineHeaderProps = React.ComponentProps<'div'>;
+declare const TimelineHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type TimelineTitleProps = React.ComponentProps<'h3'>;
+declare const TimelineTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+type TimelineIconProps = React.ComponentProps<'div'> & VariantProps<typeof timelineIconVariants> & {
+  icon?: React.ReactNode;
+};
+declare const TimelineIcon: React.ForwardRefExoticComponent<Omit<TimelineIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type TimelineDescriptionProps = React.ComponentProps<'p'>;
+declare const TimelineDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+type TimelineContentProps = React.ComponentProps<'div'>;
+declare const TimelineContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type TimelineEmptyProps = React.ComponentProps<'div'>;
+declare const TimelineEmpty: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { TimelineTitle as C, TimelineTimeProps as S, timelineVariants as T, TimelineItem as _, TimelineContent as a, TimelineStatus as b, TimelineDescriptionProps as c, TimelineHeader as d, TimelineHeaderProps as f, TimelineIconSize as g, TimelineIconProps as h, TimelineConnectorProps as i, TimelineEmpty as l, TimelineIconColor as m, TimelineConnector as n, TimelineContentProps as o, TimelineIcon as p, TimelineConnectorColor as r, TimelineDescription as s, Timeline as t, TimelineEmptyProps as u, TimelineItemProps as v, TimelineTitleProps as w, TimelineTime as x, TimelineProps as y };
+//# sourceMappingURL=timeline-BDY3YzeJ.d.ts.map

package/dist/timeline-pBm0t1tb.js

@@ -0,0 +1,2 @@
+import"./rolldown-runtime-Bdj-bS2b.js";import{t as e}from"./utils-DP9KtG7I.js";import{t}from"./spinner-ntLrcDLN.js";import{IconAlertCircle as n}from"@tabler/icons-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{cva as a}from"class-variance-authority";import*as o from"react";const s=a(`relative mx-auto m-0 flex w-full max-w-2xl min-h-150 list-none flex-col p-0 py-8`,{variants:{size:{sm:`gap-4`,md:`gap-6`,lg:`gap-8`}},defaultVariants:{size:`md`}}),c=a(`relative w-full last:mb-0`,{variants:{tone:{default:`mb-2`,error:`mb-2`}},defaultVariants:{tone:`default`}}),l=a(`w-0.5`,{variants:{status:{completed:`bg-primary`,"in-progress":`bg-accent`,pending:`bg-muted`},color:{primary:`bg-primary`,secondary:`bg-secondary`,muted:`bg-muted`,accent:`bg-accent`,destructive:`bg-destructive`,gradient:`bg-linear-to-b from-primary to-muted`}}}),u=a(`relative flex items-center justify-center rounded-full ring-8 ring-background shadow-sm`,{variants:{color:{primary:`bg-primary text-primary-foreground`,secondary:`bg-secondary text-secondary-foreground`,muted:`bg-muted text-muted-foreground`,accent:`bg-accent text-accent-foreground`,destructive:`bg-destructive text-destructive-foreground`},size:{sm:`h-8 w-8`,md:`h-10 w-10`,lg:`h-12 w-12`}},defaultVariants:{color:`primary`,size:`md`}}),d=a(`flex items-center justify-center`,{variants:{size:{sm:`h-4 w-4`,md:`h-5 w-5`,lg:`h-6 w-6`}},defaultVariants:{size:`md`}}),f=o.forwardRef(({className:t,iconSize:n,size:i=`md`,children:a,...c},l)=>{let u=o.Children.toArray(a).filter(isTimelineItemElement).length;if(u===0)return r(`ol`,{ref:l,"aria-label":`Timeline`,"data-slot":`timeline`,"data-size":i,className:e(s({size:i}),t),...c,children:r(`li`,{className:`list-none`,children:r(S,{})})});let d=0;return r(`ol`,{ref:l,"aria-label":`Timeline`,"data-slot":`timeline`,"data-size":i,className:e(s({size:i}),t),...c,children:o.Children.map(a,e=>{if(!isTimelineItemElement(e))return e;let t=d===u-1;return d+=1,o.cloneElement(e,{iconSize:e.props.iconSize??n,showConnector:e.props.showConnector??!t})})})});f.displayName=`Timeline`;const p=o.forwardRef(({className:a,children:o,date:s,title:l,description:u,icon:d,iconColor:f,status:p=`completed`,connectorColor:m,showConnector:S=!0,iconSize:C,loading:w=!1,error:T,...E},D)=>w?r(`li`,{ref:D,"aria-busy":`true`,"data-slot":`timeline-item`,"data-status":p,className:e(c(),a),...E,children:i(`div`,{className:`grid grid-cols-[minmax(auto,8rem)_auto_1fr] items-start px-4`,children:[r(`div`,{className:`pr-4 text-right`,children:r(`div`,{className:`h-4 w-24 animate-pulse rounded bg-muted`})}),i(`div`,{className:`mx-3 flex flex-col items-center justify-start gap-y-2`,children:[r(`div`,{className:`relative flex h-8 w-8 animate-pulse items-center justify-center rounded-full bg-muted ring-8 ring-background`,children:r(t,{})}),S&&r(`div`,{className:`h-full w-0.5 animate-pulse bg-muted`})]}),r(`div`,{className:`flex flex-col gap-2 pl-2`,children:i(`div`,{className:`space-y-2`,children:[r(`div`,{className:`h-4 w-24 animate-pulse rounded bg-muted`}),r(`div`,{className:`h-3 w-48 animate-pulse rounded bg-muted`})]})})]})}):T?r(`li`,{ref:D,role:`alert`,"data-slot":`timeline-item`,"data-status":`error`,className:e(c({tone:`error`}),a),...E,children:i(`div`,{className:`grid grid-cols-[minmax(auto,8rem)_auto_1fr] items-start px-4`,children:[r(`div`,{className:`pr-4 text-right`,children:r(h,{className:`text-destructive`,children:s})}),i(`div`,{className:`mx-3 flex flex-col items-center justify-start gap-y-2`,children:[r(`div`,{className:`relative flex h-8 w-8 items-center justify-center rounded-full bg-destructive/20 ring-8 ring-background`,children:r(n,{className:`h-4 w-4 text-destructive`})}),S&&r(g,{color:`destructive`,className:`h-full`})]}),i(`div`,{className:`flex flex-col gap-2 pl-2`,children:[r(_,{children:r(v,{className:`text-destructive`,children:l||`Error`})}),r(b,{className:`text-destructive`,children:T})]})]})}):o==null?r(`li`,{ref:D,"data-slot":`timeline-item`,"data-status":p,className:e(c(),a),"aria-current":p===`in-progress`?`step`:void 0,...E,children:i(`div`,{className:`grid grid-cols-[1fr_auto_1fr] items-start gap-4`,children:[r(`div`,{className:`flex flex-col justify-start pt-1`,children:r(h,{className:`pr-4 text-right`,children:s})}),i(`div`,{className:`flex flex-col items-center`,children:[r(`div`,{className:`relative z-10`,children:r(y,{icon:d,color:f??(p===`pending`?`muted`:`primary`),size:C})}),S&&r(g,{status:p,color:m,className:`mt-2 h-16`})]}),i(x,{children:[r(_,{children:r(v,{children:l})}),r(b,{children:u})]})]})}):r(`li`,{ref:D,"data-slot":`timeline-item`,"data-status":p,className:e(c(),a),"aria-current":p===`in-progress`?`step`:void 0,...E,children:o}));p.displayName=`TimelineItem`;const m={year:`numeric`,month:`short`,day:`2-digit`},h=o.forwardRef(({className:t,date:n,format:i,children:a,...s},c)=>{let l=o.useMemo(()=>getValidDate(n),[n]),u=o.useMemo(()=>l?new Intl.DateTimeFormat(`en-US`,{...m,...i}).format(l):``,[l,i]);return r(`time`,{ref:c,"data-slot":`timeline-time`,dateTime:l?.toISOString(),className:e(`text-sm font-medium tracking-tight text-muted-foreground`,t),...s,children:a||u})});h.displayName=`TimelineTime`;const g=o.forwardRef(({className:t,status:n=`completed`,color:i,...a},o)=>r(`div`,{ref:o,"data-slot":`timeline-connector`,"data-status":n,"data-color":i,className:e(l(i?{color:i}:{status:n}),t),...a}));g.displayName=`TimelineConnector`;const _=o.forwardRef(({className:t,...n},i)=>r(`div`,{ref:i,"data-slot":`timeline-header`,className:e(`flex items-center gap-4`,t),...n}));_.displayName=`TimelineHeader`;const v=o.forwardRef(({className:t,...n},i)=>r(`h3`,{ref:i,"data-slot":`timeline-title`,className:e(`font-semibold leading-none tracking-tight text-secondary-foreground`,t),...n}));v.displayName=`TimelineTitle`;const y=o.forwardRef(({className:t,color:n=`primary`,icon:i,size:a=`md`,...o},s)=>r(`div`,{ref:s,"data-slot":`timeline-icon`,"data-color":n,"data-size":a,className:e(u({color:n,size:a}),t),...o,children:i?r(`div`,{className:d({size:a}),children:i}):r(`div`,{className:e(`rounded-full`,d({size:a}))})}));y.displayName=`TimelineIcon`;const b=o.forwardRef(({className:t,...n},i)=>r(`p`,{ref:i,"data-slot":`timeline-description`,className:e(`max-w-sm text-sm text-muted-foreground`,t),...n}));b.displayName=`TimelineDescription`;const x=o.forwardRef(({className:t,...n},i)=>r(`div`,{ref:i,"data-slot":`timeline-content`,className:e(`flex flex-col gap-2 pl-2`,t),...n}));x.displayName=`TimelineContent`;const S=o.forwardRef(({className:t,children:n,...i},a)=>r(`div`,{ref:a,"data-slot":`timeline-empty`,className:e(`flex flex-col items-center justify-center p-8 text-center`,t),...i,children:r(`p`,{className:`text-sm text-muted-foreground`,children:n||`No timeline items to display`})}));S.displayName=`TimelineEmpty`;function getValidDate(e){if(e==null||e===``)return null;let t=e instanceof Date?e:new Date(e);return Number.isNaN(t.getTime())?null:t}function isTimelineItemElement(e){return o.isValidElement(e)&&e.type===p}export{S as a,p as c,s as d,b as i,h as l,g as n,_ as o,x as r,y as s,f as t,v as u};
+//# sourceMappingURL=timeline-pBm0t1tb.js.map

package/dist/timeline-pBm0t1tb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-pBm0t1tb.js","names":[],"sources":["../src/components/timeline.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { IconAlertCircle } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\nimport { Spinner } from './spinner'\n\nconst timelineVariants = cva('relative mx-auto m-0 flex w-full max-w-2xl min-h-150 list-none flex-col p-0 py-8', {\n  variants: {\n    size: {\n      sm: 'gap-4',\n      md: 'gap-6',\n      lg: 'gap-8'\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nconst timelineItemVariants = cva('relative w-full last:mb-0', {\n  variants: {\n    tone: {\n      default: 'mb-2',\n      error: 'mb-2'\n    }\n  },\n  defaultVariants: {\n    tone: 'default'\n  }\n})\n\nconst timelineConnectorVariants = cva('w-0.5', {\n  variants: {\n    status: {\n      completed: 'bg-primary',\n      'in-progress': 'bg-accent',\n      pending: 'bg-muted'\n    },\n    color: {\n      primary: 'bg-primary',\n      secondary: 'bg-secondary',\n      muted: 'bg-muted',\n      accent: 'bg-accent',\n      destructive: 'bg-destructive',\n      gradient: 'bg-linear-to-b from-primary to-muted'\n    }\n  }\n})\n\nconst timelineIconVariants = cva(\n  'relative flex items-center justify-center rounded-full ring-8 ring-background shadow-sm',\n  {\n    variants: {\n      color: {\n        primary: 'bg-primary text-primary-foreground',\n        secondary: 'bg-secondary text-secondary-foreground',\n        muted: 'bg-muted text-muted-foreground',\n        accent: 'bg-accent text-accent-foreground',\n        destructive: 'bg-destructive text-destructive-foreground'\n      },\n      size: {\n        sm: 'h-8 w-8',\n        md: 'h-10 w-10',\n        lg: 'h-12 w-12'\n      }\n    },\n    defaultVariants: {\n      color: 'primary',\n      size: 'md'\n    }\n  }\n)\n\nconst timelineIconContentVariants = cva('flex items-center justify-center', {\n  variants: {\n    size: {\n      sm: 'h-4 w-4',\n      md: 'h-5 w-5',\n      lg: 'h-6 w-6'\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nexport type TimelineIconSize = NonNullable<VariantProps<typeof timelineIconVariants>['size']>\nexport type TimelineConnectorColor = NonNullable<VariantProps<typeof timelineConnectorVariants>['color']>\nexport type TimelineIconColor = NonNullable<VariantProps<typeof timelineIconVariants>['color']>\nexport type TimelineStatus = NonNullable<VariantProps<typeof timelineConnectorVariants>['status']>\n\nexport type TimelineProps = React.ComponentProps<'ol'> &\n  VariantProps<typeof timelineVariants> & {\n    iconSize?: TimelineIconSize\n  }\n\nconst Timeline = React.forwardRef<HTMLOListElement, TimelineProps>(\n  ({ className, iconSize, size = 'md', children, ...props }, ref) => {\n    const childArray = React.Children.toArray(children)\n    const totalItems = childArray.filter(isTimelineItemElement).length\n\n    if (totalItems === 0) {\n      return (\n        <ol\n          ref={ref}\n          aria-label=\"Timeline\"\n          data-slot=\"timeline\"\n          data-size={size}\n          className={cn(timelineVariants({ size }), className)}\n          {...props}\n        >\n          <li className=\"list-none\">\n            <TimelineEmpty />\n          </li>\n        </ol>\n      )\n    }\n\n    let itemIndex = 0\n\n    return (\n      <ol\n        ref={ref}\n        aria-label=\"Timeline\"\n        data-slot=\"timeline\"\n        data-size={size}\n        className={cn(timelineVariants({ size }), className)}\n        {...props}\n      >\n        {React.Children.map(children, (child) => {\n          if (!isTimelineItemElement(child)) {\n            return child\n          }\n\n          const isLastItem = itemIndex === totalItems - 1\n          itemIndex += 1\n\n          return React.cloneElement(child, {\n            iconSize: child.props.iconSize ?? iconSize,\n            showConnector: child.props.showConnector ?? !isLastItem\n          })\n        })}\n      </ol>\n    )\n  }\n)\nTimeline.displayName = 'Timeline'\n\nexport type TimelineItemProps = React.ComponentProps<'li'> & {\n  date?: React.ReactNode\n  title?: React.ReactNode\n  description?: React.ReactNode\n  icon?: React.ReactNode\n  iconColor?: TimelineIconColor\n  status?: TimelineStatus\n  connectorColor?: TimelineConnectorColor\n  showConnector?: boolean\n  iconSize?: TimelineIconSize\n  loading?: boolean\n  error?: React.ReactNode\n}\n\nconst TimelineItem = React.forwardRef<HTMLLIElement, TimelineItemProps>(\n  (\n    {\n      className,\n      children,\n      date,\n      title,\n      description,\n      icon,\n      iconColor,\n      status = 'completed',\n      connectorColor,\n      showConnector = true,\n      iconSize,\n      loading = false,\n      error,\n      ...props\n    },\n    ref\n  ) => {\n    if (loading) {\n      return (\n        <li\n          ref={ref}\n          aria-busy=\"true\"\n          data-slot=\"timeline-item\"\n          data-status={status}\n          className={cn(timelineItemVariants(), className)}\n          {...props}\n        >\n          <div className=\"grid grid-cols-[minmax(auto,8rem)_auto_1fr] items-start px-4\">\n            <div className=\"pr-4 text-right\">\n              <div className=\"h-4 w-24 animate-pulse rounded bg-muted\" />\n            </div>\n\n            <div className=\"mx-3 flex flex-col items-center justify-start gap-y-2\">\n              <div className=\"relative flex h-8 w-8 animate-pulse items-center justify-center rounded-full bg-muted ring-8 ring-background\">\n                <Spinner />\n              </div>\n              {showConnector && <div className=\"h-full w-0.5 animate-pulse bg-muted\" />}\n            </div>\n\n            <div className=\"flex flex-col gap-2 pl-2\">\n              <div className=\"space-y-2\">\n                <div className=\"h-4 w-24 animate-pulse rounded bg-muted\" />\n                <div className=\"h-3 w-48 animate-pulse rounded bg-muted\" />\n              </div>\n            </div>\n          </div>\n        </li>\n      )\n    }\n\n    if (error) {\n      return (\n        <li\n          ref={ref}\n          role=\"alert\"\n          data-slot=\"timeline-item\"\n          data-status=\"error\"\n          className={cn(timelineItemVariants({ tone: 'error' }), className)}\n          {...props}\n        >\n          <div className=\"grid grid-cols-[minmax(auto,8rem)_auto_1fr] items-start px-4\">\n            <div className=\"pr-4 text-right\">\n              <TimelineTime className=\"text-destructive\">{date}</TimelineTime>\n            </div>\n\n            <div className=\"mx-3 flex flex-col items-center justify-start gap-y-2\">\n              <div className=\"relative flex h-8 w-8 items-center justify-center rounded-full bg-destructive/20 ring-8 ring-background\">\n                <IconAlertCircle className=\"h-4 w-4 text-destructive\" />\n              </div>\n              {showConnector && <TimelineConnector color=\"destructive\" className=\"h-full\" />}\n            </div>\n\n            <div className=\"flex flex-col gap-2 pl-2\">\n              <TimelineHeader>\n                <TimelineTitle className=\"text-destructive\">{title || 'Error'}</TimelineTitle>\n              </TimelineHeader>\n              <TimelineDescription className=\"text-destructive\">{error}</TimelineDescription>\n            </div>\n          </div>\n        </li>\n      )\n    }\n\n    if (children != null) {\n      return (\n        <li\n          ref={ref}\n          data-slot=\"timeline-item\"\n          data-status={status}\n          className={cn(timelineItemVariants(), className)}\n          aria-current={status === 'in-progress' ? 'step' : undefined}\n          {...props}\n        >\n          {children}\n        </li>\n      )\n    }\n\n    return (\n      <li\n        ref={ref}\n        data-slot=\"timeline-item\"\n        data-status={status}\n        className={cn(timelineItemVariants(), className)}\n        aria-current={status === 'in-progress' ? 'step' : undefined}\n        {...props}\n      >\n        <div className=\"grid grid-cols-[1fr_auto_1fr] items-start gap-4\">\n          <div className=\"flex flex-col justify-start pt-1\">\n            <TimelineTime className=\"pr-4 text-right\">{date}</TimelineTime>\n          </div>\n\n          <div className=\"flex flex-col items-center\">\n            <div className=\"relative z-10\">\n              <TimelineIcon\n                icon={icon}\n                color={iconColor ?? (status === 'pending' ? 'muted' : 'primary')}\n                size={iconSize}\n              />\n            </div>\n            {showConnector && <TimelineConnector status={status} color={connectorColor} className=\"mt-2 h-16\" />}\n          </div>\n\n          <TimelineContent>\n            <TimelineHeader>\n              <TimelineTitle>{title}</TimelineTitle>\n            </TimelineHeader>\n            <TimelineDescription>{description}</TimelineDescription>\n          </TimelineContent>\n        </div>\n      </li>\n    )\n  }\n)\nTimelineItem.displayName = 'TimelineItem'\n\nexport type TimelineTimeProps = React.ComponentProps<'time'> & {\n  date?: string | Date | number\n  format?: Intl.DateTimeFormatOptions\n}\n\nconst defaultDateFormat: Intl.DateTimeFormatOptions = {\n  year: 'numeric',\n  month: 'short',\n  day: '2-digit'\n}\n\nconst TimelineTime = React.forwardRef<HTMLTimeElement, TimelineTimeProps>(\n  ({ className, date, format, children, ...props }, ref) => {\n    const dateValue = React.useMemo(() => getValidDate(date), [date])\n\n    const formattedDate = React.useMemo(() => {\n      if (!dateValue) {\n        return ''\n      }\n\n      return new Intl.DateTimeFormat('en-US', {\n        ...defaultDateFormat,\n        ...format\n      }).format(dateValue)\n    }, [dateValue, format])\n\n    return (\n      <time\n        ref={ref}\n        data-slot=\"timeline-time\"\n        dateTime={dateValue?.toISOString()}\n        className={cn('text-sm font-medium tracking-tight text-muted-foreground', className)}\n        {...props}\n      >\n        {children || formattedDate}\n      </time>\n    )\n  }\n)\nTimelineTime.displayName = 'TimelineTime'\n\nexport type TimelineConnectorProps = React.ComponentProps<'div'> & VariantProps<typeof timelineConnectorVariants>\n\nconst TimelineConnector = React.forwardRef<HTMLDivElement, TimelineConnectorProps>(\n  ({ className, status = 'completed', color, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"timeline-connector\"\n      data-status={status}\n      data-color={color}\n      className={cn(color ? timelineConnectorVariants({ color }) : timelineConnectorVariants({ status }), className)}\n      {...props}\n    />\n  )\n)\nTimelineConnector.displayName = 'TimelineConnector'\n\nexport type TimelineHeaderProps = React.ComponentProps<'div'>\n\nconst TimelineHeader = React.forwardRef<HTMLDivElement, TimelineHeaderProps>(({ className, ...props }, ref) => (\n  <div ref={ref} data-slot=\"timeline-header\" className={cn('flex items-center gap-4', className)} {...props} />\n))\nTimelineHeader.displayName = 'TimelineHeader'\n\nexport type TimelineTitleProps = React.ComponentProps<'h3'>\n\nconst TimelineTitle = React.forwardRef<HTMLHeadingElement, TimelineTitleProps>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    data-slot=\"timeline-title\"\n    className={cn('font-semibold leading-none tracking-tight text-secondary-foreground', className)}\n    {...props}\n  />\n))\nTimelineTitle.displayName = 'TimelineTitle'\n\nexport type TimelineIconProps = React.ComponentProps<'div'> &\n  VariantProps<typeof timelineIconVariants> & {\n    icon?: React.ReactNode\n  }\n\nconst TimelineIcon = React.forwardRef<HTMLDivElement, TimelineIconProps>(\n  ({ className, color = 'primary', icon, size = 'md', ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"timeline-icon\"\n      data-color={color}\n      data-size={size}\n      className={cn(timelineIconVariants({ color, size }), className)}\n      {...props}\n    >\n      {icon ? (\n        <div className={timelineIconContentVariants({ size })}>{icon}</div>\n      ) : (\n        <div className={cn('rounded-full', timelineIconContentVariants({ size }))} />\n      )}\n    </div>\n  )\n)\nTimelineIcon.displayName = 'TimelineIcon'\n\nexport type TimelineDescriptionProps = React.ComponentProps<'p'>\n\nconst TimelineDescription = React.forwardRef<HTMLParagraphElement, TimelineDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <p\n      ref={ref}\n      data-slot=\"timeline-description\"\n      className={cn('max-w-sm text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  )\n)\nTimelineDescription.displayName = 'TimelineDescription'\n\nexport type TimelineContentProps = React.ComponentProps<'div'>\n\nconst TimelineContent = React.forwardRef<HTMLDivElement, TimelineContentProps>(({ className, ...props }, ref) => (\n  <div ref={ref} data-slot=\"timeline-content\" className={cn('flex flex-col gap-2 pl-2', className)} {...props} />\n))\nTimelineContent.displayName = 'TimelineContent'\n\nexport type TimelineEmptyProps = React.ComponentProps<'div'>\n\nconst TimelineEmpty = React.forwardRef<HTMLDivElement, TimelineEmptyProps>(({ className, children, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"timeline-empty\"\n    className={cn('flex flex-col items-center justify-center p-8 text-center', className)}\n    {...props}\n  >\n    <p className=\"text-sm text-muted-foreground\">{children || 'No timeline items to display'}</p>\n  </div>\n))\nTimelineEmpty.displayName = 'TimelineEmpty'\n\nfunction getValidDate(date?: string | Date | number) {\n  if (date == null || date === '') {\n    return null\n  }\n\n  const parsedDate = date instanceof Date ? date : new Date(date)\n\n  return Number.isNaN(parsedDate.getTime()) ? null : parsedDate\n}\n\nfunction isTimelineItemElement(child: React.ReactNode): child is React.ReactElement<TimelineItemProps> {\n  return React.isValidElement(child) && child.type === TimelineItem\n}\n\nexport {\n  Timeline,\n  TimelineConnector,\n  TimelineContent,\n  TimelineDescription,\n  TimelineEmpty,\n  TimelineHeader,\n  TimelineIcon,\n  TimelineItem,\n  TimelineTime,\n  TimelineTitle,\n  timelineVariants\n}\n"],"mappings":"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"}

package/dist/toggle-DJJkcqDy.js

@@ -0,0 +1,2 @@
+import{n as e}from"./rolldown-runtime-Bdj-bS2b.js";import{t}from"./utils-DP9KtG7I.js";import{t as n}from"./button-DGewx2nE.js";import{Toggle as r}from"radix-ui";import{jsx as i}from"react/jsx-runtime";import{cva as a}from"class-variance-authority";const o=a(`group/toggle inline-flex items-center justify-center gap-1 rounded-full border border-transparent text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,{variants:{variant:{secondary:`border-border bg-background hover:bg-muted hover:text-foreground data-[state=on]:bg-muted data-[state=on]:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 dark:data-[state=on]:bg-input/50`,outline:`border-(--button-outline-border) bg-background text-(--button-outline-foreground) hover:bg-(--button-solid) hover:text-(--button-solid-foreground) data-[state=on]:bg-(--button-solid) data-[state=on]:text-(--button-solid-foreground)`,ghost:`text-(--button-ghost-foreground) hover:bg-(--button-ghost-hover) hover:text-(--button-ghost-foreground) data-[state=on]:bg-(--button-ghost-hover) data-[state=on]:text-(--button-ghost-foreground)`},color:n,size:{sm:`h-8 min-w-8 px-1.5 text-[0.8rem]`,md:`h-9 min-w-9 px-2`,lg:`h-10 min-w-10 px-2.5`}},defaultVariants:{variant:`ghost`,color:`primary`,size:`md`}});function Toggle$1({className:e,variant:n=`ghost`,color:a=`primary`,size:s=`md`,...c}){return i(r.Root,{"data-slot":`toggle`,"data-variant":n,"data-color":a,"data-size":s,className:t(o({variant:n,color:a,size:s,className:e})),...c})}e(Toggle$1,`Toggle`);export{o as n,Toggle$1 as t};
+//# sourceMappingURL=toggle-DJJkcqDy.js.map

package/dist/toggle-DJJkcqDy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-DJJkcqDy.js","names":["Toggle","TogglePrimitive"],"sources":["../src/components/toggle.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { Toggle as TogglePrimitive } from 'radix-ui'\n\nimport { buttonColorVariants } from '../lib/button'\nimport { cn } from '../lib/utils'\n\nconst toggleVariants = cva(\n  \"group/toggle inline-flex items-center justify-center gap-1 rounded-full border border-transparent text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        secondary:\n          'border-border bg-background hover:bg-muted hover:text-foreground data-[state=on]:bg-muted data-[state=on]:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 dark:data-[state=on]:bg-input/50',\n        outline:\n          'border-(--button-outline-border) bg-background text-(--button-outline-foreground) hover:bg-(--button-solid) hover:text-(--button-solid-foreground) data-[state=on]:bg-(--button-solid) data-[state=on]:text-(--button-solid-foreground)',\n        ghost:\n          'text-(--button-ghost-foreground) hover:bg-(--button-ghost-hover) hover:text-(--button-ghost-foreground) data-[state=on]:bg-(--button-ghost-hover) data-[state=on]:text-(--button-ghost-foreground)'\n      },\n      color: buttonColorVariants,\n      size: {\n        sm: 'h-8 min-w-8 px-1.5 text-[0.8rem]',\n        md: 'h-9 min-w-9 px-2',\n        lg: 'h-10 min-w-10 px-2.5'\n      }\n    },\n    defaultVariants: {\n      variant: 'ghost',\n      color: 'primary',\n      size: 'md'\n    }\n  }\n)\n\nexport type ToggleProps = React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>\n\nfunction Toggle({ className, variant = 'ghost', color = 'primary', size = 'md', ...props }: ToggleProps) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      data-variant={variant}\n      data-color={color}\n      data-size={size}\n      className={cn(toggleVariants({ variant, color, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Toggle, toggleVariants }\n"],"mappings":"wPAQA,MAAM,EAAiB,EACrB,shBACA,CACE,SAAU,CACR,QAAS,CACP,UACE,uNACF,QACE,0OACF,MACE,oMACJ,EACA,MAAO,EACP,KAAM,CACJ,GAAI,mCACJ,GAAI,mBACJ,GAAI,sBACN,CACF,EACA,gBAAiB,CACf,QAAS,QACT,MAAO,UACP,KAAM,IACR,CACF,CACF,EAIA,SAASA,SAAO,CAAE,YAAW,UAAU,QAAS,QAAQ,UAAW,OAAO,KAAM,GAAG,GAAsB,CACvG,OACE,EAACC,EAAgB,KAAjB,CACE,YAAU,SACV,eAAc,EACd,aAAY,EACZ,YAAW,EACX,UAAW,EAAG,EAAe,CAAE,UAAS,QAAO,OAAM,WAAU,CAAC,CAAC,EACjE,GAAI,CACL,CAAA,CAEL"}

package/dist/toggle-group-C3iNDYqI.d.ts

@@ -0,0 +1,16 @@
+import { n as __name } from "./rolldown-runtime-Bdj-bS2b.js";
+import { r as toggleVariants } from "./toggle-jc8s_Z3T.js";
+import { ToggleGroup } from "radix-ui";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+//#region src/components/toggle-group.d.ts
+type ToggleGroupProps = React.ComponentProps<typeof ToggleGroup.Root> & VariantProps<typeof toggleVariants> & {
+  spacing?: number;
+  orientation?: 'horizontal' | 'vertical';
+};
+type ToggleGroupItemProps = React.ComponentProps<typeof ToggleGroup.Item> & VariantProps<typeof toggleVariants>;
+declare function ToggleGroup$1({ className, variant, color, size, spacing, orientation, children, ...props }: ToggleGroupProps): React.JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, color, size, ...props }: ToggleGroupItemProps): React.JSX.Element;
+//#endregion
+export { ToggleGroupProps as i, ToggleGroupItem as n, ToggleGroupItemProps as r, ToggleGroup$1 as t };
+//# sourceMappingURL=toggle-group-C3iNDYqI.d.ts.map

package/dist/toggle-group-D0OIpZN-.js

@@ -0,0 +1,2 @@
+import{n as e}from"./rolldown-runtime-Bdj-bS2b.js";import{t}from"./utils-DP9KtG7I.js";import{n}from"./toggle-DJJkcqDy.js";import{ToggleGroup as r}from"radix-ui";import{jsx as i}from"react/jsx-runtime";import*as a from"react";const o=a.createContext({size:`md`,variant:`ghost`,color:`primary`,spacing:0,orientation:`horizontal`});function ToggleGroup$1({className:e,variant:n,color:a,size:s,spacing:c=0,orientation:l=`horizontal`,children:u,...d}){return i(r.Root,{"data-slot":`toggle-group`,"data-variant":n??`ghost`,"data-color":a??`primary`,"data-size":s??`md`,"data-spacing":c,"data-orientation":l,style:{"--gap":c},className:t(`group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch`,e),...d,children:i(o.Provider,{value:{variant:n,color:a,size:s,spacing:c,orientation:l},children:u})})}e(ToggleGroup$1,`ToggleGroup`);function ToggleGroupItem({className:e,children:s,variant:c=`ghost`,color:l=`primary`,size:u=`md`,...d}){let f=a.useContext(o);return i(r.Item,{"data-slot":`toggle-group-item`,"data-variant":f.variant||c,"data-color":f.color||l,"data-size":f.size||u,"data-spacing":f.spacing,className:t(`shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg`,`group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t`,`group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=secondary]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=secondary]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=secondary]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=secondary]:first:border-t`,n({variant:f.variant||c,color:f.color||l,size:f.size||u}),e),...d,children:s})}export{ToggleGroupItem as n,ToggleGroup$1 as t};
+//# sourceMappingURL=toggle-group-D0OIpZN-.js.map

package/dist/toggle-group-D0OIpZN-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group-D0OIpZN-.js","names":["ToggleGroup","ToggleGroupPrimitive"],"sources":["../src/components/toggle-group.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { VariantProps } from 'class-variance-authority'\nimport { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\nimport { toggleVariants } from './toggle'\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n    orientation?: 'horizontal' | 'vertical'\n  }\n>({\n  size: 'md',\n  variant: 'ghost',\n  color: 'primary',\n  spacing: 0,\n  orientation: 'horizontal'\n})\n\nexport type ToggleGroupProps = React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n    orientation?: 'horizontal' | 'vertical'\n  }\n\nexport type ToggleGroupItemProps = React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  VariantProps<typeof toggleVariants>\n\nfunction ToggleGroup({\n  className,\n  variant,\n  color,\n  size,\n  spacing = 0,\n  orientation = 'horizontal',\n  children,\n  ...props\n}: ToggleGroupProps) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant ?? 'ghost'}\n      data-color={color ?? 'primary'}\n      data-size={size ?? 'md'}\n      data-spacing={spacing}\n      data-orientation={orientation}\n      style={{ '--gap': spacing } as React.CSSProperties}\n      className={cn(\n        'group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch',\n        className\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, color, size, spacing, orientation }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  )\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant = 'ghost',\n  color = 'primary',\n  size = 'md',\n  ...props\n}: ToggleGroupItemProps) {\n  const context = React.useContext(ToggleGroupContext)\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-color={context.color || color}\n      data-size={context.size || size}\n      data-spacing={context.spacing}\n      className={cn(\n        'shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg',\n        'group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t',\n        'group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=secondary]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=secondary]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=secondary]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=secondary]:first:border-t',\n        toggleVariants({\n          variant: context.variant || variant,\n          color: context.color || color,\n          size: context.size || size\n        }),\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"mappings":"iOAQA,MAAM,EAAqB,EAAM,cAK/B,CACA,KAAM,KACN,QAAS,QACT,MAAO,UACP,QAAS,EACT,YAAa,YACf,CAAC,EAWD,SAASA,cAAY,CACnB,YACA,UACA,QACA,OACA,UAAU,EACV,cAAc,aACd,WACA,GAAG,GACgB,CACnB,OACE,EAACC,EAAqB,KAAtB,CACE,YAAU,eACV,eAAc,GAAW,QACzB,aAAY,GAAS,UACrB,YAAW,GAAQ,KACnB,eAAc,EACd,mBAAkB,EAClB,MAAO,CAAE,QAAS,CAAQ,EAC1B,UAAW,EACT,oMACA,CACF,EACA,GAAI,EAEJ,SAAA,EAAC,EAAmB,SAApB,CAA6B,MAAO,CAAE,UAAS,QAAO,OAAM,UAAS,aAAY,EAC9E,UAC0B,CAAA,CACJ,CAAA,CAE/B,gCAEA,SAAS,gBAAgB,CACvB,YACA,WACA,UAAU,QACV,QAAQ,UACR,OAAO,KACP,GAAG,GACoB,CACvB,IAAM,EAAU,EAAM,WAAW,CAAkB,EAEnD,OACE,EAACA,EAAqB,KAAtB,CACE,YAAU,oBACV,eAAc,EAAQ,SAAW,EACjC,aAAY,EAAQ,OAAS,EAC7B,YAAW,EAAQ,MAAQ,EAC3B,eAAc,EAAQ,QACtB,UAAW,EACT,yZACA,8VACA,sWACA,EAAe,CACb,QAAS,EAAQ,SAAW,EAC5B,MAAO,EAAQ,OAAS,EACxB,KAAM,EAAQ,MAAQ,CACxB,CAAC,EACD,CACF,EACA,GAAI,EAEH,UACwB,CAAA,CAE/B"}