@anker-in/headless-ui 1.1.55 → 1.1.57

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/button.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport Spinner from '../icons/spinner.js'\nimport { cn } from '../helpers/index.js'\n\nexport const sizeMap = {\n  sm: {\n    width: '16',\n    height: '16',\n  },\n  base: {\n    width: '18',\n    height: '18',\n  },\n  lg: {\n    width: '20',\n    height: '20',\n  },\n}\nconst LinkButtonAppendIcon = ({ size = 'base', ...rest }: { size: 'base' | 'lg' | 'sm'; className?: string }) => {\n  const { width, height } = sizeMap[size]\n  return (\n    <svg width={width} height={height} viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...rest}>\n      <path\n        d=\"M7.5 5L12.5 10L7.5 15\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.66667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\n/**\n * Button Variants\n */\n// eslint-disable-next-line tailwindcss/enforces-negative-arbitrary-values\nconst buttonVariants = cva(\n  'rounded-btn inline-flex cursor-pointer items-center justify-center text-sm font-bold focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none',\n  {\n    variants: {\n      variant: {\n        primary:\n          'bg-btn-primary text-btn-primary-foreground hover:bg-btn-primary-active hover:text-btn-primary-active-foreground hover:bg-gradient-brand border-none ',\n        secondary:\n          'bg-btn-secondary outline-btn-primary text-btn-secondary-foreground hover:bg-btn-secondary-active hover:text-btn-secondary-active-foreground border-solid outline outline-[1.6px] outline-offset-[-1.6px]',\n        link: 'text-info-primary hover:text-btn-primary-active border-none',\n        ghost: 'text-info-primary hover:bg-btn-primary hover:text-btn-primary-foreground',\n      },\n      size: {\n        sm: 'px-3 py-2 text-[12px] leading-tight',\n        base: 'px-5 pb-[10px] pt-[11px] text-[14px] leading-tight',\n        lg: 'lg-desktop:px-7 lg-desktop:pb-[14px] lg-desktop:pt-[15px] lg-desktop:text-[16px] px-5 pb-[10px] pt-[11px] text-[14px] leading-tight',\n        icon: 'size-10 rounded-full leading-tight',\n      },\n      /** hover \u72B6\u6001\u4E0B\u7684\u52A8\u753B\u6548\u679C,\u9700\u8981\u6CE8\u610F\u4E0D\u540Cvariant \u4E0B\u7684\u6548\u679C */\n      hoverEffect: {\n        none: '',\n        slide: '',\n      },\n      state: {\n        default: '',\n        disabled: '',\n        loading: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'primary',\n        hoverEffect: 'slide',\n        class:\n          'before:rounded-btn hover:!bg-btn-primary before:bg-btn-primary-active relative z-[1] overflow-hidden before:absolute before:inset-y-0 before:-z-[1] before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'secondary',\n        hoverEffect: 'slide',\n        class:\n          'before:rounded-btn hover:!bg-btn-secondary before:bg-btn-secondary-active relative z-[1] overflow-hidden before:absolute before:inset-y-0 before:-z-[1]  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'primary',\n        state: 'loading',\n        class: 'bg-btn-primary-active disabled:border-btn-primary-disabled-border',\n      },\n      {\n        variant: 'secondary',\n        state: 'loading',\n        class:\n          'bg-btn-secondary disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground disabled:border-btn-primary-disabled',\n      },\n      {\n        variant: 'primary',\n        state: 'disabled',\n        class:\n          'disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled-foreground disabled:border-btn-primary-disabled',\n      },\n      {\n        variant: 'secondary',\n        state: 'disabled',\n        class:\n          'disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground disabled:border-btn-secondary-disabled-border',\n      },\n      {\n        variant: 'link',\n        state: 'disabled',\n        class: 'disabled:text-info-quaternary',\n      },\n    ],\n    defaultVariants: {\n      variant: 'primary',\n      size: 'lg',\n      hoverEffect: 'none',\n      state: 'default',\n    },\n  }\n)\n\nconst loadingSvgVariants = cva('', {\n  variants: {\n    variant: {\n      primary: 'stroke-btn-primary-foreground',\n      secondary: 'stroke-btn-secondary-foreground',\n      link: 'stroke-primary',\n      ghost: 'stroke-primary',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n})\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {\n  /** \u8BBE\u7F6E\u6309\u94AE\u8F7D\u5165\u72B6\u6001  */\n  loading?: boolean\n  /** \u8BBE\u7F6E\u6309\u94AE\u5931\u6548\u72B6\u6001  */\n  disabled?: boolean\n  /** \u5B9A\u4E49\u81EA\u7EC4\u4EF6\u4F5C\u4E3A\u7236\u7EC4\u4EF6\u7684\u7C7B\u578B\uFF0C \u8BE6\u7EC6\u4F7F\u7528\u65B9\u5F0F\u8BF7\u53C2\u8003radix-ui (\u5DF2\u4F5C\u5E9F\u8BF7\u52FF\u4F7F\u7528) */\n  asChild?: boolean\n  /** \u5B9A\u4E49\u81EA\u7EC4\u4EF6\u4F5C\u4E3A\u7236\u7EC4\u4EF6\u7684\u7C7B\u578B\uFF0C \u8BE6\u7EC6\u4F7F\u7528\u65B9\u5F0F\u8BF7\u53C2\u8003radix-ui */\n  as?: 'button' | 'a'\n  href?: string\n  iconClassName?: string\n  /** \u81EA\u5B9A\u4E49loading  */\n  spinner?: React.ReactNode\n}\n\n/**\n * Button - \u6309\u94AE\n *\n * @description \u53EF\u70B9\u51FB\u7684\u4EA4\u4E92\u5F0F\u6309\u94AE\u7EC4\u4EF6\uFF0C\u652F\u6301\u591A\u79CD\u6837\u5F0F\u3001\u5927\u5C0F\u3001\u72B6\u6001\u548C\u52A0\u8F7D\u6548\u679C\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      // eslint-disable-next-line\n      asChild = false,\n      as = 'button',\n      href,\n      size = 'lg',\n      children,\n      variant,\n      hoverEffect = 'none',\n      className,\n      disabled = false,\n      loading = false,\n      spinner,\n      iconClassName,\n      ...props\n    }: ButtonProps,\n    ref\n  ) => {\n    const Comp = as\n    const isInactive = disabled || loading\n    const state = loading ? 'loading' : disabled ? 'disabled' : 'default'\n\n    return (\n      <Comp\n        disabled={isInactive}\n        className={cn(buttonVariants({ variant, size, hoverEffect, state }), className)}\n        ref={ref as any}\n        {...(as === 'a' ? { href } : {})}\n        {...(props as any)}\n      >\n        {loading ? (\n          <>\n            <span style={{ display: 'contents', visibility: 'hidden' }} aria-hidden>\n              {children}\n            </span>\n            <span className=\"absolute\">\n              {spinner ? (\n                spinner\n              ) : (\n                <Spinner\n                  className={loadingSvgVariants({\n                    variant,\n                  })}\n                />\n              )}\n            </span>\n            <VisuallyHidden>{children}</VisuallyHidden>\n          </>\n        ) : (\n          <>\n            {children}\n            {variant === 'link' && size && size !== 'icon' && (\n              <LinkButtonAppendIcon className={iconClassName} size={size} />\n            )}\n          </>\n        )}\n      </Comp>\n    )\n  }\n)\n\nButton.displayName = 'Button'\nexport default Button\n"],
-  "mappings": "aA0BM,OAmKI,YAAAA,EAnKJ,OAAAC,EAmKI,QAAAC,MAnKJ,oBAxBN,UAAYC,MAAW,QACvB,OAAS,kBAAAC,MAAsB,kCAC/B,OAA4B,OAAAC,MAAW,2BACvC,OAAOC,MAAa,sBACpB,OAAS,MAAAC,MAAU,sBAEZ,MAAMC,EAAU,CACrB,GAAI,CACF,MAAO,KACP,OAAQ,IACV,EACA,KAAM,CACJ,MAAO,KACP,OAAQ,IACV,EACA,GAAI,CACF,MAAO,KACP,OAAQ,IACV,CACF,EACMC,EAAuB,CAAC,CAAE,KAAAC,EAAO,OAAQ,GAAGC,CAAK,IAA0D,CAC/G,KAAM,CAAE,MAAAC,EAAO,OAAAC,CAAO,EAAIL,EAAQE,CAAI,EACtC,OACET,EAAC,OAAI,MAAOW,EAAO,OAAQC,EAAQ,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA8B,GAAGF,EACxG,SAAAV,EAAC,QACC,EAAE,wBACF,OAAO,eACP,YAAY,UACZ,cAAc,QACd,eAAe,QACjB,EACF,CAEJ,EAMMa,EAAiBT,EACrB,gMACA,CACE,SAAU,CACR,QAAS,CACP,QACE,uJACF,UACE,2MACF,KAAM,8DACN,MAAO,0EACT,EACA,KAAM,CACJ,GAAI,sCACJ,KAAM,qDACN,GAAI,sIACJ,KAAM,oCACR,EAEA,YAAa,CACX,KAAM,GACN,MAAO,EACT,EACA,MAAO,CACL,QAAS,GACT,SAAU,GACV,QAAS,EACX,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,UACT,YAAa,QACb,MACE,8SACJ,EACA,CACE,QAAS,YACT,YAAa,QACb,MACE,mTACJ,EACA,CACE,QAAS,UACT,MAAO,UACP,MAAO,mEACT,EACA,CACE,QAAS,YACT,MAAO,UACP,MACE,0IACJ,EACA,CACE,QAAS,UACT,MAAO,WACP,MACE,qHACJ,EACA,CACE,QAAS,YACT,MAAO,WACP,MACE,kIACJ,EACA,CACE,QAAS,OACT,MAAO,WACP,MAAO,+BACT,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,KACN,YAAa,OACb,MAAO,SACT,CACF,CACF,EAEMU,EAAqBV,EAAI,GAAI,CACjC,SAAU,CACR,QAAS,CACP,QAAS,gCACT,UAAW,kCACX,KAAM,iBACN,MAAO,gBACT,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CAAC,EAuBKW,EAASb,EAAM,WACnB,CACE,CAEE,QAAAc,EAAU,GACV,GAAAC,EAAK,SACL,KAAAC,EACA,KAAAT,EAAO,KACP,SAAAU,EACA,QAAAC,EACA,YAAAC,EAAc,OACd,UAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EAAU,GACV,QAAAC,EACA,cAAAC,EACA,GAAGC,CACL,EACAC,IAOE5B,EALWiB,EAKV,CACC,SALeM,GAAYC,EAM3B,UAAWlB,EAAGO,EAAe,CAAE,QAAAO,EAAS,KAAAX,EAAM,YAAAY,EAAa,MALjDG,EAAU,UAAYD,EAAW,WAAa,SAKS,CAAC,EAAGD,CAAS,EAC9E,IAAKM,EACJ,GAAIX,IAAO,IAAM,CAAE,KAAAC,CAAK,EAAI,CAAC,EAC7B,GAAIS,EAEJ,SAAAH,EACCvB,EAAAF,EAAA,CACE,UAAAC,EAAC,QAAK,MAAO,CAAE,QAAS,WAAY,WAAY,QAAS,EAAG,cAAW,GACpE,SAAAmB,EACH,EACAnB,EAAC,QAAK,UAAU,WACb,SAAAyB,GAGCzB,EAACK,EAAA,CACC,UAAWS,EAAmB,CAC5B,QAAAM,CACF,CAAC,EACH,EAEJ,EACApB,EAACG,EAAA,CAAgB,SAAAgB,EAAS,GAC5B,EAEAlB,EAAAF,EAAA,CACG,UAAAoB,EACAC,IAAY,QAAUX,GAAQA,IAAS,QACtCT,EAACQ,EAAA,CAAqB,UAAWkB,EAAe,KAAMjB,EAAM,GAEhE,EAEJ,CAGN,EAEAM,EAAO,YAAc,SACrB,IAAOc,EAAQd",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport Spinner from '../icons/spinner.js'\nimport { cn } from '../helpers/index.js'\n\nexport const sizeMap = {\n  sm: {\n    width: '16',\n    height: '16',\n  },\n  base: {\n    width: '18',\n    height: '18',\n  },\n  lg: {\n    width: '20',\n    height: '20',\n  },\n}\nconst LinkButtonAppendIcon = ({ size = 'base', ...rest }: { size: 'base' | 'lg' | 'sm'; className?: string }) => {\n  const { width, height } = sizeMap[size]\n  return (\n    <svg width={width} height={height} viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...rest}>\n      <path\n        d=\"M7.5 5L12.5 10L7.5 15\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.66667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\n/**\n * Button Variants\n */\n// eslint-disable-next-line tailwindcss/enforces-negative-arbitrary-values\nconst buttonVariants = cva(\n  'rounded-btn inline-flex cursor-pointer items-center justify-center text-sm font-bold focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none',\n  {\n    variants: {\n      variant: {\n        primary:\n          'bg-btn-primary text-btn-primary-foreground hover:bg-btn-primary-active hover:text-btn-primary-active-foreground hover:bg-gradient-brand border-none ',\n        secondary:\n          'bg-btn-secondary outline-btn-primary text-btn-secondary-foreground hover:bg-btn-secondary-active hover:text-btn-secondary-active-foreground border-solid outline outline-[1.6px] outline-offset-[-1.6px]',\n        link: 'text-info-primary hover:text-btn-primary-active border-none',\n        ghost: 'text-info-primary hover:bg-btn-primary hover:text-btn-primary-foreground',\n      },\n      size: {\n        sm: 'px-3 py-2 text-[12px] leading-tight',\n        base: 'px-5 pb-[10px] pt-[11px] text-[14px] leading-tight',\n        lg: 'lg-desktop:px-7 lg-desktop:pb-[14px] lg-desktop:pt-[15px] lg-desktop:text-[16px] px-5 pb-[10px] pt-[11px] text-[14px] leading-tight',\n        icon: 'size-10 rounded-full leading-tight',\n      },\n      /** hover \u72B6\u6001\u4E0B\u7684\u52A8\u753B\u6548\u679C,\u9700\u8981\u6CE8\u610F\u4E0D\u540Cvariant \u4E0B\u7684\u6548\u679C */\n      hoverEffect: {\n        none: '',\n        slide: '',\n      },\n      state: {\n        default: '',\n        disabled: '',\n        loading: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'primary',\n        hoverEffect: 'slide',\n        class:\n          'before:rounded-btn hover:!bg-btn-primary before:bg-btn-primary-active relative z-[1] overflow-hidden before:absolute before:inset-y-0 before:-z-[1] before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'secondary',\n        hoverEffect: 'slide',\n        class:\n          'before:rounded-btn hover:!bg-btn-secondary before:bg-btn-secondary-active relative z-[1] overflow-hidden before:absolute before:inset-y-0 before:-z-[1]  before:w-full before:-translate-x-full before:transition-transform before:duration-300 before:ease-in-out before:content-[\"\"] hover:before:translate-x-0',\n      },\n      {\n        variant: 'primary',\n        state: 'loading',\n        class: 'bg-btn-primary-active disabled:border-btn-primary-disabled-border',\n      },\n      {\n        variant: 'secondary',\n        state: 'loading',\n        class:\n          'bg-btn-secondary disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground disabled:border-btn-primary-disabled',\n      },\n      {\n        variant: 'primary',\n        state: 'disabled',\n        class:\n          'disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled-foreground disabled:border-btn-primary-disabled',\n      },\n      {\n        variant: 'secondary',\n        state: 'disabled',\n        class:\n          'disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled-foreground disabled:border-btn-secondary-disabled-border disabled:outline-btn-secondary-disabled-border',\n      },\n      {\n        variant: 'link',\n        state: 'disabled',\n        class: 'disabled:text-info-quaternary',\n      },\n    ],\n    defaultVariants: {\n      variant: 'primary',\n      size: 'lg',\n      hoverEffect: 'none',\n      state: 'default',\n    },\n  }\n)\n\nconst loadingSvgVariants = cva('', {\n  variants: {\n    variant: {\n      primary: 'stroke-btn-primary-foreground',\n      secondary: 'stroke-btn-secondary-foreground',\n      link: 'stroke-primary',\n      ghost: 'stroke-primary',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n})\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {\n  /** \u8BBE\u7F6E\u6309\u94AE\u8F7D\u5165\u72B6\u6001  */\n  loading?: boolean\n  /** \u8BBE\u7F6E\u6309\u94AE\u5931\u6548\u72B6\u6001  */\n  disabled?: boolean\n  /** \u5B9A\u4E49\u81EA\u7EC4\u4EF6\u4F5C\u4E3A\u7236\u7EC4\u4EF6\u7684\u7C7B\u578B\uFF0C \u8BE6\u7EC6\u4F7F\u7528\u65B9\u5F0F\u8BF7\u53C2\u8003radix-ui (\u5DF2\u4F5C\u5E9F\u8BF7\u52FF\u4F7F\u7528) */\n  asChild?: boolean\n  /** \u5B9A\u4E49\u81EA\u7EC4\u4EF6\u4F5C\u4E3A\u7236\u7EC4\u4EF6\u7684\u7C7B\u578B\uFF0C \u8BE6\u7EC6\u4F7F\u7528\u65B9\u5F0F\u8BF7\u53C2\u8003radix-ui */\n  as?: 'button' | 'a'\n  href?: string\n  iconClassName?: string\n  /** \u81EA\u5B9A\u4E49loading  */\n  spinner?: React.ReactNode\n}\n\n/**\n * Button - \u6309\u94AE\n *\n * @description \u53EF\u70B9\u51FB\u7684\u4EA4\u4E92\u5F0F\u6309\u94AE\u7EC4\u4EF6\uFF0C\u652F\u6301\u591A\u79CD\u6837\u5F0F\u3001\u5927\u5C0F\u3001\u72B6\u6001\u548C\u52A0\u8F7D\u6548\u679C\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      // eslint-disable-next-line\n      asChild = false,\n      as = 'button',\n      href,\n      size = 'lg',\n      children,\n      variant,\n      hoverEffect = 'none',\n      className,\n      disabled = false,\n      loading = false,\n      spinner,\n      iconClassName,\n      ...props\n    }: ButtonProps,\n    ref\n  ) => {\n    const Comp = as\n    const isInactive = disabled || loading\n    const state = loading ? 'loading' : disabled ? 'disabled' : 'default'\n\n    return (\n      <Comp\n        disabled={isInactive}\n        className={cn(buttonVariants({ variant, size, hoverEffect, state }), className)}\n        ref={ref as any}\n        {...(as === 'a' ? { href } : {})}\n        {...(props as any)}\n      >\n        {loading ? (\n          <>\n            <span style={{ display: 'contents', visibility: 'hidden' }} aria-hidden>\n              {children}\n            </span>\n            <span className=\"absolute\">\n              {spinner ? (\n                spinner\n              ) : (\n                <Spinner\n                  className={loadingSvgVariants({\n                    variant,\n                  })}\n                />\n              )}\n            </span>\n            <VisuallyHidden>{children}</VisuallyHidden>\n          </>\n        ) : (\n          <>\n            {children}\n            {variant === 'link' && size && size !== 'icon' && (\n              <LinkButtonAppendIcon className={iconClassName} size={size} />\n            )}\n          </>\n        )}\n      </Comp>\n    )\n  }\n)\n\nButton.displayName = 'Button'\nexport default Button\n"],
+  "mappings": "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",
   "names": ["Fragment", "jsx", "jsxs", "React", "VisuallyHidden", "cva", "Spinner", "cn", "sizeMap", "LinkButtonAppendIcon", "size", "rest", "width", "height", "buttonVariants", "loadingSvgVariants", "Button", "asChild", "as", "href", "children", "variant", "hoverEffect", "className", "disabled", "loading", "spinner", "iconClassName", "props", "ref", "button_default"]
 }

