@anker-in/headless-ui 0.0.27-alpha.13 → 0.0.27-alpha.130

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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",
-  "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"]
+  "sourcesContent": ["'use client'\n\nimport React 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 }, ref) => {\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", "ref", "DropdownMenuTrigger", "DropdownMenuGroup", "DropdownMenuPortal", "DropdownMenuSub", "DropdownMenuRadioGroup", "DropdownMenuSubTrigger", "className", "inset", "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.d.ts

@@ -1,15 +1,16 @@
 import { type VariantProps } from 'class-variance-authority';
 import React from 'react';
+import type { SerializedEditorState, SerializedLexicalNode } from 'lexical';
 declare const headingVariants: (props?: ({
-    size?: 1 | 2 | 3 | 4 | 5 | null | undefined;
+    size?: 1 | "none" | 2 | 3 | 4 | 5 | null | undefined;
     weight?: "bold" | "medium" | "semibold" | "black" | "extraBold" | null | undefined;
     align?: "left" | "right" | "center" | null | undefined;
-} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface HeadingProps extends React.ComponentPropsWithoutRef<'h1'>, VariantProps<typeof headingVariants> {
     as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     asChild?: boolean;
     color?: string;
-    html?: string;
+    html?: string | SerializedEditorState<SerializedLexicalNode>;
 }
 declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
 export { Heading };

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-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: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 n}from"react/jsx-runtime";import{cn as f}from"../helpers/index.js";import{Slot as k}from"@radix-ui/react-slot";import{cva as y}from"class-variance-authority";import b from"react";import{convertLexicalToHTML as H}from"@payloadcms/richtext-lexical/html";const P=y("leading-tight tracking-[-0.04em]",{variants:{size:{none:"tracking-[-0.04em]",1:"lg-desktop:text-[16px] text-[14px] leading-[120%]",2:"lg-desktop:text-[24px] text-[20px] leading-[120%]",3:"lg-desktop:text-[32px] text-[24px] leading-[120%]",4:"desktop:text-[36px] lg-desktop:text-[48px] text-[32px] leading-[100%]",5:"desktop:text-[48px] lg-desktop:text-[64px] text-[40px] leading-[100%]"},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:"none",weight:"bold"}}),i=b.forwardRef((l,r)=>{const{children:t,className:d,size:s="none",align:p,weight:g,asChild:x,as:m="h1",color:o,html:e,...c}=l,a=e?{dangerouslySetInnerHTML:{__html:typeof e=="string"?e:H({data:e})}}:null,h=o?{style:{color:o}}:null;return n(k,{...c,ref:r,className:f(P({size:s,weight:g,align:p}),d),...a,...h,children:x?t:n(m,{children:a?null:t})})});i.displayName="Heading";export{i 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-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,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",
-  "names": ["jsx", "cn", "Slot", "cva", "React", "headingVariants", "Heading", "props", "forwardedRef", "children", "className", "size", "align", "weight", "asChild", "Tag", "color", "html", "headingProps", "htmlContentProps", "styleProps"]
+  "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'\nimport { convertLexicalToHTML } from '@payloadcms/richtext-lexical/html'\nimport type { SerializedEditorState, SerializedLexicalNode } from 'lexical'\n\nconst headingVariants = cva('leading-tight tracking-[-0.04em]', {\n  variants: {\n    size: {\n      none: 'tracking-[-0.04em]',\n      1: 'lg-desktop:text-[16px] text-[14px] leading-[120%]',\n      2: 'lg-desktop:text-[24px] text-[20px] leading-[120%]',\n      3: 'lg-desktop:text-[32px] text-[24px] leading-[120%]',\n      4: 'desktop:text-[36px] lg-desktop:text-[48px] text-[32px] leading-[100%]',\n      5: 'desktop:text-[48px] lg-desktop:text-[64px] text-[40px] leading-[100%]',\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: 'none',\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 | SerializedEditorState<SerializedLexicalNode>\n}\n\nconst Heading = React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    size = 'none', // \u4E3A\u4E86\u517C\u5BB9\u65E7\u7248\u672C\u6837\u5F0F\uFF0C\u9ED8\u8BA4\u503C\u4E3A none\uFF0C\u6CA1\u6709\u9ED8\u8BA4\u7684\u5B57\u4F53\u5927\u5C0F\n    align,\n    weight,\n    asChild,\n    as: Tag = 'h1',\n    color,\n    html,\n    ...headingProps\n  } = props\n\n  const htmlContentProps = html\n    ? {\n        dangerouslySetInnerHTML: { __html: typeof html === 'string' ? html : convertLexicalToHTML({ data: 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": "AAuF4B,cAAAA,MAAA,oBAvF5B,OAAS,MAAAC,MAAU,sBACnB,OAAS,QAAAC,MAAY,uBACrB,OAAS,OAAAC,MAA8B,2BACvC,OAAOC,MAAW,QAClB,OAAS,wBAAAC,MAA4B,oCAGrC,MAAMC,EAAkBH,EAAI,mCAAoC,CAC9D,SAAU,CACR,KAAM,CACJ,KAAM,qBACN,EAAG,oDACH,EAAG,oDACH,EAAG,oDACH,EAAG,wEACH,EAAG,uEACL,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,OACN,OAAQ,MACV,CACF,CAAC,EAWKI,EAAUH,EAAM,WAAyC,CAACI,EAAOC,IAAiB,CACtF,KAAM,CACJ,SAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,OACP,MAAAC,EACA,OAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,KACV,MAAAC,EACA,KAAAC,EACA,GAAGC,CACL,EAAIX,EAEEY,EAAmBF,EACrB,CACE,wBAAyB,CAAE,OAAQ,OAAOA,GAAS,SAAWA,EAAOb,EAAqB,CAAE,KAAMa,CAAK,CAAC,CAAE,CAC5G,EACA,KAEEG,EAAaJ,EACf,CACE,MAAO,CACL,MAAAA,CACF,CACF,EACA,KACJ,OACEjB,EAACE,EAAA,CACE,GAAGiB,EACJ,IAAKV,EACL,UAAWR,EACTK,EAAgB,CACd,KAAAM,EACA,OAAAE,EACA,MAAAD,CACF,CAAC,EACDF,CACF,EACC,GAAGS,EACH,GAAGC,EAEH,SAAAN,EAAUL,EAAWV,EAACgB,EAAA,CAAK,SAAAI,EAAmB,KAAOV,EAAS,EACjE,CAEJ,CAAC,EAEDH,EAAQ,YAAc",
+  "names": ["jsx", "cn", "Slot", "cva", "React", "convertLexicalToHTML", "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-number.d.ts

@@ -5,7 +5,7 @@ import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-p
 declare const InputNumberVariants: (props?: ({
     status?: "default" | "error" | "success" | "warning" | null | undefined;
     disabled?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ColorType = 'default' | 'success' | 'warning' | 'error' | null;
 type InputNumberProps = {
     /** 定义子组件作为父组件的类型,详细使用方式请参考radix-ui */
@@ -73,6 +73,6 @@ declare const InputNumber: React.ForwardRefExoticComponent<{
 } & VariantProps<(props?: ({
     status?: "default" | "error" | "success" | "warning" | null | undefined;
     disabled?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & ComponentPropsWithout<"div", RemovedProps> & React.RefAttributes<HTMLDivElement>>;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & ComponentPropsWithout<"div", RemovedProps> & React.RefAttributes<HTMLDivElement>>;
 export default InputNumber;
 export type { InputNumberProps };

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

@@ -2,8 +2,8 @@ import * as React from 'react';
 import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
 import { type VariantProps } from 'class-variance-authority';
 declare const inputVariants: (props?: ({
-    size?: "sm" | "base" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+    size?: "base" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface InputProps extends ComponentPropsWithout<'input', 'size'>, VariantProps<typeof inputVariants> {
 }
 interface InputSlotProps extends ComponentPropsWithout<'div', RemovedProps> {

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/link.d.ts

@@ -3,10 +3,9 @@ import type { ReactNode } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
 declare const linkVariants: (props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
-    underline?: "none" | "always" | "hover" | null | undefined;
-    hoverColor?: "none" | "hover" | null | undefined;
-} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+    size?: "base" | "lg" | null | undefined;
+    variant?: "primary" | "secoundry" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type LinkProps = {
     /** 定义子组件作为父组件的类型,详细使用方式请参考radix-ui */
     asChild?: boolean;
@@ -39,9 +38,8 @@ declare const Link: React.ForwardRefExoticComponent<{
     /** 点击事件，禁用状态无法触发*/
     onClick?: Function;
 } & VariantProps<(props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
-    underline?: "none" | "always" | "hover" | null | undefined;
-    hoverColor?: "none" | "hover" | null | undefined;
-} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & ComponentPropsWithout<"a", RemovedProps> & React.RefAttributes<HTMLAnchorElement>>;
+    size?: "base" | "lg" | null | undefined;
+    variant?: "primary" | "secoundry" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & ComponentPropsWithout<"a", RemovedProps> & React.RefAttributes<HTMLAnchorElement>>;
 export default Link;
 export type { LinkProps };

package/dist/esm/components/link.js

@@ -1,2 +1,2 @@
-import{Fragment as R,jsx as s,jsxs as x}from"react/jsx-runtime";import h from"react";import{Slot as C}from"@radix-ui/react-slot";import{cn as v}from"../helpers/index.js";import{cva as y}from"class-variance-authority";const P=y("tracking transition-colors",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base"},underline:{none:"no-underline",hover:"hover:underline",always:"underline"},hoverColor:{none:"text-current",hover:"hover:text-brand-0"}}}),a=h.forwardRef(({children:i,size:l="small",hoverColor:p,className:m,asChild:c=!1,href:o,style:t,underline:f,disabled:e=!1,suffixIcon:n,onClick:u,...k},d)=>s(c?C:"a",{ref:d,onClick:r=>{if(!e&&u?.(r),e||!o){r.preventDefault();return}},href:e?void 0:o,className:v(P({size:l,underline:f,hoverColor:p}),m,{"flex items-center":n,"cursor-pointer":!e,"text-info-quaternary cursor-not-allowed":e}),...t?{style:t}:null,...k,children:x(R,{children:[i,s("span",{className:"svg",children:n})]})}));a.displayName="Link";var S=a;export{S as default};
+import{Fragment as C,jsx as i,jsxs as P}from"react/jsx-runtime";import u from"react";import{Slot as d}from"@radix-ui/react-slot";import{cn as x}from"../helpers/index.js";import{cva as h}from"class-variance-authority";const v=h("tracking  hover:text-brand-0 font-bold underline transition-colors",{variants:{size:{base:"text-text-2",lg:"text-text-3"},variant:{secoundry:"text-info-secondary hover:text-info-primary",primary:"text-info-primary hover:text-brand-0"}}}),a=u.forwardRef(({children:p,size:s="base",variant:l="primary",className:m,asChild:c=!1,href:t,style:o,disabled:e=!1,suffixIcon:r,onClick:f,...y},k)=>i(c?d:"a",{ref:k,onClick:n=>{if(!e&&f?.(n),e||!t){n.preventDefault();return}},href:e?void 0:t,className:x(v({size:s,variant:l}),m,{"flex items-center":r,"cursor-pointer":!e,"text-info-quaternary cursor-not-allowed hover:text-info-quaternary":e}),...o?{style:o}:null,...y,children:P(C,{children:[p,i("span",{className:"svg",children:r})]})}));a.displayName="Link";var V=a;export{V as default};
 //# sourceMappingURL=link.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/link.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { ReactNode } 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\n// \u5B9A\u4E49 link \u7684\u6837\u5F0F\u53D8\u4F53\nconst linkVariants = cva('tracking transition-colors', {\n  variants: {\n    size: {\n      small: 'text-xs', // \u5C0F\n      medium: 'text-sm', // \u4E2D\n      large: 'text-base', // \u5927\n    },\n    underline: {\n      none: 'no-underline', // \u4E0D\u5C55\u793A\n      hover: 'hover:underline', // hover\u5C55\u793A\u4E0B\u5212\u7EBF\n      always: 'underline', // \u6C38\u4E45\u5C55\u793A\n    },\n    hoverColor: {\n      none: 'text-current', // \u9F20\u6807\u8FDB\u5165\u65E0\u53D8\u5316\n      hover: 'hover:text-brand-0', // \u9F20\u6807\u8FDB\u5165\u6539\u53D8\u5B57\u4F53\u989C\u8272\n    },\n  },\n})\n// \u5B9A\u4E49\u7EC4\u4EF6\u7C7B\u578B\uFF0C\u7EE7\u627F a \u6807\u7B7E\u6807\u51C6\u5C5E\u6027\ntype LinkElement = React.ElementRef<'a'>\ntype LinkProps = {\n  /** \u5B9A\u4E49\u5B50\u7EC4\u4EF6\u4F5C\u4E3A\u7236\u7EC4\u4EF6\u7684\u7C7B\u578B,\u8BE6\u7EC6\u4F7F\u7528\u65B9\u5F0F\u8BF7\u53C2\u8003radix-ui */\n  asChild?: boolean\n  /** \u7C7B\u540D*/\n  className?: string\n  /** \u7981\u7528\u94FE\u63A5 */\n  disabled?: boolean\n  /** \u540E\u7F6E\u56FE\u6807*/\n  suffixIcon?: ReactNode\n  /** \u8DF3\u8F6C\u94FE\u63A5*/\n  href?: string\n  /** \u6837\u5F0F*/\n  style?: React.CSSProperties\n  /** \u70B9\u51FB\u4E8B\u4EF6\uFF0C\u7981\u7528\u72B6\u6001\u65E0\u6CD5\u89E6\u53D1*/\n  onClick?: Function\n} & VariantProps<typeof linkVariants> &\n  ComponentPropsWithout<'a', RemovedProps>\n\nconst Link = React.forwardRef<LinkElement, LinkProps>(\n  (\n    {\n      children,\n      size = 'small',\n      hoverColor,\n      className,\n      asChild = false,\n      href,\n      style,\n      underline,\n      disabled = false,\n      suffixIcon,\n      onClick,\n      ...props // \u8FD9\u91CC\u4F1A\u5305\u542B href\u3001target\u3001rel \u7B49\u6807\u51C6 anchor \u5C5E\u6027\n    }: LinkProps,\n    forwardedRef\n  ) => {\n    const Comp = asChild ? Slot : 'a'\n\n    const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n      !disabled && onClick?.(event)\n      if (disabled || !href) {\n        event.preventDefault()\n        return\n      }\n    }\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        onClick={handleClick}\n        href={disabled ? undefined : href}\n        className={cn(linkVariants({ size, underline, hoverColor }), className, {\n          'flex items-center': suffixIcon,\n          'cursor-pointer': !disabled,\n          'text-info-quaternary cursor-not-allowed': disabled,\n        })}\n        {...(style ? { style: style } : null)}\n        {...props}\n      >\n        <>\n          {children}\n          <span className=\"svg\">{suffixIcon}</span>\n        </>\n      </Comp>\n    )\n  }\n)\nLink.displayName = 'Link'\n\nexport default Link\nexport type { LinkProps }\n"],
-  "mappings": "AAuFQ,mBAAAA,EAEE,OAAAC,EAFF,QAAAC,MAAA,oBAvFR,OAAOC,MAAW,QAElB,OAAS,QAAAC,MAAY,uBACrB,OAAS,MAAAC,MAAU,sBACnB,OAA4B,OAAAC,MAAW,2BAIvC,MAAMC,EAAeD,EAAI,6BAA8B,CACrD,SAAU,CACR,KAAM,CACJ,MAAO,UACP,OAAQ,UACR,MAAO,WACT,EACA,UAAW,CACT,KAAM,eACN,MAAO,kBACP,OAAQ,WACV,EACA,WAAY,CACV,KAAM,eACN,MAAO,oBACT,CACF,CACF,CAAC,EAqBKE,EAAOL,EAAM,WACjB,CACE,CACE,SAAAM,EACA,KAAAC,EAAO,QACP,WAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,GACV,KAAAC,EACA,MAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,WAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EACAC,IAaEpB,EAXWY,EAAUT,EAAO,IAW3B,CACC,IAAKiB,EACL,QAXiBC,GAA+C,CAElE,GADA,CAACL,GAAYE,IAAUG,CAAK,EACxBL,GAAY,CAACH,EAAM,CACrBQ,EAAM,eAAe,EACrB,MACF,CACF,EAMI,KAAML,EAAW,OAAYH,EAC7B,UAAWT,EAAGE,EAAa,CAAE,KAAAG,EAAM,UAAAM,EAAW,WAAAL,CAAW,CAAC,EAAGC,EAAW,CACtE,oBAAqBM,EACrB,iBAAkB,CAACD,EACnB,0CAA2CA,CAC7C,CAAC,EACA,GAAIF,EAAQ,CAAE,MAAOA,CAAM,EAAI,KAC/B,GAAGK,EAEJ,SAAAlB,EAAAF,EAAA,CACG,UAAAS,EACDR,EAAC,QAAK,UAAU,MAAO,SAAAiB,EAAW,GACpC,EACF,CAGN,EACAV,EAAK,YAAc,OAEnB,IAAOe,EAAQf",
-  "names": ["Fragment", "jsx", "jsxs", "React", "Slot", "cn", "cva", "linkVariants", "Link", "children", "size", "hoverColor", "className", "asChild", "href", "style", "underline", "disabled", "suffixIcon", "onClick", "props", "forwardedRef", "event", "link_default"]
+  "sourcesContent": ["import React from 'react'\nimport type { ReactNode } 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\n// \u5B9A\u4E49 link \u7684\u6837\u5F0F\u53D8\u4F53\nconst linkVariants = cva('tracking  hover:text-brand-0 font-bold underline transition-colors', {\n  variants: {\n    size: {\n      base: 'text-text-2', // \u4E2D\n      lg: 'text-text-3', // \u5927\n    },\n    variant: {\n      secoundry: 'text-info-secondary hover:text-info-primary',\n      primary: 'text-info-primary hover:text-brand-0',\n    },\n  },\n})\n// \u5B9A\u4E49\u7EC4\u4EF6\u7C7B\u578B\uFF0C\u7EE7\u627F a \u6807\u7B7E\u6807\u51C6\u5C5E\u6027\ntype LinkElement = React.ElementRef<'a'>\ntype LinkProps = {\n  /** \u5B9A\u4E49\u5B50\u7EC4\u4EF6\u4F5C\u4E3A\u7236\u7EC4\u4EF6\u7684\u7C7B\u578B,\u8BE6\u7EC6\u4F7F\u7528\u65B9\u5F0F\u8BF7\u53C2\u8003radix-ui */\n  asChild?: boolean\n  /** \u7C7B\u540D*/\n  className?: string\n  /** \u7981\u7528\u94FE\u63A5 */\n  disabled?: boolean\n  /** \u540E\u7F6E\u56FE\u6807*/\n  suffixIcon?: ReactNode\n  /** \u8DF3\u8F6C\u94FE\u63A5*/\n  href?: string\n  /** \u6837\u5F0F*/\n  style?: React.CSSProperties\n  /** \u70B9\u51FB\u4E8B\u4EF6\uFF0C\u7981\u7528\u72B6\u6001\u65E0\u6CD5\u89E6\u53D1*/\n  onClick?: Function\n} & VariantProps<typeof linkVariants> &\n  ComponentPropsWithout<'a', RemovedProps>\n\nconst Link = React.forwardRef<LinkElement, LinkProps>(\n  (\n    {\n      children,\n      size = 'base',\n      variant = 'primary',\n      className,\n      asChild = false,\n      href,\n      style,\n      disabled = false,\n      suffixIcon,\n      onClick,\n      ...props // \u8FD9\u91CC\u4F1A\u5305\u542B href\u3001target\u3001rel \u7B49\u6807\u51C6 anchor \u5C5E\u6027\n    }: LinkProps,\n    forwardedRef\n  ) => {\n    const Comp = asChild ? Slot : 'a'\n\n    const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n      !disabled && onClick?.(event)\n      if (disabled || !href) {\n        event.preventDefault()\n        return\n      }\n    }\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        onClick={handleClick}\n        href={disabled ? undefined : href}\n        className={cn(linkVariants({ size, variant }), className, {\n          'flex items-center': suffixIcon,\n          'cursor-pointer': !disabled,\n          'text-info-quaternary cursor-not-allowed hover:text-info-quaternary': disabled,\n        })}\n        {...(style ? { style: style } : null)}\n        {...props}\n      >\n        <>\n          {children}\n          <span className=\"svg\">{suffixIcon}</span>\n        </>\n      </Comp>\n    )\n  }\n)\nLink.displayName = 'Link'\n\nexport default Link\nexport type { LinkProps }\n"],
+  "mappings": "AAgFQ,mBAAAA,EAEE,OAAAC,EAFF,QAAAC,MAAA,oBAhFR,OAAOC,MAAW,QAElB,OAAS,QAAAC,MAAY,uBACrB,OAAS,MAAAC,MAAU,sBACnB,OAA4B,OAAAC,MAAW,2BAIvC,MAAMC,EAAeD,EAAI,qEAAsE,CAC7F,SAAU,CACR,KAAM,CACJ,KAAM,cACN,GAAI,aACN,EACA,QAAS,CACP,UAAW,8CACX,QAAS,sCACX,CACF,CACF,CAAC,EAqBKE,EAAOL,EAAM,WACjB,CACE,CACE,SAAAM,EACA,KAAAC,EAAO,OACP,QAAAC,EAAU,UACV,UAAAC,EACA,QAAAC,EAAU,GACV,KAAAC,EACA,MAAAC,EACA,SAAAC,EAAW,GACX,WAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EACAC,IAaEnB,EAXWY,EAAUT,EAAO,IAW3B,CACC,IAAKgB,EACL,QAXiBC,GAA+C,CAElE,GADA,CAACL,GAAYE,IAAUG,CAAK,EACxBL,GAAY,CAACF,EAAM,CACrBO,EAAM,eAAe,EACrB,MACF,CACF,EAMI,KAAML,EAAW,OAAYF,EAC7B,UAAWT,EAAGE,EAAa,CAAE,KAAAG,EAAM,QAAAC,CAAQ,CAAC,EAAGC,EAAW,CACxD,oBAAqBK,EACrB,iBAAkB,CAACD,EACnB,qEAAsEA,CACxE,CAAC,EACA,GAAID,EAAQ,CAAE,MAAOA,CAAM,EAAI,KAC/B,GAAGI,EAEJ,SAAAjB,EAAAF,EAAA,CACG,UAAAS,EACDR,EAAC,QAAK,UAAU,MAAO,SAAAgB,EAAW,GACpC,EACF,CAGN,EACAT,EAAK,YAAc,OAEnB,IAAOc,EAAQd",
+  "names": ["Fragment", "jsx", "jsxs", "React", "Slot", "cn", "cva", "linkVariants", "Link", "children", "size", "variant", "className", "asChild", "href", "style", "disabled", "suffixIcon", "onClick", "props", "forwardedRef", "event", "link_default"]
 }

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

@@ -9,5 +9,5 @@ export interface PictureProps extends React.ImgHTMLAttributes<HTMLImageElement>
     /** 响应式图片，对应picture 下source 的max-width */
     deviceSizes?: number[];
 }
-declare const Picture: ({ imgClassName, source, quality, deviceSizes, className, ...rest }: PictureProps) => import("react/jsx-runtime").JSX.Element;
+declare const Picture: React.ForwardRefExoticComponent<PictureProps & React.RefAttributes<HTMLPictureElement>>;
 export default Picture;

package/dist/esm/components/picture.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as d,jsxs as A}from"react/jsx-runtime";import{useCallback as f,useMemo as I}from"react";const M=["cdn.shopify.com","cdn.shopifycdn.net","www.facebook.com"],_=3960,x=3980,E=n=>M.some(c=>n==c),S=(n="")=>/\.(png|apng|jpg|jpeg|gif|svg|webp|tif)/.test(n),$=({imgClassName:n="",source:c="",quality:p=2,deviceSizes:u=[375,767,1023,1279,1439,1539,1919],className:h,...m})=>{const i=f(({src:e,width:r})=>{const s=r;try{const t=new URL(e);if(!E(t.hostname))return e;const o=t.pathname.split("/").pop()||"";if(S(o)&&!/_[0-9]{2,4}x/.test(e)){const[g,a]=o.split(".");return`${t.origin}${t.pathname.replace(o,`${g}_${s<_?s:x}x.${a}`)}`}}catch{return e}},[]),l=f(({srcArr:e,width:r})=>{const s=r*p,t=i({src:e[0][0],width:s});let o;return e.forEach(a=>{var b=a[0];a.length>1&&parseInt(a[1],10)>=r&&(o=i({src:b,width:s}))}),d("source",{srcSet:o||t,media:`(max-width: ${r}px)`},r)},[i,p]),w=I(()=>{if(typeof c!="string"||!c)return[];let e;try{e=c.replace(/[\r\n]/g,"").replace(/\s\s+/g," ").split(",").map(t=>t.split(" ").filter(Boolean))}catch(t){return console.log(t),[]}const r=u.map(t=>l({srcArr:e,width:t})),s=i({src:e[0][0],width:1920*p});return r.push(d("img",{src:s,className:`w-full ${n}`,...m},"default")),r},[u,n,i,p,m,c,l]);return A("picture",{className:`block overflow-hidden ${h}`,children:[w,m.children]})};var k=$;export{k as default};
+"use client";import{jsx as d,jsxs as L}from"react/jsx-runtime";import b,{useCallback as f,useMemo as E}from"react";const I=["cdn.shopify.com","cdn.shopifycdn.net","www.facebook.com"],_=3960,x=3980,S=n=>I.some(c=>n==c),$=(n="")=>/\.(png|apng|jpg|jpeg|gif|svg|webp|tif)/.test(n),A=b.forwardRef(({imgClassName:n="",source:c="",quality:p=2,deviceSizes:u=[375,767,1023,1279,1439,1539,1919],className:h,...m},w)=>{const i=f(({src:t,width:r})=>{const s=r;try{const e=new URL(t);if(!S(e.hostname))return t;const o=e.pathname.split("/").pop()||"";if($(o)&&!/_[0-9]{2,4}x/.test(t)){const[g,a]=o.split(".");return`${e.origin}${e.pathname.replace(o,`${g}_${s<_?s:x}x.${a}`)}`}}catch{return t}},[]),l=f(({srcArr:t,width:r})=>{const s=r*p,e=i({src:t[0][0],width:s});let o;return t.forEach(a=>{var P=a[0];a.length>1&&parseInt(a[1],10)>=r&&(o=i({src:P,width:s}))}),d("source",{srcSet:o||e,media:`(max-width: ${r}px)`},r)},[i,p]),M=E(()=>{if(typeof c!="string"||!c)return[];let t;try{t=c.replace(/[\r\n]/g,"").replace(/\s\s+/g," ").split(",").map(e=>e.split(" ").filter(Boolean))}catch(e){return console.log(e),[]}const r=u.map(e=>l({srcArr:t,width:e})),s=i({src:t[0][0],width:1920*p});return r.push(d("img",{src:s,className:`w-full ${n}`,...m},"default")),r},[u,n,i,p,m,c,l]);return L("picture",{ref:w,className:`block overflow-hidden ${h}`,children:[M,m.children]})});var y=A;export{y as default};
 //# sourceMappingURL=picture.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/picture.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useCallback, useMemo } from 'react'\n\nconst APPEND_FILE_SUFFIX_MATCH_DOMAIN = ['cdn.shopify.com', 'cdn.shopifycdn.net', 'www.facebook.com']\n\nconst MAX_SIZE = 3960\nconst FIXED_MAX_SIZE = 3980\n\nexport interface PictureProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  /** picture \u5185\u90E8img \u6807\u7B7E\u7684\u7C7B\u540D */\n  imgClassName?: string\n  /** \u56FE\u7247url , \u652F\u6301\u4F20\u5165\u4E0D\u540C\u5206\u8FA8\u7387\u4E0B\u7684\u56FE\u7247\uFF0C\u6BD4\u5982\uFF0C\u683C\u5F0F \"url1 1920\uFF0C url2 1080, url3 767\" */\n  source?: string\n  /** \u56FE\u7247\u8D28\u91CF */\n  quality?: number\n  /** \u54CD\u5E94\u5F0F\u56FE\u7247\uFF0C\u5BF9\u5E94picture \u4E0Bsource \u7684max-width */\n  deviceSizes?: number[]\n}\n\nconst isMatchDomain = (srcDomain: string) => {\n  return APPEND_FILE_SUFFIX_MATCH_DOMAIN.some(domain => srcDomain == domain)\n}\nconst idMatchFileExtensions = (fileName: string = '') => /\\.(png|apng|jpg|jpeg|gif|svg|webp|tif)/.test(fileName)\n\nconst Picture = ({\n  imgClassName = '',\n  source = '',\n  quality = 2,\n  deviceSizes = [375, 767, 1023, 1279, 1439, 1539, 1919],\n  className,\n  ...rest\n}: PictureProps) => {\n  const imgSrcSetsize = useCallback(({ src, width }: { src: string; width: number }) => {\n    const size = width\n    try {\n      const parsedUrl = new URL(src)\n      if (!isMatchDomain(parsedUrl.hostname)) {\n        return src\n      }\n      const fileName = parsedUrl.pathname.split('/').pop() || ''\n      if (idMatchFileExtensions(fileName) && !/_[0-9]{2,4}x/.test(src)) {\n        const [name, extension] = fileName.split('.')\n        return `${parsedUrl.origin}${parsedUrl.pathname.replace(\n          fileName,\n          `${name}_${size < MAX_SIZE ? size : FIXED_MAX_SIZE}x.${extension}`\n        )}`\n      }\n    } catch (error) {\n      return src\n    }\n  }, [])\n\n  const sourceSrcSet = useCallback(\n    ({ srcArr, width }: { srcArr: string[][]; width: number }) => {\n      const computedWidth = width * quality\n      const def = imgSrcSetsize({ src: srcArr[0][0], width: computedWidth })\n      let result\n      srcArr.forEach(ele => {\n        var img = ele[0]\n        if (ele.length > 1 && parseInt(ele[1], 10) >= width) {\n          result = imgSrcSetsize({ src: img, width: computedWidth })\n        }\n      })\n      const srcset = result || def\n      return <source key={width} srcSet={srcset} media={`(max-width: ${width}px)`} />\n    },\n    [imgSrcSetsize, quality]\n  )\n\n  const sourceList = useMemo(() => {\n    if (typeof source !== 'string' || !source) return []\n    let srcArr\n    try {\n      srcArr = source\n        .replace(/[\\r\\n]/g, '')\n        .replace(/\\s\\s+/g, ' ')\n        .split(',')\n        .map(item => item.split(' ').filter(Boolean))\n    } catch (error) {\n      console.log(error)\n      return []\n    }\n    const sourceList = deviceSizes.map(width => {\n      return sourceSrcSet({ srcArr, width })\n    })\n\n    const img = imgSrcSetsize({ src: srcArr[0][0], width: 1920 * quality })\n\n    sourceList.push(<img key=\"default\" src={img} className={`w-full ${imgClassName}`} {...rest} />)\n    return sourceList\n  }, [deviceSizes, imgClassName, imgSrcSetsize, quality, rest, source, sourceSrcSet])\n\n  return (\n    <picture className={`block overflow-hidden ${className}`}>\n      {sourceList}\n      {rest.children}\n    </picture>\n  )\n}\nexport default Picture\n"],
-  "mappings": "aAgEa,cAAAA,EA6BT,QAAAC,MA7BS,oBA/Db,OAAgB,eAAAC,EAAa,WAAAC,MAAe,QAE5C,MAAMC,EAAkC,CAAC,kBAAmB,qBAAsB,kBAAkB,EAE9FC,EAAW,KACXC,EAAiB,KAajBC,EAAiBC,GACdJ,EAAgC,KAAKK,GAAUD,GAAaC,CAAM,EAErEC,EAAwB,CAACC,EAAmB,KAAO,yCAAyC,KAAKA,CAAQ,EAEzGC,EAAU,CAAC,CACf,aAAAC,EAAe,GACf,OAAAC,EAAS,GACT,QAAAC,EAAU,EACV,YAAAC,EAAc,CAAC,IAAK,IAAK,KAAM,KAAM,KAAM,KAAM,IAAI,EACrD,UAAAC,EACA,GAAGC,CACL,IAAoB,CAClB,MAAMC,EAAgBjB,EAAY,CAAC,CAAE,IAAAkB,EAAK,MAAAC,CAAM,IAAsC,CACpF,MAAMC,EAAOD,EACb,GAAI,CACF,MAAME,EAAY,IAAI,IAAIH,CAAG,EAC7B,GAAI,CAACb,EAAcgB,EAAU,QAAQ,EACnC,OAAOH,EAET,MAAMT,EAAWY,EAAU,SAAS,MAAM,GAAG,EAAE,IAAI,GAAK,GACxD,GAAIb,EAAsBC,CAAQ,GAAK,CAAC,eAAe,KAAKS,CAAG,EAAG,CAChE,KAAM,CAACI,EAAMC,CAAS,EAAId,EAAS,MAAM,GAAG,EAC5C,MAAO,GAAGY,EAAU,MAAM,GAAGA,EAAU,SAAS,QAC9CZ,EACA,GAAGa,CAAI,IAAIF,EAAOjB,EAAWiB,EAAOhB,CAAc,KAAKmB,CAAS,EAClE,CAAC,EACH,CACF,MAAgB,CACd,OAAOL,CACT,CACF,EAAG,CAAC,CAAC,EAECM,EAAexB,EACnB,CAAC,CAAE,OAAAyB,EAAQ,MAAAN,CAAM,IAA6C,CAC5D,MAAMO,EAAgBP,EAAQN,EACxBc,EAAMV,EAAc,CAAE,IAAKQ,EAAO,CAAC,EAAE,CAAC,EAAG,MAAOC,CAAc,CAAC,EACrE,IAAIE,EACJ,OAAAH,EAAO,QAAQI,GAAO,CACpB,IAAIC,EAAMD,EAAI,CAAC,EACXA,EAAI,OAAS,GAAK,SAASA,EAAI,CAAC,EAAG,EAAE,GAAKV,IAC5CS,EAASX,EAAc,CAAE,IAAKa,EAAK,MAAOJ,CAAc,CAAC,EAE7D,CAAC,EAEM5B,EAAC,UAAmB,OADZ8B,GAAUD,EACkB,MAAO,eAAeR,CAAK,OAAlDA,CAAyD,CAC/E,EACA,CAACF,EAAeJ,CAAO,CACzB,EAEMkB,EAAa9B,EAAQ,IAAM,CAC/B,GAAI,OAAOW,GAAW,UAAY,CAACA,EAAQ,MAAO,CAAC,EACnD,IAAIa,EACJ,GAAI,CACFA,EAASb,EACN,QAAQ,UAAW,EAAE,EACrB,QAAQ,SAAU,GAAG,EACrB,MAAM,GAAG,EACT,IAAIoB,GAAQA,EAAK,MAAM,GAAG,EAAE,OAAO,OAAO,CAAC,CAChD,OAASC,EAAO,CACd,eAAQ,IAAIA,CAAK,EACV,CAAC,CACV,CACA,MAAMF,EAAajB,EAAY,IAAIK,GAC1BK,EAAa,CAAE,OAAAC,EAAQ,MAAAN,CAAM,CAAC,CACtC,EAEKW,EAAMb,EAAc,CAAE,IAAKQ,EAAO,CAAC,EAAE,CAAC,EAAG,MAAO,KAAOZ,CAAQ,CAAC,EAEtE,OAAAkB,EAAW,KAAKjC,EAAC,OAAkB,IAAKgC,EAAK,UAAW,UAAUnB,CAAY,GAAK,GAAGK,GAA7D,SAAmE,CAAE,EACvFe,CACT,EAAG,CAACjB,EAAaH,EAAcM,EAAeJ,EAASG,EAAMJ,EAAQY,CAAY,CAAC,EAElF,OACEzB,EAAC,WAAQ,UAAW,yBAAyBgB,CAAS,GACnD,UAAAgB,EACAf,EAAK,UACR,CAEJ,EACA,IAAOkB,EAAQxB",
-  "names": ["jsx", "jsxs", "useCallback", "useMemo", "APPEND_FILE_SUFFIX_MATCH_DOMAIN", "MAX_SIZE", "FIXED_MAX_SIZE", "isMatchDomain", "srcDomain", "domain", "idMatchFileExtensions", "fileName", "Picture", "imgClassName", "source", "quality", "deviceSizes", "className", "rest", "imgSrcSetsize", "src", "width", "size", "parsedUrl", "name", "extension", "sourceSrcSet", "srcArr", "computedWidth", "def", "result", "ele", "img", "sourceList", "item", "error", "picture_default"]
+  "sourcesContent": ["'use client'\nimport React, { useCallback, useMemo } from 'react'\n\nconst APPEND_FILE_SUFFIX_MATCH_DOMAIN = ['cdn.shopify.com', 'cdn.shopifycdn.net', 'www.facebook.com']\n\nconst MAX_SIZE = 3960\nconst FIXED_MAX_SIZE = 3980\n\nexport interface PictureProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  /** picture \u5185\u90E8img \u6807\u7B7E\u7684\u7C7B\u540D */\n  imgClassName?: string\n  /** \u56FE\u7247url , \u652F\u6301\u4F20\u5165\u4E0D\u540C\u5206\u8FA8\u7387\u4E0B\u7684\u56FE\u7247\uFF0C\u6BD4\u5982\uFF0C\u683C\u5F0F \"url1 1920\uFF0C url2 1080, url3 767\" */\n  source?: string\n  /** \u56FE\u7247\u8D28\u91CF */\n  quality?: number\n  /** \u54CD\u5E94\u5F0F\u56FE\u7247\uFF0C\u5BF9\u5E94picture \u4E0Bsource \u7684max-width */\n  deviceSizes?: number[]\n}\n\nconst isMatchDomain = (srcDomain: string) => {\n  return APPEND_FILE_SUFFIX_MATCH_DOMAIN.some(domain => srcDomain == domain)\n}\nconst idMatchFileExtensions = (fileName: string = '') => /\\.(png|apng|jpg|jpeg|gif|svg|webp|tif)/.test(fileName)\n\nconst Picture = React.forwardRef<HTMLPictureElement, PictureProps>(\n  (\n    {\n      imgClassName = '',\n      source = '',\n      quality = 2,\n      deviceSizes = [375, 767, 1023, 1279, 1439, 1539, 1919],\n      className,\n      ...rest\n    }: PictureProps,\n    ref\n  ) => {\n    const imgSrcSetsize = useCallback(({ src, width }: { src: string; width: number }) => {\n      const size = width\n      try {\n        const parsedUrl = new URL(src)\n        if (!isMatchDomain(parsedUrl.hostname)) {\n          return src\n        }\n        const fileName = parsedUrl.pathname.split('/').pop() || ''\n        if (idMatchFileExtensions(fileName) && !/_[0-9]{2,4}x/.test(src)) {\n          const [name, extension] = fileName.split('.')\n          return `${parsedUrl.origin}${parsedUrl.pathname.replace(\n            fileName,\n            `${name}_${size < MAX_SIZE ? size : FIXED_MAX_SIZE}x.${extension}`\n          )}`\n        }\n      } catch (error) {\n        return src\n      }\n    }, [])\n\n    const sourceSrcSet = useCallback(\n      ({ srcArr, width }: { srcArr: string[][]; width: number }) => {\n        const computedWidth = width * quality\n        const def = imgSrcSetsize({ src: srcArr[0][0], width: computedWidth })\n        let result\n        srcArr.forEach(ele => {\n          var img = ele[0]\n          if (ele.length > 1 && parseInt(ele[1], 10) >= width) {\n            result = imgSrcSetsize({ src: img, width: computedWidth })\n          }\n        })\n        const srcset = result || def\n        return <source key={width} srcSet={srcset} media={`(max-width: ${width}px)`} />\n      },\n      [imgSrcSetsize, quality]\n    )\n\n    const sourceList = useMemo(() => {\n      if (typeof source !== 'string' || !source) return []\n      let srcArr\n      try {\n        srcArr = source\n          .replace(/[\\r\\n]/g, '')\n          .replace(/\\s\\s+/g, ' ')\n          .split(',')\n          .map(item => item.split(' ').filter(Boolean))\n      } catch (error) {\n        console.log(error)\n        return []\n      }\n      const sourceList = deviceSizes.map(width => {\n        return sourceSrcSet({ srcArr, width })\n      })\n\n      const img = imgSrcSetsize({ src: srcArr[0][0], width: 1920 * quality })\n\n      sourceList.push(<img key=\"default\" src={img} className={`w-full ${imgClassName}`} {...rest} />)\n      return sourceList\n    }, [deviceSizes, imgClassName, imgSrcSetsize, quality, rest, source, sourceSrcSet])\n\n    return (\n      <picture ref={ref} className={`block overflow-hidden ${className}`}>\n        {sourceList}\n        {rest.children}\n      </picture>\n    )\n  }\n)\nexport default Picture\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "React", "useCallback", "useMemo", "APPEND_FILE_SUFFIX_MATCH_DOMAIN", "MAX_SIZE", "FIXED_MAX_SIZE", "isMatchDomain", "srcDomain", "domain", "idMatchFileExtensions", "fileName", "Picture", "imgClassName", "source", "quality", "deviceSizes", "className", "rest", "ref", "imgSrcSetsize", "src", "width", "size", "parsedUrl", "name", "extension", "sourceSrcSet", "srcArr", "computedWidth", "def", "result", "ele", "img", "sourceList", "item", "error", "picture_default"]
 }

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

@@ -2,8 +2,8 @@ import * as React from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { type VariantProps } from 'class-variance-authority';
 declare const radioGroupVariants: (props?: ({
-    size?: "sm" | "base" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+    size?: "base" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
     /** 尺寸 */
     size?: 'sm' | 'base' | 'lg';

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>>;