@uselets/ui 1.2.2 → 1.4.0

package/dist/components/native-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"native-select.js","names":[],"sources":["../../src/components/native-select.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconSelector } from '@tabler/icons-react'\n\nimport { cn } from '../lib/utils'\nimport { useFieldControlId } from './field'\n\nexport type NativeSelectProps = Omit<React.ComponentProps<'select'>, 'size'> & {\n  size?: 'sm' | 'md'\n}\n\nexport type NativeSelectOptionProps = React.ComponentProps<'option'>\n\nexport type NativeSelectOptGroupProps = React.ComponentProps<'optgroup'>\n\nfunction NativeSelect({ className, id, size = 'md', ...props }: NativeSelectProps) {\n  const fieldControlId = useFieldControlId(id)\n\n  return (\n    <div\n      className={cn('group/native-select relative w-fit has-[select:disabled]:opacity-50', className)}\n      data-slot=\"native-select-wrapper\"\n      data-size={size}\n    >\n      <select\n        id={fieldControlId}\n        data-slot=\"native-select\"\n        data-size={size}\n        className={cn(\n          'border-input dark:bg-input/30 dark:hover:bg-input/50 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors select-none outline-none',\n          'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3',\n          'aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:ring-3 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',\n          'placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground',\n          'data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5',\n          'disabled:pointer-events-none disabled:cursor-not-allowed'\n        )}\n        {...props}\n      />\n      <IconSelector\n        className=\"text-muted-foreground top-1/2 right-2.5 size-4 -translate-y-1/2 pointer-events-none absolute select-none\"\n        aria-hidden=\"true\"\n        data-slot=\"native-select-icon\"\n      />\n    </div>\n  )\n}\n\nfunction NativeSelectOption({ ...props }: NativeSelectOptionProps) {\n  return <option data-slot=\"native-select-option\" {...props} />\n}\n\nfunction NativeSelectOptGroup({ className, ...props }: NativeSelectOptGroupProps) {\n  return <optgroup data-slot=\"native-select-optgroup\" className={cn(className)} {...props} />\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption }\n"],"mappings":"sNAeA,SAAS,aAAa,CAAE,YAAW,KAAI,OAAO,KAAM,GAAG,GAA4B,CACjF,IAAM,EAAiB,EAAkB,EAAG,CAE5C,OACE,EAAC,MAAD,CACE,UAAW,EAAG,sEAAuE,EAAU,CAC/F,YAAU,wBACV,YAAW,WAHb,CAKE,EAAC,SAAD,CACE,GAAI,EACJ,YAAU,gBACV,YAAW,EACX,UAAW,EACT,+LACA,4EACA,qKACA,2FACA,+FACA,2DACD,CACD,GAAI,EACJ,CAAA,CACF,EAAC,EAAD,CACE,UAAU,2GACV,cAAY,OACZ,YAAU,qBACV,CAAA,CACE,GAIV,SAAS,mBAAmB,CAAE,GAAG,GAAkC,CACjE,OAAO,EAAC,SAAD,CAAQ,YAAU,uBAAuB,GAAI,EAAS,CAAA,CAG/D,SAAS,qBAAqB,CAAE,YAAW,GAAG,GAAoC,CAChF,OAAO,EAAC,WAAD,CAAU,YAAU,yBAAyB,UAAW,EAAG,EAAU,CAAE,GAAI,EAAS,CAAA"}
+{"version":3,"file":"native-select.js","names":[],"sources":["../../src/components/native-select.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconSelector } from '@tabler/icons-react'\n\nimport { cn } from '../lib/utils'\nimport { useFieldControlId } from './field'\n\nexport type NativeSelectProps = Omit<React.ComponentProps<'select'>, 'size'> & {\n  size?: 'sm' | 'md'\n}\n\nexport type NativeSelectOptionProps = React.ComponentProps<'option'>\n\nexport type NativeSelectOptGroupProps = React.ComponentProps<'optgroup'>\n\nfunction NativeSelect({ className, id, size = 'md', ...props }: NativeSelectProps) {\n  const fieldControlId = useFieldControlId(id)\n\n  return (\n    <div\n      className={cn('group/native-select relative w-fit has-[select:disabled]:opacity-50', className)}\n      data-slot=\"native-select-wrapper\"\n      data-size={size}\n    >\n      <select\n        id={fieldControlId}\n        data-slot=\"native-select\"\n        data-size={size}\n        className={cn(\n          'border-input dark:bg-input/30 dark:hover:bg-input/50 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors select-none outline-none',\n          'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3',\n          'aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:ring-3 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',\n          'placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground',\n          'data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5',\n          'disabled:pointer-events-none disabled:cursor-not-allowed'\n        )}\n        {...props}\n      />\n      <IconSelector\n        className=\"text-muted-foreground top-1/2 right-2.5 size-4 -translate-y-1/2 pointer-events-none absolute select-none\"\n        aria-hidden=\"true\"\n        data-slot=\"native-select-icon\"\n      />\n    </div>\n  )\n}\n\nfunction NativeSelectOption({ ...props }: NativeSelectOptionProps) {\n  return <option data-slot=\"native-select-option\" {...props} />\n}\n\nfunction NativeSelectOptGroup({ className, ...props }: NativeSelectOptGroupProps) {\n  return <optgroup data-slot=\"native-select-optgroup\" className={cn(className)} {...props} />\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption }\n"],"mappings":"sNAeA,SAAS,aAAa,CAAE,YAAW,KAAI,OAAO,KAAM,GAAG,GAA4B,CACjF,IAAM,EAAiB,EAAkB,CAAE,EAE3C,OACE,EAAC,MAAD,CACE,UAAW,EAAG,sEAAuE,CAAS,EAC9F,YAAU,wBACV,YAAW,WAHb,CAKE,EAAC,SAAD,CACE,GAAI,EACJ,YAAU,gBACV,YAAW,EACX,UAAW,EACT,+LACA,4EACA,qKACA,2FACA,+FACA,0DACF,EACA,GAAI,CACL,CAAA,EACD,EAAC,EAAD,CACE,UAAU,2GACV,cAAY,OACZ,YAAU,oBACX,CAAA,CACE,GAET,CAEA,SAAS,mBAAmB,CAAE,GAAG,GAAkC,CACjE,OAAO,EAAC,SAAD,CAAQ,YAAU,uBAAuB,GAAI,CAAQ,CAAA,CAC9D,CAEA,SAAS,qBAAqB,CAAE,YAAW,GAAG,GAAoC,CAChF,OAAO,EAAC,WAAD,CAAU,YAAU,yBAAyB,UAAW,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC5F"}

package/dist/components/navigation-menu.d.ts

@@ -1,8 +1,6 @@
 import { n as __name } from "../chunk-CHh1Zzun.js";
 import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/navigation-menu.d.ts
 type NavigationMenuProps = React.ComponentProps<typeof NavigationMenu$1.Root> & {
@@ -20,37 +18,37 @@ declare function NavigationMenu({
   children,
   viewport,
   ...props
-}: NavigationMenuProps): _$react_jsx_runtime0.JSX.Element;
+}: NavigationMenuProps): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuList({
   className,
   ...props
-}: NavigationMenuListProps): _$react_jsx_runtime0.JSX.Element;
+}: NavigationMenuListProps): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuItem({
   className,
   ...props
-}: NavigationMenuItemProps): _$react_jsx_runtime0.JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: _$class_variance_authority_types0.ClassProp | undefined) => string;
+}: NavigationMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare function NavigationMenuTrigger({
   className,
   children,
   ...props
-}: NavigationMenuTriggerProps): _$react_jsx_runtime0.JSX.Element;
+}: NavigationMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuContent({
   className,
   ...props
-}: NavigationMenuContentProps): _$react_jsx_runtime0.JSX.Element;
+}: NavigationMenuContentProps): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuViewport({
   className,
   ...props
-}: NavigationMenuViewportProps): _$react_jsx_runtime0.JSX.Element;
+}: NavigationMenuViewportProps): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuLink({
   className,
   ...props
-}: NavigationMenuLinkProps): _$react_jsx_runtime0.JSX.Element;
+}: NavigationMenuLinkProps): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuIndicator({
   className,
   ...props
-}: NavigationMenuIndicatorProps): _$react_jsx_runtime0.JSX.Element;
+}: NavigationMenuIndicatorProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIndicator, NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuProps, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport, NavigationMenuViewportProps, navigationMenuTriggerStyle };
 //# sourceMappingURL=navigation-menu.d.ts.map