package/dist/esm/components/checkbox.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import*as l from"react";import*as t from"@radix-ui/react-checkbox";import{cn as i}from"../helpers/index.js";import{cva as d}from"class-variance-authority";const f=o=>e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o,children:e("path",{d:"M7.5 15.8333L1.66667 10L3.75 7.91667L7.5 11.6667L16.25 3L18.3333 5.08333L7.5 15.8333Z",fill:"currentColor"})}),p=d("border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground disabled:bg-btn-primary-disabled peer shrink-0 rounded-sm border focus-visible: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"}}),r=l.forwardRef(({className:o,size:s,iconClassName:a,...c},n)=>e(t.Root,{ref:n,className:i(p({size:s}),o),...c,children:e(t.Indicator,{className:i("flex size-full items-center justify-center text-current"),children:e(f,{width:16,height:12,className:a})})}));r.displayName="Checkbox";var h=r;export{h as default};
+"use client";import{jsx as e}from"react/jsx-runtime";import*as l from"react";import*as o from"@radix-ui/react-checkbox";import{cn as i}from"../helpers/index.js";import{cva as b}from"class-variance-authority";const d=t=>e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:e("path",{d:"M7.5 15.8333L1.66667 10L3.75 7.91667L7.5 11.6667L16.25 3L18.3333 5.08333L7.5 15.8333Z",fill:"currentColor"})}),f=b("border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-brand-0 disabled:bg-btn-primary-disabled peer shrink-0 rounded-sm border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-white",{variants:{size:{sm:"size-[14px]",base:"size-4",lg:"size-5"}},defaultVariants:{size:"base"}}),r=l.forwardRef(({className:t,size:s,iconClassName:a,...c},n)=>e(o.Root,{ref:n,className:i(f({size:s}),t),...c,children:e(o.Indicator,{className:i("flex size-full items-center justify-center text-current"),children:e(d,{width:16,height:12,className:a})})}));r.displayName="Checkbox";var m=r;export{m as default};
 //# sourceMappingURL=checkbox.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/checkbox.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\n// import { CheckIcon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/index.js'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst CheckIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M7.5 15.8333L1.66667 10L3.75 7.91667L7.5 11.6667L16.25 3L18.3333 5.08333L7.5 15.8333Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nconst checkboxVariants = cva(\n  'border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground disabled:bg-btn-primary-disabled peer shrink-0 rounded-sm border focus-visible: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 CheckboxProps\n  extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {\n  iconClassName?: string\n}\n\n/**\n * Checkbox - \u590D\u9009\u6846\n *\n * @description \u5141\u8BB8\u7528\u6237\u8FDB\u884C\u591A\u9009\u64CD\u4F5C\u7684\u590D\u9009\u6846\u7EC4\u4EF6\uFF0C\u652F\u6301\u4E0D\u540C\u5C3A\u5BF8\u548C\u81EA\u5B9A\u4E49\u56FE\u6807\n */\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  ({ className, size, iconClassName, ...props }, ref) => (\n    <CheckboxPrimitive.Root ref={ref} className={cn(checkboxVariants({ size }), className)} {...props}>\n      <CheckboxPrimitive.Indicator className={cn('flex size-full items-center justify-center text-current')}>\n        <CheckIcon width={16} height={12} className={iconClassName} />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n)\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\nexport type { CheckboxProps }\n"],
