@incognia/cosmik 1.1.0 → 1.1.2

package/dist/index20.js.map

@@ -1 +1 @@
-{"version":3,"file":"index20.js","names":[],"sources":["../src/DropdownMenu/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border border-gray-900/8 shadow-200',\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: 'default' | 'destructive'\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-gray-200 focus:text-gray-900 data-[variant=destructive]:text-magenta-700 data-[variant=destructive]:focus:bg-magenta-100 data-[variant=destructive]:focus:text-magenta-700 data-[variant=destructive]:*:[svg]:!text-magenta-700 [&_svg:not([class*='text-'])]:text-gray-700 relative flex cursor-default items-center gap-8 rounded px-16 py-8 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[inset]:pl-32 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-8 flex size-[14px] items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-16\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-8 flex size-[14px] items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-8 fill-gray-900\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        'px-16 py-8 text-base font-semibold data-[inset]:pl-32',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('bg-gray-900/8 h-px', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn('ml-auto text-sm tracking-widest opacity-40', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        'focus:bg-gray-200 focus:text-gray-900 data-[state=open]:bg-gray-200 data-[state=open]:text-gray-900 flex cursor-default items-center rounded px-16 py-8 text-base outline-none select-none data-[inset]:pl-32',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-16\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        'bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-48 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded border border-gray-900/8 p-4 shadow-200',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger\n}\n"],"mappings":";;;;;;;;AAOA,SAAS,EAAa,EACpB,GAAG,KACuD;CAC1D,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAsB,MAAvB;EAA4B,aAAU;EAAgB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,EAAmB,EAC1B,GAAG,KACyD;CAC5D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAsB,QAAvB;EAA8B,aAAU;EAAuB,GAAI;CAAQ,CAAA;AAE/E;AAEA,SAAS,EAAoB,EAC3B,GAAG,KAC0D;CAC7D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAsB,SAAvB;EACE,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAoB,EAC3B,cACA,gBAAa,GACb,GAAG,KAC0D;CAC7D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAsB,QAAvB,EAAA,UACE,iBAAA,GAAA,EAAA,KAAC,EAAsB,SAAvB;EACE,aAAU;EACE;EACZ,WAAW,EACT,0jBACA,CACF;EACA,GAAI;CACL,CAAA,EAC2B,CAAA;AAElC;AAEA,SAAS,EAAkB,EACzB,GAAG,KACwD;CAC3D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAsB,OAAvB;EAA6B,aAAU;EAAsB,GAAI;CAAQ,CAAA;AAE7E;AAEA,SAAS,EAAiB,EACxB,cACA,UACA,aAAU,WACV,GAAG,KAIF;CACD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAsB,MAAvB;EACE,aAAU;EACV,cAAY;EACZ,gBAAc;EACd,WAAW,EACT,miBACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAyB,EAChC,cACA,aACA,YACA,GAAG,KAC+D;CAClE,OACE,iBAAA,GAAA,EAAA,MAAC,EAAsB,cAAvB;EACE,aAAU;EACV,WAAW,EACT,sSACA,CACF;EACS;EACT,GAAI;YAPN,CASE,iBAAA,GAAA,EAAA,KAAC,QAAD;GAAM,WAAU;aACd,iBAAA,GAAA,EAAA,KAAC,EAAsB,eAAvB,EAAA,UACE,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EACG,CAAA;EACjC,CAAA,GACL,CACiC;;AAExC;AAEA,SAAS,EAAuB,EAC9B,GAAG,KAC6D;CAChE,OACE,iBAAA,GAAA,EAAA,KAAC,EAAsB,YAAvB;EACE,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAsB,EAC7B,cACA,aACA,GAAG,KAC4D;CAC/D,OACE,iBAAA,GAAA,EAAA,MAAC,EAAsB,WAAvB;EACE,aAAU;EACV,WAAW,EACT,sSACA,CACF;EACA,GAAI;YANN,CAQE,iBAAA,GAAA,EAAA,KAAC,QAAD;GAAM,WAAU;aACd,iBAAA,GAAA,EAAA,KAAC,EAAsB,eAAvB,EAAA,UACE,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAY,WAAU,uBAAwB,CAAA,EACX,CAAA;EACjC,CAAA,GACL,CAC8B;;AAErC;AAEA,SAAS,EAAkB,EACzB,cACA,UACA,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAsB,OAAvB;EACE,aAAU;EACV,cAAY;EACZ,WAAW,EACT,yDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAsB,EAC7B,cACA,GAAG,KAC4D;CAC/D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAsB,WAAvB;EACE,aAAU;EACV,WAAW,EAAG,sBAAsB,CAAS;EAC7C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAqB,EAC5B,cACA,GAAG,KAC4B;CAC/B,OACE,iBAAA,GAAA,EAAA,KAAC,QAAD;EACE,aAAU;EACV,WAAW,EAAG,8CAA8C,CAAS;EACrE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EACvB,GAAG,KACsD;CACzD,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAsB,KAAvB;EAA2B,aAAU;EAAoB,GAAI;CAAQ,CAAA;AAC9E;AAEA,SAAS,EAAuB,EAC9B,cACA,UACA,aACA,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,MAAC,EAAsB,YAAvB;EACE,aAAU;EACV,cAAY;EACZ,WAAW,EACT,iNACA,CACF;EACA,GAAI;YAPN,CASG,GACD,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAkB,WAAU,kBAAmB,CAAA,CACf;;AAEtC;AAEA,SAAS,EAAuB,EAC9B,cACA,GAAG,KAC6D;CAChE,OACE,iBAAA,GAAA,EAAA,KAAC,EAAsB,YAAvB;EACE,aAAU;EACV,WAAW,EACT,qfACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index20.js","names":[],"sources":["../src/FilterBar/index.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../lib/utils'\nimport { GradientScroll, gradientVariants } from './GradientScroll'\n\ntype FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {\n  className?: string\n}\n\nexport function FilterBar({ className, ...props }: FilterBarProps) {\n  return <div className={cn('flex w-full', className)} {...props} />\n}\n\ninterface FilterBarScrollableContentProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gradientVariants> {}\n\nexport function FilterBarScrollableContent({\n  variant,\n  children,\n  ...props\n}: FilterBarScrollableContentProps) {\n  return (\n    <GradientScroll variant={variant} {...props}>\n      <div className=\"flex items-center space-x-8 w-fit\">{children}</div>\n    </GradientScroll>\n  )\n}\n\ntype FilterBarContentProps = FilterBarProps\n\nexport function FilterBarContent({\n  className,\n  ...props\n}: FilterBarContentProps) {\n  return <div className={cn('flex space-x-8', className)} {...props} />\n}\n"],"mappings":";;;;;AASA,SAAgB,EAAU,EAAE,cAAW,GAAG,KAAyB;CACjE,OAAO,kBAAC,OAAD;EAAK,WAAW,EAAG,eAAe,CAAS;EAAG,GAAI;CAAQ,CAAA;AACnE;AAMA,SAAgB,EAA2B,EACzC,YACA,aACA,GAAG,KAC+B;CAClC,OACE,kBAAC,GAAD;EAAyB;EAAS,GAAI;YACpC,kBAAC,OAAD;GAAK,WAAU;GAAqC;EAAc,CAAA;CACpD,CAAA;AAEpB;AAIA,SAAgB,EAAiB,EAC/B,cACA,GAAG,KACqB;CACxB,OAAO,kBAAC,OAAD;EAAK,WAAW,EAAG,kBAAkB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACtE"}

package/dist/index21.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("@radix-ui/react-popover");i=e.__toESM(i,1);var a=n.default;function o({...e}){return(0,a.jsx)(i.Root,{"data-slot":`popover`,...e})}function s({...e}){return(0,a.jsx)(i.Trigger,{"data-slot":`popover-trigger`,...e})}function c({className:e,align:n=`center`,sideOffset:r=4,portalled:o=!0,container:s,...c}){let l=(0,a.jsx)(i.Content,{"data-slot":`popover-content`,align:n,sideOffset:r,className:t.cn(`bg-white text-gray-800 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden`,e),...c});return o?(0,a.jsx)(i.Portal,{container:s,children:l}):l}function l({...e}){return(0,a.jsx)(i.Anchor,{"data-slot":`popover-anchor`,...e})}exports.Popover=o,exports.PopoverAnchor=l,exports.PopoverContent=c,exports.PopoverTrigger=s;
+const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index20.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({className:e,...n}){return(0,i.jsx)(`div`,{className:t.cn(`flex w-full`,e),...n})}function o({variant:e,children:t,...r}){return(0,i.jsx)(n.GradientScroll,{variant:e,...r,children:(0,i.jsx)(`div`,{className:`flex items-center space-x-8 w-fit`,children:t})})}function s({className:e,...n}){return(0,i.jsx)(`div`,{className:t.cn(`flex space-x-8`,e),...n})}exports.FilterBar=a,exports.FilterBarContent=s,exports.FilterBarScrollableContent=o;
 //# sourceMappingURL=index21.cjs.map