package/dist/components/navigation-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.js","names":["NavigationMenuPrimitive"],"sources":["../../src/components/navigation-menu.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconChevronDown } from '@tabler/icons-react'\nimport { cva } from 'class-variance-authority'\nimport { NavigationMenu as NavigationMenuPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type NavigationMenuProps = React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean\n}\n\nexport type NavigationMenuListProps = React.ComponentProps<typeof NavigationMenuPrimitive.List>\n\nexport type NavigationMenuItemProps = React.ComponentProps<typeof NavigationMenuPrimitive.Item>\n\nexport type NavigationMenuTriggerProps = React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>\n\nexport type NavigationMenuContentProps = React.ComponentProps<typeof NavigationMenuPrimitive.Content>\n\nexport type NavigationMenuViewportProps = React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>\n\nexport type NavigationMenuLinkProps = React.ComponentProps<typeof NavigationMenuPrimitive.Link>\n\nexport type NavigationMenuIndicatorProps = React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>\n\nfunction NavigationMenu({ className, children, viewport = true, ...props }: NavigationMenuProps) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn('group/navigation-menu relative flex max-w-max flex-1 items-center justify-center', className)}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction NavigationMenuList({ className, ...props }: NavigationMenuListProps) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn('group flex flex-1 list-none items-center justify-center gap-0', className)}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuItem({ className, ...props }: NavigationMenuItemProps) {\n  return (\n    <NavigationMenuPrimitive.Item data-slot=\"navigation-menu-item\" className={cn('relative', className)} {...props} />\n  )\n}\n\nconst navigationMenuTriggerStyle = cva(\n  'group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted'\n)\n\nfunction NavigationMenuTrigger({ className, children, ...props }: NavigationMenuTriggerProps) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), 'group', className)}\n      {...props}\n    >\n      {children}{' '}\n      <IconChevronDown\n        className={cn(\n          'relative top-px ml-1 size-3 transition duration-300',\n          'group-data-popup-open/navigation-menu-trigger:rotate-180',\n          'group-data-open/navigation-menu-trigger:rotate-180'\n        )}\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  )\n}\n\nfunction NavigationMenuContent({ className, ...props }: NavigationMenuContentProps) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        'top-0 left-0 w-full p-1 ease-[cubic-bezier(0.22,1,0.36,1)] md:absolute md:w-auto',\n        'group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5',\n        'group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg',\n        'group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground',\n        'group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1',\n        'group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300',\n        'group-data-[viewport=false]/navigation-menu:data-open:animate-in',\n        'group-data-[viewport=false]/navigation-menu:data-open:fade-in-0',\n        'group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95',\n        'group-data-[viewport=false]/navigation-menu:data-closed:animate-out',\n        'group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0',\n        'group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95',\n        'data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52',\n        'data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52',\n        'data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in',\n        'data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out',\n        '**:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuViewport({ className, ...props }: NavigationMenuViewportProps) {\n  return (\n    <div className={cn('absolute top-full left-0 isolate z-50 flex justify-center')}>\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          'origin-top-center relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-lg',\n          'bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 duration-100',\n          'md:w-(--radix-navigation-menu-viewport-width)',\n          'data-open:animate-in data-open:zoom-in-90',\n          'data-closed:animate-out data-closed:zoom-out-90',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction NavigationMenuLink({ className, ...props }: NavigationMenuLinkProps) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuIndicator({ className, ...props }: NavigationMenuIndicatorProps) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        'top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  )\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle\n}\n"],"mappings":"mQA0BA,SAAS,eAAe,CAAE,YAAW,WAAU,WAAW,GAAM,GAAG,GAA8B,CAC/F,OACE,EAACA,EAAwB,KAAzB,CACE,YAAU,kBACV,gBAAe,EACf,UAAW,EAAG,mFAAoF,EAAU,CAC5G,GAAI,WAJN,CAMG,EACA,GAAY,EAAC,uBAAD,EAA0B,CAAA,CACV,GAInC,SAAS,mBAAmB,CAAE,YAAW,GAAG,GAAkC,CAC5E,OACE,EAACA,EAAwB,KAAzB,CACE,YAAU,uBACV,UAAW,EAAG,gEAAiE,EAAU,CACzF,GAAI,EACJ,CAAA,CAIN,SAAS,mBAAmB,CAAE,YAAW,GAAG,GAAkC,CAC5E,OACE,EAACA,EAAwB,KAAzB,CAA8B,YAAU,uBAAuB,UAAW,EAAG,WAAY,EAAU,CAAE,GAAI,EAAS,CAAA,CAItH,MAAM,EAA6B,EACjC,mcACD,CAED,SAAS,sBAAsB,CAAE,YAAW,WAAU,GAAG,GAAqC,CAC5F,OACE,EAACA,EAAwB,QAAzB,CACE,YAAU,0BACV,UAAW,EAAG,GAA4B,CAAE,QAAS,EAAU,CAC/D,GAAI,WAHN,CAKG,EAAU,IACX,EAAC,EAAD,CACE,UAAW,EACT,sDACA,2DACA,qDACD,CACD,cAAY,OACZ,CAAA,CAC8B,GAItC,SAAS,sBAAsB,CAAE,YAAW,GAAG,GAAqC,CAClF,OACE,EAACA,EAAwB,QAAzB,CACE,YAAU,0BACV,UAAW,EACT,mFACA,0GACA,qHACA,6HACA,wGACA,0HACA,mEACA,kEACA,mEACA,sEACA,qEACA,sEACA,+FACA,yFACA,+DACA,6DACA,0GACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,SAAS,uBAAuB,CAAE,YAAW,GAAG,GAAsC,CACpF,OACE,EAAC,MAAD,CAAK,UAAW,EAAG,4DAA4D,UAC7E,EAACA,EAAwB,SAAzB,CACE,YAAU,2BACV,UAAW,EACT,kHACA,mFACA,gDACA,4CACA,kDACA,EACD,CACD,GAAI,EACJ,CAAA,CACE,CAAA,CAIV,SAAS,mBAAmB,CAAE,YAAW,GAAG,GAAkC,CAC5E,OACE,EAACA,EAAwB,KAAzB,CACE,YAAU,uBACV,UAAW,EACT,wVACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,SAAS,wBAAwB,CAAE,YAAW,GAAG,GAAuC,CACtF,OACE,EAACA,EAAwB,UAAzB,CACE,YAAU,4BACV,UAAW,EACT,6LACA,EACD,CACD,GAAI,WAEJ,EAAC,MAAD,CAAK,UAAU,yEAA2E,CAAA,CACxD,CAAA"}
+{"version":3,"file":"navigation-menu.js","names":["NavigationMenuPrimitive"],"sources":["../../src/components/navigation-menu.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconChevronDown } from '@tabler/icons-react'\nimport { cva } from 'class-variance-authority'\nimport { NavigationMenu as NavigationMenuPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type NavigationMenuProps = React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean\n}\n\nexport type NavigationMenuListProps = React.ComponentProps<typeof NavigationMenuPrimitive.List>\n\nexport type NavigationMenuItemProps = React.ComponentProps<typeof NavigationMenuPrimitive.Item>\n\nexport type NavigationMenuTriggerProps = React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>\n\nexport type NavigationMenuContentProps = React.ComponentProps<typeof NavigationMenuPrimitive.Content>\n\nexport type NavigationMenuViewportProps = React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>\n\nexport type NavigationMenuLinkProps = React.ComponentProps<typeof NavigationMenuPrimitive.Link>\n\nexport type NavigationMenuIndicatorProps = React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>\n\nfunction NavigationMenu({ className, children, viewport = true, ...props }: NavigationMenuProps) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn('group/navigation-menu relative flex max-w-max flex-1 items-center justify-center', className)}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction NavigationMenuList({ className, ...props }: NavigationMenuListProps) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn('group flex flex-1 list-none items-center justify-center gap-0', className)}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuItem({ className, ...props }: NavigationMenuItemProps) {\n  return (\n    <NavigationMenuPrimitive.Item data-slot=\"navigation-menu-item\" className={cn('relative', className)} {...props} />\n  )\n}\n\nconst navigationMenuTriggerStyle = cva(\n  'group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted'\n)\n\nfunction NavigationMenuTrigger({ className, children, ...props }: NavigationMenuTriggerProps) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), 'group', className)}\n      {...props}\n    >\n      {children}{' '}\n      <IconChevronDown\n        className={cn(\n          'relative top-px ml-1 size-3 transition duration-300',\n          'group-data-popup-open/navigation-menu-trigger:rotate-180',\n          'group-data-open/navigation-menu-trigger:rotate-180'\n        )}\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  )\n}\n\nfunction NavigationMenuContent({ className, ...props }: NavigationMenuContentProps) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        'top-0 left-0 w-full p-1 ease-[cubic-bezier(0.22,1,0.36,1)] md:absolute md:w-auto',\n        'group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5',\n        'group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg',\n        'group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground',\n        'group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1',\n        'group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300',\n        'group-data-[viewport=false]/navigation-menu:data-open:animate-in',\n        'group-data-[viewport=false]/navigation-menu:data-open:fade-in-0',\n        'group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95',\n        'group-data-[viewport=false]/navigation-menu:data-closed:animate-out',\n        'group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0',\n        'group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95',\n        'data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52',\n        'data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52',\n        'data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in',\n        'data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out',\n        '**:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuViewport({ className, ...props }: NavigationMenuViewportProps) {\n  return (\n    <div className={cn('absolute top-full left-0 isolate z-50 flex justify-center')}>\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          'origin-top-center relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-lg',\n          'bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 duration-100',\n          'md:w-(--radix-navigation-menu-viewport-width)',\n          'data-open:animate-in data-open:zoom-in-90',\n          'data-closed:animate-out data-closed:zoom-out-90',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction NavigationMenuLink({ className, ...props }: NavigationMenuLinkProps) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuIndicator({ className, ...props }: NavigationMenuIndicatorProps) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        'top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  )\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle\n}\n"],"mappings":"mQA0BA,SAAS,eAAe,CAAE,YAAW,WAAU,WAAW,GAAM,GAAG,GAA8B,CAC/F,OACE,EAACA,EAAwB,KAAzB,CACE,YAAU,kBACV,gBAAe,EACf,UAAW,EAAG,mFAAoF,CAAS,EAC3G,GAAI,WAJN,CAMG,EACA,GAAY,EAAC,uBAAD,CAAyB,CAAA,CACV,GAElC,CAEA,SAAS,mBAAmB,CAAE,YAAW,GAAG,GAAkC,CAC5E,OACE,EAACA,EAAwB,KAAzB,CACE,YAAU,uBACV,UAAW,EAAG,gEAAiE,CAAS,EACxF,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,mBAAmB,CAAE,YAAW,GAAG,GAAkC,CAC5E,OACE,EAACA,EAAwB,KAAzB,CAA8B,YAAU,uBAAuB,UAAW,EAAG,WAAY,CAAS,EAAG,GAAI,CAAQ,CAAA,CAErH,CAEA,MAAM,EAA6B,EACjC,kcACF,EAEA,SAAS,sBAAsB,CAAE,YAAW,WAAU,GAAG,GAAqC,CAC5F,OACE,EAACA,EAAwB,QAAzB,CACE,YAAU,0BACV,UAAW,EAAG,EAA2B,EAAG,QAAS,CAAS,EAC9D,GAAI,WAHN,CAKG,EAAU,IACX,EAAC,EAAD,CACE,UAAW,EACT,sDACA,2DACA,oDACF,EACA,cAAY,MACb,CAAA,CAC8B,GAErC,CAEA,SAAS,sBAAsB,CAAE,YAAW,GAAG,GAAqC,CAClF,OACE,EAACA,EAAwB,QAAzB,CACE,YAAU,0BACV,UAAW,EACT,mFACA,0GACA,qHACA,6HACA,wGACA,0HACA,mEACA,kEACA,mEACA,sEACA,qEACA,sEACA,+FACA,yFACA,+DACA,6DACA,0GACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,uBAAuB,CAAE,YAAW,GAAG,GAAsC,CACpF,OACE,EAAC,MAAD,CAAK,UAAW,EAAG,2DAA2D,WAC5E,EAACA,EAAwB,SAAzB,CACE,YAAU,2BACV,UAAW,EACT,kHACA,mFACA,gDACA,4CACA,kDACA,CACF,EACA,GAAI,CACL,CAAA,CACE,CAAA,CAET,CAEA,SAAS,mBAAmB,CAAE,YAAW,GAAG,GAAkC,CAC5E,OACE,EAACA,EAAwB,KAAzB,CACE,YAAU,uBACV,UAAW,EACT,wVACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,wBAAwB,CAAE,YAAW,GAAG,GAAuC,CACtF,OACE,EAACA,EAAwB,UAAzB,CACE,YAAU,4BACV,UAAW,EACT,6LACA,CACF,EACA,GAAI,WAEJ,EAAC,MAAD,CAAK,UAAU,wEAA0E,CAAA,CACxD,CAAA,CAEvC"}

