@arolariu/components 0.3.1 → 0.4.0

package/dist/components/ui/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\sidebar.js","sources":["webpack://@arolariu/components/./src/components/ui/sidebar.tsx"],"sourcesContent":["\r\n\r\nimport {Slot} from \"@radix-ui/react-slot\";\r\nimport {VariantProps, cva} from \"class-variance-authority\";\r\nimport {PanelLeft} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {Button} from \"@/components/ui/button\";\r\nimport {Input} from \"@/components/ui/input\";\r\nimport {Separator} from \"@/components/ui/separator\";\r\nimport {Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle} from \"@/components/ui/sheet\";\r\nimport {Skeleton} from \"@/components/ui/skeleton\";\r\nimport {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger} from \"@/components/ui/tooltip\";\r\nimport {useIsMobile} from \"@/hooks/useIsMobile\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\";\r\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\r\nconst SIDEBAR_WIDTH = \"16rem\";\r\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\r\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\r\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\r\n\r\ntype SidebarContextProps = {\r\n  state: \"expanded\" | \"collapsed\";\r\n  open: boolean;\r\n  setOpen: (open: boolean) => void;\r\n  openMobile: boolean;\r\n  setOpenMobile: (open: boolean) => void;\r\n  isMobile: boolean;\r\n  toggleSidebar: () => void;\r\n};\r\n\r\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null);\r\n\r\nfunction useSidebar() {\r\n  const context = React.useContext(SidebarContext);\r\n  if (!context) {\r\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\");\r\n  }\r\n\r\n  return context;\r\n}\r\n\r\nconst SidebarProvider = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.ComponentProps<\"div\"> & {\r\n    defaultOpen?: boolean;\r\n    open?: boolean;\r\n    onOpenChange?: (open: boolean) => void;\r\n  }\r\n>(({defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props}, ref) => {\r\n  const isMobile = useIsMobile();\r\n  const [openMobile, setOpenMobile] = React.useState(false);\r\n\r\n  // This is the internal state of the sidebar.\r\n  // We use openProp and setOpenProp for control from outside the component.\r\n  const [_open, _setOpen] = React.useState(defaultOpen);\r\n  const open = openProp ?? _open;\r\n  const setOpen = React.useCallback(\r\n    (value: boolean | ((value: boolean) => boolean)) => {\r\n      const openState = typeof value === \"function\" ? value(open) : value;\r\n      if (setOpenProp) {\r\n        setOpenProp(openState);\r\n      } else {\r\n        _setOpen(openState);\r\n      }\r\n\r\n      // This sets the cookie to keep the sidebar state.\r\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\r\n    },\r\n    [setOpenProp, open],\r\n  );\r\n\r\n  // Helper to toggle the sidebar.\r\n  const toggleSidebar = React.useCallback(() => {\r\n    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);\r\n  }, [isMobile, setOpen, setOpenMobile]);\r\n\r\n  // Adds a keyboard shortcut to toggle the sidebar.\r\n  React.useEffect(() => {\r\n    const handleKeyDown = (event: KeyboardEvent) => {\r\n      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\r\n        event.preventDefault();\r\n        toggleSidebar();\r\n      }\r\n    };\r\n\r\n    globalThis.window.addEventListener(\"keydown\", handleKeyDown);\r\n    return () => globalThis.window.removeEventListener(\"keydown\", handleKeyDown);\r\n  }, [toggleSidebar]);\r\n\r\n  // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\r\n  // This makes it easier to style the sidebar with Tailwind classes.\r\n  const state = open ? \"expanded\" : \"collapsed\";\r\n\r\n  const contextValue = React.useMemo<SidebarContextProps>(\r\n    () => ({\r\n      state,\r\n      open,\r\n      setOpen,\r\n      isMobile,\r\n      openMobile,\r\n      setOpenMobile,\r\n      toggleSidebar,\r\n    }),\r\n    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar],\r\n  );\r\n\r\n  return (\r\n    <SidebarContext.Provider value={contextValue}>\r\n      <TooltipProvider delayDuration={0}>\r\n        <div\r\n          style={\r\n            {\r\n              \"--sidebar-width\": SIDEBAR_WIDTH,\r\n              \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\r\n              ...style,\r\n            } as React.CSSProperties\r\n          }\r\n          className={cn(\"group/sidebar-wrapper has-[[data-variant=inset]]:bg-sidebar flex min-h-svh w-full\", className)}\r\n          ref={ref}\r\n          {...props}>\r\n          {children}\r\n        </div>\r\n      </TooltipProvider>\r\n    </SidebarContext.Provider>\r\n  );\r\n});\r\nSidebarProvider.displayName = \"SidebarProvider\";\r\n\r\nconst Sidebar = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.ComponentProps<\"div\"> & {\r\n    side?: \"left\" | \"right\";\r\n    variant?: \"sidebar\" | \"floating\" | \"inset\";\r\n    collapsible?: \"offcanvas\" | \"icon\" | \"none\";\r\n  }\r\n>(({side = \"left\", variant = \"sidebar\", collapsible = \"offcanvas\", className, children, ...props}, ref) => {\r\n  const {isMobile, state, openMobile, setOpenMobile} = useSidebar();\r\n\r\n  if (collapsible === \"none\") {\r\n    return (\r\n      <div\r\n        className={cn(\"bg-sidebar text-sidebar-foreground flex h-full w-[--sidebar-width] flex-col\", className)}\r\n        ref={ref}\r\n        {...props}>\r\n        {children}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (isMobile) {\r\n    return (\r\n      <Sheet\r\n        open={openMobile}\r\n        onOpenChange={setOpenMobile}\r\n        {...props}>\r\n        <SheetContent\r\n          data-sidebar='sidebar'\r\n          data-mobile='true'\r\n          className='bg-sidebar text-sidebar-foreground w-[--sidebar-width] p-0 [&>button]:hidden'\r\n          style={\r\n            {\r\n              \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\r\n            } as React.CSSProperties\r\n          }\r\n          side={side}>\r\n          <SheetHeader className='sr-only'>\r\n            <SheetTitle>Sidebar</SheetTitle>\r\n            <SheetDescription>Displays the mobile sidebar.</SheetDescription>\r\n          </SheetHeader>\r\n          <div className='flex h-full w-full flex-col'>{children}</div>\r\n        </SheetContent>\r\n      </Sheet>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      className='group peer text-sidebar-foreground hidden md:block'\r\n      data-state={state}\r\n      data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\r\n      data-variant={variant}\r\n      data-side={side}>\r\n      {/* This is what handles the sidebar gap on desktop */}\r\n      <div\r\n        className={cn(\r\n          \"relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear\",\r\n          \"group-data-[collapsible=offcanvas]:w-0\",\r\n          \"group-data-[side=right]:rotate-180\",\r\n          variant === \"floating\" || variant === \"inset\"\r\n            ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]\"\r\n            : \"group-data-[collapsible=icon]:w-[--sidebar-width-icon]\",\r\n        )}\r\n      />\r\n      <div\r\n        className={cn(\r\n          \"fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex\",\r\n          side === \"left\"\r\n            ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\r\n            : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\r\n          // Adjust the padding for floating and inset variants.\r\n          variant === \"floating\" || variant === \"inset\"\r\n            ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]\"\r\n            : \"group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l\",\r\n          className,\r\n        )}\r\n        {...props}>\r\n        <div\r\n          data-sidebar='sidebar'\r\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'>\r\n          {children}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n});\r\nSidebar.displayName = \"Sidebar\";\r\n\r\nconst SidebarTrigger = React.forwardRef<React.ComponentRef<typeof Button>, React.ComponentProps<typeof Button>>(\r\n  ({className, onClick, ...props}, ref) => {\r\n    const {toggleSidebar} = useSidebar();\r\n\r\n    return (\r\n      <Button\r\n        ref={ref}\r\n        data-sidebar='trigger'\r\n        variant='ghost'\r\n        size='icon'\r\n        className={cn(\"h-7 w-7\", className)}\r\n        onClick={(event) => {\r\n          onClick?.(event);\r\n          toggleSidebar();\r\n        }}\r\n        {...props}>\r\n        <PanelLeft />\r\n        <span className='sr-only'>Toggle Sidebar</span>\r\n      </Button>\r\n    );\r\n  },\r\n);\r\nSidebarTrigger.displayName = \"SidebarTrigger\";\r\n\r\nconst SidebarRail = React.forwardRef<HTMLButtonElement, React.ComponentProps<\"button\">>(({className, ...props}, ref) => {\r\n  const {toggleSidebar} = useSidebar();\r\n\r\n  return (\r\n    <button\r\n      ref={ref}\r\n      data-sidebar='rail'\r\n      aria-label='Toggle Sidebar'\r\n      tabIndex={-1}\r\n      type='button'\r\n      onClick={toggleSidebar}\r\n      title='Toggle Sidebar'\r\n      className={cn(\r\n        \"hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex\",\r\n        \"[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize\",\r\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\r\n        \"group-data-[collapsible=offcanvas]:hover:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full\",\r\n        \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\r\n        \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarRail.displayName = \"SidebarRail\";\r\n\r\nconst SidebarInset = React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(({className, ...props}, ref) => {\r\n  return (\r\n    <main\r\n      ref={ref}\r\n      className={cn(\r\n        \"relative flex w-full flex-1 flex-col bg-white dark:bg-neutral-950\",\r\n        \"md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarInset.displayName = \"SidebarInset\";\r\n\r\nconst SidebarInput = React.forwardRef<React.ComponentRef<typeof Input>, React.ComponentProps<typeof Input>>(\r\n  ({className, ...props}, ref) => {\r\n    return (\r\n      <Input\r\n        ref={ref}\r\n        data-sidebar='input'\r\n        className={cn(\r\n          \"focus-visible:ring-sidebar-ring h-8 w-full bg-white shadow-none focus-visible:ring-2 dark:bg-neutral-950\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\nSidebarInput.displayName = \"SidebarInput\";\r\n\r\nconst SidebarHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => {\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      data-sidebar='header'\r\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarHeader.displayName = \"SidebarHeader\";\r\n\r\nconst SidebarFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => {\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      data-sidebar='footer'\r\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarFooter.displayName = \"SidebarFooter\";\r\n\r\nconst SidebarSeparator = React.forwardRef<React.ComponentRef<typeof Separator>, React.ComponentProps<typeof Separator>>(\r\n  ({className, ...props}, ref) => {\r\n    return (\r\n      <Separator\r\n        ref={ref}\r\n        data-sidebar='separator'\r\n        className={cn(\"bg-sidebar-border mx-2 w-auto\", className)}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\nSidebarSeparator.displayName = \"SidebarSeparator\";\r\n\r\nconst SidebarContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => {\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      data-sidebar='content'\r\n      className={cn(\"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarContent.displayName = \"SidebarContent\";\r\n\r\nconst SidebarGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => {\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      data-sidebar='group'\r\n      className={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarGroup.displayName = \"SidebarGroup\";\r\n\r\nconst SidebarGroupLabel = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\"> & {asChild?: boolean}>(\r\n  ({className, asChild = false, ...props}, ref) => {\r\n    const Comp = asChild ? Slot : \"div\";\r\n\r\n    return (\r\n      <Comp\r\n        ref={ref}\r\n        data-sidebar='group-label'\r\n        className={cn(\r\n          \"text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear outline-none focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\r\n          \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\r\n\r\nconst SidebarGroupAction = React.forwardRef<HTMLButtonElement, React.ComponentProps<\"button\"> & {asChild?: boolean}>(\r\n  ({className, asChild = false, ...props}, ref) => {\r\n    const Comp = asChild ? Slot : \"button\";\r\n\r\n    return (\r\n      <Comp\r\n        ref={ref}\r\n        data-sidebar='group-action'\r\n        className={cn(\r\n          \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform outline-none focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\r\n          // Increases the hit area of the button on mobile.\r\n          \"after:absolute after:-inset-2 after:md:hidden\",\r\n          \"group-data-[collapsible=icon]:hidden\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\nSidebarGroupAction.displayName = \"SidebarGroupAction\";\r\n\r\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='group-content'\r\n    className={cn(\"w-full text-sm\", className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarGroupContent.displayName = \"SidebarGroupContent\";\r\n\r\nconst SidebarMenu = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n  <ul\r\n    ref={ref}\r\n    data-sidebar='menu'\r\n    className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenu.displayName = \"SidebarMenu\";\r\n\r\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(({className, ...props}, ref) => (\r\n  <li\r\n    ref={ref}\r\n    data-sidebar='menu-item'\r\n    className={cn(\"group/menu-item relative\", className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\r\n\r\nconst sidebarMenuButtonVariants = cva(\r\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\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\r\n        outline:\r\n          \"bg-white 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))] dark:bg-neutral-950\",\r\n      },\r\n      size: {\r\n        default: \"h-8 text-sm\",\r\n        sm: \"h-7 text-xs\",\r\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nconst SidebarMenuButton = React.forwardRef<\r\n  HTMLButtonElement,\r\n  React.ComponentProps<\"button\"> & {\r\n    asChild?: boolean;\r\n    isActive?: boolean;\r\n    tooltip?: string | React.ComponentProps<typeof TooltipContent>;\r\n  } & VariantProps<typeof sidebarMenuButtonVariants>\r\n>(({asChild = false, isActive = false, variant = \"default\", size = \"default\", tooltip, className, ...props}, ref) => {\r\n  const Comp = asChild ? Slot : \"button\";\r\n  const {isMobile, state} = useSidebar();\r\n\r\n  const button = (\r\n    <Comp\r\n      ref={ref}\r\n      data-sidebar='menu-button'\r\n      data-size={size}\r\n      data-active={isActive}\r\n      className={cn(sidebarMenuButtonVariants({variant, size}), className)}\r\n      {...props}\r\n    />\r\n  );\r\n\r\n  if (!tooltip) {\r\n    return button;\r\n  }\r\n\r\n  if (typeof tooltip === \"string\") {\r\n    tooltip = {\r\n      children: tooltip,\r\n    };\r\n  }\r\n\r\n  return (\r\n    <Tooltip>\r\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\r\n      <TooltipContent\r\n        side='right'\r\n        align='center'\r\n        hidden={state !== \"collapsed\" || isMobile}\r\n        {...tooltip}\r\n      />\r\n    </Tooltip>\r\n  );\r\n});\r\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\r\n\r\nconst SidebarMenuAction = React.forwardRef<\r\n  HTMLButtonElement,\r\n  React.ComponentProps<\"button\"> & {\r\n    asChild?: boolean;\r\n    showOnHover?: boolean;\r\n  }\r\n>(({className, asChild = false, showOnHover = false, ...props}, ref) => {\r\n  const Comp = asChild ? Slot : \"button\";\r\n\r\n  return (\r\n    <Comp\r\n      ref={ref}\r\n      data-sidebar='menu-action'\r\n      className={cn(\r\n        \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform outline-none focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\r\n        // Increases the hit area of the button on mobile.\r\n        \"after:absolute after:-inset-2 after:md:hidden\",\r\n        \"peer-data-[size=sm]/menu-button:top-1\",\r\n        \"peer-data-[size=default]/menu-button:top-1.5\",\r\n        \"peer-data-[size=lg]/menu-button:top-2.5\",\r\n        \"group-data-[collapsible=icon]:hidden\",\r\n        showOnHover\r\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\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarMenuAction.displayName = \"SidebarMenuAction\";\r\n\r\nconst SidebarMenuBadge = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='menu-badge'\r\n    className={cn(\r\n      \"text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none\",\r\n      \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\r\n      \"peer-data-[size=sm]/menu-button:top-1\",\r\n      \"peer-data-[size=default]/menu-button:top-1.5\",\r\n      \"peer-data-[size=lg]/menu-button:top-2.5\",\r\n      \"group-data-[collapsible=icon]:hidden\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\";\r\n\r\nconst SidebarMenuSkeleton = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.ComponentProps<\"div\"> & {\r\n    showIcon?: boolean;\r\n  }\r\n>(({className, showIcon = false, ...props}, ref) => {\r\n  // Random width between 50 to 90%.\r\n  const width = React.useMemo(() => {\r\n    return `${Math.floor(Math.random() * 40) + 50}%`;\r\n  }, []);\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      data-sidebar='menu-skeleton'\r\n      className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\r\n      {...props}>\r\n      {showIcon && (\r\n        <Skeleton\r\n          className='size-4 rounded-md'\r\n          data-sidebar='menu-skeleton-icon'\r\n        />\r\n      )}\r\n      <Skeleton\r\n        className='h-4 max-w-[--skeleton-width] flex-1'\r\n        data-sidebar='menu-skeleton-text'\r\n        style={\r\n          {\r\n            \"--skeleton-width\": width,\r\n          } as React.CSSProperties\r\n        }\r\n      />\r\n    </div>\r\n  );\r\n});\r\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\";\r\n\r\nconst SidebarMenuSub = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n  <ul\r\n    ref={ref}\r\n    data-sidebar='menu-sub'\r\n    className={cn(\r\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\",\r\n      \"group-data-[collapsible=icon]:hidden\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuSub.displayName = \"SidebarMenuSub\";\r\n\r\nconst SidebarMenuSubItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(({...props}, ref) => (\r\n  <li\r\n    ref={ref}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\";\r\n\r\nconst SidebarMenuSubButton = React.forwardRef<\r\n  HTMLAnchorElement,\r\n  React.ComponentProps<\"a\"> & {\r\n    asChild?: boolean;\r\n    size?: \"sm\" | \"md\";\r\n    isActive?: boolean;\r\n  }\r\n>(({asChild = false, size = \"md\", isActive, className, ...props}, ref) => {\r\n  const Comp = asChild ? Slot : \"a\";\r\n\r\n  return (\r\n    <Comp\r\n      ref={ref}\r\n      data-sidebar='menu-sub-button'\r\n      data-size={size}\r\n      data-active={isActive}\r\n      className={cn(\r\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 flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-none focus-visible:ring-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\",\r\n        \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\r\n        size === \"sm\" && \"text-xs\",\r\n        size === \"md\" && \"text-sm\",\r\n        \"group-data-[collapsible=icon]:hidden\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\";\r\n\r\nexport {\r\n  Sidebar,\r\n  SidebarContent,\r\n  SidebarFooter,\r\n  SidebarGroup,\r\n  SidebarGroupAction,\r\n  SidebarGroupContent,\r\n  SidebarGroupLabel,\r\n  SidebarHeader,\r\n  SidebarInput,\r\n  SidebarInset,\r\n  SidebarMenu,\r\n  SidebarMenuAction,\r\n  SidebarMenuBadge,\r\n  SidebarMenuButton,\r\n  SidebarMenuItem,\r\n  SidebarMenuSkeleton,\r\n  SidebarMenuSub,\r\n  SidebarMenuSubButton,\r\n  SidebarMenuSubItem,\r\n  SidebarProvider,\r\n  SidebarRail,\r\n  SidebarSeparator,\r\n  SidebarTrigger,\r\n  useSidebar,\r\n};\r\n"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","React","useSidebar","context","Error","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","isMobile","useIsMobile","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","openState","document","toggleSidebar","handleKeyDown","event","globalThis","state","contextValue","TooltipProvider","cn","Sidebar","side","variant","collapsible","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Comp","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","cva","SidebarMenuButton","isActive","size","tooltip","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Math","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"],"mappings":"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"}
+{"version":3,"file":"components/ui/sidebar.js","sources":["../../../src/components/ui/sidebar.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable */\r\n\r\nimport {Slot} from \"@radix-ui/react-slot\";\r\nimport {VariantProps, cva} from \"class-variance-authority\";\r\nimport {PanelLeft} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {Button} from \"@/components/ui/button\";\r\nimport {Input} from \"@/components/ui/input\";\r\nimport {Separator} from \"@/components/ui/separator\";\r\nimport {Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle} from \"@/components/ui/sheet\";\r\nimport {Skeleton} from \"@/components/ui/skeleton\";\r\nimport {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger} from \"@/components/ui/tooltip\";\r\nimport {useIsMobile} from \"@/hooks/useIsMobile\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\";\r\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\r\nconst SIDEBAR_WIDTH = \"16rem\";\r\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\r\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\r\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\r\n\r\ntype SidebarContextProps = {\r\n  state: \"expanded\" | \"collapsed\";\r\n  open: boolean;\r\n  setOpen: (open: boolean) => void;\r\n  openMobile: boolean;\r\n  setOpenMobile: (open: boolean) => void;\r\n  isMobile: boolean;\r\n  toggleSidebar: () => void;\r\n};\r\n\r\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null);\r\n\r\nfunction useSidebar() {\r\n  const context = React.useContext(SidebarContext);\r\n  if (!context) {\r\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\");\r\n  }\r\n\r\n  return context;\r\n}\r\n\r\nconst SidebarProvider = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.ComponentProps<\"div\"> & {\r\n    defaultOpen?: boolean;\r\n    open?: boolean;\r\n    onOpenChange?: (open: boolean) => void;\r\n  }\r\n>(({defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props}, ref) => {\r\n  const isMobile = useIsMobile();\r\n  const [openMobile, setOpenMobile] = React.useState(false);\r\n\r\n  // This is the internal state of the sidebar.\r\n  // We use openProp and setOpenProp for control from outside the component.\r\n  const [_open, _setOpen] = React.useState(defaultOpen);\r\n  const open = openProp ?? _open;\r\n  const setOpen = React.useCallback(\r\n    (value: boolean | ((value: boolean) => boolean)) => {\r\n      const openState = typeof value === \"function\" ? value(open) : value;\r\n      if (setOpenProp) {\r\n        setOpenProp(openState);\r\n      } else {\r\n        _setOpen(openState);\r\n      }\r\n\r\n      // This sets the cookie to keep the sidebar state.\r\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\r\n    },\r\n    [setOpenProp, open],\r\n  );\r\n\r\n  // Helper to toggle the sidebar.\r\n  const toggleSidebar = React.useCallback(() => {\r\n    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);\r\n  }, [isMobile, setOpen, setOpenMobile]);\r\n\r\n  // Adds a keyboard shortcut to toggle the sidebar.\r\n  React.useEffect(() => {\r\n    const handleKeyDown = (event: KeyboardEvent) => {\r\n      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\r\n        event.preventDefault();\r\n        toggleSidebar();\r\n      }\r\n    };\r\n\r\n    globalThis.window.addEventListener(\"keydown\", handleKeyDown);\r\n    return () => globalThis.window.removeEventListener(\"keydown\", handleKeyDown);\r\n  }, [toggleSidebar]);\r\n\r\n  // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\r\n  // This makes it easier to style the sidebar with Tailwind classes.\r\n  const state = open ? \"expanded\" : \"collapsed\";\r\n\r\n  const contextValue = React.useMemo<SidebarContextProps>(\r\n    () => ({\r\n      state,\r\n      open,\r\n      setOpen,\r\n      isMobile,\r\n      openMobile,\r\n      setOpenMobile,\r\n      toggleSidebar,\r\n    }),\r\n    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar],\r\n  );\r\n\r\n  return (\r\n    <SidebarContext.Provider value={contextValue}>\r\n      <TooltipProvider delayDuration={0}>\r\n        <div\r\n          style={\r\n            {\r\n              \"--sidebar-width\": SIDEBAR_WIDTH,\r\n              \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\r\n              ...style,\r\n            } as React.CSSProperties\r\n          }\r\n          className={cn(\"group/sidebar-wrapper has-[[data-variant=inset]]:bg-sidebar flex min-h-svh w-full\", className)}\r\n          ref={ref}\r\n          {...props}>\r\n          {children}\r\n        </div>\r\n      </TooltipProvider>\r\n    </SidebarContext.Provider>\r\n  );\r\n});\r\nSidebarProvider.displayName = \"SidebarProvider\";\r\n\r\nconst Sidebar = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.ComponentProps<\"div\"> & {\r\n    side?: \"left\" | \"right\";\r\n    variant?: \"sidebar\" | \"floating\" | \"inset\";\r\n    collapsible?: \"offcanvas\" | \"icon\" | \"none\";\r\n  }\r\n>(({side = \"left\", variant = \"sidebar\", collapsible = \"offcanvas\", className, children, ...props}, ref) => {\r\n  const {isMobile, state, openMobile, setOpenMobile} = useSidebar();\r\n\r\n  if (collapsible === \"none\") {\r\n    return (\r\n      <div\r\n        className={cn(\"bg-sidebar text-sidebar-foreground flex h-full w-[--sidebar-width] flex-col\", className)}\r\n        ref={ref}\r\n        {...props}>\r\n        {children}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (isMobile) {\r\n    return (\r\n      <Sheet\r\n        open={openMobile}\r\n        onOpenChange={setOpenMobile}\r\n        {...props}>\r\n        <SheetContent\r\n          data-sidebar='sidebar'\r\n          data-mobile='true'\r\n          className='bg-sidebar text-sidebar-foreground w-[--sidebar-width] p-0 [&>button]:hidden'\r\n          style={\r\n            {\r\n              \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\r\n            } as React.CSSProperties\r\n          }\r\n          side={side}>\r\n          <SheetHeader className='sr-only'>\r\n            <SheetTitle>Sidebar</SheetTitle>\r\n            <SheetDescription>Displays the mobile sidebar.</SheetDescription>\r\n          </SheetHeader>\r\n          <div className='flex h-full w-full flex-col'>{children}</div>\r\n        </SheetContent>\r\n      </Sheet>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      className='group peer text-sidebar-foreground hidden md:block'\r\n      data-state={state}\r\n      data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\r\n      data-variant={variant}\r\n      data-side={side}>\r\n      {/* This is what handles the sidebar gap on desktop */}\r\n      <div\r\n        className={cn(\r\n          \"relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear\",\r\n          \"group-data-[collapsible=offcanvas]:w-0\",\r\n          \"group-data-[side=right]:rotate-180\",\r\n          variant === \"floating\" || variant === \"inset\"\r\n            ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]\"\r\n            : \"group-data-[collapsible=icon]:w-[--sidebar-width-icon]\",\r\n        )}\r\n      />\r\n      <div\r\n        className={cn(\r\n          \"fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex\",\r\n          side === \"left\"\r\n            ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\r\n            : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\r\n          // Adjust the padding for floating and inset variants.\r\n          variant === \"floating\" || variant === \"inset\"\r\n            ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]\"\r\n            : \"group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l\",\r\n          className,\r\n        )}\r\n        {...props}>\r\n        <div\r\n          data-sidebar='sidebar'\r\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'>\r\n          {children}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n});\r\nSidebar.displayName = \"Sidebar\";\r\n\r\nconst SidebarTrigger = React.forwardRef<React.ComponentRef<typeof Button>, React.ComponentProps<typeof Button>>(\r\n  ({className, onClick, ...props}, ref) => {\r\n    const {toggleSidebar} = useSidebar();\r\n\r\n    return (\r\n      <Button\r\n        ref={ref}\r\n        data-sidebar='trigger'\r\n        variant='ghost'\r\n        size='icon'\r\n        className={cn(\"h-7 w-7\", className)}\r\n        onClick={(event) => {\r\n          onClick?.(event);\r\n          toggleSidebar();\r\n        }}\r\n        {...props}>\r\n        <PanelLeft />\r\n        <span className='sr-only'>Toggle Sidebar</span>\r\n      </Button>\r\n    );\r\n  },\r\n);\r\nSidebarTrigger.displayName = \"SidebarTrigger\";\r\n\r\nconst SidebarRail = React.forwardRef<HTMLButtonElement, React.ComponentProps<\"button\">>(({className, ...props}, ref) => {\r\n  const {toggleSidebar} = useSidebar();\r\n\r\n  return (\r\n    <button\r\n      ref={ref}\r\n      data-sidebar='rail'\r\n      aria-label='Toggle Sidebar'\r\n      tabIndex={-1}\r\n      type='button'\r\n      onClick={toggleSidebar}\r\n      title='Toggle Sidebar'\r\n      className={cn(\r\n        \"hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex\",\r\n        \"[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize\",\r\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\r\n        \"group-data-[collapsible=offcanvas]:hover:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full\",\r\n        \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\r\n        \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarRail.displayName = \"SidebarRail\";\r\n\r\nconst SidebarInset = React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(({className, ...props}, ref) => {\r\n  return (\r\n    <main\r\n      ref={ref}\r\n      className={cn(\r\n        \"relative flex w-full flex-1 flex-col bg-white dark:bg-neutral-950\",\r\n        \"md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarInset.displayName = \"SidebarInset\";\r\n\r\nconst SidebarInput = React.forwardRef<React.ComponentRef<typeof Input>, React.ComponentProps<typeof Input>>(\r\n  ({className, ...props}, ref) => {\r\n    return (\r\n      <Input\r\n        ref={ref}\r\n        data-sidebar='input'\r\n        className={cn(\r\n          \"focus-visible:ring-sidebar-ring h-8 w-full bg-white shadow-none focus-visible:ring-2 dark:bg-neutral-950\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\nSidebarInput.displayName = \"SidebarInput\";\r\n\r\nconst SidebarHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => {\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      data-sidebar='header'\r\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarHeader.displayName = \"SidebarHeader\";\r\n\r\nconst SidebarFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => {\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      data-sidebar='footer'\r\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarFooter.displayName = \"SidebarFooter\";\r\n\r\nconst SidebarSeparator = React.forwardRef<React.ComponentRef<typeof Separator>, React.ComponentProps<typeof Separator>>(\r\n  ({className, ...props}, ref) => {\r\n    return (\r\n      <Separator\r\n        ref={ref}\r\n        data-sidebar='separator'\r\n        className={cn(\"bg-sidebar-border mx-2 w-auto\", className)}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\nSidebarSeparator.displayName = \"SidebarSeparator\";\r\n\r\nconst SidebarContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => {\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      data-sidebar='content'\r\n      className={cn(\"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarContent.displayName = \"SidebarContent\";\r\n\r\nconst SidebarGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => {\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      data-sidebar='group'\r\n      className={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarGroup.displayName = \"SidebarGroup\";\r\n\r\nconst SidebarGroupLabel = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\"> & {asChild?: boolean}>(\r\n  ({className, asChild = false, ...props}, ref) => {\r\n    const Comp = asChild ? Slot : \"div\";\r\n\r\n    return (\r\n      <Comp\r\n        ref={ref}\r\n        data-sidebar='group-label'\r\n        className={cn(\r\n          \"text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear outline-none focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\r\n          \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\r\n\r\nconst SidebarGroupAction = React.forwardRef<HTMLButtonElement, React.ComponentProps<\"button\"> & {asChild?: boolean}>(\r\n  ({className, asChild = false, ...props}, ref) => {\r\n    const Comp = asChild ? Slot : \"button\";\r\n\r\n    return (\r\n      <Comp\r\n        ref={ref}\r\n        data-sidebar='group-action'\r\n        className={cn(\r\n          \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform outline-none focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\r\n          // Increases the hit area of the button on mobile.\r\n          \"after:absolute after:-inset-2 after:md:hidden\",\r\n          \"group-data-[collapsible=icon]:hidden\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\nSidebarGroupAction.displayName = \"SidebarGroupAction\";\r\n\r\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='group-content'\r\n    className={cn(\"w-full text-sm\", className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarGroupContent.displayName = \"SidebarGroupContent\";\r\n\r\nconst SidebarMenu = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n  <ul\r\n    ref={ref}\r\n    data-sidebar='menu'\r\n    className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenu.displayName = \"SidebarMenu\";\r\n\r\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(({className, ...props}, ref) => (\r\n  <li\r\n    ref={ref}\r\n    data-sidebar='menu-item'\r\n    className={cn(\"group/menu-item relative\", className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\r\n\r\nconst sidebarMenuButtonVariants = cva(\r\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\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\r\n        outline:\r\n          \"bg-white 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))] dark:bg-neutral-950\",\r\n      },\r\n      size: {\r\n        default: \"h-8 text-sm\",\r\n        sm: \"h-7 text-xs\",\r\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nconst SidebarMenuButton = React.forwardRef<\r\n  HTMLButtonElement,\r\n  React.ComponentProps<\"button\"> & {\r\n    asChild?: boolean;\r\n    isActive?: boolean;\r\n    tooltip?: string | React.ComponentProps<typeof TooltipContent>;\r\n  } & VariantProps<typeof sidebarMenuButtonVariants>\r\n>(({asChild = false, isActive = false, variant = \"default\", size = \"default\", tooltip, className, ...props}, ref) => {\r\n  const Comp = asChild ? Slot : \"button\";\r\n  const {isMobile, state} = useSidebar();\r\n\r\n  const button = (\r\n    <Comp\r\n      ref={ref}\r\n      data-sidebar='menu-button'\r\n      data-size={size}\r\n      data-active={isActive}\r\n      className={cn(sidebarMenuButtonVariants({variant, size}), className)}\r\n      {...props}\r\n    />\r\n  );\r\n\r\n  if (!tooltip) {\r\n    return button;\r\n  }\r\n\r\n  if (typeof tooltip === \"string\") {\r\n    tooltip = {\r\n      children: tooltip,\r\n    };\r\n  }\r\n\r\n  return (\r\n    <Tooltip>\r\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\r\n      <TooltipContent\r\n        side='right'\r\n        align='center'\r\n        hidden={state !== \"collapsed\" || isMobile}\r\n        {...tooltip}\r\n      />\r\n    </Tooltip>\r\n  );\r\n});\r\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\r\n\r\nconst SidebarMenuAction = React.forwardRef<\r\n  HTMLButtonElement,\r\n  React.ComponentProps<\"button\"> & {\r\n    asChild?: boolean;\r\n    showOnHover?: boolean;\r\n  }\r\n>(({className, asChild = false, showOnHover = false, ...props}, ref) => {\r\n  const Comp = asChild ? Slot : \"button\";\r\n\r\n  return (\r\n    <Comp\r\n      ref={ref}\r\n      data-sidebar='menu-action'\r\n      className={cn(\r\n        \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform outline-none focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\r\n        // Increases the hit area of the button on mobile.\r\n        \"after:absolute after:-inset-2 after:md:hidden\",\r\n        \"peer-data-[size=sm]/menu-button:top-1\",\r\n        \"peer-data-[size=default]/menu-button:top-1.5\",\r\n        \"peer-data-[size=lg]/menu-button:top-2.5\",\r\n        \"group-data-[collapsible=icon]:hidden\",\r\n        showOnHover\r\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\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarMenuAction.displayName = \"SidebarMenuAction\";\r\n\r\nconst SidebarMenuBadge = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='menu-badge'\r\n    className={cn(\r\n      \"text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none\",\r\n      \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\r\n      \"peer-data-[size=sm]/menu-button:top-1\",\r\n      \"peer-data-[size=default]/menu-button:top-1.5\",\r\n      \"peer-data-[size=lg]/menu-button:top-2.5\",\r\n      \"group-data-[collapsible=icon]:hidden\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\";\r\n\r\nconst SidebarMenuSkeleton = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.ComponentProps<\"div\"> & {\r\n    showIcon?: boolean;\r\n  }\r\n>(({className, showIcon = false, ...props}, ref) => {\r\n  // Random width between 50 to 90%.\r\n  const width = React.useMemo(() => {\r\n    return `${Math.floor(Math.random() * 40) + 50}%`;\r\n  }, []);\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      data-sidebar='menu-skeleton'\r\n      className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\r\n      {...props}>\r\n      {showIcon && (\r\n        <Skeleton\r\n          className='size-4 rounded-md'\r\n          data-sidebar='menu-skeleton-icon'\r\n        />\r\n      )}\r\n      <Skeleton\r\n        className='h-4 max-w-[--skeleton-width] flex-1'\r\n        data-sidebar='menu-skeleton-text'\r\n        style={\r\n          {\r\n            \"--skeleton-width\": width,\r\n          } as React.CSSProperties\r\n        }\r\n      />\r\n    </div>\r\n  );\r\n});\r\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\";\r\n\r\nconst SidebarMenuSub = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n  <ul\r\n    ref={ref}\r\n    data-sidebar='menu-sub'\r\n    className={cn(\r\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\",\r\n      \"group-data-[collapsible=icon]:hidden\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuSub.displayName = \"SidebarMenuSub\";\r\n\r\nconst SidebarMenuSubItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(({...props}, ref) => (\r\n  <li\r\n    ref={ref}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\";\r\n\r\nconst SidebarMenuSubButton = React.forwardRef<\r\n  HTMLAnchorElement,\r\n  React.ComponentProps<\"a\"> & {\r\n    asChild?: boolean;\r\n    size?: \"sm\" | \"md\";\r\n    isActive?: boolean;\r\n  }\r\n>(({asChild = false, size = \"md\", isActive, className, ...props}, ref) => {\r\n  const Comp = asChild ? Slot : \"a\";\r\n\r\n  return (\r\n    <Comp\r\n      ref={ref}\r\n      data-sidebar='menu-sub-button'\r\n      data-size={size}\r\n      data-active={isActive}\r\n      className={cn(\r\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 flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-none focus-visible:ring-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\",\r\n        \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\r\n        size === \"sm\" && \"text-xs\",\r\n        size === \"md\" && \"text-sm\",\r\n        \"group-data-[collapsible=icon]:hidden\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\";\r\n\r\nexport {\r\n  Sidebar,\r\n  SidebarContent,\r\n  SidebarFooter,\r\n  SidebarGroup,\r\n  SidebarGroupAction,\r\n  SidebarGroupContent,\r\n  SidebarGroupLabel,\r\n  SidebarHeader,\r\n  SidebarInput,\r\n  SidebarInset,\r\n  SidebarMenu,\r\n  SidebarMenuAction,\r\n  SidebarMenuBadge,\r\n  SidebarMenuButton,\r\n  SidebarMenuItem,\r\n  SidebarMenuSkeleton,\r\n  SidebarMenuSub,\r\n  SidebarMenuSubButton,\r\n  SidebarMenuSubItem,\r\n  SidebarProvider,\r\n  SidebarRail,\r\n  SidebarSeparator,\r\n  SidebarTrigger,\r\n  useSidebar,\r\n};\r\n"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","React","useSidebar","context","Error","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","isMobile","useIsMobile","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","openState","document","toggleSidebar","handleKeyDown","event","globalThis","state","contextValue","TooltipProvider","cn","Sidebar","side","variant","collapsible","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Comp","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","cva","SidebarMenuButton","isActive","size","tooltip","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Math","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"],"mappings":"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"}

package/dist/components/ui/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\skeleton.js","sources":["webpack://@arolariu/components/./src/components/ui/skeleton.tsx"],"sourcesContent":["\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport * as React from \"react\";\r\n\r\nfunction Skeleton({className, ...props}: Readonly<React.HTMLAttributes<HTMLDivElement>>) {\r\n  return (\r\n    <div\r\n      className={cn(\"animate-pulse rounded-md bg-neutral-900/10 dark:bg-neutral-50/10\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Skeleton};\r\n"],"names":["Skeleton","className","props","cn"],"mappings":";;;;AAKA,SAASA,SAAS,EAACC,SAAS,EAAE,GAAGC,OAAsD;IACrF,OAAO,WAAP,GACE,IAAC;QACC,WAAWC,GAAG,oEAAoEF;QACjF,GAAGC,KAAK;;AAGf"}
+{"version":3,"file":"components/ui/skeleton.js","sources":["../../../src/components/ui/skeleton.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport * as React from \"react\";\r\n\r\nfunction Skeleton({className, ...props}: Readonly<React.HTMLAttributes<HTMLDivElement>>) {\r\n  return (\r\n    <div\r\n      className={cn(\"animate-pulse rounded-md bg-neutral-900/10 dark:bg-neutral-50/10\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Skeleton};\r\n"],"names":["Skeleton","className","props","cn"],"mappings":";;;;AAKA,SAASA,SAAS,EAACC,SAAS,EAAE,GAAGC,OAAsD;IACrF,OAAO,WAAP,GACE,IAAC;QACC,WAAWC,GAAG,oEAAoEF;QACjF,GAAGC,KAAK;;AAGf"}

package/dist/components/ui/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\slider.js","sources":["webpack://@arolariu/components/./src/components/ui/slider.tsx"],"sourcesContent":["\r\n\r\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Slider = React.forwardRef<\r\n  React.ComponentRef<typeof SliderPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>\r\n>(({className, ...props}, ref) => (\r\n  <SliderPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\"relative flex w-full touch-none items-center select-none\", className)}\r\n    {...props}>\r\n    <SliderPrimitive.Track className='relative h-1.5 w-full grow overflow-hidden rounded-full bg-neutral-900/20 dark:bg-neutral-50/20'>\r\n      <SliderPrimitive.Range className='absolute h-full bg-neutral-900 dark:bg-neutral-50' />\r\n    </SliderPrimitive.Track>\r\n    <SliderPrimitive.Thumb className='block h-4 w-4 rounded-full border border-neutral-200 border-neutral-900/50 bg-white shadow transition-colors focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-50/50 dark:border-neutral-800 dark:bg-neutral-950 dark:focus-visible:ring-neutral-300' />\r\n  </SliderPrimitive.Root>\r\n));\r\nSlider.displayName = SliderPrimitive.Root.displayName;\r\n\r\nexport {Slider};\r\n"],"names":["Slider","React","className","props","ref","SliderPrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,SAAS,WAATA,GAASC,WAGb,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,KAACC,MAAoB;QACnB,KAAKD;QACL,WAAWE,GAAG,4DAA4DJ;QACzE,GAAGC,KAAK;;0BACT,IAACE,OAAqB;gBAAC,WAAU;0BAC/B,kBAACA,OAAqB;oBAAC,WAAU;;;0BAEnC,IAACA,OAAqB;gBAAC,WAAU;;;;AAGrCL,OAAO,WAAW,GAAGK,KAAAA,WAAgC"}
+{"version":3,"file":"components/ui/slider.js","sources":["../../../src/components/ui/slider.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Slider = React.forwardRef<\r\n  React.ComponentRef<typeof SliderPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>\r\n>(({className, ...props}, ref) => (\r\n  <SliderPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\"relative flex w-full touch-none items-center select-none\", className)}\r\n    {...props}>\r\n    <SliderPrimitive.Track className='relative h-1.5 w-full grow overflow-hidden rounded-full bg-neutral-900/20 dark:bg-neutral-50/20'>\r\n      <SliderPrimitive.Range className='absolute h-full bg-neutral-900 dark:bg-neutral-50' />\r\n    </SliderPrimitive.Track>\r\n    <SliderPrimitive.Thumb className='block h-4 w-4 rounded-full border border-neutral-200 border-neutral-900/50 bg-white shadow transition-colors focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-50/50 dark:border-neutral-800 dark:bg-neutral-950 dark:focus-visible:ring-neutral-300' />\r\n  </SliderPrimitive.Root>\r\n));\r\nSlider.displayName = SliderPrimitive.Root.displayName;\r\n\r\nexport {Slider};\r\n"],"names":["Slider","React","className","props","ref","SliderPrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,SAAS,WAATA,GAASC,WAGb,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,KAACC,MAAoB;QACnB,KAAKD;QACL,WAAWE,GAAG,4DAA4DJ;QACzE,GAAGC,KAAK;;0BACT,IAACE,OAAqB;gBAAC,WAAU;0BAC/B,kBAACA,OAAqB;oBAAC,WAAU;;;0BAEnC,IAACA,OAAqB;gBAAC,WAAU;;;;AAGrCL,OAAO,WAAW,GAAGK,KAAAA,WAAgC"}

package/dist/components/ui/sonner.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\sonner.js","sources":["webpack://@arolariu/components/./src/components/ui/sonner.tsx"],"sourcesContent":["\r\n\r\nimport {useTheme} from \"next-themes\";\r\nimport * as React from \"react\";\r\nimport {Toaster as Sonner, toast} from \"sonner\";\r\n\r\ntype ToasterProps = React.ComponentProps<typeof Sonner>;\r\n\r\nconst Toaster = ({...props}: ToasterProps) => {\r\n  const {theme = \"system\"} = useTheme();\r\n\r\n  return (\r\n    <Sonner\r\n      theme={theme as ToasterProps[\"theme\"]}\r\n      className='toaster group'\r\n      toastOptions={{\r\n        classNames: {\r\n          toast:\r\n            \"group toast group-[.toaster]:bg-white group-[.toaster]:text-neutral-950 group-[.toaster]:border-neutral-200 group-[.toaster]:shadow-lg dark:group-[.toaster]:bg-neutral-950 dark:group-[.toaster]:text-neutral-50 dark:group-[.toaster]:border-neutral-800\",\r\n          description: \"group-[.toast]:text-neutral-500 dark:group-[.toast]:text-neutral-400\",\r\n          actionButton:\r\n            \"group-[.toast]:bg-neutral-900 group-[.toast]:text-neutral-50 dark:group-[.toast]:bg-neutral-50 dark:group-[.toast]:text-neutral-900\",\r\n          cancelButton:\r\n            \"group-[.toast]:bg-neutral-100 group-[.toast]:text-neutral-500 dark:group-[.toast]:bg-neutral-800 dark:group-[.toast]:text-neutral-400\",\r\n        },\r\n      }}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport {\r\n  // eslint-disable-next-line unicorn/prefer-export-from -- same export style.\r\n  toast,\r\n  Toaster,\r\n};\r\n"],"names":["Toaster","props","theme","useTheme","Sonner"],"mappings":";;;;;AAQA,MAAMA,iBAAU,CAAC,EAAC,GAAGC,OAAoB;IACvC,MAAM,EAACC,QAAQ,QAAQ,EAAC,GAAGC;IAE3B,OAAO,WAAP,GACE,IAACC,SAAMA;QACL,OAAOF;QACP,WAAU;QACV,cAAc;YACZ,YAAY;gBACV,OACE;gBACF,aAAa;gBACb,cACE;gBACF,cACE;YACJ;QACF;QACC,GAAGD,KAAK;;AAGf"}
+{"version":3,"file":"components/ui/sonner.js","sources":["../../../src/components/ui/sonner.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {useTheme} from \"next-themes\";\r\nimport * as React from \"react\";\r\nimport {Toaster as Sonner, toast} from \"sonner\";\r\n\r\ntype ToasterProps = React.ComponentProps<typeof Sonner>;\r\n\r\nconst Toaster = ({...props}: ToasterProps) => {\r\n  const {theme = \"system\"} = useTheme();\r\n\r\n  return (\r\n    <Sonner\r\n      theme={theme as ToasterProps[\"theme\"]}\r\n      className='toaster group'\r\n      toastOptions={{\r\n        classNames: {\r\n          toast:\r\n            \"group toast group-[.toaster]:bg-white group-[.toaster]:text-neutral-950 group-[.toaster]:border-neutral-200 group-[.toaster]:shadow-lg dark:group-[.toaster]:bg-neutral-950 dark:group-[.toaster]:text-neutral-50 dark:group-[.toaster]:border-neutral-800\",\r\n          description: \"group-[.toast]:text-neutral-500 dark:group-[.toast]:text-neutral-400\",\r\n          actionButton:\r\n            \"group-[.toast]:bg-neutral-900 group-[.toast]:text-neutral-50 dark:group-[.toast]:bg-neutral-50 dark:group-[.toast]:text-neutral-900\",\r\n          cancelButton:\r\n            \"group-[.toast]:bg-neutral-100 group-[.toast]:text-neutral-500 dark:group-[.toast]:bg-neutral-800 dark:group-[.toast]:text-neutral-400\",\r\n        },\r\n      }}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport {\r\n  // eslint-disable-next-line unicorn/prefer-export-from -- same export style.\r\n  toast,\r\n  Toaster,\r\n};\r\n"],"names":["Toaster","props","theme","useTheme","Sonner"],"mappings":";;;;;AAQA,MAAMA,iBAAU,CAAC,EAAC,GAAGC,OAAoB;IACvC,MAAM,EAACC,QAAQ,QAAQ,EAAC,GAAGC;IAE3B,OAAO,WAAP,GACE,IAACC,SAAMA;QACL,OAAOF;QACP,WAAU;QACV,cAAc;YACZ,YAAY;gBACV,OACE;gBACF,aAAa;gBACb,cACE;gBACF,cACE;YACJ;QACF;QACC,GAAGD,KAAK;;AAGf"}

package/dist/components/ui/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\spinner.js","sources":["webpack://@arolariu/components/./src/components/ui/spinner.tsx"],"sourcesContent":["\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport {Loader2Icon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nfunction Spinner({className, ...props}: React.ComponentProps<\"svg\">) {\r\n  return (\r\n    <Loader2Icon\r\n      role='status'\r\n      aria-label='Loading'\r\n      className={cn(\"size-4 animate-spin\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Spinner};\r\n"],"names":["Spinner","className","props","Loader2Icon","cn"],"mappings":";;;;;AAMA,SAASA,QAAQ,EAACC,SAAS,EAAE,GAAGC,OAAmC;IACjE,OAAO,WAAP,GACE,IAACC,aAAWA;QACV,MAAK;QACL,cAAW;QACX,WAAWC,GAAG,uBAAuBH;QACpC,GAAGC,KAAK;;AAGf"}
+{"version":3,"file":"components/ui/spinner.js","sources":["../../../src/components/ui/spinner.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport {Loader2Icon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nfunction Spinner({className, ...props}: React.ComponentProps<\"svg\">) {\r\n  return (\r\n    <Loader2Icon\r\n      role='status'\r\n      aria-label='Loading'\r\n      className={cn(\"size-4 animate-spin\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Spinner};\r\n"],"names":["Spinner","className","props","Loader2Icon","cn"],"mappings":";;;;;AAMA,SAASA,QAAQ,EAACC,SAAS,EAAE,GAAGC,OAAmC;IACjE,OAAO,WAAP,GACE,IAACC,aAAWA;QACV,MAAK;QACL,cAAW;QACX,WAAWC,GAAG,uBAAuBH;QACpC,GAAGC,KAAK;;AAGf"}

package/dist/components/ui/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\switch.js","sources":["webpack://@arolariu/components/./src/components/ui/switch.tsx"],"sourcesContent":["\r\n\r\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Switch = React.forwardRef<\r\n  React.ComponentRef<typeof SwitchPrimitives.Root>,\r\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\r\n>(({className, ...props}, ref) => (\r\n  <SwitchPrimitives.Root\r\n    className={cn(\r\n      \"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:ring-offset-white focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-neutral-900 data-[state=unchecked]:bg-neutral-200 dark:focus-visible:ring-neutral-300 dark:focus-visible:ring-offset-neutral-950 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=unchecked]:bg-neutral-800\",\r\n      className,\r\n    )}\r\n    {...props}\r\n    ref={ref}>\r\n    <SwitchPrimitives.Thumb\r\n      className={cn(\r\n        \"pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0 dark:bg-neutral-950\",\r\n      )}\r\n    />\r\n  </SwitchPrimitives.Root>\r\n));\r\nSwitch.displayName = SwitchPrimitives.Root.displayName;\r\n\r\nexport {Switch};\r\n"],"names":["Switch","React","className","props","ref","SwitchPrimitives","cn"],"mappings":";;;;;AAOA,MAAMA,SAAS,WAATA,GAASC,WAGb,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,MAAqB;QACpB,WAAWC,GACT,6iBACAJ;QAED,GAAGC,KAAK;QACT,KAAKC;kBACL,kBAACC,OAAsB;YACrB,WAAWC,GACT;;;AAKRN,OAAO,WAAW,GAAGK,KAAAA,WAAiC"}
+{"version":3,"file":"components/ui/switch.js","sources":["../../../src/components/ui/switch.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Switch = React.forwardRef<\r\n  React.ComponentRef<typeof SwitchPrimitives.Root>,\r\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\r\n>(({className, ...props}, ref) => (\r\n  <SwitchPrimitives.Root\r\n    className={cn(\r\n      \"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:ring-offset-white focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-neutral-900 data-[state=unchecked]:bg-neutral-200 dark:focus-visible:ring-neutral-300 dark:focus-visible:ring-offset-neutral-950 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=unchecked]:bg-neutral-800\",\r\n      className,\r\n    )}\r\n    {...props}\r\n    ref={ref}>\r\n    <SwitchPrimitives.Thumb\r\n      className={cn(\r\n        \"pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0 dark:bg-neutral-950\",\r\n      )}\r\n    />\r\n  </SwitchPrimitives.Root>\r\n));\r\nSwitch.displayName = SwitchPrimitives.Root.displayName;\r\n\r\nexport {Switch};\r\n"],"names":["Switch","React","className","props","ref","SwitchPrimitives","cn"],"mappings":";;;;;AAOA,MAAMA,SAAS,WAATA,GAASC,WAGb,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,MAAqB;QACpB,WAAWC,GACT,6iBACAJ;QAED,GAAGC,KAAK;QACT,KAAKC;kBACL,kBAACC,OAAsB;YACrB,WAAWC,GACT;;;AAKRN,OAAO,WAAW,GAAGK,KAAAA,WAAiC"}

package/dist/components/ui/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK,iHAQT,CAAC;AAGH,QAAA,MAAM,WAAW,+HAQhB,CAAC;AAGF,QAAA,MAAM,SAAS,+HAMb,CAAC;AAGH,QAAA,MAAM,WAAW,+HAQhB,CAAC;AAGF,QAAA,MAAM,QAAQ,uHASZ,CAAC;AAGH,QAAA,MAAM,SAAS,2HASb,CAAC;AAGH,QAAA,MAAM,SAAS,2HAMb,CAAC;AAGH,QAAA,MAAM,YAAY,+HAQjB,CAAC;AAGF,OAAO,EAAC,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK,iHAQT,CAAC;AAGH,QAAA,MAAM,WAAW,+HAQhB,CAAC;AAGF,QAAA,MAAM,SAAS,+HAMb,CAAC;AAGH,QAAA,MAAM,WAAW,+HAQhB,CAAC;AAGF,QAAA,MAAM,QAAQ,uHASZ,CAAC;AAGH,QAAA,MAAM,SAAS,2HASb,CAAC;AAGH,QAAA,MAAM,SAAS,2HAMb,CAAC;AAGH,QAAA,MAAM,YAAY,+HAQjB,CAAC;AAGF,OAAO,EAAC,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,CAAC"}

package/dist/components/ui/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\table.js","sources":["webpack://@arolariu/components/./src/components/ui/table.tsx"],"sourcesContent":["\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(({className, ...props}, ref) => (\r\n  <div className='relative w-full overflow-auto'>\r\n    <table\r\n      ref={ref}\r\n      className={cn(\"w-full caption-bottom text-sm\", className)}\r\n      {...props}\r\n    />\r\n  </div>\r\n));\r\nTable.displayName = \"Table\";\r\n\r\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n  ({className, ...props}, ref) => (\r\n    <thead\r\n      ref={ref}\r\n      className={cn(\"[&_tr]:border-b\", className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTableHeader.displayName = \"TableHeader\";\r\n\r\nconst TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(({className, ...props}, ref) => (\r\n  <tbody\r\n    ref={ref}\r\n    className={cn(\"[&_tr:last-child]:border-0\", className)}\r\n    {...props}\r\n  />\r\n));\r\nTableBody.displayName = \"TableBody\";\r\n\r\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n  ({className, ...props}, ref) => (\r\n    <tfoot\r\n      ref={ref}\r\n      className={cn(\"border-t bg-neutral-100/50 font-medium dark:bg-neutral-800/50 [&>tr]:last:border-b-0\", className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTableFooter.displayName = \"TableFooter\";\r\n\r\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(({className, ...props}, ref) => (\r\n  <tr\r\n    ref={ref}\r\n    className={cn(\r\n      \"border-b transition-colors hover:bg-neutral-100/50 data-[state=selected]:bg-neutral-100 dark:hover:bg-neutral-800/50 dark:data-[state=selected]:bg-neutral-800\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTableRow.displayName = \"TableRow\";\r\n\r\nconst TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(({className, ...props}, ref) => (\r\n  <th\r\n    ref={ref}\r\n    className={cn(\r\n      \"h-10 px-2 text-left align-middle font-medium text-neutral-500 dark:text-neutral-400 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTableHead.displayName = \"TableHead\";\r\n\r\nconst TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(({className, ...props}, ref) => (\r\n  <td\r\n    ref={ref}\r\n    className={cn(\"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\", className)}\r\n    {...props}\r\n  />\r\n));\r\nTableCell.displayName = \"TableCell\";\r\n\r\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\r\n  ({className, ...props}, ref) => (\r\n    <caption\r\n      ref={ref}\r\n      className={cn(\"mt-4 text-sm text-neutral-500 dark:text-neutral-400\", className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTableCaption.displayName = \"TableCaption\";\r\n\r\nexport {Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow};\r\n"],"names":["Table","React","className","props","ref","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;;;AAMA,MAAMA,QAAQ,WAARA,GAAQC,WAA2E,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC/G,IAAC;QAAI,WAAU;kBACb,kBAAC;YACC,KAAKA;YACL,WAAWC,GAAG,iCAAiCH;YAC9C,GAAGC,KAAK;;;AAIfH,MAAM,WAAW,GAAG;AAEpB,MAAMM,cAAc,WAAdA,GAAcL,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,mBAAmBH;QAChC,GAAGC,KAAK;;AAIfG,YAAY,WAAW,GAAG;AAE1B,MAAMC,YAAY,WAAZA,GAAYN,WAAyF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACjI,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,8BAA8BH;QAC3C,GAAGC,KAAK;;AAGbI,UAAU,WAAW,GAAG;AAExB,MAAMC,cAAc,WAAdA,GAAcP,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,wFAAwFH;QACrG,GAAGC,KAAK;;AAIfK,YAAY,WAAW,GAAG;AAE1B,MAAMC,WAAW,WAAXA,GAAWR,WAAiF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxH,IAAC;QACC,KAAKA;QACL,WAAWC,GACT,kKACAH;QAED,GAAGC,KAAK;;AAGbM,SAAS,WAAW,GAAG;AAEvB,MAAMC,YAAY,WAAZA,GAAYT,WAAqF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC7H,IAAC;QACC,KAAKA;QACL,WAAWC,GACT,2JACAH;QAED,GAAGC,KAAK;;AAGbO,UAAU,WAAW,GAAG;AAExB,MAAMC,YAAY,WAAZA,GAAYV,WAAqF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC7H,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,wFAAwFH;QACrG,GAAGC,KAAK;;AAGbQ,UAAU,WAAW,GAAG;AAExB,MAAMC,eAAe,WAAfA,GAAeX,WACnB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,uDAAuDH;QACpE,GAAGC,KAAK;;AAIfS,aAAa,WAAW,GAAG"}
+{"version":3,"file":"components/ui/table.js","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable */\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(({className, ...props}, ref) => (\r\n  <div className='relative w-full overflow-auto'>\r\n    <table\r\n      ref={ref}\r\n      className={cn(\"w-full caption-bottom text-sm\", className)}\r\n      {...props}\r\n    />\r\n  </div>\r\n));\r\nTable.displayName = \"Table\";\r\n\r\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n  ({className, ...props}, ref) => (\r\n    <thead\r\n      ref={ref}\r\n      className={cn(\"[&_tr]:border-b\", className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTableHeader.displayName = \"TableHeader\";\r\n\r\nconst TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(({className, ...props}, ref) => (\r\n  <tbody\r\n    ref={ref}\r\n    className={cn(\"[&_tr:last-child]:border-0\", className)}\r\n    {...props}\r\n  />\r\n));\r\nTableBody.displayName = \"TableBody\";\r\n\r\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n  ({className, ...props}, ref) => (\r\n    <tfoot\r\n      ref={ref}\r\n      className={cn(\"border-t bg-neutral-100/50 font-medium dark:bg-neutral-800/50 [&>tr]:last:border-b-0\", className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTableFooter.displayName = \"TableFooter\";\r\n\r\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(({className, ...props}, ref) => (\r\n  <tr\r\n    ref={ref}\r\n    className={cn(\r\n      \"border-b transition-colors hover:bg-neutral-100/50 data-[state=selected]:bg-neutral-100 dark:hover:bg-neutral-800/50 dark:data-[state=selected]:bg-neutral-800\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTableRow.displayName = \"TableRow\";\r\n\r\nconst TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(({className, ...props}, ref) => (\r\n  <th\r\n    ref={ref}\r\n    className={cn(\r\n      \"h-10 px-2 text-left align-middle font-medium text-neutral-500 dark:text-neutral-400 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTableHead.displayName = \"TableHead\";\r\n\r\nconst TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(({className, ...props}, ref) => (\r\n  <td\r\n    ref={ref}\r\n    className={cn(\"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\", className)}\r\n    {...props}\r\n  />\r\n));\r\nTableCell.displayName = \"TableCell\";\r\n\r\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\r\n  ({className, ...props}, ref) => (\r\n    <caption\r\n      ref={ref}\r\n      className={cn(\"mt-4 text-sm text-neutral-500 dark:text-neutral-400\", className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTableCaption.displayName = \"TableCaption\";\r\n\r\nexport {Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow};\r\n"],"names":["Table","React","className","props","ref","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;;;AAQA,MAAMA,QAAQ,WAARA,GAAQC,WAA2E,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC/G,IAAC;QAAI,WAAU;kBACb,kBAAC;YACC,KAAKA;YACL,WAAWC,GAAG,iCAAiCH;YAC9C,GAAGC,KAAK;;;AAIfH,MAAM,WAAW,GAAG;AAEpB,MAAMM,cAAc,WAAdA,GAAcL,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,mBAAmBH;QAChC,GAAGC,KAAK;;AAIfG,YAAY,WAAW,GAAG;AAE1B,MAAMC,YAAY,WAAZA,GAAYN,WAAyF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACjI,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,8BAA8BH;QAC3C,GAAGC,KAAK;;AAGbI,UAAU,WAAW,GAAG;AAExB,MAAMC,cAAc,WAAdA,GAAcP,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,wFAAwFH;QACrG,GAAGC,KAAK;;AAIfK,YAAY,WAAW,GAAG;AAE1B,MAAMC,WAAW,WAAXA,GAAWR,WAAiF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxH,IAAC;QACC,KAAKA;QACL,WAAWC,GACT,kKACAH;QAED,GAAGC,KAAK;;AAGbM,SAAS,WAAW,GAAG;AAEvB,MAAMC,YAAY,WAAZA,GAAYT,WAAqF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC7H,IAAC;QACC,KAAKA;QACL,WAAWC,GACT,2JACAH;QAED,GAAGC,KAAK;;AAGbO,UAAU,WAAW,GAAG;AAExB,MAAMC,YAAY,WAAZA,GAAYV,WAAqF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC7H,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,wFAAwFH;QACrG,GAAGC,KAAK;;AAGbQ,UAAU,WAAW,GAAG;AAExB,MAAMC,eAAe,WAAfA,GAAeX,WACnB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,uDAAuDH;QACpE,GAAGC,KAAK;;AAIfS,aAAa,WAAW,GAAG"}

package/dist/components/ui/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\tabs.js","sources":["webpack://@arolariu/components/./src/components/ui/tabs.tsx"],"sourcesContent":["\r\n\r\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Tabs = TabsPrimitive.Root;\r\n\r\nconst TabsList = React.forwardRef<React.ComponentRef<typeof TabsPrimitive.List>, React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>>(\r\n  ({className, ...props}, ref) => (\r\n    <TabsPrimitive.List\r\n      ref={ref}\r\n      className={cn(\r\n        \"inline-flex h-9 items-center justify-center rounded-lg bg-neutral-100 p-1 text-neutral-500 dark:bg-neutral-800 dark:text-neutral-400\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTabsList.displayName = TabsPrimitive.List.displayName;\r\n\r\nconst TabsTrigger = React.forwardRef<\r\n  React.ComponentRef<typeof TabsPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\r\n>(({className, ...props}, ref) => (\r\n  <TabsPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"inline-flex items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap ring-offset-white transition-all focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-neutral-950 data-[state=active]:shadow dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300 dark:data-[state=active]:bg-neutral-950 dark:data-[state=active]:text-neutral-50\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\r\n\r\nconst TabsContent = React.forwardRef<\r\n  React.ComponentRef<typeof TabsPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\r\n>(({className, ...props}, ref) => (\r\n  <TabsPrimitive.Content\r\n    ref={ref}\r\n    className={cn(\r\n      \"mt-2 ring-offset-white focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:outline-none dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTabsContent.displayName = TabsPrimitive.Content.displayName;\r\n\r\nexport {Tabs, TabsContent, TabsList, TabsTrigger};\r\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","cn","TabsTrigger","TabsContent"],"mappings":";;;;;AAOA,MAAMA,OAAOC;AAEb,MAAMC,WAAW,WAAXA,GAAWC,WACf,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAACL,MAAkB;QACjB,KAAKK;QACL,WAAWC,GACT,wIACAH;QAED,GAAGC,KAAK;;AAIfH,SAAS,WAAW,GAAGD,KAAAA,WAA8B;AAErD,MAAMO,cAAc,WAAdA,GAAcL,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACL,SAAqB;QACpB,KAAKK;QACL,WAAWC,GACT,khBACAH;QAED,GAAGC,KAAK;;AAGbG,YAAY,WAAW,GAAGP,QAAAA,WAAiC;AAE3D,MAAMQ,cAAc,WAAdA,GAAcN,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACL,SAAqB;QACpB,KAAKK;QACL,WAAWC,GACT,sMACAH;QAED,GAAGC,KAAK;;AAGbI,YAAY,WAAW,GAAGR,QAAAA,WAAiC"}
+{"version":3,"file":"components/ui/tabs.js","sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Tabs = TabsPrimitive.Root;\r\n\r\nconst TabsList = React.forwardRef<React.ComponentRef<typeof TabsPrimitive.List>, React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>>(\r\n  ({className, ...props}, ref) => (\r\n    <TabsPrimitive.List\r\n      ref={ref}\r\n      className={cn(\r\n        \"inline-flex h-9 items-center justify-center rounded-lg bg-neutral-100 p-1 text-neutral-500 dark:bg-neutral-800 dark:text-neutral-400\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTabsList.displayName = TabsPrimitive.List.displayName;\r\n\r\nconst TabsTrigger = React.forwardRef<\r\n  React.ComponentRef<typeof TabsPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\r\n>(({className, ...props}, ref) => (\r\n  <TabsPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"inline-flex items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap ring-offset-white transition-all focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-neutral-950 data-[state=active]:shadow dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300 dark:data-[state=active]:bg-neutral-950 dark:data-[state=active]:text-neutral-50\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\r\n\r\nconst TabsContent = React.forwardRef<\r\n  React.ComponentRef<typeof TabsPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\r\n>(({className, ...props}, ref) => (\r\n  <TabsPrimitive.Content\r\n    ref={ref}\r\n    className={cn(\r\n      \"mt-2 ring-offset-white focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:outline-none dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTabsContent.displayName = TabsPrimitive.Content.displayName;\r\n\r\nexport {Tabs, TabsContent, TabsList, TabsTrigger};\r\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","cn","TabsTrigger","TabsContent"],"mappings":";;;;;AAOA,MAAMA,OAAOC;AAEb,MAAMC,WAAW,WAAXA,GAAWC,WACf,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAACL,MAAkB;QACjB,KAAKK;QACL,WAAWC,GACT,wIACAH;QAED,GAAGC,KAAK;;AAIfH,SAAS,WAAW,GAAGD,KAAAA,WAA8B;AAErD,MAAMO,cAAc,WAAdA,GAAcL,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACL,SAAqB;QACpB,KAAKK;QACL,WAAWC,GACT,khBACAH;QAED,GAAGC,KAAK;;AAGbG,YAAY,WAAW,GAAGP,QAAAA,WAAiC;AAE3D,MAAMQ,cAAc,WAAdA,GAAcN,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACL,SAAqB;QACpB,KAAKK;QACL,WAAWC,GACT,sMACAH;QAED,GAAGC,KAAK;;AAGbI,YAAY,WAAW,GAAGR,QAAAA,WAAiC"}

package/dist/components/ui/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\textarea.js","sources":["webpack://@arolariu/components/./src/components/ui/textarea.tsx"],"sourcesContent":["\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Textarea = React.forwardRef<HTMLTextAreaElement, React.ComponentProps<\"textarea\">>(({className, ...props}, ref) => {\r\n  return (\r\n    <textarea\r\n      className={cn(\r\n        \"flex min-h-[60px] w-full rounded-md border border-neutral-200 bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-neutral-500 focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-neutral-800 dark:placeholder:text-neutral-400 dark:focus-visible:ring-neutral-300\",\r\n        className,\r\n      )}\r\n      ref={ref}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nTextarea.displayName = \"Textarea\";\r\n\r\nexport {Textarea};\r\n"],"names":["Textarea","React","className","props","ref","cn"],"mappings":";;;;AAMA,MAAMA,WAAW,WAAXA,GAAWC,WAAwE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MACxG,WAAP,GACE,IAAC;QACC,WAAWC,GACT,mXACAH;QAEF,KAAKE;QACJ,GAAGD,KAAK;;AAIfH,SAAS,WAAW,GAAG"}
+{"version":3,"file":"components/ui/textarea.js","sources":["../../../src/components/ui/textarea.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Textarea = React.forwardRef<HTMLTextAreaElement, React.ComponentProps<\"textarea\">>(({className, ...props}, ref) => {\r\n  return (\r\n    <textarea\r\n      className={cn(\r\n        \"flex min-h-[60px] w-full rounded-md border border-neutral-200 bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-neutral-500 focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-neutral-800 dark:placeholder:text-neutral-400 dark:focus-visible:ring-neutral-300\",\r\n        className,\r\n      )}\r\n      ref={ref}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nTextarea.displayName = \"Textarea\";\r\n\r\nexport {Textarea};\r\n"],"names":["Textarea","React","className","props","ref","cn"],"mappings":";;;;AAMA,MAAMA,WAAW,WAAXA,GAAWC,WAAwE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MACxG,WAAP,GACE,IAAC;QACC,WAAWC,GACT,mXACAH;QAEF,KAAKE;QACJ,GAAGD,KAAK;;AAIfH,SAAS,WAAW,GAAG"}

package/dist/components/ui/toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\toggle-group.js","sources":["webpack://@arolariu/components/./src/components/ui/toggle-group.tsx"],"sourcesContent":["\r\n\r\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\r\nimport {type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {toggleVariants} from \"@/components/ui/toggle\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({\r\n  size: \"default\",\r\n  variant: \"default\",\r\n});\r\n\r\nconst ToggleGroup = React.forwardRef<\r\n  React.ComponentRef<typeof ToggleGroupPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>\r\n>(({className, variant, size, children, ...props}, ref) => (\r\n  <ToggleGroupPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\"flex items-center justify-center gap-1\", className)}\r\n    {...props}>\r\n    <ToggleGroupContext.Provider value={{variant, size}}>{children}</ToggleGroupContext.Provider>\r\n  </ToggleGroupPrimitive.Root>\r\n));\r\n\r\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\r\n\r\nconst ToggleGroupItem = React.forwardRef<\r\n  React.ComponentRef<typeof ToggleGroupPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>\r\n>(({className, children, variant, size, ...props}, ref) => {\r\n  const context = React.useContext(ToggleGroupContext);\r\n\r\n  return (\r\n    <ToggleGroupPrimitive.Item\r\n      ref={ref}\r\n      className={cn(\r\n        toggleVariants({\r\n          variant: context.variant || variant,\r\n          size: context.size || size,\r\n        }),\r\n        className,\r\n      )}\r\n      {...props}>\r\n      {children}\r\n    </ToggleGroupPrimitive.Item>\r\n  );\r\n});\r\n\r\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\r\n\r\nexport {ToggleGroup, ToggleGroupItem};\r\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","children","props","ref","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":";;;;;;AASA,MAAMA,qBAAqB,WAArBA,GAAqBC,cAAyD;IAClF,MAAM;IACN,SAAS;AACX;AAEA,MAAMC,cAAc,WAAdA,GAAcD,WAGlB,CAAC,EAACE,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACjD,IAACC,MAAyB;QACxB,KAAKD;QACL,WAAWE,GAAG,0CAA0CP;QACvD,GAAGI,KAAK;kBACT,kBAACP,mBAAmB,QAAQ;YAAC,OAAO;gBAACI;gBAASC;YAAI;sBAAIC;;;AAI1DJ,YAAY,WAAW,GAAGO,KAAAA,WAAqC;AAE/D,MAAME,kBAAkB,WAAlBA,GAAkBV,WAGtB,CAAC,EAACE,SAAS,EAAEG,QAAQ,EAAEF,OAAO,EAAEC,IAAI,EAAE,GAAGE,OAAM,EAAEC;IACjD,MAAMI,UAAUX,WAAiBD;IAEjC,OAAO,WAAP,GACE,IAACS,MAAyB;QACxB,KAAKD;QACL,WAAWE,GACTG,eAAe;YACb,SAASD,QAAQ,OAAO,IAAIR;YAC5B,MAAMQ,QAAQ,IAAI,IAAIP;QACxB,IACAF;QAED,GAAGI,KAAK;kBACRD;;AAGP;AAEAK,gBAAgB,WAAW,GAAGF,KAAAA,WAAqC"}
+{"version":3,"file":"components/ui/toggle-group.js","sources":["../../../src/components/ui/toggle-group.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\r\nimport {type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {toggleVariants} from \"@/components/ui/toggle\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({\r\n  size: \"default\",\r\n  variant: \"default\",\r\n});\r\n\r\nconst ToggleGroup = React.forwardRef<\r\n  React.ComponentRef<typeof ToggleGroupPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>\r\n>(({className, variant, size, children, ...props}, ref) => (\r\n  <ToggleGroupPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\"flex items-center justify-center gap-1\", className)}\r\n    {...props}>\r\n    <ToggleGroupContext.Provider value={{variant, size}}>{children}</ToggleGroupContext.Provider>\r\n  </ToggleGroupPrimitive.Root>\r\n));\r\n\r\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\r\n\r\nconst ToggleGroupItem = React.forwardRef<\r\n  React.ComponentRef<typeof ToggleGroupPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>\r\n>(({className, children, variant, size, ...props}, ref) => {\r\n  const context = React.useContext(ToggleGroupContext);\r\n\r\n  return (\r\n    <ToggleGroupPrimitive.Item\r\n      ref={ref}\r\n      className={cn(\r\n        toggleVariants({\r\n          variant: context.variant || variant,\r\n          size: context.size || size,\r\n        }),\r\n        className,\r\n      )}\r\n      {...props}>\r\n      {children}\r\n    </ToggleGroupPrimitive.Item>\r\n  );\r\n});\r\n\r\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\r\n\r\nexport {ToggleGroup, ToggleGroupItem};\r\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","children","props","ref","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":";;;;;;AASA,MAAMA,qBAAqB,WAArBA,GAAqBC,cAAyD;IAClF,MAAM;IACN,SAAS;AACX;AAEA,MAAMC,cAAc,WAAdA,GAAcD,WAGlB,CAAC,EAACE,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACjD,IAACC,MAAyB;QACxB,KAAKD;QACL,WAAWE,GAAG,0CAA0CP;QACvD,GAAGI,KAAK;kBACT,kBAACP,mBAAmB,QAAQ;YAAC,OAAO;gBAACI;gBAASC;YAAI;sBAAIC;;;AAI1DJ,YAAY,WAAW,GAAGO,KAAAA,WAAqC;AAE/D,MAAME,kBAAkB,WAAlBA,GAAkBV,WAGtB,CAAC,EAACE,SAAS,EAAEG,QAAQ,EAAEF,OAAO,EAAEC,IAAI,EAAE,GAAGE,OAAM,EAAEC;IACjD,MAAMI,UAAUX,WAAiBD;IAEjC,OAAO,WAAP,GACE,IAACS,MAAyB;QACxB,KAAKD;QACL,WAAWE,GACTG,eAAe;YACb,SAASD,QAAQ,OAAO,IAAIR;YAC5B,MAAMQ,QAAQ,IAAI,IAAIP;QACxB,IACAF;QAED,GAAGI,KAAK;kBACRD;;AAGP;AAEAK,gBAAgB,WAAW,GAAGF,KAAAA,WAAqC"}

package/dist/components/ui/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\toggle.js","sources":["webpack://@arolariu/components/./src/components/ui/toggle.tsx"],"sourcesContent":["\r\n\r\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst toggleVariants = cva(\r\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-neutral-100 hover:text-neutral-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-neutral-100 data-[state=on]:text-neutral-900 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 dark:hover:bg-neutral-800 dark:hover:text-neutral-400 dark:focus-visible:ring-neutral-300 dark:data-[state=on]:bg-neutral-800 dark:data-[state=on]:text-neutral-50\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-transparent\",\r\n        outline:\r\n          \"border border-neutral-200 bg-transparent shadow-sm hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:hover:bg-neutral-800 dark:hover:text-neutral-50\",\r\n      },\r\n      size: {\r\n        default: \"h-9 px-2 min-w-9\",\r\n        sm: \"h-8 px-1.5 min-w-8\",\r\n        lg: \"h-10 px-2.5 min-w-10\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nconst Toggle = React.forwardRef<\r\n  React.ComponentRef<typeof TogglePrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>\r\n>(({className, variant, size, ...props}, ref) => (\r\n  <TogglePrimitive.Root\r\n    ref={ref}\r\n    className={cn(toggleVariants({variant, size, className}))}\r\n    {...props}\r\n  />\r\n));\r\n\r\nToggle.displayName = TogglePrimitive.Root.displayName;\r\n\r\nexport {Toggle, toggleVariants};\r\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","props","ref","TogglePrimitive","cn"],"mappings":";;;;;;AAQA,MAAMA,iBAAiBC,IACrB,6iBACA;IACE,UAAU;QACR,SAAS;YACP,SAAS;YACT,SACE;QACJ;QACA,MAAM;YACJ,SAAS;YACT,IAAI;YACJ,IAAI;QACN;IACF;IACA,iBAAiB;QACf,SAAS;QACT,MAAM;IACR;AACF;AAGF,MAAMC,SAAS,WAATA,GAASC,WAGb,CAAC,EAACC,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACvC,IAACC,MAAoB;QACnB,KAAKD;QACL,WAAWE,GAAGV,eAAe;YAACK;YAASC;YAAMF;QAAS;QACrD,GAAGG,KAAK;;AAIbL,OAAO,WAAW,GAAGO,KAAAA,WAAgC"}
+{"version":3,"file":"components/ui/toggle.js","sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst toggleVariants = cva(\r\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-neutral-100 hover:text-neutral-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-neutral-100 data-[state=on]:text-neutral-900 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 dark:hover:bg-neutral-800 dark:hover:text-neutral-400 dark:focus-visible:ring-neutral-300 dark:data-[state=on]:bg-neutral-800 dark:data-[state=on]:text-neutral-50\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-transparent\",\r\n        outline:\r\n          \"border border-neutral-200 bg-transparent shadow-sm hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:hover:bg-neutral-800 dark:hover:text-neutral-50\",\r\n      },\r\n      size: {\r\n        default: \"h-9 px-2 min-w-9\",\r\n        sm: \"h-8 px-1.5 min-w-8\",\r\n        lg: \"h-10 px-2.5 min-w-10\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nconst Toggle = React.forwardRef<\r\n  React.ComponentRef<typeof TogglePrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>\r\n>(({className, variant, size, ...props}, ref) => (\r\n  <TogglePrimitive.Root\r\n    ref={ref}\r\n    className={cn(toggleVariants({variant, size, className}))}\r\n    {...props}\r\n  />\r\n));\r\n\r\nToggle.displayName = TogglePrimitive.Root.displayName;\r\n\r\nexport {Toggle, toggleVariants};\r\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","props","ref","TogglePrimitive","cn"],"mappings":";;;;;;AAQA,MAAMA,iBAAiBC,IACrB,6iBACA;IACE,UAAU;QACR,SAAS;YACP,SAAS;YACT,SACE;QACJ;QACA,MAAM;YACJ,SAAS;YACT,IAAI;YACJ,IAAI;QACN;IACF;IACA,iBAAiB;QACf,SAAS;QACT,MAAM;IACR;AACF;AAGF,MAAMC,SAAS,WAATA,GAASC,WAGb,CAAC,EAACC,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACvC,IAACC,MAAoB;QACnB,KAAKD;QACL,WAAWE,GAAGV,eAAe;YAACK;YAASC;YAAMF;QAAS;QACrD,GAAGG,KAAK;;AAIbL,OAAO,WAAW,GAAGO,KAAAA,WAAgC"}

package/dist/components/ui/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\tooltip.js","sources":["webpack://@arolariu/components/./src/components/ui/tooltip.tsx"],"sourcesContent":["\r\n\r\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst TooltipProvider = TooltipPrimitive.Provider;\r\n\r\nconst Tooltip = TooltipPrimitive.Root;\r\n\r\nconst TooltipTrigger = TooltipPrimitive.Trigger;\r\n\r\nconst TooltipContent = React.forwardRef<\r\n  React.ComponentRef<typeof TooltipPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\r\n>(({className, sideOffset = 4, ...props}, ref) => (\r\n  <TooltipPrimitive.Portal>\r\n    <TooltipPrimitive.Content\r\n      ref={ref}\r\n      sideOffset={sideOffset}\r\n      className={cn(\r\n        \"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 z-50 origin-[--radix-tooltip-content-transform-origin] overflow-hidden rounded-md bg-neutral-900 px-3 py-1.5 text-xs text-neutral-50 dark:bg-neutral-50 dark:text-neutral-900\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  </TooltipPrimitive.Portal>\r\n));\r\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\r\n\r\nexport {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger};\r\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","props","ref","cn"],"mappings":";;;;;AAOA,MAAMA,kBAAkBC;AAExB,MAAMC,UAAUD;AAEhB,MAAME,iBAAiBF;AAEvB,MAAMG,iBAAiB,WAAjBA,GAAiBC,WAGrB,CAAC,EAACC,SAAS,EAAEC,aAAa,CAAC,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxC,IAACR,QAAuB;kBACtB,kBAACA,SAAwB;YACvB,KAAKQ;YACL,YAAYF;YACZ,WAAWG,GACT,4cACAJ;YAED,GAAGE,KAAK;;;AAIfJ,eAAe,WAAW,GAAGH,QAAAA,WAAoC"}
+{"version":3,"file":"components/ui/tooltip.js","sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst TooltipProvider = TooltipPrimitive.Provider;\r\n\r\nconst Tooltip = TooltipPrimitive.Root;\r\n\r\nconst TooltipTrigger = TooltipPrimitive.Trigger;\r\n\r\nconst TooltipContent = React.forwardRef<\r\n  React.ComponentRef<typeof TooltipPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\r\n>(({className, sideOffset = 4, ...props}, ref) => (\r\n  <TooltipPrimitive.Portal>\r\n    <TooltipPrimitive.Content\r\n      ref={ref}\r\n      sideOffset={sideOffset}\r\n      className={cn(\r\n        \"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 z-50 origin-[--radix-tooltip-content-transform-origin] overflow-hidden rounded-md bg-neutral-900 px-3 py-1.5 text-xs text-neutral-50 dark:bg-neutral-50 dark:text-neutral-900\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  </TooltipPrimitive.Portal>\r\n));\r\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\r\n\r\nexport {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger};\r\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","props","ref","cn"],"mappings":";;;;;AAOA,MAAMA,kBAAkBC;AAExB,MAAMC,UAAUD;AAEhB,MAAME,iBAAiBF;AAEvB,MAAMG,iBAAiB,WAAjBA,GAAiBC,WAGrB,CAAC,EAACC,SAAS,EAAEC,aAAa,CAAC,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxC,IAACR,QAAuB;kBACtB,kBAACA,SAAwB;YACvB,KAAKQ;YACL,YAAYF;YACZ,WAAWG,GACT,4cACAJ;YAED,GAAGE,KAAK;;;AAIfJ,eAAe,WAAW,GAAGH,QAAAA,WAAoC"}

package/dist/components/ui/typewriter.js

@@ -6,7 +6,9 @@ import { useEffect } from "react";
 const TypewriterText = ({ words, className, cursorClassName })=>{
     const wordsArray = words.map((word)=>({
             ...word,
-            text: word.text.split("")
+            text: [
+                ...word.text
+            ]
         }));
     const [scope, animate] = useAnimate();
     const isInView = useInView(scope);
@@ -62,7 +64,9 @@ const TypewriterText = ({ words, className, cursorClassName })=>{
 const TypewriterTextSmooth = ({ words, className, cursorClassName })=>{
     const wordsArray = words.map((word)=>({
             ...word,
-            text: word.text.split("")
+            text: [
+                ...word.text
+            ]
         }));
     const renderWords = ()=>/*#__PURE__*/ jsx("div", {
             children: wordsArray.map((word, idx)=>/*#__PURE__*/ jsxs("div", {

package/dist/components/ui/typewriter.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\typewriter.js","sources":["webpack://@arolariu/components/./src/components/ui/typewriter.tsx"],"sourcesContent":["\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport {motion, stagger, useAnimate, useInView} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nexport const TypewriterText = ({\r\n  words,\r\n  className,\r\n  cursorClassName,\r\n}: {\r\n  words: {\r\n    text: string;\r\n    className?: string;\r\n  }[];\r\n  className?: string;\r\n  cursorClassName?: string;\r\n}): React.JSX.Element => {\r\n  // split text inside of words into array of characters\r\n  const wordsArray = words.map((word) => {\r\n    return {\r\n      ...word,\r\n      text: word.text.split(\"\"),\r\n    };\r\n  });\r\n\r\n  const [scope, animate] = useAnimate();\r\n  const isInView = useInView(scope);\r\n  React.useEffect(() => {\r\n    if (isInView) {\r\n      animate(\r\n        \"span\",\r\n        {\r\n          display: \"inline-block\",\r\n          opacity: 1,\r\n          width: \"fit-content\",\r\n        },\r\n        {\r\n          duration: 0.3,\r\n          delay: stagger(0.1),\r\n          ease: \"easeInOut\",\r\n        },\r\n      );\r\n    }\r\n  }, [isInView]);\r\n\r\n  const renderWords = () => {\r\n    return (\r\n      <motion.div\r\n        ref={scope}\r\n        className='inline'>\r\n        {wordsArray.map((word, idx) => {\r\n          return (\r\n            <div\r\n              key={`word-${idx}`}\r\n              className='inline-block'>\r\n              {word.text.map((char, index) => (\r\n                <motion.span\r\n                  initial={{}}\r\n                  key={`char-${index}`}\r\n                  className={cn(`hidden text-black opacity-0 dark:text-white`, word.className)}>\r\n                  {char}\r\n                </motion.span>\r\n              ))}\r\n              &nbsp;\r\n            </div>\r\n          );\r\n        })}\r\n      </motion.div>\r\n    );\r\n  };\r\n  return (\r\n    <div className={cn(\"text-center text-base font-bold sm:text-xl md:text-3xl lg:text-5xl\", className)}>\r\n      {renderWords()}\r\n      <motion.span\r\n        initial={{\r\n          opacity: 0,\r\n        }}\r\n        animate={{\r\n          opacity: 1,\r\n        }}\r\n        transition={{\r\n          duration: 0.8,\r\n          repeat: Infinity,\r\n          repeatType: \"reverse\",\r\n        }}\r\n        className={cn(\"inline-block h-4 w-[4px] rounded-sm bg-blue-500 md:h-6 lg:h-10\", cursorClassName)}></motion.span>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const TypewriterTextSmooth = ({\r\n  words,\r\n  className,\r\n  cursorClassName,\r\n}: {\r\n  words: {\r\n    text: string;\r\n    className?: string;\r\n  }[];\r\n  className?: string;\r\n  cursorClassName?: string;\r\n}): React.JSX.Element => {\r\n  // split text inside of words into array of characters\r\n  const wordsArray = words.map((word) => {\r\n    return {\r\n      ...word,\r\n      text: word.text.split(\"\"),\r\n    };\r\n  });\r\n  const renderWords = () => {\r\n    return (\r\n      <div>\r\n        {wordsArray.map((word, idx) => {\r\n          return (\r\n            <div\r\n              key={`word-${idx}`}\r\n              className='inline-block'>\r\n              {word.text.map((char, index) => (\r\n                <span\r\n                  key={`char-${index}`}\r\n                  className={cn(`text-black dark:text-white`, word.className)}>\r\n                  {char}\r\n                </span>\r\n              ))}\r\n              &nbsp;\r\n            </div>\r\n          );\r\n        })}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className={cn(\"my-6 flex space-x-1\", className)}>\r\n      <motion.div\r\n        className='overflow-hidden pb-2'\r\n        initial={{\r\n          width: \"0%\",\r\n        }}\r\n        whileInView={{\r\n          width: \"fit-content\",\r\n        }}\r\n        transition={{\r\n          duration: 2,\r\n          ease: \"linear\",\r\n          delay: 1,\r\n        }}>\r\n        <div\r\n          className='lg:text:3xl text-xs font-bold sm:text-base md:text-xl xl:text-5xl'\r\n          style={{\r\n            whiteSpace: \"nowrap\",\r\n          }}>\r\n          {renderWords()}{\" \"}\r\n        </div>{\" \"}\r\n      </motion.div>\r\n      <motion.span\r\n        initial={{\r\n          opacity: 0,\r\n        }}\r\n        animate={{\r\n          opacity: 1,\r\n        }}\r\n        transition={{\r\n          duration: 0.8,\r\n\r\n          repeat: Infinity,\r\n          repeatType: \"reverse\",\r\n        }}\r\n        className={cn(\"block h-4 w-[4px] rounded-sm bg-blue-500 sm:h-6 xl:h-12\", cursorClassName)}></motion.span>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TypewriterText","words","className","cursorClassName","wordsArray","word","scope","animate","useAnimate","isInView","useInView","React","stagger","renderWords","motion","idx","char","index","cn","Infinity","TypewriterTextSmooth"],"mappings":";;;;;AAMO,MAAMA,iBAAiB,CAAC,EAC7BC,KAAK,EACLC,SAAS,EACTC,eAAe,EAQhB;IAEC,MAAMC,aAAaH,MAAM,GAAG,CAAC,CAACI,OACrB;YACL,GAAGA,IAAI;YACP,MAAMA,KAAK,IAAI,CAAC,KAAK,CAAC;QACxB;IAGF,MAAM,CAACC,OAAOC,QAAQ,GAAGC;IACzB,MAAMC,WAAWC,UAAUJ;IAC3BK,UAAgB;QACd,IAAIF,UACFF,QACE,QACA;YACE,SAAS;YACT,SAAS;YACT,OAAO;QACT,GACA;YACE,UAAU;YACV,OAAOK,QAAQ;YACf,MAAM;QACR;IAGN,GAAG;QAACH;KAAS;IAEb,MAAMI,cAAc,IACX,WAAP,GACE,IAACC,OAAO,GAAG;YACT,KAAKR;YACL,WAAU;sBACTF,WAAW,GAAG,CAAC,CAACC,MAAMU,MACd,WAAP,GACE,KAAC;oBAEC,WAAU;;wBACTV,KAAK,IAAI,CAAC,GAAG,CAAC,CAACW,MAAMC,QAAAA,WAAAA,GACpB,IAACH,OAAO,IAAI;gCACV,SAAS,CAAC;gCAEV,WAAWI,GAAG,+CAA+Cb,KAAK,SAAS;0CAC1EW;+BAFI,CAAC,KAAK,EAAEC,OAAO;wBAIrB;;mBATE,CAAC,KAAK,EAAEF,KAAK;;IAiB9B,OAAO,WAAP,GACE,KAAC;QAAI,WAAWG,GAAG,sEAAsEhB;;YACtFW;0BACD,IAACC,OAAO,IAAI;gBACV,SAAS;oBACP,SAAS;gBACX;gBACA,SAAS;oBACP,SAAS;gBACX;gBACA,YAAY;oBACV,UAAU;oBACV,QAAQK;oBACR,YAAY;gBACd;gBACA,WAAWD,GAAG,kEAAkEf;;;;AAGxF;AAEO,MAAMiB,uBAAuB,CAAC,EACnCnB,KAAK,EACLC,SAAS,EACTC,eAAe,EAQhB;IAEC,MAAMC,aAAaH,MAAM,GAAG,CAAC,CAACI,OACrB;YACL,GAAGA,IAAI;YACP,MAAMA,KAAK,IAAI,CAAC,KAAK,CAAC;QACxB;IAEF,MAAMQ,cAAc,IACX,WAAP,GACE,IAAC;sBACET,WAAW,GAAG,CAAC,CAACC,MAAMU,MACd,WAAP,GACE,KAAC;oBAEC,WAAU;;wBACTV,KAAK,IAAI,CAAC,GAAG,CAAC,CAACW,MAAMC,QAAAA,WAAAA,GACpB,IAAC;gCAEC,WAAWC,GAAG,8BAA8Bb,KAAK,SAAS;0CACzDW;+BAFI,CAAC,KAAK,EAAEC,OAAO;wBAIrB;;mBARE,CAAC,KAAK,EAAEF,KAAK;;IAiB9B,OAAO,WAAP,GACE,KAAC;QAAI,WAAWG,GAAG,uBAAuBhB;;0BACxC,KAACY,OAAO,GAAG;gBACT,WAAU;gBACV,SAAS;oBACP,OAAO;gBACT;gBACA,aAAa;oBACX,OAAO;gBACT;gBACA,YAAY;oBACV,UAAU;oBACV,MAAM;oBACN,OAAO;gBACT;;kCACA,KAAC;wBACC,WAAU;wBACV,OAAO;4BACL,YAAY;wBACd;;4BACCD;4BAAe;;;oBACX;;;0BAET,IAACC,OAAO,IAAI;gBACV,SAAS;oBACP,SAAS;gBACX;gBACA,SAAS;oBACP,SAAS;gBACX;gBACA,YAAY;oBACV,UAAU;oBAEV,QAAQK;oBACR,YAAY;gBACd;gBACA,WAAWD,GAAG,2DAA2Df;;;;AAGjF"}
+{"version":3,"file":"components/ui/typewriter.js","sources":["../../../src/components/ui/typewriter.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport {motion, stagger, useAnimate, useInView} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nexport const TypewriterText = ({\r\n  words,\r\n  className,\r\n  cursorClassName,\r\n}: {\r\n  words: {\r\n    text: string;\r\n    className?: string;\r\n  }[];\r\n  className?: string;\r\n  cursorClassName?: string;\r\n}): React.JSX.Element => {\r\n  // split text inside of words into array of characters\r\n  const wordsArray = words.map((word) => {\r\n    return {\r\n      ...word,\r\n      text: [...word.text],\r\n    };\r\n  });\r\n\r\n  const [scope, animate] = useAnimate();\r\n  const isInView = useInView(scope);\r\n  React.useEffect(() => {\r\n    if (isInView) {\r\n      animate(\r\n        \"span\",\r\n        {\r\n          display: \"inline-block\",\r\n          opacity: 1,\r\n          width: \"fit-content\",\r\n        },\r\n        {\r\n          duration: 0.3,\r\n          delay: stagger(0.1),\r\n          ease: \"easeInOut\",\r\n        },\r\n      );\r\n    }\r\n  }, [isInView]);\r\n\r\n  const renderWords = () => {\r\n    return (\r\n      <motion.div\r\n        ref={scope}\r\n        className='inline'>\r\n        {wordsArray.map((word, idx) => {\r\n          return (\r\n            <div\r\n              key={`word-${idx}`}\r\n              className='inline-block'>\r\n              {word.text.map((char, index) => (\r\n                <motion.span\r\n                  initial={{}}\r\n                  key={`char-${index}`}\r\n                  className={cn(`hidden text-black opacity-0 dark:text-white`, word.className)}>\r\n                  {char}\r\n                </motion.span>\r\n              ))}\r\n              &nbsp;\r\n            </div>\r\n          );\r\n        })}\r\n      </motion.div>\r\n    );\r\n  };\r\n  return (\r\n    <div className={cn(\"text-center text-base font-bold sm:text-xl md:text-3xl lg:text-5xl\", className)}>\r\n      {renderWords()}\r\n      <motion.span\r\n        initial={{\r\n          opacity: 0,\r\n        }}\r\n        animate={{\r\n          opacity: 1,\r\n        }}\r\n        transition={{\r\n          duration: 0.8,\r\n          repeat: Infinity,\r\n          repeatType: \"reverse\",\r\n        }}\r\n        className={cn(\"inline-block h-4 w-[4px] rounded-sm bg-blue-500 md:h-6 lg:h-10\", cursorClassName)}></motion.span>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const TypewriterTextSmooth = ({\r\n  words,\r\n  className,\r\n  cursorClassName,\r\n}: {\r\n  words: {\r\n    text: string;\r\n    className?: string;\r\n  }[];\r\n  className?: string;\r\n  cursorClassName?: string;\r\n}): React.JSX.Element => {\r\n  // split text inside of words into array of characters\r\n  const wordsArray = words.map((word) => {\r\n    return {\r\n      ...word,\r\n      text: [...word.text],\r\n    };\r\n  });\r\n  const renderWords = () => {\r\n    return (\r\n      <div>\r\n        {wordsArray.map((word, idx) => {\r\n          return (\r\n            <div\r\n              key={`word-${idx}`}\r\n              className='inline-block'>\r\n              {word.text.map((char, index) => (\r\n                <span\r\n                  key={`char-${index}`}\r\n                  className={cn(`text-black dark:text-white`, word.className)}>\r\n                  {char}\r\n                </span>\r\n              ))}\r\n              &nbsp;\r\n            </div>\r\n          );\r\n        })}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className={cn(\"my-6 flex space-x-1\", className)}>\r\n      <motion.div\r\n        className='overflow-hidden pb-2'\r\n        initial={{\r\n          width: \"0%\",\r\n        }}\r\n        whileInView={{\r\n          width: \"fit-content\",\r\n        }}\r\n        transition={{\r\n          duration: 2,\r\n          ease: \"linear\",\r\n          delay: 1,\r\n        }}>\r\n        <div\r\n          className='lg:text:3xl text-xs font-bold sm:text-base md:text-xl xl:text-5xl'\r\n          style={{\r\n            whiteSpace: \"nowrap\",\r\n          }}>\r\n          {renderWords()}{\" \"}\r\n        </div>{\" \"}\r\n      </motion.div>\r\n      <motion.span\r\n        initial={{\r\n          opacity: 0,\r\n        }}\r\n        animate={{\r\n          opacity: 1,\r\n        }}\r\n        transition={{\r\n          duration: 0.8,\r\n\r\n          repeat: Infinity,\r\n          repeatType: \"reverse\",\r\n        }}\r\n        className={cn(\"block h-4 w-[4px] rounded-sm bg-blue-500 sm:h-6 xl:h-12\", cursorClassName)}></motion.span>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TypewriterText","words","className","cursorClassName","wordsArray","word","scope","animate","useAnimate","isInView","useInView","React","stagger","renderWords","motion","idx","char","index","cn","Infinity","TypewriterTextSmooth"],"mappings":";;;;;AAMO,MAAMA,iBAAiB,CAAC,EAC7BC,KAAK,EACLC,SAAS,EACTC,eAAe,EAQhB;IAEC,MAAMC,aAAaH,MAAM,GAAG,CAAC,CAACI,OACrB;YACL,GAAGA,IAAI;YACP,MAAM;mBAAIA,KAAK,IAAI;aAAC;QACtB;IAGF,MAAM,CAACC,OAAOC,QAAQ,GAAGC;IACzB,MAAMC,WAAWC,UAAUJ;IAC3BK,UAAgB;QACd,IAAIF,UACFF,QACE,QACA;YACE,SAAS;YACT,SAAS;YACT,OAAO;QACT,GACA;YACE,UAAU;YACV,OAAOK,QAAQ;YACf,MAAM;QACR;IAGN,GAAG;QAACH;KAAS;IAEb,MAAMI,cAAc,IACX,WAAP,GACE,IAACC,OAAO,GAAG;YACT,KAAKR;YACL,WAAU;sBACTF,WAAW,GAAG,CAAC,CAACC,MAAMU,MACd,WAAP,GACE,KAAC;oBAEC,WAAU;;wBACTV,KAAK,IAAI,CAAC,GAAG,CAAC,CAACW,MAAMC,QAAAA,WAAAA,GACpB,IAACH,OAAO,IAAI;gCACV,SAAS,CAAC;gCAEV,WAAWI,GAAG,+CAA+Cb,KAAK,SAAS;0CAC1EW;+BAFI,CAAC,KAAK,EAAEC,OAAO;wBAIrB;;mBATE,CAAC,KAAK,EAAEF,KAAK;;IAiB9B,OAAO,WAAP,GACE,KAAC;QAAI,WAAWG,GAAG,sEAAsEhB;;YACtFW;0BACD,IAACC,OAAO,IAAI;gBACV,SAAS;oBACP,SAAS;gBACX;gBACA,SAAS;oBACP,SAAS;gBACX;gBACA,YAAY;oBACV,UAAU;oBACV,QAAQK;oBACR,YAAY;gBACd;gBACA,WAAWD,GAAG,kEAAkEf;;;;AAGxF;AAEO,MAAMiB,uBAAuB,CAAC,EACnCnB,KAAK,EACLC,SAAS,EACTC,eAAe,EAQhB;IAEC,MAAMC,aAAaH,MAAM,GAAG,CAAC,CAACI,OACrB;YACL,GAAGA,IAAI;YACP,MAAM;mBAAIA,KAAK,IAAI;aAAC;QACtB;IAEF,MAAMQ,cAAc,IACX,WAAP,GACE,IAAC;sBACET,WAAW,GAAG,CAAC,CAACC,MAAMU,MACd,WAAP,GACE,KAAC;oBAEC,WAAU;;wBACTV,KAAK,IAAI,CAAC,GAAG,CAAC,CAACW,MAAMC,QAAAA,WAAAA,GACpB,IAAC;gCAEC,WAAWC,GAAG,8BAA8Bb,KAAK,SAAS;0CACzDW;+BAFI,CAAC,KAAK,EAAEC,OAAO;wBAIrB;;mBARE,CAAC,KAAK,EAAEF,KAAK;;IAiB9B,OAAO,WAAP,GACE,KAAC;QAAI,WAAWG,GAAG,uBAAuBhB;;0BACxC,KAACY,OAAO,GAAG;gBACT,WAAU;gBACV,SAAS;oBACP,OAAO;gBACT;gBACA,aAAa;oBACX,OAAO;gBACT;gBACA,YAAY;oBACV,UAAU;oBACV,MAAM;oBACN,OAAO;gBACT;;kCACA,KAAC;wBACC,WAAU;wBACV,OAAO;4BACL,YAAY;wBACd;;4BACCD;4BAAe;;;oBACX;;;0BAET,IAACC,OAAO,IAAI;gBACV,SAAS;oBACP,SAAS;gBACX;gBACA,SAAS;oBACP,SAAS;gBACX;gBACA,YAAY;oBACV,UAAU;oBAEV,QAAQK;oBACR,YAAY;gBACd;gBACA,WAAWD,GAAG,2DAA2Df;;;;AAGjF"}

package/dist/hooks/useIsMobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks\\useIsMobile.js","sources":["webpack://@arolariu/components/./src/hooks/useIsMobile.tsx"],"sourcesContent":["\r\nimport * as React from \"react\";\r\n\r\nconst MOBILE_BREAKPOINT = 768;\r\n\r\n/**\r\n * A custom React hook that detects whether the current device is a mobile device\r\n * based on the screen width.\r\n * This hook uses a media query to check if the viewport width is less than the defined\r\n * mobile breakpoint (768px). It updates the state when the window size changes.\r\n * @returns Returns true if the viewport width is less than the mobile breakpoint,\r\n * false otherwise.\r\n * @example\r\n * ```tsx\r\n * function MyComponent() {\r\n *   const isMobile = useIsMobile();\r\n *\r\n *   return (\r\n *     <div>\r\n *       {isMobile ? 'Mobile View' : 'Desktop View'}\r\n *     </div>\r\n *   );\r\n * }\r\n * ```\r\n */\r\nexport function useIsMobile(): boolean {\r\n  const [isMobile, setIsMobile] = React.useState<boolean | null>(null);\r\n\r\n  React.useEffect(() => {\r\n    const mql = globalThis.window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\r\n    const onChange = () => {\r\n      // eslint-disable-next-line react-hooks-extra/no-direct-set-state-in-use-effect\r\n      setIsMobile(globalThis.window.innerWidth < MOBILE_BREAKPOINT);\r\n    };\r\n    mql.addEventListener(\"change\", onChange);\r\n    // eslint-disable-next-line react-hooks-extra/no-direct-set-state-in-use-effect\r\n    setIsMobile(globalThis.window.innerWidth < MOBILE_BREAKPOINT);\r\n    return () => mql.removeEventListener(\"change\", onChange);\r\n  }, []);\r\n\r\n  return Boolean(isMobile);\r\n}\r\n"],"names":["MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","React","mql","globalThis","onChange","Boolean"],"mappings":";;AAGA,MAAMA,oBAAoB;AAsBnB,SAASC;IACd,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAA+B;IAE/DA,UAAgB;QACd,MAAMC,MAAMC,WAAW,MAAM,CAAC,UAAU,CAAC,CAAC,YAAY,EAAEN,oBAAoB,EAAE,GAAG,CAAC;QAClF,MAAMO,WAAW;YAEfJ,YAAYG,WAAW,MAAM,CAAC,UAAU,GAAGN;QAC7C;QACAK,IAAI,gBAAgB,CAAC,UAAUE;QAE/BJ,YAAYG,WAAW,MAAM,CAAC,UAAU,GAAGN;QAC3C,OAAO,IAAMK,IAAI,mBAAmB,CAAC,UAAUE;IACjD,GAAG,EAAE;IAEL,OAAOC,QAAQN;AACjB"}
+{"version":3,"file":"hooks/useIsMobile.js","sources":["../../src/hooks/useIsMobile.tsx"],"sourcesContent":["\"use client\";\r\nimport * as React from \"react\";\r\n\r\nconst MOBILE_BREAKPOINT = 768;\r\n\r\n/**\r\n * A custom React hook that detects whether the current device is a mobile device\r\n * based on the screen width.\r\n * This hook uses a media query to check if the viewport width is less than the defined\r\n * mobile breakpoint (768px). It updates the state when the window size changes.\r\n * @returns Returns true if the viewport width is less than the mobile breakpoint,\r\n * false otherwise.\r\n * @example\r\n * ```tsx\r\n * function MyComponent() {\r\n *   const isMobile = useIsMobile();\r\n *\r\n *   return (\r\n *     <div>\r\n *       {isMobile ? 'Mobile View' : 'Desktop View'}\r\n *     </div>\r\n *   );\r\n * }\r\n * ```\r\n */\r\nexport function useIsMobile(): boolean {\r\n  const [isMobile, setIsMobile] = React.useState<boolean | null>(null);\r\n\r\n  React.useEffect(() => {\r\n    const mql = globalThis.window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\r\n    const onChange = () => {\r\n      // eslint-disable-next-line react-hooks-extra/no-direct-set-state-in-use-effect\r\n      setIsMobile(globalThis.window.innerWidth < MOBILE_BREAKPOINT);\r\n    };\r\n    mql.addEventListener(\"change\", onChange);\r\n    // eslint-disable-next-line react-hooks-extra/no-direct-set-state-in-use-effect\r\n    setIsMobile(globalThis.window.innerWidth < MOBILE_BREAKPOINT);\r\n    return () => mql.removeEventListener(\"change\", onChange);\r\n  }, []);\r\n\r\n  return Boolean(isMobile);\r\n}\r\n"],"names":["MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","React","mql","globalThis","onChange","Boolean"],"mappings":";;AAGA,MAAMA,oBAAoB;AAsBnB,SAASC;IACd,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAA+B;IAE/DA,UAAgB;QACd,MAAMC,MAAMC,WAAW,MAAM,CAAC,UAAU,CAAC,CAAC,YAAY,EAAEN,oBAAoB,EAAE,GAAG,CAAC;QAClF,MAAMO,WAAW;YAEfJ,YAAYG,WAAW,MAAM,CAAC,UAAU,GAAGN;QAC7C;QACAK,IAAI,gBAAgB,CAAC,UAAUE;QAE/BJ,YAAYG,WAAW,MAAM,CAAC,UAAU,GAAGN;QAC3C,OAAO,IAAMK,IAAI,mBAAmB,CAAC,UAAUE;IACjD,GAAG,EAAE;IAEL,OAAOC,QAAQN;AACjB"}

package/dist/hooks/useWindowSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks\\useWindowSize.js","sources":["webpack://@arolariu/components/./src/hooks/useWindowSize.tsx"],"sourcesContent":["\r\n\r\nimport {useEffect, useState} from \"react\";\r\n\r\nconst MOBILE_BREAKPOINT = 768;\r\n\r\ntype WindowSize = {\r\n  width: number | null;\r\n  height: number | null;\r\n};\r\n\r\ntype HookReturnType = Readonly<{\r\n  windowSize: WindowSize;\r\n  isMobile: boolean;\r\n  isDesktop: boolean;\r\n}>;\r\n\r\n/**\r\n * Client hook to get the window size and whether the window is mobile or desktop.\r\n * @returns An object containing the window size and whether the window is mobile or desktop.\r\n *@example\r\n * ```tsx\r\n * function MyComponent() {\r\n *   const { windowSize, isMobile, isDesktop } = useWindowSize();\r\n *\r\n *   return (\r\n *     <div>\r\n *       <p>Window Size: {windowSize.width} x {windowSize.height}</p>\r\n *       <p>{isMobile ? 'Mobile View' : 'Desktop View'}</p>\r\n *     </div>\r\n *   );\r\n * }\r\n * ```\r\n */\r\nexport function useWindowSize(): HookReturnType {\r\n  const [windowSize, setWindowSize] = useState<WindowSize>({\r\n    width: null,\r\n    height: null,\r\n  });\r\n\r\n  useEffect(() => {\r\n    /**\r\n     * This function updates the window size.\r\n     * It is created inside of useEffect and has a short lifespan.\r\n     * After it is attached to the window object, it will be garbage collected\r\n     *  when the component unmounts or the window is resized.\r\n     */\r\n    function __handleResize__() {\r\n      // eslint-disable-next-line react-hooks-extra/no-direct-set-state-in-use-effect\r\n      setWindowSize({\r\n        width: globalThis.window.innerWidth,\r\n        height: globalThis.window.innerHeight,\r\n      });\r\n    }\r\n\r\n    globalThis.window.addEventListener(\"resize\", __handleResize__);\r\n    __handleResize__(); // Call the function once to get the initial window size\r\n    return () => globalThis.window.removeEventListener(\"resize\", __handleResize__);\r\n  }, []); // Empty array ensures that effect is only run on mount\r\n\r\n  return {\r\n    windowSize,\r\n    isMobile: typeof windowSize.width === \"number\" && windowSize.width < MOBILE_BREAKPOINT,\r\n    isDesktop: typeof windowSize.width === \"number\" && windowSize.width >= MOBILE_BREAKPOINT,\r\n  } as const;\r\n}\r\n"],"names":["MOBILE_BREAKPOINT","useWindowSize","windowSize","setWindowSize","useState","useEffect","__handleResize__","globalThis"],"mappings":";;AAIA,MAAMA,oBAAoB;AA8BnB,SAASC;IACd,MAAM,CAACC,YAAYC,cAAc,GAAGC,SAAqB;QACvD,OAAO;QACP,QAAQ;IACV;IAEAC,UAAU;QAOR,SAASC;YAEPH,cAAc;gBACZ,OAAOI,WAAW,MAAM,CAAC,UAAU;gBACnC,QAAQA,WAAW,MAAM,CAAC,WAAW;YACvC;QACF;QAEAA,WAAW,MAAM,CAAC,gBAAgB,CAAC,UAAUD;QAC7CA;QACA,OAAO,IAAMC,WAAW,MAAM,CAAC,mBAAmB,CAAC,UAAUD;IAC/D,GAAG,EAAE;IAEL,OAAO;QACLJ;QACA,UAAU,mBAAOA,WAAW,KAAK,IAAiBA,WAAW,KAAK,GAAGF;QACrE,WAAW,mBAAOE,WAAW,KAAK,IAAiBA,WAAW,KAAK,IAAIF;IACzE;AACF"}
+{"version":3,"file":"hooks/useWindowSize.js","sources":["../../src/hooks/useWindowSize.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {useEffect, useState} from \"react\";\r\n\r\nconst MOBILE_BREAKPOINT = 768;\r\n\r\ntype WindowSize = {\r\n  width: number | null;\r\n  height: number | null;\r\n};\r\n\r\ntype HookReturnType = Readonly<{\r\n  windowSize: WindowSize;\r\n  isMobile: boolean;\r\n  isDesktop: boolean;\r\n}>;\r\n\r\n/**\r\n * Client hook to get the window size and whether the window is mobile or desktop.\r\n * @returns An object containing the window size and whether the window is mobile or desktop.\r\n *@example\r\n * ```tsx\r\n * function MyComponent() {\r\n *   const { windowSize, isMobile, isDesktop } = useWindowSize();\r\n *\r\n *   return (\r\n *     <div>\r\n *       <p>Window Size: {windowSize.width} x {windowSize.height}</p>\r\n *       <p>{isMobile ? 'Mobile View' : 'Desktop View'}</p>\r\n *     </div>\r\n *   );\r\n * }\r\n * ```\r\n */\r\nexport function useWindowSize(): HookReturnType {\r\n  const [windowSize, setWindowSize] = useState<WindowSize>({\r\n    width: null,\r\n    height: null,\r\n  });\r\n\r\n  useEffect(() => {\r\n    /**\r\n     * This function updates the window size.\r\n     * It is created inside of useEffect and has a short lifespan.\r\n     * After it is attached to the window object, it will be garbage collected\r\n     *  when the component unmounts or the window is resized.\r\n     */\r\n    function __handleResize__() {\r\n      // eslint-disable-next-line react-hooks-extra/no-direct-set-state-in-use-effect\r\n      setWindowSize({\r\n        width: globalThis.window.innerWidth,\r\n        height: globalThis.window.innerHeight,\r\n      });\r\n    }\r\n\r\n    globalThis.window.addEventListener(\"resize\", __handleResize__);\r\n    __handleResize__(); // Call the function once to get the initial window size\r\n    return () => globalThis.window.removeEventListener(\"resize\", __handleResize__);\r\n  }, []); // Empty array ensures that effect is only run on mount\r\n\r\n  return {\r\n    windowSize,\r\n    isMobile: typeof windowSize.width === \"number\" && windowSize.width < MOBILE_BREAKPOINT,\r\n    isDesktop: typeof windowSize.width === \"number\" && windowSize.width >= MOBILE_BREAKPOINT,\r\n  } as const;\r\n}\r\n"],"names":["MOBILE_BREAKPOINT","useWindowSize","windowSize","setWindowSize","useState","useEffect","__handleResize__","globalThis"],"mappings":";;AAIA,MAAMA,oBAAoB;AA8BnB,SAASC;IACd,MAAM,CAACC,YAAYC,cAAc,GAAGC,SAAqB;QACvD,OAAO;QACP,QAAQ;IACV;IAEAC,UAAU;QAOR,SAASC;YAEPH,cAAc;gBACZ,OAAOI,WAAW,MAAM,CAAC,UAAU;gBACnC,QAAQA,WAAW,MAAM,CAAC,WAAW;YACvC;QACF;QAEAA,WAAW,MAAM,CAAC,gBAAgB,CAAC,UAAUD;QAC7CA;QACA,OAAO,IAAMC,WAAW,MAAM,CAAC,mBAAmB,CAAC,UAAUD;IAC/D,GAAG,EAAE;IAEL,OAAO;QACLJ;QACA,UAAU,AAA4B,YAA5B,OAAOA,WAAW,KAAK,IAAiBA,WAAW,KAAK,GAAGF;QACrE,WAAW,AAA4B,YAA5B,OAAOE,WAAW,KAAK,IAAiBA,WAAW,KAAK,IAAIF;IACzE;AACF"}