@anker-in/headless-ui 0.0.27-alpha.2 → 0.0.27-alpha.21

package/dist/esm/components/drop-down.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as a,jsxs as p}from"react/jsx-runtime";import i from"react";import*as e from"@radix-ui/react-dropdown-menu";import{CheckIcon as y,ChevronRightIcon as v,CircleIcon as M}from"@radix-ui/react-icons";import{cn as d}from"../helpers/index.js";const D=i.forwardRef(({children:o,...t})=>a(e.Root,{...t,children:o})),h=e.Trigger,P=e.Group,x=e.Portal,N=e.Sub,C=e.RadioGroup,m=i.forwardRef(({className:o,inset:t,children:n,...r},s)=>p(e.SubTrigger,{ref:s,className:d("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",t&&"pl-8",o),...r,children:[n,a(v,{className:"ml-auto"})]}));m.displayName=e.SubTrigger.displayName;const c=i.forwardRef(({className:o,...t},n)=>a(e.SubContent,{ref:n,className:d("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-primary-foreground p-1 text-popover-foreground shadow-lg 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 origin-[--radix-dropdown-menu-content-transform-origin]",o),...t}));c.displayName=e.SubContent.displayName;const u=i.forwardRef(({className:o,sideOffset:t=4,...n},r)=>a(e.Portal,{children:a(e.Content,{ref:r,sideOffset:t,className:d("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-primary-foreground p-1 text-popover-foreground shadow-md","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 origin-[--radix-dropdown-menu-content-transform-origin]",o),...n})}));u.displayName=e.Content.displayName;const l=i.forwardRef(({className:o,inset:t,...n},r)=>a(e.Item,{ref:r,className:d("relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0 hover:text-brand-0",t&&"pl-8",o),...n}));l.displayName=e.Item.displayName;const f=i.forwardRef(({className:o,children:t,checked:n,...r},s)=>p(e.CheckboxItem,{ref:s,className:d("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o),checked:n,...r,children:[a("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:a(e.ItemIndicator,{children:a(y,{className:"h-4 w-4"})})}),t]}));f.displayName=e.CheckboxItem.displayName;const w=i.forwardRef(({className:o,children:t,...n},r)=>p(e.RadioItem,{ref:r,className:d("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o),...n,children:[a("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:a(e.ItemIndicator,{children:a(M,{className:"h-2 w-2 fill-current"})})}),t]}));w.displayName=e.RadioItem.displayName;const R=i.forwardRef(({className:o,inset:t,...n},r)=>a(e.Label,{ref:r,className:d("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",o),...n}));R.displayName=e.Label.displayName;const b=i.forwardRef(({className:o,...t},n)=>a(e.Separator,{ref:n,className:d("-mx-1 my-1 h-px bg-muted",o),...t}));b.displayName=e.Separator.displayName;const g=({className:o,...t})=>a("span",{className:d("ml-auto text-xs tracking-widest opacity-60",o),...t});g.displayName="DropdownMenuShortcut";export{D as DropdownMenu,f as DropdownMenuCheckboxItem,u as DropdownMenuContent,P as DropdownMenuGroup,l as DropdownMenuItem,R as DropdownMenuLabel,x as DropdownMenuPortal,C as DropdownMenuRadioGroup,w as DropdownMenuRadioItem,b as DropdownMenuSeparator,g as DropdownMenuShortcut,N as DropdownMenuSub,c as DropdownMenuSubContent,m as DropdownMenuSubTrigger,h as DropdownMenuTrigger};
+"use client";import{jsx as a,jsxs as p}from"react/jsx-runtime";import i from"react";import*as e from"@radix-ui/react-dropdown-menu";import{CheckIcon as y,ChevronRightIcon as v,CircleIcon as M}from"@radix-ui/react-icons";import{cn as d}from"../helpers/index.js";const D=i.forwardRef(({children:o,...t})=>a(e.Root,{...t,children:o})),P=e.Trigger,h=e.Group,x=e.Portal,N=e.Sub,C=e.RadioGroup,m=i.forwardRef(({className:o,inset:t,children:n,...r},s)=>p(e.SubTrigger,{ref:s,className:d("focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",t&&"pl-8",o),...r,children:[n,a(v,{className:"ml-auto"})]}));m.displayName=e.SubTrigger.displayName;const c=i.forwardRef(({className:o,...t},n)=>a(e.SubContent,{ref:n,className:d("bg-primary-foreground text-popover-foreground 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 min-w-32 origin-[--radix-dropdown-menu-content-transform-origin] overflow-hidden rounded-md border p-1 shadow-lg",o),...t}));c.displayName=e.SubContent.displayName;const u=i.forwardRef(({className:o,sideOffset:t=4,...n},r)=>a(e.Portal,{children:a(e.Content,{ref:r,sideOffset:t,className:d("bg-primary-foreground text-popover-foreground z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-32 overflow-y-auto overflow-x-hidden rounded-md border p-1 shadow-md","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 origin-[--radix-dropdown-menu-content-transform-origin]",o),...n})}));u.displayName=e.Content.displayName;const l=i.forwardRef(({className:o,inset:t,...n},r)=>a(e.Item,{ref:r,className:d("focus:bg-accent focus:text-accent-foreground hover:text-brand-0 relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",t&&"pl-8",o),...n}));l.displayName=e.Item.displayName;const f=i.forwardRef(({className:o,children:t,checked:n,...r},s)=>p(e.CheckboxItem,{ref:s,className:d("focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o),checked:n,...r,children:[a("span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:a(e.ItemIndicator,{children:a(y,{className:"size-4"})})}),t]}));f.displayName=e.CheckboxItem.displayName;const w=i.forwardRef(({className:o,children:t,...n},r)=>p(e.RadioItem,{ref:r,className:d("focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o),...n,children:[a("span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:a(e.ItemIndicator,{children:a(M,{className:"size-2 fill-current"})})}),t]}));w.displayName=e.RadioItem.displayName;const R=i.forwardRef(({className:o,inset:t,...n},r)=>a(e.Label,{ref:r,className:d("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",o),...n}));R.displayName=e.Label.displayName;const b=i.forwardRef(({className:o,...t},n)=>a(e.Separator,{ref:n,className:d("bg-muted -mx-1 my-1 h-px",o),...t}));b.displayName=e.Separator.displayName;const g=({className:o,...t})=>a("span",{className:d("ml-auto text-xs tracking-widest opacity-60",o),...t});g.displayName="DropdownMenuShortcut";export{D as DropdownMenu,f as DropdownMenuCheckboxItem,u as DropdownMenuContent,h as DropdownMenuGroup,l as DropdownMenuItem,R as DropdownMenuLabel,x as DropdownMenuPortal,C as DropdownMenuRadioGroup,w as DropdownMenuRadioItem,b as DropdownMenuSeparator,g as DropdownMenuShortcut,N as DropdownMenuSub,c as DropdownMenuSubContent,m as DropdownMenuSubTrigger,P as DropdownMenuTrigger};
 //# sourceMappingURL=drop-down.js.map

package/dist/esm/components/drop-down.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/drop-down.tsx"],
-  "sourcesContent": ["'use client'\n\nimport React, { useState } from 'react'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from '@radix-ui/react-icons'\nimport { cn } from '../helpers/index.js'\n\nconst DropdownMenu = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>\n>(({ children, ...props }) => {\n  return <DropdownMenuPrimitive.Root {...props}>{children}</DropdownMenuPrimitive.Root>\n})\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & { inset?: boolean }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      'flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightIcon className=\"ml-auto\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-primary-foreground p-1 text-popover-foreground shadow-lg 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 origin-[--radix-dropdown-menu-content-transform-origin]',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-primary-foreground p-1 text-popover-foreground shadow-md',\n        '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 origin-[--radix-dropdown-menu-content-transform-origin]',\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & { inset?: boolean }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0 hover:text-brand-0',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <CheckIcon className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <CircleIcon className=\"h-2 w-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator ref={ref} className={cn('-mx-1 my-1 h-px bg-muted', className)} {...props} />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn('ml-auto text-xs tracking-widest opacity-60', className)} {...props} />\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport React, { useState } from 'react'\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from '@radix-ui/react-icons'\nimport { cn } from '../helpers/index.js'\n\nconst DropdownMenu = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>\n>(({ children, ...props }) => {\n  return <DropdownMenuPrimitive.Root {...props}>{children}</DropdownMenuPrimitive.Root>\n})\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & { inset?: boolean }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      'focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightIcon className=\"ml-auto\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      'bg-primary-foreground text-popover-foreground 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 min-w-32 origin-[--radix-dropdown-menu-content-transform-origin] overflow-hidden rounded-md border p-1 shadow-lg',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        'bg-primary-foreground text-popover-foreground z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-32 overflow-y-auto overflow-x-hidden rounded-md border p-1 shadow-md',\n        '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 origin-[--radix-dropdown-menu-content-transform-origin]',\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & { inset?: boolean }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      'focus:bg-accent focus:text-accent-foreground hover:text-brand-0 relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      'focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <CheckIcon className=\"size-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      'focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <CircleIcon className=\"size-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator ref={ref} className={cn('bg-muted -mx-1 my-1 h-px', className)} {...props} />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn('ml-auto text-xs tracking-widest opacity-60', className)} {...props} />\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n}\n"],
+  "mappings": "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",
   "names": ["jsx", "jsxs", "React", "DropdownMenuPrimitive", "CheckIcon", "ChevronRightIcon", "CircleIcon", "cn", "DropdownMenu", "children", "props", "DropdownMenuTrigger", "DropdownMenuGroup", "DropdownMenuPortal", "DropdownMenuSub", "DropdownMenuRadioGroup", "DropdownMenuSubTrigger", "className", "inset", "ref", "DropdownMenuSubContent", "DropdownMenuContent", "sideOffset", "DropdownMenuItem", "DropdownMenuCheckboxItem", "checked", "DropdownMenuRadioItem", "DropdownMenuLabel", "DropdownMenuSeparator", "DropdownMenuShortcut"]
 }

package/dist/esm/components/gird.js

@@ -1,2 +1,2 @@
-import{jsx as d}from"react/jsx-runtime";import a from"react";import{cn as l}from"../helpers/utils.js";const i={1:"col-span-1",2:"col-span-2",3:"col-span-3",4:"col-span-4",5:"col-span-5",6:"col-span-6",7:"col-span-7",8:"col-span-8",9:"col-span-9",10:"col-span-10",11:"col-span-11",12:"col-span-12"},m={1:"col-start-1",2:"col-start-2",3:"col-start-3",4:"col-start-4",5:"col-start-5",6:"col-start-6",7:"col-start-7",8:"col-start-8",9:"col-start-9",10:"col-start-10",11:"col-start-11",12:"col-start-12"},f={2:"col-end-2",3:"col-end-3",4:"col-end-4",5:"col-end-5",6:"col-end-6",7:"col-end-7",8:"col-end-8",9:"col-end-9",10:"col-end-10",11:"col-end-11",12:"col-end-12",13:"col-end-13"},r=a.forwardRef(({className:o,children:s},c)=>d("div",{ref:c,className:l("grid grid-cols-12 gap-3 laptop:gap-4",o),children:s}));r.displayName="Grid";const n=a.forwardRef(({className:o,children:s,span:c=12,start:t,end:e},p)=>d("div",{ref:p,className:l(i[c],t&&m[t],e&&f[e],o),children:s}));n.displayName="GridItem";export{r as Grid,n as GridItem};
+import{jsx as d}from"react/jsx-runtime";import a from"react";import{cn as l}from"../helpers/utils.js";const i={1:"col-span-1",2:"col-span-2",3:"col-span-3",4:"col-span-4",5:"col-span-5",6:"col-span-6",7:"col-span-7",8:"col-span-8",9:"col-span-9",10:"col-span-10",11:"col-span-11",12:"col-span-12"},m={1:"col-start-1",2:"col-start-2",3:"col-start-3",4:"col-start-4",5:"col-start-5",6:"col-start-6",7:"col-start-7",8:"col-start-8",9:"col-start-9",10:"col-start-10",11:"col-start-11",12:"col-start-12"},f={2:"col-end-2",3:"col-end-3",4:"col-end-4",5:"col-end-5",6:"col-end-6",7:"col-end-7",8:"col-end-8",9:"col-end-9",10:"col-end-10",11:"col-end-11",12:"col-end-12",13:"col-end-13"},r=a.forwardRef(({className:o,children:s},c)=>d("div",{ref:c,className:l("laptop:gap-4 grid grid-cols-12 gap-3",o),children:s}));r.displayName="Grid";const n=a.forwardRef(({className:o,children:s,span:c=12,start:t,end:e},p)=>d("div",{ref:p,className:l(i[c],t&&m[t],e&&f[e],o),children:s}));n.displayName="GridItem";export{r as Grid,n as GridItem};
 //# sourceMappingURL=gird.js.map