package/dist/components/pagination.d.ts

@@ -1,6 +1,5 @@
 import { n as __name } from "../chunk-CHh1Zzun.js";
 import { Button } from "./button.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/components/pagination.d.ts
@@ -20,35 +19,35 @@ type PaginationEllipsisProps = React.ComponentProps<'span'>;
 declare function Pagination({
   className,
   ...props
-}: PaginationProps): _$react_jsx_runtime0.JSX.Element;
+}: PaginationProps): import("react/jsx-runtime").JSX.Element;
 declare function PaginationContent({
   className,
   ...props
-}: PaginationContentProps): _$react_jsx_runtime0.JSX.Element;
+}: PaginationContentProps): import("react/jsx-runtime").JSX.Element;
 declare function PaginationItem({
   ...props
-}: PaginationItemProps): _$react_jsx_runtime0.JSX.Element;
+}: PaginationItemProps): import("react/jsx-runtime").JSX.Element;
 declare function PaginationLink({
   className,
   isActive,
   size,
   color,
   ...props
-}: PaginationLinkProps): _$react_jsx_runtime0.JSX.Element;
+}: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
 declare function PaginationPrevious({
   className,
   text,
   ...props
-}: PaginationPreviousProps): _$react_jsx_runtime0.JSX.Element;
+}: PaginationPreviousProps): import("react/jsx-runtime").JSX.Element;
 declare function PaginationNext({
   className,
   text,
   ...props
-}: PaginationNextProps): _$react_jsx_runtime0.JSX.Element;
+}: PaginationNextProps): import("react/jsx-runtime").JSX.Element;
 declare function PaginationEllipsis({
   className,
   ...props
-}: PaginationEllipsisProps): _$react_jsx_runtime0.JSX.Element;
+}: PaginationEllipsisProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Pagination, PaginationContent, PaginationContentProps, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationLink, PaginationLinkProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationProps };
 //# sourceMappingURL=pagination.d.ts.map

package/dist/components/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":[],"sources":["../../src/components/pagination.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconChevronLeft, IconChevronRight, IconDots } from '@tabler/icons-react'\n\nimport { cn } from '../lib/utils'\nimport { Button } from './button'\n\nexport type PaginationProps = React.ComponentProps<'nav'>\n\nexport type PaginationContentProps = React.ComponentProps<'ul'>\n\nexport type PaginationItemProps = React.ComponentProps<'li'>\n\nexport type PaginationLinkProps = {\n  isActive?: boolean\n} & Pick<React.ComponentProps<typeof Button>, 'size' | 'color'> &\n  React.ComponentProps<'a'>\n\nexport type PaginationPreviousProps = React.ComponentProps<typeof PaginationLink> & {\n  text?: string\n}\n\nexport type PaginationNextProps = React.ComponentProps<typeof PaginationLink> & {\n  text?: string\n}\n\nexport type PaginationEllipsisProps = React.ComponentProps<'span'>\n\nfunction Pagination({ className, ...props }: PaginationProps) {\n  return (\n    <nav\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn('mx-auto flex w-full justify-center', className)}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationContent({ className, ...props }: PaginationContentProps) {\n  return <ul data-slot=\"pagination-content\" className={cn('flex items-center gap-0.5', className)} {...props} />\n}\n\nfunction PaginationItem({ ...props }: PaginationItemProps) {\n  return <li data-slot=\"pagination-item\" {...props} />\n}\n\nfunction PaginationLink({ className, isActive, size = 'icon', color = 'zinc', ...props }: PaginationLinkProps) {\n  return (\n    <Button asChild variant={isActive ? 'outline' : 'ghost'} color={color} size={size} className={cn(className)}>\n      <a aria-current={isActive ? 'page' : undefined} data-slot=\"pagination-link\" data-active={isActive} {...props} />\n    </Button>\n  )\n}\n\nfunction PaginationPrevious({ className, text = 'Previous', ...props }: PaginationPreviousProps) {\n  return (\n    <PaginationLink aria-label=\"Go to previous page\" size=\"md\" className={cn('pl-1.5!', className)} {...props}>\n      <IconChevronLeft data-icon=\"inline-start\" />\n      <span className=\"hidden sm:block\">{text}</span>\n    </PaginationLink>\n  )\n}\n\nfunction PaginationNext({ className, text = 'Next', ...props }: PaginationNextProps) {\n  return (\n    <PaginationLink aria-label=\"Go to next page\" size=\"md\" className={cn('pr-1.5!', className)} {...props}>\n      <span className=\"hidden sm:block\">{text}</span>\n      <IconChevronRight data-icon=\"inline-end\" />\n    </PaginationLink>\n  )\n}\n\nfunction PaginationEllipsis({ className, ...props }: PaginationEllipsisProps) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\"flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\", className)}\n      {...props}\n    >\n      <IconDots />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  )\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious\n}\n"],"mappings":"mPA4BA,SAAS,WAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OACE,EAAC,MAAD,CACE,aAAW,aACX,YAAU,aACV,UAAW,EAAG,qCAAsC,EAAU,CAC9D,GAAI,EACJ,CAAA,CAIN,SAAS,kBAAkB,CAAE,YAAW,GAAG,GAAiC,CAC1E,OAAO,EAAC,KAAD,CAAI,YAAU,qBAAqB,UAAW,EAAG,4BAA6B,EAAU,CAAE,GAAI,EAAS,CAAA,CAGhH,SAAS,eAAe,CAAE,GAAG,GAA8B,CACzD,OAAO,EAAC,KAAD,CAAI,YAAU,kBAAkB,GAAI,EAAS,CAAA,CAGtD,SAAS,eAAe,CAAE,YAAW,WAAU,OAAO,OAAQ,QAAQ,OAAQ,GAAG,GAA8B,CAC7G,OACE,EAAC,EAAD,CAAQ,QAAA,GAAQ,QAAS,EAAW,UAAY,QAAgB,QAAa,OAAM,UAAW,EAAG,EAAU,UACzG,EAAC,IAAD,CAAG,eAAc,EAAW,OAAS,IAAA,GAAW,YAAU,kBAAkB,cAAa,EAAU,GAAI,EAAS,CAAA,CACzG,CAAA,CAIb,SAAS,mBAAmB,CAAE,YAAW,OAAO,WAAY,GAAG,GAAkC,CAC/F,OACE,EAAC,eAAD,CAAgB,aAAW,sBAAsB,KAAK,KAAK,UAAW,EAAG,UAAW,EAAU,CAAE,GAAI,WAApG,CACE,EAAC,EAAD,CAAiB,YAAU,eAAiB,CAAA,CAC5C,EAAC,OAAD,CAAM,UAAU,2BAAmB,EAAY,CAAA,CAChC,GAIrB,SAAS,eAAe,CAAE,YAAW,OAAO,OAAQ,GAAG,GAA8B,CACnF,OACE,EAAC,eAAD,CAAgB,aAAW,kBAAkB,KAAK,KAAK,UAAW,EAAG,UAAW,EAAU,CAAE,GAAI,WAAhG,CACE,EAAC,OAAD,CAAM,UAAU,2BAAmB,EAAY,CAAA,CAC/C,EAAC,EAAD,CAAkB,YAAU,aAAe,CAAA,CAC5B,GAIrB,SAAS,mBAAmB,CAAE,YAAW,GAAG,GAAkC,CAC5E,OACE,EAAC,OAAD,CACE,cAAA,GACA,YAAU,sBACV,UAAW,EAAG,+EAAgF,EAAU,CACxG,GAAI,WAJN,CAME,EAAC,EAAD,EAAY,CAAA,CACZ,EAAC,OAAD,CAAM,UAAU,mBAAU,aAAiB,CAAA,CACtC"}
+{"version":3,"file":"pagination.js","names":[],"sources":["../../src/components/pagination.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconChevronLeft, IconChevronRight, IconDots } from '@tabler/icons-react'\n\nimport { cn } from '../lib/utils'\nimport { Button } from './button'\n\nexport type PaginationProps = React.ComponentProps<'nav'>\n\nexport type PaginationContentProps = React.ComponentProps<'ul'>\n\nexport type PaginationItemProps = React.ComponentProps<'li'>\n\nexport type PaginationLinkProps = {\n  isActive?: boolean\n} & Pick<React.ComponentProps<typeof Button>, 'size' | 'color'> &\n  React.ComponentProps<'a'>\n\nexport type PaginationPreviousProps = React.ComponentProps<typeof PaginationLink> & {\n  text?: string\n}\n\nexport type PaginationNextProps = React.ComponentProps<typeof PaginationLink> & {\n  text?: string\n}\n\nexport type PaginationEllipsisProps = React.ComponentProps<'span'>\n\nfunction Pagination({ className, ...props }: PaginationProps) {\n  return (\n    <nav\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn('mx-auto flex w-full justify-center', className)}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationContent({ className, ...props }: PaginationContentProps) {\n  return <ul data-slot=\"pagination-content\" className={cn('flex items-center gap-0.5', className)} {...props} />\n}\n\nfunction PaginationItem({ ...props }: PaginationItemProps) {\n  return <li data-slot=\"pagination-item\" {...props} />\n}\n\nfunction PaginationLink({ className, isActive, size = 'icon', color = 'zinc', ...props }: PaginationLinkProps) {\n  return (\n    <Button asChild variant={isActive ? 'outline' : 'ghost'} color={color} size={size} className={cn(className)}>\n      <a aria-current={isActive ? 'page' : undefined} data-slot=\"pagination-link\" data-active={isActive} {...props} />\n    </Button>\n  )\n}\n\nfunction PaginationPrevious({ className, text = 'Previous', ...props }: PaginationPreviousProps) {\n  return (\n    <PaginationLink aria-label=\"Go to previous page\" size=\"md\" className={cn('pl-1.5!', className)} {...props}>\n      <IconChevronLeft data-icon=\"inline-start\" />\n      <span className=\"hidden sm:block\">{text}</span>\n    </PaginationLink>\n  )\n}\n\nfunction PaginationNext({ className, text = 'Next', ...props }: PaginationNextProps) {\n  return (\n    <PaginationLink aria-label=\"Go to next page\" size=\"md\" className={cn('pr-1.5!', className)} {...props}>\n      <span className=\"hidden sm:block\">{text}</span>\n      <IconChevronRight data-icon=\"inline-end\" />\n    </PaginationLink>\n  )\n}\n\nfunction PaginationEllipsis({ className, ...props }: PaginationEllipsisProps) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\"flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\", className)}\n      {...props}\n    >\n      <IconDots />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  )\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious\n}\n"],"mappings":"mPA4BA,SAAS,WAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OACE,EAAC,MAAD,CACE,aAAW,aACX,YAAU,aACV,UAAW,EAAG,qCAAsC,CAAS,EAC7D,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,kBAAkB,CAAE,YAAW,GAAG,GAAiC,CAC1E,OAAO,EAAC,KAAD,CAAI,YAAU,qBAAqB,UAAW,EAAG,4BAA6B,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC/G,CAEA,SAAS,eAAe,CAAE,GAAG,GAA8B,CACzD,OAAO,EAAC,KAAD,CAAI,YAAU,kBAAkB,GAAI,CAAQ,CAAA,CACrD,CAEA,SAAS,eAAe,CAAE,YAAW,WAAU,OAAO,OAAQ,QAAQ,OAAQ,GAAG,GAA8B,CAC7G,OACE,EAAC,EAAD,CAAQ,QAAA,GAAQ,QAAS,EAAW,UAAY,QAAgB,QAAa,OAAM,UAAW,EAAG,CAAS,WACxG,EAAC,IAAD,CAAG,eAAc,EAAW,OAAS,IAAA,GAAW,YAAU,kBAAkB,cAAa,EAAU,GAAI,CAAQ,CAAA,CACzG,CAAA,CAEZ,CAEA,SAAS,mBAAmB,CAAE,YAAW,OAAO,WAAY,GAAG,GAAkC,CAC/F,OACE,EAAC,eAAD,CAAgB,aAAW,sBAAsB,KAAK,KAAK,UAAW,EAAG,UAAW,CAAS,EAAG,GAAI,WAApG,CACE,EAAC,EAAD,CAAiB,YAAU,cAAgB,CAAA,EAC3C,EAAC,OAAD,CAAM,UAAU,2BAAmB,CAAW,CAAA,CAChC,GAEpB,CAEA,SAAS,eAAe,CAAE,YAAW,OAAO,OAAQ,GAAG,GAA8B,CACnF,OACE,EAAC,eAAD,CAAgB,aAAW,kBAAkB,KAAK,KAAK,UAAW,EAAG,UAAW,CAAS,EAAG,GAAI,WAAhG,CACE,EAAC,OAAD,CAAM,UAAU,2BAAmB,CAAW,CAAA,EAC9C,EAAC,EAAD,CAAkB,YAAU,YAAc,CAAA,CAC5B,GAEpB,CAEA,SAAS,mBAAmB,CAAE,YAAW,GAAG,GAAkC,CAC5E,OACE,EAAC,OAAD,CACE,cAAA,GACA,YAAU,sBACV,UAAW,EAAG,+EAAgF,CAAS,EACvG,GAAI,WAJN,CAME,EAAC,EAAD,CAAW,CAAA,EACX,EAAC,OAAD,CAAM,UAAU,mBAAU,YAAgB,CAAA,CACtC,GAEV"}

