@anker-in/headless-ui 1.3.37 → 1.3.39-alpha.1784616869310

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 { 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 './grid.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 { default as Countdown, type CountdownProps } from './Countdown.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'\nexport { default as Board } from './board.js'\nexport { default as LoadingDots } from './loadingDots.js'\nexport { ExposureDetector, type ExposureDetectorProps } from './ExposureDetector.js'\nexport { default as BrandStrip } from './brand-strip.js'\nexport { default as Progress, type ProgressProps, type ProgressClassNames } from './progress.js'\nexport { default as OtpInput, type OtpInputProps } from './otp-input.js'\n\n// \u516C\uAC1C\u5BFC\u51FA button \u5185\u90E8\u5DE5\u5177\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u4F7F\u7528\uFF09\nexport { sizeMap } from './button.js'\nexport type { ButtonProps } from './button.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,OAAoB,WAAXzD,OAAiD,iBAC1D,OAEE,YAAA0D,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,aACjC,OAAoB,WAAXA,OAAwB,aACjC,OAAoB,WAAXA,OAA8B,mBACvC,OAAS,oBAAAsE,OAAoD,wBAC7D,OAAoB,WAAXtE,OAA6B,mBACtC,OAAoB,WAAXA,OAAwE,gBACjF,OAAoB,WAAXA,OAA+C,iBAGxD,OAAS,WAAAuE,OAAe",
-  "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", "ExposureDetector", "sizeMap"]
+  "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 './grid.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 { default as Countdown, type CountdownProps } from './Countdown.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'\nexport { default as Board } from './board.js'\nexport { default as LoadingDots } from './loadingDots.js'\nexport { ExposureDetector, type ExposureDetectorProps } from './ExposureDetector.js'\nexport { default as BrandStrip } from './brand-strip.js'\nexport { default as Progress, type ProgressProps, type ProgressClassNames } from './progress.js'\nexport { Toast, useToast, type ToastProps, type UseToastOptions } from './toast.js'\nexport { default as Breadcrumb, type BreadcrumbProps, type BreadcrumbItem } from './breadcrumb.js'\nexport { default as OtpInput, type OtpInputProps } from './otp-input.js'\n\n// \u516C\uAC1C\u5BFC\u51FA button \u5185\u90E8\u5DE5\u5177\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u4F7F\u7528\uFF09\nexport { sizeMap } from './button.js'\nexport type { ButtonProps } from './button.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,OAAoB,WAAXzD,OAAiD,iBAC1D,OAEE,YAAA0D,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,aACjC,OAAoB,WAAXA,OAAwB,aACjC,OAAoB,WAAXA,OAA8B,mBACvC,OAAS,oBAAAsE,OAAoD,wBAC7D,OAAoB,WAAXtE,OAA6B,mBACtC,OAAoB,WAAXA,OAAwE,gBACjF,OAAS,SAAAuE,GAAO,YAAAC,OAAuD,aACvE,OAAoB,WAAXxE,OAAwE,kBACjF,OAAoB,WAAXA,OAA+C,iBAGxD,OAAS,WAAAyE,OAAe",
+  "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", "ExposureDetector", "Toast", "useToast", "sizeMap"]
 }

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