package/dist/esm/components/gird.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/gird.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { ReactNode } from 'react'\nimport { cn } from '../helpers/utils.js'\n\ntype Element = React.ElementRef<'div'>\n\ninterface GridProps {\n  children?: ReactNode\n  className?: string\n}\n\ninterface GridItemProps {\n  children?: ReactNode\n  className?: string\n  span?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 // \u9650\u5236\u4E3A\u5177\u4F53\u7684\u6570\u5B57\u7C7B\u578B\n  start?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 // \u8D77\u59CB\u5217\u4F4D\u7F6E\n  end?: 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 // \u7ED3\u675F\u5217\u4F4D\u7F6E\n}\n\nconst colSpanClasses = {\n  1: 'col-span-1',\n  2: 'col-span-2',\n  3: 'col-span-3',\n  4: 'col-span-4',\n  5: 'col-span-5',\n  6: 'col-span-6',\n  7: 'col-span-7',\n  8: 'col-span-8',\n  9: 'col-span-9',\n  10: 'col-span-10',\n  11: 'col-span-11',\n  12: 'col-span-12',\n} as const\n\nconst colStartClasses = {\n  1: 'col-start-1',\n  2: 'col-start-2',\n  3: 'col-start-3',\n  4: 'col-start-4',\n  5: 'col-start-5',\n  6: 'col-start-6',\n  7: 'col-start-7',\n  8: 'col-start-8',\n  9: 'col-start-9',\n  10: 'col-start-10',\n  11: 'col-start-11',\n  12: 'col-start-12',\n} as const\n\nconst colEndClasses = {\n  2: 'col-end-2',\n  3: 'col-end-3',\n  4: 'col-end-4',\n  5: 'col-end-5',\n  6: 'col-end-6',\n  7: 'col-end-7',\n  8: 'col-end-8',\n  9: 'col-end-9',\n  10: 'col-end-10',\n  11: 'col-end-11',\n  12: 'col-end-12',\n  13: 'col-end-13',\n} as const\n\nconst Grid = React.forwardRef<Element, GridProps>(({ className, children }, forwardedRef) => {\n  return <div ref={forwardedRef} className={cn(\"grid grid-cols-12 gap-3 laptop:gap-4\", className)}>{children}</div>\n})\nGrid.displayName = 'Grid'\n\nconst GridItem = React.forwardRef<Element, GridItemProps>(\n  ({ className, children, span = 12, start, end }, forwardedRef) => {\n    return (\n      <div\n        ref={forwardedRef}\n        className={cn(\n          colSpanClasses[span],\n          start && colStartClasses[start],\n          end && colEndClasses[end],\n          className\n        )}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nGridItem.displayName = 'GridItem'\n\nexport { Grid, GridItem }\nexport type { GridProps, GridItemProps }\n"],
-  "mappings": "AAiES,cAAAA,MAAA,oBAjET,OAAOC,MAAW,QAElB,OAAS,MAAAC,MAAU,sBAiBnB,MAAMC,EAAiB,CACrB,EAAG,aACH,EAAG,aACH,EAAG,aACH,EAAG,aACH,EAAG,aACH,EAAG,aACH,EAAG,aACH,EAAG,aACH,EAAG,aACH,GAAI,cACJ,GAAI,cACJ,GAAI,aACN,EAEMC,EAAkB,CACtB,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,GAAI,eACJ,GAAI,eACJ,GAAI,cACN,EAEMC,EAAgB,CACpB,EAAG,YACH,EAAG,YACH,EAAG,YACH,EAAG,YACH,EAAG,YACH,EAAG,YACH,EAAG,YACH,EAAG,YACH,GAAI,aACJ,GAAI,aACJ,GAAI,aACJ,GAAI,YACN,EAEMC,EAAOL,EAAM,WAA+B,CAAC,CAAE,UAAAM,EAAW,SAAAC,CAAS,EAAGC,IACnET,EAAC,OAAI,IAAKS,EAAc,UAAWP,EAAG,uCAAwCK,CAAS,EAAI,SAAAC,EAAS,CAC5G,EACDF,EAAK,YAAc,OAEnB,MAAMI,EAAWT,EAAM,WACrB,CAAC,CAAE,UAAAM,EAAW,SAAAC,EAAU,KAAAG,EAAO,GAAI,MAAAC,EAAO,IAAAC,CAAI,EAAGJ,IAE7CT,EAAC,OACC,IAAKS,EACL,UAAWP,EACTC,EAAeQ,CAAI,EACnBC,GAASR,EAAgBQ,CAAK,EAC9BC,GAAOR,EAAcQ,CAAG,EACxBN,CACF,EAEC,SAAAC,EACH,CAGN,EACAE,EAAS,YAAc",
+  "sourcesContent": ["import React from 'react'\nimport type { ReactNode } from 'react'\nimport { cn } from '../helpers/utils.js'\n\ntype Element = React.ElementRef<'div'>\n\ninterface GridProps {\n  children?: ReactNode\n  className?: string\n}\n\ninterface GridItemProps {\n  children?: ReactNode\n  className?: string\n  span?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 // \u9650\u5236\u4E3A\u5177\u4F53\u7684\u6570\u5B57\u7C7B\u578B\n  start?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 // \u8D77\u59CB\u5217\u4F4D\u7F6E\n  end?: 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 // \u7ED3\u675F\u5217\u4F4D\u7F6E\n}\n\nconst colSpanClasses = {\n  1: 'col-span-1',\n  2: 'col-span-2',\n  3: 'col-span-3',\n  4: 'col-span-4',\n  5: 'col-span-5',\n  6: 'col-span-6',\n  7: 'col-span-7',\n  8: 'col-span-8',\n  9: 'col-span-9',\n  10: 'col-span-10',\n  11: 'col-span-11',\n  12: 'col-span-12',\n} as const\n\nconst colStartClasses = {\n  1: 'col-start-1',\n  2: 'col-start-2',\n  3: 'col-start-3',\n  4: 'col-start-4',\n  5: 'col-start-5',\n  6: 'col-start-6',\n  7: 'col-start-7',\n  8: 'col-start-8',\n  9: 'col-start-9',\n  10: 'col-start-10',\n  11: 'col-start-11',\n  12: 'col-start-12',\n} as const\n\nconst colEndClasses = {\n  2: 'col-end-2',\n  3: 'col-end-3',\n  4: 'col-end-4',\n  5: 'col-end-5',\n  6: 'col-end-6',\n  7: 'col-end-7',\n  8: 'col-end-8',\n  9: 'col-end-9',\n  10: 'col-end-10',\n  11: 'col-end-11',\n  12: 'col-end-12',\n  13: 'col-end-13',\n} as const\n\nconst Grid = React.forwardRef<Element, GridProps>(({ className, children }, forwardedRef) => {\n  return (\n    <div ref={forwardedRef} className={cn('laptop:gap-4 grid grid-cols-12 gap-3', className)}>\n      {children}\n    </div>\n  )\n})\nGrid.displayName = 'Grid'\n\nconst GridItem = React.forwardRef<Element, GridItemProps>(\n  ({ className, children, span = 12, start, end }, forwardedRef) => {\n    return (\n      <div\n        ref={forwardedRef}\n        className={cn(colSpanClasses[span], start && colStartClasses[start], end && colEndClasses[end], className)}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nGridItem.displayName = 'GridItem'\n\nexport { Grid, GridItem }\nexport type { GridProps, GridItemProps }\n"],
+  "mappings": "AAkEI,cAAAA,MAAA,oBAlEJ,OAAOC,MAAW,QAElB,OAAS,MAAAC,MAAU,sBAiBnB,MAAMC,EAAiB,CACrB,EAAG,aACH,EAAG,aACH,EAAG,aACH,EAAG,aACH,EAAG,aACH,EAAG,aACH,EAAG,aACH,EAAG,aACH,EAAG,aACH,GAAI,cACJ,GAAI,cACJ,GAAI,aACN,EAEMC,EAAkB,CACtB,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,GAAI,eACJ,GAAI,eACJ,GAAI,cACN,EAEMC,EAAgB,CACpB,EAAG,YACH,EAAG,YACH,EAAG,YACH,EAAG,YACH,EAAG,YACH,EAAG,YACH,EAAG,YACH,EAAG,YACH,GAAI,aACJ,GAAI,aACJ,GAAI,aACJ,GAAI,YACN,EAEMC,EAAOL,EAAM,WAA+B,CAAC,CAAE,UAAAM,EAAW,SAAAC,CAAS,EAAGC,IAExET,EAAC,OAAI,IAAKS,EAAc,UAAWP,EAAG,uCAAwCK,CAAS,EACpF,SAAAC,EACH,CAEH,EACDF,EAAK,YAAc,OAEnB,MAAMI,EAAWT,EAAM,WACrB,CAAC,CAAE,UAAAM,EAAW,SAAAC,EAAU,KAAAG,EAAO,GAAI,MAAAC,EAAO,IAAAC,CAAI,EAAGJ,IAE7CT,EAAC,OACC,IAAKS,EACL,UAAWP,EAAGC,EAAeQ,CAAI,EAAGC,GAASR,EAAgBQ,CAAK,EAAGC,GAAOR,EAAcQ,CAAG,EAAGN,CAAS,EAExG,SAAAC,EACH,CAGN,EACAE,EAAS,YAAc",
   "names": ["jsx", "React", "cn", "colSpanClasses", "colStartClasses", "colEndClasses", "Grid", "className", "children", "forwardedRef", "GridItem", "span", "start", "end"]
 }

package/dist/esm/components/heading.js