package/dist/components/pie-chart.d.ts

@@ -0,0 +1,58 @@
+import { n as __name } from "../chunk-CHh1Zzun.js";
+import { f as ChartTooltipContentProps, o as ChartLegendContentProps, t as ChartConfig } from "../chart-DHS2QeM8.js";
+import * as React from "react";
+
+//#region src/components/pie-chart.d.ts
+type PieChartDatum = {
+  name: string;
+  value: number;
+  color?: string;
+};
+type PieChartProps = Omit<React.ComponentProps<'div'>, 'children'> & {
+  data: PieChartDatum[];
+  withTooltip?: boolean;
+  withLegend?: boolean;
+  withLabels?: boolean;
+  labelsPosition?: 'inside' | 'outside';
+  startAngle?: number;
+  endAngle?: number;
+  paddingAngle?: number;
+  strokeWidth?: number;
+  innerRadius?: number | string;
+  outerRadius?: number | string;
+  animationDuration?: number;
+  tooltipProps?: ChartTooltipContentProps;
+  legendProps?: ChartLegendContentProps;
+  children?: React.ReactNode;
+};
+declare function buildPieConfig(data: PieChartDatum[]): ChartConfig;
+type PieChartBaseProps = Omit<PieChartProps, 'children'> & {
+  dataSlot: string;
+  innerRadius?: number | string;
+  outerRadius?: number | string;
+  centerSlot?: React.ReactNode;
+};
+declare function PieChartBase({
+  className,
+  data,
+  withTooltip,
+  withLegend,
+  withLabels,
+  labelsPosition,
+  startAngle,
+  endAngle,
+  paddingAngle,
+  strokeWidth,
+  innerRadius,
+  outerRadius,
+  animationDuration,
+  tooltipProps,
+  legendProps,
+  dataSlot,
+  centerSlot,
+  ...props
+}: PieChartBaseProps): import("react/jsx-runtime").JSX.Element;
+declare function PieChart(props: PieChartProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { PieChart, PieChartBase, PieChartBaseProps, PieChartDatum, PieChartProps, buildPieConfig };
+//# sourceMappingURL=pie-chart.d.ts.map

package/dist/components/pie-chart.js

@@ -0,0 +1,2 @@
+import"../chunk-CHh1Zzun.js";import{cn as e}from"../lib/utils.js";import{ChartContainer as t,ChartLegendContent as n,ChartTooltipContent as r}from"./chart.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import*as o from"react";import{Cell as s,Legend as c,Pie as l,PieChart as u,Tooltip as d}from"recharts";const f=[`var(--chart-1)`,`var(--chart-2)`,`var(--chart-3)`,`var(--chart-4)`,`var(--chart-5)`];function buildPieConfig(e){return e.reduce((e,t,n)=>(e[t.name]={label:t.name,color:t.color??f[n%f.length]},e),{})}function PieChartBase({className:f,data:p,withTooltip:m=!0,withLegend:h=!1,withLabels:g=!1,labelsPosition:_=`outside`,startAngle:v=90,endAngle:y=-270,paddingAngle:b=0,strokeWidth:x=1,innerRadius:S=0,outerRadius:C=`80%`,animationDuration:w,tooltipProps:T,legendProps:E,dataSlot:D,centerSlot:O,...k}){let A=o.useMemo(()=>buildPieConfig(p),[p]);return i(t,{"data-slot":D,className:e(`relative aspect-square w-full`,f),config:A,...k,children:a(u,{children:[m&&i(d,{cursor:!1,content:i(r,{hideLabel:!0,...T})}),h&&i(c,{content:i(n,{nameKey:`name`,...E})}),a(l,{data:p,dataKey:`value`,nameKey:`name`,startAngle:v,endAngle:y,innerRadius:S,outerRadius:C,paddingAngle:b,strokeWidth:x,label:g?{fontSize:12}:void 0,labelLine:g&&_===`outside`,animationDuration:w,isAnimationActive:w!==0,children:[p.map(e=>i(s,{fill:`var(--color-${e.name})`},e.name)),O]})]})})}function PieChart(e){return i(PieChartBase,{...e,dataSlot:`pie-chart`})}export{PieChart,PieChartBase,buildPieConfig};
+//# sourceMappingURL=pie-chart.js.map

package/dist/components/pie-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pie-chart.js","names":["RechartsPieChart"],"sources":["../../src/components/pie-chart.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Cell, Legend, Pie, PieChart as RechartsPieChart, Tooltip } from 'recharts'\n\nimport { cn } from '../lib/utils'\nimport {\n  type ChartConfig,\n  ChartContainer,\n  ChartLegendContent,\n  type ChartLegendContentProps,\n  ChartTooltipContent,\n  type ChartTooltipContentProps\n} from './chart'\n\nconst DEFAULT_PALETTE = [\n  'var(--chart-1)',\n  'var(--chart-2)',\n  'var(--chart-3)',\n  'var(--chart-4)',\n  'var(--chart-5)'\n] as const\n\nexport type PieChartDatum = {\n  name: string\n  value: number\n  color?: string\n}\n\nexport type PieChartProps = Omit<React.ComponentProps<'div'>, 'children'> & {\n  data: PieChartDatum[]\n  withTooltip?: boolean\n  withLegend?: boolean\n  withLabels?: boolean\n  labelsPosition?: 'inside' | 'outside'\n  startAngle?: number\n  endAngle?: number\n  paddingAngle?: number\n  strokeWidth?: number\n  innerRadius?: number | string\n  outerRadius?: number | string\n  animationDuration?: number\n  tooltipProps?: ChartTooltipContentProps\n  legendProps?: ChartLegendContentProps\n  children?: React.ReactNode\n}\n\nexport function buildPieConfig(data: PieChartDatum[]): ChartConfig {\n  return data.reduce<ChartConfig>((acc, item, index) => {\n    acc[item.name] = {\n      label: item.name,\n      color: item.color ?? DEFAULT_PALETTE[index % DEFAULT_PALETTE.length]\n    }\n    return acc\n  }, {})\n}\n\nexport type PieChartBaseProps = Omit<PieChartProps, 'children'> & {\n  dataSlot: string\n  innerRadius?: number | string\n  outerRadius?: number | string\n  centerSlot?: React.ReactNode\n}\n\nfunction PieChartBase({\n  className,\n  data,\n  withTooltip = true,\n  withLegend = false,\n  withLabels = false,\n  labelsPosition = 'outside',\n  startAngle = 90,\n  endAngle = -270,\n  paddingAngle = 0,\n  strokeWidth = 1,\n  innerRadius = 0,\n  outerRadius = '80%',\n  animationDuration,\n  tooltipProps,\n  legendProps,\n  dataSlot,\n  centerSlot,\n  ...props\n}: PieChartBaseProps) {\n  const config = React.useMemo(() => buildPieConfig(data), [data])\n\n  return (\n    <ChartContainer\n      data-slot={dataSlot}\n      className={cn('relative aspect-square w-full', className)}\n      config={config}\n      {...props}\n    >\n      <RechartsPieChart>\n        {withTooltip && <Tooltip cursor={false} content={<ChartTooltipContent hideLabel {...tooltipProps} />} />}\n        {withLegend && <Legend content={<ChartLegendContent nameKey=\"name\" {...legendProps} />} />}\n        <Pie\n          data={data}\n          dataKey=\"value\"\n          nameKey=\"name\"\n          startAngle={startAngle}\n          endAngle={endAngle}\n          innerRadius={innerRadius}\n          outerRadius={outerRadius}\n          paddingAngle={paddingAngle}\n          strokeWidth={strokeWidth}\n          label={withLabels ? { fontSize: 12 } : undefined}\n          labelLine={withLabels && labelsPosition === 'outside'}\n          animationDuration={animationDuration}\n          isAnimationActive={animationDuration !== 0}\n        >\n          {data.map((item) => (\n            <Cell key={item.name} fill={`var(--color-${item.name})`} />\n          ))}\n          {centerSlot}\n        </Pie>\n      </RechartsPieChart>\n    </ChartContainer>\n  )\n}\n\nfunction PieChart(props: PieChartProps) {\n  return <PieChartBase {...props} dataSlot=\"pie-chart\" />\n}\n\nexport { PieChart, PieChartBase }\n"],"mappings":"yTAcA,MAAM,EAAkB,CACtB,iBACA,iBACA,iBACA,iBACA,gBACF,EA0BA,SAAgB,eAAe,EAAoC,CACjE,OAAO,EAAK,QAAqB,EAAK,EAAM,KAC1C,EAAI,EAAK,MAAQ,CACf,MAAO,EAAK,KACZ,MAAO,EAAK,OAAS,EAAgB,EAAQ,EAAgB,OAC/D,EACO,GACN,CAAC,CAAC,CACP,CASA,SAAS,aAAa,CACpB,YACA,OACA,cAAc,GACd,aAAa,GACb,aAAa,GACb,iBAAiB,UACjB,aAAa,GACb,WAAW,KACX,eAAe,EACf,cAAc,EACd,cAAc,EACd,cAAc,MACd,oBACA,eACA,cACA,WACA,aACA,GAAG,GACiB,CACpB,IAAM,EAAS,EAAM,YAAc,eAAe,CAAI,EAAG,CAAC,CAAI,CAAC,EAE/D,OACE,EAAC,EAAD,CACE,YAAW,EACX,UAAW,EAAG,gCAAiC,CAAS,EAChD,SACR,GAAI,WAEJ,EAACA,EAAD,CAAA,SAAA,CACG,GAAe,EAAC,EAAD,CAAS,OAAQ,GAAO,QAAS,EAAC,EAAD,CAAqB,UAAA,GAAU,GAAI,CAAe,CAAA,CAAI,CAAA,EACtG,GAAc,EAAC,EAAD,CAAQ,QAAS,EAAC,EAAD,CAAoB,QAAQ,OAAO,GAAI,CAAc,CAAA,CAAI,CAAA,EACzF,EAAC,EAAD,CACQ,OACN,QAAQ,QACR,QAAQ,OACI,aACF,WACG,cACA,cACC,eACD,cACb,MAAO,EAAa,CAAE,SAAU,EAAG,EAAI,IAAA,GACvC,UAAW,GAAc,IAAmB,UACzB,oBACnB,kBAAmB,IAAsB,WAb3C,CAeG,EAAK,IAAK,GACT,EAAC,EAAD,CAAsB,KAAM,eAAe,EAAK,KAAK,EAAK,EAA/C,EAAK,IAA0C,CAC3D,EACA,CACE,GACW,CAAA,CAAA,CACJ,CAAA,CAEpB,CAEA,SAAS,SAAS,EAAsB,CACtC,OAAO,EAAC,aAAD,CAAc,GAAI,EAAO,SAAS,WAAa,CAAA,CACxD"}

package/dist/components/popover.d.ts

@@ -1,6 +1,5 @@
 import { n as __name } from "../chunk-CHh1Zzun.js";
 import { Popover as Popover$1 } from "radix-ui";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/components/popover.d.ts
@@ -13,31 +12,31 @@ type PopoverTitleProps = React.ComponentProps<'h2'>;
 type PopoverDescriptionProps = React.ComponentProps<'p'>;
 declare function Popover({
   ...props
-}: PopoverProps): _$react_jsx_runtime0.JSX.Element;
+}: PopoverProps): import("react/jsx-runtime").JSX.Element;
 declare function PopoverTrigger({
   ...props
-}: PopoverTriggerProps): _$react_jsx_runtime0.JSX.Element;
+}: PopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
 declare function PopoverContent({
   className,
   align,
   sideOffset,
   ...props
-}: PopoverContentProps): _$react_jsx_runtime0.JSX.Element;
+}: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
 declare function PopoverAnchor({
   ...props
-}: PopoverAnchorProps): _$react_jsx_runtime0.JSX.Element;
+}: PopoverAnchorProps): import("react/jsx-runtime").JSX.Element;
 declare function PopoverHeader({
   className,
   ...props
-}: PopoverHeaderProps): _$react_jsx_runtime0.JSX.Element;
+}: PopoverHeaderProps): import("react/jsx-runtime").JSX.Element;
 declare function PopoverTitle({
   className,
   ...props
-}: PopoverTitleProps): _$react_jsx_runtime0.JSX.Element;
+}: PopoverTitleProps): import("react/jsx-runtime").JSX.Element;
 declare function PopoverDescription({
   className,
   ...props
-}: PopoverDescriptionProps): _$react_jsx_runtime0.JSX.Element;
+}: PopoverDescriptionProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Popover, PopoverAnchor, PopoverAnchorProps, PopoverContent, PopoverContentProps, PopoverDescription, PopoverDescriptionProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps };
 //# sourceMappingURL=popover.d.ts.map

