@alkimi.org/ui-kit 0.6.7 → 0.7.0

package/dist/{chunk-7FMGZ6EI.js.map → chunk-AKKFRUJZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-7FMGZ6EI.js","../src/components/sidebar.tsx"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","openMobile","setOpenMobile","isFullyOpen","setIsFullyOpen","isAnimating","setIsAnimating","_open","_setOpen","open","setOpen","value","openState"],"mappings":"AAAA,+8BAAY;AACZ,sDAA4D,sDAAwC,sDAAoE,sDAAwC,sDAAwC,sDAA+C,sDAAwC,uECCxT,iDACF,kEACkB,2CACJ,+CA6MrB,IAxLRA,EAAAA,CAAsB,eAAA,CACtBC,EAAAA,CAAyB,IAAA,CAAU,EAAA,CAAK,CAAA,CACxCC,EAAAA,CAAgB,UAAA,CAChBC,CAAAA,CAAuB,OAAA,CACvBC,EAAAA,CAAqB,sBAAA,CACrBC,EAAAA,CAA4B,GAAA,CAe5BC,CAAAA,CAAuB,CAAA,CAAA,aAAA,CAA0C,IAAI,CAAA,CAE3E,SAASC,CAAAA,CAAAA,CAAa,CACpB,IAAMC,CAAAA,CAAgB,CAAA,CAAA,UAAA,CAAWF,CAAc,CAAA,CAC/C,EAAA,CAAI,CAACE,CAAAA,CACH,MAAM,IAAI,KAAA,CAAM,mDAAmD,CAAA,CAGrE,OAAOA,CACT,CAEA,IAAMC,EAAAA,CAAwB,CAAA,CAAA,UAAA,CAQ5B,CACE,CACE,WAAA,CAAAC,CAAAA,CAAc,CAAA,CAAA,CACd,IAAA,CAAMC,CAAAA,CACN,YAAA,CAAcC,CAAAA,CACd,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,GAAM,CAACC,CAAAA,CAAYC,CAAa,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CAClD,CAACC,CAAAA,CAAaC,CAAc,CAAA,CAAU,CAAA,CAAA,QAAA,CAASX,CAAW,CAAA,CAC1D,CAACY,CAAAA,CAAaC,CAAc,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CAEpD,CAACC,CAAAA,CAAOC,CAAQ,CAAA,CAAU,CAAA,CAAA,QAAA,CAASf,CAAW,CAAA,CAC9CgB,CAAAA,kBAAOf,CAAAA,SAAYa,GAAAA,CACnBG,CAAAA,CAAgB,CAAA,CAAA,WAAA,CACnBC,CAAAA,EAAmD,CAClD,IAAMC,CAAAA,CAAY,OAAOD,CAAAA,EAAU,UAAA,CAAaA,CAAAA,CAAMF,CAAI,CAAA,CAAIE,CAAAA,CAC1DhB,CAAAA,CACFA,CAAAA,CAAYiB,CAAS,CAAA,CAErBJ,CAAAA,CAASI,CAAS,CAAA,CAGpB,QAAA,CAAS,MAAA,CAAS,CAAA,EAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-7FMGZ6EI.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { PanelLeft, X, Menu } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button, buttonVariants } from \"@/components/button\"\nimport { Input } from \"@/components/input\"\nimport { Separator } from \"@/components/separator\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/sheet\"\nimport { Skeleton } from \"@/components/skeleton\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/tooltip\"\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = \"16.75rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"23rem\"\nconst SIDEBAR_WIDTH_ICON = \"calc(3rem + 0.75rem)\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\n\ntype SidebarContextProps = {\n  state: \"expanded\" | \"collapsed\"\n  isOpen: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  toggleSidebar: () => void\n  toggleMobileSidebar: () => void\n  setIsFullyOpen: (open: boolean) => void\n  isAnimating: boolean\n  setIsAnimating: (animating: boolean) => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext)\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\")\n  }\n\n  return context\n}\n\nconst SidebarProvider = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    defaultOpen?: boolean\n    open?: boolean\n    onOpenChange?: (open: boolean) => void\n  }\n>(\n  (\n    {\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange: setOpenProp,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [openMobile, setOpenMobile] = React.useState(false)\n    const [isFullyOpen, setIsFullyOpen] = React.useState(defaultOpen)\n    const [isAnimating, setIsAnimating] = React.useState(false)\n\n    const [_open, _setOpen] = React.useState(defaultOpen)\n    const open = openProp ?? _open\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === \"function\" ? value(open) : value\n        if (setOpenProp) {\n          setOpenProp(openState)\n        } else {\n          _setOpen(openState)\n        }\n\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      },\n      [setOpenProp, open]\n    )\n\n    const toggleSidebar = React.useCallback(() => {\n      setOpen((open) => !open)\n    }, [setOpen])\n\n    const toggleMobileSidebar = React.useCallback(() => {\n      setOpenMobile((open) => !open)\n    }, [setOpenMobile])\n\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (\n          event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n          (event.metaKey || event.ctrlKey)\n        ) {\n          event.preventDefault()\n          toggleSidebar()\n        }\n      }\n\n      window.addEventListener(\"keydown\", handleKeyDown)\n      return () => window.removeEventListener(\"keydown\", handleKeyDown)\n    }, [toggleSidebar])\n\n    const state = open ? \"expanded\" : \"collapsed\"\n\n    const contextValue = React.useMemo<SidebarContextProps>(\n      () => ({\n        state,\n        isOpen: isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n      }),\n      [\n        state,\n        isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n      ]\n    )\n\n    const [bannerHeight, setBannerHeight] = React.useState(0)\n    const bannerRef = React.useRef<HTMLDivElement>(null)\n\n    // Measure banner height\n    React.useEffect(() => {\n      const banner = bannerRef.current\n      if (!banner) {\n        setBannerHeight(0)\n        return\n      }\n\n      const updateHeight = () => {\n        setBannerHeight(banner.offsetHeight)\n      }\n\n      updateHeight()\n\n      const resizeObserver = new ResizeObserver(updateHeight)\n      resizeObserver.observe(banner)\n\n      return () => resizeObserver.disconnect()\n    }, [])\n\n    // Separate banner children (SidebarBanner) from layout children (Sidebar, SidebarInset)\n    const childArray = React.Children.toArray(children)\n    const bannerChildren = childArray.filter(\n      (child) =>\n        React.isValidElement(child) &&\n        (child.type as React.FC & { displayName?: string })?.displayName ===\n          \"SidebarBanner\"\n    )\n    const layoutChildren = childArray.filter(\n      (child) =>\n        !React.isValidElement(child) ||\n        (child.type as React.FC & { displayName?: string })?.displayName !==\n          \"SidebarBanner\"\n    )\n\n    const hasBanner = bannerChildren.length > 0\n\n    return (\n      <SidebarContext.Provider value={contextValue}>\n        <TooltipProvider delayDuration={0}>\n          <div\n            style={\n              {\n                \"--sidebar-width\": SIDEBAR_WIDTH,\n                \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n                \"--sidebar-top\": hasBanner ? `${bannerHeight}px` : \"0px\",\n                ...style,\n              } as React.CSSProperties\n            }\n            className={cn(\n              \"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar\",\n              hasBanner && \"flex-col\",\n              className\n            )}\n            ref={ref}\n            {...props}\n          >\n            {hasBanner ? (\n              <>\n                <div ref={bannerRef}>{bannerChildren}</div>\n                <div className=\"flex flex-1\">{layoutChildren}</div>\n              </>\n            ) : (\n              children\n            )}\n          </div>\n        </TooltipProvider>\n      </SidebarContext.Provider>\n    )\n  }\n)\nSidebarProvider.displayName = \"SidebarProvider\"\n\nconst SidebarBanner = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"banner\"\n      className={cn(\"sticky top-0 z-20 w-full\", className)}\n      {...props}\n    />\n  )\n})\nSidebarBanner.displayName = \"SidebarBanner\"\n\nconst Sidebar = React.forwardRef<\n  HTMLElement,\n  React.ComponentProps<\"aside\"> & {\n    side?: \"left\" | \"right\"\n    variant?: \"sidebar\" | \"floating\" | \"inset\"\n    collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n  }\n>(\n  (\n    {\n      side = \"left\",\n      variant = \"sidebar\",\n      collapsible = \"offcanvas\",\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { state, openMobile, setOpenMobile, setIsFullyOpen, setIsAnimating } =\n      useSidebar()\n    const sidebarRef = React.useRef<HTMLDivElement>(null)\n    const isFirstRenderRef = React.useRef(true)\n\n    // Track when the sidebar animation completes\n    React.useEffect(() => {\n      const sidebar = sidebarRef.current\n      if (!sidebar) return\n\n      // On first render, set isFullyOpen immediately without waiting for animation\n      if (isFirstRenderRef.current) {\n        isFirstRenderRef.current = false\n        setIsFullyOpen(state === \"expanded\")\n        setIsAnimating(false)\n        return\n      }\n\n      // Mark as animating when state changes\n      setIsAnimating(true)\n\n      // Fallback timeout in case transitionend doesn't fire\n      const fallbackTimeout = setTimeout(() => {\n        setIsFullyOpen(state === \"expanded\")\n        setIsAnimating(false)\n      }, 300) // Slightly longer than the 200ms transition duration\n\n      const handleTransitionEnd = (event: TransitionEvent) => {\n        // Only respond to transitions on the sidebar itself, not children\n        if (event.target !== sidebar) return\n\n        // Check if we're transitioning width, left, or right properties\n        if (\n          event.propertyName === \"left\" ||\n          event.propertyName === \"right\" ||\n          event.propertyName === \"width\"\n        ) {\n          clearTimeout(fallbackTimeout)\n          setIsFullyOpen(state === \"expanded\")\n          setIsAnimating(false)\n        }\n      }\n\n      sidebar.addEventListener(\"transitionend\", handleTransitionEnd)\n      return () => {\n        sidebar.removeEventListener(\"transitionend\", handleTransitionEnd)\n        clearTimeout(fallbackTimeout)\n      }\n    }, [state, setIsFullyOpen, setIsAnimating])\n\n    if (collapsible === \"none\") {\n      return (\n        <aside\n          className={cn(\n            \"flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground\",\n            className\n          )}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </aside>\n      )\n    }\n\n    return (\n      <>\n        {/* Mobile Sheet - visible only on mobile (< md) */}\n        <Sheet open={openMobile} onOpenChange={setOpenMobile}>\n          <SheetContent\n            data-sidebar=\"sidebar\"\n            data-mobile=\"true\"\n            className=\"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n            style={\n              {\n                width: SIDEBAR_WIDTH_MOBILE,\n                maxWidth: SIDEBAR_WIDTH_MOBILE,\n              } as React.CSSProperties\n            }\n            side={side}\n          >\n            <SheetHeader className=\"sr-only\">\n              <SheetTitle>Sidebar</SheetTitle>\n              <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n            </SheetHeader>\n            <div className=\"flex h-full w-full flex-col\">{children}</div>\n          </SheetContent>\n        </Sheet>\n\n        {/* Desktop Sidebar - visible only on desktop (md+) */}\n        <aside\n          ref={ref}\n          className=\"group peer hidden text-sidebar-foreground md:block\"\n          data-state={state}\n          data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n          data-variant={variant}\n          data-side={side}\n        >\n          {/* Spacer to reserve horizontal space */}\n          <div\n            className={cn(\n              \"w-(--sidebar-width) transition-[width] duration-200 ease-linear\",\n              \"group-data-[collapsible=offcanvas]:w-0\",\n              variant === \"floating\" || variant === \"inset\"\n                ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n            )}\n          />\n          {/* Fixed sidebar */}\n          <div\n            ref={sidebarRef}\n            className={cn(\n              \"fixed z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n              \"top-(--sidebar-top) h-[calc(100svh-var(--sidebar-top))]\",\n              side === \"left\"\n                ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n                : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n              variant === \"floating\" || variant === \"inset\"\n                ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n              className\n            )}\n            {...props}\n          >\n            <div\n              data-sidebar=\"sidebar\"\n              className=\"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n            >\n              <div className=\"flex flex-col my-2.5 ml-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-full\">\n                {children}\n              </div>\n            </div>\n          </div>\n        </aside>\n      </>\n    )\n  }\n)\nSidebar.displayName = \"Sidebar\"\n\nconst SidebarTrigger = React.forwardRef<\n  React.ElementRef<typeof Button>,\n  React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n  const { toggleSidebar, toggleMobileSidebar, openMobile } = useSidebar()\n\n  return (\n    <>\n      {/* Mobile trigger - visible only on mobile (< md) */}\n      <Button\n        ref={ref}\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\n          \"md:hidden bg-transparent hover:bg-transparent\",\n          className\n        )}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleMobileSidebar()\n        }}\n        {...props}\n      >\n        {openMobile ? (\n          <span\n            className={cn(\n              buttonVariants({ variant: \"secondary\", size: \"icon\" })\n            )}\n          >\n            <X size={16} />\n          </span>\n        ) : (\n          <span\n            className={cn(buttonVariants({ variant: \"outline\", size: \"icon\" }))}\n          >\n            <Menu size={16} />\n          </span>\n        )}\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n\n      {/* Desktop trigger - visible only on desktop (md+) */}\n      <Button\n        ref={ref}\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\n          \"hidden md:flex h-7 w-7 bg-transparent hover:bg-transparent\",\n          className\n        )}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleSidebar()\n        }}\n        {...props}\n      >\n        <span className=\"rounded-full hover:bg-secondary p-2\">\n          <PanelLeft size={16} />\n        </span>\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n    </>\n  )\n})\nSidebarTrigger.displayName = \"SidebarTrigger\"\n\nconst SidebarRail = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar()\n\n  return (\n    <button\n      ref={ref}\n      data-sidebar=\"rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex\",\n        \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n        \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar\",\n        \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n        \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarRail.displayName = \"SidebarRail\"\n\nconst SidebarInset = React.memo(\n  React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(\n    ({ className, ...props }, ref) => {\n      return (\n        <main\n          ref={ref}\n          className={cn(\n            \"relative flex w-full flex-1 flex-col\",\n            \"md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow\",\n            className\n          )}\n          {...props}\n        />\n      )\n    }\n  )\n)\nSidebarInset.displayName = \"SidebarInset\"\n\nconst SidebarInput = React.forwardRef<\n  React.ElementRef<typeof Input>,\n  React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n  return (\n    <Input\n      ref={ref}\n      data-sidebar=\"input\"\n      className={cn(\n        \"h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarInput.displayName = \"SidebarInput\"\n\nconst SidebarHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showTrigger?: boolean\n  }\n>(({ className, showTrigger = false, children, ...props }, ref) => {\n  const { state } = useSidebar()\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"header\"\n      className={cn(\n        \"flex w-full gap-2 p-2\",\n        state === \"collapsed\"\n          ? \"justify-center items-center\"\n          : \"justify-between items-start\",\n        className\n      )}\n      {...props}\n    >\n      {state !== \"collapsed\" && (\n        <div className=\"transition-all duration-200 w-full h-fit flex justify-between overflow-hidden\">\n          <div className=\"whitespace-nowrap\">{children}</div>\n        </div>\n      )}\n\n      {showTrigger && <SidebarTrigger />}\n    </div>\n  )\n})\nSidebarHeader.displayName = \"SidebarHeader\"\n\nconst SidebarFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"footer\"\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\n      {...props}\n    />\n  )\n})\nSidebarFooter.displayName = \"SidebarFooter\"\n\nconst SidebarSeparator = React.forwardRef<\n  React.ElementRef<typeof Separator>,\n  React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => {\n  return (\n    <Separator\n      ref={ref}\n      data-sidebar=\"separator\"\n      className={cn(\"mx-2 w-auto bg-border\", className)}\n      {...props}\n    />\n  )\n})\nSidebarSeparator.displayName = \"SidebarSeparator\"\n\nconst SidebarContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"content\"\n      className={cn(\n        \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarContent.displayName = \"SidebarContent\"\n\nconst SidebarGroup = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"group\"\n      className={cn(\n        \"relative flex w-full min-w-0 flex-col\",\n        \"group-data-[collapsible=icon]:p-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroup.displayName = \"SidebarGroup\"\n\nconst SidebarGroupLabel = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"div\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-label\"\n      className={cn(\n        \"flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\"\n\nconst SidebarGroupAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-action\"\n      className={cn(\n        \"absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"after:absolute after:-inset-2 after:md:hidden\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroupAction.displayName = \"SidebarGroupAction\"\n\nconst SidebarGroupContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"group-content\"\n    className={cn(\"w-full text-sm\", className)}\n    {...props}\n  />\n))\nSidebarGroupContent.displayName = \"SidebarGroupContent\"\n\nconst SidebarMenu = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu\"\n    className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n    {...props}\n  />\n))\nSidebarMenu.displayName = \"SidebarMenu\"\n\nconst SidebarMenuItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    data-sidebar=\"menu-item\"\n    className={cn(\"group/menu-item relative\", className)}\n    {...props}\n  />\n))\nSidebarMenuItem.displayName = \"SidebarMenuItem\"\n\nconst sidebarMenuButtonVariants = cva(\n  \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"hover:bg-sidebar-accent/20 hover:text-sidebar-accent-foreground\",\n        outline:\n          \"bg-sidebar shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\",\n      },\n      size: {\n        default: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst SidebarMenuButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean\n    isActive?: boolean\n    tooltip?: string | React.ComponentProps<typeof TooltipContent>\n  } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      variant = \"default\",\n      size = \"default\",\n      tooltip,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\"\n    const { state } = useSidebar()\n\n    const button = (\n      <Comp\n        ref={ref}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={isActive}\n        className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n        {...props}\n      />\n    )\n\n    if (!tooltip) {\n      return button\n    }\n\n    if (typeof tooltip === \"string\") {\n      tooltip = {\n        children: tooltip,\n      }\n    }\n\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{button}</TooltipTrigger>\n        <TooltipContent\n          side=\"right\"\n          align=\"center\"\n          hidden={state !== \"collapsed\"}\n          {...tooltip}\n        />\n      </Tooltip>\n    )\n  }\n)\nSidebarMenuButton.displayName = \"SidebarMenuButton\"\n\nconst SidebarMenuAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean\n    showOnHover?: boolean\n  }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-action\"\n      className={cn(\n        \"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"after:absolute after:-inset-2 after:md:hidden\",\n        \"peer-data-[size=sm]/menu-button:top-1\",\n        \"peer-data-[size=default]/menu-button:top-1.5\",\n        \"peer-data-[size=lg]/menu-button:top-2.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        showOnHover &&\n          \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-base-accent-foreground md:opacity-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuAction.displayName = \"SidebarMenuAction\"\n\nconst SidebarMenuBadge = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"menu-badge\"\n    className={cn(\n      \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\n      \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n      \"peer-data-[size=sm]/menu-button:top-1\",\n      \"peer-data-[size=default]/menu-button:top-1.5\",\n      \"peer-data-[size=lg]/menu-button:top-2.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n))\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\"\n\nconst SidebarMenuSkeleton = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showIcon?: boolean\n  }\n>(({ className, showIcon = false, ...props }, ref) => {\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`\n  }, [])\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"menu-skeleton\"\n      className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton\n          className=\"size-4 rounded-md\"\n          data-sidebar=\"menu-skeleton-icon\"\n        />\n      )}\n      <Skeleton\n        className=\"h-4 max-w-[--skeleton-width] flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            \"--skeleton-width\": width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  )\n})\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\"\n\nconst SidebarMenuSub = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu-sub\"\n    className={cn(\n      \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n))\nSidebarMenuSub.displayName = \"SidebarMenuSub\"\n\nconst SidebarMenuSubItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ ...props }, ref) => <li ref={ref} {...props} />)\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\"\n\nconst SidebarMenuSubButton = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<\"a\"> & {\n    asChild?: boolean\n    size?: \"sm\" | \"md\"\n    isActive?: boolean\n  }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n        \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n        size === \"sm\" && \"text-xs\",\n        size === \"md\" && \"text-sm\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\"\n\nexport {\n  Sidebar,\n  SidebarBanner,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n}\n"]}
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-AKKFRUJZ.js","../src/components/sidebar.tsx"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","openMobile","setOpenMobile","isFullyOpen","setIsFullyOpen","isAnimating","setIsAnimating","_open","_setOpen","open","setOpen","value","openState"],"mappings":"AAAA,+8BAAY;AACZ,sDAA4D,sDAAwC,sDAAoE,sDAAwC,sDAAwC,sDAA+C,sDAAwC,uECCxT,iDACF,kEACkB,2CACJ,+CA6MrB,IAxLRA,EAAAA,CAAsB,eAAA,CACtBC,EAAAA,CAAyB,IAAA,CAAU,EAAA,CAAK,CAAA,CACxCC,EAAAA,CAAgB,UAAA,CAChBC,CAAAA,CAAuB,OAAA,CACvBC,EAAAA,CAAqB,sBAAA,CACrBC,EAAAA,CAA4B,GAAA,CAe5BC,CAAAA,CAAuB,CAAA,CAAA,aAAA,CAA0C,IAAI,CAAA,CAE3E,SAASC,CAAAA,CAAAA,CAAa,CACpB,IAAMC,CAAAA,CAAgB,CAAA,CAAA,UAAA,CAAWF,CAAc,CAAA,CAC/C,EAAA,CAAI,CAACE,CAAAA,CACH,MAAM,IAAI,KAAA,CAAM,mDAAmD,CAAA,CAGrE,OAAOA,CACT,CAEA,IAAMC,EAAAA,CAAwB,CAAA,CAAA,UAAA,CAQ5B,CACE,CACE,WAAA,CAAAC,CAAAA,CAAc,CAAA,CAAA,CACd,IAAA,CAAMC,CAAAA,CACN,YAAA,CAAcC,CAAAA,CACd,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,GAAM,CAACC,CAAAA,CAAYC,CAAa,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CAClD,CAACC,CAAAA,CAAaC,CAAc,CAAA,CAAU,CAAA,CAAA,QAAA,CAASX,CAAW,CAAA,CAC1D,CAACY,CAAAA,CAAaC,CAAc,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CAEpD,CAACC,CAAAA,CAAOC,CAAQ,CAAA,CAAU,CAAA,CAAA,QAAA,CAASf,CAAW,CAAA,CAC9CgB,CAAAA,kBAAOf,CAAAA,SAAYa,GAAAA,CACnBG,CAAAA,CAAgB,CAAA,CAAA,WAAA,CACnBC,CAAAA,EAAmD,CAClD,IAAMC,CAAAA,CAAY,OAAOD,CAAAA,EAAU,UAAA,CAAaA,CAAAA,CAAMF,CAAI,CAAA,CAAIE,CAAAA,CAC1DhB,CAAAA,CACFA,CAAAA,CAAYiB,CAAS,CAAA,CAErBJ,CAAAA,CAASI,CAAS,CAAA,CAGpB,QAAA,CAAS,MAAA,CAAS,CAAA,EAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-AKKFRUJZ.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { PanelLeft, X, Menu } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button, buttonVariants } from \"@/components/button\"\nimport { Input } from \"@/components/input\"\nimport { Separator } from \"@/components/separator\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/sheet\"\nimport { Skeleton } from \"@/components/skeleton\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/tooltip\"\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = \"16.75rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"23rem\"\nconst SIDEBAR_WIDTH_ICON = \"calc(3rem + 0.75rem)\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\n\ntype SidebarContextProps = {\n  state: \"expanded\" | \"collapsed\"\n  isOpen: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  toggleSidebar: () => void\n  toggleMobileSidebar: () => void\n  setIsFullyOpen: (open: boolean) => void\n  isAnimating: boolean\n  setIsAnimating: (animating: boolean) => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext)\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\")\n  }\n\n  return context\n}\n\nconst SidebarProvider = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    defaultOpen?: boolean\n    open?: boolean\n    onOpenChange?: (open: boolean) => void\n  }\n>(\n  (\n    {\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange: setOpenProp,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [openMobile, setOpenMobile] = React.useState(false)\n    const [isFullyOpen, setIsFullyOpen] = React.useState(defaultOpen)\n    const [isAnimating, setIsAnimating] = React.useState(false)\n\n    const [_open, _setOpen] = React.useState(defaultOpen)\n    const open = openProp ?? _open\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === \"function\" ? value(open) : value\n        if (setOpenProp) {\n          setOpenProp(openState)\n        } else {\n          _setOpen(openState)\n        }\n\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      },\n      [setOpenProp, open]\n    )\n\n    const toggleSidebar = React.useCallback(() => {\n      setOpen((open) => !open)\n    }, [setOpen])\n\n    const toggleMobileSidebar = React.useCallback(() => {\n      setOpenMobile((open) => !open)\n    }, [setOpenMobile])\n\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (\n          event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n          (event.metaKey || event.ctrlKey)\n        ) {\n          event.preventDefault()\n          toggleSidebar()\n        }\n      }\n\n      window.addEventListener(\"keydown\", handleKeyDown)\n      return () => window.removeEventListener(\"keydown\", handleKeyDown)\n    }, [toggleSidebar])\n\n    const state = open ? \"expanded\" : \"collapsed\"\n\n    const contextValue = React.useMemo<SidebarContextProps>(\n      () => ({\n        state,\n        isOpen: isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n      }),\n      [\n        state,\n        isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n      ]\n    )\n\n    const [bannerHeight, setBannerHeight] = React.useState(0)\n    const bannerRef = React.useRef<HTMLDivElement>(null)\n\n    // Measure banner height\n    React.useEffect(() => {\n      const banner = bannerRef.current\n      if (!banner) {\n        setBannerHeight(0)\n        return\n      }\n\n      const updateHeight = () => {\n        setBannerHeight(banner.offsetHeight)\n      }\n\n      updateHeight()\n\n      const resizeObserver = new ResizeObserver(updateHeight)\n      resizeObserver.observe(banner)\n\n      return () => resizeObserver.disconnect()\n    }, [])\n\n    // Separate banner children (SidebarBanner) from layout children (Sidebar, SidebarInset)\n    const childArray = React.Children.toArray(children)\n    const bannerChildren = childArray.filter(\n      (child) =>\n        React.isValidElement(child) &&\n        (child.type as React.FC & { displayName?: string })?.displayName ===\n          \"SidebarBanner\"\n    )\n    const layoutChildren = childArray.filter(\n      (child) =>\n        !React.isValidElement(child) ||\n        (child.type as React.FC & { displayName?: string })?.displayName !==\n          \"SidebarBanner\"\n    )\n\n    const hasBanner = bannerChildren.length > 0\n\n    return (\n      <SidebarContext.Provider value={contextValue}>\n        <TooltipProvider delayDuration={0}>\n          <div\n            style={\n              {\n                \"--sidebar-width\": SIDEBAR_WIDTH,\n                \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n                \"--sidebar-top\": hasBanner ? `${bannerHeight}px` : \"0px\",\n                ...style,\n              } as React.CSSProperties\n            }\n            className={cn(\n              \"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar\",\n              hasBanner && \"flex-col\",\n              className\n            )}\n            ref={ref}\n            {...props}\n          >\n            {hasBanner ? (\n              <>\n                <div ref={bannerRef}>{bannerChildren}</div>\n                <div className=\"flex flex-1\">{layoutChildren}</div>\n              </>\n            ) : (\n              children\n            )}\n          </div>\n        </TooltipProvider>\n      </SidebarContext.Provider>\n    )\n  }\n)\nSidebarProvider.displayName = \"SidebarProvider\"\n\nconst SidebarBanner = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"banner\"\n      className={cn(\"sticky top-0 z-20 w-full\", className)}\n      {...props}\n    />\n  )\n})\nSidebarBanner.displayName = \"SidebarBanner\"\n\nconst Sidebar = React.forwardRef<\n  HTMLElement,\n  React.ComponentProps<\"aside\"> & {\n    side?: \"left\" | \"right\"\n    variant?: \"sidebar\" | \"floating\" | \"inset\"\n    collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n  }\n>(\n  (\n    {\n      side = \"left\",\n      variant = \"sidebar\",\n      collapsible = \"offcanvas\",\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { state, openMobile, setOpenMobile, setIsFullyOpen, setIsAnimating } =\n      useSidebar()\n    const sidebarRef = React.useRef<HTMLDivElement>(null)\n    const isFirstRenderRef = React.useRef(true)\n\n    // Track when the sidebar animation completes\n    React.useEffect(() => {\n      const sidebar = sidebarRef.current\n      if (!sidebar) return\n\n      // On first render, set isFullyOpen immediately without waiting for animation\n      if (isFirstRenderRef.current) {\n        isFirstRenderRef.current = false\n        setIsFullyOpen(state === \"expanded\")\n        setIsAnimating(false)\n        return\n      }\n\n      // Mark as animating when state changes\n      setIsAnimating(true)\n\n      // Fallback timeout in case transitionend doesn't fire\n      const fallbackTimeout = setTimeout(() => {\n        setIsFullyOpen(state === \"expanded\")\n        setIsAnimating(false)\n      }, 300) // Slightly longer than the 200ms transition duration\n\n      const handleTransitionEnd = (event: TransitionEvent) => {\n        // Only respond to transitions on the sidebar itself, not children\n        if (event.target !== sidebar) return\n\n        // Check if we're transitioning width, left, or right properties\n        if (\n          event.propertyName === \"left\" ||\n          event.propertyName === \"right\" ||\n          event.propertyName === \"width\"\n        ) {\n          clearTimeout(fallbackTimeout)\n          setIsFullyOpen(state === \"expanded\")\n          setIsAnimating(false)\n        }\n      }\n\n      sidebar.addEventListener(\"transitionend\", handleTransitionEnd)\n      return () => {\n        sidebar.removeEventListener(\"transitionend\", handleTransitionEnd)\n        clearTimeout(fallbackTimeout)\n      }\n    }, [state, setIsFullyOpen, setIsAnimating])\n\n    if (collapsible === \"none\") {\n      return (\n        <aside\n          className={cn(\n            \"flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground\",\n            className\n          )}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </aside>\n      )\n    }\n\n    return (\n      <>\n        {/* Mobile Sheet - visible only on mobile (< md) */}\n        <Sheet open={openMobile} onOpenChange={setOpenMobile}>\n          <SheetContent\n            data-sidebar=\"sidebar\"\n            data-mobile=\"true\"\n            className=\"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n            style={\n              {\n                width: SIDEBAR_WIDTH_MOBILE,\n                maxWidth: SIDEBAR_WIDTH_MOBILE,\n              } as React.CSSProperties\n            }\n            side={side}\n          >\n            <SheetHeader className=\"sr-only\">\n              <SheetTitle>Sidebar</SheetTitle>\n              <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n            </SheetHeader>\n            <div className=\"flex h-full w-full flex-col\">{children}</div>\n          </SheetContent>\n        </Sheet>\n\n        {/* Desktop Sidebar - visible only on desktop (md+) */}\n        <aside\n          ref={ref}\n          className=\"group peer hidden text-sidebar-foreground md:block\"\n          data-state={state}\n          data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n          data-variant={variant}\n          data-side={side}\n        >\n          {/* Spacer to reserve horizontal space */}\n          <div\n            className={cn(\n              \"w-(--sidebar-width) transition-[width] duration-200 ease-linear\",\n              \"group-data-[collapsible=offcanvas]:w-0\",\n              variant === \"floating\" || variant === \"inset\"\n                ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n            )}\n          />\n          {/* Fixed sidebar */}\n          <div\n            ref={sidebarRef}\n            className={cn(\n              \"fixed z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n              \"top-(--sidebar-top) h-[calc(100svh-var(--sidebar-top))]\",\n              side === \"left\"\n                ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n                : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n              variant === \"floating\" || variant === \"inset\"\n                ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n              className\n            )}\n            {...props}\n          >\n            <div\n              data-sidebar=\"sidebar\"\n              className=\"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n            >\n              <div className=\"flex flex-col my-2.5 ml-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-full\">\n                {children}\n              </div>\n            </div>\n          </div>\n        </aside>\n      </>\n    )\n  }\n)\nSidebar.displayName = \"Sidebar\"\n\nconst SidebarTrigger = React.forwardRef<\n  React.ElementRef<typeof Button>,\n  React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n  const { toggleSidebar, toggleMobileSidebar, openMobile } = useSidebar()\n\n  return (\n    <>\n      {/* Mobile trigger - visible only on mobile (< md) */}\n      <Button\n        ref={ref}\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\n          \"md:hidden bg-transparent hover:bg-transparent\",\n          className\n        )}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleMobileSidebar()\n        }}\n        {...props}\n      >\n        {openMobile ? (\n          <span\n            className={cn(\n              buttonVariants({ variant: \"secondary\", size: \"icon\" })\n            )}\n          >\n            <X size={16} />\n          </span>\n        ) : (\n          <span\n            className={cn(buttonVariants({ variant: \"outline\", size: \"icon\" }))}\n          >\n            <Menu size={16} />\n          </span>\n        )}\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n\n      {/* Desktop trigger - visible only on desktop (md+) */}\n      <Button\n        ref={ref}\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\n          \"hidden md:flex h-7 w-7 bg-transparent hover:bg-transparent\",\n          className\n        )}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleSidebar()\n        }}\n        {...props}\n      >\n        <span className=\"rounded-full hover:bg-secondary p-2\">\n          <PanelLeft size={16} />\n        </span>\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n    </>\n  )\n})\nSidebarTrigger.displayName = \"SidebarTrigger\"\n\nconst SidebarRail = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar()\n\n  return (\n    <button\n      ref={ref}\n      data-sidebar=\"rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex\",\n        \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n        \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar\",\n        \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n        \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarRail.displayName = \"SidebarRail\"\n\nconst SidebarInset = React.memo(\n  React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(\n    ({ className, ...props }, ref) => {\n      return (\n        <main\n          ref={ref}\n          className={cn(\n            \"relative flex w-full flex-1 flex-col\",\n            \"md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow\",\n            className\n          )}\n          {...props}\n        />\n      )\n    }\n  )\n)\nSidebarInset.displayName = \"SidebarInset\"\n\nconst SidebarInput = React.forwardRef<\n  React.ElementRef<typeof Input>,\n  React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n  return (\n    <Input\n      ref={ref}\n      data-sidebar=\"input\"\n      className={cn(\n        \"h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarInput.displayName = \"SidebarInput\"\n\nconst SidebarHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showTrigger?: boolean\n  }\n>(({ className, showTrigger = false, children, ...props }, ref) => {\n  const { state } = useSidebar()\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"header\"\n      className={cn(\n        \"flex w-full gap-2 p-2\",\n        state === \"collapsed\"\n          ? \"justify-center items-center\"\n          : \"justify-between items-start\",\n        className\n      )}\n      {...props}\n    >\n      {state !== \"collapsed\" && (\n        <div className=\"transition-all duration-200 w-full h-fit flex justify-between overflow-hidden\">\n          <div className=\"whitespace-nowrap\">{children}</div>\n        </div>\n      )}\n\n      {showTrigger && <SidebarTrigger />}\n    </div>\n  )\n})\nSidebarHeader.displayName = \"SidebarHeader\"\n\nconst SidebarFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"footer\"\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\n      {...props}\n    />\n  )\n})\nSidebarFooter.displayName = \"SidebarFooter\"\n\nconst SidebarSeparator = React.forwardRef<\n  React.ElementRef<typeof Separator>,\n  React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => {\n  return (\n    <Separator\n      ref={ref}\n      data-sidebar=\"separator\"\n      className={cn(\"mx-2 w-auto bg-border\", className)}\n      {...props}\n    />\n  )\n})\nSidebarSeparator.displayName = \"SidebarSeparator\"\n\nconst SidebarContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"content\"\n      className={cn(\n        \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarContent.displayName = \"SidebarContent\"\n\nconst SidebarGroup = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"group\"\n      className={cn(\n        \"relative flex w-full min-w-0 flex-col\",\n        \"group-data-[collapsible=icon]:p-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroup.displayName = \"SidebarGroup\"\n\nconst SidebarGroupLabel = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"div\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-label\"\n      className={cn(\n        \"flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\"\n\nconst SidebarGroupAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-action\"\n      className={cn(\n        \"absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"after:absolute after:-inset-2 after:md:hidden\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroupAction.displayName = \"SidebarGroupAction\"\n\nconst SidebarGroupContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"group-content\"\n    className={cn(\"w-full text-sm\", className)}\n    {...props}\n  />\n))\nSidebarGroupContent.displayName = \"SidebarGroupContent\"\n\nconst SidebarMenu = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu\"\n    className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n    {...props}\n  />\n))\nSidebarMenu.displayName = \"SidebarMenu\"\n\nconst SidebarMenuItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    data-sidebar=\"menu-item\"\n    className={cn(\"group/menu-item relative\", className)}\n    {...props}\n  />\n))\nSidebarMenuItem.displayName = \"SidebarMenuItem\"\n\nconst sidebarMenuButtonVariants = cva(\n  \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"hover:bg-sidebar-accent/20 hover:text-sidebar-accent-foreground\",\n        outline:\n          \"bg-sidebar shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\",\n      },\n      size: {\n        default: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst SidebarMenuButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean\n    isActive?: boolean\n    tooltip?: string | React.ComponentProps<typeof TooltipContent>\n  } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      variant = \"default\",\n      size = \"default\",\n      tooltip,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\"\n    const { state } = useSidebar()\n\n    const button = (\n      <Comp\n        ref={ref}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={isActive}\n        className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n        {...props}\n      />\n    )\n\n    if (!tooltip) {\n      return button\n    }\n\n    if (typeof tooltip === \"string\") {\n      tooltip = {\n        children: tooltip,\n      }\n    }\n\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{button}</TooltipTrigger>\n        <TooltipContent\n          side=\"right\"\n          align=\"center\"\n          hidden={state !== \"collapsed\"}\n          {...tooltip}\n        />\n      </Tooltip>\n    )\n  }\n)\nSidebarMenuButton.displayName = \"SidebarMenuButton\"\n\nconst SidebarMenuAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean\n    showOnHover?: boolean\n  }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-action\"\n      className={cn(\n        \"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"after:absolute after:-inset-2 after:md:hidden\",\n        \"peer-data-[size=sm]/menu-button:top-1\",\n        \"peer-data-[size=default]/menu-button:top-1.5\",\n        \"peer-data-[size=lg]/menu-button:top-2.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        showOnHover &&\n          \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-base-accent-foreground md:opacity-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuAction.displayName = \"SidebarMenuAction\"\n\nconst SidebarMenuBadge = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"menu-badge\"\n    className={cn(\n      \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\n      \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n      \"peer-data-[size=sm]/menu-button:top-1\",\n      \"peer-data-[size=default]/menu-button:top-1.5\",\n      \"peer-data-[size=lg]/menu-button:top-2.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n))\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\"\n\nconst SidebarMenuSkeleton = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showIcon?: boolean\n  }\n>(({ className, showIcon = false, ...props }, ref) => {\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`\n  }, [])\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"menu-skeleton\"\n      className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton\n          className=\"size-4 rounded-md\"\n          data-sidebar=\"menu-skeleton-icon\"\n        />\n      )}\n      <Skeleton\n        className=\"h-4 max-w-[--skeleton-width] flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            \"--skeleton-width\": width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  )\n})\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\"\n\nconst SidebarMenuSub = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu-sub\"\n    className={cn(\n      \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n))\nSidebarMenuSub.displayName = \"SidebarMenuSub\"\n\nconst SidebarMenuSubItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ ...props }, ref) => <li ref={ref} {...props} />)\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\"\n\nconst SidebarMenuSubButton = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<\"a\"> & {\n    asChild?: boolean\n    size?: \"sm\" | \"md\"\n    isActive?: boolean\n  }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n        \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n        size === \"sm\" && \"text-xs\",\n        size === \"md\" && \"text-sm\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\"\n\nexport {\n  Sidebar,\n  SidebarBanner,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n}\n"]}