@@ -1,2 +1,2 @@
-import{jsx as i}from"react/jsx-runtime";import{cn as f}from"../helpers/index.js";import{Slot as k}from"@radix-ui/react-slot";import{cva as b}from"class-variance-authority";import y from"react";const P=b("leading-tight tracking text-info-primary",{variants:{size:{1:"text-heading-1 lg-desktop:text-[16px]",2:"text-heading-2 lg-desktop:text-[24px]",3:"text-heading-3 lg-desktop:text-[32px]",4:"text-hedaing-4 desktop:text-[36px] lg-desktop:text-[48px]",5:"text-heading-5 desktop:text-[48px] lg-desktop:text-[64px]"},weight:{medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"},align:{left:"text-left",center:"text-center",right:"text-right"}},defaultVariants:{size:5,weight:"bold"}}),a=y.forwardRef((l,r)=>{const{children:t,className:s,size:d=5,align:p,weight:g,asChild:h,as:x="h1",color:e,html:o,...m}=l,n=o?{dangerouslySetInnerHTML:{__html:o}}:null,c=e?{style:{color:e}}:null;return i(k,{...m,ref:r,className:f(P({size:d,weight:g,align:p}),s),...n,...c,children:h?t:i(x,{children:n?null:t})})});a.displayName="Heading";export{a as Heading};
+import{jsx as i}from"react/jsx-runtime";import{cn as c}from"../helpers/index.js";import{Slot as k}from"@radix-ui/react-slot";import{cva as b}from"class-variance-authority";import y from"react";const P=b("tracking font-heading text-info-primary leading-tight",{variants:{size:{1:"text-heading-1 lg-desktop:text-[16px]",2:"text-heading-2 lg-desktop:text-[24px]",3:"text-heading-3 lg-desktop:text-[32px]",4:"text-heading-4 desktop:text-[36px] lg-desktop:text-[48px]",5:"text-heading-5 desktop:text-[48px] lg-desktop:text-[64px]"},weight:{medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"},align:{left:"text-left",center:"text-center",right:"text-right"}},defaultVariants:{size:5,weight:"bold"}}),a=y.forwardRef((l,r)=>{const{children:t,className:s,size:d=5,align:g,weight:p,asChild:h,as:x="h1",color:e,html:n,...m}=l,o=n?{dangerouslySetInnerHTML:{__html:n}}:null,f=e?{style:{color:e}}:null;return i(k,{...m,ref:r,className:c(P({size:d,weight:p,align:g}),s),...o,...f,children:h?t:i(x,{children:o?null:t})})});a.displayName="Heading";export{a as Heading};
 //# sourceMappingURL=heading.js.map

package/dist/esm/components/heading.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/heading.tsx"],
-  "sourcesContent": ["import { cn } from '../helpers/index.js'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport React from 'react'\n\nconst headingVariants = cva('leading-tight tracking text-info-primary', {\n  variants: {\n    size: {\n      1: 'text-heading-1 lg-desktop:text-[16px]',\n      2: 'text-heading-2 lg-desktop:text-[24px]',\n      3: 'text-heading-3 lg-desktop:text-[32px]',\n      4: 'text-hedaing-4 desktop:text-[36px] lg-desktop:text-[48px]',\n      5: 'text-heading-5 desktop:text-[48px] lg-desktop:text-[64px]',\n    },\n    weight: {\n      medium: 'font-medium',\n      semibold: 'font-semibold',\n      bold: 'font-bold',\n      extraBold: 'font-extrabold',\n      black: 'font-black',\n    },\n    align: {\n      left: 'text-left',\n      center: 'text-center',\n      right: 'text-right',\n    },\n  },\n  defaultVariants: {\n    size: 5,\n    weight: 'bold',\n  },\n})\n\ntype HeadingElement = React.ElementRef<'h1'>\n\ninterface HeadingProps extends React.ComponentPropsWithoutRef<'h1'>, VariantProps<typeof headingVariants> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  asChild?: boolean\n  color?: string\n  html?: string\n}\n\nconst Heading = React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n  const { children, className, size = 5, align, weight, asChild, as: Tag = 'h1', color, html, ...headingProps } = props\n  const htmlContentProps = html\n    ? {\n      dangerouslySetInnerHTML: { __html: html },\n    }\n    : null\n\n  const styleProps = color\n    ? {\n      style: {\n        color,\n      },\n    }\n    : null\n  return (\n    <Slot\n      {...headingProps}\n      ref={forwardedRef}\n      className={cn(\n        headingVariants({\n          size,\n          weight,\n          align,\n        }),\n        className\n      )}\n      {...htmlContentProps}\n      {...styleProps}\n    >\n      {asChild ? children : <Tag>{htmlContentProps ? null : children}</Tag>}\n    </Slot>\n  )\n})\n\nHeading.displayName = 'Heading'\n\nexport { Heading }\nexport type { HeadingProps }\n"],
-  "mappings": "AAwE4B,cAAAA,MAAA,oBAxE5B,OAAS,MAAAC,MAAU,sBACnB,OAAS,QAAAC,MAAY,uBACrB,OAAS,OAAAC,MAA8B,2BACvC,OAAOC,MAAW,QAElB,MAAMC,EAAkBF,EAAI,2CAA4C,CACtE,SAAU,CACR,KAAM,CACJ,EAAG,wCACH,EAAG,wCACH,EAAG,wCACH,EAAG,4DACH,EAAG,2DACL,EACA,OAAQ,CACN,OAAQ,cACR,SAAU,gBACV,KAAM,YACN,UAAW,iBACX,MAAO,YACT,EACA,MAAO,CACL,KAAM,YACN,OAAQ,cACR,MAAO,YACT,CACF,EACA,gBAAiB,CACf,KAAM,EACN,OAAQ,MACV,CACF,CAAC,EAWKG,EAAUF,EAAM,WAAyC,CAACG,EAAOC,IAAiB,CACtF,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAAO,EAAG,MAAAC,EAAO,OAAAC,EAAQ,QAAAC,EAAS,GAAIC,EAAM,KAAM,MAAAC,EAAO,KAAAC,EAAM,GAAGC,CAAa,EAAIX,EAC1GY,EAAmBF,EACrB,CACA,wBAAyB,CAAE,OAAQA,CAAK,CAC1C,EACE,KAEEG,EAAaJ,EACf,CACA,MAAO,CACL,MAAAA,CACF,CACF,EACE,KACJ,OACEhB,EAACE,EAAA,CACE,GAAGgB,EACJ,IAAKV,EACL,UAAWP,EACTI,EAAgB,CACd,KAAAM,EACA,OAAAE,EACA,MAAAD,CACF,CAAC,EACDF,CACF,EACC,GAAGS,EACH,GAAGC,EAEH,SAAAN,EAAUL,EAAWT,EAACe,EAAA,CAAK,SAAAI,EAAmB,KAAOV,EAAS,EACjE,CAEJ,CAAC,EAEDH,EAAQ,YAAc",
+  "sourcesContent": ["import { cn } from '../helpers/index.js'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport React from 'react'\n\nconst headingVariants = cva('tracking font-heading text-info-primary leading-tight', {\n  variants: {\n    size: {\n      1: 'text-heading-1 lg-desktop:text-[16px]',\n      2: 'text-heading-2 lg-desktop:text-[24px]',\n      3: 'text-heading-3 lg-desktop:text-[32px]',\n      4: 'text-heading-4 desktop:text-[36px] lg-desktop:text-[48px]',\n      5: 'text-heading-5 desktop:text-[48px] lg-desktop:text-[64px]',\n    },\n    weight: {\n      medium: 'font-medium',\n      semibold: 'font-semibold',\n      bold: 'font-bold',\n      extraBold: 'font-extrabold',\n      black: 'font-black',\n    },\n    align: {\n      left: 'text-left',\n      center: 'text-center',\n      right: 'text-right',\n    },\n  },\n  defaultVariants: {\n    size: 5,\n    weight: 'bold',\n  },\n})\n\ntype HeadingElement = React.ElementRef<'h1'>\n\ninterface HeadingProps extends React.ComponentPropsWithoutRef<'h1'>, VariantProps<typeof headingVariants> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  asChild?: boolean\n  color?: string\n  html?: string\n}\n\nconst Heading = React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n  const { children, className, size = 5, align, weight, asChild, as: Tag = 'h1', color, html, ...headingProps } = props\n  const htmlContentProps = html\n    ? {\n        dangerouslySetInnerHTML: { __html: html },\n      }\n    : null\n\n  const styleProps = color\n    ? {\n        style: {\n          color,\n        },\n      }\n    : null\n  return (\n    <Slot\n      {...headingProps}\n      ref={forwardedRef}\n      className={cn(\n        headingVariants({\n          size,\n          weight,\n          align,\n        }),\n        className\n      )}\n      {...htmlContentProps}\n      {...styleProps}\n    >\n      {asChild ? children : <Tag>{htmlContentProps ? null : children}</Tag>}\n    </Slot>\n  )\n})\n\nHeading.displayName = 'Heading'\n\nexport { Heading }\nexport type { HeadingProps }\n"],
+  "mappings": "AAwE4B,cAAAA,MAAA,oBAxE5B,OAAS,MAAAC,MAAU,sBACnB,OAAS,QAAAC,MAAY,uBACrB,OAAS,OAAAC,MAA8B,2BACvC,OAAOC,MAAW,QAElB,MAAMC,EAAkBF,EAAI,wDAAyD,CACnF,SAAU,CACR,KAAM,CACJ,EAAG,wCACH,EAAG,wCACH,EAAG,wCACH,EAAG,4DACH,EAAG,2DACL,EACA,OAAQ,CACN,OAAQ,cACR,SAAU,gBACV,KAAM,YACN,UAAW,iBACX,MAAO,YACT,EACA,MAAO,CACL,KAAM,YACN,OAAQ,cACR,MAAO,YACT,CACF,EACA,gBAAiB,CACf,KAAM,EACN,OAAQ,MACV,CACF,CAAC,EAWKG,EAAUF,EAAM,WAAyC,CAACG,EAAOC,IAAiB,CACtF,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAAO,EAAG,MAAAC,EAAO,OAAAC,EAAQ,QAAAC,EAAS,GAAIC,EAAM,KAAM,MAAAC,EAAO,KAAAC,EAAM,GAAGC,CAAa,EAAIX,EAC1GY,EAAmBF,EACrB,CACE,wBAAyB,CAAE,OAAQA,CAAK,CAC1C,EACA,KAEEG,EAAaJ,EACf,CACE,MAAO,CACL,MAAAA,CACF,CACF,EACA,KACJ,OACEhB,EAACE,EAAA,CACE,GAAGgB,EACJ,IAAKV,EACL,UAAWP,EACTI,EAAgB,CACd,KAAAM,EACA,OAAAE,EACA,MAAAD,CACF,CAAC,EACDF,CACF,EACC,GAAGS,EACH,GAAGC,EAEH,SAAAN,EAAUL,EAAWT,EAACe,EAAA,CAAK,SAAAI,EAAmB,KAAOV,EAAS,EACjE,CAEJ,CAAC,EAEDH,EAAQ,YAAc",
   "names": ["jsx", "cn", "Slot", "cva", "React", "headingVariants", "Heading", "props", "forwardedRef", "children", "className", "size", "align", "weight", "asChild", "Tag", "color", "html", "headingProps", "htmlContentProps", "styleProps"]
 }

package/dist/esm/components/index.d.ts

@@ -1,24 +1,24 @@
 export { default as Button } from './button.js';
 export { default as Badge } from './badge.js';
-export * from './input.js';
+export { Input, InputSlot } from './input.js';
 export { default as Checkbox } from './checkbox.js';
 export { default as Skeleton } from './skeleton.js';
-export * from './dialog.js';
-export * from './popover.js';
-export * from './radio.js';
-export * from './text.js';
-export * from './gird.js';
-export * from './heading.js';
-export * from './container.js';
-export * from './color.js';
-export * from './drawer.js';
-export * from './link.js';
-export * from './avatar.js';
-export * from './input-number.js';
-export * from './drop-down.js';
-export * from './card.js';
-export * from './carousel.js';
-export * from './tabs.js';
-export * from './alert.js';
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, } from './dialog.js';
+export { Popover, PopoverTrigger, PopoverContent } from './popover.js';
+export { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps } from './radio.js';
+export { Text, type TextProps } from './text.js';
+export { Grid, GridItem, type GridProps, type GridItemProps } from './gird.js';
+export { Heading, type HeadingProps } from './heading.js';
+export { Container, type ContainerProps } from './container.js';
+export { Color, type ColorProps } from './color.js';
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, } from './drawer.js';
+export { default as Link, type LinkProps } from './link.js';
+export { Avatar, AvatarImage, AvatarFallback } from './avatar.js';
+export { default as InputNumber, type InputNumberProps } from './input-number.js';
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, } from './drop-down.js';
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from './card.js';
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, } from './carousel.js';
+export { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs.js';
+export { Alert, AlertTitle, AlertDescription } from './alert.js';
 export { default as Picture } from './picture.js';
 export { default as Theme } from './theme.js';

package/dist/esm/components/index.js

@@ -1,2 +1,2 @@
-import{default as e}from"./button.js";import{default as f}from"./badge.js";export*from"./input.js";import{default as p}from"./checkbox.js";import{default as u}from"./skeleton.js";export*from"./dialog.js";export*from"./popover.js";export*from"./radio.js";export*from"./text.js";export*from"./gird.js";export*from"./heading.js";export*from"./container.js";export*from"./color.js";export*from"./drawer.js";export*from"./link.js";export*from"./avatar.js";export*from"./input-number.js";export*from"./drop-down.js";export*from"./card.js";export*from"./carousel.js";export*from"./tabs.js";export*from"./alert.js";import{default as w}from"./picture.js";import{default as z}from"./theme.js";export{f as Badge,e as Button,p as Checkbox,w as Picture,u as Skeleton,z as Theme};
+import{default as e}from"./button.js";import{default as a}from"./badge.js";import{Input as n,InputSlot as i}from"./input.js";import{default as d}from"./checkbox.js";import{default as D}from"./skeleton.js";import{Dialog as s,DialogPortal as f,DialogOverlay as x,DialogClose as C,DialogTrigger as g,DialogContent as w,DialogHeader as P,DialogFooter as T,DialogTitle as M,DialogDescription as b}from"./dialog.js";import{Popover as I,PopoverTrigger as G,PopoverContent as c}from"./popover.js";import{RadioGroup as A,RadioGroupItem as S}from"./radio.js";import{Text as R}from"./text.js";import{Grid as h,GridItem as F}from"./gird.js";import{Heading as N}from"./heading.js";import{Container as O}from"./container.js";import{Color as q}from"./color.js";import{Drawer as E,DrawerPortal as J,DrawerOverlay as K,DrawerTrigger as Q,DrawerClose as U,DrawerContent as V,DrawerHeader as W,DrawerFooter as X,DrawerTitle as Y,DrawerDescription as Z}from"./drawer.js";import{default as $}from"./link.js";import{Avatar as or,AvatarImage as er,AvatarFallback as tr}from"./avatar.js";import{default as pr}from"./input-number.js";import{DropdownMenu as ir,DropdownMenuTrigger as ur,DropdownMenuContent as dr,DropdownMenuItem as lr,DropdownMenuCheckboxItem as Dr,DropdownMenuRadioItem as mr,DropdownMenuLabel as sr,DropdownMenuSeparator as fr,DropdownMenuShortcut as xr,DropdownMenuGroup as Cr,DropdownMenuPortal as gr,DropdownMenuSub as wr,DropdownMenuSubContent as Pr,DropdownMenuSubTrigger as Tr,DropdownMenuRadioGroup as Mr}from"./drop-down.js";import{Card as yr,CardHeader as Ir,CardFooter as Gr,CardTitle as cr,CardDescription as vr,CardContent as Ar}from"./card.js";import{Carousel as kr,CarouselContent as Rr,CarouselItem as Hr,CarouselPrevious as hr,CarouselNext as Fr}from"./carousel.js";import{Tabs as Nr,TabsList as Br,TabsTrigger as Or,TabsContent as jr}from"./tabs.js";import{Alert as zr,AlertTitle as Er,AlertDescription as Jr}from"./alert.js";import{default as Qr}from"./picture.js";import{default as Vr}from"./theme.js";export{zr as Alert,Jr as AlertDescription,Er as AlertTitle,or as Avatar,tr as AvatarFallback,er as AvatarImage,a as Badge,e as Button,yr as Card,Ar as CardContent,vr as CardDescription,Gr as CardFooter,Ir as CardHeader,cr as CardTitle,kr as Carousel,Rr as CarouselContent,Hr as CarouselItem,Fr as CarouselNext,hr as CarouselPrevious,d as Checkbox,q as Color,O as Container,s as Dialog,C as DialogClose,w as DialogContent,b as DialogDescription,T as DialogFooter,P as DialogHeader,x as DialogOverlay,f as DialogPortal,M as DialogTitle,g as DialogTrigger,E as Drawer,U as DrawerClose,V as DrawerContent,Z as DrawerDescription,X as DrawerFooter,W as DrawerHeader,K as DrawerOverlay,J as DrawerPortal,Y as DrawerTitle,Q as DrawerTrigger,ir as DropdownMenu,Dr as DropdownMenuCheckboxItem,dr as DropdownMenuContent,Cr as DropdownMenuGroup,lr as DropdownMenuItem,sr as DropdownMenuLabel,gr as DropdownMenuPortal,Mr as DropdownMenuRadioGroup,mr as DropdownMenuRadioItem,fr as DropdownMenuSeparator,xr as DropdownMenuShortcut,wr as DropdownMenuSub,Pr as DropdownMenuSubContent,Tr as DropdownMenuSubTrigger,ur as DropdownMenuTrigger,h as Grid,F as GridItem,N as Heading,n as Input,pr as InputNumber,i as InputSlot,$ as Link,Qr as Picture,I as Popover,c as PopoverContent,G as PopoverTrigger,A as RadioGroup,S as RadioGroupItem,D as Skeleton,Nr as Tabs,jr as TabsContent,Br as TabsList,Or as TabsTrigger,R as Text,Vr as Theme};
 //# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.ts"],
-  "sourcesContent": ["export { default as Button } from './button.js'\nexport { default as Badge } from './badge.js'\nexport * from './input.js'\n\nexport { default as Checkbox } from './checkbox.js'\n\nexport { default as Skeleton } from './skeleton.js'\nexport * from './dialog.js'\nexport * from './popover.js'\nexport * from './radio.js'\nexport * from './text.js'\nexport * from './gird.js'\nexport * from './heading.js'\nexport * from './container.js'\nexport * from './color.js'\nexport * from './drawer.js'\nexport * from './link.js'\nexport * from './avatar.js'\nexport * from './input-number.js'\nexport * from './drop-down.js'\nexport * from './card.js'\nexport * from './carousel.js'\nexport * from './tabs.js'\nexport * from './alert.js'\nexport { default as Picture } from './picture.js'\nexport { default as Theme } from './theme.js'\n"],
-  "mappings": "AAAA,OAAoB,WAAXA,MAAyB,cAClC,OAAoB,WAAXA,MAAwB,aACjC,WAAc,aAEd,OAAoB,WAAXA,MAA2B,gBAEpC,OAAoB,WAAXA,MAA2B,gBACpC,WAAc,cACd,WAAc,eACd,WAAc,aACd,WAAc,YACd,WAAc,YACd,WAAc,eACd,WAAc,iBACd,WAAc,aACd,WAAc,cACd,WAAc,YACd,WAAc,cACd,WAAc,oBACd,WAAc,iBACd,WAAc,YACd,WAAc,gBACd,WAAc,YACd,WAAc,aACd,OAAoB,WAAXA,MAA0B,eACnC,OAAoB,WAAXA,MAAwB",
-  "names": ["default"]
+  "sourcesContent": ["export { default as Button } from './button.js'\nexport { default as Badge } from './badge.js'\nexport { Input, InputSlot } from './input.js'\n\nexport { default as Checkbox } from './checkbox.js'\n\nexport { default as Skeleton } from './skeleton.js'\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from './dialog.js'\nexport { Popover, PopoverTrigger, PopoverContent } from './popover.js'\nexport { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps } from './radio.js'\nexport { Text, type TextProps } from './text.js'\nexport { Grid, GridItem, type GridProps, type GridItemProps } from './gird.js'\nexport { Heading, type HeadingProps } from './heading.js'\nexport { Container, type ContainerProps } from './container.js'\nexport { Color, type ColorProps } from './color.js'\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n} from './drawer.js'\nexport { default as Link, type LinkProps } from './link.js'\nexport { Avatar, AvatarImage, AvatarFallback } from './avatar.js'\nexport { default as InputNumber, type InputNumberProps } from './input-number.js'\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n} from './drop-down.js'\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from './card.js'\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n} from './carousel.js'\nexport { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs.js'\nexport { Alert, AlertTitle, AlertDescription } from './alert.js'\nexport { default as Picture } from './picture.js'\nexport { default as Theme } from './theme.js'\n"],
+  "mappings": "AAAA,OAAoB,WAAXA,MAAyB,cAClC,OAAoB,WAAXA,MAAwB,aACjC,OAAS,SAAAC,EAAO,aAAAC,MAAiB,aAEjC,OAAoB,WAAXF,MAA2B,gBAEpC,OAAoB,WAAXA,MAA2B,gBACpC,OACE,UAAAG,EACA,gBAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,qBAAAC,MACK,cACP,OAAS,WAAAC,EAAS,kBAAAC,EAAgB,kBAAAC,MAAsB,eACxD,OAAS,cAAAC,EAAY,kBAAAC,MAAsE,aAC3F,OAAS,QAAAC,MAA4B,YACrC,OAAS,QAAAC,EAAM,YAAAC,MAAoD,YACnE,OAAS,WAAAC,MAAkC,eAC3C,OAAS,aAAAC,MAAsC,iBAC/C,OAAS,SAAAC,MAA8B,aACvC,OACE,UAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,qBAAAC,MACK,cACP,OAAoB,WAAXjC,MAAuC,YAChD,OAAS,UAAAkC,GAAQ,eAAAC,GAAa,kBAAAC,OAAsB,cACpD,OAAoB,WAAXpC,OAAqD,oBAC9D,OACE,gBAAAqC,GACA,uBAAAC,GACA,uBAAAC,GACA,oBAAAC,GACA,4BAAAC,GACA,yBAAAC,GACA,qBAAAC,GACA,yBAAAC,GACA,wBAAAC,GACA,qBAAAC,GACA,sBAAAC,GACA,mBAAAC,GACA,0BAAAC,GACA,0BAAAC,GACA,0BAAAC,OACK,iBACP,OAAS,QAAAC,GAAM,cAAAC,GAAY,cAAAC,GAAY,aAAAC,GAAW,mBAAAC,GAAiB,eAAAC,OAAmB,YACtF,OAEE,YAAAC,GACA,mBAAAC,GACA,gBAAAC,GACA,oBAAAC,GACA,gBAAAC,OACK,gBACP,OAAS,QAAAC,GAAM,YAAAC,GAAU,eAAAC,GAAa,eAAAC,OAAmB,YACzD,OAAS,SAAAC,GAAO,cAAAC,GAAY,oBAAAC,OAAwB,aACpD,OAAoB,WAAXrE,OAA0B,eACnC,OAAoB,WAAXA,OAAwB",
+  "names": ["default", "Input", "InputSlot", "Dialog", "DialogPortal", "DialogOverlay", "DialogClose", "DialogTrigger", "DialogContent", "DialogHeader", "DialogFooter", "DialogTitle", "DialogDescription", "Popover", "PopoverTrigger", "PopoverContent", "RadioGroup", "RadioGroupItem", "Text", "Grid", "GridItem", "Heading", "Container", "Color", "Drawer", "DrawerPortal", "DrawerOverlay", "DrawerTrigger", "DrawerClose", "DrawerContent", "DrawerHeader", "DrawerFooter", "DrawerTitle", "DrawerDescription", "Avatar", "AvatarImage", "AvatarFallback", "DropdownMenu", "DropdownMenuTrigger", "DropdownMenuContent", "DropdownMenuItem", "DropdownMenuCheckboxItem", "DropdownMenuRadioItem", "DropdownMenuLabel", "DropdownMenuSeparator", "DropdownMenuShortcut", "DropdownMenuGroup", "DropdownMenuPortal", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuRadioGroup", "Card", "CardHeader", "CardFooter", "CardTitle", "CardDescription", "CardContent", "Carousel", "CarouselContent", "CarouselItem", "CarouselPrevious", "CarouselNext", "Tabs", "TabsList", "TabsTrigger", "TabsContent", "Alert", "AlertTitle", "AlertDescription"]
 }

package/dist/esm/components/input.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as l,jsxs as m}from"react/jsx-runtime";import*as p from"react";import{cn as s}from"../helpers/index.js";import{cva as f}from"class-variance-authority";const a=f("border-input w-full bg-background focus-visible:outline-none flex flex-row items-center overflow-hidden rounded-md border",{variants:{size:{sm:"h-8 text-sm",base:"h-10",lg:"h-12 text-lg"}},defaultVariants:{size:"base"}}),d=p.forwardRef((t,o)=>{const{className:r,side:e="right",children:n,...i}=t;return l("div",{ref:o,...i,className:s("flex h-full items-center",r,{"-order-1":e==="left","order-2":e==="right"}),children:n})}),u=p.forwardRef(({className:t,type:o,size:r,children:e,...n},i)=>p.isValidElement(e)?m("div",{className:s(a({size:r}),t),children:[l("input",{type:o,className:s("placeholder:text-muted-foreground flex size-full file:border-0 file:bg-transparent file:font-medium focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 px-3"),ref:i,...n}),e]}):l("input",{type:o,className:s(a({size:r}),"px-3",t),ref:i,...n}));u.displayName="Input",d.displayName="InputSlot";export{u as Input,d as InputSlot};
+"use client";import{jsx as l,jsxs as m}from"react/jsx-runtime";import*as p from"react";import{cn as s}from"../helpers/index.js";import{cva as f}from"class-variance-authority";const a=f("border-input bg-background flex w-full flex-row items-center overflow-hidden rounded-md border focus-visible:outline-none",{variants:{size:{sm:"h-8 text-sm",base:"h-10",lg:"h-12 text-lg"}},defaultVariants:{size:"base"}}),d=p.forwardRef((t,o)=>{const{className:r,side:e="right",children:n,...i}=t;return l("div",{ref:o,...i,className:s("flex h-full items-center",r,{"-order-1":e==="left","order-2":e==="right"}),children:n})}),u=p.forwardRef(({className:t,type:o,size:r,children:e,...n},i)=>p.isValidElement(e)?m("div",{className:s(a({size:r}),t),children:[l("input",{type:o,className:s("placeholder:text-muted-foreground flex size-full px-3 file:border-0 file:bg-transparent file:font-medium focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50"),ref:i,...n}),e]}):l("input",{type:o,className:s(a({size:r}),"px-3",t),ref:i,...n}));u.displayName="Input",d.displayName="InputSlot";export{u as Input,d as InputSlot};
 //# sourceMappingURL=input.js.map

package/dist/esm/components/input.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/input.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst inputVariants = cva(\n  'border-input w-full bg-background focus-visible:outline-none flex flex-row items-center overflow-hidden rounded-md border',\n  {\n    variants: {\n      size: {\n        sm: 'h-8 text-sm',\n        base: 'h-10',\n        lg: 'h-12 text-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'base',\n    },\n  }\n)\n\nexport interface InputProps extends ComponentPropsWithout<'input', 'size'>, VariantProps<typeof inputVariants> {}\n\ntype InputSlotElement = React.ElementRef<'div'>\ninterface InputSlotProps extends ComponentPropsWithout<'div', RemovedProps> {\n  /**\n   * \u63D2\u69FD\u7684\u4F4D\u7F6E\n   * default: right\n   */\n  side?: 'left' | 'right'\n}\n\n/**\n * InputSlot\n * \u7528\u6765\u5728 Input \u7EC4\u4EF6\u4E2D\u63D2\u5165\u989D\u5916\u7684\u5185\u5BB9\uFF0C\u6BD4\u5982icon \uFF0C\u6309\u94AE\n */\nconst InputSlot = React.forwardRef<InputSlotElement, InputSlotProps>((props, forwardedRef) => {\n  const { className, side = 'right', children, ...slotProps } = props\n\n  return (\n    <div\n      ref={forwardedRef}\n      {...slotProps}\n      className={cn('flex h-full items-center', className, {\n        '-order-1': side === 'left',\n        'order-2': side === 'right',\n      })}\n    >\n      {children}\n    </div>\n  )\n})\n\nconst Input = React.forwardRef<React.ElementRef<'input'>, InputProps>(\n  ({ className, type, size, children, ...props }, ref) => {\n    if (!React.isValidElement(children)) {\n      return <input type={type} className={cn(inputVariants({ size }), 'px-3', className)} ref={ref} {...props} />\n    }\n    return (\n      <div className={cn(inputVariants({ size }), className)}>\n        <input\n          type={type}\n          className={cn(\n            'placeholder:text-muted-foreground flex size-full file:border-0 file:bg-transparent file:font-medium focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 px-3'\n          )}\n          ref={ref}\n          {...props}\n        />\n        {children}\n      </div>\n    )\n  }\n)\nInput.displayName = 'Input'\nInputSlot.displayName = 'InputSlot'\n\nexport { Input, InputSlot }\n"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst inputVariants = cva(\n  'border-input bg-background flex w-full flex-row items-center overflow-hidden rounded-md border focus-visible:outline-none',\n  {\n    variants: {\n      size: {\n        sm: 'h-8 text-sm',\n        base: 'h-10',\n        lg: 'h-12 text-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'base',\n    },\n  }\n)\n\nexport interface InputProps extends ComponentPropsWithout<'input', 'size'>, VariantProps<typeof inputVariants> {}\n\ntype InputSlotElement = React.ElementRef<'div'>\ninterface InputSlotProps extends ComponentPropsWithout<'div', RemovedProps> {\n  /**\n   * \u63D2\u69FD\u7684\u4F4D\u7F6E\n   * default: right\n   */\n  side?: 'left' | 'right'\n}\n\n/**\n * InputSlot\n * \u7528\u6765\u5728 Input \u7EC4\u4EF6\u4E2D\u63D2\u5165\u989D\u5916\u7684\u5185\u5BB9\uFF0C\u6BD4\u5982icon \uFF0C\u6309\u94AE\n */\nconst InputSlot = React.forwardRef<InputSlotElement, InputSlotProps>((props, forwardedRef) => {\n  const { className, side = 'right', children, ...slotProps } = props\n\n  return (\n    <div\n      ref={forwardedRef}\n      {...slotProps}\n      className={cn('flex h-full items-center', className, {\n        '-order-1': side === 'left',\n        'order-2': side === 'right',\n      })}\n    >\n      {children}\n    </div>\n  )\n})\n\nconst Input = React.forwardRef<React.ElementRef<'input'>, InputProps>(\n  ({ className, type, size, children, ...props }, ref) => {\n    if (!React.isValidElement(children)) {\n      return <input type={type} className={cn(inputVariants({ size }), 'px-3', className)} ref={ref} {...props} />\n    }\n    return (\n      <div className={cn(inputVariants({ size }), className)}>\n        <input\n          type={type}\n          className={cn(\n            'placeholder:text-muted-foreground flex size-full px-3 file:border-0 file:bg-transparent file:font-medium focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50'\n          )}\n          ref={ref}\n          {...props}\n        />\n        {children}\n      </div>\n    )\n  }\n)\nInput.displayName = 'Input'\nInputSlot.displayName = 'InputSlot'\n\nexport { Input, InputSlot }\n"],
   "mappings": "aA0CI,cAAAA,EAmBE,QAAAC,MAnBF,oBAxCJ,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,sBAEnB,OAAS,OAAAC,MAA8B,2BAEvC,MAAMC,EAAgBD,EACpB,4HACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,cACJ,KAAM,OACN,GAAI,cACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAiBME,EAAYJ,EAAM,WAA6C,CAACK,EAAOC,IAAiB,CAC5F,KAAM,CAAE,UAAAC,EAAW,KAAAC,EAAO,QAAS,SAAAC,EAAU,GAAGC,CAAU,EAAIL,EAE9D,OACEP,EAAC,OACC,IAAKQ,EACJ,GAAGI,EACJ,UAAWT,EAAG,2BAA4BM,EAAW,CACnD,WAAYC,IAAS,OACrB,UAAWA,IAAS,OACtB,CAAC,EAEA,SAAAC,EACH,CAEJ,CAAC,EAEKE,EAAQX,EAAM,WAClB,CAAC,CAAE,UAAAO,EAAW,KAAAK,EAAM,KAAAC,EAAM,SAAAJ,EAAU,GAAGJ,CAAM,EAAGS,IACzCd,EAAM,eAAeS,CAAQ,EAIhCV,EAAC,OAAI,UAAWE,EAAGE,EAAc,CAAE,KAAAU,CAAK,CAAC,EAAGN,CAAS,EACnD,UAAAT,EAAC,SACC,KAAMc,EACN,UAAWX,EACT,qLACF,EACA,IAAKa,EACJ,GAAGT,EACN,EACCI,GACH,EAbOX,EAAC,SAAM,KAAMc,EAAM,UAAWX,EAAGE,EAAc,CAAE,KAAAU,CAAK,CAAC,EAAG,OAAQN,CAAS,EAAG,IAAKO,EAAM,GAAGT,EAAO,CAgBhH,EACAM,EAAM,YAAc,QACpBP,EAAU,YAAc",
   "names": ["jsx", "jsxs", "React", "cn", "cva", "inputVariants", "InputSlot", "props", "forwardedRef", "className", "side", "children", "slotProps", "Input", "type", "size", "ref"]
 }

package/dist/esm/components/radio.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as e,jsxs as v}from"react/jsx-runtime";import*as t from"react";import*as p from"@radix-ui/react-radio-group";import{Text as R}from"./text.js";import{CheckIcon as l}from"@radix-ui/react-icons";import{cva as P}from"class-variance-authority";import{cn as d}from"../helpers/index.js";const m=t.createContext({size:"base"}),G=P("border-primary text-primary ring-offset-background focus-visible:ring-ring aspect-square rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",{variants:{size:{sm:"size-[14px]",base:"size-4",lg:"size-5"}},defaultVariants:{size:"base"}}),u=t.forwardRef(({className:o,children:i,size:r,...a},s)=>e(p.Root,{className:d("grid gap-2",o),...a,ref:s,children:e(m.Provider,{value:{size:r},children:i})}));u.displayName="RadioGroup";const f=t.forwardRef(({className:o,size:i,children:r,...a},s)=>{const{size:c}=t.useContext(m),n=e(p.Item,{ref:s,className:d(G({size:i??c}),o),...a,children:e(p.Indicator,{className:"flex items-center justify-center text-current w-full h-full",children:e(l,{})})});return r?v(R,{as:"label",className:d("flex items-center gap-1",o),children:[n,r]}):n});f.displayName="RadioGroupItem";export{u as RadioGroup,f as RadioGroupItem};
+"use client";import{jsx as e,jsxs as v}from"react/jsx-runtime";import*as t from"react";import*as p from"@radix-ui/react-radio-group";import{Text as R}from"./text.js";import{CheckIcon as l}from"@radix-ui/react-icons";import{cva as P}from"class-variance-authority";import{cn as d}from"../helpers/index.js";const m=t.createContext({size:"base"}),G=P("border-primary text-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground aspect-square rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",{variants:{size:{sm:"size-[14px]",base:"size-4",lg:"size-5"}},defaultVariants:{size:"base"}}),u=t.forwardRef(({className:o,children:i,size:r,...a},s)=>e(p.Root,{className:d("grid gap-2",o),...a,ref:s,children:e(m.Provider,{value:{size:r},children:i})}));u.displayName="RadioGroup";const f=t.forwardRef(({className:o,size:i,children:r,...a},s)=>{const{size:c}=t.useContext(m),n=e(p.Item,{ref:s,className:d(G({size:i??c}),o),...a,children:e(p.Indicator,{className:"flex size-full items-center justify-center text-current",children:e(l,{})})});return r?v(R,{as:"label",className:d("flex items-center gap-1",o),children:[n,r]}):n});f.displayName="RadioGroupItem";export{u as RadioGroup,f as RadioGroupItem};
 //# sourceMappingURL=radio.js.map

package/dist/esm/components/radio.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/radio.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { Text } from './text.js'\nimport { CheckIcon } from '@radix-ui/react-icons'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../helpers/index.js'\n\nconst RadioContext = React.createContext<{ size?: 'sm' | 'base' | 'lg' }>({\n  size: 'base',\n})\n\nconst radioGroupVariants = cva(\n  'border-primary text-primary ring-offset-background focus-visible:ring-ring aspect-square rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',\n  {\n    variants: {\n      size: {\n        sm: 'size-[14px]',\n        base: 'size-4',\n        lg: 'size-5',\n      },\n    },\n    defaultVariants: {\n      size: 'base',\n    },\n  }\n)\n\ninterface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {\n  /** \u5C3A\u5BF8 */\n  size?: 'sm' | 'base' | 'lg'\n}\n\nconst RadioGroup = React.forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Root>, RadioGroupProps>(\n  ({ className, children, size, ...props }, ref) => {\n    return (\n      <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref}>\n        <RadioContext.Provider value={{ size }}>{children}</RadioContext.Provider>\n      </RadioGroupPrimitive.Root>\n    )\n  }\n)\nRadioGroup.displayName = 'RadioGroup'\n\ninterface RadioGroupItemProps\n  extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>,\n    VariantProps<typeof radioGroupVariants> {}\n\nconst RadioGroupItem = React.forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Item>, RadioGroupItemProps>(\n  ({ className, size, children, ...props }, ref) => {\n    const { size: sizeFromParent } = React.useContext(RadioContext)\n\n    const ItemRadio = (\n      <RadioGroupPrimitive.Item\n        ref={ref}\n        className={cn(\n          radioGroupVariants({\n            size: size ?? sizeFromParent,\n          }),\n          className\n        )}\n        {...props}\n      >\n        <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center text-current w-full h-full\">\n          <CheckIcon />\n        </RadioGroupPrimitive.Indicator>\n      </RadioGroupPrimitive.Item>\n    )\n\n    if (children) {\n      return (\n        <Text as=\"label\" className={cn('flex items-center gap-1', className)}>\n          {ItemRadio}\n          {children}\n        </Text>\n      )\n    }\n    return ItemRadio\n  }\n)\nRadioGroupItem.displayName = 'RadioGroupItem'\n\nexport { RadioGroup, RadioGroupItem }\nexport type { RadioGroupProps, RadioGroupItemProps }\n"],
-  "mappings": "aAsCQ,cAAAA,EAkCA,QAAAC,MAlCA,oBApCR,UAAYC,MAAW,QACvB,UAAYC,MAAyB,8BACrC,OAAS,QAAAC,MAAY,YACrB,OAAS,aAAAC,MAAiB,wBAC1B,OAAS,OAAAC,MAA8B,2BACvC,OAAS,MAAAC,MAAU,sBAEnB,MAAMC,EAAeN,EAAM,cAA+C,CACxE,KAAM,MACR,CAAC,EAEKO,EAAqBH,EACzB,gTACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,cACJ,KAAM,SACN,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAOMI,EAAaR,EAAM,WACvB,CAAC,CAAE,UAAAS,EAAW,SAAAC,EAAU,KAAAC,EAAM,GAAGC,CAAM,EAAGC,IAEtCf,EAACG,EAAoB,KAApB,CAAyB,UAAWI,EAAG,aAAcI,CAAS,EAAI,GAAGG,EAAO,IAAKC,EAChF,SAAAf,EAACQ,EAAa,SAAb,CAAsB,MAAO,CAAE,KAAAK,CAAK,EAAI,SAAAD,EAAS,EACpD,CAGN,EACAF,EAAW,YAAc,aAMzB,MAAMM,EAAiBd,EAAM,WAC3B,CAAC,CAAE,UAAAS,EAAW,KAAAE,EAAM,SAAAD,EAAU,GAAGE,CAAM,EAAGC,IAAQ,CAChD,KAAM,CAAE,KAAME,CAAe,EAAIf,EAAM,WAAWM,CAAY,EAExDU,EACJlB,EAACG,EAAoB,KAApB,CACC,IAAKY,EACL,UAAWR,EACTE,EAAmB,CACjB,KAAMI,GAAQI,CAChB,CAAC,EACDN,CACF,EACC,GAAGG,EAEJ,SAAAd,EAACG,EAAoB,UAApB,CAA8B,UAAU,8DACvC,SAAAH,EAACK,EAAA,EAAU,EACb,EACF,EAGF,OAAIO,EAEAX,EAACG,EAAA,CAAK,GAAG,QAAQ,UAAWG,EAAG,0BAA2BI,CAAS,EAChE,UAAAO,EACAN,GACH,EAGGM,CACT,CACF,EACAF,EAAe,YAAc",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { Text } from './text.js'\nimport { CheckIcon } from '@radix-ui/react-icons'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../helpers/index.js'\n\nconst RadioContext = React.createContext<{ size?: 'sm' | 'base' | 'lg' }>({\n  size: 'base',\n})\n\nconst radioGroupVariants = cva(\n  'border-primary text-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground aspect-square rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      size: {\n        sm: 'size-[14px]',\n        base: 'size-4',\n        lg: 'size-5',\n      },\n    },\n    defaultVariants: {\n      size: 'base',\n    },\n  }\n)\n\ninterface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {\n  /** \u5C3A\u5BF8 */\n  size?: 'sm' | 'base' | 'lg'\n}\n\nconst RadioGroup = React.forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Root>, RadioGroupProps>(\n  ({ className, children, size, ...props }, ref) => {\n    return (\n      <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref}>\n        <RadioContext.Provider value={{ size }}>{children}</RadioContext.Provider>\n      </RadioGroupPrimitive.Root>\n    )\n  }\n)\nRadioGroup.displayName = 'RadioGroup'\n\ninterface RadioGroupItemProps\n  extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>,\n    VariantProps<typeof radioGroupVariants> {}\n\nconst RadioGroupItem = React.forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Item>, RadioGroupItemProps>(\n  ({ className, size, children, ...props }, ref) => {\n    const { size: sizeFromParent } = React.useContext(RadioContext)\n\n    const ItemRadio = (\n      <RadioGroupPrimitive.Item\n        ref={ref}\n        className={cn(\n          radioGroupVariants({\n            size: size ?? sizeFromParent,\n          }),\n          className\n        )}\n        {...props}\n      >\n        <RadioGroupPrimitive.Indicator className=\"flex size-full items-center justify-center text-current\">\n          <CheckIcon />\n        </RadioGroupPrimitive.Indicator>\n      </RadioGroupPrimitive.Item>\n    )\n\n    if (children) {\n      return (\n        <Text as=\"label\" className={cn('flex items-center gap-1', className)}>\n          {ItemRadio}\n          {children}\n        </Text>\n      )\n    }\n    return ItemRadio\n  }\n)\nRadioGroupItem.displayName = 'RadioGroupItem'\n\nexport { RadioGroup, RadioGroupItem }\nexport type { RadioGroupProps, RadioGroupItemProps }\n"],
+  "mappings": "aAsCQ,cAAAA,EAkCA,QAAAC,MAlCA,oBApCR,UAAYC,MAAW,QACvB,UAAYC,MAAyB,8BACrC,OAAS,QAAAC,MAAY,YACrB,OAAS,aAAAC,MAAiB,wBAC1B,OAAS,OAAAC,MAA8B,2BACvC,OAAS,MAAAC,MAAU,sBAEnB,MAAMC,EAAeN,EAAM,cAA+C,CACxE,KAAM,MACR,CAAC,EAEKO,EAAqBH,EACzB,gTACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,cACJ,KAAM,SACN,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAOMI,EAAaR,EAAM,WACvB,CAAC,CAAE,UAAAS,EAAW,SAAAC,EAAU,KAAAC,EAAM,GAAGC,CAAM,EAAGC,IAEtCf,EAACG,EAAoB,KAApB,CAAyB,UAAWI,EAAG,aAAcI,CAAS,EAAI,GAAGG,EAAO,IAAKC,EAChF,SAAAf,EAACQ,EAAa,SAAb,CAAsB,MAAO,CAAE,KAAAK,CAAK,EAAI,SAAAD,EAAS,EACpD,CAGN,EACAF,EAAW,YAAc,aAMzB,MAAMM,EAAiBd,EAAM,WAC3B,CAAC,CAAE,UAAAS,EAAW,KAAAE,EAAM,SAAAD,EAAU,GAAGE,CAAM,EAAGC,IAAQ,CAChD,KAAM,CAAE,KAAME,CAAe,EAAIf,EAAM,WAAWM,CAAY,EAExDU,EACJlB,EAACG,EAAoB,KAApB,CACC,IAAKY,EACL,UAAWR,EACTE,EAAmB,CACjB,KAAMI,GAAQI,CAChB,CAAC,EACDN,CACF,EACC,GAAGG,EAEJ,SAAAd,EAACG,EAAoB,UAApB,CAA8B,UAAU,0DACvC,SAAAH,EAACK,EAAA,EAAU,EACb,EACF,EAGF,OAAIO,EAEAX,EAACG,EAAA,CAAK,GAAG,QAAQ,UAAWG,EAAG,0BAA2BI,CAAS,EAChE,UAAAO,EACAN,GACH,EAGGM,CACT,CACF,EACAF,EAAe,YAAc",
   "names": ["jsx", "jsxs", "React", "RadioGroupPrimitive", "Text", "CheckIcon", "cva", "cn", "RadioContext", "radioGroupVariants", "RadioGroup", "className", "children", "size", "props", "ref", "RadioGroupItem", "sizeFromParent", "ItemRadio"]
 }

package/dist/esm/components/skeleton.js

@@ -1,5 +1,5 @@
-import{jsx as m}from"react/jsx-runtime";import*as n from"react";import{cn as p}from"../helpers/index.js";import{Slot as d}from"@radix-ui/react-slot";const o=n.forwardRef((t,r)=>{const{children:e,className:l,loading:s=!0,...a}=t;if(!s)return e;const i=n.isValidElement(e)?d:"span";return m(i,{ref:r,className:p(`bg-skeleton animate-pulse empty:block data-[inline-skeleton=true]:leading-[0] !bg-none !bg-clip-border !border-none !shadow-none 
-        !text-transparent !outline-none !select-none !cursor-default !pointer-events-none !decoration-clone
-        after:!invisible before:!invisible [&>*]:!invisible
+import{jsx as m}from"react/jsx-runtime";import*as n from"react";import{cn as p}from"../helpers/index.js";import{Slot as d}from"@radix-ui/react-slot";const o=n.forwardRef((t,r)=>{const{children:e,className:l,loading:s=!0,...a}=t;if(!s)return e;const i=n.isValidElement(e)?d:"span";return m(i,{ref:r,className:p(`bg-skeleton !pointer-events-none animate-pulse !cursor-default !select-none !border-none !bg-none !decoration-clone 
+        !bg-clip-border !text-transparent !shadow-none !outline-none before:!invisible after:!invisible
+        empty:block data-[inline-skeleton=true]:leading-[0] [&>*]:!invisible
         `,l),"data-inline-skeleton":n.isValidElement(e)?void 0:!0,tabIndex:-1,...a,children:e})});o.displayName="Skeleton";var b=o;export{b as default};
 //# sourceMappingURL=skeleton.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/skeleton.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { cn } from '../helpers/index.js'\nimport { Slot } from '@radix-ui/react-slot'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\n\ntype SkeletonElement = React.ElementRef<'span'>\n\ninterface SkeletonProps extends ComponentPropsWithout<'span', RemovedProps> {\n  /** \u662F\u5426\u6B63\u5728\u52A0\u8F7D , \u9ED8\u8BA4\u662Ftrue*/\n  loading?: boolean\n}\n\nconst Skeleton = React.forwardRef<SkeletonElement, SkeletonProps>((props, forwardedRef) => {\n  const { children, className, loading = true, ...skeletonProps } = props\n\n  if (!loading) return children\n  const Tag = React.isValidElement(children) ? Slot : 'span'\n\n  return (\n    <Tag\n      ref={forwardedRef}\n      className={cn(\n        `bg-skeleton animate-pulse empty:block data-[inline-skeleton=true]:leading-[0] !bg-none !bg-clip-border !border-none !shadow-none \n        !text-transparent !outline-none !select-none !cursor-default !pointer-events-none !decoration-clone\n        after:!invisible before:!invisible [&>*]:!invisible\n        `,\n        className\n      )}\n      data-inline-skeleton={React.isValidElement(children) ? undefined : true}\n      tabIndex={-1}\n      {...skeletonProps}\n    >\n      {children}\n    </Tag>\n  )\n})\n\nSkeleton.displayName = 'Skeleton'\n\nexport default Skeleton\nexport type { SkeletonProps }\n"],
+  "sourcesContent": ["import * as React from 'react'\nimport { cn } from '../helpers/index.js'\nimport { Slot } from '@radix-ui/react-slot'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\n\ntype SkeletonElement = React.ElementRef<'span'>\n\ninterface SkeletonProps extends ComponentPropsWithout<'span', RemovedProps> {\n  /** \u662F\u5426\u6B63\u5728\u52A0\u8F7D , \u9ED8\u8BA4\u662Ftrue*/\n  loading?: boolean\n}\n\nconst Skeleton = React.forwardRef<SkeletonElement, SkeletonProps>((props, forwardedRef) => {\n  const { children, className, loading = true, ...skeletonProps } = props\n\n  if (!loading) return children\n  const Tag = React.isValidElement(children) ? Slot : 'span'\n\n  return (\n    <Tag\n      ref={forwardedRef}\n      className={cn(\n        `bg-skeleton !pointer-events-none animate-pulse !cursor-default !select-none !border-none !bg-none !decoration-clone \n        !bg-clip-border !text-transparent !shadow-none !outline-none before:!invisible after:!invisible\n        empty:block data-[inline-skeleton=true]:leading-[0] [&>*]:!invisible\n        `,\n        className\n      )}\n      data-inline-skeleton={React.isValidElement(children) ? undefined : true}\n      tabIndex={-1}\n      {...skeletonProps}\n    >\n      {children}\n    </Tag>\n  )\n})\n\nSkeleton.displayName = 'Skeleton'\n\nexport default Skeleton\nexport type { SkeletonProps }\n"],
   "mappings": "AAmBI,cAAAA,MAAA,oBAnBJ,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,sBACnB,OAAS,QAAAC,MAAY,uBAUrB,MAAMC,EAAWH,EAAM,WAA2C,CAACI,EAAOC,IAAiB,CACzF,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,QAAAC,EAAU,GAAM,GAAGC,CAAc,EAAIL,EAElE,GAAI,CAACI,EAAS,OAAOF,EACrB,MAAMI,EAAMV,EAAM,eAAeM,CAAQ,EAAIJ,EAAO,OAEpD,OACEH,EAACW,EAAA,CACC,IAAKL,EACL,UAAWJ,EACT;AAAA;AAAA;AAAA,UAIAM,CACF,EACA,uBAAsBP,EAAM,eAAeM,CAAQ,EAAI,OAAY,GACnE,SAAU,GACT,GAAGG,EAEH,SAAAH,EACH,CAEJ,CAAC,EAEDH,EAAS,YAAc,WAEvB,IAAOQ,EAAQR",
   "names": ["jsx", "React", "cn", "Slot", "Skeleton", "props", "forwardedRef", "children", "className", "loading", "skeletonProps", "Tag", "skeleton_default"]
 }

package/dist/esm/components/tabs.d.ts

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+import type { Align, Shape } from '../types/props.js';
 declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    algin?: "left" | "center" | "right";
+    align?: Align;
+    shape?: Shape;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/tabs.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as o}from"react/jsx-runtime";import*as r from"react";import{cn as n}from"../helpers/index.js";import*as i from"@radix-ui/react-tabs";import{cva as c}from"class-variance-authority";const f=r.createContext({algin:"left"}),l=r.forwardRef(({children:t,algin:e="left",...a},s)=>o(i.Root,{ref:s,...a,children:o(f.Provider,{value:{algin:e},children:t})}));l.displayName="Tabs";const d=c("",{variants:{algin:{left:"justify-left",center:"justify-center",right:"justify-end"}},defaultVariants:{algin:"left"}}),m=r.forwardRef(({className:t,...e},a)=>{const{algin:s}=r.useContext(f);return o(i.List,{ref:a,className:n("border-b-lines flex gap-[24px] overflow-x-auto border-b",d({algin:s}),t),...e})});m.displayName=i.List.displayName;const p=r.forwardRef(({className:t,...e},a)=>o(i.Trigger,{ref:a,className:n("border-b-brand-0 disabled:text-btn-secondary-disabled shrink-0 text-base font-bold data-[state=active]:border-b-[3px]",t),...e}));p.displayName=i.Trigger.displayName;const b=r.forwardRef(({className:t,...e},a)=>o(i.Content,{ref:a,className:n(t),...e}));b.displayName=i.Content.displayName;export{l as Tabs,b as TabsContent,m as TabsList,p as TabsTrigger};
+"use client";import{jsx as r}from"react/jsx-runtime";import*as s from"react";import{cn as p}from"../helpers/index.js";import*as i from"@radix-ui/react-tabs";import{cva as l}from"class-variance-authority";const f=s.createContext({align:"left",shape:"square"}),d=s.forwardRef(({children:e,align:t="left",shape:a="square",...o},n)=>r(i.Root,{ref:n,...o,children:r(f.Provider,{value:{align:t,shape:a},children:e})}));d.displayName="Tabs";const c=l("",{variants:{align:{left:"justify-left",center:"justify-center",right:"justify-end"},shape:{rounded:"rounded-[28px]",square:"rounded-none"}},defaultVariants:{align:"left",shape:"square"}}),u=l("",{variants:{shape:{rounded:"rounded-[28px]",square:"rounded-none"}},defaultVariants:{shape:"square"}}),m=s.forwardRef(({className:e,...t},a)=>{const{align:o,shape:n}=s.useContext(f);return r(i.List,{ref:a,className:p("bg-tabs-list-bg flex w-fit overflow-x-auto p-1",c({align:o,shape:n}),e),...t})});m.displayName=i.List.displayName;const g=s.forwardRef(({className:e,...t},a)=>{const{shape:o}=s.useContext(f);return r(i.Trigger,{ref:a,className:p("text-info-primary lg-desktop:text-[16px] disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-[20px] pb-[10px] pt-[11px] text-[14px] font-bold data-[state=active]:bg-white data-[state=active]:text-[#1d1d1d]",e,u({shape:o})),...t})});g.displayName=i.Trigger.displayName;const b=s.forwardRef(({className:e,...t},a)=>r(i.Content,{ref:a,className:p(e),...t}));b.displayName=i.Content.displayName;export{d as Tabs,b as TabsContent,m as TabsList,g as TabsTrigger};
 //# sourceMappingURL=tabs.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/tabs.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst TabListContext = React.createContext<{ algin?: 'left' | 'center' | 'right' }>({\n  algin: 'left',\n})\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & { algin?: 'left' | 'center' | 'right' }\n>(({ children, algin = 'left', ...props }, ref) => (\n  <TabsPrimitive.Root ref={ref} {...props}>\n    <TabListContext.Provider value={{ algin }}>{children}</TabListContext.Provider>\n  </TabsPrimitive.Root>\n))\nTabs.displayName = 'Tabs'\n\nconst tabsListVariants = cva('', {\n  variants: {\n    algin: {\n      left: 'justify-left',\n      center: 'justify-center',\n      right: 'justify-end',\n    },\n  },\n  defaultVariants: {\n    algin: 'left',\n  },\n})\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => {\n  const { algin: alginFromParent } = React.useContext(TabListContext)\n  return (\n    <TabsPrimitive.List\n      ref={ref}\n      className={cn(\n        'border-b-lines flex gap-[24px] overflow-x-auto border-b',\n        tabsListVariants({\n          algin: alginFromParent,\n        }),\n        className\n      )}\n      {...props}\n    />\n  )\n})\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'border-b-brand-0 disabled:text-btn-secondary-disabled shrink-0 text-base font-bold data-[state=active]:border-b-[3px]',\n      className\n    )}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => <TabsPrimitive.Content ref={ref} className={cn(className)} {...props} />)\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],
-  "mappings": "aAiBI,cAAAA,MAAA,oBAfJ,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,sBAEnB,UAAYC,MAAmB,uBAC/B,OAAS,OAAAC,MAA8B,2BAEvC,MAAMC,EAAiBJ,EAAM,cAAuD,CAClF,MAAO,MACT,CAAC,EAEKK,EAAOL,EAAM,WAGjB,CAAC,CAAE,SAAAM,EAAU,MAAAC,EAAQ,OAAQ,GAAGC,CAAM,EAAGC,IACzCV,EAACG,EAAc,KAAd,CAAmB,IAAKO,EAAM,GAAGD,EAChC,SAAAT,EAACK,EAAe,SAAf,CAAwB,MAAO,CAAE,MAAAG,CAAM,EAAI,SAAAD,EAAS,EACvD,CACD,EACDD,EAAK,YAAc,OAEnB,MAAMK,EAAmBP,EAAI,GAAI,CAC/B,SAAU,CACR,MAAO,CACL,KAAM,eACN,OAAQ,iBACR,MAAO,aACT,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKQ,EAAWX,EAAM,WAGrB,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,IAAQ,CAClC,KAAM,CAAE,MAAOI,CAAgB,EAAIb,EAAM,WAAWI,CAAc,EAClE,OACEL,EAACG,EAAc,KAAd,CACC,IAAKO,EACL,UAAWR,EACT,0DACAS,EAAiB,CACf,MAAOG,CACT,CAAC,EACDD,CACF,EACC,GAAGJ,EACN,CAEJ,CAAC,EACDG,EAAS,YAAcT,EAAc,KAAK,YAE1C,MAAMY,EAAcd,EAAM,WAGxB,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,IAC1BV,EAACG,EAAc,QAAd,CACC,IAAKO,EACL,UAAWR,EACT,wHACAW,CACF,EACC,GAAGJ,EACN,CACD,EACDM,EAAY,YAAcZ,EAAc,QAAQ,YAEhD,MAAMa,EAAcf,EAAM,WAGxB,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,IAAQV,EAACG,EAAc,QAAd,CAAsB,IAAKO,EAAK,UAAWR,EAAGW,CAAS,EAAI,GAAGJ,EAAO,CAAE,EAC5GO,EAAY,YAAcb,EAAc,QAAQ",
-  "names": ["jsx", "React", "cn", "TabsPrimitive", "cva", "TabListContext", "Tabs", "children", "algin", "props", "ref", "tabsListVariants", "TabsList", "className", "alginFromParent", "TabsTrigger", "TabsContent"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva } from 'class-variance-authority'\nimport type { Align, Shape } from '../types/props.js'\n\nconst TabListContext = React.createContext<{\n  align?: Align\n  shape: Shape\n}>({\n  align: 'left',\n  shape: 'square',\n})\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {\n    align?: Align\n    shape?: Shape\n  }\n>(({ children, align = 'left', shape = 'square', ...props }, ref) => (\n  <TabsPrimitive.Root ref={ref} {...props}>\n    <TabListContext.Provider value={{ align, shape }}>{children}</TabListContext.Provider>\n  </TabsPrimitive.Root>\n))\nTabs.displayName = 'Tabs'\n\nconst tabsListVariants = cva('', {\n  variants: {\n    align: {\n      left: 'justify-left',\n      center: 'justify-center',\n      right: 'justify-end',\n    },\n    shape: {\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    align: 'left',\n    shape: 'square',\n  },\n})\n\nconst tabsTriggerVariants = cva('', {\n  variants: {\n    shape: {\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    shape: 'square',\n  },\n})\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => {\n  const { align: alignFromParent, shape: shapeFromParent } = React.useContext(TabListContext)\n  return (\n    <TabsPrimitive.List\n      ref={ref}\n      className={cn(\n        'bg-tabs-list-bg flex w-fit overflow-x-auto p-1',\n        tabsListVariants({\n          align: alignFromParent,\n          shape: shapeFromParent,\n        }),\n        className\n      )}\n      {...props}\n    />\n  )\n})\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => {\n  const { shape: shapeFromParent } = React.useContext(TabListContext)\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'text-info-primary lg-desktop:text-[16px] disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-[20px] pb-[10px] pt-[11px] text-[14px] font-bold data-[state=active]:bg-white data-[state=active]:text-[#1d1d1d]',\n        className,\n        tabsTriggerVariants({\n          shape: shapeFromParent,\n        })\n      )}\n      {...props}\n    />\n  )\n})\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => <TabsPrimitive.Content ref={ref} className={cn(className)} {...props} />)\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],
+  "mappings": "aAyBI,cAAAA,MAAA,oBAvBJ,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,sBAEnB,UAAYC,MAAmB,uBAC/B,OAAS,OAAAC,MAAW,2BAGpB,MAAMC,EAAiBJ,EAAM,cAG1B,CACD,MAAO,OACP,MAAO,QACT,CAAC,EAEKK,EAAOL,EAAM,WAMjB,CAAC,CAAE,SAAAM,EAAU,MAAAC,EAAQ,OAAQ,MAAAC,EAAQ,SAAU,GAAGC,CAAM,EAAGC,IAC3DX,EAACG,EAAc,KAAd,CAAmB,IAAKQ,EAAM,GAAGD,EAChC,SAAAV,EAACK,EAAe,SAAf,CAAwB,MAAO,CAAE,MAAAG,EAAO,MAAAC,CAAM,EAAI,SAAAF,EAAS,EAC9D,CACD,EACDD,EAAK,YAAc,OAEnB,MAAMM,EAAmBR,EAAI,GAAI,CAC/B,SAAU,CACR,MAAO,CACL,KAAM,eACN,OAAQ,iBACR,MAAO,aACT,EACA,MAAO,CACL,QAAS,iBACT,OAAQ,cACV,CACF,EACA,gBAAiB,CACf,MAAO,OACP,MAAO,QACT,CACF,CAAC,EAEKS,EAAsBT,EAAI,GAAI,CAClC,SAAU,CACR,MAAO,CACL,QAAS,iBACT,OAAQ,cACV,CACF,EACA,gBAAiB,CACf,MAAO,QACT,CACF,CAAC,EACKU,EAAWb,EAAM,WAGrB,CAAC,CAAE,UAAAc,EAAW,GAAGL,CAAM,EAAGC,IAAQ,CAClC,KAAM,CAAE,MAAOK,EAAiB,MAAOC,CAAgB,EAAIhB,EAAM,WAAWI,CAAc,EAC1F,OACEL,EAACG,EAAc,KAAd,CACC,IAAKQ,EACL,UAAWT,EACT,iDACAU,EAAiB,CACf,MAAOI,EACP,MAAOC,CACT,CAAC,EACDF,CACF,EACC,GAAGL,EACN,CAEJ,CAAC,EACDI,EAAS,YAAcX,EAAc,KAAK,YAE1C,MAAMe,EAAcjB,EAAM,WAGxB,CAAC,CAAE,UAAAc,EAAW,GAAGL,CAAM,EAAGC,IAAQ,CAClC,KAAM,CAAE,MAAOM,CAAgB,EAAIhB,EAAM,WAAWI,CAAc,EAClE,OACEL,EAACG,EAAc,QAAd,CACC,IAAKQ,EACL,UAAWT,EACT,4QACAa,EACAF,EAAoB,CAClB,MAAOI,CACT,CAAC,CACH,EACC,GAAGP,EACN,CAEJ,CAAC,EACDQ,EAAY,YAAcf,EAAc,QAAQ,YAEhD,MAAMgB,EAAclB,EAAM,WAGxB,CAAC,CAAE,UAAAc,EAAW,GAAGL,CAAM,EAAGC,IAAQX,EAACG,EAAc,QAAd,CAAsB,IAAKQ,EAAK,UAAWT,EAAGa,CAAS,EAAI,GAAGL,EAAO,CAAE,EAC5GS,EAAY,YAAchB,EAAc,QAAQ",
+  "names": ["jsx", "React", "cn", "TabsPrimitive", "cva", "TabListContext", "Tabs", "children", "align", "shape", "props", "ref", "tabsListVariants", "tabsTriggerVariants", "TabsList", "className", "alignFromParent", "shapeFromParent", "TabsTrigger", "TabsContent"]
 }

package/dist/esm/components/text.js

@@ -1,2 +1,2 @@
-import{jsx as p}from"react/jsx-runtime";import*as T from"react";import{Slot as c}from"@radix-ui/react-slot";import{cn as y}from"../helpers/index.js";import{cva as g}from"class-variance-authority";const u=g("tracking font-body",{variants:{size:{1:"text-text-1 text-info-primary",2:"text-text-2 text-info-primary",3:"text-text-3 text-info-primary"},weight:{light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},align:{left:"text-left",center:"text-center",right:"text-right"}},defaultVariants:{size:3,weight:"medium"}}),s=T.forwardRef((n,a)=>{const{children:t,size:i=3,weight:l,align:m,className:x,asChild:P,as:d="span",color:e,html:o,...f}=n,r=o?{dangerouslySetInnerHTML:{__html:o}}:null,h=e?{style:{color:e}}:null;return p(c,{...f,ref:a,className:y(u({size:i,weight:l,align:m}),x),...r,...h,children:P?t:p(d,{children:r?null:t})})});s.displayName="Text";export{s as Text};
+import{jsx as p}from"react/jsx-runtime";import*as T from"react";import{Slot as c}from"@radix-ui/react-slot";import{cn as y}from"../helpers/index.js";import{cva as g}from"class-variance-authority";const u=g("tracking font-body text-info-primary",{variants:{size:{1:"text-text-1",2:"text-text-2",3:"text-text-3"},weight:{light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},align:{left:"text-left",center:"text-center",right:"text-right"}},defaultVariants:{size:3,weight:"medium"}}),r=T.forwardRef((n,a)=>{const{children:t,size:l=3,weight:i,align:m,className:x,asChild:P,as:d="span",color:e,html:o,...f}=n,s=o?{dangerouslySetInnerHTML:{__html:o}}:null,h=e?{style:{color:e}}:null;return p(c,{...f,ref:a,className:y(u({size:l,weight:i,align:m}),x),...s,...h,children:P?t:p(d,{children:s?null:t})})});r.displayName="Text";export{r as Text};
 //# sourceMappingURL=text.js.map

package/dist/esm/components/text.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/text.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cn } from '../helpers/index.js'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\n\nconst textVariants = cva('tracking font-body', {\n  variants: {\n    size: {\n      1: 'text-text-1 text-info-primary',\n      2: 'text-text-2 text-info-primary',\n      3: 'text-text-3 text-info-primary',\n    },\n    weight: {\n      light: 'font-light',\n      normal: 'font-normal',\n      medium: 'font-medium',\n      semibold: 'font-semibold',\n      bold: 'font-bold',\n    },\n    align: {\n      left: 'text-left',\n      center: 'text-center',\n      right: 'text-right',\n    },\n  },\n  defaultVariants: {\n    size: 3,\n    weight: 'medium',\n  },\n})\n\ntype TextElement = React.ElementRef<'span'>\ntype TextSpanProps = { as?: 'span' } & ComponentPropsWithout<'span', RemovedProps>\ntype TextDivProps = { as: 'div' } & ComponentPropsWithout<'div', RemovedProps>\ntype TextLabelProps = { as: 'label' } & ComponentPropsWithout<'label', RemovedProps>\ntype TextPProps = { as: 'p' } & ComponentPropsWithout<'p', RemovedProps>\n\ninterface CommonTextProps extends VariantProps<typeof textVariants> {\n  as?: 'div' | 'label' | 'p' | 'span'\n  asChild?: boolean\n  color?: string\n  /** \u76F8\u5F53\u4E8E dangerouslySetInnerHTML */\n  html?: string\n}\n\ntype TextProps = CommonTextProps & (TextSpanProps | TextDivProps | TextLabelProps | TextPProps)\n\nconst Text = React.forwardRef<TextElement, TextProps>((props, forwardedRef) => {\n  const {\n    children,\n    size = 3,\n    weight,\n    align,\n    className,\n    asChild,\n    as: Tag = 'span',\n    color,\n    html,\n    ...textProps\n  } = props\n\n  const htmlContentProps = html\n    ? {\n      dangerouslySetInnerHTML: { __html: html },\n    }\n    : null\n\n  const styleProps = color\n    ? {\n      style: {\n        color,\n      },\n    }\n    : null\n\n  return (\n    <Slot\n      {...textProps}\n      ref={forwardedRef}\n      className={cn(\n        textVariants({\n          size,\n          weight,\n          align,\n        }),\n        className\n      )}\n      {...htmlContentProps}\n      {...styleProps}\n    >\n      {asChild ? children : <Tag>{htmlContentProps ? null : children}</Tag>}\n    </Slot>\n  )\n})\nText.displayName = 'Text'\n\nexport { Text }\nexport type { TextProps }\n"],
-  "mappings": "AA2F4B,cAAAA,MAAA,oBA3F5B,UAAYC,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAAS,MAAAC,MAAU,sBACnB,OAA4B,OAAAC,MAAW,2BAGvC,MAAMC,EAAeD,EAAI,qBAAsB,CAC7C,SAAU,CACR,KAAM,CACJ,EAAG,gCACH,EAAG,gCACH,EAAG,+BACL,EACA,OAAQ,CACN,MAAO,aACP,OAAQ,cACR,OAAQ,cACR,SAAU,gBACV,KAAM,WACR,EACA,MAAO,CACL,KAAM,YACN,OAAQ,cACR,MAAO,YACT,CACF,EACA,gBAAiB,CACf,KAAM,EACN,OAAQ,QACV,CACF,CAAC,EAkBKE,EAAOL,EAAM,WAAmC,CAACM,EAAOC,IAAiB,CAC7E,KAAM,CACJ,SAAAC,EACA,KAAAC,EAAO,EACP,OAAAC,EACA,MAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,OACV,MAAAC,EACA,KAAAC,EACA,GAAGC,CACL,EAAIX,EAEEY,EAAmBF,EACrB,CACA,wBAAyB,CAAE,OAAQA,CAAK,CAC1C,EACE,KAEEG,EAAaJ,EACf,CACA,MAAO,CACL,MAAAA,CACF,CACF,EACE,KAEJ,OACEhB,EAACE,EAAA,CACE,GAAGgB,EACJ,IAAKV,EACL,UAAWL,EACTE,EAAa,CACX,KAAAK,EACA,OAAAC,EACA,MAAAC,CACF,CAAC,EACDC,CACF,EACC,GAAGM,EACH,GAAGC,EAEH,SAAAN,EAAUL,EAAWT,EAACe,EAAA,CAAK,SAAAI,EAAmB,KAAOV,EAAS,EACjE,CAEJ,CAAC,EACDH,EAAK,YAAc",
+  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cn } from '../helpers/index.js'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\n\nconst textVariants = cva('tracking font-body text-info-primary', {\n  variants: {\n    size: {\n      1: 'text-text-1',\n      2: 'text-text-2',\n      3: 'text-text-3',\n    },\n    weight: {\n      light: 'font-light',\n      normal: 'font-normal',\n      medium: 'font-medium',\n      semibold: 'font-semibold',\n      bold: 'font-bold',\n    },\n    align: {\n      left: 'text-left',\n      center: 'text-center',\n      right: 'text-right',\n    },\n  },\n  defaultVariants: {\n    size: 3,\n    weight: 'medium',\n  },\n})\n\ntype TextElement = React.ElementRef<'span'>\ntype TextSpanProps = { as?: 'span' } & ComponentPropsWithout<'span', RemovedProps>\ntype TextDivProps = { as: 'div' } & ComponentPropsWithout<'div', RemovedProps>\ntype TextLabelProps = { as: 'label' } & ComponentPropsWithout<'label', RemovedProps>\ntype TextPProps = { as: 'p' } & ComponentPropsWithout<'p', RemovedProps>\n\ninterface CommonTextProps extends VariantProps<typeof textVariants> {\n  as?: 'div' | 'label' | 'p' | 'span'\n  asChild?: boolean\n  color?: string\n  /** \u76F8\u5F53\u4E8E dangerouslySetInnerHTML */\n  html?: string\n}\n\ntype TextProps = CommonTextProps & (TextSpanProps | TextDivProps | TextLabelProps | TextPProps)\n\nconst Text = React.forwardRef<TextElement, TextProps>((props, forwardedRef) => {\n  const { children, size = 3, weight, align, className, asChild, as: Tag = 'span', color, html, ...textProps } = props\n\n  const htmlContentProps = html\n    ? {\n        dangerouslySetInnerHTML: { __html: html },\n      }\n    : null\n\n  const styleProps = color\n    ? {\n        style: {\n          color,\n        },\n      }\n    : null\n\n  return (\n    <Slot\n      {...textProps}\n      ref={forwardedRef}\n      className={cn(\n        textVariants({\n          size,\n          weight,\n          align,\n        }),\n        className\n      )}\n      {...htmlContentProps}\n      {...styleProps}\n    >\n      {asChild ? children : <Tag>{htmlContentProps ? null : children}</Tag>}\n    </Slot>\n  )\n})\nText.displayName = 'Text'\n\nexport { Text }\nexport type { TextProps }\n"],
+  "mappings": "AAgF4B,cAAAA,MAAA,oBAhF5B,UAAYC,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAAS,MAAAC,MAAU,sBACnB,OAA4B,OAAAC,MAAW,2BAGvC,MAAMC,EAAeD,EAAI,uCAAwC,CAC/D,SAAU,CACR,KAAM,CACJ,EAAG,cACH,EAAG,cACH,EAAG,aACL,EACA,OAAQ,CACN,MAAO,aACP,OAAQ,cACR,OAAQ,cACR,SAAU,gBACV,KAAM,WACR,EACA,MAAO,CACL,KAAM,YACN,OAAQ,cACR,MAAO,YACT,CACF,EACA,gBAAiB,CACf,KAAM,EACN,OAAQ,QACV,CACF,CAAC,EAkBKE,EAAOL,EAAM,WAAmC,CAACM,EAAOC,IAAiB,CAC7E,KAAM,CAAE,SAAAC,EAAU,KAAAC,EAAO,EAAG,OAAAC,EAAQ,MAAAC,EAAO,UAAAC,EAAW,QAAAC,EAAS,GAAIC,EAAM,OAAQ,MAAAC,EAAO,KAAAC,EAAM,GAAGC,CAAU,EAAIX,EAEzGY,EAAmBF,EACrB,CACE,wBAAyB,CAAE,OAAQA,CAAK,CAC1C,EACA,KAEEG,EAAaJ,EACf,CACE,MAAO,CACL,MAAAA,CACF,CACF,EACA,KAEJ,OACEhB,EAACE,EAAA,CACE,GAAGgB,EACJ,IAAKV,EACL,UAAWL,EACTE,EAAa,CACX,KAAAK,EACA,OAAAC,EACA,MAAAC,CACF,CAAC,EACDC,CACF,EACC,GAAGM,EACH,GAAGC,EAEH,SAAAN,EAAUL,EAAWT,EAACe,EAAA,CAAK,SAAAI,EAAmB,KAAOV,EAAS,EACjE,CAEJ,CAAC,EACDH,EAAK,YAAc",
   "names": ["jsx", "React", "Slot", "cn", "cva", "textVariants", "Text", "props", "forwardedRef", "children", "size", "weight", "align", "className", "asChild", "Tag", "color", "html", "textProps", "htmlContentProps", "styleProps"]
 }

package/dist/esm/components/theme.d.ts

@@ -4,7 +4,7 @@ interface ThemeProps {
     children: React.ReactNode;
 }
 /**
- *
+ * @deprecated
  * @param param
  * @returns
  */

package/dist/esm/components/theme.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/theme.tsx"],
-  "sourcesContent": ["'use client'\nimport * as React from 'react'\n\ninterface ThemeProps {\n  brand: string\n  children: React.ReactNode\n}\n/**\n *\n * @param param\n * @returns\n */\nconst Theme = ({ brand, children }: ThemeProps) => {\n  React.useLayoutEffect(() => {\n    document.querySelector('html')?.setAttribute('data-brand-theme', brand)\n  }, [])\n  return <>{children}</>\n}\n\nexport default Theme\n"],
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\n\ninterface ThemeProps {\n  brand: string\n  children: React.ReactNode\n}\n/**\n * @deprecated\n * @param param\n * @returns\n */\nconst Theme = ({ brand, children }: ThemeProps) => {\n  React.useLayoutEffect(() => {\n    document.querySelector('html')?.setAttribute('data-brand-theme', brand)\n  }, [])\n  return <>{children}</>\n}\n\nexport default Theme\n"],
   "mappings": "aAgBS,mBAAAA,EAAA,OAAAC,MAAA,oBAfT,UAAYC,MAAW,QAWvB,MAAMC,EAAQ,CAAC,CAAE,MAAAC,EAAO,SAAAC,CAAS,KAC/BH,EAAM,gBAAgB,IAAM,CAC1B,SAAS,cAAc,MAAM,GAAG,aAAa,mBAAoBE,CAAK,CACxE,EAAG,CAAC,CAAC,EACEH,EAAAD,EAAA,CAAG,SAAAK,EAAS,GAGrB,IAAOC,EAAQH",
   "names": ["Fragment", "jsx", "React", "Theme", "brand", "children", "theme_default"]
 }

package/dist/esm/helpers/utils.js

@@ -1,2 +1,2 @@
-import{clsx as t}from"clsx";import{extendTailwindMerge as n}from"tailwind-merge";const o=n({extend:{theme:{borderRadius:["btn"]}}});function i(...e){return o(t(e))}function s(){}export{i as cn,s as noop};
+import{clsx as e}from"clsx";import{extendTailwindMerge as n}from"tailwind-merge";const i=n({extend:{theme:{borderRadius:["btn"]},classGroups:{"font-size":["text-heading-1","text-heading-2","text-heading-3","text-heading-4","text-heading-5","text-text-3","text-text-2","text-text-1"],"text-color":["text-info-primary","text-info-secondary","text-info-tertiary","text-info-quaternary","text-info-white"],leading:["leading-tight","leading-normal","leading-loose"]}}});function r(...t){return i(e(t))}function x(){}export{r as cn,x as noop};
 //# sourceMappingURL=utils.js.map

package/dist/esm/helpers/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/utils.ts"],
-  "sourcesContent": ["import { clsx, type ClassValue } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\nconst twMerge = extendTailwindMerge({\n  extend: {\n      theme: {\n          borderRadius: ['btn'],\n      },\n  },\n})\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport function noop(): any {}\n"],
-  "mappings": "AAAA,OAAS,QAAAA,MAA6B,OACtC,OAAS,uBAAAC,MAA2B,iBAEpC,MAAMC,EAAUD,EAAoB,CAClC,OAAQ,CACJ,MAAO,CACH,aAAc,CAAC,KAAK,CACxB,CACJ,CACF,CAAC,EAEM,SAASE,KAAMC,EAAsB,CAC1C,OAAOF,EAAQF,EAAKI,CAAM,CAAC,CAC7B,CAEO,SAASC,GAAY,CAAC",
+  "sourcesContent": ["import { clsx, type ClassValue } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\nconst twMerge = extendTailwindMerge({\n  extend: {\n    theme: {\n      borderRadius: ['btn'],\n    },\n    classGroups: {\n      'font-size': [\n        'text-heading-1',\n        'text-heading-2',\n        'text-heading-3',\n        'text-heading-4',\n        'text-heading-5',\n        'text-text-3',\n        'text-text-2',\n        'text-text-1',\n      ],\n      'text-color': [\n        'text-info-primary',\n        'text-info-secondary',\n        'text-info-tertiary',\n        'text-info-quaternary',\n        'text-info-white',\n      ],\n      leading: ['leading-tight', 'leading-normal', 'leading-loose'],\n    },\n  },\n})\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport function noop(): any {}\n"],
+  "mappings": "AAAA,OAAS,QAAAA,MAA6B,OACtC,OAAS,uBAAAC,MAA2B,iBAEpC,MAAMC,EAAUD,EAAoB,CAClC,OAAQ,CACN,MAAO,CACL,aAAc,CAAC,KAAK,CACtB,EACA,YAAa,CACX,YAAa,CACX,iBACA,iBACA,iBACA,iBACA,iBACA,cACA,cACA,aACF,EACA,aAAc,CACZ,oBACA,sBACA,qBACA,uBACA,iBACF,EACA,QAAS,CAAC,gBAAiB,iBAAkB,eAAe,CAC9D,CACF,CACF,CAAC,EAEM,SAASE,KAAMC,EAAsB,CAC1C,OAAOF,EAAQF,EAAKI,CAAM,CAAC,CAC7B,CAEO,SAASC,GAAY,CAAC",
   "names": ["clsx", "extendTailwindMerge", "twMerge", "cn", "inputs", "noop"]
 }

package/dist/esm/shared/Styles.d.ts

@@ -15,8 +15,8 @@ export declare const getStylesProps: <T extends Record<string, unknown>>(props:
  * 样式 Hook，返回样式类名和样式组件
  * @param styleProps - 样式属性
  */
-export declare const useStyles: (styleProps?: Partial<StylesProps>) => {
-    readonly className: `block-${string}`;
+export declare const useStyles: (styleProps: Partial<StylesProps>) => {
+    readonly className: `block-${string} `;
     readonly StyleComponent: import("react/jsx-runtime").JSX.Element;
     readonly uid: string;
 };
@@ -26,8 +26,8 @@ export declare const useStyles: (styleProps?: Partial<StylesProps>) => {
  * @param defaultStyleProps - 默认样式属性
  */
 export declare function withStyles<P extends object>(WrappedComponent: React.ComponentType<P>, defaultStyleProps?: Partial<StylesProps>): {
-    (props: Omit<P, keyof StylesProps> & Partial<StylesProps>): import("react/jsx-runtime").JSX.Element;
+    (props: Omit<P, keyof StylesProps> & Partial<StylesProps> & {
+        className?: string;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-declare const _default: React.NamedExoticComponent<StylesProps>;
-export default _default;

package/dist/esm/shared/Styles.js

@@ -1,2 +1,2 @@
-import{Fragment as m,jsx as o,jsxs as P}from"react/jsx-runtime";import u,{useMemo as l}from"react";const r=()=>`style_${Math.random().toString(36).substring(2,9)}_${Date.now().toString(36)}`,S=t=>{const{style:e,uid:s,disabled:n}=t;return{style:e,uid:s,disabled:n}},a=({style:t,uid:e=r(),disabled:s=!1})=>!t||s?null:o("style",{"data-style-id":e,children:`.block-${e} { ${t} }`}),d=t=>{const e=l(()=>t?.uid||r(),[t?.uid]),s=l(()=>o(a,{...t,uid:e}),[t,e]);return{className:`block-${e}`,StyleComponent:s,uid:e}};function f(t,e){const s=function(n){const i={...e,...S(n)},{className:c,StyleComponent:y}=d(i);return P(m,{children:[y,o(t,{...n,className:c})]})};return s.displayName=t.displayName||t.name||"Component",s}var g=u.memo(a);export{g as default,S as getStylesProps,d as useStyles,f as withStyles};
+import{Fragment as d,jsx as o,jsxs as m}from"react/jsx-runtime";import{useMemo as l}from"react";const a=()=>`style_${Math.random().toString(36).substring(2,9)}_${Date.now().toString(36)}`,y=t=>{const{style:e,uid:s,disabled:n}=t;return{style:e,uid:s,disabled:n}},u=({style:t,uid:e=a(),disabled:s=!1})=>!t||s?null:o("style",{"data-style-id":e,children:`.block-${e} { ${t} }`}),S=t=>{const e=l(()=>t?.uid||a(),[t?.uid]),s=l(()=>o(u,{...t,uid:e}),[t,e]);return{className:`block-${e} `,StyleComponent:s,uid:e}};function p(t,e){const s=function(n){const r={...e,...y(n)},{className:i,StyleComponent:c}=S(r);return m(d,{children:[c,o(t,{...n,className:`${i} ${n.className}`})]})};return s.displayName=t.displayName||t.name||"Component",s}export{y as getStylesProps,S as useStyles,p as withStyles};
 //# sourceMappingURL=Styles.js.map