package/dist/components/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":["PopoverPrimitive"],"sources":["../../src/components/popover.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Popover as PopoverPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>\n\nexport type PopoverTriggerProps = React.ComponentProps<typeof PopoverPrimitive.Trigger>\n\nexport type PopoverContentProps = React.ComponentProps<typeof PopoverPrimitive.Content>\n\nexport type PopoverAnchorProps = React.ComponentProps<typeof PopoverPrimitive.Anchor>\n\nexport type PopoverHeaderProps = React.ComponentProps<'div'>\n\nexport type PopoverTitleProps = React.ComponentProps<'h2'>\n\nexport type PopoverDescriptionProps = React.ComponentProps<'p'>\n\nfunction Popover({ ...props }: PopoverProps) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({ ...props }: PopoverTriggerProps) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({ className, align = 'center', sideOffset = 4, ...props }: PopoverContentProps) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover text-popover-foreground ring-foreground/10 z-50 w-72 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 origin-(--radix-popover-content-transform-origin) flex flex-col gap-2.5 outline-hidden',\n          'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95',\n          'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({ ...props }: PopoverAnchorProps) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nfunction PopoverHeader({ className, ...props }: PopoverHeaderProps) {\n  return <div data-slot=\"popover-header\" className={cn('flex flex-col gap-0.5 text-sm', className)} {...props} />\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverTitleProps) {\n  return <h2 data-slot=\"popover-title\" className={cn('font-medium', className)} {...props} />\n}\n\nfunction PopoverDescription({ className, ...props }: PopoverDescriptionProps) {\n  return <p data-slot=\"popover-description\" className={cn('text-muted-foreground', className)} {...props} />\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger }\n"],"mappings":"6IAoBA,SAAS,QAAQ,CAAE,GAAG,GAAuB,CAC3C,OAAO,EAACA,EAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,EAAS,CAAA,CAGjE,SAAS,eAAe,CAAE,GAAG,GAA8B,CACzD,OAAO,EAACA,EAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAI,EAAS,CAAA,CAG5E,SAAS,eAAe,CAAE,YAAW,QAAQ,SAAU,aAAa,EAAG,GAAG,GAA8B,CACtG,OACE,EAACA,EAAiB,OAAlB,CAAA,SACE,EAACA,EAAiB,QAAlB,CACE,YAAU,kBACH,QACK,aACZ,UAAW,EACT,gNACA,uIACA,8JACA,EACD,CACD,GAAI,EACJ,CAAA,CACsB,CAAA,CAI9B,SAAS,cAAc,CAAE,GAAG,GAA6B,CACvD,OAAO,EAACA,EAAiB,OAAlB,CAAyB,YAAU,iBAAiB,GAAI,EAAS,CAAA,CAG1E,SAAS,cAAc,CAAE,YAAW,GAAG,GAA6B,CAClE,OAAO,EAAC,MAAD,CAAK,YAAU,iBAAiB,UAAW,EAAG,gCAAiC,EAAU,CAAE,GAAI,EAAS,CAAA,CAGjH,SAAS,aAAa,CAAE,YAAW,GAAG,GAA4B,CAChE,OAAO,EAAC,KAAD,CAAI,YAAU,gBAAgB,UAAW,EAAG,cAAe,EAAU,CAAE,GAAI,EAAS,CAAA,CAG7F,SAAS,mBAAmB,CAAE,YAAW,GAAG,GAAkC,CAC5E,OAAO,EAAC,IAAD,CAAG,YAAU,sBAAsB,UAAW,EAAG,wBAAyB,EAAU,CAAE,GAAI,EAAS,CAAA"}
+{"version":3,"file":"popover.js","names":["PopoverPrimitive"],"sources":["../../src/components/popover.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Popover as PopoverPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>\n\nexport type PopoverTriggerProps = React.ComponentProps<typeof PopoverPrimitive.Trigger>\n\nexport type PopoverContentProps = React.ComponentProps<typeof PopoverPrimitive.Content>\n\nexport type PopoverAnchorProps = React.ComponentProps<typeof PopoverPrimitive.Anchor>\n\nexport type PopoverHeaderProps = React.ComponentProps<'div'>\n\nexport type PopoverTitleProps = React.ComponentProps<'h2'>\n\nexport type PopoverDescriptionProps = React.ComponentProps<'p'>\n\nfunction Popover({ ...props }: PopoverProps) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({ ...props }: PopoverTriggerProps) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({ className, align = 'center', sideOffset = 4, ...props }: PopoverContentProps) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover text-popover-foreground ring-foreground/10 z-50 w-72 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 origin-(--radix-popover-content-transform-origin) flex flex-col gap-2.5 outline-hidden',\n          'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95',\n          'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({ ...props }: PopoverAnchorProps) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nfunction PopoverHeader({ className, ...props }: PopoverHeaderProps) {\n  return <div data-slot=\"popover-header\" className={cn('flex flex-col gap-0.5 text-sm', className)} {...props} />\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverTitleProps) {\n  return <h2 data-slot=\"popover-title\" className={cn('font-medium', className)} {...props} />\n}\n\nfunction PopoverDescription({ className, ...props }: PopoverDescriptionProps) {\n  return <p data-slot=\"popover-description\" className={cn('text-muted-foreground', className)} {...props} />\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger }\n"],"mappings":"6IAoBA,SAAS,QAAQ,CAAE,GAAG,GAAuB,CAC3C,OAAO,EAACA,EAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,CAAQ,CAAA,CAChE,CAEA,SAAS,eAAe,CAAE,GAAG,GAA8B,CACzD,OAAO,EAACA,EAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAI,CAAQ,CAAA,CAC3E,CAEA,SAAS,eAAe,CAAE,YAAW,QAAQ,SAAU,aAAa,EAAG,GAAG,GAA8B,CACtG,OACE,EAACA,EAAiB,OAAlB,CAAA,SACE,EAACA,EAAiB,QAAlB,CACE,YAAU,kBACH,QACK,aACZ,UAAW,EACT,gNACA,uIACA,8JACA,CACF,EACA,GAAI,CACL,CAAA,CACsB,CAAA,CAE7B,CAEA,SAAS,cAAc,CAAE,GAAG,GAA6B,CACvD,OAAO,EAACA,EAAiB,OAAlB,CAAyB,YAAU,iBAAiB,GAAI,CAAQ,CAAA,CACzE,CAEA,SAAS,cAAc,CAAE,YAAW,GAAG,GAA6B,CAClE,OAAO,EAAC,MAAD,CAAK,YAAU,iBAAiB,UAAW,EAAG,gCAAiC,CAAS,EAAG,GAAI,CAAQ,CAAA,CAChH,CAEA,SAAS,aAAa,CAAE,YAAW,GAAG,GAA4B,CAChE,OAAO,EAAC,KAAD,CAAI,YAAU,gBAAgB,UAAW,EAAG,cAAe,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC5F,CAEA,SAAS,mBAAmB,CAAE,YAAW,GAAG,GAAkC,CAC5E,OAAO,EAAC,IAAD,CAAG,YAAU,sBAAsB,UAAW,EAAG,wBAAyB,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC3G"}