package/dist/index21.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index21.cjs","names":[],"sources":["../src/Popover/index.tsx"],"sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  portalled = true,\n  container,\n  ...props\n}: PopoverContentProps) {\n  const content = (\n    <PopoverPrimitive.Content\n      data-slot=\"popover-content\"\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'bg-white text-gray-800 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n\n  if (!portalled) return content\n\n  return (\n    <PopoverPrimitive.Portal container={container}>\n      {content}\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport type PopoverContentProps = React.ComponentProps<\n  typeof PopoverPrimitive.Content\n> & {\n  portalled?: boolean\n  container?: React.ComponentProps<typeof PopoverPrimitive.Portal>['container']\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"mappings":"oNAMA,SAAS,EAAQ,CACf,GAAG,GACkD,CACrD,OAAO,EAAA,EAAA,KAAC,EAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,CAAQ,CAAA,CAChE,CAEA,SAAS,EAAe,CACtB,GAAG,GACqD,CACxD,OAAO,EAAA,EAAA,KAAC,EAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAI,CAAQ,CAAA,CAC3E,CAEA,SAAS,EAAe,CACtB,YACA,QAAQ,SACR,aAAa,EACb,YAAY,GACZ,YACA,GAAG,GACmB,CACtB,IAAM,GACJ,EAAA,EAAA,KAAC,EAAiB,QAAlB,CACE,YAAU,kBACH,QACK,aACZ,UAAW,EAAA,GACT,2eACA,CACF,EACA,GAAI,CACL,CAAA,EAKH,OAFK,GAGH,EAAA,EAAA,KAAC,EAAiB,OAAlB,CAAoC,qBACjC,CACsB,CAAA,EALJ,CAOzB,CAEA,SAAS,EAAc,CACrB,GAAG,GACoD,CACvD,OAAO,EAAA,EAAA,KAAC,EAAiB,OAAlB,CAAyB,YAAU,iBAAiB,GAAI,CAAQ,CAAA,CACzE"}
+{"version":3,"file":"index21.cjs","names":[],"sources":["../src/FilterBar/index.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../lib/utils'\nimport { GradientScroll, gradientVariants } from './GradientScroll'\n\ntype FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {\n  className?: string\n}\n\nexport function FilterBar({ className, ...props }: FilterBarProps) {\n  return <div className={cn('flex w-full', className)} {...props} />\n}\n\ninterface FilterBarScrollableContentProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gradientVariants> {}\n\nexport function FilterBarScrollableContent({\n  variant,\n  children,\n  ...props\n}: FilterBarScrollableContentProps) {\n  return (\n    <GradientScroll variant={variant} {...props}>\n      <div className=\"flex items-center space-x-8 w-fit\">{children}</div>\n    </GradientScroll>\n  )\n}\n\ntype FilterBarContentProps = FilterBarProps\n\nexport function FilterBarContent({\n  className,\n  ...props\n}: FilterBarContentProps) {\n  return <div className={cn('flex space-x-8', className)} {...props} />\n}\n"],"mappings":"gKASA,SAAgB,EAAU,CAAE,YAAW,GAAG,GAAyB,CACjE,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,cAAe,CAAS,EAAG,GAAI,CAAQ,CAAA,CACnE,CAMA,SAAgB,EAA2B,CACzC,UACA,WACA,GAAG,GAC+B,CAClC,OACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAyB,UAAS,GAAI,YACpC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oCAAqC,UAAc,CAAA,CACpD,CAAA,CAEpB,CAIA,SAAgB,EAAiB,CAC/B,YACA,GAAG,GACqB,CACxB,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,iBAAkB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtE"}

package/dist/index21.js

@@ -1,42 +1,16 @@
-"use client";
-import { cn as e } from "./index7.js";
-import { require_jsx_runtime as t } from "./index10.js";
+import { cn as e } from "./index6.js";
 import "react";
-import * as n from "@radix-ui/react-popover";
-//#region src/Popover/index.tsx
-var r = t();
-function i({ ...e }) {
-	return /* @__PURE__ */ (0, r.jsx)(n.Root, {
-		"data-slot": "popover",
-		...e
-	});
-}
-function a({ ...e }) {
-	return /* @__PURE__ */ (0, r.jsx)(n.Trigger, {
-		"data-slot": "popover-trigger",
-		...e
-	});
-}
-function o({ className: t, align: i = "center", sideOffset: a = 4, portalled: o = !0, container: s, ...c }) {
-	let l = /* @__PURE__ */ (0, r.jsx)(n.Content, {
-		"data-slot": "popover-content",
-		align: i,
-		sideOffset: a,
-		className: e("bg-white text-gray-800 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden", t),
-		...c
-	});
-	return o ? /* @__PURE__ */ (0, r.jsx)(n.Portal, {
-		container: s,
-		children: l
-	}) : l;
-}
-function s({ ...e }) {
-	return /* @__PURE__ */ (0, r.jsx)(n.Anchor, {
-		"data-slot": "popover-anchor",
-		...e
+import { jsx as t } from "react/jsx-runtime";
+//#region src/Input/index.tsx
+function n({ className: n, type: r, ...i }) {
+	return /* @__PURE__ */ t("input", {
+		type: r,
+		"data-slot": "input",
+		className: e("flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base", "file:border-0 file:bg-white file:text-base file:font-semibold", "placeholder:text-gray-400", "hover:shadow-field-hover", "active:shadow-field-active", "focus-visible:outline-none focus:shadow-field-active", "disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none", n),
+		...i
 	});
 }
 //#endregion
-export { i as Popover, s as PopoverAnchor, o as PopoverContent, a as PopoverTrigger };
+export { n as Input };
 
 //# sourceMappingURL=index21.js.map

package/dist/index21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index21.js","names":[],"sources":["../src/Popover/index.tsx"],"sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  portalled = true,\n  container,\n  ...props\n}: PopoverContentProps) {\n  const content = (\n    <PopoverPrimitive.Content\n      data-slot=\"popover-content\"\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'bg-white text-gray-800 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n\n  if (!portalled) return content\n\n  return (\n    <PopoverPrimitive.Portal container={container}>\n      {content}\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport type PopoverContentProps = React.ComponentProps<\n  typeof PopoverPrimitive.Content\n> & {\n  portalled?: boolean\n  container?: React.ComponentProps<typeof PopoverPrimitive.Portal>['container']\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"mappings":";;;;;;;AAMA,SAAS,EAAQ,EACf,GAAG,KACkD;CACrD,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA;AAChE;AAEA,SAAS,EAAe,EACtB,GAAG,KACqD;CACxD,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,EAAe,EACtB,cACA,WAAQ,UACR,gBAAa,GACb,eAAY,IACZ,cACA,GAAG,KACmB;CACtB,IAAM,IACJ,iBAAA,GAAA,EAAA,KAAC,EAAiB,SAAlB;EACE,aAAU;EACH;EACK;EACZ,WAAW,EACT,4eACA,CACF;EACA,GAAI;CACL,CAAA;CAKH,OAFK,IAGH,iBAAA,GAAA,EAAA,KAAC,EAAiB,QAAlB;EAAoC;YACjC;CACsB,CAAA,IALJ;AAOzB;AAEA,SAAS,EAAc,EACrB,GAAG,KACoD;CACvD,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAiB,QAAlB;EAAyB,aAAU;EAAiB,GAAI;CAAQ,CAAA;AACzE"}
+{"version":3,"file":"index21.js","names":[],"sources":["../src/Input/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base',\n        'file:border-0 file:bg-white file:text-base file:font-semibold',\n        'placeholder:text-gray-400',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":";;;;AAGA,SAAS,EAAM,EAAE,cAAW,SAAM,GAAG,KAAwC;CAC3E,OACE,kBAAC,SAAD;EACQ;EACN,aAAU;EACV,WAAW,EACT,4FACA,iEACA,6BACA,4BACA,8BACA,wDACA,wEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/index22.cjs

@@ -1,2 +1,2 @@
-const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs"),r=require("./index12.cjs"),i=require("./index21.cjs");let a=require("lucide-react"),o=require("react");o=e.__toESM(o,1);var s=n.default;function c({children:e,label:n,selectedLabel:c,trigger:l,i18n:u,value:d,onOpenChange:f,onApply:p,contentProps:m={},buttonProps:h={},clearable:g=!0,..._}){let[v,y]=o.default.useState(!1),[b,x]=o.default.useState(d||null),S=d?c?c(d):d.toString():n,C=(0,s.jsxs)(r.Button,{variant:d?`filled`:`outline`,intent:d?`filter`:`secondary`,size:`sm`,className:t.cn(`font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]`,{"pr-12":!!d}),...h,children:[S,g&&d&&(0,s.jsx)(a.LucideX,{className:`w-16 h-16 rounded hover:bg-purple-100 shrink-0`,onClick:e=>{e.preventDefault(),x(null),p?.(void 0)}})]});function w(){p?.(b??void 0),y(!1)}return(0,s.jsxs)(i.Popover,{open:v,onOpenChange:e=>{f?.(e),e||p?.(b??void 0),e&&x(d??null),y(e)},..._,children:[(0,s.jsx)(i.PopoverTrigger,{asChild:!0,children:l||C}),(0,s.jsx)(i.PopoverContent,{className:`w-full min-w-[200px]`,align:`start`,...m,children:(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`div`,{onKeyDown:e=>{if(e.defaultPrevented||e.key!==`Enter`)return;let t=e.target;if(!t)return;let n=t.tagName,r=n===`INPUT`,i=n===`TEXTAREA`,a=n===`BUTTON`,o=t.isContentEditable;!r||i||a||o||(e.preventDefault(),e.stopPropagation(),w())},children:e({onFilterChange:x,filterValue:b})}),(0,s.jsxs)(`div`,{className:`w-full flex justify-between mt-16`,children:[g&&b&&u.clear&&(0,s.jsx)(r.Button,{variant:`link`,intent:`secondary`,size:`fit-content`,type:`button`,onClick:()=>x(null),children:u.clear}),u.apply&&(0,s.jsx)(r.Button,{className:`ml-auto`,variant:`link`,size:`fit-content`,type:`button`,onClick:e=>{e.preventDefault(),w()},children:u.apply})]})]})})]})}exports.Filter=c;
+const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({className:e,type:n,...i}){return(0,r.jsx)(`input`,{type:n,"data-slot":`input`,className:t.cn(`flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base`,`file:border-0 file:bg-white file:text-base file:font-semibold`,`placeholder:text-gray-400`,`hover:shadow-field-hover`,`active:shadow-field-active`,`focus-visible:outline-none focus:shadow-field-active`,`disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none`,e),...i})}exports.Input=i;
 //# sourceMappingURL=index22.cjs.map

package/dist/index22.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index22.cjs","names":[],"sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button, ButtonProps } from '../Button'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger\n} from '../Popover'\nimport { cn } from '../lib/utils'\n\ntype FilterPropsBase<T> = {\n  i18n: {\n    apply?: string\n    clear?: string\n  }\n  value?: T\n  onOpenChange?: (open: boolean) => void\n  onApply: (value?: T) => void\n  children: (props: {\n    onFilterChange: (value: T | null) => void\n    filterValue: T | null\n  }) => React.ReactNode\n  contentProps?: PopoverContentProps\n  buttonProps?: ButtonProps\n  clearable?: boolean\n}\n\ntype FilterPropsWithLabel<T> = FilterPropsBase<T> & {\n  label: string\n  selectedLabel?: (value: T) => React.ReactNode\n  trigger?: never\n}\n\ntype FilterPropsWithTrigger<T> = FilterPropsBase<T> & {\n  trigger: React.ReactNode\n  label?: never\n  selectedLabel?: never\n}\n\ntype FilterProps<T> = FilterPropsWithLabel<T> | FilterPropsWithTrigger<T>\n\nfunction Filter<T>({\n  children,\n  label,\n  selectedLabel,\n  trigger,\n  i18n,\n  value,\n  onOpenChange,\n  onApply,\n  contentProps = {},\n  buttonProps = {},\n  clearable = true,\n  ...props\n}: FilterProps<T>) {\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [localValue, setLocalValue] = React.useState<T | null>(value || null)\n\n  const filterLabel = value\n    ? selectedLabel\n      ? selectedLabel(value)\n      : value.toString()\n    : label\n\n  const defaultTrigger = (\n    <Button\n      variant={value ? 'filled' : 'outline'}\n      intent={value ? 'filter' : 'secondary'}\n      size=\"sm\"\n      className={cn(\n        'font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]',\n        {\n          'pr-12': !!value\n        }\n      )}\n      {...buttonProps}\n    >\n      {filterLabel}\n      {clearable && value && (\n        <LucideX\n          className=\"w-16 h-16 rounded hover:bg-purple-100 shrink-0\"\n          onClick={e => {\n            e.preventDefault()\n            setLocalValue(null)\n            onApply?.(undefined)\n          }}\n        />\n      )}\n    </Button>\n  )\n\n  function handleApply() {\n    onApply?.(localValue ?? undefined)\n    setIsOpen(false)\n  }\n\n  return (\n    <Popover\n      open={isOpen}\n      onOpenChange={open => {\n        onOpenChange?.(open)\n        if (!open) onApply?.(localValue ?? undefined)\n        if (open) setLocalValue(value ?? null)\n        setIsOpen(open)\n      }}\n      {...props}\n    >\n      <PopoverTrigger asChild>{trigger || defaultTrigger}</PopoverTrigger>\n      <PopoverContent\n        className=\"w-full min-w-[200px]\"\n        align=\"start\"\n        {...contentProps}\n      >\n        <div>\n          <div\n            onKeyDown={e => {\n              if (e.defaultPrevented) return\n              if (e.key !== 'Enter') return\n              const target = e.target as HTMLElement | null\n              if (!target) return\n              const tagName = target.tagName\n              const isInput = tagName === 'INPUT'\n              const isTextarea = tagName === 'TEXTAREA'\n              const isButton = tagName === 'BUTTON'\n              const isContentEditable = target.isContentEditable\n              // Only apply on Enter from filter input fields, not from buttons,\n              // textareas, or other interactive/contenteditable elements.\n              if (!isInput || isTextarea || isButton || isContentEditable) {\n                return\n              }\n              e.preventDefault()\n              e.stopPropagation()\n              handleApply()\n            }}\n          >\n            {children({\n              onFilterChange: setLocalValue,\n              filterValue: localValue\n            })}\n          </div>\n          <div className=\"w-full flex justify-between mt-16\">\n            {clearable && localValue && i18n.clear && (\n              <Button\n                variant=\"link\"\n                intent=\"secondary\"\n                size=\"fit-content\"\n                type=\"button\"\n                onClick={() => setLocalValue(null)}\n              >\n                {i18n.clear}\n              </Button>\n            )}\n            {i18n.apply && (\n              <Button\n                className=\"ml-auto\"\n                variant=\"link\"\n                size=\"fit-content\"\n                type=\"button\"\n                onClick={e => {\n                  e.preventDefault()\n                  handleApply()\n                }}\n              >\n                {i18n.apply}\n              </Button>\n            )}\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"mappings":"6NA0CA,SAAS,EAAU,CACjB,WACA,QACA,gBACA,UACA,OACA,QACA,eACA,UACA,eAAe,CAAC,EAChB,cAAc,CAAC,EACf,YAAY,GACZ,GAAG,GACc,CACjB,GAAM,CAAC,EAAQ,GAAa,EAAA,QAAM,SAAS,EAAK,EAC1C,CAAC,EAAY,GAAiB,EAAA,QAAM,SAAmB,GAAS,IAAI,EAEpE,EAAc,EAChB,EACE,EAAc,CAAK,EACnB,EAAM,SAAS,EACjB,EAEE,GACJ,EAAA,EAAA,MAAC,EAAA,OAAD,CACE,QAAS,EAAQ,SAAW,UAC5B,OAAQ,EAAQ,SAAW,YAC3B,KAAK,KACL,UAAW,EAAA,GACT,yEACA,CACE,QAAS,CAAC,CAAC,CACb,CACF,EACA,GAAI,WAVN,CAYG,EACA,GAAa,IACZ,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,UAAU,iDACV,QAAS,GAAK,CACZ,EAAE,eAAe,EACjB,EAAc,IAAI,EAClB,IAAU,IAAA,EAAS,CACrB,CACD,CAAA,CAEG,IAGV,SAAS,GAAc,CACrB,IAAU,GAAc,IAAA,EAAS,EACjC,EAAU,EAAK,CACjB,CAEA,OACE,EAAA,EAAA,MAAC,EAAA,QAAD,CACE,KAAM,EACN,aAAc,GAAQ,CACpB,IAAe,CAAI,EACd,GAAM,IAAU,GAAc,IAAA,EAAS,EACxC,GAAM,EAAc,GAAS,IAAI,EACrC,EAAU,CAAI,CAChB,EACA,GAAI,WARN,EAUE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,QAAA,YAAS,GAAW,CAA+B,CAAA,GACnE,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,UAAU,uBACV,MAAM,QACN,GAAI,YAEJ,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,GAAK,CAEd,GADI,EAAE,kBACF,EAAE,MAAQ,QAAS,OACvB,IAAM,EAAS,EAAE,OACjB,GAAI,CAAC,EAAQ,OACb,IAAM,EAAU,EAAO,QACjB,EAAU,IAAY,QACtB,EAAa,IAAY,WACzB,EAAW,IAAY,SACvB,EAAoB,EAAO,kBAG7B,CAAC,GAAW,GAAc,GAAY,IAG1C,EAAE,eAAe,EACjB,EAAE,gBAAgB,EAClB,EAAY,EACd,WAEC,EAAS,CACR,eAAgB,EAChB,YAAa,CACf,CAAC,CACE,CAAA,GACL,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,CACG,GAAa,GAAc,EAAK,QAC/B,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAQ,OACR,OAAO,YACP,KAAK,cACL,KAAK,SACL,YAAe,EAAc,IAAI,WAEhC,EAAK,KACA,CAAA,EAET,EAAK,QACJ,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,UAAU,UACV,QAAQ,OACR,KAAK,cACL,KAAK,SACL,QAAS,GAAK,CACZ,EAAE,eAAe,EACjB,EAAY,CACd,WAEC,EAAK,KACA,CAAA,CAEP,GACF,CAAA,CAAA,CACS,CAAA,CACT,GAEb"}
+{"version":3,"file":"index22.cjs","names":[],"sources":["../src/Input/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base',\n        'file:border-0 file:bg-white file:text-base file:font-semibold',\n        'placeholder:text-gray-400',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":"qIAGA,SAAS,EAAM,CAAE,YAAW,OAAM,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,KAAC,QAAD,CACQ,OACN,YAAU,QACV,UAAW,EAAA,GACT,2FACA,gEACA,4BACA,2BACA,6BACA,uDACA,uEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/index22.js

@@ -1,77 +1,17 @@
-import { cn as e } from "./index7.js";
-import { require_jsx_runtime as t } from "./index10.js";
-import { Button as n } from "./index12.js";
-import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "./index21.js";
-import { LucideX as o } from "lucide-react";
-import s from "react";
-//#region src/Filter/index.tsx
-var c = t();
-function l({ children: t, label: l, selectedLabel: u, trigger: d, i18n: f, value: p, onOpenChange: m, onApply: h, contentProps: g = {}, buttonProps: _ = {}, clearable: v = !0, ...y }) {
-	let [b, x] = s.useState(!1), [S, C] = s.useState(p || null), w = p ? u ? u(p) : p.toString() : l, T = /* @__PURE__ */ (0, c.jsxs)(n, {
-		variant: p ? "filled" : "outline",
-		intent: p ? "filter" : "secondary",
-		size: "sm",
-		className: e("font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]", { "pr-12": !!p }),
-		..._,
-		children: [w, v && p && /* @__PURE__ */ (0, c.jsx)(o, {
-			className: "w-16 h-16 rounded hover:bg-purple-100 shrink-0",
-			onClick: (e) => {
-				e.preventDefault(), C(null), h?.(void 0);
-			}
-		})]
-	});
-	function E() {
-		h?.(S ?? void 0), x(!1);
-	}
-	return /* @__PURE__ */ (0, c.jsxs)(r, {
-		open: b,
-		onOpenChange: (e) => {
-			m?.(e), e || h?.(S ?? void 0), e && C(p ?? null), x(e);
-		},
-		...y,
-		children: [/* @__PURE__ */ (0, c.jsx)(a, {
-			asChild: !0,
-			children: d || T
-		}), /* @__PURE__ */ (0, c.jsx)(i, {
-			className: "w-full min-w-[200px]",
-			align: "start",
-			...g,
-			children: /* @__PURE__ */ (0, c.jsxs)("div", { children: [/* @__PURE__ */ (0, c.jsx)("div", {
-				onKeyDown: (e) => {
-					if (e.defaultPrevented || e.key !== "Enter") return;
-					let t = e.target;
-					if (!t) return;
-					let n = t.tagName, r = n === "INPUT", i = n === "TEXTAREA", a = n === "BUTTON", o = t.isContentEditable;
-					!r || i || a || o || (e.preventDefault(), e.stopPropagation(), E());
-				},
-				children: t({
-					onFilterChange: C,
-					filterValue: S
-				})
-			}), /* @__PURE__ */ (0, c.jsxs)("div", {
-				className: "w-full flex justify-between mt-16",
-				children: [v && S && f.clear && /* @__PURE__ */ (0, c.jsx)(n, {
-					variant: "link",
-					intent: "secondary",
-					size: "fit-content",
-					type: "button",
-					onClick: () => C(null),
-					children: f.clear
-				}), f.apply && /* @__PURE__ */ (0, c.jsx)(n, {
-					className: "ml-auto",
-					variant: "link",
-					size: "fit-content",
-					type: "button",
-					onClick: (e) => {
-						e.preventDefault(), E();
-					},
-					children: f.apply
-				})]
-			})] })
-		})]
+"use client";
+import { cn as e } from "./index6.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-label";
+//#region src/Label/index.tsx
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "label",
+		className: e("flex items-center gap-8 leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-64 peer-disabled:cursor-not-allowed peer-disabled:opacity-64", r),
+		...i
 	});
 }
 //#endregion
-export { l as Filter };
+export { r as Label };
 
 //# sourceMappingURL=index22.js.map

package/dist/index22.js.map

@@ -1 +1 @@
-{"version":3,"file":"index22.js","names":[],"sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button, ButtonProps } from '../Button'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverContentProps,\n  PopoverTrigger\n} from '../Popover'\nimport { cn } from '../lib/utils'\n\ntype FilterPropsBase<T> = {\n  i18n: {\n    apply?: string\n    clear?: string\n  }\n  value?: T\n  onOpenChange?: (open: boolean) => void\n  onApply: (value?: T) => void\n  children: (props: {\n    onFilterChange: (value: T | null) => void\n    filterValue: T | null\n  }) => React.ReactNode\n  contentProps?: PopoverContentProps\n  buttonProps?: ButtonProps\n  clearable?: boolean\n}\n\ntype FilterPropsWithLabel<T> = FilterPropsBase<T> & {\n  label: string\n  selectedLabel?: (value: T) => React.ReactNode\n  trigger?: never\n}\n\ntype FilterPropsWithTrigger<T> = FilterPropsBase<T> & {\n  trigger: React.ReactNode\n  label?: never\n  selectedLabel?: never\n}\n\ntype FilterProps<T> = FilterPropsWithLabel<T> | FilterPropsWithTrigger<T>\n\nfunction Filter<T>({\n  children,\n  label,\n  selectedLabel,\n  trigger,\n  i18n,\n  value,\n  onOpenChange,\n  onApply,\n  contentProps = {},\n  buttonProps = {},\n  clearable = true,\n  ...props\n}: FilterProps<T>) {\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [localValue, setLocalValue] = React.useState<T | null>(value || null)\n\n  const filterLabel = value\n    ? selectedLabel\n      ? selectedLabel(value)\n      : value.toString()\n    : label\n\n  const defaultTrigger = (\n    <Button\n      variant={value ? 'filled' : 'outline'}\n      intent={value ? 'filter' : 'secondary'}\n      size=\"sm\"\n      className={cn(\n        'font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]',\n        {\n          'pr-12': !!value\n        }\n      )}\n      {...buttonProps}\n    >\n      {filterLabel}\n      {clearable && value && (\n        <LucideX\n          className=\"w-16 h-16 rounded hover:bg-purple-100 shrink-0\"\n          onClick={e => {\n            e.preventDefault()\n            setLocalValue(null)\n            onApply?.(undefined)\n          }}\n        />\n      )}\n    </Button>\n  )\n\n  function handleApply() {\n    onApply?.(localValue ?? undefined)\n    setIsOpen(false)\n  }\n\n  return (\n    <Popover\n      open={isOpen}\n      onOpenChange={open => {\n        onOpenChange?.(open)\n        if (!open) onApply?.(localValue ?? undefined)\n        if (open) setLocalValue(value ?? null)\n        setIsOpen(open)\n      }}\n      {...props}\n    >\n      <PopoverTrigger asChild>{trigger || defaultTrigger}</PopoverTrigger>\n      <PopoverContent\n        className=\"w-full min-w-[200px]\"\n        align=\"start\"\n        {...contentProps}\n      >\n        <div>\n          <div\n            onKeyDown={e => {\n              if (e.defaultPrevented) return\n              if (e.key !== 'Enter') return\n              const target = e.target as HTMLElement | null\n              if (!target) return\n              const tagName = target.tagName\n              const isInput = tagName === 'INPUT'\n              const isTextarea = tagName === 'TEXTAREA'\n              const isButton = tagName === 'BUTTON'\n              const isContentEditable = target.isContentEditable\n              // Only apply on Enter from filter input fields, not from buttons,\n              // textareas, or other interactive/contenteditable elements.\n              if (!isInput || isTextarea || isButton || isContentEditable) {\n                return\n              }\n              e.preventDefault()\n              e.stopPropagation()\n              handleApply()\n            }}\n          >\n            {children({\n              onFilterChange: setLocalValue,\n              filterValue: localValue\n            })}\n          </div>\n          <div className=\"w-full flex justify-between mt-16\">\n            {clearable && localValue && i18n.clear && (\n              <Button\n                variant=\"link\"\n                intent=\"secondary\"\n                size=\"fit-content\"\n                type=\"button\"\n                onClick={() => setLocalValue(null)}\n              >\n                {i18n.clear}\n              </Button>\n            )}\n            {i18n.apply && (\n              <Button\n                className=\"ml-auto\"\n                variant=\"link\"\n                size=\"fit-content\"\n                type=\"button\"\n                onClick={e => {\n                  e.preventDefault()\n                  handleApply()\n                }}\n              >\n                {i18n.apply}\n              </Button>\n            )}\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"mappings":";;;;;;;;AA0CA,SAAS,EAAU,EACjB,aACA,UACA,kBACA,YACA,SACA,UACA,iBACA,YACA,kBAAe,CAAC,GAChB,iBAAc,CAAC,GACf,eAAY,IACZ,GAAG,KACc;CACjB,IAAM,CAAC,GAAQ,KAAa,EAAM,SAAS,EAAK,GAC1C,CAAC,GAAY,KAAiB,EAAM,SAAmB,KAAS,IAAI,GAEpE,IAAc,IAChB,IACE,EAAc,CAAK,IACnB,EAAM,SAAS,IACjB,GAEE,IACJ,iBAAA,GAAA,EAAA,MAAC,GAAD;EACE,SAAS,IAAQ,WAAW;EAC5B,QAAQ,IAAQ,WAAW;EAC3B,MAAK;EACL,WAAW,EACT,0EACA,EACE,SAAS,CAAC,CAAC,EACb,CACF;EACA,GAAI;YAVN,CAYG,GACA,KAAa,KACZ,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,WAAU;GACV,UAAS,MAAK;IAGZ,AAFA,EAAE,eAAe,GACjB,EAAc,IAAI,GAClB,IAAU,KAAA,CAAS;GACrB;EACD,CAAA,CAEG;;CAGV,SAAS,IAAc;EAErB,AADA,IAAU,KAAc,KAAA,CAAS,GACjC,EAAU,EAAK;CACjB;CAEA,OACE,iBAAA,GAAA,EAAA,MAAC,GAAD;EACE,MAAM;EACN,eAAc,MAAQ;GAIpB,AAHA,IAAe,CAAI,GACd,KAAM,IAAU,KAAc,KAAA,CAAS,GACxC,KAAM,EAAc,KAAS,IAAI,GACrC,EAAU,CAAI;EAChB;EACA,GAAI;YARN,CAUE,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAgB,SAAA;aAAS,KAAW;EAA+B,CAAA,GACnE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,WAAU;GACV,OAAM;GACN,GAAI;aAEJ,iBAAA,GAAA,EAAA,MAAC,OAAD,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;IACE,YAAW,MAAK;KAEd,IADI,EAAE,oBACF,EAAE,QAAQ,SAAS;KACvB,IAAM,IAAS,EAAE;KACjB,IAAI,CAAC,GAAQ;KACb,IAAM,IAAU,EAAO,SACjB,IAAU,MAAY,SACtB,IAAa,MAAY,YACzB,IAAW,MAAY,UACvB,IAAoB,EAAO;KAG7B,CAAC,KAAW,KAAc,KAAY,MAG1C,EAAE,eAAe,GACjB,EAAE,gBAAgB,GAClB,EAAY;IACd;cAEC,EAAS;KACR,gBAAgB;KAChB,aAAa;IACf,CAAC;GACE,CAAA,GACL,iBAAA,GAAA,EAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACG,KAAa,KAAc,EAAK,SAC/B,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,SAAQ;KACR,QAAO;KACP,MAAK;KACL,MAAK;KACL,eAAe,EAAc,IAAI;eAEhC,EAAK;IACA,CAAA,GAET,EAAK,SACJ,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,WAAU;KACV,SAAQ;KACR,MAAK;KACL,MAAK;KACL,UAAS,MAAK;MAEZ,AADA,EAAE,eAAe,GACjB,EAAY;KACd;eAEC,EAAK;IACA,CAAA,CAEP;KACF,EAAA,CAAA;EACS,CAAA,CACT;;AAEb"}
+{"version":3,"file":"index22.js","names":[],"sources":["../src/Label/index.tsx"],"sourcesContent":["'use client'\n\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'flex items-center gap-8 leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-64 peer-disabled:cursor-not-allowed peer-disabled:opacity-64',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n"],"mappings":";;;;;;AAMA,SAAS,EAAM,EACb,cACA,GAAG,KACgD;CACnD,OACE,kBAAC,EAAe,MAAhB;EACE,aAAU;EACV,WAAW,EACT,mMACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/index23.cjs

@@ -1,2 +1,2 @@
-const e=require("./index2.cjs"),t=require("./index5.cjs"),n=require("./index7.cjs"),r=require("./index10.cjs");let i=require("lucide-react"),a=require("react");a=e.__toESM(a,1);var o=r.default,s=t.cva(``,{variants:{variant:{white:`to-white`,gray:`to-gray-50`}},defaultVariants:{variant:`gray`}}),c=t.cva(``,{variants:{variant:{white:`bg-white`,gray:`bg-gray-50`}},defaultVariants:{variant:`gray`}});function l({children:e,className:t,variant:r}){let l=a.default.useRef(null),[u,d]=a.default.useState(!1),[f,p]=a.default.useState(!1),m=a.default.useCallback(()=>{if(!l.current)return;let{scrollLeft:e,scrollWidth:t,clientWidth:n}=l.current;d(e>0),p(e+n<t-5)},[l]);return a.default.useEffect(()=>{m();let e=n.debounce(m,100);return window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}},[m]),(0,o.jsxs)(`div`,{className:`relative flex overflow-hidden`,children:[(0,o.jsxs)(`div`,{className:n.cn(`absolute left-0 top-0 h-full flex items-center`,{hidden:!u}),children:[(0,o.jsx)(i.ChevronLeft,{size:16,className:n.cn(`text-gray-600 h-full cursor-pointer`,c({variant:r})),onClick:()=>l.current?.scrollBy({left:-100,behavior:`smooth`})}),(0,o.jsx)(`div`,{className:n.cn(`w-[50px] h-full bg-linear-to-l from-transparent`,s({variant:r}))})]}),(0,o.jsx)(`div`,{ref:l,onScroll:m,className:n.cn(`overflow-scroll no-scrollbar`,t),children:e}),(0,o.jsxs)(`div`,{className:n.cn(`absolute right-0 top-0 h-full w-fit flex items-center justify-end`,{hidden:!f}),children:[(0,o.jsx)(`div`,{className:n.cn(`w-[50px] h-full bg-linear-to-r from-transparent`,s({variant:r}))}),(0,o.jsx)(i.ChevronRight,{size:16,className:n.cn(`text-gray-600 h-full cursor-pointer`,c({variant:r})),onClick:()=>l.current?.scrollBy({left:100,behavior:`smooth`})})]})]})}exports.GradientScroll=l;
+"use client";const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@radix-ui/react-label");i=e.__toESM(i,1);function a({className:e,...n}){return(0,r.jsx)(i.Root,{"data-slot":`label`,className:t.cn(`flex items-center gap-8 leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-64 peer-disabled:cursor-not-allowed peer-disabled:opacity-64`,e),...n})}exports.Label=a;
 //# sourceMappingURL=index23.cjs.map

package/dist/index23.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index23.cjs","names":[],"sources":["../src/FilterBar/GradientScroll.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport React from 'react'\nimport { cn, debounce } from '../lib/utils'\n\nexport const gradientVariants = cva('', {\n  variants: {\n    variant: {\n      white: 'to-white',\n      gray: 'to-gray-50'\n    }\n  },\n  defaultVariants: {\n    variant: 'gray'\n  }\n})\n\nexport const backgroundVariants = cva('', {\n  variants: {\n    variant: {\n      white: 'bg-white',\n      gray: 'bg-gray-50'\n    }\n  },\n  defaultVariants: {\n    variant: 'gray'\n  }\n})\n\ninterface GradientScrollProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gradientVariants> {}\n\nexport function GradientScroll({\n  children,\n  className,\n  variant\n}: GradientScrollProps) {\n  const scrollableRef = React.useRef<HTMLDivElement>(null)\n  const [leftArrowVisible, setLeftArrowVisible] = React.useState(false)\n  const [rightArrowVisible, setRightArrowVisible] = React.useState(false)\n\n  const handleScroll = React.useCallback(() => {\n    if (!scrollableRef.current) return\n\n    const { scrollLeft, scrollWidth, clientWidth } = scrollableRef.current\n    setLeftArrowVisible(scrollLeft > 0)\n    setRightArrowVisible(scrollLeft + clientWidth < scrollWidth - 5)\n  }, [scrollableRef])\n\n  React.useEffect(() => {\n    handleScroll()\n\n    const debouncedHandleScroll = debounce(handleScroll, 100)\n    window.addEventListener('resize', debouncedHandleScroll)\n    return () => {\n      window.removeEventListener('resize', debouncedHandleScroll)\n    }\n  }, [handleScroll])\n\n  return (\n    <div className=\"relative flex overflow-hidden\">\n      <div\n        className={cn('absolute left-0 top-0 h-full flex items-center', {\n          hidden: !leftArrowVisible\n        })}\n      >\n        <ChevronLeft\n          size={16}\n          className={cn(\n            'text-gray-600 h-full cursor-pointer',\n            backgroundVariants({ variant })\n          )}\n          onClick={() =>\n            scrollableRef.current?.scrollBy({ left: -100, behavior: 'smooth' })\n          }\n        />\n        <div\n          className={cn(\n            'w-[50px] h-full bg-linear-to-l from-transparent',\n            gradientVariants({ variant })\n          )}\n        />\n      </div>\n      <div\n        ref={scrollableRef}\n        onScroll={handleScroll}\n        className={cn('overflow-scroll no-scrollbar', className)}\n      >\n        {children}\n      </div>\n      <div\n        className={cn(\n          'absolute right-0 top-0 h-full w-fit flex items-center justify-end',\n          { hidden: !rightArrowVisible }\n        )}\n      >\n        <div\n          className={cn(\n            'w-[50px] h-full bg-linear-to-r from-transparent',\n            gradientVariants({ variant })\n          )}\n        />\n        <ChevronRight\n          size={16}\n          className={cn(\n            'text-gray-600 h-full cursor-pointer',\n            backgroundVariants({ variant })\n          )}\n          onClick={() =>\n            scrollableRef.current?.scrollBy({ left: 100, behavior: 'smooth' })\n          }\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"iMAKa,EAAmB,EAAA,IAAI,GAAI,CACtC,SAAU,CACR,QAAS,CACP,MAAO,WACP,KAAM,YACR,CACF,EACA,gBAAiB,CACf,QAAS,MACX,CACF,CAAC,EAEY,EAAqB,EAAA,IAAI,GAAI,CACxC,SAAU,CACR,QAAS,CACP,MAAO,WACP,KAAM,YACR,CACF,EACA,gBAAiB,CACf,QAAS,MACX,CACF,CAAC,EAMD,SAAgB,EAAe,CAC7B,WACA,YACA,WACsB,CACtB,IAAM,EAAgB,EAAA,QAAM,OAAuB,IAAI,EACjD,CAAC,EAAkB,GAAuB,EAAA,QAAM,SAAS,EAAK,EAC9D,CAAC,EAAmB,GAAwB,EAAA,QAAM,SAAS,EAAK,EAEhE,EAAe,EAAA,QAAM,gBAAkB,CAC3C,GAAI,CAAC,EAAc,QAAS,OAE5B,GAAM,CAAE,aAAY,cAAa,eAAgB,EAAc,QAC/D,EAAoB,EAAa,CAAC,EAClC,EAAqB,EAAa,EAAc,EAAc,CAAC,CACjE,EAAG,CAAC,CAAa,CAAC,EAYlB,OAVA,EAAA,QAAM,cAAgB,CACpB,EAAa,EAEb,IAAM,EAAwB,EAAA,SAAS,EAAc,GAAG,EAExD,OADA,OAAO,iBAAiB,SAAU,CAAqB,MAC1C,CACX,OAAO,oBAAoB,SAAU,CAAqB,CAC5D,CACF,EAAG,CAAC,CAAY,CAAC,GAGf,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yCAAf,EACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GAAG,iDAAkD,CAC9D,OAAQ,CAAC,CACX,CAAC,WAHH,EAKE,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAM,GACN,UAAW,EAAA,GACT,sCACA,EAAmB,CAAE,SAAQ,CAAC,CAChC,EACA,YACE,EAAc,SAAS,SAAS,CAAE,KAAM,KAAM,SAAU,QAAS,CAAC,CAErE,CAAA,GACD,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,kDACA,EAAiB,CAAE,SAAQ,CAAC,CAC9B,CACD,CAAA,CACE,KACL,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,SAAU,EACV,UAAW,EAAA,GAAG,+BAAgC,CAAS,EAEtD,UACE,CAAA,GACL,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,oEACA,CAAE,OAAQ,CAAC,CAAkB,CAC/B,WAJF,EAME,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,kDACA,EAAiB,CAAE,SAAQ,CAAC,CAC9B,CACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,KAAM,GACN,UAAW,EAAA,GACT,sCACA,EAAmB,CAAE,SAAQ,CAAC,CAChC,EACA,YACE,EAAc,SAAS,SAAS,CAAE,KAAM,IAAK,SAAU,QAAS,CAAC,CAEpE,CAAA,CACE,GACF,GAET"}
+{"version":3,"file":"index23.cjs","names":[],"sources":["../src/Label/index.tsx"],"sourcesContent":["'use client'\n\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'flex items-center gap-8 leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-64 peer-disabled:cursor-not-allowed peer-disabled:opacity-64',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n"],"mappings":"sMAMA,SAAS,EAAM,CACb,YACA,GAAG,GACgD,CACnD,OACE,EAAA,EAAA,KAAC,EAAe,KAAhB,CACE,YAAU,QACV,UAAW,EAAA,GACT,kMACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/index23.js

@@ -1,69 +1,51 @@
-import { cva as e } from "./index5.js";
-import { cn as t, debounce as n } from "./index7.js";
-import { require_jsx_runtime as r } from "./index10.js";
-import { ChevronLeft as i, ChevronRight as a } from "lucide-react";
-import o from "react";
-//#region src/FilterBar/GradientScroll.tsx
-var s = r(), c = e("", {
-	variants: { variant: {
-		white: "to-white",
-		gray: "to-gray-50"
-	} },
-	defaultVariants: { variant: "gray" }
-}), l = e("", {
-	variants: { variant: {
-		white: "bg-white",
-		gray: "bg-gray-50"
-	} },
-	defaultVariants: { variant: "gray" }
-});
-function u({ children: e, className: r, variant: u }) {
-	let d = o.useRef(null), [f, p] = o.useState(!1), [m, h] = o.useState(!1), g = o.useCallback(() => {
-		if (!d.current) return;
-		let { scrollLeft: e, scrollWidth: t, clientWidth: n } = d.current;
-		p(e > 0), h(e + n < t - 5);
-	}, [d]);
-	return o.useEffect(() => {
-		g();
-		let e = n(g, 100);
-		return window.addEventListener("resize", e), () => {
-			window.removeEventListener("resize", e);
-		};
-	}, [g]), /* @__PURE__ */ (0, s.jsxs)("div", {
-		className: "relative flex overflow-hidden",
-		children: [
-			/* @__PURE__ */ (0, s.jsxs)("div", {
-				className: t("absolute left-0 top-0 h-full flex items-center", { hidden: !f }),
-				children: [/* @__PURE__ */ (0, s.jsx)(i, {
-					size: 16,
-					className: t("text-gray-600 h-full cursor-pointer", l({ variant: u })),
-					onClick: () => d.current?.scrollBy({
-						left: -100,
-						behavior: "smooth"
-					})
-				}), /* @__PURE__ */ (0, s.jsx)("div", { className: t("w-[50px] h-full bg-linear-to-l from-transparent", c({ variant: u })) })]
-			}),
-			/* @__PURE__ */ (0, s.jsx)("div", {
-				ref: d,
-				onScroll: g,
-				className: t("overflow-scroll no-scrollbar", r),
-				children: e
-			}),
-			/* @__PURE__ */ (0, s.jsxs)("div", {
-				className: t("absolute right-0 top-0 h-full w-fit flex items-center justify-end", { hidden: !m }),
-				children: [/* @__PURE__ */ (0, s.jsx)("div", { className: t("w-[50px] h-full bg-linear-to-r from-transparent", c({ variant: u })) }), /* @__PURE__ */ (0, s.jsx)(a, {
-					size: 16,
-					className: t("text-gray-600 h-full cursor-pointer", l({ variant: u })),
-					onClick: () => d.current?.scrollBy({
-						left: 100,
-						behavior: "smooth"
-					})
-				})]
-			})
-		]
+import { cn as e } from "./index6.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/Layout/index.tsx
+function r({ children: r, className: a, isLoading: o, ...s }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("flex h-full", a),
+		...s,
+		children: [o && /* @__PURE__ */ t(i, {}), r]
+	});
+}
+function i() {
+	return /* @__PURE__ */ t("div", {
+		className: "fixed inset-0 bg-gray-400 z-60 h-4",
+		children: /* @__PURE__ */ t("div", { className: "bg-chart-purple h-4 rounded-r animate-page-loader" })
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("aside", {
+		className: e("bg-white flex flex-col shrink-0 border-r border-gray-900/16 sticky h-screen", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("shrink-0", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("grow overflow-auto", n),
+		...r
+	});
+}
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("main", {
+		className: e("flex flex-col grow justify-start bg-gray-50 sticky h-screen overflow-hidden", n),
+		...r
+	});
+}
+function l({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("shrink-0 bg-white border-b border-gray-900/16", n),
+		...r
 	});
 }
 //#endregion
-export { u as GradientScroll };
+export { r as Layout, o as LayoutContent, c as LayoutMain, s as LayoutScrollableContent, a as LayoutSidebar, l as LayoutTopbar };
 
 //# sourceMappingURL=index23.js.map

package/dist/index23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index23.js","names":[],"sources":["../src/FilterBar/GradientScroll.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport React from 'react'\nimport { cn, debounce } from '../lib/utils'\n\nexport const gradientVariants = cva('', {\n  variants: {\n    variant: {\n      white: 'to-white',\n      gray: 'to-gray-50'\n    }\n  },\n  defaultVariants: {\n    variant: 'gray'\n  }\n})\n\nexport const backgroundVariants = cva('', {\n  variants: {\n    variant: {\n      white: 'bg-white',\n      gray: 'bg-gray-50'\n    }\n  },\n  defaultVariants: {\n    variant: 'gray'\n  }\n})\n\ninterface GradientScrollProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gradientVariants> {}\n\nexport function GradientScroll({\n  children,\n  className,\n  variant\n}: GradientScrollProps) {\n  const scrollableRef = React.useRef<HTMLDivElement>(null)\n  const [leftArrowVisible, setLeftArrowVisible] = React.useState(false)\n  const [rightArrowVisible, setRightArrowVisible] = React.useState(false)\n\n  const handleScroll = React.useCallback(() => {\n    if (!scrollableRef.current) return\n\n    const { scrollLeft, scrollWidth, clientWidth } = scrollableRef.current\n    setLeftArrowVisible(scrollLeft > 0)\n    setRightArrowVisible(scrollLeft + clientWidth < scrollWidth - 5)\n  }, [scrollableRef])\n\n  React.useEffect(() => {\n    handleScroll()\n\n    const debouncedHandleScroll = debounce(handleScroll, 100)\n    window.addEventListener('resize', debouncedHandleScroll)\n    return () => {\n      window.removeEventListener('resize', debouncedHandleScroll)\n    }\n  }, [handleScroll])\n\n  return (\n    <div className=\"relative flex overflow-hidden\">\n      <div\n        className={cn('absolute left-0 top-0 h-full flex items-center', {\n          hidden: !leftArrowVisible\n        })}\n      >\n        <ChevronLeft\n          size={16}\n          className={cn(\n            'text-gray-600 h-full cursor-pointer',\n            backgroundVariants({ variant })\n          )}\n          onClick={() =>\n            scrollableRef.current?.scrollBy({ left: -100, behavior: 'smooth' })\n          }\n        />\n        <div\n          className={cn(\n            'w-[50px] h-full bg-linear-to-l from-transparent',\n            gradientVariants({ variant })\n          )}\n        />\n      </div>\n      <div\n        ref={scrollableRef}\n        onScroll={handleScroll}\n        className={cn('overflow-scroll no-scrollbar', className)}\n      >\n        {children}\n      </div>\n      <div\n        className={cn(\n          'absolute right-0 top-0 h-full w-fit flex items-center justify-end',\n          { hidden: !rightArrowVisible }\n        )}\n      >\n        <div\n          className={cn(\n            'w-[50px] h-full bg-linear-to-r from-transparent',\n            gradientVariants({ variant })\n          )}\n        />\n        <ChevronRight\n          size={16}\n          className={cn(\n            'text-gray-600 h-full cursor-pointer',\n            backgroundVariants({ variant })\n          )}\n          onClick={() =>\n            scrollableRef.current?.scrollBy({ left: 100, behavior: 'smooth' })\n          }\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;aAKa,IAAmB,EAAI,IAAI;CACtC,UAAU,EACR,SAAS;EACP,OAAO;EACP,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,OACX;AACF,CAAC,GAEY,IAAqB,EAAI,IAAI;CACxC,UAAU,EACR,SAAS;EACP,OAAO;EACP,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,OACX;AACF,CAAC;AAMD,SAAgB,EAAe,EAC7B,aACA,cACA,cACsB;CACtB,IAAM,IAAgB,EAAM,OAAuB,IAAI,GACjD,CAAC,GAAkB,KAAuB,EAAM,SAAS,EAAK,GAC9D,CAAC,GAAmB,KAAwB,EAAM,SAAS,EAAK,GAEhE,IAAe,EAAM,kBAAkB;EAC3C,IAAI,CAAC,EAAc,SAAS;EAE5B,IAAM,EAAE,eAAY,gBAAa,mBAAgB,EAAc;EAE/D,AADA,EAAoB,IAAa,CAAC,GAClC,EAAqB,IAAa,IAAc,IAAc,CAAC;CACjE,GAAG,CAAC,CAAa,CAAC;CAYlB,OAVA,EAAM,gBAAgB;EACpB,EAAa;EAEb,IAAM,IAAwB,EAAS,GAAc,GAAG;EAExD,OADA,OAAO,iBAAiB,UAAU,CAAqB,SAC1C;GACX,OAAO,oBAAoB,UAAU,CAAqB;EAC5D;CACF,GAAG,CAAC,CAAY,CAAC,GAGf,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAU;YAAf;GACE,iBAAA,GAAA,EAAA,MAAC,OAAD;IACE,WAAW,EAAG,kDAAkD,EAC9D,QAAQ,CAAC,EACX,CAAC;cAHH,CAKE,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,MAAM;KACN,WAAW,EACT,uCACA,EAAmB,EAAE,WAAQ,CAAC,CAChC;KACA,eACE,EAAc,SAAS,SAAS;MAAE,MAAM;MAAM,UAAU;KAAS,CAAC;IAErE,CAAA,GACD,iBAAA,GAAA,EAAA,KAAC,OAAD,EACE,WAAW,EACT,mDACA,EAAiB,EAAE,WAAQ,CAAC,CAC9B,EACD,CAAA,CACE;;GACL,iBAAA,GAAA,EAAA,KAAC,OAAD;IACE,KAAK;IACL,UAAU;IACV,WAAW,EAAG,gCAAgC,CAAS;IAEtD;GACE,CAAA;GACL,iBAAA,GAAA,EAAA,MAAC,OAAD;IACE,WAAW,EACT,qEACA,EAAE,QAAQ,CAAC,EAAkB,CAC/B;cAJF,CAME,iBAAA,GAAA,EAAA,KAAC,OAAD,EACE,WAAW,EACT,mDACA,EAAiB,EAAE,WAAQ,CAAC,CAC9B,EACD,CAAA,GACD,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,MAAM;KACN,WAAW,EACT,uCACA,EAAmB,EAAE,WAAQ,CAAC,CAChC;KACA,eACE,EAAc,SAAS,SAAS;MAAE,MAAM;MAAK,UAAU;KAAS,CAAC;IAEpE,CAAA,CACE;;EACF;;AAET"}
+{"version":3,"file":"index23.js","names":[],"sources":["../src/Layout/index.tsx"],"sourcesContent":["import React from 'react'\nimport { cn } from '../lib/utils'\n\ntype LayoutProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode\n  className?: string\n}\n\nexport function Layout({\n  children,\n  className,\n  isLoading,\n  ...props\n}: LayoutProps & {\n  isLoading?: boolean\n}) {\n  return (\n    <div className={cn('flex h-full', className)} {...props}>\n      {isLoading && <LayoutPageLoader />}\n      {children}\n    </div>\n  )\n}\n\nfunction LayoutPageLoader() {\n  return (\n    <div className=\"fixed inset-0 bg-gray-400 z-60 h-4\">\n      <div className=\"bg-chart-purple h-4 rounded-r animate-page-loader\"></div>\n    </div>\n  )\n}\n\nexport function LayoutSidebar({ className, ...props }: LayoutProps) {\n  return (\n    <aside\n      className={cn(\n        'bg-white flex flex-col shrink-0 border-r border-gray-900/16 sticky h-screen',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function LayoutContent({ className, ...props }: LayoutProps) {\n  return <div className={cn('shrink-0', className)} {...props} />\n}\n\nexport function LayoutScrollableContent({ className, ...props }: LayoutProps) {\n  return <div className={cn('grow overflow-auto', className)} {...props} />\n}\n\nexport function LayoutMain({ className, ...props }: LayoutProps) {\n  return (\n    <main\n      className={cn(\n        'flex flex-col grow justify-start bg-gray-50 sticky h-screen overflow-hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function LayoutTopbar({ className, ...props }: LayoutProps) {\n  return (\n    <div\n      className={cn('shrink-0 bg-white border-b border-gray-900/16', className)}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;AAQA,SAAgB,EAAO,EACrB,aACA,cACA,cACA,GAAG,KAGF;CACD,OACE,kBAAC,OAAD;EAAK,WAAW,EAAG,eAAe,CAAS;EAAG,GAAI;YAAlD,CACG,KAAa,kBAAC,GAAD,CAAmB,CAAA,GAChC,CACE;;AAET;AAEA,SAAS,IAAmB;CAC1B,OACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,oDAAyD,CAAA;CACrE,CAAA;AAET;AAEA,SAAgB,EAAc,EAAE,cAAW,GAAG,KAAsB;CAClE,OACE,kBAAC,SAAD;EACE,WAAW,EACT,+EACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,EAAc,EAAE,cAAW,GAAG,KAAsB;CAClE,OAAO,kBAAC,OAAD;EAAK,WAAW,EAAG,YAAY,CAAS;EAAG,GAAI;CAAQ,CAAA;AAChE;AAEA,SAAgB,EAAwB,EAAE,cAAW,GAAG,KAAsB;CAC5E,OAAO,kBAAC,OAAD;EAAK,WAAW,EAAG,sBAAsB,CAAS;EAAG,GAAI;CAAQ,CAAA;AAC1E;AAEA,SAAgB,EAAW,EAAE,cAAW,GAAG,KAAsB;CAC/D,OACE,kBAAC,QAAD;EACE,WAAW,EACT,+EACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,EAAa,EAAE,cAAW,GAAG,KAAsB;CACjE,OACE,kBAAC,OAAD;EACE,WAAW,EAAG,iDAAiD,CAAS;EACxE,GAAI;CACL,CAAA;AAEL"}

package/dist/index24.cjs

@@ -1,2 +1,2 @@
-const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs"),r=require("./index23.cjs");let i=require("react");i=e.__toESM(i,1);var a=n.default;function o({className:e,...n}){return(0,a.jsx)(`div`,{className:t.cn(`flex w-full`,e),...n})}function s({variant:e,children:t,...n}){return(0,a.jsx)(r.GradientScroll,{variant:e,...n,children:(0,a.jsx)(`div`,{className:`flex items-center space-x-8 w-fit`,children:t})})}function c({className:e,...n}){return(0,a.jsx)(`div`,{className:t.cn(`flex space-x-8`,e),...n})}exports.FilterBar=o,exports.FilterBarContent=c,exports.FilterBarScrollableContent=s;
+const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({children:e,className:n,isLoading:i,...o}){return(0,r.jsxs)(`div`,{className:t.cn(`flex h-full`,n),...o,children:[i&&(0,r.jsx)(a,{}),e]})}function a(){return(0,r.jsx)(`div`,{className:`fixed inset-0 bg-gray-400 z-60 h-4`,children:(0,r.jsx)(`div`,{className:`bg-chart-purple h-4 rounded-r animate-page-loader`})})}function o({className:e,...n}){return(0,r.jsx)(`aside`,{className:t.cn(`bg-white flex flex-col shrink-0 border-r border-gray-900/16 sticky h-screen`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(`div`,{className:t.cn(`shrink-0`,e),...n})}function c({className:e,...n}){return(0,r.jsx)(`div`,{className:t.cn(`grow overflow-auto`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(`main`,{className:t.cn(`flex flex-col grow justify-start bg-gray-50 sticky h-screen overflow-hidden`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`div`,{className:t.cn(`shrink-0 bg-white border-b border-gray-900/16`,e),...n})}exports.Layout=i,exports.LayoutContent=s,exports.LayoutMain=l,exports.LayoutScrollableContent=c,exports.LayoutSidebar=o,exports.LayoutTopbar=u;
 //# sourceMappingURL=index24.cjs.map

package/dist/index24.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index24.cjs","names":[],"sources":["../src/FilterBar/index.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../lib/utils'\nimport { GradientScroll, gradientVariants } from './GradientScroll'\n\ntype FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {\n  className?: string\n}\n\nexport function FilterBar({ className, ...props }: FilterBarProps) {\n  return <div className={cn('flex w-full', className)} {...props} />\n}\n\ninterface FilterBarScrollableContentProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gradientVariants> {}\n\nexport function FilterBarScrollableContent({\n  variant,\n  children,\n  ...props\n}: FilterBarScrollableContentProps) {\n  return (\n    <GradientScroll variant={variant} {...props}>\n      <div className=\"flex items-center space-x-8 w-fit\">{children}</div>\n    </GradientScroll>\n  )\n}\n\ntype FilterBarContentProps = FilterBarProps\n\nexport function FilterBarContent({\n  className,\n  ...props\n}: FilterBarContentProps) {\n  return <div className={cn('flex space-x-8', className)} {...props} />\n}\n"],"mappings":"wKASA,SAAgB,EAAU,CAAE,YAAW,GAAG,GAAyB,CACjE,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,cAAe,CAAS,EAAG,GAAI,CAAQ,CAAA,CACnE,CAMA,SAAgB,EAA2B,CACzC,UACA,WACA,GAAG,GAC+B,CAClC,OACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAyB,UAAS,GAAI,YACpC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oCAAqC,UAAc,CAAA,CACpD,CAAA,CAEpB,CAIA,SAAgB,EAAiB,CAC/B,YACA,GAAG,GACqB,CACxB,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,iBAAkB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtE"}
+{"version":3,"file":"index24.cjs","names":[],"sources":["../src/Layout/index.tsx"],"sourcesContent":["import React from 'react'\nimport { cn } from '../lib/utils'\n\ntype LayoutProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode\n  className?: string\n}\n\nexport function Layout({\n  children,\n  className,\n  isLoading,\n  ...props\n}: LayoutProps & {\n  isLoading?: boolean\n}) {\n  return (\n    <div className={cn('flex h-full', className)} {...props}>\n      {isLoading && <LayoutPageLoader />}\n      {children}\n    </div>\n  )\n}\n\nfunction LayoutPageLoader() {\n  return (\n    <div className=\"fixed inset-0 bg-gray-400 z-60 h-4\">\n      <div className=\"bg-chart-purple h-4 rounded-r animate-page-loader\"></div>\n    </div>\n  )\n}\n\nexport function LayoutSidebar({ className, ...props }: LayoutProps) {\n  return (\n    <aside\n      className={cn(\n        'bg-white flex flex-col shrink-0 border-r border-gray-900/16 sticky h-screen',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function LayoutContent({ className, ...props }: LayoutProps) {\n  return <div className={cn('shrink-0', className)} {...props} />\n}\n\nexport function LayoutScrollableContent({ className, ...props }: LayoutProps) {\n  return <div className={cn('grow overflow-auto', className)} {...props} />\n}\n\nexport function LayoutMain({ className, ...props }: LayoutProps) {\n  return (\n    <main\n      className={cn(\n        'flex flex-col grow justify-start bg-gray-50 sticky h-screen overflow-hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function LayoutTopbar({ className, ...props }: LayoutProps) {\n  return (\n    <div\n      className={cn('shrink-0 bg-white border-b border-gray-900/16', className)}\n      {...props}\n    />\n  )\n}\n"],"mappings":"qIAQA,SAAgB,EAAO,CACrB,WACA,YACA,YACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,GAAG,cAAe,CAAS,EAAG,GAAI,WAAlD,CACG,IAAa,EAAA,EAAA,KAAC,EAAD,CAAmB,CAAA,EAChC,CACE,GAET,CAEA,SAAS,GAAmB,CAC1B,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+CACb,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,mDAAyD,CAAA,CACrE,CAAA,CAET,CAEA,SAAgB,EAAc,CAAE,YAAW,GAAG,GAAsB,CAClE,OACE,EAAA,EAAA,KAAC,QAAD,CACE,UAAW,EAAA,GACT,8EACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAgB,EAAc,CAAE,YAAW,GAAG,GAAsB,CAClE,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,WAAY,CAAS,EAAG,GAAI,CAAQ,CAAA,CAChE,CAEA,SAAgB,EAAwB,CAAE,YAAW,GAAG,GAAsB,CAC5E,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,qBAAsB,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC1E,CAEA,SAAgB,EAAW,CAAE,YAAW,GAAG,GAAsB,CAC/D,OACE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,8EACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAgB,EAAa,CAAE,YAAW,GAAG,GAAsB,CACjE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GAAG,gDAAiD,CAAS,EACxE,GAAI,CACL,CAAA,CAEL"}

package/dist/index24.js

@@ -1,32 +1,10 @@
-import { cn as e } from "./index7.js";
-import { require_jsx_runtime as t } from "./index10.js";
-import { GradientScroll as n } from "./index23.js";
-import "react";
-//#region src/FilterBar/index.tsx
-var r = t();
-function i({ className: t, ...n }) {
-	return /* @__PURE__ */ (0, r.jsx)("div", {
-		className: e("flex w-full", t),
-		...n
-	});
-}
-function a({ variant: e, children: t, ...i }) {
-	return /* @__PURE__ */ (0, r.jsx)(n, {
-		variant: e,
-		...i,
-		children: /* @__PURE__ */ (0, r.jsx)("div", {
-			className: "flex items-center space-x-8 w-fit",
-			children: t
-		})
-	});
-}
-function o({ className: t, ...n }) {
-	return /* @__PURE__ */ (0, r.jsx)("div", {
-		className: e("flex space-x-8", t),
-		...n
-	});
+import { cn as e } from "./index6.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/Loading/LoadingDot.tsx
+function n({ className: n }) {
+	return /* @__PURE__ */ t("div", { className: e("absolute top-[18px] w-12 h-12 rounded-full bg-purple-700", n) });
 }
 //#endregion
-export { i as FilterBar, o as FilterBarContent, a as FilterBarScrollableContent };
+export { n as default };
 
 //# sourceMappingURL=index24.js.map

package/dist/index24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index24.js","names":[],"sources":["../src/FilterBar/index.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../lib/utils'\nimport { GradientScroll, gradientVariants } from './GradientScroll'\n\ntype FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {\n  className?: string\n}\n\nexport function FilterBar({ className, ...props }: FilterBarProps) {\n  return <div className={cn('flex w-full', className)} {...props} />\n}\n\ninterface FilterBarScrollableContentProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gradientVariants> {}\n\nexport function FilterBarScrollableContent({\n  variant,\n  children,\n  ...props\n}: FilterBarScrollableContentProps) {\n  return (\n    <GradientScroll variant={variant} {...props}>\n      <div className=\"flex items-center space-x-8 w-fit\">{children}</div>\n    </GradientScroll>\n  )\n}\n\ntype FilterBarContentProps = FilterBarProps\n\nexport function FilterBarContent({\n  className,\n  ...props\n}: FilterBarContentProps) {\n  return <div className={cn('flex space-x-8', className)} {...props} />\n}\n"],"mappings":";;;;;;AASA,SAAgB,EAAU,EAAE,cAAW,GAAG,KAAyB;CACjE,OAAO,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAW,EAAG,eAAe,CAAS;EAAG,GAAI;CAAQ,CAAA;AACnE;AAMA,SAAgB,EAA2B,EACzC,YACA,aACA,GAAG,KAC+B;CAClC,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAyB;EAAS,GAAI;YACpC,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;GAAqC;EAAc,CAAA;CACpD,CAAA;AAEpB;AAIA,SAAgB,EAAiB,EAC/B,cACA,GAAG,KACqB;CACxB,OAAO,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAW,EAAG,kBAAkB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACtE"}
+{"version":3,"file":"index24.js","names":[],"sources":["../src/Loading/LoadingDot.tsx"],"sourcesContent":["import { cn } from '../lib/utils'\n\ntype Props = {\n  className?: string\n}\n\nexport default function LoadingDot({ className }: Props) {\n  return (\n    <div\n      className={cn(\n        'absolute top-[18px] w-12 h-12 rounded-full bg-purple-700',\n        className\n      )}\n    ></div>\n  )\n}\n"],"mappings":";;;AAMA,SAAwB,EAAW,EAAE,gBAAoB;CACvD,OACE,kBAAC,OAAD,EACE,WAAW,EACT,4DACA,CACF,EACI,CAAA;AAEV"}

package/dist/index25.cjs

@@ -1,2 +1,2 @@
-const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs");let r=require("react");r=e.__toESM(r,1);var i=n.default;function a({className:e,type:n,...r}){return(0,i.jsx)(`input`,{type:n,"data-slot":`input`,className:t.cn(`flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base`,`file:border-0 file:bg-white file:text-base file:font-semibold`,`placeholder:text-gray-400`,`hover:shadow-field-hover`,`active:shadow-field-active`,`focus-visible:outline-none focus:shadow-field-active`,`disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none`,e),...r})}exports.Input=a;
+const e=require("./index7.cjs");let t=require("react/jsx-runtime");function n({className:n}){return(0,t.jsx)(`div`,{className:e.cn(`absolute top-[18px] w-12 h-12 rounded-full bg-purple-700`,n)})}exports.default=n;
 //# sourceMappingURL=index25.cjs.map

package/dist/index25.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index25.cjs","names":[],"sources":["../src/Input/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base',\n        'file:border-0 file:bg-white file:text-base file:font-semibold',\n        'placeholder:text-gray-400',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":"6IAGA,SAAS,EAAM,CAAE,YAAW,OAAM,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,KAAC,QAAD,CACQ,OACN,YAAU,QACV,UAAW,EAAA,GACT,2FACA,gEACA,4BACA,2BACA,6BACA,uDACA,uEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"index25.cjs","names":[],"sources":["../src/Loading/LoadingDot.tsx"],"sourcesContent":["import { cn } from '../lib/utils'\n\ntype Props = {\n  className?: string\n}\n\nexport default function LoadingDot({ className }: Props) {\n  return (\n    <div\n      className={cn(\n        'absolute top-[18px] w-12 h-12 rounded-full bg-purple-700',\n        className\n      )}\n    ></div>\n  )\n}\n"],"mappings":"mEAMA,SAAwB,EAAW,CAAE,aAAoB,CACvD,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,2DACA,CACF,CACI,CAAA,CAEV"}