package/dist/{chunk-WZC45XHC.mjs → chunk-BWVO5ATE.mjs}

@@ -1,3 +1,3 @@
 "use client";
-import{a as l}from"./chunk-DSFHKFDR.mjs";import{b as m}from"./chunk-2YRLGFWP.mjs";import{a as d}from"./chunk-S5TKCF6T.mjs";import*as a from"react";import{CalendarIcon as R}from"lucide-react";import{format as h}from"date-fns";import*as e from"@radix-ui/react-popover";import{jsx as o,jsxs as f}from"react/jsx-runtime";var w=e.Root,N=e.Trigger,P=a.forwardRef(({className:t,align:r="start",sideOffset:i=4,...n},s)=>o(e.Portal,{children:o(e.Content,{ref:s,align:r,sideOffset:i,className:d("z-50 w-auto rounded-md border bg-popover p-0 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",t),...n})}));P.displayName=e.Content.displayName;var b=a.forwardRef(({date:t,onDateChange:r,placeholder:i="Pick a date",disabled:n=!1,className:s,calendarProps:c,formatStr:v="PPP"},u)=>{let[g,p]=a.useState(!1);return f(w,{open:g,onOpenChange:p,children:[o(N,{asChild:!0,children:f(m,{ref:u,variant:"outline",className:d("w-full min-w-[280px] justify-start text-left font-normal",!t&&"text-muted-foreground",s),disabled:n,children:[o(R,{className:"mr-2 h-4 w-4"}),t?h(t,v):o("span",{children:i})]})}),o(P,{className:"w-auto p-0 rounded-3xl",align:"start",children:o(l,{mode:"single",selected:t,onSelect:C=>{r?.(C),p(!1)},defaultMonth:t,...c})})]})});b.displayName="DatePicker";export{b as a};
-//# sourceMappingURL=chunk-WZC45XHC.mjs.map
+import{a as l}from"./chunk-7FX23JBQ.mjs";import{b as m}from"./chunk-W65OWFZY.mjs";import{a as d}from"./chunk-S5TKCF6T.mjs";import*as a from"react";import{CalendarIcon as R}from"lucide-react";import{format as h}from"date-fns";import*as e from"@radix-ui/react-popover";import{jsx as o,jsxs as f}from"react/jsx-runtime";var w=e.Root,N=e.Trigger,P=a.forwardRef(({className:t,align:r="start",sideOffset:i=4,...n},s)=>o(e.Portal,{children:o(e.Content,{ref:s,align:r,sideOffset:i,className:d("z-50 w-auto rounded-md border bg-popover p-0 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",t),...n})}));P.displayName=e.Content.displayName;var b=a.forwardRef(({date:t,onDateChange:r,placeholder:i="Pick a date",disabled:n=!1,className:s,calendarProps:c,formatStr:v="PPP"},u)=>{let[g,p]=a.useState(!1);return f(w,{open:g,onOpenChange:p,children:[o(N,{asChild:!0,children:f(m,{ref:u,variant:"outline",className:d("w-full min-w-[280px] justify-start text-left font-normal",!t&&"text-muted-foreground",s),disabled:n,children:[o(R,{className:"mr-2 h-4 w-4"}),t?h(t,v):o("span",{children:i})]})}),o(P,{className:"w-auto p-0 rounded-3xl",align:"start",children:o(l,{mode:"single",selected:t,onSelect:C=>{r?.(C),p(!1)},defaultMonth:t,...c})})]})});b.displayName="DatePicker";export{b as a};
+//# sourceMappingURL=chunk-BWVO5ATE.mjs.map