package/dist/components/progress.d.ts

@@ -1,6 +1,5 @@
 import { n as __name } from "../chunk-CHh1Zzun.js";
 import { Progress as Progress$1 } from "radix-ui";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/components/progress.d.ts
@@ -9,7 +8,7 @@ declare function Progress({
   className,
   value,
   ...props
-}: ProgressProps): _$react_jsx_runtime0.JSX.Element;
+}: ProgressProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Progress, ProgressProps };
 //# sourceMappingURL=progress.d.ts.map

package/dist/components/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":["ProgressPrimitive"],"sources":["../../src/components/progress.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Progress as ProgressPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type ProgressProps = React.ComponentProps<typeof ProgressPrimitive.Root>\n\nfunction Progress({ className, value, ...props }: ProgressProps) {\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      className={cn('relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted', className)}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"size-full flex-1 bg-primary transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  )\n}\n\nexport { Progress }\n"],"mappings":"8IAQA,SAAS,SAAS,CAAE,YAAW,QAAO,GAAG,GAAwB,CAC/D,OACE,EAACA,EAAkB,KAAnB,CACE,YAAU,WACV,UAAW,EAAG,gFAAiF,EAAU,CACzG,GAAI,WAEJ,EAACA,EAAkB,UAAnB,CACE,YAAU,qBACV,UAAU,6CACV,MAAO,CAAE,UAAW,eAAe,KAAO,GAAS,GAAG,IAAK,CAC3D,CAAA,CACqB,CAAA"}
+{"version":3,"file":"progress.js","names":["ProgressPrimitive"],"sources":["../../src/components/progress.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Progress as ProgressPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type ProgressProps = React.ComponentProps<typeof ProgressPrimitive.Root>\n\nfunction Progress({ className, value, ...props }: ProgressProps) {\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      className={cn('relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted', className)}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"size-full flex-1 bg-primary transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  )\n}\n\nexport { Progress }\n"],"mappings":"8IAQA,SAAS,SAAS,CAAE,YAAW,QAAO,GAAG,GAAwB,CAC/D,OACE,EAACA,EAAkB,KAAnB,CACE,YAAU,WACV,UAAW,EAAG,gFAAiF,CAAS,EACxG,GAAI,WAEJ,EAACA,EAAkB,UAAnB,CACE,YAAU,qBACV,UAAU,6CACV,MAAO,CAAE,UAAW,eAAe,KAAO,GAAS,GAAG,GAAI,CAC3D,CAAA,CACqB,CAAA,CAE5B"}

package/dist/components/radio-group.d.ts