-  "mappings": "aAYM,cAAAA,MAAA,oBAVN,UAAYC,MAAW,QACvB,UAAYC,MAAuB,2BAGnC,OAAS,MAAAC,MAAU,sBACnB,OAAS,OAAAC,MAA8B,2BAEvC,MAAMC,EAAaC,GAEfN,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA8B,GAAGM,EACjG,SAAAN,EAAC,QACC,EAAE,wFACF,KAAK,eACP,EACF,EAIEO,EAAmBH,EACvB,0UACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,cACJ,KAAM,SACN,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAYMI,EAAWP,EAAM,WACrB,CAAC,CAAE,UAAAQ,EAAW,KAAAC,EAAM,cAAAC,EAAe,GAAGL,CAAM,EAAGM,IAC7CZ,EAACE,EAAkB,KAAlB,CAAuB,IAAKU,EAAK,UAAWT,EAAGI,EAAiB,CAAE,KAAAG,CAAK,CAAC,EAAGD,CAAS,EAAI,GAAGH,EAC1F,SAAAN,EAACE,EAAkB,UAAlB,CAA4B,UAAWC,EAAG,yDAAyD,EAClG,SAAAH,EAACK,EAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,UAAWM,EAAe,EAC9D,EACF,CAEJ,EACAH,EAAS,YAAc,WAEvB,IAAOK,EAAQL",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\n// import { CheckIcon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/index.js'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst CheckIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M7.5 15.8333L1.66667 10L3.75 7.91667L7.5 11.6667L16.25 3L18.3333 5.08333L7.5 15.8333Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nconst checkboxVariants = cva(\n  'border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-brand-0 disabled:bg-btn-primary-disabled peer shrink-0 rounded-sm border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-white',\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 CheckboxProps\n  extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {\n  iconClassName?: string\n}\n\n/**\n * Checkbox - \u590D\u9009\u6846\n *\n * @description \u5141\u8BB8\u7528\u6237\u8FDB\u884C\u591A\u9009\u64CD\u4F5C\u7684\u590D\u9009\u6846\u7EC4\u4EF6\uFF0C\u652F\u6301\u4E0D\u540C\u5C3A\u5BF8\u548C\u81EA\u5B9A\u4E49\u56FE\u6807\n */\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  ({ className, size, iconClassName, ...props }, ref) => (\n    <CheckboxPrimitive.Root ref={ref} className={cn(checkboxVariants({ size }), className)} {...props}>\n      <CheckboxPrimitive.Indicator className={cn('flex size-full items-center justify-center text-current')}>\n        <CheckIcon width={16} height={12} className={iconClassName} />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n)\nCheckbox.displayName = 'Checkbox'\n\nexport default Checkbox\nexport type { CheckboxProps }\n"],
+  "mappings": "aAYM,cAAAA,MAAA,oBAVN,UAAYC,MAAW,QACvB,UAAYC,MAAuB,2BAGnC,OAAS,MAAAC,MAAU,sBACnB,OAAS,OAAAC,MAA8B,2BAEvC,MAAMC,EAAaC,GAEfN,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA8B,GAAGM,EACjG,SAAAN,EAAC,QACC,EAAE,wFACF,KAAK,eACP,EACF,EAIEO,EAAmBH,EACvB,6TACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,cACJ,KAAM,SACN,GAAI,QACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAYMI,EAAWP,EAAM,WACrB,CAAC,CAAE,UAAAQ,EAAW,KAAAC,EAAM,cAAAC,EAAe,GAAGL,CAAM,EAAGM,IAC7CZ,EAACE,EAAkB,KAAlB,CAAuB,IAAKU,EAAK,UAAWT,EAAGI,EAAiB,CAAE,KAAAG,CAAK,CAAC,EAAGD,CAAS,EAAI,GAAGH,EAC1F,SAAAN,EAACE,EAAkB,UAAlB,CAA4B,UAAWC,EAAG,yDAAyD,EAClG,SAAAH,EAACK,EAAA,CAAU,MAAO,GAAI,OAAQ,GAAI,UAAWM,EAAe,EAC9D,EACF,CAEJ,EACAH,EAAS,YAAc,WAEvB,IAAOK,EAAQL",
   "names": ["jsx", "React", "CheckboxPrimitive", "cn", "cva", "CheckIcon", "props", "checkboxVariants", "Checkbox", "className", "size", "iconClassName", "ref", "checkbox_default"]
 }