package/dist/{chunk-ES4U4ZOZ.js → chunk-ERLFKYOA.js}

@@ -1,3 +1,3 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
-var _chunkW3JPURC6js = require('./chunk-W3JPURC6.js');var _chunkQKOZTOYUjs = require('./chunk-QKOZTOYU.js');var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var a = _interopRequireWildcard(_react);var _lucidereact = require('lucide-react');var _datefns = require('date-fns');var _reactpopover = require('@radix-ui/react-popover'); var e = _interopRequireWildcard(_reactpopover);var _jsxruntime = require('react/jsx-runtime');var w=e.Root,N=e.Trigger,P=a.forwardRef(({className:t,align:r="start",sideOffset:i=4,...n},s)=>_jsxruntime.jsx.call(void 0, e.Portal,{children:_jsxruntime.jsx.call(void 0, e.Content,{ref:s,align:r,sideOffset:i,className:_chunkFUYXCJOQjs.a.call(void 0, "z-50 w-auto rounded-md border bg-popover p-0 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",t),...n})}));P.displayName=e.Content.displayName;var b=a.forwardRef(({date:t,onDateChange:r,placeholder:i="Pick a date",disabled:n=!1,className:s,calendarProps:c,formatStr:v="PPP"},u)=>{let[g,p]=a.useState(!1);return _jsxruntime.jsxs.call(void 0, w,{open:g,onOpenChange:p,children:[_jsxruntime.jsx.call(void 0, N,{asChild:!0,children:_jsxruntime.jsxs.call(void 0, _chunkQKOZTOYUjs.b,{ref:u,variant:"outline",className:_chunkFUYXCJOQjs.a.call(void 0, "w-full min-w-[280px] justify-start text-left font-normal",!t&&"text-muted-foreground",s),disabled:n,children:[_jsxruntime.jsx.call(void 0, _lucidereact.CalendarIcon,{className:"mr-2 h-4 w-4"}),t?_datefns.format.call(void 0, t,v):_jsxruntime.jsx.call(void 0, "span",{children:i})]})}),_jsxruntime.jsx.call(void 0, P,{className:"w-auto p-0 rounded-3xl",align:"start",children:_jsxruntime.jsx.call(void 0, _chunkW3JPURC6js.a,{mode:"single",selected:t,onSelect:C=>{_optionalChain([r, 'optionalCall', _ => _(C)]),p(!1)},defaultMonth:t,...c})})]})});b.displayName="DatePicker";exports.a = b;
-//# sourceMappingURL=chunk-ES4U4ZOZ.js.map
+var _chunkRJKKQWP2js = require('./chunk-RJKKQWP2.js');var _chunk7T4BNCXLjs = require('./chunk-7T4BNCXL.js');var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var a = _interopRequireWildcard(_react);var _lucidereact = require('lucide-react');var _datefns = require('date-fns');var _reactpopover = require('@radix-ui/react-popover'); var e = _interopRequireWildcard(_reactpopover);var _jsxruntime = require('react/jsx-runtime');var w=e.Root,N=e.Trigger,P=a.forwardRef(({className:t,align:r="start",sideOffset:i=4,...n},s)=>_jsxruntime.jsx.call(void 0, e.Portal,{children:_jsxruntime.jsx.call(void 0, e.Content,{ref:s,align:r,sideOffset:i,className:_chunkFUYXCJOQjs.a.call(void 0, "z-50 w-auto rounded-md border bg-popover p-0 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",t),...n})}));P.displayName=e.Content.displayName;var b=a.forwardRef(({date:t,onDateChange:r,placeholder:i="Pick a date",disabled:n=!1,className:s,calendarProps:c,formatStr:v="PPP"},u)=>{let[g,p]=a.useState(!1);return _jsxruntime.jsxs.call(void 0, w,{open:g,onOpenChange:p,children:[_jsxruntime.jsx.call(void 0, N,{asChild:!0,children:_jsxruntime.jsxs.call(void 0, _chunk7T4BNCXLjs.b,{ref:u,variant:"outline",className:_chunkFUYXCJOQjs.a.call(void 0, "w-full min-w-[280px] justify-start text-left font-normal",!t&&"text-muted-foreground",s),disabled:n,children:[_jsxruntime.jsx.call(void 0, _lucidereact.CalendarIcon,{className:"mr-2 h-4 w-4"}),t?_datefns.format.call(void 0, t,v):_jsxruntime.jsx.call(void 0, "span",{children:i})]})}),_jsxruntime.jsx.call(void 0, P,{className:"w-auto p-0 rounded-3xl",align:"start",children:_jsxruntime.jsx.call(void 0, _chunkRJKKQWP2js.a,{mode:"single",selected:t,onSelect:C=>{_optionalChain([r, 'optionalCall', _ => _(C)]),p(!1)},defaultMonth:t,...c})})]})});b.displayName="DatePicker";exports.a = b;
+//# sourceMappingURL=chunk-ERLFKYOA.js.map

package/dist/{chunk-ES4U4ZOZ.js.map → chunk-ERLFKYOA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-ES4U4ZOZ.js","../src/components/date-picker.tsx"],"names":["Popover","PopoverTrigger","PopoverContent","className","align","sideOffset","props","ref","jsx","cn","DatePicker","date","onDateChange","placeholder","disabled","calendarProps","formatStr","open","setOpen","jsxs","Button","CalendarIcon","format","Calendar","selectedDate"],"mappings":"AAAA,22BAAY;AACZ,sDAAuC,sDAAwC,sDAAwC,uECChG,2CACM,mCACN,uGACW,+CAc9B,IAREA,CAAAA,CAA2B,CAAA,CAAA,IAAA,CAC3BC,CAAAA,CAAkC,CAAA,CAAA,OAAA,CAElCC,CAAAA,CAAuB,CAAA,CAAA,UAAA,CAG3B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,KAAA,CAAAC,CAAAA,CAAQ,OAAA,CAAS,UAAA,CAAAC,CAAAA,CAAa,CAAA,CAAG,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC3DC,6BAAAA,CAAkB,CAAA,MAAA,CAAjB,CACC,QAAA,CAAAA,6BAAAA,CAAkB,CAAA,OAAA,CAAjB,CACC,GAAA,CAAKD,CAAAA,CACL,KAAA,CAAOH,CAAAA,CACP,UAAA,CAAYC,CAAAA,CACZ,SAAA,CAAWI,gCAAAA,8aACT,CACAN,CACF,CAAA,CACC,GAAGG,CAAAA,CACN,CAAA,CACF,CACD,CAAA,CACDJ,CAAAA,CAAe,WAAA,CAA+B,CAAA,CAAA,OAAA,CAAQ,WAAA,CAetD,IAAMQ,CAAAA,CAAmB,CAAA,CAAA,UAAA,CACvB,CACE,CACE,IAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,aAAA,CACd,QAAA,CAAAC,CAAAA,CAAW,CAAA,CAAA,CACX,SAAA,CAAAX,CAAAA,CACA,aAAA,CAAAY,CAAAA,CACA,SAAA,CAAAC,CAAAA,CAAY,KACd,CAAA,CACAT,CAAAA,CAAAA,EACG,CACH,GAAM,CAACU,CAAAA,CAAMC,CAAO,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CAE5C,OACEC,8BAAAA,CAACnB,CAAA,CAAQ,IAAA,CAAMiB,CAAAA,CAAM,YAAA,CAAcC,CAAAA,CACjC,QAAA,CAAA,CAAAV,6BAAAA,CAACP,CAAA,CAAe,OAAA,CAAO,CAAA,CAAA,CACrB,QAAA,CAAAkB,8BAAAA,kBAACC,CAAA,CACC,GAAA,CAAKb,CAAAA,CACL,OAAA,CAAQ,SAAA,CACR,SAAA,CAAWE,gCAAAA,0DACT,CACA,CAACE,CAAAA,EAAQ,uBAAA,CACTR,CACF,CAAA,CACA,QAAA,CAAUW,CAAAA,CAEV,QAAA,CAAA,CAAAN,6BAAAA,yBAACa,CAAA,CAAa,SAAA,CAAU,cAAA,CAAe,CAAA,CACtCV,CAAAA,CAAOW,6BAAAA,CAAOX,CAAMK,CAAS,CAAA,CAAIR,6BAAAA,MAAC,CAAA,CAAM,QAAA,CAAAK,CAAAA,CAAY,CAAA,CAAA,CACvD,CAAA,CACF,CAAA,CACAL,6BAAAA,CAACN,CAAA,CAAe,SAAA,CAAU,wBAAA,CAAyB,KAAA,CAAM,OAAA,CACvD,QAAA,CAAAM,6BAAAA,kBAACe,CAAA,CACC,IAAA,CAAK,QAAA,CACL,QAAA,CAAUZ,CAAAA,CACV,QAAA,CAAWa,CAAAA,EAAiB,iBAC1BZ,CAAAA,wBAAAA,CAAeY,CAAY,GAAA,CAC3BN,CAAAA,CAAQ,CAAA,CAAK,CACf,CAAA,CACA,YAAA,CAAcP,CAAAA,CACb,GAAGI,CAAAA,CACN,CAAA,CACF,CAAA,CAAA,CACF,CAEJ,CACF,CAAA,CAEAL,CAAAA,CAAW,WAAA,CAAc,YAAA,CAAA,cAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-ES4U4ZOZ.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport { CalendarIcon } from \"lucide-react\"\nimport { format } from \"date-fns\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/button\"\nimport { Calendar } from \"@/components/calendar\"\n\nconst Popover = PopoverPrimitive.Root\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"start\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 w-auto rounded-md border bg-popover p-0 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport interface DatePickerProps {\n  date?: Date\n  onDateChange?: (date: Date | undefined) => void\n  placeholder?: string\n  disabled?: boolean\n  className?: string\n  calendarProps?: Omit<\n    React.ComponentProps<typeof Calendar>,\n    \"mode\" | \"selected\" | \"onSelect\"\n  >\n  formatStr?: string\n}\n\nconst DatePicker = React.forwardRef<HTMLButtonElement, DatePickerProps>(\n  (\n    {\n      date,\n      onDateChange,\n      placeholder = \"Pick a date\",\n      disabled = false,\n      className,\n      calendarProps,\n      formatStr = \"PPP\",\n    },\n    ref\n  ) => {\n    const [open, setOpen] = React.useState(false)\n\n    return (\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            ref={ref}\n            variant=\"outline\"\n            className={cn(\n              \"w-full min-w-[280px] justify-start text-left font-normal\",\n              !date && \"text-muted-foreground\",\n              className\n            )}\n            disabled={disabled}\n          >\n            <CalendarIcon className=\"mr-2 h-4 w-4\" />\n            {date ? format(date, formatStr) : <span>{placeholder}</span>}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-auto p-0 rounded-3xl\" align=\"start\">\n          <Calendar\n            mode=\"single\"\n            selected={date}\n            onSelect={(selectedDate) => {\n              onDateChange?.(selectedDate)\n              setOpen(false)\n            }}\n            defaultMonth={date}\n            {...calendarProps}\n          />\n        </PopoverContent>\n      </Popover>\n    )\n  }\n)\n\nDatePicker.displayName = \"DatePicker\"\n\nexport { DatePicker }\n"]}
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-ERLFKYOA.js","../src/components/date-picker.tsx"],"names":["Popover","PopoverTrigger","PopoverContent","className","align","sideOffset","props","ref","jsx","cn","DatePicker","date","onDateChange","placeholder","disabled","calendarProps","formatStr","open","setOpen","jsxs","Button","CalendarIcon","format","Calendar","selectedDate"],"mappings":"AAAA,22BAAY;AACZ,sDAAuC,sDAAwC,sDAAwC,uECChG,2CACM,mCACN,uGACW,+CAc9B,IAREA,CAAAA,CAA2B,CAAA,CAAA,IAAA,CAC3BC,CAAAA,CAAkC,CAAA,CAAA,OAAA,CAElCC,CAAAA,CAAuB,CAAA,CAAA,UAAA,CAG3B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,KAAA,CAAAC,CAAAA,CAAQ,OAAA,CAAS,UAAA,CAAAC,CAAAA,CAAa,CAAA,CAAG,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC3DC,6BAAAA,CAAkB,CAAA,MAAA,CAAjB,CACC,QAAA,CAAAA,6BAAAA,CAAkB,CAAA,OAAA,CAAjB,CACC,GAAA,CAAKD,CAAAA,CACL,KAAA,CAAOH,CAAAA,CACP,UAAA,CAAYC,CAAAA,CACZ,SAAA,CAAWI,gCAAAA,8aACT,CACAN,CACF,CAAA,CACC,GAAGG,CAAAA,CACN,CAAA,CACF,CACD,CAAA,CACDJ,CAAAA,CAAe,WAAA,CAA+B,CAAA,CAAA,OAAA,CAAQ,WAAA,CAetD,IAAMQ,CAAAA,CAAmB,CAAA,CAAA,UAAA,CACvB,CACE,CACE,IAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,aAAA,CACd,QAAA,CAAAC,CAAAA,CAAW,CAAA,CAAA,CACX,SAAA,CAAAX,CAAAA,CACA,aAAA,CAAAY,CAAAA,CACA,SAAA,CAAAC,CAAAA,CAAY,KACd,CAAA,CACAT,CAAAA,CAAAA,EACG,CACH,GAAM,CAACU,CAAAA,CAAMC,CAAO,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CAE5C,OACEC,8BAAAA,CAACnB,CAAA,CAAQ,IAAA,CAAMiB,CAAAA,CAAM,YAAA,CAAcC,CAAAA,CACjC,QAAA,CAAA,CAAAV,6BAAAA,CAACP,CAAA,CAAe,OAAA,CAAO,CAAA,CAAA,CACrB,QAAA,CAAAkB,8BAAAA,kBAACC,CAAA,CACC,GAAA,CAAKb,CAAAA,CACL,OAAA,CAAQ,SAAA,CACR,SAAA,CAAWE,gCAAAA,0DACT,CACA,CAACE,CAAAA,EAAQ,uBAAA,CACTR,CACF,CAAA,CACA,QAAA,CAAUW,CAAAA,CAEV,QAAA,CAAA,CAAAN,6BAAAA,yBAACa,CAAA,CAAa,SAAA,CAAU,cAAA,CAAe,CAAA,CACtCV,CAAAA,CAAOW,6BAAAA,CAAOX,CAAMK,CAAS,CAAA,CAAIR,6BAAAA,MAAC,CAAA,CAAM,QAAA,CAAAK,CAAAA,CAAY,CAAA,CAAA,CACvD,CAAA,CACF,CAAA,CACAL,6BAAAA,CAACN,CAAA,CAAe,SAAA,CAAU,wBAAA,CAAyB,KAAA,CAAM,OAAA,CACvD,QAAA,CAAAM,6BAAAA,kBAACe,CAAA,CACC,IAAA,CAAK,QAAA,CACL,QAAA,CAAUZ,CAAAA,CACV,QAAA,CAAWa,CAAAA,EAAiB,iBAC1BZ,CAAAA,wBAAAA,CAAeY,CAAY,GAAA,CAC3BN,CAAAA,CAAQ,CAAA,CAAK,CACf,CAAA,CACA,YAAA,CAAcP,CAAAA,CACb,GAAGI,CAAAA,CACN,CAAA,CACF,CAAA,CAAA,CACF,CAEJ,CACF,CAAA,CAEAL,CAAAA,CAAW,WAAA,CAAc,YAAA,CAAA,cAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-ERLFKYOA.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport { CalendarIcon } from \"lucide-react\"\nimport { format } from \"date-fns\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/button\"\nimport { Calendar } from \"@/components/calendar\"\n\nconst Popover = PopoverPrimitive.Root\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"start\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 w-auto rounded-md border bg-popover p-0 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport interface DatePickerProps {\n  date?: Date\n  onDateChange?: (date: Date | undefined) => void\n  placeholder?: string\n  disabled?: boolean\n  className?: string\n  calendarProps?: Omit<\n    React.ComponentProps<typeof Calendar>,\n    \"mode\" | \"selected\" | \"onSelect\"\n  >\n  formatStr?: string\n}\n\nconst DatePicker = React.forwardRef<HTMLButtonElement, DatePickerProps>(\n  (\n    {\n      date,\n      onDateChange,\n      placeholder = \"Pick a date\",\n      disabled = false,\n      className,\n      calendarProps,\n      formatStr = \"PPP\",\n    },\n    ref\n  ) => {\n    const [open, setOpen] = React.useState(false)\n\n    return (\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            ref={ref}\n            variant=\"outline\"\n            className={cn(\n              \"w-full min-w-[280px] justify-start text-left font-normal\",\n              !date && \"text-muted-foreground\",\n              className\n            )}\n            disabled={disabled}\n          >\n            <CalendarIcon className=\"mr-2 h-4 w-4\" />\n            {date ? format(date, formatStr) : <span>{placeholder}</span>}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-auto p-0 rounded-3xl\" align=\"start\">\n          <Calendar\n            mode=\"single\"\n            selected={date}\n            onSelect={(selectedDate) => {\n              onDateChange?.(selectedDate)\n              setOpen(false)\n            }}\n            defaultMonth={date}\n            {...calendarProps}\n          />\n        </PopoverContent>\n      </Popover>\n    )\n  }\n)\n\nDatePicker.displayName = \"DatePicker\"\n\nexport { DatePicker }\n"]}