@@ -2,11 +2,9 @@ import { n as __name } from "../chunk-CHh1Zzun.js";
 import { UIColor } from "../lib/color.js";
 import { LabelProps } from "./label.js";
 import { RadioGroup as RadioGroup$1 } from "radix-ui";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 import { ReactNode } from "react";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/radio-group.d.ts
 type RadioGroupProps = React.ComponentProps<typeof RadioGroup$1.Root> & {
@@ -15,7 +13,7 @@ type RadioGroupProps = React.ComponentProps<typeof RadioGroup$1.Root> & {
 declare const radioGroupItemVariants: (props?: ({
   color?: "primary" | "brand" | "gray" | "zinc" | "red" | "yellow" | "blue" | "indigo" | "pink" | "green" | null | undefined;
   size?: "sm" | "md" | "lg" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type RadioGroupItemProps = React.ComponentProps<typeof RadioGroup$1.Item> & VariantProps<typeof radioGroupItemVariants> & {
   color?: UIColor;
   label?: ReactNode;
@@ -25,7 +23,7 @@ declare function RadioGroup({
   className,
   color,
   ...props
-}: RadioGroupProps): _$react_jsx_runtime0.JSX.Element;
+}: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
 declare function RadioGroupItem({
   className,
   color,
@@ -34,7 +32,7 @@ declare function RadioGroupItem({
   labelProps,
   size,
   ...props
-}: RadioGroupItemProps): _$react_jsx_runtime0.JSX.Element;
+}: RadioGroupItemProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps };
 //# sourceMappingURL=radio-group.d.ts.map

package/dist/components/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","names":["RadioGroupPrimitive","Label"],"sources":["../../src/components/radio-group.tsx"],"sourcesContent":["import type * as React from 'react'\nimport { type ReactNode, useId } from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui'\n\nimport type { UIColor } from '../lib/color'\nimport { selectionControlColorVariants } from '../lib/color'\nimport { cn } from '../lib/utils'\nimport { useFieldControlId } from './field'\nimport { Label, type LabelProps } from './label'\n\nexport type RadioGroupProps = React.ComponentProps<typeof RadioGroupPrimitive.Root> & {\n  color?: UIColor\n}\n\nconst radioGroupItemVariants = cva(\n  [\n    'group/radio-group-item peer relative flex aspect-square shrink-0 rounded-full border border-input outline-none',\n    'after:absolute after:-inset-x-3 after:-inset-y-2',\n    'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20',\n    'aria-invalid:aria-checked:border-(--selection-control) dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',\n    'dark:bg-input/30',\n    'data-checked:border-(--selection-control) data-checked:bg-(--selection-control) data-checked:text-(--selection-control-foreground)'\n  ],\n  {\n    variants: {\n      color: selectionControlColorVariants,\n      size: {\n        sm: 'size-4',\n        md: 'size-4.5',\n        lg: 'size-5.5'\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n  }\n)\n\nconst radioGroupIndicatorVariants = cva('flex items-center justify-center', {\n  variants: {\n    size: {\n      sm: 'size-4',\n      md: 'size-4.5',\n      lg: 'size-5.5'\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nconst radioGroupIndicatorDotVariants = cva('absolute top-1/2 left-1/2 rounded-full bg-primary-foreground', {\n  variants: {\n    size: {\n      sm: 'size-1.5',\n      md: 'size-2',\n      lg: 'size-2.5'\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nconst radioGroupItemLabelVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'text-xs',\n      md: 'text-sm',\n      lg: 'text-xl'\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nexport type RadioGroupItemProps = React.ComponentProps<typeof RadioGroupPrimitive.Item> &\n  VariantProps<typeof radioGroupItemVariants> & {\n    color?: UIColor\n    label?: ReactNode\n    labelProps?: Omit<LabelProps, 'children' | 'htmlFor'>\n  }\n\nfunction RadioGroup({ className, color = 'primary', ...props }: RadioGroupProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"radio-group\"\n      data-color={color}\n      className={cn('grid w-full gap-2', selectionControlColorVariants[color], className)}\n      {...props}\n    />\n  )\n}\n\nfunction RadioGroupItem({ className, color, id, label, labelProps, size = 'md', ...props }: RadioGroupItemProps) {\n  const generatedId = useId()\n  const fieldControlId = useFieldControlId(id)\n  const hasLabel = label !== undefined\n  const resolvedId = fieldControlId ?? (hasLabel ? generatedId : undefined)\n  const { className: labelClassName, ...labelRootProps } = labelProps ?? {}\n\n  const item = (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      data-color={color}\n      data-size={size}\n      id={resolvedId}\n      className={cn(radioGroupItemVariants({ color, size }), className)}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className={cn(radioGroupIndicatorVariants({ size }))}\n      >\n        <span className={cn(radioGroupIndicatorDotVariants({ size }), '-translate-x-1/2 -translate-y-1/2')} />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n\n  if (!hasLabel) {\n    return item\n  }\n\n  return (\n    <div data-slot=\"radio-group-item-field\" className=\"flex items-center gap-2\">\n      {item}\n      <Label\n        {...labelRootProps}\n        htmlFor={resolvedId}\n        className={cn(radioGroupItemLabelVariants({ size }), labelClassName)}\n      >\n        {label}\n      </Label>\n    </div>\n  )\n}\n\nexport { RadioGroup, RadioGroupItem }\n"],"mappings":"yXAgBA,MAAM,EAAyB,EAC7B,CACE,iHACA,mDACA,4EACA,kDACA,uFACA,uIACA,mBACA,qIACD,CACD,CACE,SAAU,CACR,MAAO,EACP,KAAM,CACJ,GAAI,SACJ,GAAI,WACJ,GAAI,WACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF,CAEK,EAA8B,EAAI,mCAAoC,CAC1E,SAAU,CACR,KAAM,CACJ,GAAI,SACJ,GAAI,WACJ,GAAI,WACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CAAC,CAEI,EAAiC,EAAI,+DAAgE,CACzG,SAAU,CACR,KAAM,CACJ,GAAI,WACJ,GAAI,SACJ,GAAI,WACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CAAC,CAEI,EAA8B,EAAI,GAAI,CAC1C,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CAAC,CASF,SAAS,WAAW,CAAE,YAAW,QAAQ,UAAW,GAAG,GAA0B,CAC/E,OACE,EAACA,EAAoB,KAArB,CACE,YAAU,cACV,aAAY,EACZ,UAAW,EAAG,oBAAqB,EAA8B,GAAQ,EAAU,CACnF,GAAI,EACJ,CAAA,CAIN,SAAS,eAAe,CAAE,YAAW,QAAO,KAAI,QAAO,aAAY,OAAO,KAAM,GAAG,GAA8B,CAC/G,IAAM,EAAc,GAAO,CACrB,EAAiB,EAAkB,EAAG,CACtC,EAAW,IAAU,IAAA,GACrB,EAAa,IAAmB,EAAW,EAAc,IAAA,IACzD,CAAE,UAAW,EAAgB,GAAG,GAAmB,GAAc,EAAE,CAEnE,EACJ,EAACA,EAAoB,KAArB,CACE,YAAU,mBACV,aAAY,EACZ,YAAW,EACX,GAAI,EACJ,UAAW,EAAG,EAAuB,CAAE,QAAO,OAAM,CAAC,CAAE,EAAU,CACjE,GAAI,WAEJ,EAACA,EAAoB,UAArB,CACE,YAAU,wBACV,UAAW,EAAG,EAA4B,CAAE,OAAM,CAAC,CAAC,UAEpD,EAAC,OAAD,CAAM,UAAW,EAAG,EAA+B,CAAE,OAAM,CAAC,CAAE,oCAAoC,CAAI,CAAA,CACxE,CAAA,CACP,CAAA,CAO7B,OAJK,EAKH,EAAC,MAAD,CAAK,YAAU,yBAAyB,UAAU,mCAAlD,CACG,EACD,EAACC,EAAD,CACE,GAAI,EACJ,QAAS,EACT,UAAW,EAAG,EAA4B,CAAE,OAAM,CAAC,CAAE,EAAe,UAEnE,EACK,CAAA,CACJ,GAbC"}
+{"version":3,"file":"radio-group.js","names":["RadioGroupPrimitive","Label"],"sources":["../../src/components/radio-group.tsx"],"sourcesContent":["import type * as React from 'react'\nimport { type ReactNode, useId } from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui'\n\nimport type { UIColor } from '../lib/color'\nimport { selectionControlColorVariants } from '../lib/color'\nimport { cn } from '../lib/utils'\nimport { useFieldControlId } from './field'\nimport { Label, type LabelProps } from './label'\n\nexport type RadioGroupProps = React.ComponentProps<typeof RadioGroupPrimitive.Root> & {\n  color?: UIColor\n}\n\nconst radioGroupItemVariants = cva(\n  [\n    'group/radio-group-item peer relative flex aspect-square shrink-0 rounded-full border border-input outline-none',\n    'after:absolute after:-inset-x-3 after:-inset-y-2',\n    'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20',\n    'aria-invalid:aria-checked:border-(--selection-control) dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',\n    'dark:bg-input/30',\n    'data-checked:border-(--selection-control) data-checked:bg-(--selection-control) data-checked:text-(--selection-control-foreground)'\n  ],\n  {\n    variants: {\n      color: selectionControlColorVariants,\n      size: {\n        sm: 'size-4',\n        md: 'size-4.5',\n        lg: 'size-5.5'\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n  }\n)\n\nconst radioGroupIndicatorVariants = cva('flex items-center justify-center', {\n  variants: {\n    size: {\n      sm: 'size-4',\n      md: 'size-4.5',\n      lg: 'size-5.5'\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nconst radioGroupIndicatorDotVariants = cva('absolute top-1/2 left-1/2 rounded-full bg-primary-foreground', {\n  variants: {\n    size: {\n      sm: 'size-1.5',\n      md: 'size-2',\n      lg: 'size-2.5'\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nconst radioGroupItemLabelVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'text-xs',\n      md: 'text-sm',\n      lg: 'text-xl'\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nexport type RadioGroupItemProps = React.ComponentProps<typeof RadioGroupPrimitive.Item> &\n  VariantProps<typeof radioGroupItemVariants> & {\n    color?: UIColor\n    label?: ReactNode\n    labelProps?: Omit<LabelProps, 'children' | 'htmlFor'>\n  }\n\nfunction RadioGroup({ className, color = 'primary', ...props }: RadioGroupProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"radio-group\"\n      data-color={color}\n      className={cn('grid w-full gap-2', selectionControlColorVariants[color], className)}\n      {...props}\n    />\n  )\n}\n\nfunction RadioGroupItem({ className, color, id, label, labelProps, size = 'md', ...props }: RadioGroupItemProps) {\n  const generatedId = useId()\n  const fieldControlId = useFieldControlId(id)\n  const hasLabel = label !== undefined\n  const resolvedId = fieldControlId ?? (hasLabel ? generatedId : undefined)\n  const { className: labelClassName, ...labelRootProps } = labelProps ?? {}\n\n  const item = (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      data-color={color}\n      data-size={size}\n      id={resolvedId}\n      className={cn(radioGroupItemVariants({ color, size }), className)}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className={cn(radioGroupIndicatorVariants({ size }))}\n      >\n        <span className={cn(radioGroupIndicatorDotVariants({ size }), '-translate-x-1/2 -translate-y-1/2')} />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n\n  if (!hasLabel) {\n    return item\n  }\n\n  return (\n    <div data-slot=\"radio-group-item-field\" className=\"flex items-center gap-2\">\n      {item}\n      <Label\n        {...labelRootProps}\n        htmlFor={resolvedId}\n        className={cn(radioGroupItemLabelVariants({ size }), labelClassName)}\n      >\n        {label}\n      </Label>\n    </div>\n  )\n}\n\nexport { RadioGroup, RadioGroupItem }\n"],"mappings":"yXAgBA,MAAM,EAAyB,EAC7B,CACE,iHACA,mDACA,4EACA,kDACA,uFACA,uIACA,mBACA,oIACF,EACA,CACE,SAAU,CACR,MAAO,EACP,KAAM,CACJ,GAAI,SACJ,GAAI,WACJ,GAAI,UACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,EAEM,EAA8B,EAAI,mCAAoC,CAC1E,SAAU,CACR,KAAM,CACJ,GAAI,SACJ,GAAI,WACJ,GAAI,UACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAEK,EAAiC,EAAI,+DAAgE,CACzG,SAAU,CACR,KAAM,CACJ,GAAI,WACJ,GAAI,SACJ,GAAI,UACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAEK,EAA8B,EAAI,GAAI,CAC1C,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,SACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EASD,SAAS,WAAW,CAAE,YAAW,QAAQ,UAAW,GAAG,GAA0B,CAC/E,OACE,EAACA,EAAoB,KAArB,CACE,YAAU,cACV,aAAY,EACZ,UAAW,EAAG,oBAAqB,EAA8B,GAAQ,CAAS,EAClF,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,eAAe,CAAE,YAAW,QAAO,KAAI,QAAO,aAAY,OAAO,KAAM,GAAG,GAA8B,CAC/G,IAAM,EAAc,EAAM,EACpB,EAAiB,EAAkB,CAAE,EACrC,EAAW,IAAU,IAAA,GACrB,EAAa,IAAmB,EAAW,EAAc,IAAA,IACzD,CAAE,UAAW,EAAgB,GAAG,GAAmB,GAAc,CAAC,EAElE,EACJ,EAACA,EAAoB,KAArB,CACE,YAAU,mBACV,aAAY,EACZ,YAAW,EACX,GAAI,EACJ,UAAW,EAAG,EAAuB,CAAE,QAAO,MAAK,CAAC,EAAG,CAAS,EAChE,GAAI,WAEJ,EAACA,EAAoB,UAArB,CACE,YAAU,wBACV,UAAW,EAAG,EAA4B,CAAE,MAAK,CAAC,CAAC,WAEnD,EAAC,OAAD,CAAM,UAAW,EAAG,EAA+B,CAAE,MAAK,CAAC,EAAG,mCAAmC,CAAI,CAAA,CACxE,CAAA,CACP,CAAA,EAO5B,OAJK,EAKH,EAAC,MAAD,CAAK,YAAU,yBAAyB,UAAU,mCAAlD,CACG,EACD,EAACC,EAAD,CACE,GAAI,EACJ,QAAS,EACT,UAAW,EAAG,EAA4B,CAAE,MAAK,CAAC,EAAG,CAAc,WAElE,CACI,CAAA,CACJ,IAbE,CAeX"}

package/dist/components/resizable.d.ts

@@ -1,5 +1,4 @@
 import { n as __name } from "../chunk-CHh1Zzun.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as ResizablePrimitive from "react-resizable-panels";
 
 //#region src/components/resizable.d.ts
@@ -11,15 +10,15 @@ type ResizableHandleProps = ResizablePrimitive.SeparatorProps & {
 declare function ResizablePanelGroup({
   className,
   ...props
-}: ResizablePanelGroupProps): _$react_jsx_runtime0.JSX.Element;
+}: ResizablePanelGroupProps): import("react/jsx-runtime").JSX.Element;
 declare function ResizablePanel({
   ...props
-}: ResizablePanelProps): _$react_jsx_runtime0.JSX.Element;
+}: ResizablePanelProps): import("react/jsx-runtime").JSX.Element;
 declare function ResizableHandle({
   withHandle,
   className,
   ...props
-}: ResizableHandleProps): _$react_jsx_runtime0.JSX.Element;
+}: ResizableHandleProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { ResizableHandle, ResizableHandleProps, ResizablePanel, ResizablePanelGroup, ResizablePanelGroupProps, ResizablePanelProps };
 //# sourceMappingURL=resizable.d.ts.map

package/dist/components/resizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizable.js","names":[],"sources":["../../src/components/resizable.tsx"],"sourcesContent":["import * as ResizablePrimitive from 'react-resizable-panels'\n\nimport { cn } from '../lib/utils'\n\nexport type ResizablePanelGroupProps = ResizablePrimitive.GroupProps\n\nexport type ResizablePanelProps = ResizablePrimitive.PanelProps\n\nexport type ResizableHandleProps = ResizablePrimitive.SeparatorProps & {\n  withHandle?: boolean\n}\n\nfunction ResizablePanelGroup({ className, ...props }: ResizablePanelGroupProps) {\n  return (\n    <ResizablePrimitive.Group\n      data-slot=\"resizable-panel-group\"\n      className={cn('flex h-full w-full aria-[orientation=vertical]:flex-col', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ResizablePanel({ ...props }: ResizablePanelProps) {\n  return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />\n}\n\nfunction ResizableHandle({ withHandle, className, ...props }: ResizableHandleProps) {\n  return (\n    <ResizablePrimitive.Separator\n      data-slot=\"resizable-handle\"\n      className={cn(\n        'relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90',\n        className\n      )}\n      {...props}\n    >\n      {withHandle && <div className=\"z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border\" />}\n    </ResizablePrimitive.Separator>\n  )\n}\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup }\n"],"mappings":"mJAYA,SAAS,oBAAoB,CAAE,YAAW,GAAG,GAAmC,CAC9E,OACE,EAAC,EAAmB,MAApB,CACE,YAAU,wBACV,UAAW,EAAG,0DAA2D,EAAU,CACnF,GAAI,EACJ,CAAA,CAIN,SAAS,eAAe,CAAE,GAAG,GAA8B,CACzD,OAAO,EAAC,EAAmB,MAApB,CAA0B,YAAU,kBAAkB,GAAI,EAAS,CAAA,CAG5E,SAAS,gBAAgB,CAAE,aAAY,YAAW,GAAG,GAA+B,CAClF,OACE,EAAC,EAAmB,UAApB,CACE,YAAU,mBACV,UAAW,EACT,ukBACA,EACD,CACD,GAAI,WAEH,GAAc,EAAC,MAAD,CAAK,UAAU,kDAAoD,CAAA,CACrD,CAAA"}
+{"version":3,"file":"resizable.js","names":[],"sources":["../../src/components/resizable.tsx"],"sourcesContent":["import * as ResizablePrimitive from 'react-resizable-panels'\n\nimport { cn } from '../lib/utils'\n\nexport type ResizablePanelGroupProps = ResizablePrimitive.GroupProps\n\nexport type ResizablePanelProps = ResizablePrimitive.PanelProps\n\nexport type ResizableHandleProps = ResizablePrimitive.SeparatorProps & {\n  withHandle?: boolean\n}\n\nfunction ResizablePanelGroup({ className, ...props }: ResizablePanelGroupProps) {\n  return (\n    <ResizablePrimitive.Group\n      data-slot=\"resizable-panel-group\"\n      className={cn('flex h-full w-full aria-[orientation=vertical]:flex-col', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ResizablePanel({ ...props }: ResizablePanelProps) {\n  return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />\n}\n\nfunction ResizableHandle({ withHandle, className, ...props }: ResizableHandleProps) {\n  return (\n    <ResizablePrimitive.Separator\n      data-slot=\"resizable-handle\"\n      className={cn(\n        'relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90',\n        className\n      )}\n      {...props}\n    >\n      {withHandle && <div className=\"z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border\" />}\n    </ResizablePrimitive.Separator>\n  )\n}\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup }\n"],"mappings":"mJAYA,SAAS,oBAAoB,CAAE,YAAW,GAAG,GAAmC,CAC9E,OACE,EAAC,EAAmB,MAApB,CACE,YAAU,wBACV,UAAW,EAAG,0DAA2D,CAAS,EAClF,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,eAAe,CAAE,GAAG,GAA8B,CACzD,OAAO,EAAC,EAAmB,MAApB,CAA0B,YAAU,kBAAkB,GAAI,CAAQ,CAAA,CAC3E,CAEA,SAAS,gBAAgB,CAAE,aAAY,YAAW,GAAG,GAA+B,CAClF,OACE,EAAC,EAAmB,UAApB,CACE,YAAU,mBACV,UAAW,EACT,ukBACA,CACF,EACA,GAAI,WAEH,GAAc,EAAC,MAAD,CAAK,UAAU,iDAAmD,CAAA,CACrD,CAAA,CAElC"}

package/dist/components/scroll-area.d.ts

@@ -1,6 +1,5 @@
 import { n as __name } from "../chunk-CHh1Zzun.js";
 import { ScrollArea as ScrollArea$1 } from "radix-ui";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/components/scroll-area.d.ts
@@ -10,12 +9,12 @@ declare function ScrollArea({
   className,
   children,
   ...props
-}: ScrollAreaProps): _$react_jsx_runtime0.JSX.Element;
+}: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
 declare function ScrollBar({
   className,
   orientation,
   ...props
-}: ScrollBarProps): _$react_jsx_runtime0.JSX.Element;
+}: ScrollBarProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { ScrollArea, ScrollAreaProps, ScrollBar, ScrollBarProps };
 //# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.js","names":["ScrollAreaPrimitive"],"sources":["../../src/components/scroll-area.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type ScrollAreaProps = React.ComponentProps<typeof ScrollAreaPrimitive.Root>\n\nexport type ScrollBarProps = React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n\nfunction ScrollArea({ className, children, ...props }: ScrollAreaProps) {\n  return (\n    <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative', className)} {...props}>\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className={cn(\n          'size-full rounded-[inherit] transition-[color,box-shadow] outline-none',\n          'focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1'\n        )}\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  )\n}\n\nfunction ScrollBar({ className, orientation = 'vertical', ...props }: ScrollBarProps) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\n        'flex touch-none p-px transition-colors select-none',\n        'data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent',\n        'data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent',\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"relative flex-1 rounded-full bg-border\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n}\n\nexport { ScrollArea, ScrollBar }\n"],"mappings":"0JAUA,SAAS,WAAW,CAAE,YAAW,WAAU,GAAG,GAA0B,CACtE,OACE,EAACA,EAAoB,KAArB,CAA0B,YAAU,cAAc,UAAW,EAAG,WAAY,EAAU,CAAE,GAAI,WAA5F,CACE,EAACA,EAAoB,SAArB,CACE,YAAU,uBACV,UAAW,EACT,yEACA,8EACD,CAEA,WAC4B,CAAA,CAC/B,EAAC,UAAD,EAAa,CAAA,CACb,EAACA,EAAoB,OAArB,EAA8B,CAAA,CACL,GAI/B,SAAS,UAAU,CAAE,YAAW,cAAc,WAAY,GAAG,GAAyB,CACpF,OACE,EAACA,EAAoB,oBAArB,CACE,YAAU,wBACV,mBAAkB,EACL,cACb,UAAW,EACT,qDACA,+GACA,qGACA,EACD,CACD,GAAI,WAEJ,EAACA,EAAoB,gBAArB,CACE,YAAU,oBACV,UAAU,yCACV,CAAA,CACsC,CAAA"}