@@ -12,6 +12,17 @@ type InputNumberProps = {
     asChild?: boolean;
     /** 类名*/
     className?: string;
+    /** 自定义各部分的 className */
+    classNames?: {
+        /** 根元素 */
+        root?: string;
+        /** 输入框Wrapper */
+        inputWrapper?: string;
+        /** 输入框 */
+        input?: string;
+        /** 加减按钮 */
+        button?: string;
+    };
     /** 输入框下方提示文本，会根据不同的 status 呈现不同的样式*/
     tips?: string;
     /** 文本框状态*/
@@ -49,6 +60,17 @@ declare const InputNumber: React.ForwardRefExoticComponent<{
     asChild?: boolean;
     /** 类名*/
     className?: string;
+    /** 自定义各部分的 className */
+    classNames?: {
+        /** 根元素 */
+        root?: string;
+        /** 输入框Wrapper */
+        inputWrapper?: string;
+        /** 输入框 */
+        input?: string;
+        /** 加减按钮 */
+        button?: string;
+    };
     /** 输入框下方提示文本，会根据不同的 status 呈现不同的样式*/
     tips?: string;
     /** 文本框状态*/

package/dist/esm/components/input-number.js

@@ -1,2 +1,2 @@
-"use client";import{Fragment as O,jsx as o,jsxs as x}from"react/jsx-runtime";import{cn as c}from"../helpers/index.js";import{Slot as q}from"@radix-ui/react-slot";import{PlusIcon as z,MinusIcon as B}from"@radix-ui/react-icons";import{useState as D,useEffect as H,forwardRef as L}from"react";import{cva as W}from"class-variance-authority";const j=W("size-full border bg-transparent text-center text-base outline-none",{variants:{status:{default:"border-lines-1 group-hover:border-lines-2",success:"border-lines-3 group-hover:border-lines-3",warning:"border-lines-4 group-hover:border-lines-4",error:"border-lines-5 group-hover:border-lines-5"},disabled:{true:"border-lines-1 group-hover:border-lines-1 text-info-quaternary cursor-not-allowed"}}}),h=L(({value:b,defaultValue:w=0,step:p=1,min:n=0,max:u,tips:d,style:v,children:E,asChild:m=!1,disabled:r=!1,readonly:s=!1,status:N="default",className:I,onChange:f,onBlur:g,onEnter:C},V)=>{const[l,a]=D(w),P=m?q:"div",y=c("border-lines-1 flex size-12 items-center justify-center border text-base",{"group-hover:border-lines-2":!r,"text-info-quaternary cursor-not-allowed":r}),R=(e,t)=>t?"text-lines-1":{default:"text-lines-1",success:"text-lines-3",warning:"text-lines-4",error:"text-lines-5"}[e||"default"],M=e=>e===""||/^[0-9]+$/.test(e),T=e=>{if(r||s)return;const t=e.target.value;if(M(t)&&(a(t),t!=="")){let i=Number(t);u!==void 0&&i>u&&(i=u),n!==void 0&&i<n&&(i=n),f?.(i)}},K=e=>{if(!(r||s))if(l===""||isNaN(Number(l))){const t=n!==void 0?n:0;a(t),g?.(t,e)}else{const t=Number(l);a(t),g?.(t,e)}},S=()=>{if(r||s)return;let e=Number(l)+(p?Math.ceil(Number(p)):1);u!==void 0&&e>u&&(e=u),a(e),f?.(e)},k=()=>{if(r||s)return;let e=Number(l)-(p?Math.ceil(Number(p)):1);n!==void 0&&e<n&&(e=n),a(e),f?.(e)},F=e=>{if(!(r||s)&&e.key==="Enter"){const t=e.target?.value;C?.(t,e)}};return H(()=>{a(b||0)},[b]),o(P,{ref:V,...v?{style:v}:null,className:c({"group flex items-center":!m},I),children:m?E:x(O,{children:[o("button",{onClick:S,className:y,children:o(z,{})}),x("div",{className:"relative mx-1.5 h-[52px] w-[105px]",children:[o("input",{type:"text",value:l,disabled:r,readOnly:s,onBlur:K,onKeyDown:F,onChange:T,className:c(j({status:N,disabled:r}))}),d?o("span",{className:c(R(N,r),"absolute -bottom-4 left-0 w-full truncate text-xs"),children:d}):null]}),o("button",{onClick:k,className:y,children:o(B,{})})]})})});h.displayName="InputNumber";var X=h;export{X as default};
+"use client";import{Fragment as G,jsx as l,jsxs as I}from"react/jsx-runtime";import{cn as s}from"../helpers/index.js";import{Slot as A}from"@radix-ui/react-slot";import{PlusIcon as B,MinusIcon as D}from"@radix-ui/react-icons";import{useState as H,useEffect as L,forwardRef as j}from"react";import{cva as O}from"class-variance-authority";const $=O("size-full border bg-transparent text-center text-base outline-none",{variants:{status:{default:"border-lines-1 group-hover:border-lines-2",success:"border-lines-3 group-hover:border-lines-3",warning:"border-lines-4 group-hover:border-lines-4",error:"border-lines-5 group-hover:border-lines-5"},disabled:{true:"border-lines-1 group-hover:border-lines-1 text-info-quaternary cursor-not-allowed"}}}),E=j(({value:N,defaultValue:C=0,step:c=1,min:n=0,max:o,tips:g,style:y,children:V,asChild:b=!1,disabled:t=!1,readonly:i=!1,status:h="default",className:P,classNames:f,onChange:m,onBlur:w,onEnter:M},R)=>{const[u,a]=H(C),T=b?A:"div",x=s("border-lines-1 flex size-12 items-center justify-center border text-base",{"group-hover:border-lines-2":!t,"text-info-quaternary cursor-not-allowed":t},f?.button),K=(e,r)=>r?"text-lines-1":{default:"text-lines-1",success:"text-lines-3",warning:"text-lines-4",error:"text-lines-5"}[e||"default"],S=e=>e===""||/^[0-9]+$/.test(e),W=e=>{if(t||i)return;const r=e.target.value;if(S(r)&&(a(r),r!=="")){let p=Number(r);o!==void 0&&p>o&&(p=o),n!==void 0&&p<n&&(p=n),m?.(p)}},k=e=>{if(!(t||i))if(u===""||isNaN(Number(u))){const r=n!==void 0?n:0;a(r),w?.(r,e)}else{const r=Number(u);a(r),w?.(r,e)}},d=o!==void 0&&Number(u)>=o,v=n!==void 0&&Number(u)<=n,F=()=>{if(t||i||d)return;let e=Number(u)+(c?Math.ceil(Number(c)):1);o!==void 0&&e>o&&(e=o),a(e),m?.(e)},q=()=>{if(t||i||v)return;let e=Number(u)-(c?Math.ceil(Number(c)):1);n!==void 0&&e<n&&(e=n),a(e),m?.(e)},z=e=>{if(!(t||i)&&e.key==="Enter"){const r=e.target?.value;M?.(r,e)}};return L(()=>{a(N||0)},[N]),l(T,{ref:R,...y?{style:y}:null,className:s({"group flex items-center":!b},f?.root,P),children:b?V:I(G,{children:[l("button",{onClick:q,disabled:t||v,className:s(x,{"cursor-not-allowed text-lines-1":t||v}),children:l(D,{})}),I("div",{className:s("relative mx-1.5 h-[52px] w-[105px]",f?.inputWrapper),children:[l("input",{type:"text",value:u,disabled:t,readOnly:i,onBlur:k,onKeyDown:z,onChange:W,className:s($({status:h,disabled:t}),f?.input)}),g?l("span",{className:s(K(h,t),"absolute -bottom-4 left-0 w-full truncate text-xs"),children:g}):null]}),l("button",{onClick:F,disabled:t||d,className:s(x,{"cursor-not-allowed text-lines-1":t||d}),children:l(B,{})})]})})});E.displayName="InputNumber";var _=E;export{_ as default};
 //# sourceMappingURL=input-number.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/input-number.tsx"],
-  "sourcesContent": ["'use client'\nimport { cn } from '../helpers/index.js'\nimport { Slot } from '@radix-ui/react-slot'\nimport { PlusIcon, MinusIcon } from '@radix-ui/react-icons'\nimport React, { useState, useEffect, forwardRef } from 'react'\nimport type { ChangeEvent, KeyboardEvent, FocusEvent } from 'react'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\n\n// \u5B9A\u4E49 InputNumber \u7684\u6837\u5F0F\u53D8\u4F53\nconst InputNumberVariants = cva('size-full border bg-transparent text-center text-base outline-none', {\n  variants: {\n    status: {\n      default: 'border-lines-1 group-hover:border-lines-2',\n      success: 'border-lines-3 group-hover:border-lines-3',\n      warning: 'border-lines-4 group-hover:border-lines-4',\n      error: 'border-lines-5 group-hover:border-lines-5',\n    },\n    disabled: {\n      true: 'border-lines-1 group-hover:border-lines-1 text-info-quaternary cursor-not-allowed',\n    },\n  },\n})\n\ntype ColorType = 'default' | 'success' | 'warning' | 'error' | null\n\n// \u5B9A\u4E49\u7EC4\u4EF6\u7C7B\u578B\uFF0C\u7EE7\u627F div \u6807\u7B7E\u6807\u51C6\u5C5E\u6027\ntype InputNumberElement = React.ElementRef<'div'>\n\ntype InputNumberProps = {\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  /** \u8F93\u5165\u6846\u4E0B\u65B9\u63D0\u793A\u6587\u672C\uFF0C\u4F1A\u6839\u636E\u4E0D\u540C\u7684 status \u5448\u73B0\u4E0D\u540C\u7684\u6837\u5F0F*/\n  tips?: string\n  /** \u6587\u672C\u6846\u72B6\u6001*/\n  status?: ColorType\n  /** \u6570\u5B57\u8F93\u5165\u6846\u7684\u503C */\n  value?: number\n  /** \u6570\u5B57\u8F93\u5165\u6846\u7684\u521D\u59CB\u503C */\n  defaultValue?: number\n  /** \u6570\u503C\u6539\u53D8\u6B65\u6570 */\n  step?: number\n  /** \u6700\u5C0F\u503C */\n  min?: number\n  /** \u6700\u5927\u503C */\n  max?: number\n  /** \u662F\u5426\u7981\u7528*/\n  disabled?: boolean\n  /** \u662F\u5426\u53EA\u8BFB*/\n  readonly?: boolean\n  /** \u6837\u5F0F*/\n  style?: React.CSSProperties\n  /** \u503C\u53D8\u5316\u65F6\u89E6\u53D1*/\n  onChange?: (value: number) => void\n  /** \u5931\u53BB\u7126\u70B9\u65F6\u89E6\u53D1*/\n  onBlur?: (value: number, e: FocusEvent) => void\n  /** \u6309\u4E0B\u56DE\u8F66\u952E\u65F6\u89E6\u53D1*/\n  onEnter?: (value: number, e: KeyboardEvent) => void\n} & VariantProps<typeof InputNumberVariants> &\n  ComponentPropsWithout<'div', RemovedProps>\n\n/**\n * InputNumber - \u6570\u5B57\u8F93\u5165\u6846\n *\n * @description \u4E13\u7528\u4E8E\u6570\u5B57\u8F93\u5165\u7684\u7EC4\u4EF6\uFF0C\u652F\u6301\u6B65\u8FDB\u8C03\u8282\u3001\u6700\u503C\u9650\u5236\u3001\u72B6\u6001\u63D0\u793A\u548C\u952E\u76D8\u64CD\u4F5C\n */\nconst InputNumber = forwardRef<InputNumberElement, InputNumberProps>(\n  (\n    {\n      value,\n      defaultValue = 0,\n      step = 1,\n      min = 0,\n      max,\n      tips,\n      style,\n      children,\n      asChild = false,\n      disabled = false,\n      readonly = false,\n      status = 'default',\n      className,\n      onChange,\n      onBlur,\n      onEnter,\n    },\n    ref\n  ) => {\n    const [inputValue, setInputValue] = useState<number | string>(defaultValue)\n\n    const Comp = asChild ? Slot : 'div'\n\n    const baseClassName = cn('border-lines-1 flex size-12 items-center justify-center border text-base', {\n      'group-hover:border-lines-2': !disabled,\n      'text-info-quaternary cursor-not-allowed': disabled,\n    })\n\n    const textColor = (type: ColorType, flag: boolean) => {\n      if (flag) return 'text-lines-1'\n      return {\n        default: 'text-lines-1',\n        success: 'text-lines-3',\n        warning: 'text-lines-4',\n        error: 'text-lines-5',\n      }[type || 'default']\n    }\n\n    const isValue = (params: string) => {\n      return params === '' || /^[0-9]+$/.test(params)\n    }\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n      if (disabled || readonly) return\n      const value = e.target.value\n      // \u5141\u8BB8\u7A7A\u5B57\u7B26\u4E32\uFF0C\u6216\u4EC5\u5305\u542B\u6574\u6570\u7684\u5B57\u7B26\u4E32\n      if (isValue(value)) {\n        setInputValue(value)\n        if (value !== '') {\n          let newValue = Number(value)\n          if (max !== undefined && newValue > max) {\n            newValue = max\n          }\n          if (min !== undefined && newValue < min) {\n            newValue = min\n          }\n          onChange?.(newValue)\n        }\n      }\n    }\n\n    const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n      if (disabled || readonly) return\n      if (inputValue === '' || isNaN(Number(inputValue))) {\n        const newValue = min !== undefined ? min : 0\n        setInputValue(newValue)\n        onBlur?.(newValue, e)\n      } else {\n        const newValue = Number(inputValue)\n        setInputValue(newValue)\n        onBlur?.(newValue, e)\n      }\n    }\n\n    const increment = () => {\n      if (disabled || readonly) return\n      let newValue = Number(inputValue) + (step ? Math.ceil(Number(step)) : 1)\n      if (max !== undefined && newValue > max) {\n        newValue = max\n      }\n      setInputValue(newValue)\n      onChange?.(newValue)\n    }\n\n    const decrement = () => {\n      if (disabled || readonly) return\n      let newValue = Number(inputValue) - (step ? Math.ceil(Number(step)) : 1)\n      if (min !== undefined && newValue < min) {\n        newValue = min\n      }\n      setInputValue(newValue)\n      onChange?.(newValue)\n    }\n\n    const handleKeyDown = (e: any) => {\n      if (disabled || readonly) return\n      if (e.key === 'Enter') {\n        const initalValue = e.target?.value\n        onEnter?.(initalValue, e)\n      }\n    }\n\n    useEffect(() => {\n      setInputValue(value || 0)\n    }, [value])\n\n    return (\n      <Comp\n        ref={ref}\n        {...(style ? { style: style } : null)}\n        className={cn({ 'group flex items-center': !asChild }, className)}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            <button onClick={increment} className={baseClassName}>\n              <PlusIcon />\n            </button>\n            <div className=\"relative mx-1.5 h-[52px] w-[105px]\">\n              <input\n                type=\"text\"\n                value={inputValue}\n                disabled={disabled}\n                readOnly={readonly}\n                onBlur={handleBlur}\n                onKeyDown={handleKeyDown}\n                onChange={handleInputChange}\n                className={cn(InputNumberVariants({ status, disabled }))}\n              />\n              {tips ? (\n                <span className={cn(textColor(status, disabled), 'absolute -bottom-4 left-0 w-full truncate text-xs')}>\n                  {tips}\n                </span>\n              ) : null}\n            </div>\n            <button onClick={decrement} className={baseClassName}>\n              <MinusIcon />\n            </button>\n          </>\n        )}\n      </Comp>\n    )\n  }\n)\n\nInputNumber.displayName = 'InputNumber'\n\nexport default InputNumber\nexport type { InputNumberProps }\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "cn", "Slot", "PlusIcon", "MinusIcon", "useState", "useEffect", "forwardRef", "cva", "InputNumberVariants", "InputNumber", "value", "defaultValue", "step", "min", "max", "tips", "style", "children", "asChild", "disabled", "readonly", "status", "className", "onChange", "onBlur", "onEnter", "ref", "inputValue", "setInputValue", "Comp", "baseClassName", "textColor", "type", "flag", "isValue", "params", "handleInputChange", "newValue", "handleBlur", "increment", "decrement", "handleKeyDown", "initalValue", "input_number_default"]
+  "sourcesContent": ["'use client'\nimport { cn } from '../helpers/index.js'\nimport { Slot } from '@radix-ui/react-slot'\nimport { PlusIcon, MinusIcon } from '@radix-ui/react-icons'\nimport React, { useState, useEffect, forwardRef } from 'react'\nimport type { ChangeEvent, KeyboardEvent, FocusEvent } from 'react'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js'\n\n// \u5B9A\u4E49 InputNumber \u7684\u6837\u5F0F\u53D8\u4F53\nconst InputNumberVariants = cva('size-full border bg-transparent text-center text-base outline-none', {\n  variants: {\n    status: {\n      default: 'border-lines-1 group-hover:border-lines-2',\n      success: 'border-lines-3 group-hover:border-lines-3',\n      warning: 'border-lines-4 group-hover:border-lines-4',\n      error: 'border-lines-5 group-hover:border-lines-5',\n    },\n    disabled: {\n      true: 'border-lines-1 group-hover:border-lines-1 text-info-quaternary cursor-not-allowed',\n    },\n  },\n})\n\ntype ColorType = 'default' | 'success' | 'warning' | 'error' | null\n\n// \u5B9A\u4E49\u7EC4\u4EF6\u7C7B\u578B\uFF0C\u7EE7\u627F div \u6807\u7B7E\u6807\u51C6\u5C5E\u6027\ntype InputNumberElement = React.ElementRef<'div'>\n\ntype InputNumberProps = {\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  /** \u81EA\u5B9A\u4E49\u5404\u90E8\u5206\u7684 className */\n  classNames?: {\n    /** \u6839\u5143\u7D20 */\n    root?: string\n    /** \u8F93\u5165\u6846Wrapper */\n    inputWrapper?: string\n    /** \u8F93\u5165\u6846 */\n    input?: string\n    /** \u52A0\u51CF\u6309\u94AE */\n    button?: string\n  }\n  /** \u8F93\u5165\u6846\u4E0B\u65B9\u63D0\u793A\u6587\u672C\uFF0C\u4F1A\u6839\u636E\u4E0D\u540C\u7684 status \u5448\u73B0\u4E0D\u540C\u7684\u6837\u5F0F*/\n  tips?: string\n  /** \u6587\u672C\u6846\u72B6\u6001*/\n  status?: ColorType\n  /** \u6570\u5B57\u8F93\u5165\u6846\u7684\u503C */\n  value?: number\n  /** \u6570\u5B57\u8F93\u5165\u6846\u7684\u521D\u59CB\u503C */\n  defaultValue?: number\n  /** \u6570\u503C\u6539\u53D8\u6B65\u6570 */\n  step?: number\n  /** \u6700\u5C0F\u503C */\n  min?: number\n  /** \u6700\u5927\u503C */\n  max?: number\n  /** \u662F\u5426\u7981\u7528*/\n  disabled?: boolean\n  /** \u662F\u5426\u53EA\u8BFB*/\n  readonly?: boolean\n  /** \u6837\u5F0F*/\n  style?: React.CSSProperties\n  /** \u503C\u53D8\u5316\u65F6\u89E6\u53D1*/\n  onChange?: (value: number) => void\n  /** \u5931\u53BB\u7126\u70B9\u65F6\u89E6\u53D1*/\n  onBlur?: (value: number, e: FocusEvent) => void\n  /** \u6309\u4E0B\u56DE\u8F66\u952E\u65F6\u89E6\u53D1*/\n  onEnter?: (value: number, e: KeyboardEvent) => void\n} & VariantProps<typeof InputNumberVariants> &\n  ComponentPropsWithout<'div', RemovedProps>\n\n/**\n * InputNumber - \u6570\u5B57\u8F93\u5165\u6846\n *\n * @description \u4E13\u7528\u4E8E\u6570\u5B57\u8F93\u5165\u7684\u7EC4\u4EF6\uFF0C\u652F\u6301\u6B65\u8FDB\u8C03\u8282\u3001\u6700\u503C\u9650\u5236\u3001\u72B6\u6001\u63D0\u793A\u548C\u952E\u76D8\u64CD\u4F5C\n */\nconst InputNumber = forwardRef<InputNumberElement, InputNumberProps>(\n  (\n    {\n      value,\n      defaultValue = 0,\n      step = 1,\n      min = 0,\n      max,\n      tips,\n      style,\n      children,\n      asChild = false,\n      disabled = false,\n      readonly = false,\n      status = 'default',\n      className,\n      classNames,\n      onChange,\n      onBlur,\n      onEnter,\n    },\n    ref\n  ) => {\n    const [inputValue, setInputValue] = useState<number | string>(defaultValue)\n\n    const Comp = asChild ? Slot : 'div'\n\n    const baseClassName = cn(\n      'border-lines-1 flex size-12 items-center justify-center border text-base',\n      {\n        'group-hover:border-lines-2': !disabled,\n        'text-info-quaternary cursor-not-allowed': disabled,\n      },\n      classNames?.button\n    )\n\n    const textColor = (type: ColorType, flag: boolean) => {\n      if (flag) return 'text-lines-1'\n      return {\n        default: 'text-lines-1',\n        success: 'text-lines-3',\n        warning: 'text-lines-4',\n        error: 'text-lines-5',\n      }[type || 'default']\n    }\n\n    const isValue = (params: string) => {\n      return params === '' || /^[0-9]+$/.test(params)\n    }\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n      if (disabled || readonly) return\n      const value = e.target.value\n      // \u5141\u8BB8\u7A7A\u5B57\u7B26\u4E32\uFF0C\u6216\u4EC5\u5305\u542B\u6574\u6570\u7684\u5B57\u7B26\u4E32\n      if (isValue(value)) {\n        setInputValue(value)\n        if (value !== '') {\n          let newValue = Number(value)\n          if (max !== undefined && newValue > max) {\n            newValue = max\n          }\n          if (min !== undefined && newValue < min) {\n            newValue = min\n          }\n          onChange?.(newValue)\n        }\n      }\n    }\n\n    const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n      if (disabled || readonly) return\n      if (inputValue === '' || isNaN(Number(inputValue))) {\n        const newValue = min !== undefined ? min : 0\n        setInputValue(newValue)\n        onBlur?.(newValue, e)\n      } else {\n        const newValue = Number(inputValue)\n        setInputValue(newValue)\n        onBlur?.(newValue, e)\n      }\n    }\n\n    const isAtMax = max !== undefined && Number(inputValue) >= max\n    const isAtMin = min !== undefined && Number(inputValue) <= min\n\n    const increment = () => {\n      if (disabled || readonly || isAtMax) return\n      let newValue = Number(inputValue) + (step ? Math.ceil(Number(step)) : 1)\n      if (max !== undefined && newValue > max) {\n        newValue = max\n      }\n      setInputValue(newValue)\n      onChange?.(newValue)\n    }\n\n    const decrement = () => {\n      if (disabled || readonly || isAtMin) return\n      let newValue = Number(inputValue) - (step ? Math.ceil(Number(step)) : 1)\n      if (min !== undefined && newValue < min) {\n        newValue = min\n      }\n      setInputValue(newValue)\n      onChange?.(newValue)\n    }\n\n    const handleKeyDown = (e: any) => {\n      if (disabled || readonly) return\n      if (e.key === 'Enter') {\n        const initalValue = e.target?.value\n        onEnter?.(initalValue, e)\n      }\n    }\n\n    useEffect(() => {\n      setInputValue(value || 0)\n    }, [value])\n\n    return (\n      <Comp\n        ref={ref}\n        {...(style ? { style: style } : null)}\n        className={cn({ 'group flex items-center': !asChild }, classNames?.root, className)}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            <button\n              onClick={decrement}\n              disabled={disabled || isAtMin}\n              className={cn(baseClassName, {\n                'cursor-not-allowed text-lines-1': disabled || isAtMin,\n              })}\n            >\n              <MinusIcon />\n            </button>\n            <div className={cn('relative mx-1.5 h-[52px] w-[105px]', classNames?.inputWrapper)}>\n              <input\n                type=\"text\"\n                value={inputValue}\n                disabled={disabled}\n                readOnly={readonly}\n                onBlur={handleBlur}\n                onKeyDown={handleKeyDown}\n                onChange={handleInputChange}\n                className={cn(InputNumberVariants({ status, disabled }), classNames?.input)}\n              />\n              {tips ? (\n                <span className={cn(textColor(status, disabled), 'absolute -bottom-4 left-0 w-full truncate text-xs')}>\n                  {tips}\n                </span>\n              ) : null}\n            </div>\n            <button\n              onClick={increment}\n              disabled={disabled || isAtMax}\n              className={cn(baseClassName, {\n                'cursor-not-allowed text-lines-1': disabled || isAtMax,\n              })}\n            >\n              <PlusIcon />\n            </button>\n          </>\n        )}\n      </Comp>\n    )\n  }\n)\n\nInputNumber.displayName = 'InputNumber'\n\nexport default InputNumber\nexport type { InputNumberProps }\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "cn", "Slot", "PlusIcon", "MinusIcon", "useState", "useEffect", "forwardRef", "cva", "InputNumberVariants", "InputNumber", "value", "defaultValue", "step", "min", "max", "tips", "style", "children", "asChild", "disabled", "readonly", "status", "className", "classNames", "onChange", "onBlur", "onEnter", "ref", "inputValue", "setInputValue", "Comp", "baseClassName", "textColor", "type", "flag", "isValue", "params", "handleInputChange", "newValue", "handleBlur", "isAtMax", "isAtMin", "increment", "decrement", "handleKeyDown", "initalValue", "input_number_default"]
 }

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

@@ -5,6 +5,11 @@ declare const inputVariants: (props?: ({
     size?: "base" | "lg" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface InputProps extends ComponentPropsWithout<'input', 'size'>, VariantProps<typeof inputVariants> {
+    /**
+     * 应用到内部 input 元素的 className
+     * 可用于自定义 input 输入框的样式，如字体大小、颜色等
+     */
+    inputClassName?: string;
 }
 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 text-info-primary bg-background rounded-box-small flex w-full flex-row items-center overflow-hidden 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};
+"use client";import{jsx as l,jsxs as c}from"react/jsx-runtime";import*as p from"react";import{cn as s}from"../helpers/index.js";import{cva as m}from"class-variance-authority";const d=m("border-input text-info-primary bg-background rounded-box-small flex w-full flex-row items-center overflow-hidden border focus-visible:outline-none",{variants:{size:{sm:"h-8 text-sm",base:"h-10",lg:"h-12 text-lg"}},defaultVariants:{size:"base"}}),u=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})}),f=p.forwardRef(({className:t,type:o,size:r,children:e,inputClassName:n,...i},a)=>p.isValidElement(e)?c("div",{className:s(d({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",n),ref:a,...i}),e]}):l("input",{type:o,className:s(d({size:r}),"px-3",n,t),ref:a,...i}));f.displayName="Input",u.displayName="InputSlot";export{f as Input,u 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 text-info-primary bg-background rounded-box-small flex w-full flex-row items-center overflow-hidden 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\n/**\n * Input - \u8F93\u5165\u6846\n *\n * @description \u6587\u672C\u8F93\u5165\u7EC4\u4EF6\uFF0C\u652F\u6301\u5404\u79CD\u8F93\u5165\u7C7B\u578B\u3001\u4E0D\u540C\u5C3A\u5BF8\u548C\u63D2\u69FD\u529F\u80FD\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,EAwBE,QAAAC,MAxBF,oBAxCJ,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,sBAEnB,OAAS,OAAAC,MAA8B,2BAEvC,MAAMC,EAAgBD,EACpB,qJACA,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,EAOKE,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"]
+  "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 text-info-primary bg-background rounded-box-small flex w-full flex-row items-center overflow-hidden 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  /**\n   * \u5E94\u7528\u5230\u5185\u90E8 input \u5143\u7D20\u7684 className\n   * \u53EF\u7528\u4E8E\u81EA\u5B9A\u4E49 input \u8F93\u5165\u6846\u7684\u6837\u5F0F\uFF0C\u5982\u5B57\u4F53\u5927\u5C0F\u3001\u989C\u8272\u7B49\n   */\n  inputClassName?: string\n}\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\n/**\n * Input - \u8F93\u5165\u6846\n *\n * @description \u6587\u672C\u8F93\u5165\u7EC4\u4EF6\uFF0C\u652F\u6301\u5404\u79CD\u8F93\u5165\u7C7B\u578B\u3001\u4E0D\u540C\u5C3A\u5BF8\u548C\u63D2\u69FD\u529F\u80FD\n */\nconst Input = React.forwardRef<React.ElementRef<'input'>, InputProps>(\n  ({ className, type, size, children, inputClassName, ...props }, ref) => {\n    if (!React.isValidElement(children)) {\n      return (\n        <input\n          type={type}\n          className={cn(inputVariants({ size }), 'px-3', inputClassName, className)}\n          ref={ref}\n          {...props}\n        />\n      )\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            inputClassName\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": "aAgDI,cAAAA,EA+BE,QAAAC,MA/BF,oBA9CJ,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,sBAEnB,OAAS,OAAAC,MAA8B,2BAEvC,MAAMC,EAAgBD,EACpB,qJACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,cACJ,KAAM,OACN,GAAI,cACN,CACF,EACA,gBAAiB,CACf,KAAM,MACR,CACF,CACF,EAuBME,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,EAOKE,EAAQX,EAAM,WAClB,CAAC,CAAE,UAAAO,EAAW,KAAAK,EAAM,KAAAC,EAAM,SAAAJ,EAAU,eAAAK,EAAgB,GAAGT,CAAM,EAAGU,IACzDf,EAAM,eAAeS,CAAQ,EAWhCV,EAAC,OAAI,UAAWE,EAAGE,EAAc,CAAE,KAAAU,CAAK,CAAC,EAAGN,CAAS,EACnD,UAAAT,EAAC,SACC,KAAMc,EACN,UAAWX,EACT,sLACAa,CACF,EACA,IAAKC,EACJ,GAAGV,EACN,EACCI,GACH,EApBEX,EAAC,SACC,KAAMc,EACN,UAAWX,EAAGE,EAAc,CAAE,KAAAU,CAAK,CAAC,EAAG,OAAQC,EAAgBP,CAAS,EACxE,IAAKQ,EACJ,GAAGV,EACN,CAkBR,EACAM,EAAM,YAAc,QACpBP,EAAU,YAAc",
+  "names": ["jsx", "jsxs", "React", "cn", "cva", "inputVariants", "InputSlot", "props", "forwardedRef", "className", "side", "children", "slotProps", "Input", "type", "size", "inputClassName", "ref"]
 }

package/dist/esm/components/tabs.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as n}from"react/jsx-runtime";import*as o from"react";import{cn as m}from"../helpers/index.js";import*as r from"@radix-ui/react-tabs";import{cva as b}from"class-variance-authority";function g(t){return t.trim().replace(/\s+/g,"-")}const u=o.createContext({align:"left",shape:"square"}),h=o.forwardRef(({children:t,align:a="left",shape:s="default",...e},i)=>n(r.Root,{ref:i,...e,children:n(u.Provider,{value:{align:a,shape:s},children:t})}));h.displayName="Tabs";const w=b("rounded-tabs",{variants:{shape:{default:"",rounded:"rounded-[28px]",square:"rounded-none"}},defaultVariants:{shape:"default"}}),L=b("rounded-tabs",{variants:{shape:{default:"",rounded:"rounded-[28px]",square:"rounded-none"}},defaultVariants:{shape:"default"}}),T=o.forwardRef(({className:t,...a},s)=>{const{align:e,shape:i}=o.useContext(u),l=e==="center"?"flex w-full justify-center":e==="right"?"flex w-full justify-end":null,p=n(r.List,{ref:s,className:m("bg-tabs-list-bg flex w-fit max-w-full overflow-x-auto p-1",w({shape:i}),t),style:{scrollbarWidth:"none",msOverflowStyle:"none"},...a});return l?n("div",{className:l,children:p}):p});T.displayName=r.List.displayName;const v=o.forwardRef(({className:t,onClick:a,value:s,...e},i)=>{const{shape:l}=o.useContext(u),p=f=>{a?.(f);const d=f?.currentTarget,c=f?.currentTarget?.parentElement;if(d&&c){const y=d.offsetLeft,x=d.offsetWidth,P=c.offsetWidth,C=y-P/2+x/2;c.scrollTo({left:C,behavior:"smooth"})}};return n(r.Trigger,{ref:i,className:m("text-info-primary lg-desktop:text-base disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-5 pb-2.5 pt-[11px] text-sm font-bold data-[state=active]:bg-white data-[state=active]:text-[#080A0F]",t,L({shape:l})),onClick:p,value:g(s),...e})});v.displayName=r.Trigger.displayName;const R=o.forwardRef(({className:t,value:a,...s},e)=>n(r.Content,{ref:e,className:m(t),value:g(a),...s}));R.displayName=r.Content.displayName;export{h as Tabs,R as TabsContent,T as TabsList,v as TabsTrigger};
+"use client";import{jsx as p}from"react/jsx-runtime";import*as o from"react";import{cn as u}from"../helpers/index.js";import*as n from"@radix-ui/react-tabs";import{cva as g}from"class-variance-authority";function f(t){return t.trim().replace(/\s+/g,"-")}const b=o.createContext({align:"left",shape:"square"}),h=o.forwardRef(({children:t,align:s="left",shape:a="default",value:e,defaultValue:i,...r},l)=>p(n.Root,{ref:l,value:e!=null?f(String(e)):void 0,defaultValue:i!=null?f(String(i)):void 0,...r,children:p(b.Provider,{value:{align:s,shape:a},children:t})}));h.displayName="Tabs";const w=g("rounded-tabs",{variants:{shape:{default:"",rounded:"rounded-[28px]",square:"rounded-none"}},defaultVariants:{shape:"default"}}),L=g("rounded-tabs",{variants:{shape:{default:"",rounded:"rounded-[28px]",square:"rounded-none"}},defaultVariants:{shape:"default"}}),T=o.forwardRef(({className:t,...s},a)=>{const{align:e,shape:i}=o.useContext(b),r=e==="center"?"flex w-full justify-center":e==="right"?"flex w-full justify-end":null,l=p(n.List,{ref:a,className:u("bg-tabs-list-bg flex w-fit max-w-full overflow-x-auto p-1",w({shape:i}),t),style:{scrollbarWidth:"none",msOverflowStyle:"none"},...s});return r?p("div",{className:r,children:l}):l});T.displayName=n.List.displayName;const R=o.forwardRef(({className:t,onClick:s,value:a,...e},i)=>{const{shape:r}=o.useContext(b),l=d=>{s?.(d);const c=d?.currentTarget,m=d?.currentTarget?.parentElement;if(c&&m){const x=c.offsetLeft,y=c.offsetWidth,P=m.offsetWidth,C=x-P/2+y/2;m.scrollTo({left:C,behavior:"smooth"})}};return p(n.Trigger,{ref:i,className:u("text-info-primary lg-desktop:text-base disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-5 pb-2.5 pt-[11px] text-sm font-bold data-[state=active]:bg-white data-[state=active]:text-[#080A0F]",t,L({shape:r})),onClick:l,value:f(a),"data-radix-collection-item":f(a),...e})});R.displayName=n.Trigger.displayName;const v=o.forwardRef(({className:t,value:s,...a},e)=>p(n.Content,{ref:e,className:u(t),value:f(s),...a}));v.displayName=n.Content.displayName;export{h as Tabs,v as TabsContent,T as TabsList,R as TabsTrigger};
 //# sourceMappingURL=tabs.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/tabs.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva } from 'class-variance-authority'\nimport type { Align, Shape } from '../types/props.js'\n\ntype tabShape = Shape | 'default'\n\n/**\n * Sanitize a tab value so it is safe to use as part of an HTML id attribute.\n *\n * HTML ids must not contain whitespace characters. Radix UI uses the value\n * directly in generated ids (e.g. `radix-:r0:-trigger-{value}`), so an\n * unsanitized value like \"best seller\" would produce an invalid id.\n *\n * This function replaces any sequence of whitespace with a single hyphen and\n * trims leading/trailing whitespace, leaving all other characters intact.\n */\nfunction sanitizeTabValue(value: string): string {\n  return value.trim().replace(/\\s+/g, '-')\n}\n\nconst TabListContext = React.createContext<{\n  align?: Align\n  shape: tabShape\n}>({\n  align: 'left',\n  shape: 'square',\n})\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {\n    align?: Align\n    shape?: tabShape\n  }\n>(({ children, align = 'left', shape = 'default', ...props }, ref) => (\n  <TabsPrimitive.Root ref={ref} {...props}>\n    <TabListContext.Provider value={{ align, shape }}>{children}</TabListContext.Provider>\n  </TabsPrimitive.Root>\n))\nTabs.displayName = 'Tabs'\n\nconst tabsListVariants = cva('rounded-tabs', {\n  variants: {\n    shape: {\n      default: '',\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    shape: 'default',\n  },\n})\n\nconst tabsTriggerVariants = cva('rounded-tabs', {\n  variants: {\n    shape: {\n      default: '',\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    shape: 'default',\n  },\n})\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => {\n  const { align: alignFromParent, shape: shapeFromParent } = React.useContext(TabListContext)\n\n  const wrapperClass =\n    alignFromParent === 'center'\n      ? 'flex w-full justify-center'\n      : alignFromParent === 'right'\n        ? 'flex w-full justify-end'\n        : null\n\n  const list = (\n    <TabsPrimitive.List\n      ref={ref}\n      className={cn(\n        'bg-tabs-list-bg flex w-fit max-w-full overflow-x-auto p-1',\n        tabsListVariants({ shape: shapeFromParent }),\n        className\n      )}\n      style={{\n        scrollbarWidth: 'none',\n        msOverflowStyle: 'none',\n      }}\n      {...props}\n    />\n  )\n\n  return wrapperClass ? <div className={wrapperClass}>{list}</div> : list\n})\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, onClick, value, ...props }, ref) => {\n  const { shape: shapeFromParent } = React.useContext(TabListContext)\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e)\n    const tabElement = e?.currentTarget\n    const container = e?.currentTarget?.parentElement\n    if (tabElement && container) {\n      const tabLeft = tabElement.offsetLeft\n      const tabWidth = tabElement.offsetWidth\n      const containerWidth = container.offsetWidth\n      const scrollTo = tabLeft - containerWidth / 2 + tabWidth / 2\n      container.scrollTo({\n        left: scrollTo,\n        behavior: 'smooth',\n      })\n    }\n  }\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'text-info-primary lg-desktop:text-base disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-5 pb-2.5 pt-[11px] text-sm font-bold data-[state=active]:bg-white data-[state=active]:text-[#080A0F]',\n        className,\n        tabsTriggerVariants({\n          shape: shapeFromParent,\n        })\n      )}\n      onClick={handleClick}\n      value={sanitizeTabValue(value)}\n      {...props}\n    />\n  )\n})\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, value, ...props }, ref) => (\n  <TabsPrimitive.Content ref={ref} className={cn(className)} value={sanitizeTabValue(value)} {...props} />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],
-  "mappings": "aAyCI,cAAAA,MAAA,oBAvCJ,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,sBAEnB,UAAYC,MAAmB,uBAC/B,OAAS,OAAAC,MAAW,2BAepB,SAASC,EAAiBC,EAAuB,CAC/C,OAAOA,EAAM,KAAK,EAAE,QAAQ,OAAQ,GAAG,CACzC,CAEA,MAAMC,EAAiBN,EAAM,cAG1B,CACD,MAAO,OACP,MAAO,QACT,CAAC,EAEKO,EAAOP,EAAM,WAMjB,CAAC,CAAE,SAAAQ,EAAU,MAAAC,EAAQ,OAAQ,MAAAC,EAAQ,UAAW,GAAGC,CAAM,EAAGC,IAC5Db,EAACG,EAAc,KAAd,CAAmB,IAAKU,EAAM,GAAGD,EAChC,SAAAZ,EAACO,EAAe,SAAf,CAAwB,MAAO,CAAE,MAAAG,EAAO,MAAAC,CAAM,EAAI,SAAAF,EAAS,EAC9D,CACD,EACDD,EAAK,YAAc,OAEnB,MAAMM,EAAmBV,EAAI,eAAgB,CAC3C,SAAU,CACR,MAAO,CACL,QAAS,GACT,QAAS,iBACT,OAAQ,cACV,CACF,EACA,gBAAiB,CACf,MAAO,SACT,CACF,CAAC,EAEKW,EAAsBX,EAAI,eAAgB,CAC9C,SAAU,CACR,MAAO,CACL,QAAS,GACT,QAAS,iBACT,OAAQ,cACV,CACF,EACA,gBAAiB,CACf,MAAO,SACT,CACF,CAAC,EACKY,EAAWf,EAAM,WAGrB,CAAC,CAAE,UAAAgB,EAAW,GAAGL,CAAM,EAAGC,IAAQ,CAClC,KAAM,CAAE,MAAOK,EAAiB,MAAOC,CAAgB,EAAIlB,EAAM,WAAWM,CAAc,EAEpFa,EACJF,IAAoB,SAChB,6BACAA,IAAoB,QAClB,0BACA,KAEFG,EACJrB,EAACG,EAAc,KAAd,CACC,IAAKU,EACL,UAAWX,EACT,4DACAY,EAAiB,CAAE,MAAOK,CAAgB,CAAC,EAC3CF,CACF,EACA,MAAO,CACL,eAAgB,OAChB,gBAAiB,MACnB,EACC,GAAGL,EACN,EAGF,OAAOQ,EAAepB,EAAC,OAAI,UAAWoB,EAAe,SAAAC,EAAK,EAASA,CACrE,CAAC,EACDL,EAAS,YAAcb,EAAc,KAAK,YAE1C,MAAMmB,EAAcrB,EAAM,WAGxB,CAAC,CAAE,UAAAgB,EAAW,QAAAM,EAAS,MAAAjB,EAAO,GAAGM,CAAM,EAAGC,IAAQ,CAClD,KAAM,CAAE,MAAOM,CAAgB,EAAIlB,EAAM,WAAWM,CAAc,EAC5DiB,EAAeC,GAA2C,CAC9DF,IAAUE,CAAC,EACX,MAAMC,EAAaD,GAAG,cAChBE,EAAYF,GAAG,eAAe,cACpC,GAAIC,GAAcC,EAAW,CAC3B,MAAMC,EAAUF,EAAW,WACrBG,EAAWH,EAAW,YACtBI,EAAiBH,EAAU,YAC3BI,EAAWH,EAAUE,EAAiB,EAAID,EAAW,EAC3DF,EAAU,SAAS,CACjB,KAAMI,EACN,SAAU,QACZ,CAAC,CACH,CACF,EACA,OACE/B,EAACG,EAAc,QAAd,CACC,IAAKU,EACL,UAAWX,EACT,8PACAe,EACAF,EAAoB,CAClB,MAAOI,CACT,CAAC,CACH,EACA,QAASK,EACT,MAAOnB,EAAiBC,CAAK,EAC5B,GAAGM,EACN,CAEJ,CAAC,EACDU,EAAY,YAAcnB,EAAc,QAAQ,YAEhD,MAAM6B,EAAc/B,EAAM,WAGxB,CAAC,CAAE,UAAAgB,EAAW,MAAAX,EAAO,GAAGM,CAAM,EAAGC,IACjCb,EAACG,EAAc,QAAd,CAAsB,IAAKU,EAAK,UAAWX,EAAGe,CAAS,EAAG,MAAOZ,EAAiBC,CAAK,EAAI,GAAGM,EAAO,CACvG,EACDoB,EAAY,YAAc7B,EAAc,QAAQ",
-  "names": ["jsx", "React", "cn", "TabsPrimitive", "cva", "sanitizeTabValue", "value", "TabListContext", "Tabs", "children", "align", "shape", "props", "ref", "tabsListVariants", "tabsTriggerVariants", "TabsList", "className", "alignFromParent", "shapeFromParent", "wrapperClass", "list", "TabsTrigger", "onClick", "handleClick", "e", "tabElement", "container", "tabLeft", "tabWidth", "containerWidth", "scrollTo", "TabsContent"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { cva } from 'class-variance-authority'\nimport type { Align, Shape } from '../types/props.js'\n\ntype tabShape = Shape | 'default'\n\n/**\n * Sanitize a tab value so it is safe to use as part of an HTML id attribute.\n *\n * HTML ids must not contain whitespace characters. Radix UI uses the value\n * directly in generated ids (e.g. `radix-:r0:-trigger-{value}`), so an\n * unsanitized value like \"best seller\" would produce an invalid id.\n *\n * This function replaces any sequence of whitespace with a single hyphen and\n * trims leading/trailing whitespace, leaving all other characters intact.\n */\nfunction sanitizeTabValue(value: string): string {\n  return value.trim().replace(/\\s+/g, '-')\n}\n\nconst TabListContext = React.createContext<{\n  align?: Align\n  shape: tabShape\n}>({\n  align: 'left',\n  shape: 'square',\n})\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {\n    align?: Align\n    shape?: tabShape\n  }\n>(({ children, align = 'left', shape = 'default', value, defaultValue, ...props }, ref) => (\n  <TabsPrimitive.Root\n    ref={ref}\n    value={value != null ? sanitizeTabValue(String(value)) : undefined}\n    defaultValue={defaultValue != null ? sanitizeTabValue(String(defaultValue)) : undefined}\n    {...props}\n  >\n    <TabListContext.Provider value={{ align, shape }}>{children}</TabListContext.Provider>\n  </TabsPrimitive.Root>\n))\nTabs.displayName = 'Tabs'\n\nconst tabsListVariants = cva('rounded-tabs', {\n  variants: {\n    shape: {\n      default: '',\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    shape: 'default',\n  },\n})\n\nconst tabsTriggerVariants = cva('rounded-tabs', {\n  variants: {\n    shape: {\n      default: '',\n      rounded: 'rounded-[28px]',\n      square: 'rounded-none',\n    },\n  },\n  defaultVariants: {\n    shape: 'default',\n  },\n})\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => {\n  const { align: alignFromParent, shape: shapeFromParent } = React.useContext(TabListContext)\n\n  const wrapperClass =\n    alignFromParent === 'center'\n      ? 'flex w-full justify-center'\n      : alignFromParent === 'right'\n        ? 'flex w-full justify-end'\n        : null\n\n  const list = (\n    <TabsPrimitive.List\n      ref={ref}\n      className={cn(\n        'bg-tabs-list-bg flex w-fit max-w-full overflow-x-auto p-1',\n        tabsListVariants({ shape: shapeFromParent }),\n        className\n      )}\n      style={{\n        scrollbarWidth: 'none',\n        msOverflowStyle: 'none',\n      }}\n      {...props}\n    />\n  )\n\n  return wrapperClass ? <div className={wrapperClass}>{list}</div> : list\n})\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, onClick, value, ...props }, ref) => {\n  const { shape: shapeFromParent } = React.useContext(TabListContext)\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e)\n    const tabElement = e?.currentTarget\n    const container = e?.currentTarget?.parentElement\n    if (tabElement && container) {\n      const tabLeft = tabElement.offsetLeft\n      const tabWidth = tabElement.offsetWidth\n      const containerWidth = container.offsetWidth\n      const scrollTo = tabLeft - containerWidth / 2 + tabWidth / 2\n      container.scrollTo({\n        left: scrollTo,\n        behavior: 'smooth',\n      })\n    }\n  }\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'text-info-primary lg-desktop:text-base disabled:text-btn-secondary-disabled lg-desktop:px-[28px] lg-desktop:pt-[15px] lg-desktop:pb-[14px] shrink-0 px-5 pb-2.5 pt-[11px] text-sm font-bold data-[state=active]:bg-white data-[state=active]:text-[#080A0F]',\n        className,\n        tabsTriggerVariants({\n          shape: shapeFromParent,\n        })\n      )}\n      onClick={handleClick}\n      value={sanitizeTabValue(value)}\n      data-radix-collection-item={sanitizeTabValue(value)}\n      {...props}\n    />\n  )\n})\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, value, ...props }, ref) => (\n  <TabsPrimitive.Content ref={ref} className={cn(className)} value={sanitizeTabValue(value)} {...props} />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],
+  "mappings": "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",
+  "names": ["jsx", "React", "cn", "TabsPrimitive", "cva", "sanitizeTabValue", "value", "TabListContext", "Tabs", "children", "align", "shape", "defaultValue", "props", "ref", "tabsListVariants", "tabsTriggerVariants", "TabsList", "className", "alignFromParent", "shapeFromParent", "wrapperClass", "list", "TabsTrigger", "onClick", "handleClick", "e", "tabElement", "container", "tabLeft", "tabWidth", "containerWidth", "scrollTo", "TabsContent"]
 }

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const toastVariants: (props?: ({
+    variant?: "success" | "warning" | "countdown" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ToastProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof toastVariants> {
+    open?: boolean;
+    message: string;
+    duration?: number;
+    seconds?: number;
+    onClose?: () => void;
+}
+declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
+export interface UseToastOptions {
+    variant?: ToastProps['variant'];
+    message: string;
+    duration?: number;
+    seconds?: number;
+}
+declare function useToast(): {
+    toastProps: ToastProps;
+    showToast: (opts: UseToastOptions) => void;
+};
+export { Toast, toastVariants, useToast };
+export default Toast;

package/dist/esm/components/toast.js

@@ -0,0 +1,2 @@
+"use client";import{jsx as t,jsxs as c}from"react/jsx-runtime";import*as a from"react";import{cva as C}from"class-variance-authority";import{cn as b}from"../helpers/index.js";const h=C("bg-container-secondary-1 text-info-primary pointer-events-none fixed left-1/2 top-1/2 z-[9999] flex w-max -translate-x-1/2 select-none items-center gap-[4px] rounded-[8px] p-[16px] text-[18px] font-bold leading-[1.4] tracking-[-0.36px] drop-shadow-[0px_8px_12px_rgba(0,0,0,0.2)] transition-all duration-300 ease-in-out data-[state=closed]:-translate-y-2 data-[state=open]:translate-y-0 data-[state=closed]:opacity-0 data-[state=open]:opacity-100",{variants:{variant:{success:"",warning:"",countdown:""}},defaultVariants:{variant:"success"}}),L=()=>c("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:[t("circle",{cx:"12",cy:"12",r:"10.5",className:"fill-success-0"}),t("g",{transform:"translate(6, 8)",children:t("path",{d:"M1 3.5L5 7L11 1",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),M=()=>c("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:[t("circle",{cx:"12",cy:"12",r:"10.5",className:"fill-error-0"}),t("g",{transform:"translate(10.65, 6)",children:t("path",{d:"M1.35 9.28C2.1 9.28 2.7 9.88 2.7 10.63C2.7 11.37 2.1 11.98 1.35 11.98C0.6 11.98 0 11.37 0 10.63C0 9.88 0.6 9.28 1.35 9.28ZM1.35 0C1.97 0 2.47 0.5 2.47 1.13V7.13C2.47 7.75 1.97 8.25 1.35 8.25C0.73 8.25 0.22 7.75 0.22 7.13V1.13C0.22 0.5 0.73 0 1.35 0Z",fill:"white"})})]}),P=()=>c("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:[t("circle",{cx:"12",cy:"12",r:"10.5",className:"fill-warning-0"}),t("g",{transform:"translate(8, 7)",children:t("path",{d:"M4 0V5L7 8",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),m=a.forwardRef(({className:l,variant:e,open:s=!1,message:n,duration:r=2500,seconds:o,onClose:i,...d},x)=>{const[u,g]=a.useState(!1),[p,w]=a.useState(o??0);if(a.useEffect(()=>{if(s)g(!0),e==="countdown"&&o!=null&&w(o);else{const f=setTimeout(()=>g(!1),300);return()=>clearTimeout(f)}},[s,e,o]),a.useEffect(()=>{if(!s||!u)return;if(e==="countdown"){if(p<=0){i?.();return}const k=setTimeout(()=>w(y=>y-1),1e3);return()=>clearTimeout(k)}const f=setTimeout(()=>i?.(),r);return()=>clearTimeout(f)},[s,u,e,r,p,i]),!u)return null;const v=e==="warning"?t(M,{}):e==="countdown"?t(P,{}):t(L,{}),T=e==="countdown"?n.replace(/\{seconds\}/g,String(p)):n;return c("div",{ref:x,className:b(h({variant:e}),l),"data-state":s?"open":"closed",role:"alert","aria-live":"assertive","aria-atomic":"true",...d,children:[v,t("span",{children:T})]})});m.displayName="Toast";function V(){const[l,e]=a.useState(!1),[s,n]=a.useState({message:""}),r=a.useCallback(d=>{n(d),e(!0)},[]),o=a.useCallback(()=>{e(!1)},[]);return{toastProps:{open:l,variant:s.variant,message:s.message,duration:s.duration,seconds:s.seconds,onClose:o},showToast:r}}var S=m;export{m as Toast,S as default,h as toastVariants,V as useToast};
+//# sourceMappingURL=toast.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/toast.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../helpers/index.js'\n\nconst toastVariants = cva(\n  'bg-container-secondary-1 text-info-primary pointer-events-none fixed left-1/2 top-1/2 z-[9999] flex w-max -translate-x-1/2 select-none items-center gap-[4px] rounded-[8px] p-[16px] text-[18px] font-bold leading-[1.4] tracking-[-0.36px] drop-shadow-[0px_8px_12px_rgba(0,0,0,0.2)] transition-all duration-300 ease-in-out data-[state=closed]:-translate-y-2 data-[state=open]:translate-y-0 data-[state=closed]:opacity-0 data-[state=open]:opacity-100',\n  {\n    variants: {\n      variant: {\n        success: '',\n        warning: '',\n        countdown: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'success',\n    },\n  }\n)\n\nconst CheckIcon = () => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden>\n    <circle cx=\"12\" cy=\"12\" r=\"10.5\" className=\"fill-success-0\" />\n    <g transform=\"translate(6, 8)\">\n      <path d=\"M1 3.5L5 7L11 1\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </g>\n  </svg>\n)\n\nconst WarningIcon = () => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden>\n    <circle cx=\"12\" cy=\"12\" r=\"10.5\" className=\"fill-error-0\" />\n    <g transform=\"translate(10.65, 6)\">\n      <path\n        d=\"M1.35 9.28C2.1 9.28 2.7 9.88 2.7 10.63C2.7 11.37 2.1 11.98 1.35 11.98C0.6 11.98 0 11.37 0 10.63C0 9.88 0.6 9.28 1.35 9.28ZM1.35 0C1.97 0 2.47 0.5 2.47 1.13V7.13C2.47 7.75 1.97 8.25 1.35 8.25C0.73 8.25 0.22 7.75 0.22 7.13V1.13C0.22 0.5 0.73 0 1.35 0Z\"\n        fill=\"white\"\n      />\n    </g>\n  </svg>\n)\n\nconst ClockIcon = () => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden>\n    <circle cx=\"12\" cy=\"12\" r=\"10.5\" className=\"fill-warning-0\" />\n    <g transform=\"translate(8, 7)\">\n      <path d=\"M4 0V5L7 8\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </g>\n  </svg>\n)\n\nexport interface ToastProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof toastVariants> {\n  open?: boolean\n  message: string\n  duration?: number\n  seconds?: number\n  onClose?: () => void\n}\n\nconst Toast = React.forwardRef<HTMLDivElement, ToastProps>(\n  ({ className, variant, open = false, message, duration = 2500, seconds, onClose, ...props }, ref) => {\n    const [mounted, setMounted] = React.useState(false)\n    const [remaining, setRemaining] = React.useState(seconds ?? 0)\n\n    React.useEffect(() => {\n      if (open) {\n        setMounted(true)\n        if (variant === 'countdown' && seconds != null) {\n          setRemaining(seconds)\n        }\n      } else {\n        const timer = setTimeout(() => setMounted(false), 300)\n        return () => clearTimeout(timer)\n      }\n    }, [open, variant, seconds])\n\n    React.useEffect(() => {\n      if (!open || !mounted) return\n      if (variant === 'countdown') {\n        if (remaining <= 0) {\n          onClose?.()\n          return\n        }\n        const timer = setTimeout(() => setRemaining(r => r - 1), 1000)\n        return () => clearTimeout(timer)\n      }\n      const timer = setTimeout(() => onClose?.(), duration)\n      return () => clearTimeout(timer)\n    }, [open, mounted, variant, duration, remaining, onClose])\n\n    if (!mounted) return null\n\n    const icon = variant === 'warning' ? <WarningIcon /> : variant === 'countdown' ? <ClockIcon /> : <CheckIcon />\n\n    const displayMessage = variant === 'countdown' ? message.replace(/\\{seconds\\}/g, String(remaining)) : message\n\n    return (\n      <div\n        ref={ref}\n        className={cn(toastVariants({ variant }), className)}\n        data-state={open ? 'open' : 'closed'}\n        role=\"alert\"\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        {...props}\n      >\n        {icon}\n        <span>{displayMessage}</span>\n      </div>\n    )\n  }\n)\nToast.displayName = 'Toast'\n\nexport interface UseToastOptions {\n  variant?: ToastProps['variant']\n  message: string\n  duration?: number\n  seconds?: number\n}\n\nfunction useToast() {\n  const [open, setOpen] = React.useState(false)\n  const [options, setOptions] = React.useState<UseToastOptions>({ message: '' })\n\n  const showToast = React.useCallback((opts: UseToastOptions) => {\n    setOptions(opts)\n    setOpen(true)\n  }, [])\n\n  const handleClose = React.useCallback(() => {\n    setOpen(false)\n  }, [])\n\n  const toastProps: ToastProps = {\n    open,\n    variant: options.variant,\n    message: options.message,\n    duration: options.duration,\n    seconds: options.seconds,\n    onClose: handleClose,\n  }\n\n  return { toastProps, showToast }\n}\n\nexport { Toast, toastVariants, useToast }\nexport default Toast\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "React", "cva", "cn", "toastVariants", "CheckIcon", "WarningIcon", "ClockIcon", "Toast", "className", "variant", "open", "message", "duration", "seconds", "onClose", "props", "ref", "mounted", "setMounted", "remaining", "setRemaining", "timer", "r", "icon", "displayMessage", "useToast", "setOpen", "options", "setOptions", "showToast", "opts", "handleClose", "toast_default"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.3.37",
+  "version": "1.3.39-alpha.1784616869310",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",