@codefast/ui 0.2.46-canary.2 → 0.2.46-canary.4

package/dist/cjs/components/sidebar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/sidebar.cjs","sources":["webpack://@codefast/ui/./src/components/sidebar.tsx"],"sourcesContent":["\n\nimport type { ComponentProps, CSSProperties, Dispatch, JSX, SetStateAction } from \"react\";\n\nimport { useIsMobile } from \"@codefast/hooks\";\nimport { createContext } from \"@radix-ui/react-context\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { PanelLeftIcon } from \"lucide-react\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport type { VariantProps } from \"@/lib/utils\";\n\nimport { Button } from \"@/components/button\";\nimport { Input } from \"@/components/input\";\nimport { Separator } from \"@/components/separator\";\nimport { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from \"@/components/sheet\";\nimport { Skeleton } from \"@/components/skeleton\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"@/components/tooltip\";\nimport { cn, tv } from \"@/lib/utils\";\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\";\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = \"16rem\";\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\nconst SIDEBAR_WIDTH_ICON = \"3.0625rem\";\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\n\ninterface SidebarContextValue {\n  isMobile: boolean;\n  open: boolean;\n  openMobile: boolean;\n  setOpen: (open: boolean) => void;\n  setOpenMobile: Dispatch<SetStateAction<boolean>>;\n  state: \"collapsed\" | \"expanded\";\n  toggleSidebar: () => void;\n}\n\n/* -----------------------------------------------------------------------------\n * Context: SidebarProvider\n * -------------------------------------------------------------------------- */\n\nconst SIDEBAR_PROVIDER_NAME = \"SidebarProvider\";\n\nconst [SidebarContextProvider, useSidebar] = createContext<SidebarContextValue>(SIDEBAR_PROVIDER_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarProvider\n * -------------------------------------------------------------------------- */\n\nfunction SidebarProvider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  className,\n  style,\n  children,\n  ...props\n}: ComponentProps<\"div\"> & {\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  open?: boolean;\n}): JSX.Element {\n  const isMobile = useIsMobile();\n  const [openMobile, setOpenMobile] = useState(false);\n\n  // This is the internal state of the sidebar.\n  // We use openProp and setOpenProp for control from outside the component.\n  const [isOpen, setIsOpen] = useState(defaultOpen);\n  const open = openProp ?? isOpen;\n  const setOpen = useCallback(\n    (value: ((value: boolean) => boolean) | boolean) => {\n      const openState = typeof value === \"function\" ? value(open) : value;\n\n      if (setOpenProp) {\n        setOpenProp(openState);\n      } else {\n        setIsOpen(openState);\n      }\n\n      // eslint-disable-next-line unicorn/no-document-cookie -- This sets the cookie to keep the sidebar state.\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n    },\n    [setOpenProp, open],\n  );\n\n  // Helper to toggle the sidebar.\n  const toggleSidebar = useCallback(() => {\n    if (isMobile) {\n      setOpenMobile((currentValue) => !currentValue);\n    } else {\n      setOpen((currentValue) => !currentValue);\n    }\n  }, [isMobile, setOpen, setOpenMobile]);\n\n  // Adds a keyboard shortcut to toggle the sidebar.\n  useEffect(() => {\n    const handleKeyDown: (event: KeyboardEvent) => void = (event: KeyboardEvent) => {\n      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault();\n        toggleSidebar();\n      }\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      window.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [toggleSidebar]);\n\n  // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n  // This makes it easier to style the sidebar with Tailwind classes.\n  const state = open ? \"expanded\" : \"collapsed\";\n\n  return (\n    <SidebarContextProvider\n      isMobile={isMobile}\n      open={open}\n      openMobile={openMobile}\n      setOpen={setOpen}\n      setOpenMobile={setOpenMobile}\n      state={state}\n      toggleSidebar={toggleSidebar}\n    >\n      <TooltipProvider delayDuration={0}>\n        <div\n          className={cn(\"group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full\", className)}\n          data-slot=\"sidebar-wrapper\"\n          style={\n            {\n              \"--sidebar-width\": SIDEBAR_WIDTH,\n              \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n              ...style,\n            } as CSSProperties\n          }\n          {...props}\n        >\n          {children}\n        </div>\n      </TooltipProvider>\n    </SidebarContextProvider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: Sidebar\n * -------------------------------------------------------------------------- */\n\nconst SIDEBAR_NAME = \"Sidebar\";\n\nfunction Sidebar({\n  side = \"left\",\n  variant = \"sidebar\",\n  collapsible = \"offcanvas\",\n  className,\n  children,\n  ...props\n}: ComponentProps<\"div\"> & {\n  collapsible?: \"icon\" | \"none\" | \"offcanvas\";\n  side?: \"left\" | \"right\";\n  variant?: \"floating\" | \"inset\" | \"sidebar\";\n}): JSX.Element {\n  const { isMobile, state, openMobile, setOpenMobile } = useSidebar(SIDEBAR_NAME);\n\n  if (collapsible === \"none\") {\n    return (\n      <div\n        className={cn(\"bg-sidebar text-sidebar-foreground w-(--sidebar-width) flex h-full flex-col\", className)}\n        data-slot=\"sidebar\"\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n        <SheetContent\n          className=\"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden\"\n          data-mobile=\"true\"\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar\"\n          side={side}\n          style={\n            {\n              \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\n            } as CSSProperties\n          }\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  }\n\n  return (\n    <div\n      className={cn(\"text-sidebar-foreground group peer hidden md:block\", className)}\n      data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n      data-side={side}\n      data-slot=\"sidebar\"\n      data-state={state}\n      data-variant={variant}\n    >\n      {/* This is what handles the sidebar gap on desktop */}\n      <div\n        className={cn(\n          \"w-(--sidebar-width) relative bg-transparent transition-[width] duration-200 ease-linear group-data-[collapsible=offcanvas]:w-0 group-data-[side=right]:rotate-180\",\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        data-slot=\"sidebar-gap\"\n      />\n      <div\n        className={cn(\n          \"w-(--sidebar-width) fixed inset-y-0 z-10 hidden h-svh transition-[left,right,width] duration-200 ease-linear md:flex\",\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          // Adjust the padding for floating and inset variants.\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) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n          className,\n        )}\n        data-slot=\"sidebar-container\"\n        {...props}\n      >\n        <div\n          className=\"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm\"\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar-inner\"\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarTrigger\n * -------------------------------------------------------------------------- */\n\nconst SIDEBAR_TRIGGER_NAME = \"SidebarTrigger\";\n\nfunction SidebarTrigger({ className, onClick, ...props }: ComponentProps<typeof Button>): JSX.Element {\n  const { toggleSidebar } = useSidebar(SIDEBAR_TRIGGER_NAME);\n\n  return (\n    <Button\n      className={cn(\"size-7\", className)}\n      data-sidebar=\"trigger\"\n      data-slot=\"sidebar-trigger\"\n      size=\"icon\"\n      variant=\"ghost\"\n      onClick={(event) => {\n        onClick?.(event);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      <PanelLeftIcon />\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </Button>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarRail\n * -------------------------------------------------------------------------- */\n\nconst SIDEBAR_RAIL_NAME = \"SidebarRail\";\n\nfunction SidebarRail({ className, ...props }: ComponentProps<\"button\">): JSX.Element {\n  const { toggleSidebar } = useSidebar(SIDEBAR_RAIL_NAME);\n\n  return (\n    <button\n      className={cn(\n        \"hover:after:bg-sidebar-border in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize hover:group-data-[collapsible=offcanvas]:bg-sidebar 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] group-data-[side=left]:-right-4 group-data-[side=right]:left-0 group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full sm:flex [[data-side=left][data-collapsible=offcanvas]_&]:-right-2 [[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-collapsible=offcanvas]_&]:-left-2 [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n        className,\n      )}\n      data-sidebar=\"rail\"\n      data-slot=\"sidebar-rail\"\n      title=\"Toggle Sidebar\"\n      type=\"button\"\n      onClick={toggleSidebar}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarInset\n * -------------------------------------------------------------------------- */\n\nfunction SidebarInset({ className, ...props }: ComponentProps<\"main\">): JSX.Element {\n  return (\n    <main\n      className={cn(\n        \"bg-background relative flex w-full min-w-0 flex-1 flex-col md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm\",\n        className,\n      )}\n      data-slot=\"sidebar-inset\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarInput\n * -------------------------------------------------------------------------- */\n\nfunction SidebarInput({ className, ...props }: ComponentProps<typeof Input>): JSX.Element {\n  return (\n    <Input\n      className={cn(\"bg-background h-8 w-full shadow-none\", className)}\n      data-sidebar=\"input\"\n      data-slot=\"sidebar-input\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarHeader\n * -------------------------------------------------------------------------- */\n\nfunction SidebarHeader({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\n      data-sidebar=\"header\"\n      data-slot=\"sidebar-header\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarFooter\n * -------------------------------------------------------------------------- */\n\nfunction SidebarFooter({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\n      data-sidebar=\"footer\"\n      data-slot=\"sidebar-footer\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarSeparator\n * -------------------------------------------------------------------------- */\n\nfunction SidebarSeparator({ className, ...props }: ComponentProps<typeof Separator>): JSX.Element {\n  return (\n    <Separator\n      className={cn(\"bg-sidebar-border mx-2 w-auto\", className)}\n      data-sidebar=\"separator\"\n      data-slot=\"sidebar-separator\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarContent\n * -------------------------------------------------------------------------- */\n\nfunction SidebarContent({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div\n      className={cn(\n        \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n        className,\n      )}\n      data-sidebar=\"content\"\n      data-slot=\"sidebar-content\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarGroup\n * -------------------------------------------------------------------------- */\n\nfunction SidebarGroup({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div\n      className={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\n      data-sidebar=\"group\"\n      data-slot=\"sidebar-group\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarGroupLabel\n * -------------------------------------------------------------------------- */\n\nfunction SidebarGroupLabel({\n  className,\n  asChild = false,\n  ...props\n}: ComponentProps<\"div\"> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : \"div\";\n\n  return (\n    <Component\n      className={cn(\n        \"text-sidebar-foreground/70 ring-sidebar-ring outline-hidden focus-visible:ring-3 flex h-8 shrink-0 items-center truncate rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 [&>svg]:size-4 [&>svg]:shrink-0\",\n        className,\n      )}\n      data-sidebar=\"group-label\"\n      data-slot=\"sidebar-group-label\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarGroupAction\n * -------------------------------------------------------------------------- */\n\nfunction SidebarGroupAction({\n  className,\n  asChild = false,\n  ...props\n}: ComponentProps<\"button\"> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : \"button\";\n\n  return (\n    <Component\n      className={cn(\n        \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground outline-hidden focus-visible:ring-3 absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform after:absolute after:-inset-2 group-data-[collapsible=icon]:hidden md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0\",\n        className,\n      )}\n      data-sidebar=\"group-action\"\n      data-slot=\"sidebar-group-action\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarGroupContent\n * -------------------------------------------------------------------------- */\n\nfunction SidebarGroupContent({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div\n      className={cn(\"w-full text-sm\", className)}\n      data-sidebar=\"group-content\"\n      data-slot=\"sidebar-group-content\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenu\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenu({ className, ...props }: ComponentProps<\"ul\">): JSX.Element {\n  return (\n    <ul\n      className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n      data-sidebar=\"menu\"\n      data-slot=\"sidebar-menu\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuItem\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuItem({ className, ...props }: ComponentProps<\"li\">): JSX.Element {\n  return (\n    <li\n      className={cn(\"group/menu-item relative\", className)}\n      data-sidebar=\"menu-item\"\n      data-slot=\"sidebar-menu-item\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Variant: SidebarMenuButton\n * -------------------------------------------------------------------------- */\n\nconst sidebarMenuButtonVariants = tv({\n  base: \"peer/menu-button outline-hidden ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground group-has-data-[sidebar=menu-action]/menu-item:pr-8 data-[active=true]:bg-sidebar-accent 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! focus-visible:ring-3 flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm transition-[width,height,padding] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n  variants: {\n    variant: {\n      default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n      outline:\n        \"bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\",\n    },\n    size: {\n      sm: \"h-7 text-xs\",\n      md: \"h-8 text-sm\",\n      lg: \"group-data-[collapsible=icon]:p-0! h-12 text-sm\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuButton\n * -------------------------------------------------------------------------- */\n\nconst SIDEBAR_MENU_BUTTON_NAME = \"SidebarMenuButton\";\n\nfunction SidebarMenuButton({\n  asChild = false,\n  isActive = false,\n  variant = \"default\",\n  size = \"md\",\n  tooltip,\n  className,\n  ...props\n}: ComponentProps<\"button\"> &\n  VariantProps<typeof sidebarMenuButtonVariants> & {\n    asChild?: boolean;\n    isActive?: boolean;\n    tooltip?: ComponentProps<typeof TooltipContent> | string;\n  }): JSX.Element {\n  const Component = asChild ? Slot : \"button\";\n  const { isMobile, state } = useSidebar(SIDEBAR_MENU_BUTTON_NAME);\n\n  const button = (\n    <Component\n      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n      data-active={isActive}\n      data-sidebar=\"menu-button\"\n      data-size={size}\n      data-slot=\"sidebar-menu-button\"\n      {...props}\n    />\n  );\n\n  if (!tooltip) {\n    return button;\n  }\n\n  if (typeof tooltip === \"string\") {\n    // eslint-disable-next-line no-param-reassign -- convert it to an object with default properties\n    tooltip = {\n      children: tooltip,\n    };\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent align=\"center\" hidden={state !== \"collapsed\" || isMobile} side=\"right\" {...tooltip} />\n    </Tooltip>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuAction\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuAction({\n  className,\n  asChild = false,\n  showOnHover = false,\n  ...props\n}: ComponentProps<\"button\"> & {\n  asChild?: boolean;\n  showOnHover?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : \"button\";\n\n  return (\n    <Component\n      className={cn(\n        \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground outline-hidden focus-visible:ring-3 absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform after:absolute after:-inset-2 group-data-[collapsible=icon]:hidden peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0\",\n        showOnHover &&\n          \"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0\",\n        className,\n      )}\n      data-sidebar=\"menu-action\"\n      data-slot=\"sidebar-menu-action\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuBadge\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuBadge({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return (\n    <div\n      className={cn(\n        \"text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground 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 group-data-[collapsible=icon]:hidden peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1\",\n        className,\n      )}\n      data-sidebar=\"menu-badge\"\n      data-slot=\"sidebar-menu-badge\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuSkeleton\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuSkeleton({\n  className,\n  showIcon = false,\n  ...props\n}: ComponentProps<\"div\"> & {\n  showIcon?: boolean;\n}): JSX.Element {\n  // Random width between 50 to 90%.\n  const width = useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`;\n  }, []);\n\n  return (\n    <div\n      className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n      data-sidebar=\"menu-skeleton\"\n      data-slot=\"sidebar-menu-skeleton\"\n      {...props}\n    >\n      {showIcon ? <Skeleton className=\"size-4 rounded-md\" data-sidebar=\"menu-skeleton-icon\" /> : null}\n      <Skeleton\n        className=\"max-w-(--skeleton-width) h-4 flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            \"--skeleton-width\": width,\n          } as CSSProperties\n        }\n      />\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuSub\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuSub({ className, ...props }: ComponentProps<\"ul\">): JSX.Element {\n  return (\n    <ul\n      className={cn(\n        \"border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      data-sidebar=\"menu-sub\"\n      data-slot=\"sidebar-menu-sub\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuSubItem\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuSubItem({ className, ...props }: ComponentProps<\"li\">): JSX.Element {\n  return (\n    <li\n      className={cn(\"group/menu-sub-item relative\", className)}\n      data-sidebar=\"menu-sub-item\"\n      data-slot=\"sidebar-menu-sub-item\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuSubButton\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuSubButton({\n  asChild = false,\n  size = \"md\",\n  isActive = false,\n  className,\n  ...props\n}: ComponentProps<\"a\"> & {\n  asChild?: boolean;\n  isActive?: boolean;\n  size?: \"md\" | \"sm\";\n}): JSX.Element {\n  const Component = asChild ? Slot : \"a\";\n\n  return (\n    <Component\n      className={cn(\n        \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground outline-hidden focus-visible:ring-3 data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 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\",\n        size === \"sm\" && \"text-xs\",\n        size === \"md\" && \"text-sm\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className,\n      )}\n      data-active={isActive}\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-slot=\"sidebar-menu-sub-button\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Sidebar,\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"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SIDEBAR_PROVIDER_NAME","SidebarContextProvider","useSidebar","createContext","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","isMobile","useIsMobile","openMobile","setOpenMobile","useState","isOpen","setIsOpen","open","setOpen","useCallback","value","openState","document","toggleSidebar","currentValue","useEffect","handleKeyDown","event","window","state","TooltipProvider","cn","SIDEBAR_NAME","Sidebar","side","variant","collapsible","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","SIDEBAR_TRIGGER_NAME","SidebarTrigger","onClick","Button","PanelLeftIcon","SIDEBAR_RAIL_NAME","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Component","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","tv","SIDEBAR_MENU_BUTTON_NAME","SidebarMenuButton","isActive","size","tooltip","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","useMemo","Math","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"],"mappings":";w1EAoBMA,oBAAsB,gBACtBC,uBAAyB,OACzBC,cAAgB,QAChBC,qBAAuB,QACvBC,mBAAqB,YACrBC,0BAA4B,IAgB5BC,sBAAwB,kBAExB,CAACC,uBAAwBC,WAAW,CAAGC,GAAAA,8BAAAA,aAAAA,EAFf,mBAQ9B,SAASC,gBAAgB,CACvBC,YAAAA,EAAc,EAAI,CAClB,KAAMC,CAAQ,CACd,aAAcC,CAAW,CACzBC,UAAAA,CAAS,CACTC,MAAAA,CAAK,CACLC,SAAAA,CAAQ,CACR,GAAGC,EAKJ,EACC,IAAMC,EAAWC,GAAAA,sBAAAA,WAAAA,IACX,CAACC,EAAYC,EAAc,CAAGC,GAAAA,+BAAAA,QAAAA,EAAS,IAIvC,CAACC,EAAQC,EAAU,CAAGF,GAAAA,+BAAAA,QAAAA,EAASX,GAC/Bc,EAAOb,GAAYW,EACnBG,EAAUC,GAAAA,+BAAAA,WAAAA,EACd,IACE,IAAME,EAAY,mBAAOD,EAAuBA,EAAMH,GAAQG,EAE1Df,EACFA,EAAYgB,GAEZL,EAAUK,GAIZC,SAAS,MAAM,CAAG,iBAA0BD,2BAAsD,EAEpG,CAAChB,EAAaY,EAAK,EAIfM,EAAgBJ,GAAAA,+BAAAA,WAAAA,EAAY,KAC5BT,EACFG,EAAc,GAAkB,CAACW,GAEjCN,EAAQ,GAAkB,CAACM,EAE/B,EAAG,CAACd,EAAUQ,EAASL,EAAc,EAGrCY,GAAAA,+BAAAA,SAAAA,EAAU,KACR,IAAMC,EAAgD,IAvExB,MAwExBC,EAAM,GAAG,EAAmCA,CAAAA,EAAM,OAAO,EAAIA,EAAM,OAAM,IAC3EA,EAAM,cAAc,GACpBJ,IAEJ,EAIA,OAFAK,OAAO,gBAAgB,CAAC,UAAWF,GAE5B,KACLE,OAAO,mBAAmB,CAAC,UAAWF,EACxC,CACF,EAAG,CAACH,EAAc,EAIlB,IAAMM,EAAQZ,EAAO,WAAa,YAElC,MACE,oCAAClB,uBAAAA,CACC,SAAUW,EACV,KAAMO,EACN,WAAYL,EACZ,QAASM,EACT,cAAeL,EACf,MAAOgB,EACP,cAAeN,E,SAEf,oCAACO,qCAAAA,eAAeA,CAAAA,CAAC,cAAe,E,SAC9B,oCAAC,OACC,UAAWC,GAAAA,0BAAAA,EAAAA,EAAG,kFAAmFzB,GACjG,YAAU,kBACV,MACE,CACE,kBA5GQ,QA6GR,uBA3Ga,YA4Gb,GAAGC,CAAK,EAGX,GAAGE,CAAK,C,SAERD,C,MAKX,CAMA,IAAMwB,aAAe,UAErB,SAASC,QAAQ,CACfC,KAAAA,EAAO,MAAM,CACbC,QAAAA,EAAU,SAAS,CACnBC,YAAAA,EAAc,WAAW,CACzB9B,UAAAA,CAAS,CACTE,SAAAA,CAAQ,CACR,GAAGC,EAKJ,EACC,GAAM,CAAEC,SAAAA,CAAQ,CAAEmB,MAAAA,CAAK,CAAEjB,WAAAA,CAAU,CAAEC,cAAAA,CAAa,CAAE,CAAGb,WAdpC,iBAgBnB,SAAIoC,EAEA,oCAAC,OACC,UAAWL,GAAAA,0BAAAA,EAAAA,EAAG,8EAA+EzB,GAC7F,YAAU,UACT,GAAGG,CAAK,C,SAERD,C,GAKHE,EAEA,oCAAC2B,mCAAAA,KAAKA,CAAAA,CAAC,KAAMzB,EAAY,aAAcC,EAAgB,GAAGJ,CAAK,C,SAC7D,qCAAC6B,mCAAAA,YAAYA,CAAAA,CACX,UAAU,+EACV,cAAY,OACZ,eAAa,UACb,YAAU,UACV,KAAMJ,EACN,MACE,CACE,kBApKe,OAqKjB,E,UAGF,qCAACK,mCAAAA,WAAWA,CAAAA,CAAC,UAAU,U,UACrB,oCAACC,mCAAAA,UAAUA,CAAAA,C,SAAC,S,GACZ,oCAACC,mCAAAA,gBAAgBA,CAAAA,C,SAAC,8B,MAEpB,oCAAC,OAAI,UAAU,8B,SAA+BjC,C,QAOpD,qCAAC,OACC,UAAWuB,GAAAA,0BAAAA,EAAAA,EAAG,qDAAsDzB,GACpE,mBAAkBuB,cAAAA,EAAwBO,EAAc,GACxD,YAAWF,EACX,YAAU,UACV,aAAYL,EACZ,eAAcM,E,UAGd,oCAAC,OACC,UAAWJ,GAAAA,0BAAAA,EAAAA,EACT,oKACAI,aAAAA,GAA0BA,UAAAA,EACtB,mFACA,0DAEN,YAAU,a,GAEZ,oCAAC,OACC,UAAWJ,GAAAA,0BAAAA,EAAAA,EACT,uHACAG,SAAAA,EACI,iFACA,mFAEJC,aAAAA,GAA0BA,UAAAA,EACtB,2FACA,0HACJ7B,GAEF,YAAU,oBACT,GAAGG,CAAK,C,SAET,oCAAC,OACC,UAAU,mNACV,eAAa,UACb,YAAU,gB,SAETD,C,OAKX,CAMA,IAAMkC,qBAAuB,iBAE7B,SAASC,eAAe,CAAErC,UAAAA,CAAS,CAAEsC,QAAAA,CAAO,CAAE,GAAGnC,EAAsC,EACrF,GAAM,CAAEc,cAAAA,CAAa,CAAE,CAAGvB,WAHC,kBAK3B,MACE,qCAAC6C,oCAAAA,MAAMA,CAAAA,CACL,UAAWd,GAAAA,0BAAAA,EAAAA,EAAG,SAAUzB,GACxB,eAAa,UACb,YAAU,kBACV,KAAK,OACL,QAAQ,QACR,QAAS,IACPsC,IAAUjB,GACVJ,GACF,EACC,GAAGd,CAAK,C,UAET,oCAACqC,sCAAAA,aAAaA,CAAAA,CAAAA,GACd,oCAAC,QAAK,UAAU,U,SAAU,gB,KAGhC,CAMA,IAAMC,kBAAoB,cAE1B,SAASC,YAAY,CAAE1C,UAAAA,CAAS,CAAE,GAAGG,EAAiC,EACpE,GAAM,CAAEc,cAAAA,CAAa,CAAE,CAAGvB,WAHF,eAKxB,MACE,oCAAC,UACC,UAAW+B,GAAAA,0BAAAA,EAAAA,EACT,8rBACAzB,GAEF,eAAa,OACb,YAAU,eACV,MAAM,iBACN,KAAK,SACL,QAASiB,EACR,GAAGd,CAAK,EAGf,CAMA,SAASwC,aAAa,CAAE3C,UAAAA,CAAS,CAAE,GAAGG,EAA+B,EACnE,MACE,oCAAC,QACC,UAAWsB,GAAAA,0BAAAA,EAAAA,EACT,6QACAzB,GAEF,YAAU,gBACT,GAAGG,CAAK,EAGf,CAMA,SAASyC,aAAa,CAAE5C,UAAAA,CAAS,CAAE,GAAGG,EAAqC,EACzE,MACE,oCAAC0C,mCAAAA,KAAKA,CAAAA,CACJ,UAAWpB,GAAAA,0BAAAA,EAAAA,EAAG,uCAAwCzB,GACtD,eAAa,QACb,YAAU,gBACT,GAAGG,CAAK,EAGf,CAMA,SAAS2C,cAAc,CAAE9C,UAAAA,CAAS,CAAE,GAAGG,EAA8B,EACnE,MACE,oCAAC,OACC,UAAWsB,GAAAA,0BAAAA,EAAAA,EAAG,0BAA2BzB,GACzC,eAAa,SACb,YAAU,iBACT,GAAGG,CAAK,EAGf,CAMA,SAAS4C,cAAc,CAAE/C,UAAAA,CAAS,CAAE,GAAGG,EAA8B,EACnE,MACE,oCAAC,OACC,UAAWsB,GAAAA,0BAAAA,EAAAA,EAAG,0BAA2BzB,GACzC,eAAa,SACb,YAAU,iBACT,GAAGG,CAAK,EAGf,CAMA,SAAS6C,iBAAiB,CAAEhD,UAAAA,CAAS,CAAE,GAAGG,EAAyC,EACjF,MACE,oCAAC8C,uCAAAA,SAASA,CAAAA,CACR,UAAWxB,GAAAA,0BAAAA,EAAAA,EAAG,gCAAiCzB,GAC/C,eAAa,YACb,YAAU,oBACT,GAAGG,CAAK,EAGf,CAMA,SAAS+C,eAAe,CAAElD,UAAAA,CAAS,CAAE,GAAGG,EAA8B,EACpE,MACE,oCAAC,OACC,UAAWsB,GAAAA,0BAAAA,EAAAA,EACT,iGACAzB,GAEF,eAAa,UACb,YAAU,kBACT,GAAGG,CAAK,EAGf,CAMA,SAASgD,aAAa,CAAEnD,UAAAA,CAAS,CAAE,GAAGG,EAA8B,EAClE,MACE,oCAAC,OACC,UAAWsB,GAAAA,0BAAAA,EAAAA,EAAG,4CAA6CzB,GAC3D,eAAa,QACb,YAAU,gBACT,GAAGG,CAAK,EAGf,CAMA,SAASiD,kBAAkB,CACzBpD,UAAAA,CAAS,CACTqD,QAAAA,EAAU,EAAK,CACf,GAAGlD,EAGJ,EACC,IAAMmD,EAAYD,EAAUE,2BAAAA,IAAIA,CAAG,MAEnC,MACE,oCAACD,EAAAA,CACC,UAAW7B,GAAAA,0BAAAA,EAAAA,EACT,gUACAzB,GAEF,eAAa,cACb,YAAU,sBACT,GAAGG,CAAK,EAGf,CAMA,SAASqD,mBAAmB,CAC1BxD,UAAAA,CAAS,CACTqD,QAAAA,EAAU,EAAK,CACf,GAAGlD,EAGJ,EACC,IAAMmD,EAAYD,EAAUE,2BAAAA,IAAIA,CAAG,SAEnC,MACE,oCAACD,EAAAA,CACC,UAAW7B,GAAAA,0BAAAA,EAAAA,EACT,gXACAzB,GAEF,eAAa,eACb,YAAU,uBACT,GAAGG,CAAK,EAGf,CAMA,SAASsD,oBAAoB,CAAEzD,UAAAA,CAAS,CAAE,GAAGG,EAA8B,EACzE,MACE,oCAAC,OACC,UAAWsB,GAAAA,0BAAAA,EAAAA,EAAG,iBAAkBzB,GAChC,eAAa,gBACb,YAAU,wBACT,GAAGG,CAAK,EAGf,CAMA,SAASuD,YAAY,CAAE1D,UAAAA,CAAS,CAAE,GAAGG,EAA6B,EAChE,MACE,oCAAC,MACC,UAAWsB,GAAAA,0BAAAA,EAAAA,EAAG,qCAAsCzB,GACpD,eAAa,OACb,YAAU,eACT,GAAGG,CAAK,EAGf,CAMA,SAASwD,gBAAgB,CAAE3D,UAAAA,CAAS,CAAE,GAAGG,EAA6B,EACpE,MACE,oCAAC,MACC,UAAWsB,GAAAA,0BAAAA,EAAAA,EAAG,2BAA4BzB,GAC1C,eAAa,YACb,YAAU,oBACT,GAAGG,CAAK,EAGf,CAMA,IAAMyD,0BAA4BC,GAAAA,0BAAAA,EAAAA,EAAG,CACnC,KAAM,ozBACN,SAAU,CACR,QAAS,CACP,QAAS,+DACT,QACE,8KACJ,EACA,KAAM,CACJ,GAAI,cACJ,GAAI,cACJ,GAAI,iDACN,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,IACR,CACF,GAMMC,yBAA2B,oBAEjC,SAASC,kBAAkB,CACzBV,QAAAA,EAAU,EAAK,CACfW,SAAAA,EAAW,EAAK,CAChBnC,QAAAA,EAAU,SAAS,CACnBoC,KAAAA,EAAO,IAAI,CACXC,QAAAA,CAAO,CACPlE,UAAAA,CAAS,CACT,GAAGG,EAMF,EACD,IAAMmD,EAAYD,EAAUE,2BAAAA,IAAIA,CAAG,SAC7B,CAAEnD,SAAAA,CAAQ,CAAEmB,MAAAA,CAAK,CAAE,CAAG7B,WAjBG,qBAmBzByE,EACJ,oCAACb,EAAAA,CACC,UAAW7B,GAAAA,0BAAAA,EAAAA,EAAGmC,0BAA0B,CAAE/B,QAAAA,EAASoC,KAAAA,CAAK,GAAIjE,GAC5D,cAAagE,EACb,eAAa,cACb,YAAWC,EACX,YAAU,sBACT,GAAG9D,CAAK,UAIb,GAII,iBAAO+D,GAETA,CAAAA,EAAU,CACR,SAAUA,CACZ,GAIA,qCAACE,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SAAEF,C,GACzB,oCAACG,qCAAAA,cAAcA,CAAAA,CAAC,MAAM,SAAS,OAAQ/C,cAAAA,GAAyBnB,EAAU,KAAK,QAAS,GAAG8D,CAAO,OAb7FC,CAgBX,CAMA,SAASI,kBAAkB,CACzBvE,UAAAA,CAAS,CACTqD,QAAAA,EAAU,EAAK,CACfmB,YAAAA,EAAc,EAAK,CACnB,GAAGrE,EAIJ,EACC,IAAMmD,EAAYD,EAAUE,2BAAAA,IAAIA,CAAG,SAEnC,MACE,oCAACD,EAAAA,CACC,UAAW7B,GAAAA,0BAAAA,EAAAA,EACT,iiBACA+C,GACE,2LACFxE,GAEF,eAAa,cACb,YAAU,sBACT,GAAGG,CAAK,EAGf,CAMA,SAASsE,iBAAiB,CAAEzE,UAAAA,CAAS,CAAE,GAAGG,EAA8B,EACtE,MACE,oCAAC,OACC,UAAWsB,GAAAA,0BAAAA,EAAAA,EACT,kcACAzB,GAEF,eAAa,aACb,YAAU,qBACT,GAAGG,CAAK,EAGf,CAMA,SAASuE,oBAAoB,CAC3B1E,UAAAA,CAAS,CACT2E,SAAAA,EAAW,EAAK,CAChB,GAAGxE,EAGJ,EAEC,IAAMyE,EAAQC,GAAAA,+BAAAA,OAAAA,EAAQ,IACb,CAAC,EAAEC,KAAK,KAAK,CAACA,GAAAA,KAAK,MAAM,IAAW,GAAG,CAAC,CAAC,CAC/C,EAAE,EAEL,MACE,qCAAC,OACC,UAAWrD,GAAAA,0BAAAA,EAAAA,EAAG,8CAA+CzB,GAC7D,eAAa,gBACb,YAAU,wBACT,GAAGG,CAAK,C,UAERwE,EAAW,oCAACI,sCAAAA,QAAQA,CAAAA,CAAC,UAAU,oBAAoB,eAAa,oB,GAA0B,KAC3F,oCAACA,sCAAAA,QAAQA,CAAAA,CACP,UAAU,sCACV,eAAa,qBACb,MACE,CACE,mBAAoBH,CACtB,C,KAKV,CAMA,SAASI,eAAe,CAAEhF,UAAAA,CAAS,CAAE,GAAGG,EAA6B,EACnE,MACE,oCAAC,MACC,UAAWsB,GAAAA,0BAAAA,EAAAA,EACT,sIACAzB,GAEF,eAAa,WACb,YAAU,mBACT,GAAGG,CAAK,EAGf,CAMA,SAAS8E,mBAAmB,CAAEjF,UAAAA,CAAS,CAAE,GAAGG,EAA6B,EACvE,MACE,oCAAC,MACC,UAAWsB,GAAAA,0BAAAA,EAAAA,EAAG,+BAAgCzB,GAC9C,eAAa,gBACb,YAAU,wBACT,GAAGG,CAAK,EAGf,CAMA,SAAS+E,qBAAqB,CAC5B7B,QAAAA,EAAU,EAAK,CACfY,KAAAA,EAAO,IAAI,CACXD,SAAAA,EAAW,EAAK,CAChBhE,UAAAA,CAAS,CACT,GAAGG,EAKJ,EACC,IAAMmD,EAAYD,EAAUE,2BAAAA,IAAIA,CAAG,IAEnC,MACE,oCAACD,EAAAA,CACC,UAAW7B,GAAAA,0BAAAA,EAAAA,EACT,ukBACAwC,OAAAA,GAAiB,UACjBA,OAAAA,GAAiB,UACjB,uCACAjE,GAEF,cAAagE,EACb,eAAa,kBACb,YAAWC,EACX,YAAU,0BACT,GAAG9D,CAAK,EAGf,C"}