+{"version":3,"file":"scroll-area.js","names":["ScrollAreaPrimitive"],"sources":["../../src/components/scroll-area.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type ScrollAreaProps = React.ComponentProps<typeof ScrollAreaPrimitive.Root>\n\nexport type ScrollBarProps = React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n\nfunction ScrollArea({ className, children, ...props }: ScrollAreaProps) {\n  return (\n    <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative', className)} {...props}>\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className={cn(\n          'size-full rounded-[inherit] transition-[color,box-shadow] outline-none',\n          'focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1'\n        )}\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  )\n}\n\nfunction ScrollBar({ className, orientation = 'vertical', ...props }: ScrollBarProps) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\n        'flex touch-none p-px transition-colors select-none',\n        'data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent',\n        'data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent',\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"relative flex-1 rounded-full bg-border\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n}\n\nexport { ScrollArea, ScrollBar }\n"],"mappings":"0JAUA,SAAS,WAAW,CAAE,YAAW,WAAU,GAAG,GAA0B,CACtE,OACE,EAACA,EAAoB,KAArB,CAA0B,YAAU,cAAc,UAAW,EAAG,WAAY,CAAS,EAAG,GAAI,WAA5F,CACE,EAACA,EAAoB,SAArB,CACE,YAAU,uBACV,UAAW,EACT,yEACA,6EACF,EAEC,UAC2B,CAAA,EAC9B,EAAC,UAAD,CAAY,CAAA,EACZ,EAACA,EAAoB,OAArB,CAA6B,CAAA,CACL,GAE9B,CAEA,SAAS,UAAU,CAAE,YAAW,cAAc,WAAY,GAAG,GAAyB,CACpF,OACE,EAACA,EAAoB,oBAArB,CACE,YAAU,wBACV,mBAAkB,EACL,cACb,UAAW,EACT,qDACA,+GACA,qGACA,CACF,EACA,GAAI,WAEJ,EAACA,EAAoB,gBAArB,CACE,YAAU,oBACV,UAAU,wCACX,CAAA,CACsC,CAAA,CAE7C"}

package/dist/components/select.d.ts

@@ -1,6 +1,5 @@
 import { n as __name } from "../chunk-CHh1Zzun.js";
 import { Select as Select$1 } from "radix-ui";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/components/select.d.ts
@@ -18,49 +17,49 @@ type SelectScrollUpButtonProps = React.ComponentProps<typeof Select$1.ScrollUpBu
 type SelectScrollDownButtonProps = React.ComponentProps<typeof Select$1.ScrollDownButton>;
 declare function Select({
   ...props
-}: SelectProps): _$react_jsx_runtime0.JSX.Element;
+}: SelectProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectGroup({
   className,
   ...props
-}: SelectGroupProps): _$react_jsx_runtime0.JSX.Element;
+}: SelectGroupProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectValue({
   ...props
-}: SelectValueProps): _$react_jsx_runtime0.JSX.Element;
+}: SelectValueProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectTrigger({
   className,
   id,
   size,
   children,
   ...props
-}: SelectTriggerProps): _$react_jsx_runtime0.JSX.Element;
+}: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectContent({
   className,
   children,
   position,
   align,
   ...props
-}: SelectContentProps): _$react_jsx_runtime0.JSX.Element;
+}: SelectContentProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectLabel({
   className,
   ...props
-}: SelectLabelProps): _$react_jsx_runtime0.JSX.Element;
+}: SelectLabelProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectItem({
   className,
   children,
   ...props
-}: SelectItemProps): _$react_jsx_runtime0.JSX.Element;
+}: SelectItemProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectSeparator({
   className,
   ...props
-}: SelectSeparatorProps): _$react_jsx_runtime0.JSX.Element;
+}: SelectSeparatorProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectScrollUpButton({
   className,
   ...props
-}: SelectScrollUpButtonProps): _$react_jsx_runtime0.JSX.Element;
+}: SelectScrollUpButtonProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectScrollDownButton({
   className,
   ...props
-}: SelectScrollDownButtonProps): _$react_jsx_runtime0.JSX.Element;
+}: SelectScrollDownButtonProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupProps, SelectItem, SelectItemProps, SelectLabel, SelectLabelProps, SelectProps, SelectScrollDownButton, SelectScrollDownButtonProps, SelectScrollUpButton, SelectScrollUpButtonProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps };
 //# sourceMappingURL=select.d.ts.map