package/dist/esm/components/text.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import*as T from"react";import{Slot as g}from"@radix-ui/react-slot";import{cva as h}from"class-variance-authority";import{convertLexicalToHTML as y}from"@payloadcms/richtext-lexical/html";import{cn as b}from"../helpers/index.js";const u=h("text-pretty tracking-[-0.02em]",{variants:{size:{none:"tracking",1:"text-[12px] leading-[140%]",2:"text-[14px] leading-[140%]",3:"text-[16px] leading-[140%]",4:"text-[18px] leading-[140%]"},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"}}),a=T.forwardRef((i,l)=>{const{children:t,size:o="none",weight:r,align:m,className:x,asChild:d,as:P="span",color:n,html:e,...c}=i,p=e?{dangerouslySetInnerHTML:{__html:typeof e=="string"?e:y({data:e})}}:null,f=n?{style:{color:n}}:null;return s(g,{...c,ref:l,className:b(u({size:o,weight:o==="none"?r??"medium":r,align:m}),x),...p,...f,children:d?t:s(P,{children:p?null:t})})});a.displayName="Text";export{a as Text};
+import{jsx as n}from"react/jsx-runtime";import*as T from"react";import{Slot as g}from"@radix-ui/react-slot";import{cva as h}from"class-variance-authority";import{convertLexicalToHTML as y}from"@payloadcms/richtext-lexical/html";import{cn as b}from"../helpers/index.js";const v=h("text-pretty tracking-[-0.02em]",{variants:{size:{none:"tracking",1:"text-[12px] leading-[140%]",2:"text-[14px] leading-[140%]",3:"text-[16px] leading-[140%]",4:"text-[18px] leading-[140%]"},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"}}),p=T.forwardRef((a,s)=>{const{children:e,size:i="none",weight:l,align:m,className:x,asChild:d,as:P="span",color:o,html:t,...c}=a,r=t?{dangerouslySetInnerHTML:{__html:typeof t=="string"?t:y({data:t})}}:null,f=o?{style:{color:o}}:null;return n(g,{...c,ref:s,className:b(v({size:i,weight:l,align:m}),x),...r,...f,children:d?e:n(P,{children:r?null:e})})});p.displayName="Text";export{p as Text};
 //# sourceMappingURL=text.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/text.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport { convertLexicalToHTML } from '@payloadcms/richtext-lexical/html'\nimport type { SerializedEditorState, SerializedLexicalNode } from 'lexical'\nimport { cn } from '../helpers/index.js'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\n\nconst textVariants = cva('text-pretty tracking-[-0.02em]', {\n  variants: {\n    size: {\n      none: 'tracking',\n      1: 'text-[12px] leading-[140%]',\n      2: 'text-[14px] leading-[140%]',\n      3: 'text-[16px] leading-[140%]',\n      4: 'text-[18px] leading-[140%]',\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 TextElement = React.ElementRef<'span'>\ntype TextSpanProps = { as?: 'span' } & ComponentPropsWithout<'span', RemovedProps>\ntype TextDivProps = { as: 'div' } & ComponentPropsWithout<'div', RemovedProps>\ntype TextLabelProps = { as: 'label' } & ComponentPropsWithout<'label', RemovedProps>\ntype TextPProps = { as: 'p' } & ComponentPropsWithout<'p', RemovedProps>\n\ninterface CommonTextProps extends VariantProps<typeof textVariants> {\n  as?: 'div' | 'label' | 'p' | 'span'\n  asChild?: boolean\n  color?: string\n  /** \u76F8\u5F53\u4E8E dangerouslySetInnerHTML */\n  html?: string | SerializedEditorState<SerializedLexicalNode>\n}\n\ntype TextProps = CommonTextProps & (TextSpanProps | TextDivProps | TextLabelProps | TextPProps)\n\n/**\n * Text - \u6587\u672C\u7EC4\u4EF6\n *\n * @description \u7528\u4E8E\u663E\u793A\u6587\u672C\u5185\u5BB9\u7684\u7EC4\u4EF6\uFF0C\u652F\u6301\u591A\u79CD\u5C3A\u5BF8\u3001\u5B57\u91CD\u3001\u5BF9\u9F50\u65B9\u5F0F\u548CHTML\u5185\u5BB9\n *\n * @param {object} props - \u7EC4\u4EF6\u5C5E\u6027\n * @param {1|2|3|4|\"none\"} props.size - \u6587\u5B57\u5C3A\u5BF8\n * - `1`: 12px (\u5C0F\u53F7\u6587\u5B57\uFF0C\u9002\u7528\u4E8E\u8BF4\u660E\u6587\u5B57)\n * - `2`: 14px (\u5E38\u89C4\u6587\u5B57\uFF0C\u9002\u7528\u4E8E\u6B63\u6587\u5185\u5BB9)\n * - `3`: 16px (\u4E2D\u53F7\u6587\u5B57\uFF0C\u9002\u7528\u4E8E\u91CD\u8981\u5185\u5BB9)\n * - `4`: 18px (\u5927\u53F7\u6587\u5B57\uFF0C\u9002\u7528\u4E8E\u6807\u9898\u6216\u5F3A\u8C03\u5185\u5BB9)\n * - `none`: \u65E0\u9884\u8BBE\u5927\u5C0F\uFF0C\u7EE7\u627F\u7236\u7EA7\u6837\u5F0F\n * @param {\"medium\"|\"semibold\"|\"bold\"|\"extraBold\"|\"black\"} props.weight - \u5B57\u91CD\n * @param {\"left\"|\"center\"|\"right\"} props.align - \u6587\u5B57\u5BF9\u9F50\u65B9\u5F0F\n * @param {\"div\"|\"label\"|\"p\"|\"span\"} props.as - \u6E32\u67D3\u7684 HTML \u6807\u7B7E\n * @param {boolean} props.asChild - \u662F\u5426\u4F5C\u4E3A\u5B50\u7EC4\u4EF6\u6E32\u67D3\n * @param {string} props.color - \u6587\u5B57\u989C\u8272\n * @param {string|SerializedEditorState} props.html - HTML \u5185\u5BB9\u6216\u5BCC\u6587\u672C\u7F16\u8F91\u5668\u72B6\u6001\n *\n * @example\n * ```tsx\n * // \u57FA\u7840\u7528\u6CD5\n * <Text size={2}>\u8FD9\u662F\u4E00\u6BB5\u6B63\u6587</Text>\n *\n * // \u5927\u53F7\u52A0\u7C97\u6587\u5B57\n * <Text size={4} weight=\"bold\">\u91CD\u8981\u6807\u9898</Text>\n *\n * // \u5C45\u4E2D\u5BF9\u9F50\u7684\u5C0F\u53F7\u6587\u5B57\n * <Text size={1} align=\"center\">\u8BF4\u660E\u6587\u5B57</Text>\n *\n * // \u6E32\u67D3\u4E3A\u6BB5\u843D\u6807\u7B7E\n * <Text as=\"p\" size={3}>\u6BB5\u843D\u5185\u5BB9</Text>\n * ```\n */\nconst Text = React.forwardRef<TextElement, TextProps>((props, forwardedRef) => {\n  const {\n    children,\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    weight,\n    align,\n    className,\n    asChild,\n    as: Tag = 'span',\n    color,\n    html,\n    ...textProps\n  } = props\n\n  const htmlContentProps = html\n    ? {\n        dangerouslySetInnerHTML: { __html: 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\n  return (\n    <Slot\n      {...textProps}\n      ref={forwardedRef}\n      className={cn(\n        textVariants({\n          size,\n          weight: size === 'none' ? (weight ?? 'medium') : weight, // \u4E3A\u4E86\u517C\u5BB9\u65E7\u7248\u672C\u6837\u5F0F\uFF0C\u9ED8\u8BA4\u503C\u4E3A medium\n          align,\n        }),\n        className\n      )}\n      {...htmlContentProps}\n      {...styleProps}\n    >\n      {asChild ? children : <Tag>{htmlContentProps ? null : children}</Tag>}\n    </Slot>\n  )\n})\nText.displayName = 'Text'\n\nexport { Text }\nexport type { TextProps }\n"],
-  "mappings": "AAiI4B,cAAAA,MAAA,oBAjI5B,UAAYC,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAA4B,OAAAC,MAAW,2BACvC,OAAS,wBAAAC,MAA4B,oCAErC,OAAS,MAAAC,MAAU,sBAGnB,MAAMC,EAAeH,EAAI,iCAAkC,CACzD,SAAU,CACR,KAAM,CACJ,KAAM,WACN,EAAG,6BACH,EAAG,6BACH,EAAG,6BACH,EAAG,4BACL,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,EAoDKI,EAAON,EAAM,WAAmC,CAACO,EAAOC,IAAiB,CAC7E,KAAM,CACJ,SAAAC,EACA,KAAAC,EAAO,OACP,OAAAC,EACA,MAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,OACV,MAAAC,EACA,KAAAC,EACA,GAAGC,CACL,EAAIX,EAEEY,EAAmBF,EACrB,CACE,wBAAyB,CAAE,OAAQ,OAAOA,GAAS,SAAWA,EAAOd,EAAqB,CAAE,KAAMc,CAAK,CAAC,CAAE,CAC5G,EACA,KAEEG,EAAaJ,EACf,CACE,MAAO,CACL,MAAAA,CACF,CACF,EACA,KAEJ,OACEjB,EAACE,EAAA,CACE,GAAGiB,EACJ,IAAKV,EACL,UAAWJ,EACTC,EAAa,CACX,KAAAK,EACA,OAAQA,IAAS,OAAUC,GAAU,SAAYA,EACjD,MAAAC,CACF,CAAC,EACDC,CACF,EACC,GAAGM,EACH,GAAGC,EAEH,SAAAN,EAAUL,EAAWV,EAACgB,EAAA,CAAK,SAAAI,EAAmB,KAAOV,EAAS,EACjE,CAEJ,CAAC,EACDH,EAAK,YAAc",
+  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport { convertLexicalToHTML } from '@payloadcms/richtext-lexical/html'\nimport type { SerializedEditorState, SerializedLexicalNode } from 'lexical'\nimport { cn } from '../helpers/index.js'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\n\nconst textVariants = cva('text-pretty tracking-[-0.02em]', {\n  variants: {\n    size: {\n      none: 'tracking',\n      1: 'text-[12px] leading-[140%]',\n      2: 'text-[14px] leading-[140%]',\n      3: 'text-[16px] leading-[140%]',\n      4: 'text-[18px] leading-[140%]',\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 TextElement = React.ElementRef<'span'>\ntype TextSpanProps = { as?: 'span' } & ComponentPropsWithout<'span', RemovedProps>\ntype TextDivProps = { as: 'div' } & ComponentPropsWithout<'div', RemovedProps>\ntype TextLabelProps = { as: 'label' } & ComponentPropsWithout<'label', RemovedProps>\ntype TextPProps = { as: 'p' } & ComponentPropsWithout<'p', RemovedProps>\n\ninterface CommonTextProps extends VariantProps<typeof textVariants> {\n  as?: 'div' | 'label' | 'p' | 'span'\n  asChild?: boolean\n  color?: string\n  /** \u76F8\u5F53\u4E8E dangerouslySetInnerHTML */\n  html?: string | SerializedEditorState<SerializedLexicalNode>\n}\n\ntype TextProps = CommonTextProps & (TextSpanProps | TextDivProps | TextLabelProps | TextPProps)\n\n/**\n * Text - \u6587\u672C\u7EC4\u4EF6\n *\n * @description \u7528\u4E8E\u663E\u793A\u6587\u672C\u5185\u5BB9\u7684\u7EC4\u4EF6\uFF0C\u652F\u6301\u591A\u79CD\u5C3A\u5BF8\u3001\u5B57\u91CD\u3001\u5BF9\u9F50\u65B9\u5F0F\u548CHTML\u5185\u5BB9\n *\n * @param {object} props - \u7EC4\u4EF6\u5C5E\u6027\n * @param {1|2|3|4|\"none\"} props.size - \u6587\u5B57\u5C3A\u5BF8\n * - `1`: 12px (\u5C0F\u53F7\u6587\u5B57\uFF0C\u9002\u7528\u4E8E\u8BF4\u660E\u6587\u5B57)\n * - `2`: 14px (\u5E38\u89C4\u6587\u5B57\uFF0C\u9002\u7528\u4E8E\u6B63\u6587\u5185\u5BB9)\n * - `3`: 16px (\u4E2D\u53F7\u6587\u5B57\uFF0C\u9002\u7528\u4E8E\u91CD\u8981\u5185\u5BB9)\n * - `4`: 18px (\u5927\u53F7\u6587\u5B57\uFF0C\u9002\u7528\u4E8E\u6807\u9898\u6216\u5F3A\u8C03\u5185\u5BB9)\n * - `none`: \u65E0\u9884\u8BBE\u5927\u5C0F\uFF0C\u7EE7\u627F\u7236\u7EA7\u6837\u5F0F\n * @param {\"medium\"|\"semibold\"|\"bold\"|\"extraBold\"|\"black\"} props.weight - \u5B57\u91CD\n * @param {\"left\"|\"center\"|\"right\"} props.align - \u6587\u5B57\u5BF9\u9F50\u65B9\u5F0F\n * @param {\"div\"|\"label\"|\"p\"|\"span\"} props.as - \u6E32\u67D3\u7684 HTML \u6807\u7B7E\n * @param {boolean} props.asChild - \u662F\u5426\u4F5C\u4E3A\u5B50\u7EC4\u4EF6\u6E32\u67D3\n * @param {string} props.color - \u6587\u5B57\u989C\u8272\n * @param {string|SerializedEditorState} props.html - HTML \u5185\u5BB9\u6216\u5BCC\u6587\u672C\u7F16\u8F91\u5668\u72B6\u6001\n *\n * @example\n * ```tsx\n * // \u57FA\u7840\u7528\u6CD5\n * <Text size={2}>\u8FD9\u662F\u4E00\u6BB5\u6B63\u6587</Text>\n *\n * // \u5927\u53F7\u52A0\u7C97\u6587\u5B57\n * <Text size={4} weight=\"bold\">\u91CD\u8981\u6807\u9898</Text>\n *\n * // \u5C45\u4E2D\u5BF9\u9F50\u7684\u5C0F\u53F7\u6587\u5B57\n * <Text size={1} align=\"center\">\u8BF4\u660E\u6587\u5B57</Text>\n *\n * // \u6E32\u67D3\u4E3A\u6BB5\u843D\u6807\u7B7E\n * <Text as=\"p\" size={3}>\u6BB5\u843D\u5185\u5BB9</Text>\n * ```\n */\nconst Text = React.forwardRef<TextElement, TextProps>((props, forwardedRef) => {\n  const {\n    children,\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    weight,\n    align,\n    className,\n    asChild,\n    as: Tag = 'span',\n    color,\n    html,\n    ...textProps\n  } = props\n\n  const htmlContentProps = html\n    ? {\n        dangerouslySetInnerHTML: { __html: 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\n  return (\n    <Slot\n      {...textProps}\n      ref={forwardedRef}\n      className={cn(\n        textVariants({\n          size,\n          weight,\n          align,\n        }),\n        className\n      )}\n      {...htmlContentProps}\n      {...styleProps}\n    >\n      {asChild ? children : <Tag>{htmlContentProps ? null : children}</Tag>}\n    </Slot>\n  )\n})\nText.displayName = 'Text'\n\nexport { Text }\nexport type { TextProps }\n"],
+  "mappings": "AAiI4B,cAAAA,MAAA,oBAjI5B,UAAYC,MAAW,QACvB,OAAS,QAAAC,MAAY,uBACrB,OAA4B,OAAAC,MAAW,2BACvC,OAAS,wBAAAC,MAA4B,oCAErC,OAAS,MAAAC,MAAU,sBAGnB,MAAMC,EAAeH,EAAI,iCAAkC,CACzD,SAAU,CACR,KAAM,CACJ,KAAM,WACN,EAAG,6BACH,EAAG,6BACH,EAAG,6BACH,EAAG,4BACL,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,EAoDKI,EAAON,EAAM,WAAmC,CAACO,EAAOC,IAAiB,CAC7E,KAAM,CACJ,SAAAC,EACA,KAAAC,EAAO,OACP,OAAAC,EACA,MAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,OACV,MAAAC,EACA,KAAAC,EACA,GAAGC,CACL,EAAIX,EAEEY,EAAmBF,EACrB,CACE,wBAAyB,CAAE,OAAQ,OAAOA,GAAS,SAAWA,EAAOd,EAAqB,CAAE,KAAMc,CAAK,CAAC,CAAE,CAC5G,EACA,KAEEG,EAAaJ,EACf,CACE,MAAO,CACL,MAAAA,CACF,CACF,EACA,KAEJ,OACEjB,EAACE,EAAA,CACE,GAAGiB,EACJ,IAAKV,EACL,UAAWJ,EACTC,EAAa,CACX,KAAAK,EACA,OAAAC,EACA,MAAAC,CACF,CAAC,EACDC,CACF,EACC,GAAGM,EACH,GAAGC,EAEH,SAAAN,EAAUL,EAAWV,EAACgB,EAAA,CAAK,SAAAI,EAAmB,KAAOV,EAAS,EACjE,CAEJ,CAAC,EACDH,EAAK,YAAc",
   "names": ["jsx", "React", "Slot", "cva", "convertLexicalToHTML", "cn", "textVariants", "Text", "props", "forwardedRef", "children", "size", "weight", "align", "className", "asChild", "Tag", "color", "html", "textProps", "htmlContentProps", "styleProps"]
 }

package/dist/esm/stories/decorators/dataPropsDecorator.d.ts

@@ -0,0 +1,16 @@
+import type { Decorator } from '@storybook/react';
+export declare function createDataPropsDecorator(topLevelProps?: string[]): Decorator;
+/**
+ * 预设的 Decorator 配置
+ */
+export declare const commonDataPropsDecorator: Decorator;
+/**
+ * 带自定义顶层字段的 Decorator 生成器
+ *
+ * @example
+ * ```tsx
+ * // 将 visible, loading 也保持在顶层
+ * decorators: [createDataPropsDecorator(['visible', 'loading'])]
+ * ```
+ */
+export { createDataPropsDecorator as default };

package/dist/esm/stories/decorators/dataPropsDecorator.js

@@ -0,0 +1,2 @@
+import{jsx as h}from"react/jsx-runtime";import"react";function g(l,d,f){const n=d.split(".");let r=l;for(let e=0;e<n.length-1;e++){const o=n[e];(!r[o]||typeof r[o]!="object")&&(r[o]={}),r=r[o]}r[n[n.length-1]]=f}function P(l=[]){const f=[...["className","classNames","style","ref","key","children"],...l],n=(r,e)=>{const{args:o}=e,c={},u={};Object.keys(o).forEach(t=>{if(t.startsWith("data.")){const s=t.substring(5);g(u,s,o[t])}else t.startsWith("on")&&typeof o[t]=="function"||f.includes(t)?c[t]=o[t]:t==="data"&&typeof o[t]=="object"||(c[t]=o[t])});function D(t,s){const i={...t};return p(t)&&p(s)&&Object.keys(s).forEach(a=>{p(s[a])&&a in t?i[a]=D(t[a],s[a]):i[a]=s[a]}),i}function p(t){return t&&typeof t=="object"&&!Array.isArray(t)}const b=D(o.data||{},u);return h(r,{args:{...c,data:{...b}}})};return n.displayName="DataPropsDecorator",n}const v=P();export{v as commonDataPropsDecorator,P as createDataPropsDecorator,P as default};
+//# sourceMappingURL=dataPropsDecorator.js.map

package/dist/esm/stories/decorators/dataPropsDecorator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/stories/decorators/dataPropsDecorator.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport type { Decorator } from '@storybook/react'\n\n/**\n * Storybook Decorator: \u5904\u7406\u5D4C\u5957\u7684 data.* argTypes\uFF0C\u786E\u4FDD\u63A7\u4EF6\u4FEE\u6539\u80FD\u89E6\u53D1\u7EC4\u4EF6\u66F4\u65B0\n *\n * \u7528\u4E8E\u89E3\u51B3\u4F7F\u7528 data prop \u7684\u7EC4\u4EF6\u5728 Storybook \u4E2D\u63A7\u4EF6\u4E0D\u54CD\u5E94\u7684\u95EE\u9898\u3002\n * \u652F\u6301\u5728 Storybook \u63A7\u4EF6\u9762\u677F\u4E2D\u4FDD\u6301 'data.title' \u683C\u5F0F\u663E\u793A\u3002\n *\n * @example\n * ```tsx\n * import { createDataPropsDecorator } from '../decorators/dataPropsDecorator'\n *\n * const meta: Meta<typeof MyComponent> = {\n *   component: MyComponent,\n *   decorators: [createDataPropsDecorator()],\n *   argTypes: {\n *     // \u4FDD\u6301\u5D4C\u5957\u683C\u5F0F\uFF0C\u5728\u63A7\u4EF6\u9762\u677F\u663E\u793A\u4E3A data.title\n *     'data.title': { control: 'text' },\n *     'data.theme': { control: 'select', options: ['light', 'dark'] },\n *   },\n * }\n * ```\n *\n * @param topLevelProps - \u9700\u8981\u4FDD\u6301\u5728\u9876\u5C42\u7684\u5B57\u6BB5\u540D\u6570\u7EC4\uFF08\u9ED8\u8BA4\u5305\u542B className, classNames, \u548C\u6240\u6709 on* \u4E8B\u4EF6\u5904\u7406\u5668\uFF09\n * @returns Storybook Decorator\n */\n/**\n * \u8F85\u52A9\u51FD\u6570\uFF1A\u5C06\u8DEF\u5F84\u5B57\u7B26\u4E32\u8F6C\u6362\u4E3A\u5D4C\u5957\u5BF9\u8C61\n * @example setNestedValue({}, 'primaryButton.text', 'Shop Now')\n * // => { primaryButton: { text: 'Shop Now' } }\n */\nfunction setNestedValue(obj: Record<string, any>, path: string, value: any): void {\n  const keys = path.split('.')\n  let current = obj\n\n  for (let i = 0; i < keys.length - 1; i++) {\n    const key = keys[i]\n    if (!current[key] || typeof current[key] !== 'object') {\n      current[key] = {}\n    }\n    current = current[key]\n  }\n\n  current[keys[keys.length - 1]] = value\n}\n\nexport function createDataPropsDecorator(topLevelProps: string[] = []): Decorator {\n  // \u9ED8\u8BA4\u4FDD\u6301\u5728\u9876\u5C42\u7684\u5B57\u6BB5\n  const defaultTopLevelProps = ['className', 'classNames', 'style', 'ref', 'key', 'children']\n\n  const allTopLevelProps = [...defaultTopLevelProps, ...topLevelProps]\n\n  const DataPropsDecorator: Decorator = (Story, context) => {\n    const { args } = context\n\n    // \u5206\u79BB\u9876\u5C42 props \u548C data props\n    const topProps: Record<string, any> = {}\n    const dataProps: Record<string, any> = {}\n\n    Object.keys(args).forEach(key => {\n      // \u5904\u7406\u5D4C\u5957\u7684 'data.xxx' \u683C\u5F0F\uFF08\u53EF\u80FD\u662F\u591A\u5C42\u5D4C\u5957\uFF0C\u5982 data.primaryButton.text\uFF09\n      if (key.startsWith('data.')) {\n        const nestedPath = key.substring(5) // \u79FB\u9664 'data.' \u524D\u7F00\n        setNestedValue(dataProps, nestedPath, args[key])\n      }\n      // \u4E8B\u4EF6\u5904\u7406\u5668\uFF08on* \u5F00\u5934\uFF09\u4FDD\u6301\u5728\u9876\u5C42\n      else if (key.startsWith('on') && typeof args[key] === 'function') {\n        topProps[key] = args[key]\n      }\n      // \u660E\u786E\u6307\u5B9A\u7684\u9876\u5C42\u5B57\u6BB5\n      else if (allTopLevelProps.includes(key)) {\n        topProps[key] = args[key]\n      }\n      // \u5982\u679C\u5DF2\u7ECF\u6709\u5B8C\u6574\u7684 data \u5BF9\u8C61\uFF08\u6765\u81EA Story args\uFF09\uFF0C\u4FDD\u7559\u5B83\n      else if (key === 'data' && typeof args[key] === 'object') {\n        // \u7A0D\u540E\u5904\u7406\n      }\n      // \u5176\u4ED6\u5B57\u6BB5\u4E5F\u653E\u5165\u9876\u5C42\uFF08\u5982\u81EA\u5B9A\u4E49\u4E8B\u4EF6\uFF09\n      else {\n        topProps[key] = args[key]\n      }\n    })\n\n    // \u6DF1\u5EA6\u5408\u5E76 data \u5BF9\u8C61\n    // \u4F7F\u7528\u9012\u5F52\u5408\u5E76\u786E\u4FDD\u5D4C\u5957\u5BF9\u8C61\u6B63\u786E\u5408\u5E76\n    function deepMerge(target: any, source: any): any {\n      const output = { ...target }\n      if (isObject(target) && isObject(source)) {\n        Object.keys(source).forEach(key => {\n          if (isObject(source[key])) {\n            if (!(key in target)) {\n              output[key] = source[key]\n            } else {\n              output[key] = deepMerge(target[key], source[key])\n            }\n          } else {\n            output[key] = source[key]\n          }\n        })\n      }\n      return output\n    }\n\n    function isObject(item: any): boolean {\n      return item && typeof item === 'object' && !Array.isArray(item)\n    }\n\n    // \u5408\u5E76 data: \u4F18\u5148\u4F7F\u7528\u4ECE 'data.xxx' \u89E3\u6790\u7684\u503C\uFF0C\u7136\u540E\u662F\u539F\u59CB data \u5BF9\u8C61\n    const finalData = deepMerge(args.data || {}, dataProps)\n\n    // \u5173\u952E\uFF1A\u6BCF\u6B21\u90FD\u521B\u5EFA\u65B0\u7684 data \u5BF9\u8C61\uFF0C\u786E\u4FDD React \u68C0\u6D4B\u5230\u53D8\u5316\n    return <Story args={{ ...topProps, data: { ...finalData } }} />\n  }\n\n  // \u8BBE\u7F6E displayName \u4EE5\u6EE1\u8DB3 ESLint react/display-name \u89C4\u5219\n  ;(DataPropsDecorator as any).displayName = 'DataPropsDecorator'\n  return DataPropsDecorator\n}\n\n/**\n * \u9884\u8BBE\u7684 Decorator \u914D\u7F6E\n */\nexport const commonDataPropsDecorator = createDataPropsDecorator()\n\n/**\n * \u5E26\u81EA\u5B9A\u4E49\u9876\u5C42\u5B57\u6BB5\u7684 Decorator \u751F\u6210\u5668\n *\n * @example\n * ```tsx\n * // \u5C06 visible, loading \u4E5F\u4FDD\u6301\u5728\u9876\u5C42\n * decorators: [createDataPropsDecorator(['visible', 'loading'])]\n * ```\n */\nexport { createDataPropsDecorator as default }\n"],
+  "mappings": "AAgHW,cAAAA,MAAA,oBAhHX,MAAkB,QAgClB,SAASC,EAAeC,EAA0BC,EAAcC,EAAkB,CAChF,MAAMC,EAAOF,EAAK,MAAM,GAAG,EAC3B,IAAIG,EAAUJ,EAEd,QAASK,EAAI,EAAGA,EAAIF,EAAK,OAAS,EAAGE,IAAK,CACxC,MAAMC,EAAMH,EAAKE,CAAC,GACd,CAACD,EAAQE,CAAG,GAAK,OAAOF,EAAQE,CAAG,GAAM,YAC3CF,EAAQE,CAAG,EAAI,CAAC,GAElBF,EAAUA,EAAQE,CAAG,CACvB,CAEAF,EAAQD,EAAKA,EAAK,OAAS,CAAC,CAAC,EAAID,CACnC,CAEO,SAASK,EAAyBC,EAA0B,CAAC,EAAc,CAIhF,MAAMC,EAAmB,CAAC,GAFG,CAAC,YAAa,aAAc,QAAS,MAAO,MAAO,UAAU,EAEvC,GAAGD,CAAa,EAE7DE,EAAgC,CAACC,EAAOC,IAAY,CACxD,KAAM,CAAE,KAAAC,CAAK,EAAID,EAGXE,EAAgC,CAAC,EACjCC,EAAiC,CAAC,EAExC,OAAO,KAAKF,CAAI,EAAE,QAAQP,GAAO,CAE/B,GAAIA,EAAI,WAAW,OAAO,EAAG,CAC3B,MAAMU,EAAaV,EAAI,UAAU,CAAC,EAClCP,EAAegB,EAAWC,EAAYH,EAAKP,CAAG,CAAC,CACjD,MAESA,EAAI,WAAW,IAAI,GAAK,OAAOO,EAAKP,CAAG,GAAM,YAI7CG,EAAiB,SAASH,CAAG,EAHpCQ,EAASR,CAAG,EAAIO,EAAKP,CAAG,EAOjBA,IAAQ,QAAU,OAAOO,EAAKP,CAAG,GAAM,WAK9CQ,EAASR,CAAG,EAAIO,EAAKP,CAAG,EAE5B,CAAC,EAID,SAASW,EAAUC,EAAaC,EAAkB,CAChD,MAAMC,EAAS,CAAE,GAAGF,CAAO,EAC3B,OAAIG,EAASH,CAAM,GAAKG,EAASF,CAAM,GACrC,OAAO,KAAKA,CAAM,EAAE,QAAQb,GAAO,CAC7Be,EAASF,EAAOb,CAAG,CAAC,GAChBA,KAAOY,EAGXE,EAAOd,CAAG,EAAIW,EAAUC,EAAOZ,CAAG,EAAGa,EAAOb,CAAG,CAAC,EAGlDc,EAAOd,CAAG,EAAIa,EAAOb,CAAG,CAE5B,CAAC,EAEIc,CACT,CAEA,SAASC,EAASC,EAAoB,CACpC,OAAOA,GAAQ,OAAOA,GAAS,UAAY,CAAC,MAAM,QAAQA,CAAI,CAChE,CAGA,MAAMC,EAAYN,EAAUJ,EAAK,MAAQ,CAAC,EAAGE,CAAS,EAGtD,OAAOjB,EAACa,EAAA,CAAM,KAAM,CAAE,GAAGG,EAAU,KAAM,CAAE,GAAGS,CAAU,CAAE,EAAG,CAC/D,EAGC,OAACb,EAA2B,YAAc,qBACpCA,CACT,CAKO,MAAMc,EAA2BjB,EAAyB",
+  "names": ["jsx", "setNestedValue", "obj", "path", "value", "keys", "current", "i", "key", "createDataPropsDecorator", "topLevelProps", "allTopLevelProps", "DataPropsDecorator", "Story", "context", "args", "topProps", "dataProps", "nestedPath", "deepMerge", "target", "source", "output", "isObject", "item", "finalData", "commonDataPropsDecorator"]
+}

package/dist/tokens/anker.css

@@ -3,6 +3,7 @@
 
   --btn-radius: 0;
   --box-radius: 0;
+  --box-radius-small: 0;
   --card-radius: 0;
   --radius: 0em;
 

package/dist/tokens/base.css

@@ -59,6 +59,7 @@
   --tabs-list-bg-color: var(--container-primary-color);
 
   --box-radius: 12px;
+  --box-radius-small: 8px;
   --card-radius: 12px;
   --tabs-radius: 0px;
 }

package/dist/tokens/eufy.css

@@ -5,6 +5,7 @@
 
   --btn-radius: 24px;
   --box-radius: 16px;
+  --box-radius-small: 8px;
 
   --radius: 40px;
   --brand-color-0: #005d8e; 

package/dist/tokens/eufyMake.css

@@ -5,6 +5,7 @@
   --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
   --btn-radius: 24px;
   --box-radius: 16px;
+  --box-radius-small: 8px;
   --radius: 0em;
 
   --brand-color-0: #3adb67;

package/dist/tokens/solix.css

@@ -4,6 +4,7 @@
 
   --btn-radius: -0px;
   --box-radius: 0;
+  --box-radius-small: 0;
   --card-radius: 0;
   --radius: 0em;
 

package/dist/tokens/soundcore.css

@@ -9,6 +9,7 @@
 
   --btn-radius: 24px;
   --box-radius: 16px;
+  --box-radius-small: 8px;
   --tabs-radius: 28px;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.1.55",
+  "version": "1.1.57",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -160,6 +160,10 @@
     "test": "jest",
     "test:snapshots:update": "jest -u",
     "test:coverage": "jest --coverage && jest-coverage-badges output \"./badges\"",
-    "clean": "rm -rf .turbo nodqe_modules dist style.css"
+    "clean": "rm -rf .turbo nodqe_modules dist style.css",
+    "update-categories": "tsx scripts/update-story-categories.ts",
+    "update-categories:preview": "tsx scripts/update-story-categories.ts --dry-run",
+    "migrate-pages": "tsx scripts/migrate-portal-pages.ts",
+    "migrate-pages:preview": "tsx scripts/migrate-portal-pages.ts --dry-run"
   }
 }

package/style.css

@@ -853,6 +853,10 @@ video {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.translate-y-\[2px\] {
+  --tw-translate-y: 2px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .rotate-90 {
   --tw-rotate: 90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -994,6 +998,9 @@ video {
 .rounded-box {
   border-radius: var(--box-radius);
 }
+.rounded-box-small {
+  border-radius: var(--box-radius-small);
+}
 .rounded-btn {
   border-radius: var(--btn-radius);
 }
@@ -1751,6 +1758,9 @@ video {
 .disabled\:opacity-50:disabled {
   opacity: 0.5;
 }
+.disabled\:outline-btn-secondary-disabled-border:disabled {
+  outline-color: var(--info-quaternary-color);
+}
 .group:hover .group-hover\:border-lines-1 {
   border-color: var(--line-color-1);
 }
@@ -1837,6 +1847,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.data-\[state\=checked\]\:bg-brand-0[data-state="checked"] {
+  background-color: var(--brand-color-0);
+}
 .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
   background-color: var(--brand-color-0);
 }
@@ -1850,6 +1863,10 @@ video {
 .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
   color: var(--info-white-color);
 }
+.data-\[state\=checked\]\:text-white[data-state="checked"] {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
 .data-\[disabled\]\:opacity-50[data-disabled] {
   opacity: 0.5;
 }
@@ -1932,9 +1949,9 @@ video {
   .desktop\:hidden {
     display: none;
   }
-  .desktop\:size-14 {
-    width: 3.5rem;
-    height: 3.5rem;
+  .desktop\:size-12 {
+    width: 3rem;
+    height: 3rem;
   }
   .desktop\:p-1 {
     padding: 0.25rem;

package/tailwind.config.js

@@ -154,6 +154,7 @@ module.exports = {
       borderRadius: {
         btn: 'var(--btn-radius)',
         box: 'var(--box-radius)',
+        'box-small': 'var(--box-radius-small)',
         card: 'var(--card-radius)',
         tabs: 'var(--tabs-radius)',
       },