package/dist/cjs/components/skeleton.cjs

@@ -1,44 +1,2 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    Skeleton: ()=>Skeleton
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const utils_cjs_namespaceObject = require("../lib/utils.cjs");
-function Skeleton({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, utils_cjs_namespaceObject.cn)("bg-muted animate-pulse rounded-lg", className),
-        "data-slot": "skeleton",
-        ...props
-    });
-}
-exports.Skeleton = __webpack_exports__.Skeleton;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "Skeleton"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Skeleton:()=>Skeleton});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),utils_cjs_namespaceObject=require("../lib/utils.cjs");function Skeleton({className:e,..._}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,utils_cjs_namespaceObject.cn)("bg-muted animate-pulse rounded-lg",e),"data-slot":"skeleton",..._})}for(var __webpack_i__ in exports.Skeleton=__webpack_exports__.Skeleton,__webpack_exports__)-1===["Skeleton"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=skeleton.cjs.map

package/dist/cjs/components/skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/skeleton.cjs","sources":["webpack://@codefast/ui/./src/components/skeleton.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Skeleton\n * -------------------------------------------------------------------------- */\n\nfunction Skeleton({ className, ...props }: ComponentProps<\"div\">): JSX.Element {\n  return <div className={cn(\"bg-muted animate-pulse rounded-lg\", className)} data-slot=\"skeleton\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Skeleton };\n"],"names":["Skeleton","className","props","cn"],"mappings":"u5BAQA,SAASA,SAAS,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAA8B,EAC9D,MAAO,oCAAC,OAAI,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,oCAAqCF,GAAY,YAAU,WAAY,GAAGC,CAAK,A,EAC3G,C"}

package/dist/cjs/components/slider.cjs

@@ -1,79 +1,2 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    Slider: ()=>Slider
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const react_slider_namespaceObject = require("@radix-ui/react-slider");
-const external_react_namespaceObject = require("react");
-const utils_cjs_namespaceObject = require("../lib/utils.cjs");
-function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
-    const _values = (0, external_react_namespaceObject.useMemo)(()=>{
-        if (Array.isArray(value)) return value;
-        return Array.isArray(defaultValue) ? defaultValue : [
-            min,
-            max
-        ];
-    }, [
-        value,
-        defaultValue,
-        min,
-        max
-    ]);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_slider_namespaceObject.Root, {
-        className: (0, utils_cjs_namespaceObject.cn)("data-disabled:opacity-50 relative flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className),
-        "data-slot": "slider",
-        defaultValue: defaultValue,
-        max: max,
-        min: min,
-        value: value,
-        ...props,
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_slider_namespaceObject.Track, {
-                className: "bg-input relative w-full grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1 data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-1",
-                "data-slot": "slider-track",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_slider_namespaceObject.Range, {
-                    className: "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full",
-                    "data-slot": "slider-range"
-                })
-            }),
-            Array.from({
-                length: _values.length
-            }, (_, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_slider_namespaceObject.Thumb, {
-                    "aria-label": "Volume",
-                    className: (0, utils_cjs_namespaceObject.cn)("border-primary bg-primary after:bg-background active:not-data-disabled:after:size-1 focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 outline-hidden flex size-4 items-center justify-center rounded-full border-2 shadow-sm after:size-full after:rounded-full after:transition-[width,height] focus-visible:ring-4"),
-                    "data-slot": "slider-thumb"
-                }, index))
-        ]
-    });
-}
-exports.Slider = __webpack_exports__.Slider;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "Slider"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var a in r)__webpack_require__.o(r,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:r[a]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Slider:()=>Slider});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_slider_namespaceObject=require("@radix-ui/react-slider"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs");function Slider({className:e,defaultValue:r,value:a,min:t=0,max:i=100,..._}){let c=(0,external_react_namespaceObject.useMemo)(()=>Array.isArray(a)?a:Array.isArray(r)?r:[t,i],[a,r,t,i]);return(0,jsx_runtime_namespaceObject.jsxs)(react_slider_namespaceObject.Root,{className:(0,utils_cjs_namespaceObject.cn)("data-disabled:opacity-50 relative flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",e),"data-slot":"slider",defaultValue:r,max:i,min:t,value:a,..._,children:[(0,jsx_runtime_namespaceObject.jsx)(react_slider_namespaceObject.Track,{className:"bg-input relative w-full grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1 data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-1","data-slot":"slider-track",children:(0,jsx_runtime_namespaceObject.jsx)(react_slider_namespaceObject.Range,{className:"bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full","data-slot":"slider-range"})}),Array.from({length:c.length},(e,r)=>(0,jsx_runtime_namespaceObject.jsx)(react_slider_namespaceObject.Thumb,{"aria-label":"Volume",className:(0,utils_cjs_namespaceObject.cn)("border-primary bg-primary after:bg-background active:not-data-disabled:after:size-1 focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 outline-hidden flex size-4 items-center justify-center rounded-full border-2 shadow-sm after:size-full after:rounded-full after:transition-[width,height] focus-visible:ring-4"),"data-slot":"slider-thumb"},r))]})}for(var __webpack_i__ in exports.Slider=__webpack_exports__.Slider,__webpack_exports__)-1===["Slider"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=slider.cjs.map

package/dist/cjs/components/slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/slider.cjs","sources":["webpack://@codefast/ui/./src/components/slider.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\nimport { useMemo } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Slider\n * -------------------------------------------------------------------------- */\n\nfunction Slider({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  ...props\n}: ComponentProps<typeof SliderPrimitive.Root>): JSX.Element {\n  const _values = useMemo(() => {\n    if (Array.isArray(value)) {\n      return value;\n    }\n\n    return Array.isArray(defaultValue) ? defaultValue : [min, max];\n  }, [value, defaultValue, min, max]);\n\n  return (\n    <SliderPrimitive.Root\n      className={cn(\n        \"data-disabled:opacity-50 relative flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col\",\n        className,\n      )}\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      max={max}\n      min={min}\n      value={value}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        className=\"bg-input relative w-full grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1 data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-1\"\n        data-slot=\"slider-track\"\n      >\n        <SliderPrimitive.Range\n          className=\"bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\"\n          data-slot=\"slider-range\"\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: _values.length }, (_, index) => (\n        <SliderPrimitive.Thumb\n          key={index}\n          aria-label=\"Volume\"\n          className={cn(\n            \"border-primary bg-primary after:bg-background active:not-data-disabled:after:size-1 focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 outline-hidden flex size-4 items-center justify-center rounded-full border-2 shadow-sm after:size-full after:rounded-full after:transition-[width,height] focus-visible:ring-4\",\n          )}\n          data-slot=\"slider-thumb\"\n        />\n      ))}\n    </SliderPrimitive.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Slider };\n"],"names":["Slider","className","defaultValue","value","min","max","props","_values","useMemo","Array","SliderPrimitive","cn","_","index"],"mappings":"kgCAWA,SAASA,OAAO,CACdC,UAAAA,CAAS,CACTC,aAAAA,CAAY,CACZC,MAAAA,CAAK,CACLC,IAAAA,EAAM,CAAC,CACPC,IAAAA,EAAM,GAAG,CACT,GAAGC,EACyC,EAC5C,IAAMC,EAAUC,AAAAA,GAAAA,+BAAAA,OAAAA,AAAAA,EAAQ,IACtB,AAAIC,MAAM,OAAO,CAACN,GACTA,EAGFM,MAAM,OAAO,CAACP,GAAgBA,EAAe,CAACE,EAAKC,EAAI,CAC7D,CAACF,EAAOD,EAAcE,EAAKC,EAAI,EAElC,MACE,qCAACK,6BAAAA,IAAoB,EACnB,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EACT,oOACAV,GAEF,YAAU,SACV,aAAcC,EACd,IAAKG,EACL,IAAKD,EACL,MAAOD,EACN,GAAGG,CAAK,C,UAET,oCAACI,6BAAAA,KAAqB,EACpB,UAAU,uMACV,YAAU,e,SAEV,oCAACA,6BAAAA,KAAqB,EACpB,UAAU,8FACV,YAAU,c,KAGbD,MAAM,IAAI,CAAC,CAAE,OAAQF,EAAQ,MAAM,AAAC,EAAG,CAACK,EAAGC,IAC1C,oCAACH,6BAAAA,KAAqB,EAEpB,aAAW,SACX,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EACT,uUAEF,YAAU,c,EALLE,I,EAUf,C"}

package/dist/cjs/components/sonner.cjs

@@ -1,58 +1,3 @@
 "use client";
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    toast: ()=>external_sonner_namespaceObject.toast,
-    Toaster: ()=>Toaster,
-    useSonner: ()=>external_sonner_namespaceObject.useSonner
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_next_themes_namespaceObject = require("next-themes");
-const external_sonner_namespaceObject = require("sonner");
-function Toaster({ ...props }) {
-    const { theme = "system" } = (0, external_next_themes_namespaceObject.useTheme)();
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_sonner_namespaceObject.Toaster, {
-        className: "toaster group",
-        style: {
-            "--normal-bg": "var(--popover)",
-            "--normal-text": "var(--popover-foreground)",
-            "--normal-border": "var(--border)"
-        },
-        theme: theme,
-        ...props
-    });
-}
-exports.Toaster = __webpack_exports__.Toaster;
-exports.toast = __webpack_exports__.toast;
-exports.useSonner = __webpack_exports__.useSonner;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "Toaster",
-    "toast",
-    "useSonner"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{toast:()=>external_sonner_namespaceObject.toast,Toaster:()=>Toaster,useSonner:()=>external_sonner_namespaceObject.useSonner});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_next_themes_namespaceObject=require("next-themes"),external_sonner_namespaceObject=require("sonner");function Toaster({...e}){let{theme:_="system"}=(0,external_next_themes_namespaceObject.useTheme)();return(0,jsx_runtime_namespaceObject.jsx)(external_sonner_namespaceObject.Toaster,{className:"toaster group",style:{"--normal-bg":"var(--popover)","--normal-text":"var(--popover-foreground)","--normal-border":"var(--border)"},theme:_,...e})}for(var __webpack_i__ in exports.Toaster=__webpack_exports__.Toaster,exports.toast=__webpack_exports__.toast,exports.useSonner=__webpack_exports__.useSonner,__webpack_exports__)-1===["Toaster","toast","useSonner"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=sonner.cjs.map

package/dist/cjs/components/sonner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/sonner.cjs","sources":["webpack://@codefast/ui/./src/components/sonner.tsx"],"sourcesContent":["\n\nimport type { CSSProperties, JSX } from \"react\";\nimport type { ToasterProps } from \"sonner\";\n\nimport { useTheme } from \"next-themes\";\nimport { Toaster as Sonner } from \"sonner\";\n\n/* -----------------------------------------------------------------------------\n * Component: Sonner\n * -------------------------------------------------------------------------- */\n\nfunction Toaster({ ...props }: ToasterProps): JSX.Element {\n  const { theme = \"system\" } = useTheme();\n\n  return (\n    <Sonner\n      className=\"toaster group\"\n      style={\n        {\n          \"--normal-bg\": \"var(--popover)\",\n          \"--normal-text\": \"var(--popover-foreground)\",\n          \"--normal-border\": \"var(--border)\",\n        } as CSSProperties\n      }\n      theme={theme as ToasterProps[\"theme\"]}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { toast, useSonner } from \"sonner\";\nexport { Toaster };\n"],"names":["Toaster","props","theme","useTheme","Sonner"],"mappings":";qjCAYA,SAASA,QAAQ,CAAE,GAAGC,EAAqB,EACzC,GAAM,CAAEC,MAAAA,EAAQ,QAAQ,CAAE,CAAGC,GAAAA,qCAAAA,QAAAA,IAE7B,MACE,oCAACC,gCAAAA,OAAMA,CAAAA,CACL,UAAU,gBACV,MACE,CACE,cAAe,iBACf,gBAAiB,4BACjB,kBAAmB,eACrB,EAEF,MAAOF,EACN,GAAGD,CAAK,EAGf,C"}

package/dist/cjs/components/spinner.cjs

@@ -1,75 +1,2 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    Spinner: ()=>Spinner
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const react_visually_hidden_namespaceObject = require("@radix-ui/react-visually-hidden");
-const utils_cjs_namespaceObject = require("../lib/utils.cjs");
-const SPINNER_COUNT = 8;
-function Spinner({ children, className, loading = true, ...props }) {
-    if (!loading) return children;
-    const spinner = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-        className: (0, utils_cjs_namespaceObject.cn)("relative flex size-4 items-center justify-center opacity-60", className),
-        ...props,
-        children: Array.from({
-            length: SPINNER_COUNT
-        }, (_, i)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                className: (0, utils_cjs_namespaceObject.cn)("rotate-(--spinner-rotate) before:animate-out before:fade-out-25 before:animation-repeat-infinite before:animation-delay-(--spinner-delay) before:animation-duration-(--spinner-duration) absolute h-full before:block before:h-1/3 before:w-full before:rounded-full before:bg-current"),
-                style: {
-                    "--spinner-delay": `-${((SPINNER_COUNT - i) * 100).toString()}ms`,
-                    "--spinner-duration": `${(100 * SPINNER_COUNT).toString()}ms`,
-                    "--spinner-rotate": `${(360 / SPINNER_COUNT * i).toString()}deg`,
-                    width: `${(100 / SPINNER_COUNT).toString()}%`
-                }
-            }, i))
-    });
-    if (void 0 === children) return spinner;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
-        className: "relative",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                "aria-hidden": true,
-                className: "invisible contents",
-                children: children
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_visually_hidden_namespaceObject.VisuallyHidden, {
-                children: children
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                className: "absolute inset-0 flex items-center justify-center",
-                children: spinner
-            })
-        ]
-    });
-}
-exports.Spinner = __webpack_exports__.Spinner;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "Spinner"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var _ in r)__webpack_require__.o(r,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:r[_]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Spinner:()=>Spinner});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_visually_hidden_namespaceObject=require("@radix-ui/react-visually-hidden"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),SPINNER_COUNT=8;function Spinner({children:e,className:r,loading:_=!0,...n}){if(!_)return e;let t=(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,utils_cjs_namespaceObject.cn)("relative flex size-4 items-center justify-center opacity-60",r),...n,children:Array.from({length:8},(e,r)=>(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,utils_cjs_namespaceObject.cn)("rotate-(--spinner-rotate) before:animate-out before:fade-out-25 before:animation-repeat-infinite before:animation-delay-(--spinner-delay) before:animation-duration-(--spinner-duration) absolute h-full before:block before:h-1/3 before:w-full before:rounded-full before:bg-current"),style:{"--spinner-delay":`-${((8-r)*100).toString()}ms`,"--spinner-duration":"800ms","--spinner-rotate":`${(45*r).toString()}deg`,width:"12.5%"}},r))});return void 0===e?t:(0,jsx_runtime_namespaceObject.jsxs)("span",{className:"relative",children:[(0,jsx_runtime_namespaceObject.jsx)("span",{"aria-hidden":!0,className:"invisible contents",children:e}),(0,jsx_runtime_namespaceObject.jsx)(react_visually_hidden_namespaceObject.VisuallyHidden,{children:e}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute inset-0 flex items-center justify-center",children:t})]})}for(var __webpack_i__ in exports.Spinner=__webpack_exports__.Spinner,__webpack_exports__)-1===["Spinner"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=spinner.cjs.map

package/dist/cjs/components/spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/spinner.cjs","sources":["webpack://@codefast/ui/./src/components/spinner.tsx"],"sourcesContent":["import type { ComponentProps, CSSProperties, ReactNode } from \"react\";\n\nimport { VisuallyHidden } from \"@radix-ui/react-visually-hidden\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Spinner\n * -------------------------------------------------------------------------- */\n\nconst SPINNER_COUNT = 8;\n\nfunction Spinner({\n  children,\n  className,\n  loading = true,\n  ...props\n}: ComponentProps<\"span\"> & {\n  loading?: boolean;\n}): ReactNode {\n  if (!loading) {\n    return children;\n  }\n\n  const spinner = (\n    <span className={cn(\"relative flex size-4 items-center justify-center opacity-60\", className)} {...props}>\n      {Array.from({ length: SPINNER_COUNT }, (_, i) => (\n        <span\n          key={i}\n          className={cn(\n            \"rotate-(--spinner-rotate) before:animate-out before:fade-out-25 before:animation-repeat-infinite before:animation-delay-(--spinner-delay) before:animation-duration-(--spinner-duration) absolute h-full before:block before:h-1/3 before:w-full before:rounded-full before:bg-current\",\n          )}\n          style={\n            {\n              \"--spinner-delay\": `-${((SPINNER_COUNT - i) * 100).toString()}ms`,\n              \"--spinner-duration\": `${(SPINNER_COUNT * 100).toString()}ms`,\n              \"--spinner-rotate\": `${((360 / SPINNER_COUNT) * i).toString()}deg`,\n              width: `${(100 / SPINNER_COUNT).toString()}%`,\n            } as CSSProperties\n          }\n        />\n      ))}\n    </span>\n  );\n\n  if (children === undefined) {\n    return spinner;\n  }\n\n  return (\n    <span className=\"relative\">\n      <span aria-hidden className=\"invisible contents\">\n        {children}\n      </span>\n      <VisuallyHidden>{children}</VisuallyHidden>\n      <span className=\"absolute inset-0 flex items-center justify-center\">{spinner}</span>\n    </span>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Spinner };\n"],"names":["SPINNER_COUNT","Spinner","children","className","loading","props","spinner","cn","Array","_","i","undefined","VisuallyHidden"],"mappings":"s+BAUMA,cAAgB,EAEtB,SAASC,QAAQ,CACfC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,QAAAA,EAAU,EAAI,CACd,GAAGC,EAGJ,EACC,GAAI,CAACD,EACH,OAAOF,EAGT,IAAMI,EACJ,oCAAC,QAAK,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,8DAA+DJ,GAAa,GAAGE,CAAK,C,SACrGG,MAAM,IAAI,CAAC,CAAE,OAhBE,CAgBoB,EAAG,CAACC,EAAGC,IACzC,oCAAC,QAEC,UAAWH,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EACT,0RAEF,MACE,CACE,kBAAmB,CAAC,CAAC,EAAG,AAACP,CAAAA,CAAAA,AAxBjB,EAwBiCU,CAAAA,EAAK,GAAE,EAAG,QAAQ,GAAG,EAAE,CAAC,CACjE,qBAAsB,QACtB,mBAAoB,CAAC,EAAG,AAAC,IAAuBA,CAAAA,EAAG,QAAQ,GAAG,GAAG,CAAC,CAClE,MAAO,OACT,C,EAVGA,G,UAiBb,AAAIR,AAAaS,KAAAA,IAAbT,EACKI,EAIP,qCAAC,QAAK,UAAU,W,UACd,oCAAC,QAAK,cAAW,GAAC,UAAU,qB,SACzBJ,C,GAEH,oCAACU,sCAAAA,cAAcA,CAAAA,C,SAAEV,C,GACjB,oCAAC,QAAK,UAAU,oD,SAAqDI,C,KAG3E,C"}

package/dist/cjs/components/strong.cjs

@@ -1,44 +1,2 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    Strong: ()=>Strong
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const react_slot_namespaceObject = require("@radix-ui/react-slot");
-function Strong({ asChild, ...props }) {
-    const Component = asChild ? react_slot_namespaceObject.Slot : "strong";
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
-        "data-slot": "strong",
-        ...props
-    });
-}
-exports.Strong = __webpack_exports__.Strong;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "Strong"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Strong:()=>Strong});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_slot_namespaceObject=require("@radix-ui/react-slot");function Strong({asChild:e,..._}){let r=e?react_slot_namespaceObject.Slot:"strong";return(0,jsx_runtime_namespaceObject.jsx)(r,{"data-slot":"strong",..._})}for(var __webpack_i__ in exports.Strong=__webpack_exports__.Strong,__webpack_exports__)-1===["Strong"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=strong.cjs.map

package/dist/cjs/components/strong.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/strong.cjs","sources":["webpack://@codefast/ui/./src/components/strong.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Strong\n * -------------------------------------------------------------------------- */\n\nfunction Strong({\n  asChild,\n  ...props\n}: ComponentProps<\"strong\"> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : \"strong\";\n\n  return <Component data-slot=\"strong\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Strong };\n"],"names":["Strong","asChild","props","Component","Slot"],"mappings":"w5BAQA,SAASA,OAAO,CACdC,QAAAA,CAAO,CACP,GAAGC,EAGJ,EACC,IAAMC,EAAYF,EAAUG,2BAAAA,IAAIA,CAAG,SAEnC,MAAO,oCAACD,EAAAA,CAAU,YAAU,SAAU,GAAGD,CAAK,A,EAChD,C"}

package/dist/cjs/components/switch.cjs

@@ -1,49 +1,2 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    Switch: ()=>Switch
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const react_switch_namespaceObject = require("@radix-ui/react-switch");
-const utils_cjs_namespaceObject = require("../lib/utils.cjs");
-function Switch({ className, ...props }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Root, {
-        className: (0, utils_cjs_namespaceObject.cn)("p-0.75 data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 data-[state=checked]:bg-primary data-[state=checked]:focus-visible:ring-primary/20 dark:data-[state=checked]:focus-visible:ring-primary/40 focus-visible:not-data-[state=checked]:border-ring/60 focus-visible:ring-ring/50 focus-visible:ring-3 shadow-xs outline-hidden peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent transition-all disabled:opacity-50", className),
-        "data-slot": "switch",
-        ...props,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Thumb, {
-            className: "bg-background dark:not-data-[state=checked]:bg-foreground pointer-events-none block size-3.5 rounded-full shadow-sm transition-transform data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0",
-            "data-slot": "switch-thumb"
-        })
-    });
-}
-exports.Switch = __webpack_exports__.Switch;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "Switch"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Switch:()=>Switch});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_switch_namespaceObject=require("@radix-ui/react-switch"),utils_cjs_namespaceObject=require("../lib/utils.cjs");function Switch({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Root,{className:(0,utils_cjs_namespaceObject.cn)("p-0.75 data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 data-[state=checked]:bg-primary data-[state=checked]:focus-visible:ring-primary/20 dark:data-[state=checked]:focus-visible:ring-primary/40 focus-visible:not-data-[state=checked]:border-ring/60 focus-visible:ring-ring/50 focus-visible:ring-3 shadow-xs outline-hidden peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent transition-all disabled:opacity-50",e),"data-slot":"switch",...t,children:(0,jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Thumb,{className:"bg-background dark:not-data-[state=checked]:bg-foreground pointer-events-none block size-3.5 rounded-full shadow-sm transition-transform data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0","data-slot":"switch-thumb"})})}for(var __webpack_i__ in exports.Switch=__webpack_exports__.Switch,__webpack_exports__)-1===["Switch"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=switch.cjs.map

package/dist/cjs/components/switch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/switch.cjs","sources":["webpack://@codefast/ui/./src/components/switch.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from \"react\";\n\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\n\nimport { cn } from \"@/lib/utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Switch\n * -------------------------------------------------------------------------- */\n\nfunction Switch({ className, ...props }: ComponentProps<typeof SwitchPrimitives.Root>): JSX.Element {\n  return (\n    <SwitchPrimitives.Root\n      className={cn(\n        \"p-0.75 data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 data-[state=checked]:bg-primary data-[state=checked]:focus-visible:ring-primary/20 dark:data-[state=checked]:focus-visible:ring-primary/40 focus-visible:not-data-[state=checked]:border-ring/60 focus-visible:ring-ring/50 focus-visible:ring-3 shadow-xs outline-hidden peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent transition-all disabled:opacity-50\",\n        className,\n      )}\n      data-slot=\"switch\"\n      {...props}\n    >\n      <SwitchPrimitives.Thumb\n        className=\"bg-background dark:not-data-[state=checked]:bg-foreground pointer-events-none block size-3.5 rounded-full shadow-sm transition-transform data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0\"\n        data-slot=\"switch-thumb\"\n      />\n    </SwitchPrimitives.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Switch };\n"],"names":["Switch","className","props","SwitchPrimitives","cn"],"mappings":"k9BAUA,SAASA,OAAO,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAqD,EACnF,MACE,oCAACC,6BAAAA,IAAqB,EACpB,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EACT,odACAH,GAEF,YAAU,SACT,GAAGC,CAAK,C,SAET,oCAACC,6BAAAA,KAAsB,EACrB,UAAU,qNACV,YAAU,c,IAIlB,C"}