package/dist/chunk-F5A2LCE4.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as f}from"./chunk-5TVDBV74.mjs";import{a as p}from"./chunk-4LR7SOCY.mjs";import{b as w}from"./chunk-W65OWFZY.mjs";import{a as i}from"./chunk-S5TKCF6T.mjs";import*as a from"react";import{X as x}from"lucide-react";import{Drawer as l}from"vaul";import{jsx as r,jsxs as d}from"react/jsx-runtime";var R="24rem",v=a.createContext(null);function h(){let e=a.useContext(v);if(!e)throw new Error("useDrawer must be used within a Drawer component.");return e}var y=a.forwardRef(({isOpen:e,onClose:o,width:t=R,children:s,...n},c)=>{let u=a.useRef(null),m=p("lg"),b=a.useMemo(()=>({isOpen:e,onClose:o,width:t}),[e,o,t]);return d(v.Provider,{value:b,children:[!m&&r(l.Root,{open:e,onOpenChange:D=>{D||o()},direction:"left",children:d(l.Portal,{children:[r(l.Overlay,{className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm"}),d(l.Content,{className:"fixed inset-y-0 left-0 z-50 flex h-full w-[85vw] max-w-md flex-col bg-sidebar border-r border-sidebar-border text-primary-accent shadow-lg outline-none","aria-describedby":void 0,children:[r(l.Title,{className:"sr-only",children:"Drawer"}),s]})]})}),m&&d("div",{ref:c,className:"group/drawer peer","data-state":e?"open":"closed",...n,children:[r("div",{className:i("relative bg-sidebar transition-[width] duration-200 ease-linear",e?"":"w-0"),style:{width:e?t:"0"}}),r("div",{ref:u,className:i("fixed right-0 z-40 transition-[right,width] duration-200 ease-linear flex","top-(--sidebar-top,0px) h-[calc(100svh-var(--sidebar-top,0px))]",e?"right-0":"right-[calc(var(--drawer-width)*-1)]"),style:{"--drawer-width":t,width:t},children:r("div",{"data-drawer":"drawer",className:"flex h-full w-full flex-col",children:r("div",{className:"flex flex-col my-2.5 mr-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-[calc(100%-1.25rem)] shadow",children:s})})})]})]})});y.displayName="Drawer";var C=a.forwardRef(({className:e,showCloseButton:o=!0,children:t,...s},n)=>{let{onClose:c}=h();return d("div",{ref:n,"data-drawer":"header",className:i("flex w-full items-start justify-between gap-2 p-4 border-b border-sidebar-border",e),...s,children:[r("div",{className:"flex-1",children:t}),o&&d(w,{variant:"secondary",size:"icon",onClick:c,className:"h-8 w-8 shrink-0 rounded-full",children:[r(x,{size:16}),r("span",{className:"sr-only",children:"Close drawer"})]})]})});C.displayName="DrawerHeader";var N=a.forwardRef(({className:e,...o},t)=>r("h2",{ref:t,className:i("text-lg font-semibold text-primary-accent",e),...o}));N.displayName="DrawerTitle";var g=a.forwardRef(({className:e,children:o,...t},s)=>r(f,{className:"flex-1",ref:s,children:r("div",{"data-drawer":"body",className:i("p-4",e),...t,children:o})}));g.displayName="DrawerBody";var P=a.forwardRef(({className:e,...o},t)=>r("div",{ref:t,"data-drawer":"footer",className:i("flex flex-col gap-2 p-4 border-t border-sidebar-border",e),...o}));P.displayName="DrawerFooter";export{h as a,y as b,C as c,N as d,g as e,P as f};
+//# sourceMappingURL=chunk-F5A2LCE4.mjs.map

package/dist/chunk-F5A2LCE4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/drawer.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { X } from \"lucide-react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/button\"\nimport { ScrollArea } from \"@/components/scroll-area\"\nimport { useMediaQuery } from \"@/lib/use-media-query\"\n\nconst DRAWER_WIDTH = \"24rem\"\n\n// Drawer Context\ntype DrawerContextProps = {\n  isOpen: boolean\n  onClose: () => void\n  width?: string\n}\n\nconst DrawerContext = React.createContext<DrawerContextProps | null>(null)\n\nfunction useDrawer() {\n  const context = React.useContext(DrawerContext)\n  if (!context) {\n    throw new Error(\"useDrawer must be used within a Drawer component.\")\n  }\n  return context\n}\n\n// Main Unified Drawer Component (Responsive)\nconst Drawer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    isOpen: boolean\n    onClose: () => void\n    width?: string\n  }\n>(({ isOpen, onClose, width = DRAWER_WIDTH, children, ...props }, ref) => {\n  const drawerRef = React.useRef<HTMLDivElement>(null)\n  const isDesktop = useMediaQuery(\"lg\")\n\n  const contextValue = React.useMemo<DrawerContextProps>(\n    () => ({\n      isOpen,\n      onClose,\n      width,\n    }),\n    [isOpen, onClose, width]\n  )\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      {/* Mobile Drawer: visible < md breakpoint */}\n      {!isDesktop && (\n        <DrawerPrimitive.Root\n          open={isOpen}\n          onOpenChange={(open) => {\n            if (!open) onClose()\n          }}\n          direction=\"left\"\n        >\n          <DrawerPrimitive.Portal>\n            <DrawerPrimitive.Overlay className=\"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm\" />\n            <DrawerPrimitive.Content\n              className=\"fixed inset-y-0 left-0 z-50 flex h-full w-[85vw] max-w-md flex-col bg-sidebar border-r border-sidebar-border text-primary-accent shadow-lg outline-none\"\n              aria-describedby={undefined}\n            >\n              <DrawerPrimitive.Title className=\"sr-only\">\n                Drawer\n              </DrawerPrimitive.Title>\n              {children}\n            </DrawerPrimitive.Content>\n          </DrawerPrimitive.Portal>\n        </DrawerPrimitive.Root>\n      )}\n\n      {/* Desktop Drawer: visible >= md breakpoint */}\n      {isDesktop && (\n        <div\n          ref={ref}\n          className=\"group/drawer peer\"\n          data-state={isOpen ? \"open\" : \"closed\"}\n          {...props}\n        >\n          {/* Spacer to push content */}\n          <div\n            className={cn(\n              \"relative bg-sidebar transition-[width] duration-200 ease-linear\",\n              isOpen ? \"\" : \"w-0\"\n            )}\n            style={\n              {\n                width: isOpen ? width : \"0\",\n              } as React.CSSProperties\n            }\n          />\n\n          {/* Fixed drawer panel */}\n          <div\n            ref={drawerRef}\n            className={cn(\n              \"fixed right-0 z-40 transition-[right,width] duration-200 ease-linear flex\",\n              \"top-(--sidebar-top,0px) h-[calc(100svh-var(--sidebar-top,0px))]\",\n              isOpen ? \"right-0\" : \"right-[calc(var(--drawer-width)*-1)]\"\n            )}\n            style={\n              {\n                \"--drawer-width\": width,\n                width: width,\n              } as React.CSSProperties\n            }\n          >\n            <div data-drawer=\"drawer\" className=\"flex h-full w-full flex-col\">\n              <div className=\"flex flex-col my-2.5 mr-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-[calc(100%-1.25rem)] shadow\">\n                {children}\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </DrawerContext.Provider>\n  )\n})\nDrawer.displayName = \"Drawer\"\n\n// Drawer Header\nconst DrawerHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showCloseButton?: boolean\n  }\n>(({ className, showCloseButton = true, children, ...props }, ref) => {\n  const { onClose } = useDrawer()\n\n  return (\n    <div\n      ref={ref}\n      data-drawer=\"header\"\n      className={cn(\n        \"flex w-full items-start justify-between gap-2 p-4 border-b border-sidebar-border\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"flex-1\">{children}</div>\n      {showCloseButton && (\n        <Button\n          variant=\"secondary\"\n          size=\"icon\"\n          onClick={onClose}\n          className=\"h-8 w-8 shrink-0 rounded-full\"\n        >\n          <X size={16} />\n          <span className=\"sr-only\">Close drawer</span>\n        </Button>\n      )}\n    </div>\n  )\n})\nDrawerHeader.displayName = \"DrawerHeader\"\n\n// Drawer Title\nconst DrawerTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.ComponentProps<\"h2\">\n>(({ className, ...props }, ref) => {\n  return (\n    <h2\n      ref={ref}\n      className={cn(\"text-lg font-semibold text-primary-accent\", className)}\n      {...props}\n    />\n  )\n})\nDrawerTitle.displayName = \"DrawerTitle\"\n\n// Drawer Body/Content\nconst DrawerBody = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, children, ...props }, ref) => {\n  return (\n    <ScrollArea className=\"flex-1\" ref={ref}>\n      <div\n        data-drawer=\"body\"\n        className={cn(\"p-4\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </ScrollArea>\n  )\n})\nDrawerBody.displayName = \"DrawerBody\"\n\n// Drawer Footer\nconst DrawerFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-drawer=\"footer\"\n      className={cn(\n        \"flex flex-col gap-2 p-4 border-t border-sidebar-border\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nDrawerFooter.displayName = \"DrawerFooter\"\n\nexport {\n  Drawer,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerBody,\n  DrawerFooter,\n  useDrawer,\n}\n"],"mappings":";oKAEA,UAAYA,MAAW,QACvB,OAAS,KAAAC,MAAS,eAClB,OAAS,UAAUC,MAAuB,OA2D9B,cAAAC,EACA,QAAAC,MADA,oBApDZ,IAAMC,EAAe,QASfC,EAAsB,gBAAyC,IAAI,EAEzE,SAASC,GAAY,CACnB,IAAMC,EAAgB,aAAWF,CAAa,EAC9C,GAAI,CAACE,EACH,MAAM,IAAI,MAAM,mDAAmD,EAErE,OAAOA,CACT,CAGA,IAAMC,EAAe,aAOnB,CAAC,CAAE,OAAAC,EAAQ,QAAAC,EAAS,MAAAC,EAAQP,EAAc,SAAAQ,EAAU,GAAGC,CAAM,EAAGC,IAAQ,CACxE,IAAMC,EAAkB,SAAuB,IAAI,EAC7CC,EAAYC,EAAc,IAAI,EAE9BC,EAAqB,UACzB,KAAO,CACL,OAAAT,EACA,QAAAC,EACA,MAAAC,CACF,GACA,CAACF,EAAQC,EAASC,CAAK,CACzB,EAEA,OACER,EAACE,EAAc,SAAd,CAAuB,MAAOa,EAE5B,WAACF,GACAd,EAACiB,EAAgB,KAAhB,CACC,KAAMV,EACN,aAAeW,GAAS,CACjBA,GAAMV,EAAQ,CACrB,EACA,UAAU,OAEV,SAAAP,EAACgB,EAAgB,OAAhB,CACC,UAAAjB,EAACiB,EAAgB,QAAhB,CAAwB,UAAU,uDAAuD,EAC1FhB,EAACgB,EAAgB,QAAhB,CACC,UAAU,0JACV,mBAAkB,OAElB,UAAAjB,EAACiB,EAAgB,MAAhB,CAAsB,UAAU,UAAU,kBAE3C,EACCP,GACH,GACF,EACF,EAIDI,GACCb,EAAC,OACC,IAAKW,EACL,UAAU,oBACV,aAAYL,EAAS,OAAS,SAC7B,GAAGI,EAGJ,UAAAX,EAAC,OACC,UAAWmB,EACT,kEACAZ,EAAS,GAAK,KAChB,EACA,MACE,CACE,MAAOA,EAASE,EAAQ,GAC1B,EAEJ,EAGAT,EAAC,OACC,IAAKa,EACL,UAAWM,EACT,4EACA,kEACAZ,EAAS,UAAY,sCACvB,EACA,MACE,CACE,iBAAkBE,EAClB,MAAOA,CACT,EAGF,SAAAT,EAAC,OAAI,cAAY,SAAS,UAAU,8BAClC,SAAAA,EAAC,OAAI,UAAU,gHACZ,SAAAU,EACH,EACF,EACF,GACF,GAEJ,CAEJ,CAAC,EACDJ,EAAO,YAAc,SAGrB,IAAMc,EAAqB,aAKzB,CAAC,CAAE,UAAAC,EAAW,gBAAAC,EAAkB,GAAM,SAAAZ,EAAU,GAAGC,CAAM,EAAGC,IAAQ,CACpE,GAAM,CAAE,QAAAJ,CAAQ,EAAIJ,EAAU,EAE9B,OACEH,EAAC,OACC,IAAKW,EACL,cAAY,SACZ,UAAWO,EACT,mFACAE,CACF,EACC,GAAGV,EAEJ,UAAAX,EAAC,OAAI,UAAU,SAAU,SAAAU,EAAS,EACjCY,GACCrB,EAACsB,EAAA,CACC,QAAQ,YACR,KAAK,OACL,QAASf,EACT,UAAU,gCAEV,UAAAR,EAACwB,EAAA,CAAE,KAAM,GAAI,EACbxB,EAAC,QAAK,UAAU,UAAU,wBAAY,GACxC,GAEJ,CAEJ,CAAC,EACDoB,EAAa,YAAc,eAG3B,IAAMK,EAAoB,aAGxB,CAAC,CAAE,UAAAJ,EAAW,GAAGV,CAAM,EAAGC,IAExBZ,EAAC,MACC,IAAKY,EACL,UAAWO,EAAG,4CAA6CE,CAAS,EACnE,GAAGV,EACN,CAEH,EACDc,EAAY,YAAc,cAG1B,IAAMC,EAAmB,aAGvB,CAAC,CAAE,UAAAL,EAAW,SAAAX,EAAU,GAAGC,CAAM,EAAGC,IAElCZ,EAAC2B,EAAA,CAAW,UAAU,SAAS,IAAKf,EAClC,SAAAZ,EAAC,OACC,cAAY,OACZ,UAAWmB,EAAG,MAAOE,CAAS,EAC7B,GAAGV,EAEH,SAAAD,EACH,EACF,CAEH,EACDgB,EAAW,YAAc,aAGzB,IAAME,EAAqB,aAGzB,CAAC,CAAE,UAAAP,EAAW,GAAGV,CAAM,EAAGC,IAExBZ,EAAC,OACC,IAAKY,EACL,cAAY,SACZ,UAAWO,EACT,yDACAE,CACF,EACC,GAAGV,EACN,CAEH,EACDiB,EAAa,YAAc","names":["React","X","DrawerPrimitive","jsx","jsxs","DRAWER_WIDTH","DrawerContext","useDrawer","context","Drawer","isOpen","onClose","width","children","props","ref","drawerRef","isDesktop","useMediaQuery","contextValue","DrawerPrimitive","open","cn","DrawerHeader","className","showCloseButton","Button","X","DrawerTitle","DrawerBody","ScrollArea","DrawerFooter"]}

package/dist/chunk-G5G2N7Q5.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a}from"./chunk-S5TKCF6T.mjs";import*as r from"react";import{Eye as d,MoreVertical as m}from"lucide-react";import{jsx as o,jsxs as u}from"react/jsx-runtime";function C({className:e,...t}){return o("div",{"data-slot":"table-container",className:"relative bg-background w-full overflow-x-auto border border-border rounded-3xl",children:o("table",{"data-slot":"table",className:a("w-full caption-bottom text-sm",e),...t})})}function R({className:e,...t}){return o("thead",{"data-slot":"table-header",className:a("[&_tr]:border-b text-secondary-text",e),...t})}function v({className:e,...t}){return o("tbody",{"data-slot":"table-body",className:a("[&_tr:last-child]:border-0",e),...t})}function h({className:e,...t}){return o("tfoot",{"data-slot":"table-footer",className:a("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",e),...t})}function y({className:e,isClickable:t,actionIcon:n,children:s,...c}){let i=n==="eye"?o(d,{className:"h-4 w-4"}):n==="more"?o(m,{className:"h-4 w-4"}):null;return u("tr",{"data-slot":"table-row",className:a("border-b border-border/50 transition-colors",t&&"cursor-pointer hover:bg-muted/50",e),...c,children:[n!==void 0&&o(p,{className:"w-12",children:i}),s]})}function g({className:e,...t}){return o("th",{"data-slot":"table-head",className:a("text-secondary-text h-10 px-4 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0",e),...t})}function p({className:e,...t}){return o("td",{"data-slot":"table-cell",className:a("p-4 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",e),...t})}function N({className:e,onClick:t,children:n,asChild:s=!1,...c}){let i=l=>{l.stopPropagation(),t?.(l)};return s&&r.isValidElement(n)?r.cloneElement(n,{onClick:l=>{l.stopPropagation();let b=n.props.onClick;b?.(l)},className:a("inline-flex items-center justify-center rounded-full p-1 text-secondary-text transition-colors hover:bg-muted/50 hover:text-primary-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-accent",n.props.className,e)}):o("button",{type:"button","data-slot":"table-cell-action",className:a("inline-flex items-center justify-center rounded-full p-1 text-secondary-text transition-colors hover:text-primary-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-accent",e),onClick:i,...c,children:n})}function P({className:e,...t}){return o("caption",{"data-slot":"table-caption",className:a("text-muted-foreground mt-4 text-sm",e),...t})}export{C as a,R as b,v as c,h as d,y as e,g as f,p as g,N as h,P as i};
+//# sourceMappingURL=chunk-G5G2N7Q5.mjs.map

package/dist/chunk-G5G2N7Q5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/table.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Eye, MoreVertical } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className=\"relative bg-background w-full overflow-x-auto border border-border rounded-3xl\"\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\"[&_tr]:border-b text-secondary-text\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport interface TableRowProps extends React.ComponentProps<\"tr\"> {\n  isClickable?: boolean\n  actionIcon?: \"eye\" | \"more\" | null\n}\n\nfunction TableRow({\n  className,\n  isClickable,\n  actionIcon,\n  children,\n  ...props\n}: TableRowProps) {\n  const iconComponent =\n    actionIcon === \"eye\" ? (\n      <Eye className=\"h-4 w-4\" />\n    ) : actionIcon === \"more\" ? (\n      <MoreVertical className=\"h-4 w-4\" />\n    ) : null\n\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"border-b border-border/50 transition-colors\",\n        isClickable && \"cursor-pointer hover:bg-muted/50\",\n        // !isClickable && \"hover:bg-muted/50\",\n        // \"data-[state=selected]:bg-secondary\",\n        className\n      )}\n      {...props}\n    >\n      {actionIcon !== undefined && (\n        <TableCell className=\"w-12\">{iconComponent}</TableCell>\n      )}\n      {children}\n    </tr>\n  )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"text-secondary-text h-10 px-4 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"p-4 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport interface TableCellActionProps extends React.ComponentProps<\"button\"> {\n  asChild?: boolean\n}\n\nfunction TableCellAction({\n  className,\n  onClick,\n  children,\n  asChild = false,\n  ...props\n}: TableCellActionProps) {\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.stopPropagation()\n    onClick?.(e)\n  }\n\n  if (asChild && React.isValidElement(children)) {\n    return React.cloneElement(\n      children as React.ReactElement<{\n        onClick?: (e: React.MouseEvent) => void\n        className?: string\n      }>,\n      {\n        onClick: (e: React.MouseEvent) => {\n          e.stopPropagation()\n          const childOnClick = (\n            children as React.ReactElement<{\n              onClick?: (e: React.MouseEvent) => void\n            }>\n          ).props.onClick\n          childOnClick?.(e)\n        },\n        className: cn(\n          \"inline-flex items-center justify-center rounded-full p-1 text-secondary-text transition-colors hover:bg-muted/50 hover:text-primary-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-accent\",\n          (children as React.ReactElement<{ className?: string }>).props\n            .className,\n          className\n        ),\n      }\n    )\n  }\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"table-cell-action\"\n      className={cn(\n        \"inline-flex items-center justify-center rounded-full p-1 text-secondary-text transition-colors hover:text-primary-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-accent\",\n        className\n      )}\n      onClick={handleClick}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCellAction,\n  TableCaption,\n}\n"],"mappings":";oCAEA,UAAYA,MAAW,QACvB,OAAS,OAAAC,EAAK,gBAAAC,MAAoB,eAU5B,cAAAC,EA8DF,QAAAC,MA9DE,oBANN,SAASC,EAAM,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAkC,CACrE,OACEJ,EAAC,OACC,YAAU,kBACV,UAAU,iFAEV,SAAAA,EAAC,SACC,YAAU,QACV,UAAWK,EAAG,gCAAiCF,CAAS,EACvD,GAAGC,EACN,EACF,CAEJ,CAEA,SAASE,EAAY,CAAE,UAAAH,EAAW,GAAGC,CAAM,EAAkC,CAC3E,OACEJ,EAAC,SACC,YAAU,eACV,UAAWK,EAAG,sCAAuCF,CAAS,EAC7D,GAAGC,EACN,CAEJ,CAEA,SAASG,EAAU,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAAkC,CACzE,OACEJ,EAAC,SACC,YAAU,aACV,UAAWK,EAAG,6BAA8BF,CAAS,EACpD,GAAGC,EACN,CAEJ,CAEA,SAASI,EAAY,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAkC,CAC3E,OACEJ,EAAC,SACC,YAAU,eACV,UAAWK,EACT,0DACAF,CACF,EACC,GAAGC,EACN,CAEJ,CAOA,SAASK,EAAS,CAChB,UAAAN,EACA,YAAAO,EACA,WAAAC,EACA,SAAAC,EACA,GAAGR,CACL,EAAkB,CAChB,IAAMS,EACJF,IAAe,MACbX,EAACc,EAAA,CAAI,UAAU,UAAU,EACvBH,IAAe,OACjBX,EAACe,EAAA,CAAa,UAAU,UAAU,EAChC,KAEN,OACEd,EAAC,MACC,YAAU,YACV,UAAWI,EACT,8CACAK,GAAe,mCAGfP,CACF,EACC,GAAGC,EAEH,UAAAO,IAAe,QACdX,EAACgB,EAAA,CAAU,UAAU,OAAQ,SAAAH,EAAc,EAE5CD,GACH,CAEJ,CAEA,SAASK,EAAU,CAAE,UAAAd,EAAW,GAAGC,CAAM,EAA+B,CACtE,OACEJ,EAAC,MACC,YAAU,aACV,UAAWK,EACT,mHACAF,CACF,EACC,GAAGC,EACN,CAEJ,CAEA,SAASY,EAAU,CAAE,UAAAb,EAAW,GAAGC,CAAM,EAA+B,CACtE,OACEJ,EAAC,MACC,YAAU,aACV,UAAWK,EACT,mEACAF,CACF,EACC,GAAGC,EACN,CAEJ,CAMA,SAASc,EAAgB,CACvB,UAAAf,EACA,QAAAgB,EACA,SAAAP,EACA,QAAAQ,EAAU,GACV,GAAGhB,CACL,EAAyB,CACvB,IAAMiB,EAAeC,GAA2C,CAC9DA,EAAE,gBAAgB,EAClBH,IAAUG,CAAC,CACb,EAEA,OAAIF,GAAiB,iBAAeR,CAAQ,EAC7B,eACXA,EAIA,CACE,QAAUU,GAAwB,CAChCA,EAAE,gBAAgB,EAClB,IAAMC,EACJX,EAGA,MAAM,QACRW,IAAeD,CAAC,CAClB,EACA,UAAWjB,EACT,+NACCO,EAAwD,MACtD,UACHT,CACF,CACF,CACF,EAIAH,EAAC,UACC,KAAK,SACL,YAAU,oBACV,UAAWK,EACT,6MACAF,CACF,EACA,QAASkB,EACR,GAAGjB,EAEH,SAAAQ,EACH,CAEJ,CAEA,SAASY,EAAa,CACpB,UAAArB,EACA,GAAGC,CACL,EAAoC,CAClC,OACEJ,EAAC,WACC,YAAU,gBACV,UAAWK,EAAG,qCAAsCF,CAAS,EAC5D,GAAGC,EACN,CAEJ","names":["React","Eye","MoreVertical","jsx","jsxs","Table","className","props","cn","TableHeader","TableBody","TableFooter","TableRow","isClickable","actionIcon","children","iconComponent","Eye","MoreVertical","TableCell","TableHead","TableCellAction","onClick","asChild","handleClick","e","childOnClick","TableCaption"]}

package/dist/{chunk-AAHRBPPJ.mjs → chunk-GUVRCV3T.mjs}

@@ -1,3 +1,3 @@
 "use client";
-import{a as i,f as n}from"./chunk-63WBWGD4.mjs";import{a as r}from"./chunk-S5TKCF6T.mjs";import*as d from"react";import{Command as o}from"cmdk";import{Search as s}from"lucide-react";import{jsx as m,jsxs as C}from"react/jsx-runtime";var p=d.forwardRef(({className:e,...t},a)=>m(o,{ref:a,className:r("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",e),...t}));p.displayName=o.displayName;var P=({children:e,...t})=>m(i,{...t,children:m(n,{className:"overflow-hidden p-0 shadow-lg",children:m(p,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:e})})}),c=d.forwardRef(({className:e,...t},a)=>C("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":"",children:[m(s,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),m(o.Input,{ref:a,className:r("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",e),...t})]}));c.displayName=o.Input.displayName;var f=d.forwardRef(({className:e,...t},a)=>m(o.List,{ref:a,className:r("max-h-[300px] overflow-y-auto overflow-x-hidden",e),...t}));f.displayName=o.List.displayName;var l=d.forwardRef((e,t)=>m(o.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));l.displayName=o.Empty.displayName;var u=d.forwardRef(({className:e,...t},a)=>m(o.Group,{ref:a,className:r("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",e),...t}));u.displayName=o.Group.displayName;var g=d.forwardRef(({className:e,...t},a)=>m(o.Separator,{ref:a,className:r("-mx-1 h-px bg-border",e),...t}));g.displayName=o.Separator.displayName;var y=d.forwardRef(({className:e,...t},a)=>m(o.Item,{ref:a,className:r("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-muted aria-selected:text-secondary-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 truncate",e),...t}));y.displayName=o.Item.displayName;var R=({className:e,...t})=>m("span",{className:r("ml-auto text-xs tracking-widest text-muted-foreground",e),...t});R.displayName="CommandShortcut";export{p as a,P as b,c,f as d,l as e,u as f,g,y as h,R as i};
-//# sourceMappingURL=chunk-AAHRBPPJ.mjs.map
+import{a as i,f as n}from"./chunk-OCA36S6W.mjs";import{a as r}from"./chunk-S5TKCF6T.mjs";import*as d from"react";import{Command as o}from"cmdk";import{Search as s}from"lucide-react";import{jsx as m,jsxs as C}from"react/jsx-runtime";var p=d.forwardRef(({className:e,...t},a)=>m(o,{ref:a,className:r("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",e),...t}));p.displayName=o.displayName;var P=({children:e,...t})=>m(i,{...t,children:m(n,{className:"overflow-hidden p-0 shadow-lg",children:m(p,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:e})})}),c=d.forwardRef(({className:e,...t},a)=>C("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":"",children:[m(s,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),m(o.Input,{ref:a,className:r("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",e),...t})]}));c.displayName=o.Input.displayName;var f=d.forwardRef(({className:e,...t},a)=>m(o.List,{ref:a,className:r("max-h-[300px] overflow-y-auto overflow-x-hidden",e),...t}));f.displayName=o.List.displayName;var l=d.forwardRef((e,t)=>m(o.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));l.displayName=o.Empty.displayName;var u=d.forwardRef(({className:e,...t},a)=>m(o.Group,{ref:a,className:r("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",e),...t}));u.displayName=o.Group.displayName;var g=d.forwardRef(({className:e,...t},a)=>m(o.Separator,{ref:a,className:r("-mx-1 h-px bg-border",e),...t}));g.displayName=o.Separator.displayName;var y=d.forwardRef(({className:e,...t},a)=>m(o.Item,{ref:a,className:r("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-muted aria-selected:text-secondary-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 truncate",e),...t}));y.displayName=o.Item.displayName;var R=({className:e,...t})=>m("span",{className:r("ml-auto text-xs tracking-widest text-muted-foreground",e),...t});R.displayName="CommandShortcut";export{p as a,P as b,c,f as d,l as e,u as f,g,y as h,R as i};
+//# sourceMappingURL=chunk-GUVRCV3T.mjs.map

package/dist/{chunk-54C6455D.mjs → chunk-HFRZVGGE.mjs}

@@ -1,3 +1,3 @@
 "use client";
-import{a as b,b as C,c as h}from"./chunk-FZ3NXOFK.mjs";import{a as x,c as y,d as N,e as w,f as P,h as O}from"./chunk-AAHRBPPJ.mjs";import{b as f}from"./chunk-2YRLGFWP.mjs";import{a as c}from"./chunk-S5TKCF6T.mjs";import*as S from"react";import{Check as X,ChevronDown as $,X as j}from"lucide-react";import{jsx as o,jsxs as a}from"react/jsx-runtime";function J({options:l,value:i,onValueChange:k,placeholder:d="Select option...",searchPlaceholder:R="Search...",emptyMessage:D="No option found.",disabled:E=!1,className:I,error:T=!1,multiple:r=!1,values:n=[],onValuesChange:p}){let[g,u]=S.useState(!1),v=l.find(e=>e.value===i),s=l.filter(e=>n.includes(e.value)),B=e=>{if(r){let t=n.includes(e)?n.filter(m=>m!==e):[...n,e];p?.(t)}else k?.(e===i?"":e),u(!1)},G=(e,t)=>{t.preventDefault(),t.stopPropagation();let m=n.filter(M=>M!==e);p?.(m)},L=()=>r?s.length===0?d:s.length===1?s[0].label:`${s.length} selected`:v?v.label:d;return a(b,{open:g,onOpenChange:u,children:[o(C,{asChild:!0,children:a(f,{variant:"outline",role:"combobox","aria-expanded":g,disabled:E,className:c("w-full justify-between",T&&"border-destructive-foreground focus-visible:ring-destructive-foreground",I),children:[o("span",{className:"truncate",children:L()}),o($,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),o(h,{className:"p-0",align:"start",style:{width:"var(--radix-popover-trigger-width)"},children:a(x,{children:[o(y,{placeholder:R}),a(N,{children:[o(w,{children:D}),a(P,{children:[r&&s.length>0&&o("div",{className:"px-2 py-1.5",children:o("div",{className:"flex flex-wrap gap-1",children:s.map(e=>a("div",{className:"inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs",children:[o("span",{className:"truncate",children:e.label}),o(j,{className:"h-3 w-3 cursor-pointer hover:text-destructive",onClick:t=>G(e.value,t)})]},e.value))})}),l.map(e=>{let t=r?n.includes(e.value):i===e.value;return a(O,{value:e.value,onSelect:B,children:[o(X,{className:c("mr-2 h-4 w-4",t?"opacity-100":"opacity-0")}),o("span",{className:"truncate",children:e.label})]},e.value)})]})]})]})})]})}export{J as a};
-//# sourceMappingURL=chunk-54C6455D.mjs.map
+import{a as b,b as C,c as h}from"./chunk-FZ3NXOFK.mjs";import{a as x,c as y,d as N,e as w,f as P,h as O}from"./chunk-GUVRCV3T.mjs";import{b as f}from"./chunk-W65OWFZY.mjs";import{a as c}from"./chunk-S5TKCF6T.mjs";import*as S from"react";import{Check as X,ChevronDown as $,X as j}from"lucide-react";import{jsx as o,jsxs as a}from"react/jsx-runtime";function J({options:l,value:i,onValueChange:k,placeholder:d="Select option...",searchPlaceholder:R="Search...",emptyMessage:D="No option found.",disabled:E=!1,className:I,error:T=!1,multiple:r=!1,values:n=[],onValuesChange:p}){let[g,u]=S.useState(!1),v=l.find(e=>e.value===i),s=l.filter(e=>n.includes(e.value)),B=e=>{if(r){let t=n.includes(e)?n.filter(m=>m!==e):[...n,e];p?.(t)}else k?.(e===i?"":e),u(!1)},G=(e,t)=>{t.preventDefault(),t.stopPropagation();let m=n.filter(M=>M!==e);p?.(m)},L=()=>r?s.length===0?d:s.length===1?s[0].label:`${s.length} selected`:v?v.label:d;return a(b,{open:g,onOpenChange:u,children:[o(C,{asChild:!0,children:a(f,{variant:"outline",role:"combobox","aria-expanded":g,disabled:E,className:c("w-full justify-between",T&&"border-destructive-foreground focus-visible:ring-destructive-foreground",I),children:[o("span",{className:"truncate",children:L()}),o($,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),o(h,{className:"p-0",align:"start",style:{width:"var(--radix-popover-trigger-width)"},children:a(x,{children:[o(y,{placeholder:R}),a(N,{children:[o(w,{children:D}),a(P,{children:[r&&s.length>0&&o("div",{className:"px-2 py-1.5",children:o("div",{className:"flex flex-wrap gap-1",children:s.map(e=>a("div",{className:"inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs",children:[o("span",{className:"truncate",children:e.label}),o(j,{className:"h-3 w-3 cursor-pointer hover:text-destructive",onClick:t=>G(e.value,t)})]},e.value))})}),l.map(e=>{let t=r?n.includes(e.value):i===e.value;return a(O,{value:e.value,onSelect:B,children:[o(X,{className:c("mr-2 h-4 w-4",t?"opacity-100":"opacity-0")}),o("span",{className:"truncate",children:e.label})]},e.value)})]})]})]})})]})}export{J as a};
+//# sourceMappingURL=chunk-HFRZVGGE.mjs.map

package/dist/{chunk-4C4CJRDU.mjs → chunk-HQJGZJED.mjs}

@@ -1,3 +1,3 @@
 "use client";
-import{a as f}from"./chunk-DSFHKFDR.mjs";import{b as l}from"./chunk-2YRLGFWP.mjs";import{a as p}from"./chunk-S5TKCF6T.mjs";import*as r from"react";import{CalendarIcon as y}from"lucide-react";import{format as d}from"date-fns";import*as o from"@radix-ui/react-popover";import{jsx as t,jsxs as c}from"react/jsx-runtime";var D=o.Root,N=o.Trigger,P=r.forwardRef(({className:e,align:a="start",sideOffset:n=4,...i},s)=>t(o.Portal,{children:t(o.Content,{ref:s,align:a,sideOffset:n,className:p("z-50 w-auto rounded-3xl border border-border bg-popover p-0 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...i})}));P.displayName=o.Content.displayName;var w=r.forwardRef(({dateRange:e,onDateRangeChange:a,placeholder:n="Pick a date range",disabled:i=!1,className:s,calendarProps:u,formatStr:m="LLL dd, y",numberOfMonths:v=2},g)=>{let[R,C]=r.useState(!1),h=()=>e?.from?e.to?`${d(e.from,m)} - ${d(e.to,m)}`:d(e.from,m):n;return c(D,{open:R,onOpenChange:C,modal:!0,children:[t(N,{asChild:!0,children:c(l,{ref:g,variant:"outline",className:p("w-full min-w-0 justify-start text-left font-normal",!e?.from&&"text-muted-foreground",s),disabled:i,children:[t(y,{className:"mr-2 h-4 w-4 shrink-0"}),t("span",{className:"truncate",children:h()})]})}),t(P,{className:"w-auto p-0",align:"start",children:t(f,{mode:"range",selected:e,onSelect:b=>{a?.(b)},defaultMonth:e?.from,numberOfMonths:v,...u})})]})});w.displayName="DateRangePicker";export{w as a};
-//# sourceMappingURL=chunk-4C4CJRDU.mjs.map
+import{a as f}from"./chunk-7FX23JBQ.mjs";import{b as l}from"./chunk-W65OWFZY.mjs";import{a as p}from"./chunk-S5TKCF6T.mjs";import*as r from"react";import{CalendarIcon as y}from"lucide-react";import{format as d}from"date-fns";import*as o from"@radix-ui/react-popover";import{jsx as t,jsxs as c}from"react/jsx-runtime";var D=o.Root,N=o.Trigger,P=r.forwardRef(({className:e,align:a="start",sideOffset:n=4,...i},s)=>t(o.Portal,{children:t(o.Content,{ref:s,align:a,sideOffset:n,className:p("z-50 w-auto rounded-3xl border border-border bg-popover p-0 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...i})}));P.displayName=o.Content.displayName;var w=r.forwardRef(({dateRange:e,onDateRangeChange:a,placeholder:n="Pick a date range",disabled:i=!1,className:s,calendarProps:u,formatStr:m="LLL dd, y",numberOfMonths:v=2},g)=>{let[R,C]=r.useState(!1),h=()=>e?.from?e.to?`${d(e.from,m)} - ${d(e.to,m)}`:d(e.from,m):n;return c(D,{open:R,onOpenChange:C,modal:!0,children:[t(N,{asChild:!0,children:c(l,{ref:g,variant:"outline",className:p("w-full min-w-0 justify-start text-left font-normal",!e?.from&&"text-muted-foreground",s),disabled:i,children:[t(y,{className:"mr-2 h-4 w-4 shrink-0"}),t("span",{className:"truncate",children:h()})]})}),t(P,{className:"w-auto p-0",align:"start",children:t(f,{mode:"range",selected:e,onSelect:b=>{a?.(b)},defaultMonth:e?.from,numberOfMonths:v,...u})})]})});w.displayName="DateRangePicker";export{w as a};
+//# sourceMappingURL=chunk-HQJGZJED.mjs.map

package/dist/{chunk-RA5BKFIT.js → chunk-K4GMCVHO.js}

@@ -1,3 +1,3 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
-var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var r = _interopRequireWildcard(_react);var _jsxruntime = require('react/jsx-runtime');var u=r.forwardRef(({className:t,type:o,error:n,...i},s)=>_jsxruntime.jsx.call(void 0, "input",{type:o,className:_chunkFUYXCJOQjs.a.call(void 0, "flex my-2 h-9 w-full rounded-3xl border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",n?"border-destructive-foreground focus-visible:ring-destructive-foreground":"border-border",t),ref:s,...i}));u.displayName="Input";exports.a = u;
-//# sourceMappingURL=chunk-RA5BKFIT.js.map
+var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var r = _interopRequireWildcard(_react);var _jsxruntime = require('react/jsx-runtime');var d=r.forwardRef(({className:t,type:o,error:n,...i},s)=>_jsxruntime.jsx.call(void 0, "input",{type:o,className:_chunkFUYXCJOQjs.a.call(void 0, "flex my-2 h-9 w-full rounded-3xl border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-secondary-text focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",n?"border-destructive-foreground focus-visible:ring-destructive-foreground":"border-border",t),ref:s,...i}));d.displayName="Input";exports.a = d;
+//# sourceMappingURL=chunk-K4GMCVHO.js.map

package/dist/{chunk-RA5BKFIT.js.map → chunk-K4GMCVHO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-RA5BKFIT.js","../src/components/input.tsx"],"names":["Input","className","type","error","props","ref","jsx","cn"],"mappings":"AAAA,uWAAY;AACZ,sDAAuC,uECDhB,+CAWjB,IAHAA,CAAAA,CAAc,CAAA,CAAA,UAAA,CAClB,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,IAAA,CAAAC,CAAAA,CAAM,KAAA,CAAAC,CAAAA,CAAO,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAEnCC,6BAAAA,OAAC,CAAA,CACC,IAAA,CAAMJ,CAAAA,CACN,SAAA,CAAWK,gCAAAA,6XACT,CACAJ,CAAAA,CACI,yEAAA,CACA,eAAA,CACJF,CACF,CAAA,CACA,GAAA,CAAKI,CAAAA,CACJ,GAAGD,CAAAA,CACN,CAGN,CAAA,CACAJ,CAAAA,CAAM,WAAA,CAAc,OAAA,CAAA,cAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-RA5BKFIT.js","sourcesContent":[null,"import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  error?: boolean\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, error, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex my-2 h-9 w-full rounded-3xl border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n          error\n            ? \"border-destructive-foreground focus-visible:ring-destructive-foreground\"\n            : \"border-border\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n"]}
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-K4GMCVHO.js","../src/components/input.tsx"],"names":["Input","className","type","error","props","ref","jsx","cn"],"mappings":"AAAA,uWAAY;AACZ,sDAAuC,uECDhB,+CAWjB,IAHAA,CAAAA,CAAc,CAAA,CAAA,UAAA,CAClB,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,IAAA,CAAAC,CAAAA,CAAM,KAAA,CAAAC,CAAAA,CAAO,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAEnCC,6BAAAA,OAAC,CAAA,CACC,IAAA,CAAMJ,CAAAA,CACN,SAAA,CAAWK,gCAAAA,2XACT,CACAJ,CAAAA,CACI,yEAAA,CACA,eAAA,CACJF,CACF,CAAA,CACA,GAAA,CAAKI,CAAAA,CACJ,GAAGD,CAAAA,CACN,CAGN,CAAA,CACAJ,CAAAA,CAAM,WAAA,CAAc,OAAA,CAAA,cAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-K4GMCVHO.js","sourcesContent":[null,"import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  error?: boolean\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, error, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex my-2 h-9 w-full rounded-3xl border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-secondary-text focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n          error\n            ? \"border-destructive-foreground focus-visible:ring-destructive-foreground\"\n            : \"border-border\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n"]}

package/dist/chunk-KPMYIU6M.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as N}from"./chunk-W65OWFZY.mjs";import{a as p}from"./chunk-S5TKCF6T.mjs";import*as n from"react";import{Upload as T,X as I,File as B}from"lucide-react";import{jsx as r,jsxs as a}from"react/jsx-runtime";var H=n.forwardRef(({accept:o,maxSize:s,multiple:f=!1,onFilesChange:m,error:h,disabled:l,className:D,description:g},F)=>{let[y,d]=n.useState(!1),[i,v]=n.useState([]),c=n.useRef(null),R=e=>{e.preventDefault(),e.stopPropagation(),l||d(!0)},C=e=>{e.preventDefault(),e.stopPropagation(),d(!1)},E=e=>{e.preventDefault(),e.stopPropagation()},U=e=>!(s&&e.size>s),x=e=>{if(!e)return;let t=Array.from(e).filter(U),u=f?[...i,...t]:t.slice(0,1);v(u),m?.(u)},k=e=>{e.preventDefault(),e.stopPropagation(),d(!1),!l&&x(e.dataTransfer.files)},w=()=>{l||c.current?.click()},L=e=>{x(e.target.files),c.current&&(c.current.value="")},M=e=>{let t=i.filter((u,$)=>$!==e);v(t),m?.(t)},b=e=>e<1024?`${e} B`:e<1024*1024?`${Math.round(e/1024)} KB`:`${Math.round(e/(1024*1024))} MB`,P=e=>e.split(",").map(t=>t.trim()).map(t=>t.includes("/*")?t.replace("/*","").toUpperCase():t.startsWith(".")?t.slice(1).toUpperCase():t.includes("/")?t.split("/")[1].toUpperCase():t.toUpperCase());return a("div",{ref:F,className:p("w-full",D),children:[a("div",{onClick:w,onDragEnter:R,onDragLeave:C,onDragOver:E,onDrop:k,className:p("flex flex-col items-center justify-center gap-3 rounded-lg border border-border bg-background px-6 py-4 text-center transition-all cursor-pointer",y&&"bg-secondary",h?"border-destructive-foreground":"border-border hover:bg-secondary",l&&"cursor-not-allowed opacity-50"),children:[r("span",{className:N({variant:"outline",size:"icon"}),children:r(T,{size:16,className:p("text-primary-accent")})}),a("div",{className:"flex flex-col gap-1",children:[a("p",{className:"text-sm text-secondary-text",children:[r("span",{className:"text-primary-accent",children:"Click to upload"})," or drag and drop"]}),(o||s)&&a("p",{className:"text-xs text-secondary-text",children:[o&&P(o).join(", "),o&&s&&" ",s&&`up to ${b(s)}`]}),g&&r("p",{className:"text-xs text-secondary-text",children:g})]})]}),r("input",{ref:c,type:"file",accept:o,multiple:f,onChange:L,disabled:l,className:"hidden"}),i.length>0&&r("div",{className:"mt-3 space-y-2",children:i.map((e,t)=>a("div",{className:"flex items-center justify-between rounded-2xl border border-border bg-background px-4 py-2",children:[a("div",{className:"flex items-center gap-3",children:[r(B,{className:"h-5 w-5 text-secondary-text"}),a("div",{className:"flex flex-col",children:[r("span",{className:"text-sm text-primary-accent truncate max-w-[200px]",children:e.name}),r("span",{className:"text-xs text-secondary-text",children:b(e.size)})]})]}),r("button",{type:"button",onClick:()=>M(t),className:"rounded-full p-1 hover:bg-secondary transition-colors",children:r(I,{className:"h-4 w-4 text-secondary-text"})})]},`${e.name}-${t}`))})]})});H.displayName="FileUpload";export{H as a};
+//# sourceMappingURL=chunk-KPMYIU6M.mjs.map

package/dist/chunk-KPMYIU6M.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/file-upload.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Upload, X, File } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { buttonVariants } from \"./button\"\n\nexport interface FileUploadProps {\n  /** Accepted file formats (e.g., \".png,.jpg,.pdf\" or \"image/*\") */\n  accept?: string\n  /** Maximum file size in bytes */\n  maxSize?: number\n  /** Allow multiple files */\n  multiple?: boolean\n  /** Callback when files are selected */\n  onFilesChange?: (files: File[]) => void\n  /** Error state */\n  error?: boolean\n  /** Disabled state */\n  disabled?: boolean\n  /** Custom class name */\n  className?: string\n  /** Placeholder text */\n  placeholder?: string\n  /** Description text (e.g., \"PNG, JPG up to 10MB\") */\n  description?: string\n}\n\nconst FileUpload = React.forwardRef<HTMLDivElement, FileUploadProps>(\n  (\n    {\n      accept,\n      maxSize,\n      multiple = false,\n      onFilesChange,\n      error,\n      disabled,\n      className,\n      description,\n    },\n    ref\n  ) => {\n    const [isDragging, setIsDragging] = React.useState(false)\n    const [files, setFiles] = React.useState<File[]>([])\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const handleDragEnter = (e: React.DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      if (!disabled) setIsDragging(true)\n    }\n\n    const handleDragLeave = (e: React.DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setIsDragging(false)\n    }\n\n    const handleDragOver = (e: React.DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    const validateFile = (file: File): boolean => {\n      if (maxSize && file.size > maxSize) {\n        return false\n      }\n      return true\n    }\n\n    const handleFiles = (newFiles: FileList | null) => {\n      if (!newFiles) return\n\n      const validFiles = Array.from(newFiles).filter(validateFile)\n      const updatedFiles = multiple\n        ? [...files, ...validFiles]\n        : validFiles.slice(0, 1)\n\n      setFiles(updatedFiles)\n      onFilesChange?.(updatedFiles)\n    }\n\n    const handleDrop = (e: React.DragEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setIsDragging(false)\n\n      if (disabled) return\n      handleFiles(e.dataTransfer.files)\n    }\n\n    const handleClick = () => {\n      if (!disabled) inputRef.current?.click()\n    }\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      handleFiles(e.target.files)\n      if (inputRef.current) inputRef.current.value = \"\"\n    }\n\n    const removeFile = (index: number) => {\n      const updatedFiles = files.filter((_, i) => i !== index)\n      setFiles(updatedFiles)\n      onFilesChange?.(updatedFiles)\n    }\n\n    const formatFileSize = (bytes: number): string => {\n      if (bytes < 1024) return `${bytes} B`\n      if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`\n      return `${Math.round(bytes / (1024 * 1024))} MB`\n    }\n\n    const formatAcceptedTypes = (acceptStr: string): string[] => {\n      return acceptStr\n        .split(\",\")\n        .map((type) => type.trim())\n        .map((type) => {\n          // Handle wildcards like \"image/*\"\n          if (type.includes(\"/*\")) {\n            return type.replace(\"/*\", \"\").toUpperCase()\n          }\n          // Handle extensions like \".png\"\n          if (type.startsWith(\".\")) {\n            return type.slice(1).toUpperCase()\n          }\n          // Handle MIME types like \"image/png\"\n          if (type.includes(\"/\")) {\n            return type.split(\"/\")[1].toUpperCase()\n          }\n          return type.toUpperCase()\n        })\n    }\n\n    return (\n      <div ref={ref} className={cn(\"w-full\", className)}>\n        <div\n          onClick={handleClick}\n          onDragEnter={handleDragEnter}\n          onDragLeave={handleDragLeave}\n          onDragOver={handleDragOver}\n          onDrop={handleDrop}\n          className={cn(\n            \"flex flex-col items-center justify-center gap-3 rounded-lg border border-border bg-background px-6 py-4 text-center transition-all cursor-pointer\",\n            isDragging && \"bg-secondary\",\n            error\n              ? \"border-destructive-foreground\"\n              : \"border-border hover:bg-secondary\",\n            disabled && \"cursor-not-allowed opacity-50\"\n          )}\n        >\n          <span\n            className={buttonVariants({\n              variant: \"outline\",\n              size: \"icon\",\n            })}\n          >\n            <Upload size={16} className={cn(\"text-primary-accent\")} />\n          </span>\n\n          <div className=\"flex flex-col gap-1\">\n            <p className=\"text-sm text-secondary-text\">\n              <span className=\"text-primary-accent\">Click to upload</span> or\n              drag and drop\n            </p>\n            {(accept || maxSize) && (\n              <p className=\"text-xs text-secondary-text\">\n                {accept && formatAcceptedTypes(accept).join(\", \")}\n                {accept && maxSize && \" \"}\n                {maxSize && `up to ${formatFileSize(maxSize)}`}\n              </p>\n            )}\n            {description && (\n              <p className=\"text-xs text-secondary-text\">{description}</p>\n            )}\n          </div>\n        </div>\n\n        <input\n          ref={inputRef}\n          type=\"file\"\n          accept={accept}\n          multiple={multiple}\n          onChange={handleInputChange}\n          disabled={disabled}\n          className=\"hidden\"\n        />\n\n        {files.length > 0 && (\n          <div className=\"mt-3 space-y-2\">\n            {files.map((file, index) => (\n              <div\n                key={`${file.name}-${index}`}\n                className=\"flex items-center justify-between rounded-2xl border border-border bg-background px-4 py-2\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <File className=\"h-5 w-5 text-secondary-text\" />\n                  <div className=\"flex flex-col\">\n                    <span className=\"text-sm text-primary-accent truncate max-w-[200px]\">\n                      {file.name}\n                    </span>\n                    <span className=\"text-xs text-secondary-text\">\n                      {formatFileSize(file.size)}\n                    </span>\n                  </div>\n                </div>\n                <button\n                  type=\"button\"\n                  onClick={() => removeFile(index)}\n                  className=\"rounded-full p-1 hover:bg-secondary transition-colors\"\n                >\n                  <X className=\"h-4 w-4 text-secondary-text\" />\n                </button>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nFileUpload.displayName = \"FileUpload\"\n\nexport { FileUpload }\n"],"mappings":";kFAAA,UAAYA,MAAW,QACvB,OAAS,UAAAC,EAAQ,KAAAC,EAAG,QAAAC,MAAY,eA0JpB,cAAAC,EAIA,QAAAC,MAJA,oBAhIZ,IAAMC,EAAmB,aACvB,CACE,CACE,OAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,GACX,cAAAC,EACA,MAAAC,EACA,SAAAC,EACA,UAAAC,EACA,YAAAC,CACF,EACAC,IACG,CACH,GAAM,CAACC,EAAYC,CAAa,EAAU,WAAS,EAAK,EAClD,CAACC,EAAOC,CAAQ,EAAU,WAAiB,CAAC,CAAC,EAC7CC,EAAiB,SAAyB,IAAI,EAE9CC,EAAmB,GAAuB,CAC9C,EAAE,eAAe,EACjB,EAAE,gBAAgB,EACbT,GAAUK,EAAc,EAAI,CACnC,EAEMK,EAAmB,GAAuB,CAC9C,EAAE,eAAe,EACjB,EAAE,gBAAgB,EAClBL,EAAc,EAAK,CACrB,EAEMM,EAAkB,GAAuB,CAC7C,EAAE,eAAe,EACjB,EAAE,gBAAgB,CACpB,EAEMC,EAAgBC,GAChB,EAAAjB,GAAWiB,EAAK,KAAOjB,GAMvBkB,EAAeC,GAA8B,CACjD,GAAI,CAACA,EAAU,OAEf,IAAMC,EAAa,MAAM,KAAKD,CAAQ,EAAE,OAAOH,CAAY,EACrDK,EAAepB,EACjB,CAAC,GAAGS,EAAO,GAAGU,CAAU,EACxBA,EAAW,MAAM,EAAG,CAAC,EAEzBT,EAASU,CAAY,EACrBnB,IAAgBmB,CAAY,CAC9B,EAEMC,EAAc,GAAuB,CACzC,EAAE,eAAe,EACjB,EAAE,gBAAgB,EAClBb,EAAc,EAAK,EAEf,CAAAL,GACJc,EAAY,EAAE,aAAa,KAAK,CAClC,EAEMK,EAAc,IAAM,CACnBnB,GAAUQ,EAAS,SAAS,MAAM,CACzC,EAEMY,EAAqB,GAA2C,CACpEN,EAAY,EAAE,OAAO,KAAK,EACtBN,EAAS,UAASA,EAAS,QAAQ,MAAQ,GACjD,EAEMa,EAAcC,GAAkB,CACpC,IAAML,EAAeX,EAAM,OAAO,CAACiB,EAAGC,IAAMA,IAAMF,CAAK,EACvDf,EAASU,CAAY,EACrBnB,IAAgBmB,CAAY,CAC9B,EAEMQ,EAAkBC,GAClBA,EAAQ,KAAa,GAAGA,CAAK,KAC7BA,EAAQ,KAAO,KAAa,GAAG,KAAK,MAAMA,EAAQ,IAAI,CAAC,MACpD,GAAG,KAAK,MAAMA,GAAS,KAAO,KAAK,CAAC,MAGvCC,EAAuBC,GACpBA,EACJ,MAAM,GAAG,EACT,IAAKC,GAASA,EAAK,KAAK,CAAC,EACzB,IAAKA,GAEAA,EAAK,SAAS,IAAI,EACbA,EAAK,QAAQ,KAAM,EAAE,EAAE,YAAY,EAGxCA,EAAK,WAAW,GAAG,EACdA,EAAK,MAAM,CAAC,EAAE,YAAY,EAG/BA,EAAK,SAAS,GAAG,EACZA,EAAK,MAAM,GAAG,EAAE,CAAC,EAAE,YAAY,EAEjCA,EAAK,YAAY,CACzB,EAGL,OACEpC,EAAC,OAAI,IAAKU,EAAK,UAAW2B,EAAG,SAAU7B,CAAS,EAC9C,UAAAR,EAAC,OACC,QAAS0B,EACT,YAAaV,EACb,YAAaC,EACb,WAAYC,EACZ,OAAQO,EACR,UAAWY,EACT,oJACA1B,GAAc,eACdL,EACI,gCACA,mCACJC,GAAY,+BACd,EAEA,UAAAR,EAAC,QACC,UAAWuC,EAAe,CACxB,QAAS,UACT,KAAM,MACR,CAAC,EAED,SAAAvC,EAACwC,EAAA,CAAO,KAAM,GAAI,UAAWF,EAAG,qBAAqB,EAAG,EAC1D,EAEArC,EAAC,OAAI,UAAU,sBACb,UAAAA,EAAC,KAAE,UAAU,8BACX,UAAAD,EAAC,QAAK,UAAU,sBAAsB,2BAAe,EAAO,qBAE9D,GACEG,GAAUC,IACVH,EAAC,KAAE,UAAU,8BACV,UAAAE,GAAUgC,EAAoBhC,CAAM,EAAE,KAAK,IAAI,EAC/CA,GAAUC,GAAW,IACrBA,GAAW,SAAS6B,EAAe7B,CAAO,CAAC,IAC9C,EAEDM,GACCV,EAAC,KAAE,UAAU,8BAA+B,SAAAU,EAAY,GAE5D,GACF,EAEAV,EAAC,SACC,IAAKgB,EACL,KAAK,OACL,OAAQb,EACR,SAAUE,EACV,SAAUuB,EACV,SAAUpB,EACV,UAAU,SACZ,EAECM,EAAM,OAAS,GACdd,EAAC,OAAI,UAAU,iBACZ,SAAAc,EAAM,IAAI,CAACO,EAAMS,IAChB7B,EAAC,OAEC,UAAU,6FAEV,UAAAA,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACyC,EAAA,CAAK,UAAU,8BAA8B,EAC9CxC,EAAC,OAAI,UAAU,gBACb,UAAAD,EAAC,QAAK,UAAU,qDACb,SAAAqB,EAAK,KACR,EACArB,EAAC,QAAK,UAAU,8BACb,SAAAiC,EAAeZ,EAAK,IAAI,EAC3B,GACF,GACF,EACArB,EAAC,UACC,KAAK,SACL,QAAS,IAAM6B,EAAWC,CAAK,EAC/B,UAAU,wDAEV,SAAA9B,EAAC0C,EAAA,CAAE,UAAU,8BAA8B,EAC7C,IApBK,GAAGrB,EAAK,IAAI,IAAIS,CAAK,EAqB5B,CACD,EACH,GAEJ,CAEJ,CACF,EACA5B,EAAW,YAAc","names":["React","Upload","X","File","jsx","jsxs","FileUpload","accept","maxSize","multiple","onFilesChange","error","disabled","className","description","ref","isDragging","setIsDragging","files","setFiles","inputRef","handleDragEnter","handleDragLeave","handleDragOver","validateFile","file","handleFiles","newFiles","validFiles","updatedFiles","handleDrop","handleClick","handleInputChange","removeFile","index","_","i","formatFileSize","bytes","formatAcceptedTypes","acceptStr","type","cn","buttonVariants","Upload","File","X"]}

package/dist/chunk-MQMO7DMT.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as e}from"./chunk-S5TKCF6T.mjs";import*as r from"react";import{jsx as n}from"react/jsx-runtime";var s=r.forwardRef(({className:o,error:t,...a},i)=>n("textarea",{className:e("flex my-2 min-h-[74px] w-full rounded-3xl border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background placeholder:text-secondary-text focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",t?"border-destructive-foreground focus-visible:ring-destructive-foreground":"border-border",o),ref:i,...a}));s.displayName="Textarea";export{s as a};
+//# sourceMappingURL=chunk-MQMO7DMT.mjs.map

package/dist/chunk-MQMO7DMT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/textarea.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  error?: boolean\n}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, error, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          \"flex my-2 min-h-[74px] w-full rounded-3xl border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background placeholder:text-secondary-text focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n          error\n            ? \"border-destructive-foreground focus-visible:ring-destructive-foreground\"\n            : \"border-border\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n"],"mappings":";yCAAA,UAAYA,MAAW,QAWjB,cAAAC,MAAA,oBAHN,IAAMC,EAAiB,aACrB,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAM,EAAGC,IAE7BL,EAAC,YACC,UAAWM,EACT,qUACAH,EACI,0EACA,gBACJD,CACF,EACA,IAAKG,EACJ,GAAGD,EACN,CAGN,EACAH,EAAS,YAAc","names":["React","jsx","Textarea","className","error","props","ref","cn"]}

package/dist/chunk-NEOUFWZN.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as e}from"./chunk-S5TKCF6T.mjs";import*as r from"react";import{jsx as l}from"react/jsx-runtime";var d=r.forwardRef(({className:t,type:o,error:n,...i},s)=>l("input",{type:o,className:e("flex my-2 h-9 w-full rounded-3xl border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-secondary-text focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",n?"border-destructive-foreground focus-visible:ring-destructive-foreground":"border-border",t),ref:s,...i}));d.displayName="Input";export{d as a};
+//# sourceMappingURL=chunk-NEOUFWZN.mjs.map

package/dist/chunk-NEOUFWZN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  error?: boolean\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, error, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex my-2 h-9 w-full rounded-3xl border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-secondary-text focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n          error\n            ? \"border-destructive-foreground focus-visible:ring-destructive-foreground\"\n            : \"border-border\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n"],"mappings":";yCAAA,UAAYA,MAAW,QAWjB,cAAAC,MAAA,oBAHN,IAAMC,EAAc,aAClB,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAM,MAAAC,EAAO,GAAGC,CAAM,EAAGC,IAEnCN,EAAC,SACC,KAAMG,EACN,UAAWI,EACT,4XACAH,EACI,0EACA,gBACJF,CACF,EACA,IAAKI,EACJ,GAAGD,EACN,CAGN,EACAJ,EAAM,YAAc","names":["React","jsx","Input","className","type","error","props","ref","cn"]}

package/dist/{chunk-63WBWGD4.mjs → chunk-OCA36S6W.mjs}

@@ -1,3 +1,3 @@
 "use client";
-import{a as u}from"./chunk-4LR7SOCY.mjs";import{b as D}from"./chunk-2YRLGFWP.mjs";import{a as l}from"./chunk-S5TKCF6T.mjs";import*as i from"react";import*as e from"@radix-ui/react-dialog";import{Drawer as g}from"vaul";import{X as v}from"lucide-react";import{jsx as t,jsxs as d}from"react/jsx-runtime";var y=i.createContext({}),C=({children:a,open:o,onOpenChange:n,...s})=>{let[p,c]=i.useState(!1),f=o!==void 0,m=f?o:p,r=f?n:R=>{c(R)};return t(e.Root,{open:m,onOpenChange:r,...s,children:t(y.Provider,{value:{open:m,onOpenChange:r},children:a})})};C.displayName="Dialog";var M=e.Trigger,P=e.Portal,L=e.Close,b=i.forwardRef(({className:a,...o},n)=>t(e.Overlay,{ref:n,className:l("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",a),...o}));b.displayName=e.Overlay.displayName;var x=i.forwardRef(({className:a,children:o,showCloseButton:n=!0,closeOnOverlayClick:s=!0,...p},c)=>{let f=u("md"),m=i.useContext(y);return f?d(P,{children:[t(b,{}),d(e.Content,{ref:c,className:l("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-3xl overflow-auto",a),onPointerDownOutside:r=>{s||r.preventDefault()},onEscapeKeyDown:r=>{s||r.preventDefault()},...p,children:[o,n&&d(e.Close,{className:"absolute right-4 top-4 rounded-full transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",children:[t(D,{variant:"secondary",size:"icon",children:t(v,{className:"h-4 w-4"})}),t("span",{className:"sr-only",children:"Close"})]})]})]}):t(P,{children:t(g.Root,{open:m.open,onOpenChange:m.onOpenChange,dismissible:s,children:d(g.Portal,{children:[t(g.Overlay,{className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm"}),d(g.Content,{ref:c,className:l("fixed inset-x-0 bottom-0 z-50 mt-24 flex flex-col rounded-t-3xl border border-border bg-background shadow-lg outline-none",a),"aria-describedby":void 0,onPointerDownOutside:r=>{s||r.preventDefault()},onEscapeKeyDown:r=>{s||r.preventDefault()},...p,children:[t("div",{className:"mx-auto mt-2 h-2 w-[100px] rounded-full bg-muted"}),n&&d("button",{onClick:()=>m.onOpenChange?.(!1),className:"absolute right-4 top-4 rounded-full transition-opacity hover:opacity-100 focus:outline-none",children:[t(D,{variant:"secondary",size:"icon",children:t(v,{className:"h-4 w-4"})}),t("span",{className:"sr-only",children:"Close"})]}),t("div",{children:o})]})]})})})});x.displayName=e.Content.displayName;var N=({className:a,...o})=>t("div",{className:l("flex flex-col space-y-1.5 text-center sm:text-left",a),...o});N.displayName="DialogHeader";var w=({className:a,...o})=>t("div",{className:l("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",a),...o});w.displayName="DialogFooter";var h=i.forwardRef(({className:a,...o},n)=>t(e.Title,{ref:n,className:l("text-lg font-semibold leading-none tracking-tight",a),...o}));h.displayName=e.Title.displayName;var T=i.forwardRef(({className:a,...o},n)=>t(e.Description,{ref:n,className:l("text-sm text-muted-foreground",a),...o}));T.displayName=e.Description.displayName;export{C as a,M as b,P as c,L as d,b as e,x as f,N as g,w as h,h as i,T as j};
-//# sourceMappingURL=chunk-63WBWGD4.mjs.map
+import{a as u}from"./chunk-4LR7SOCY.mjs";import{b as D}from"./chunk-W65OWFZY.mjs";import{a as l}from"./chunk-S5TKCF6T.mjs";import*as i from"react";import*as e from"@radix-ui/react-dialog";import{Drawer as g}from"vaul";import{X as v}from"lucide-react";import{jsx as t,jsxs as d}from"react/jsx-runtime";var y=i.createContext({}),C=({children:a,open:o,onOpenChange:n,...s})=>{let[p,c]=i.useState(!1),f=o!==void 0,m=f?o:p,r=f?n:R=>{c(R)};return t(e.Root,{open:m,onOpenChange:r,...s,children:t(y.Provider,{value:{open:m,onOpenChange:r},children:a})})};C.displayName="Dialog";var M=e.Trigger,P=e.Portal,L=e.Close,b=i.forwardRef(({className:a,...o},n)=>t(e.Overlay,{ref:n,className:l("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",a),...o}));b.displayName=e.Overlay.displayName;var x=i.forwardRef(({className:a,children:o,showCloseButton:n=!0,closeOnOverlayClick:s=!0,...p},c)=>{let f=u("md"),m=i.useContext(y);return f?d(P,{children:[t(b,{}),d(e.Content,{ref:c,className:l("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-background shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-3xl overflow-auto",a),onPointerDownOutside:r=>{s||r.preventDefault()},onEscapeKeyDown:r=>{s||r.preventDefault()},...p,children:[o,n&&d(e.Close,{className:"absolute right-4 top-4 rounded-full transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",children:[t(D,{variant:"secondary",size:"icon",children:t(v,{className:"h-4 w-4"})}),t("span",{className:"sr-only",children:"Close"})]})]})]}):t(P,{children:t(g.Root,{open:m.open,onOpenChange:m.onOpenChange,dismissible:s,children:d(g.Portal,{children:[t(g.Overlay,{className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm"}),d(g.Content,{ref:c,className:l("fixed inset-x-0 bottom-0 z-50 mt-24 flex flex-col rounded-t-3xl border border-border bg-background shadow-lg outline-none",a),"aria-describedby":void 0,onPointerDownOutside:r=>{s||r.preventDefault()},onEscapeKeyDown:r=>{s||r.preventDefault()},...p,children:[t("div",{className:"mx-auto mt-2 h-2 w-[100px] rounded-full bg-muted"}),n&&d("button",{onClick:()=>m.onOpenChange?.(!1),className:"absolute right-4 top-4 rounded-full transition-opacity hover:opacity-100 focus:outline-none",children:[t(D,{variant:"secondary",size:"icon",children:t(v,{className:"h-4 w-4"})}),t("span",{className:"sr-only",children:"Close"})]}),t("div",{children:o})]})]})})})});x.displayName=e.Content.displayName;var N=({className:a,...o})=>t("div",{className:l("flex flex-col space-y-1.5 text-center sm:text-left",a),...o});N.displayName="DialogHeader";var w=({className:a,...o})=>t("div",{className:l("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",a),...o});w.displayName="DialogFooter";var h=i.forwardRef(({className:a,...o},n)=>t(e.Title,{ref:n,className:l("text-lg font-semibold leading-none tracking-tight",a),...o}));h.displayName=e.Title.displayName;var T=i.forwardRef(({className:a,...o},n)=>t(e.Description,{ref:n,className:l("text-sm text-muted-foreground",a),...o}));T.displayName=e.Description.displayName;export{C as a,M as b,P as c,L as d,b as e,x as f,N as g,w as h,h as i,T as j};
+//# sourceMappingURL=chunk-OCA36S6W.mjs.map

package/dist/chunk-QC5MA4WL.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as m}from"./chunk-S5TKCF6T.mjs";import*as d from"react";import*as t from"@radix-ui/react-tooltip";import{jsx as o}from"react/jsx-runtime";var s=t.Provider,f=t.Root,P=t.Trigger,n=d.forwardRef(({className:i,sideOffset:e=4,asChild:r,...a},l)=>r?o(t.Portal,{children:o(t.Content,{ref:l,sideOffset:e,asChild:r,className:i,...a})}):o(t.Portal,{children:o(t.Content,{ref:l,sideOffset:e,className:m("z-50 overflow-hidden rounded-xl border border-border bg-tooltip px-4 py-2 text-sm text-primary-accent shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",i),...a})}));n.displayName=t.Content.displayName;export{s as a,f as b,P as c,n as d};
+//# sourceMappingURL=chunk-QC5MA4WL.mjs.map

package/dist/{chunk-WO4QJVNB.mjs.map → chunk-QC5MA4WL.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, asChild, ...props }, ref) => {\n  // When asChild is used, pass props through without default styling\n  // The child component (e.g., Button) will receive the tooltip props directly\n  if (asChild) {\n    return (\n      <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Content\n          ref={ref}\n          sideOffset={sideOffset}\n          asChild={asChild}\n          className={className}\n          {...props}\n        />\n      </TooltipPrimitive.Portal>\n    )\n  }\n\n  // Default tooltip styling when not using asChild\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 overflow-hidden rounded-xl border bg-tooltip px-4 py-2 text-sm text-primary-accent shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n          className\n        )}\n        {...props}\n      />\n    </TooltipPrimitive.Portal>\n  )\n})\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"mappings":";yCAEA,UAAYA,MAAW,QACvB,UAAYC,MAAsB,0BAmB1B,cAAAC,MAAA,oBAfR,IAAMC,EAAmC,WAEnCC,EAA2B,OAE3BC,EAAkC,UAElCC,EAAuB,aAG3B,CAAC,CAAE,UAAAC,EAAW,WAAAC,EAAa,EAAG,QAAAC,EAAS,GAAGC,CAAM,EAAGC,IAG/CF,EAEAP,EAAkB,SAAjB,CACC,SAAAA,EAAkB,UAAjB,CACC,IAAKS,EACL,WAAYH,EACZ,QAASC,EACT,UAAWF,EACV,GAAGG,EACN,EACF,EAMFR,EAAkB,SAAjB,CACC,SAAAA,EAAkB,UAAjB,CACC,IAAKS,EACL,WAAYH,EACZ,UAAWI,EACT,+XACAL,CACF,EACC,GAAGG,EACN,EACF,CAEH,EACDJ,EAAe,YAA+B,UAAQ","names":["React","TooltipPrimitive","jsx","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","asChild","props","ref","cn"]}
+{"version":3,"sources":["../src/components/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, asChild, ...props }, ref) => {\n  // When asChild is used, pass props through without default styling\n  // The child component (e.g., Button) will receive the tooltip props directly\n  if (asChild) {\n    return (\n      <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Content\n          ref={ref}\n          sideOffset={sideOffset}\n          asChild={asChild}\n          className={className}\n          {...props}\n        />\n      </TooltipPrimitive.Portal>\n    )\n  }\n\n  // Default tooltip styling when not using asChild\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 overflow-hidden rounded-xl border border-border bg-tooltip px-4 py-2 text-sm text-primary-accent shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n          className\n        )}\n        {...props}\n      />\n    </TooltipPrimitive.Portal>\n  )\n})\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"mappings":";yCAEA,UAAYA,MAAW,QACvB,UAAYC,MAAsB,0BAmB1B,cAAAC,MAAA,oBAfR,IAAMC,EAAmC,WAEnCC,EAA2B,OAE3BC,EAAkC,UAElCC,EAAuB,aAG3B,CAAC,CAAE,UAAAC,EAAW,WAAAC,EAAa,EAAG,QAAAC,EAAS,GAAGC,CAAM,EAAGC,IAG/CF,EAEAP,EAAkB,SAAjB,CACC,SAAAA,EAAkB,UAAjB,CACC,IAAKS,EACL,WAAYH,EACZ,QAASC,EACT,UAAWF,EACV,GAAGG,EACN,EACF,EAMFR,EAAkB,SAAjB,CACC,SAAAA,EAAkB,UAAjB,CACC,IAAKS,EACL,WAAYH,EACZ,UAAWI,EACT,6YACAL,CACF,EACC,GAAGG,EACN,EACF,CAEH,EACDJ,EAAe,YAA+B,UAAQ","names":["React","TooltipPrimitive","jsx","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","asChild","props","ref","cn"]}

package/dist/{chunk-CV23OQIA.js → chunk-QZGKYSA2.js}

@@ -1,3 +1,3 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
-var _chunkULIOO55Ijs = require('./chunk-ULIOO55I.js');var _chunkJ2IURKGUjs = require('./chunk-J2IURKGU.js');var _chunkQKOZTOYUjs = require('./chunk-QKOZTOYU.js');var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var S = _interopRequireWildcard(_react);var _lucidereact = require('lucide-react');var _jsxruntime = require('react/jsx-runtime');function J({options:l,value:i,onValueChange:k,placeholder:d="Select option...",searchPlaceholder:R="Search...",emptyMessage:D="No option found.",disabled:E=!1,className:I,error:T=!1,multiple:r=!1,values:n=[],onValuesChange:p}){let[g,u]=S.useState(!1),v=l.find(e=>e.value===i),s=l.filter(e=>n.includes(e.value)),B=e=>{if(r){let t=n.includes(e)?n.filter(m=>m!==e):[...n,e];_optionalChain([p, 'optionalCall', _ => _(t)])}else _optionalChain([k, 'optionalCall', _2 => _2(e===i?"":e)]),u(!1)},G=(e,t)=>{t.preventDefault(),t.stopPropagation();let m=n.filter(M=>M!==e);_optionalChain([p, 'optionalCall', _3 => _3(m)])},L=()=>r?s.length===0?d:s.length===1?s[0].label:`${s.length} selected`:v?v.label:d;return _jsxruntime.jsxs.call(void 0, _chunkULIOO55Ijs.a,{open:g,onOpenChange:u,children:[_jsxruntime.jsx.call(void 0, _chunkULIOO55Ijs.b,{asChild:!0,children:_jsxruntime.jsxs.call(void 0, _chunkQKOZTOYUjs.b,{variant:"outline",role:"combobox","aria-expanded":g,disabled:E,className:_chunkFUYXCJOQjs.a.call(void 0, "w-full justify-between",T&&"border-destructive-foreground focus-visible:ring-destructive-foreground",I),children:[_jsxruntime.jsx.call(void 0, "span",{className:"truncate",children:L()}),_jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),_jsxruntime.jsx.call(void 0, _chunkULIOO55Ijs.c,{className:"p-0",align:"start",style:{width:"var(--radix-popover-trigger-width)"},children:_jsxruntime.jsxs.call(void 0, _chunkJ2IURKGUjs.a,{children:[_jsxruntime.jsx.call(void 0, _chunkJ2IURKGUjs.c,{placeholder:R}),_jsxruntime.jsxs.call(void 0, _chunkJ2IURKGUjs.d,{children:[_jsxruntime.jsx.call(void 0, _chunkJ2IURKGUjs.e,{children:D}),_jsxruntime.jsxs.call(void 0, _chunkJ2IURKGUjs.f,{children:[r&&s.length>0&&_jsxruntime.jsx.call(void 0, "div",{className:"px-2 py-1.5",children:_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-wrap gap-1",children:s.map(e=>_jsxruntime.jsxs.call(void 0, "div",{className:"inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs",children:[_jsxruntime.jsx.call(void 0, "span",{className:"truncate",children:e.label}),_jsxruntime.jsx.call(void 0, _lucidereact.X,{className:"h-3 w-3 cursor-pointer hover:text-destructive",onClick:t=>G(e.value,t)})]},e.value))})}),l.map(e=>{let t=r?n.includes(e.value):i===e.value;return _jsxruntime.jsxs.call(void 0, _chunkJ2IURKGUjs.h,{value:e.value,onSelect:B,children:[_jsxruntime.jsx.call(void 0, _lucidereact.Check,{className:_chunkFUYXCJOQjs.a.call(void 0, "mr-2 h-4 w-4",t?"opacity-100":"opacity-0")}),_jsxruntime.jsx.call(void 0, "span",{className:"truncate",children:e.label})]},e.value)})]})]})]})})]})}exports.a = J;
-//# sourceMappingURL=chunk-CV23OQIA.js.map
+var _chunkULIOO55Ijs = require('./chunk-ULIOO55I.js');var _chunk4UUNHBJBjs = require('./chunk-4UUNHBJB.js');var _chunk7T4BNCXLjs = require('./chunk-7T4BNCXL.js');var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var S = _interopRequireWildcard(_react);var _lucidereact = require('lucide-react');var _jsxruntime = require('react/jsx-runtime');function J({options:l,value:i,onValueChange:k,placeholder:d="Select option...",searchPlaceholder:R="Search...",emptyMessage:D="No option found.",disabled:E=!1,className:I,error:T=!1,multiple:r=!1,values:n=[],onValuesChange:p}){let[g,u]=S.useState(!1),v=l.find(e=>e.value===i),s=l.filter(e=>n.includes(e.value)),B=e=>{if(r){let t=n.includes(e)?n.filter(m=>m!==e):[...n,e];_optionalChain([p, 'optionalCall', _ => _(t)])}else _optionalChain([k, 'optionalCall', _2 => _2(e===i?"":e)]),u(!1)},G=(e,t)=>{t.preventDefault(),t.stopPropagation();let m=n.filter(M=>M!==e);_optionalChain([p, 'optionalCall', _3 => _3(m)])},L=()=>r?s.length===0?d:s.length===1?s[0].label:`${s.length} selected`:v?v.label:d;return _jsxruntime.jsxs.call(void 0, _chunkULIOO55Ijs.a,{open:g,onOpenChange:u,children:[_jsxruntime.jsx.call(void 0, _chunkULIOO55Ijs.b,{asChild:!0,children:_jsxruntime.jsxs.call(void 0, _chunk7T4BNCXLjs.b,{variant:"outline",role:"combobox","aria-expanded":g,disabled:E,className:_chunkFUYXCJOQjs.a.call(void 0, "w-full justify-between",T&&"border-destructive-foreground focus-visible:ring-destructive-foreground",I),children:[_jsxruntime.jsx.call(void 0, "span",{className:"truncate",children:L()}),_jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),_jsxruntime.jsx.call(void 0, _chunkULIOO55Ijs.c,{className:"p-0",align:"start",style:{width:"var(--radix-popover-trigger-width)"},children:_jsxruntime.jsxs.call(void 0, _chunk4UUNHBJBjs.a,{children:[_jsxruntime.jsx.call(void 0, _chunk4UUNHBJBjs.c,{placeholder:R}),_jsxruntime.jsxs.call(void 0, _chunk4UUNHBJBjs.d,{children:[_jsxruntime.jsx.call(void 0, _chunk4UUNHBJBjs.e,{children:D}),_jsxruntime.jsxs.call(void 0, _chunk4UUNHBJBjs.f,{children:[r&&s.length>0&&_jsxruntime.jsx.call(void 0, "div",{className:"px-2 py-1.5",children:_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-wrap gap-1",children:s.map(e=>_jsxruntime.jsxs.call(void 0, "div",{className:"inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs",children:[_jsxruntime.jsx.call(void 0, "span",{className:"truncate",children:e.label}),_jsxruntime.jsx.call(void 0, _lucidereact.X,{className:"h-3 w-3 cursor-pointer hover:text-destructive",onClick:t=>G(e.value,t)})]},e.value))})}),l.map(e=>{let t=r?n.includes(e.value):i===e.value;return _jsxruntime.jsxs.call(void 0, _chunk4UUNHBJBjs.h,{value:e.value,onSelect:B,children:[_jsxruntime.jsx.call(void 0, _lucidereact.Check,{className:_chunkFUYXCJOQjs.a.call(void 0, "mr-2 h-4 w-4",t?"opacity-100":"opacity-0")}),_jsxruntime.jsx.call(void 0, "span",{className:"truncate",children:e.label})]},e.value)})]})]})]})})]})}exports.a = J;
+//# sourceMappingURL=chunk-QZGKYSA2.js.map

package/dist/{chunk-CV23OQIA.js.map → chunk-QZGKYSA2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-CV23OQIA.js","../src/components/combobox.tsx"],"names":["Combobox","options","value","onValueChange","placeholder","searchPlaceholder","emptyMessage","disabled","className","error","multiple","values","onValuesChange","open","setOpen","selectedOption","option","selectedOptions","handleSelect","currentValue","newValues","v","handleRemoveValue","valueToRemove","e","getDisplayText"],"mappings":"AAAA,22BAAY;AACZ,sDAAqD,sDAA2E,sDAAwC,sDAAwC,uECDzL,2CACe,+CAoF9B,SAlDQA,CAAAA,CAAS,CACvB,OAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,kBAAA,CACd,iBAAA,CAAAC,CAAAA,CAAoB,WAAA,CACpB,YAAA,CAAAC,CAAAA,CAAe,kBAAA,CACf,QAAA,CAAAC,CAAAA,CAAW,CAAA,CAAA,CACX,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CAAQ,CAAA,CAAA,CACR,QAAA,CAAAC,CAAAA,CAAW,CAAA,CAAA,CACX,MAAA,CAAAC,CAAAA,CAAS,CAAC,CAAA,CACV,cAAA,CAAAC,CACF,CAAA,CAAkB,CAChB,GAAM,CAACC,CAAAA,CAAMC,CAAO,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CAEtCC,CAAAA,CAAiBd,CAAAA,CAAQ,IAAA,CAAMe,CAAAA,EAAWA,CAAAA,CAAO,KAAA,GAAUd,CAAK,CAAA,CAChEe,CAAAA,CAAkBhB,CAAAA,CAAQ,MAAA,CAAQe,CAAAA,EAAWL,CAAAA,CAAO,QAAA,CAASK,CAAAA,CAAO,KAAK,CAAC,CAAA,CAE1EE,CAAAA,CAAgBC,CAAAA,EAAyB,CAC7C,EAAA,CAAIT,CAAAA,CAAU,CACZ,IAAMU,CAAAA,CAAYT,CAAAA,CAAO,QAAA,CAASQ,CAAY,CAAA,CAC1CR,CAAAA,CAAO,MAAA,CAAQU,CAAAA,EAAMA,CAAAA,GAAMF,CAAY,CAAA,CACvC,CAAC,GAAGR,CAAAA,CAAQQ,CAAY,CAAA,iBAC5BP,CAAAA,wBAAAA,CAAiBQ,CAAS,GAC5B,CAAA,qBACEjB,CAAAA,0BAAAA,CAAgBgB,CAAAA,GAAiBjB,CAAAA,CAAQ,EAAA,CAAKiB,CAAY,GAAA,CAC1DL,CAAAA,CAAQ,CAAA,CAAK,CAEjB,CAAA,CAEMQ,CAAAA,CAAoB,CAACC,CAAAA,CAAuBC,CAAAA,CAAAA,EAAwB,CACxEA,CAAAA,CAAE,cAAA,CAAe,CAAA,CACjBA,CAAAA,CAAE,eAAA,CAAgB,CAAA,CAClB,IAAMJ,CAAAA,CAAYT,CAAAA,CAAO,MAAA,CAAQU,CAAAA,EAAMA,CAAAA,GAAME,CAAa,CAAA,iBAC1DX,CAAAA,0BAAAA,CAAiBQ,CAAS,GAC5B,CAAA,CAEMK,CAAAA,CAAiB,CAAA,CAAA,EACjBf,CAAAA,CACEO,CAAAA,CAAgB,MAAA,GAAW,CAAA,CAAUb,CAAAA,CACrCa,CAAAA,CAAgB,MAAA,GAAW,CAAA,CAAUA,CAAAA,CAAgB,CAAC,CAAA,CAAE,KAAA,CACrD,CAAA,EAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-CV23OQIA.js","sourcesContent":[null,"import * as React from \"react\"\nimport { Check, ChevronDown, X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/button\"\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"@/components/command\"\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/popover\"\n\nexport interface ComboboxOption {\n  value: string\n  label: string\n}\n\nexport interface ComboboxProps {\n  options: ComboboxOption[]\n  value?: string\n  onValueChange?: (value: string) => void\n  placeholder?: string\n  searchPlaceholder?: string\n  emptyMessage?: string\n  disabled?: boolean\n  className?: string\n  error?: boolean\n  multiple?: boolean\n  values?: string[]\n  onValuesChange?: (values: string[]) => void\n}\n\nexport function Combobox({\n  options,\n  value,\n  onValueChange,\n  placeholder = \"Select option...\",\n  searchPlaceholder = \"Search...\",\n  emptyMessage = \"No option found.\",\n  disabled = false,\n  className,\n  error = false,\n  multiple = false,\n  values = [],\n  onValuesChange,\n}: ComboboxProps) {\n  const [open, setOpen] = React.useState(false)\n\n  const selectedOption = options.find((option) => option.value === value)\n  const selectedOptions = options.filter((option) => values.includes(option.value))\n\n  const handleSelect = (currentValue: string) => {\n    if (multiple) {\n      const newValues = values.includes(currentValue)\n        ? values.filter((v) => v !== currentValue)\n        : [...values, currentValue]\n      onValuesChange?.(newValues)\n    } else {\n      onValueChange?.(currentValue === value ? \"\" : currentValue)\n      setOpen(false)\n    }\n  }\n\n  const handleRemoveValue = (valueToRemove: string, e: React.MouseEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    const newValues = values.filter((v) => v !== valueToRemove)\n    onValuesChange?.(newValues)\n  }\n\n  const getDisplayText = () => {\n    if (multiple) {\n      if (selectedOptions.length === 0) return placeholder\n      if (selectedOptions.length === 1) return selectedOptions[0].label\n      return `${selectedOptions.length} selected`\n    }\n    return selectedOption ? selectedOption.label : placeholder\n  }\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          role=\"combobox\"\n          aria-expanded={open}\n          disabled={disabled}\n          className={cn(\n            \"w-full justify-between\",\n            error && \"border-destructive-foreground focus-visible:ring-destructive-foreground\",\n            className\n          )}\n        >\n          <span className=\"truncate\">{getDisplayText()}</span>\n          <ChevronDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"p-0\"\n        align=\"start\"\n        style={{ width: \"var(--radix-popover-trigger-width)\" }}\n      >\n        <Command>\n          <CommandInput placeholder={searchPlaceholder} />\n          <CommandList>\n            <CommandEmpty>{emptyMessage}</CommandEmpty>\n            <CommandGroup>\n              {multiple && selectedOptions.length > 0 && (\n                <div className=\"px-2 py-1.5\">\n                  <div className=\"flex flex-wrap gap-1\">\n                    {selectedOptions.map((option) => (\n                      <div\n                        key={option.value}\n                        className=\"inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs\"\n                      >\n                        <span className=\"truncate\">{option.label}</span>\n                        <X\n                          className=\"h-3 w-3 cursor-pointer hover:text-destructive\"\n                          onClick={(e) => handleRemoveValue(option.value, e)}\n                        />\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              )}\n              {options.map((option) => {\n                const isSelected = multiple\n                  ? values.includes(option.value)\n                  : value === option.value\n\n                return (\n                  <CommandItem\n                    key={option.value}\n                    value={option.value}\n                    onSelect={handleSelect}\n                  >\n                    <Check\n                      className={cn(\n                        \"mr-2 h-4 w-4\",\n                        isSelected ? \"opacity-100\" : \"opacity-0\"\n                      )}\n                    />\n                    <span className=\"truncate\">{option.label}</span>\n                  </CommandItem>\n                )\n              })}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"]}
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-QZGKYSA2.js","../src/components/combobox.tsx"],"names":["Combobox","options","value","onValueChange","placeholder","searchPlaceholder","emptyMessage","disabled","className","error","multiple","values","onValuesChange","open","setOpen","selectedOption","option","selectedOptions","handleSelect","currentValue","newValues","v","handleRemoveValue","valueToRemove","e","getDisplayText"],"mappings":"AAAA,22BAAY;AACZ,sDAAqD,sDAA2E,sDAAwC,sDAAwC,uECDzL,2CACe,+CAoF9B,SAlDQA,CAAAA,CAAS,CACvB,OAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,kBAAA,CACd,iBAAA,CAAAC,CAAAA,CAAoB,WAAA,CACpB,YAAA,CAAAC,CAAAA,CAAe,kBAAA,CACf,QAAA,CAAAC,CAAAA,CAAW,CAAA,CAAA,CACX,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CAAQ,CAAA,CAAA,CACR,QAAA,CAAAC,CAAAA,CAAW,CAAA,CAAA,CACX,MAAA,CAAAC,CAAAA,CAAS,CAAC,CAAA,CACV,cAAA,CAAAC,CACF,CAAA,CAAkB,CAChB,GAAM,CAACC,CAAAA,CAAMC,CAAO,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CAEtCC,CAAAA,CAAiBd,CAAAA,CAAQ,IAAA,CAAMe,CAAAA,EAAWA,CAAAA,CAAO,KAAA,GAAUd,CAAK,CAAA,CAChEe,CAAAA,CAAkBhB,CAAAA,CAAQ,MAAA,CAAQe,CAAAA,EAAWL,CAAAA,CAAO,QAAA,CAASK,CAAAA,CAAO,KAAK,CAAC,CAAA,CAE1EE,CAAAA,CAAgBC,CAAAA,EAAyB,CAC7C,EAAA,CAAIT,CAAAA,CAAU,CACZ,IAAMU,CAAAA,CAAYT,CAAAA,CAAO,QAAA,CAASQ,CAAY,CAAA,CAC1CR,CAAAA,CAAO,MAAA,CAAQU,CAAAA,EAAMA,CAAAA,GAAMF,CAAY,CAAA,CACvC,CAAC,GAAGR,CAAAA,CAAQQ,CAAY,CAAA,iBAC5BP,CAAAA,wBAAAA,CAAiBQ,CAAS,GAC5B,CAAA,qBACEjB,CAAAA,0BAAAA,CAAgBgB,CAAAA,GAAiBjB,CAAAA,CAAQ,EAAA,CAAKiB,CAAY,GAAA,CAC1DL,CAAAA,CAAQ,CAAA,CAAK,CAEjB,CAAA,CAEMQ,CAAAA,CAAoB,CAACC,CAAAA,CAAuBC,CAAAA,CAAAA,EAAwB,CACxEA,CAAAA,CAAE,cAAA,CAAe,CAAA,CACjBA,CAAAA,CAAE,eAAA,CAAgB,CAAA,CAClB,IAAMJ,CAAAA,CAAYT,CAAAA,CAAO,MAAA,CAAQU,CAAAA,EAAMA,CAAAA,GAAME,CAAa,CAAA,iBAC1DX,CAAAA,0BAAAA,CAAiBQ,CAAS,GAC5B,CAAA,CAEMK,CAAAA,CAAiB,CAAA,CAAA,EACjBf,CAAAA,CACEO,CAAAA,CAAgB,MAAA,GAAW,CAAA,CAAUb,CAAAA,CACrCa,CAAAA,CAAgB,MAAA,GAAW,CAAA,CAAUA,CAAAA,CAAgB,CAAC,CAAA,CAAE,KAAA,CACrD,CAAA,EAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-QZGKYSA2.js","sourcesContent":[null,"import * as React from \"react\"\nimport { Check, ChevronDown, X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/button\"\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"@/components/command\"\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/popover\"\n\nexport interface ComboboxOption {\n  value: string\n  label: string\n}\n\nexport interface ComboboxProps {\n  options: ComboboxOption[]\n  value?: string\n  onValueChange?: (value: string) => void\n  placeholder?: string\n  searchPlaceholder?: string\n  emptyMessage?: string\n  disabled?: boolean\n  className?: string\n  error?: boolean\n  multiple?: boolean\n  values?: string[]\n  onValuesChange?: (values: string[]) => void\n}\n\nexport function Combobox({\n  options,\n  value,\n  onValueChange,\n  placeholder = \"Select option...\",\n  searchPlaceholder = \"Search...\",\n  emptyMessage = \"No option found.\",\n  disabled = false,\n  className,\n  error = false,\n  multiple = false,\n  values = [],\n  onValuesChange,\n}: ComboboxProps) {\n  const [open, setOpen] = React.useState(false)\n\n  const selectedOption = options.find((option) => option.value === value)\n  const selectedOptions = options.filter((option) => values.includes(option.value))\n\n  const handleSelect = (currentValue: string) => {\n    if (multiple) {\n      const newValues = values.includes(currentValue)\n        ? values.filter((v) => v !== currentValue)\n        : [...values, currentValue]\n      onValuesChange?.(newValues)\n    } else {\n      onValueChange?.(currentValue === value ? \"\" : currentValue)\n      setOpen(false)\n    }\n  }\n\n  const handleRemoveValue = (valueToRemove: string, e: React.MouseEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    const newValues = values.filter((v) => v !== valueToRemove)\n    onValuesChange?.(newValues)\n  }\n\n  const getDisplayText = () => {\n    if (multiple) {\n      if (selectedOptions.length === 0) return placeholder\n      if (selectedOptions.length === 1) return selectedOptions[0].label\n      return `${selectedOptions.length} selected`\n    }\n    return selectedOption ? selectedOption.label : placeholder\n  }\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          role=\"combobox\"\n          aria-expanded={open}\n          disabled={disabled}\n          className={cn(\n            \"w-full justify-between\",\n            error && \"border-destructive-foreground focus-visible:ring-destructive-foreground\",\n            className\n          )}\n        >\n          <span className=\"truncate\">{getDisplayText()}</span>\n          <ChevronDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"p-0\"\n        align=\"start\"\n        style={{ width: \"var(--radix-popover-trigger-width)\" }}\n      >\n        <Command>\n          <CommandInput placeholder={searchPlaceholder} />\n          <CommandList>\n            <CommandEmpty>{emptyMessage}</CommandEmpty>\n            <CommandGroup>\n              {multiple && selectedOptions.length > 0 && (\n                <div className=\"px-2 py-1.5\">\n                  <div className=\"flex flex-wrap gap-1\">\n                    {selectedOptions.map((option) => (\n                      <div\n                        key={option.value}\n                        className=\"inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs\"\n                      >\n                        <span className=\"truncate\">{option.label}</span>\n                        <X\n                          className=\"h-3 w-3 cursor-pointer hover:text-destructive\"\n                          onClick={(e) => handleRemoveValue(option.value, e)}\n                        />\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              )}\n              {options.map((option) => {\n                const isSelected = multiple\n                  ? values.includes(option.value)\n                  : value === option.value\n\n                return (\n                  <CommandItem\n                    key={option.value}\n                    value={option.value}\n                    onSelect={handleSelect}\n                  >\n                    <Check\n                      className={cn(\n                        \"mr-2 h-4 w-4\",\n                        isSelected ? \"opacity-100\" : \"opacity-0\"\n                      )}\n                    />\n                    <span className=\"truncate\">{option.label}</span>\n                  </CommandItem>\n                )\n              })}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"]}