@anker-in/headless-ui 0.0.26 → 0.0.27-alpha.0

package/dist/esm/components/dialog.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as t,jsxs as r}from"react/jsx-runtime";import*as l from"react";import*as a from"@radix-ui/react-dialog";import{Cross2Icon as u}from"@radix-ui/react-icons";import{cn as s}from"../helpers/index.js";const d=a.Root;d.displayName="Dialog";const R=a.Trigger,m=a.Portal,v=a.Close,n=l.forwardRef(({className:e,...i},o)=>t(a.Overlay,{ref:o,className:s("data-[state=open]:ai-animate-in data-[state=closed]:ai-animate-out data-[state=closed]:ai-fade-out-0 data-[state=open]:ai-fade-in-0  ai-fixed ai-inset-0 ai-z-50 ai-bg-black/80",e),...i}));n.displayName=a.Overlay.displayName;const c=l.forwardRef(({className:e,children:i,...o},y)=>r(m,{children:[t(n,{}),r(a.Content,{ref:y,className:s("ai-bg-background data-[state=open]:ai-animate-in data-[state=closed]:ai-animate-out data-[state=closed]:ai-fade-out-0 data-[state=open]:ai-fade-in-0 data-[state=closed]:ai-zoom-out-95 data-[state=open]:ai-zoom-in-95 data-[state=closed]:ai-slide-out-to-left-1/2 data-[state=closed]:ai-slide-out-to-top-[48%] data-[state=open]:ai-slide-in-from-left-1/2 data-[state=open]:ai-slide-in-from-top-[48%] ai-fixed ai-left-1/2 ai-top-1/2 ai-z-50 ai-grid ai-w-full ai-max-w-lg -ai-translate-x-1/2 -ai-translate-y-1/2 ai-gap-4 ai-border ai-p-6 ai-shadow-lg ai-duration-200 sm:ai-rounded-lg",e),...o,children:[i,r(a.Close,{className:"ai-ring-offset-background focus:ai-ring-ring data-[state=open]:ai-bg-accent data-[state=open]:ai-text-muted-foreground ai-absolute ai-right-4 ai-top-4 ai-rounded-sm ai-opacity-70 ai-transition-opacity hover:ai-opacity-100 focus:ai-outline-none focus:ai-ring-2 focus:ai-ring-offset-2 disabled:ai-pointer-events-none",children:[t(u,{className:"ai-size-4"}),t("span",{className:"ai-sr-only",children:"Close"})]})]})]}));c.displayName=a.Content.displayName;const f=({className:e,...i})=>t("div",{className:s("ai-flex ai-flex-col ai-space-y-1.5 ai-text-center sm:ai-text-left",e),...i});f.displayName="DialogHeader";const p=({className:e,...i})=>t("div",{className:s("ai-flex ai-flex-col-reverse sm:ai-flex-row sm:ai-justify-end sm:ai-space-x-2",e),...i});p.displayName="DialogFooter";const g=l.forwardRef(({className:e,...i},o)=>t(a.Title,{ref:o,className:s("ai-text-lg ai-font-semibold ai-leading-none ai-tracking-tight",e),...i}));g.displayName=a.Title.displayName;const D=l.forwardRef(({className:e,...i},o)=>t(a.Description,{ref:o,className:s("ai-text-muted-foreground ai-text-sm",e),...i}));D.displayName=a.Description.displayName;export{d as Dialog,v as DialogClose,c as DialogContent,D as DialogDescription,p as DialogFooter,f as DialogHeader,n as DialogOverlay,m as DialogPortal,g as DialogTitle,R as DialogTrigger};
+"use client";import{jsx as o,jsxs as r}from"react/jsx-runtime";import*as l from"react";import*as e from"@radix-ui/react-dialog";import{Cross2Icon as u}from"@radix-ui/react-icons";import{cn as s}from"../helpers/index.js";const d=e.Root;d.displayName="Dialog";const R=e.Trigger,m=e.Portal,v=e.Close,n=l.forwardRef(({className:t,...a},i)=>o(e.Overlay,{ref:i,className:s("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-50 bg-black/80",t),...a}));n.displayName=e.Overlay.displayName;const c=l.forwardRef(({className:t,children:a,...i},y)=>r(m,{children:[o(n,{}),r(e.Content,{ref:y,className:s("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",t),...i,children:[a,r(e.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none",children:[o(u,{className:"size-4"}),o("span",{className:"sr-only",children:"Close"})]})]})]}));c.displayName=e.Content.displayName;const f=({className:t,...a})=>o("div",{className:s("flex flex-col space-y-1.5 text-center sm:text-left",t),...a});f.displayName="DialogHeader";const p=({className:t,...a})=>o("div",{className:s("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...a});p.displayName="DialogFooter";const g=l.forwardRef(({className:t,...a},i)=>o(e.Title,{ref:i,className:s("text-lg font-semibold leading-none tracking-tight",t),...a}));g.displayName=e.Title.displayName;const D=l.forwardRef(({className:t,...a},i)=>o(e.Description,{ref:i,className:s("text-muted-foreground text-sm",t),...a}));D.displayName=e.Description.displayName;export{d as Dialog,v as DialogClose,c as DialogContent,D as DialogDescription,p as DialogFooter,f as DialogHeader,n as DialogOverlay,m as DialogPortal,g as DialogTitle,R as DialogTrigger};
 //# sourceMappingURL=dialog.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/dialog.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { Cross2Icon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/index.js'\n\nconst Dialog = DialogPrimitive.Root\nDialog.displayName = 'Dialog'\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'data-[state=open]:ai-animate-in data-[state=closed]:ai-animate-out data-[state=closed]:ai-fade-out-0 data-[state=open]:ai-fade-in-0  ai-fixed ai-inset-0 ai-z-50 ai-bg-black/80',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'ai-bg-background data-[state=open]:ai-animate-in data-[state=closed]:ai-animate-out data-[state=closed]:ai-fade-out-0 data-[state=open]:ai-fade-in-0 data-[state=closed]:ai-zoom-out-95 data-[state=open]:ai-zoom-in-95 data-[state=closed]:ai-slide-out-to-left-1/2 data-[state=closed]:ai-slide-out-to-top-[48%] data-[state=open]:ai-slide-in-from-left-1/2 data-[state=open]:ai-slide-in-from-top-[48%] ai-fixed ai-left-1/2 ai-top-1/2 ai-z-50 ai-grid ai-w-full ai-max-w-lg -ai-translate-x-1/2 -ai-translate-y-1/2 ai-gap-4 ai-border ai-p-6 ai-shadow-lg ai-duration-200 sm:ai-rounded-lg',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"ai-ring-offset-background focus:ai-ring-ring data-[state=open]:ai-bg-accent data-[state=open]:ai-text-muted-foreground ai-absolute ai-right-4 ai-top-4 ai-rounded-sm ai-opacity-70 ai-transition-opacity hover:ai-opacity-100 focus:ai-outline-none focus:ai-ring-2 focus:ai-ring-offset-2 disabled:ai-pointer-events-none\">\n        <Cross2Icon className=\"ai-size-4\" />\n        <span className=\"ai-sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('ai-flex ai-flex-col ai-space-y-1.5 ai-text-center sm:ai-text-left', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('ai-flex ai-flex-col-reverse sm:ai-flex-row sm:ai-justify-end sm:ai-space-x-2', className)}\n    {...props}\n  />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('ai-text-lg ai-font-semibold ai-leading-none ai-tracking-tight', className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description ref={ref} className={cn('ai-text-muted-foreground ai-text-sm', className)} {...props} />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n}\n"],
-  "mappings": "aAqBE,cAAAA,EA0BI,QAAAC,MA1BJ,oBAnBF,UAAYC,MAAW,QACvB,UAAYC,MAAqB,yBACjC,OAAS,cAAAC,MAAkB,wBAE3B,OAAS,MAAAC,MAAU,sBAEnB,MAAMC,EAASH,EAAgB,KAC/BG,EAAO,YAAc,SAErB,MAAMC,EAAgBJ,EAAgB,QAEhCK,EAAeL,EAAgB,OAE/BM,EAAcN,EAAgB,MAE9BO,EAAgBR,EAAM,WAG1B,CAAC,CAAE,UAAAS,EAAW,GAAGC,CAAM,EAAGC,IAC1Bb,EAACG,EAAgB,QAAhB,CACC,IAAKU,EACL,UAAWR,EACT,kLACAM,CACF,EACC,GAAGC,EACN,CACD,EACDF,EAAc,YAAcP,EAAgB,QAAQ,YAEpD,MAAMW,EAAgBZ,EAAM,WAG1B,CAAC,CAAE,UAAAS,EAAW,SAAAI,EAAU,GAAGH,CAAM,EAAGC,IACpCZ,EAACO,EAAA,CACC,UAAAR,EAACU,EAAA,EAAc,EACfT,EAACE,EAAgB,QAAhB,CACC,IAAKU,EACL,UAAWR,EACT,okBACAM,CACF,EACC,GAAGC,EAEH,UAAAG,EACDd,EAACE,EAAgB,MAAhB,CAAsB,UAAU,6TAC/B,UAAAH,EAACI,EAAA,CAAW,UAAU,YAAY,EAClCJ,EAAC,QAAK,UAAU,aAAa,iBAAK,GACpC,GACF,GACF,CACD,EACDc,EAAc,YAAcX,EAAgB,QAAQ,YAEpD,MAAMa,EAAe,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAM,IAC1CZ,EAAC,OAAI,UAAWK,EAAG,oEAAqEM,CAAS,EAAI,GAAGC,EAAO,EAEjHI,EAAa,YAAc,eAE3B,MAAMC,EAAe,CAAC,CAAE,UAAAN,EAAW,GAAGC,CAAM,IAC1CZ,EAAC,OACC,UAAWK,EAAG,+EAAgFM,CAAS,EACtG,GAAGC,EACN,EAEFK,EAAa,YAAc,eAE3B,MAAMC,EAAchB,EAAM,WAGxB,CAAC,CAAE,UAAAS,EAAW,GAAGC,CAAM,EAAGC,IAC1Bb,EAACG,EAAgB,MAAhB,CACC,IAAKU,EACL,UAAWR,EAAG,gEAAiEM,CAAS,EACvF,GAAGC,EACN,CACD,EACDM,EAAY,YAAcf,EAAgB,MAAM,YAEhD,MAAMgB,EAAoBjB,EAAM,WAG9B,CAAC,CAAE,UAAAS,EAAW,GAAGC,CAAM,EAAGC,IAC1Bb,EAACG,EAAgB,YAAhB,CAA4B,IAAKU,EAAK,UAAWR,EAAG,sCAAuCM,CAAS,EAAI,GAAGC,EAAO,CACpH,EACDO,EAAkB,YAAchB,EAAgB,YAAY",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { Cross2Icon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/index.js'\n\nconst Dialog = DialogPrimitive.Root\nDialog.displayName = 'Dialog'\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-50 bg-black/80',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none\">\n        <Cross2Icon className=\"size-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)} {...props} />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n}\n"],
+  "mappings": "aAqBE,cAAAA,EA0BI,QAAAC,MA1BJ,oBAnBF,UAAYC,MAAW,QACvB,UAAYC,MAAqB,yBACjC,OAAS,cAAAC,MAAkB,wBAE3B,OAAS,MAAAC,MAAU,sBAEnB,MAAMC,EAASH,EAAgB,KAC/BG,EAAO,YAAc,SAErB,MAAMC,EAAgBJ,EAAgB,QAEhCK,EAAeL,EAAgB,OAE/BM,EAAcN,EAAgB,MAE9BO,EAAgBR,EAAM,WAG1B,CAAC,CAAE,UAAAS,EAAW,GAAGC,CAAM,EAAGC,IAC1Bb,EAACG,EAAgB,QAAhB,CACC,IAAKU,EACL,UAAWR,EACT,0JACAM,CACF,EACC,GAAGC,EACN,CACD,EACDF,EAAc,YAAcP,EAAgB,QAAQ,YAEpD,MAAMW,EAAgBZ,EAAM,WAG1B,CAAC,CAAE,UAAAS,EAAW,SAAAI,EAAU,GAAGH,CAAM,EAAGC,IACpCZ,EAACO,EAAA,CACC,UAAAR,EAACU,EAAA,EAAc,EACfT,EAACE,EAAgB,QAAhB,CACC,IAAKU,EACL,UAAWR,EACT,sfACAM,CACF,EACC,GAAGC,EAEH,UAAAG,EACDd,EAACE,EAAgB,MAAhB,CAAsB,UAAU,gRAC/B,UAAAH,EAACI,EAAA,CAAW,UAAU,SAAS,EAC/BJ,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CACD,EACDc,EAAc,YAAcX,EAAgB,QAAQ,YAEpD,MAAMa,EAAe,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAM,IAC1CZ,EAAC,OAAI,UAAWK,EAAG,qDAAsDM,CAAS,EAAI,GAAGC,EAAO,EAElGI,EAAa,YAAc,eAE3B,MAAMC,EAAe,CAAC,CAAE,UAAAN,EAAW,GAAGC,CAAM,IAC1CZ,EAAC,OAAI,UAAWK,EAAG,gEAAiEM,CAAS,EAAI,GAAGC,EAAO,EAE7GK,EAAa,YAAc,eAE3B,MAAMC,EAAchB,EAAM,WAGxB,CAAC,CAAE,UAAAS,EAAW,GAAGC,CAAM,EAAGC,IAC1Bb,EAACG,EAAgB,MAAhB,CACC,IAAKU,EACL,UAAWR,EAAG,oDAAqDM,CAAS,EAC3E,GAAGC,EACN,CACD,EACDM,EAAY,YAAcf,EAAgB,MAAM,YAEhD,MAAMgB,EAAoBjB,EAAM,WAG9B,CAAC,CAAE,UAAAS,EAAW,GAAGC,CAAM,EAAGC,IAC1Bb,EAACG,EAAgB,YAAhB,CAA4B,IAAKU,EAAK,UAAWR,EAAG,gCAAiCM,CAAS,EAAI,GAAGC,EAAO,CAC9G,EACDO,EAAkB,YAAchB,EAAgB,YAAY",
   "names": ["jsx", "jsxs", "React", "DialogPrimitive", "Cross2Icon", "cn", "Dialog", "DialogTrigger", "DialogPortal", "DialogClose", "DialogOverlay", "className", "props", "ref", "DialogContent", "children", "DialogHeader", "DialogFooter", "DialogTitle", "DialogDescription"]
 }

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Drawer as DrawerPrimitive } from 'vaul';
+declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerHeader({ className, children, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };

package/dist/esm/components/drawer.js

@@ -0,0 +1,2 @@
+import{jsx as r,jsxs as d}from"react/jsx-runtime";import"react";import{Drawer as e}from"vaul";import{Cross2Icon as s}from"@radix-ui/react-icons";import{cn as i}from"../helpers/utils.js";function w({...a}){return r(e.Root,{"data-slot":"drawer",...a})}function m({...a}){return r(e.Trigger,{"data-slot":"drawer-trigger",...a})}function n({...a}){return r(e.Portal,{"data-slot":"drawer-portal",...a})}function l({...a}){return r(e.Close,{"data-slot":"drawer-close",...a})}function c({className:a,...t}){return r(e.Overlay,{"data-slot":"drawer-overlay",className:i("data-[state=open]:ai-animate-in data-[state=closed]:ai-animate-out data-[state=closed]:ai-fade-out-0 data-[state=open]:ai-fade-in-0 ai-fixed ai-inset-0 ai-z-50 ai-bg-black/50",a),...t})}function p({className:a,children:t,...o}){return d(n,{"data-slot":"drawer-portal",children:[r(c,{}),d(e.Content,{"data-slot":"drawer-content",className:i("group/drawer-content ai-bg-background ai-fixed ai-z-50 ai-flex ai-px-6 ai-h-auto ai-flex-col","data-[vaul-drawer-direction=top]:ai-inset-x-0 data-[vaul-drawer-direction=top]:ai-top-0 data-[vaul-drawer-direction=top]:ai-mb-24 data-[vaul-drawer-direction=top]:ai-max-h-[80vh] data-[vaul-drawer-direction=top]:ai-border-b","data-[vaul-drawer-direction=bottom]:ai-inset-x-0 data-[vaul-drawer-direction=bottom]:ai-bottom-0 data-[vaul-drawer-direction=bottom]:ai-mt-24 data-[vaul-drawer-direction=bottom]:ai-max-h-[80vh] data-[vaul-drawer-direction=bottom]:ai-border-t","data-[vaul-drawer-direction=right]:ai-inset-y-0 data-[vaul-drawer-direction=right]:ai-right-0 data-[vaul-drawer-direction=right]:ai-w-3/4 data-[vaul-drawer-direction=right]:ai-border-l data-[vaul-drawer-direction=right]:ai-max-w-sm","data-[vaul-drawer-direction=left]:ai-inset-y-0 data-[vaul-drawer-direction=left]:ai-left-0 data-[vaul-drawer-direction=left]:ai-w-3/4 data-[vaul-drawer-direction=left]:ai-border-r data-[vaul-drawer-direction=left]:ai-max-w-sm",a),...o,children:[r("div",{className:"ai-bg-muted ai-mx-auto ai-mt-4 ai-hidden ai-h-2 ai-w-[100px] ai-shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:ai-block"}),t]})]})}function u({className:a,children:t,...o}){return d("div",{"data-slot":"drawer-header",className:i("gird-container ai-flex ai-justify-between ai-py-6 gap-1.5",a),...o,children:[r("div",{children:t}),r(l,{children:r(s,{className:"ai-size-4"})})]})}function v({className:a,...t}){return r("div",{"data-slot":"drawer-footer",className:i("ai-mt-auto ai-flex ai-flex-col ai-gap-2 ai-py-8",a),...t})}function f({className:a,...t}){return r(e.Title,{"data-slot":"drawer-title",className:i("text-foreground font-semibold",a),...t})}function D({className:a,...t}){return r(e.Description,{"data-slot":"drawer-description",className:i("ai-text-muted-foreground ai-text-sm",a),...t})}export{w as Drawer,l as DrawerClose,p as DrawerContent,D as DrawerDescription,v as DrawerFooter,u as DrawerHeader,c as DrawerOverlay,n as DrawerPortal,f as DrawerTitle,m as DrawerTrigger};
+//# sourceMappingURL=drawer.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/drawer.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Drawer as DrawerPrimitive } from 'vaul'\nimport { Cross2Icon } from '@radix-ui/react-icons'\n\nimport { cn } from '../helpers/utils.js'\n\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />\n}\n\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />\n}\n\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n}\n\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />\n}\n\nfunction DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        'data-[state=open]:ai-animate-in data-[state=closed]:ai-animate-out data-[state=closed]:ai-fade-out-0 data-[state=open]:ai-fade-in-0 ai-fixed ai-inset-0 ai-z-50 ai-bg-black/50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          'group/drawer-content ai-bg-background ai-fixed ai-z-50 ai-flex ai-px-6 ai-h-auto ai-flex-col',\n          'data-[vaul-drawer-direction=top]:ai-inset-x-0 data-[vaul-drawer-direction=top]:ai-top-0 data-[vaul-drawer-direction=top]:ai-mb-24 data-[vaul-drawer-direction=top]:ai-max-h-[80vh] data-[vaul-drawer-direction=top]:ai-border-b',\n          'data-[vaul-drawer-direction=bottom]:ai-inset-x-0 data-[vaul-drawer-direction=bottom]:ai-bottom-0 data-[vaul-drawer-direction=bottom]:ai-mt-24 data-[vaul-drawer-direction=bottom]:ai-max-h-[80vh] data-[vaul-drawer-direction=bottom]:ai-border-t',\n          'data-[vaul-drawer-direction=right]:ai-inset-y-0 data-[vaul-drawer-direction=right]:ai-right-0 data-[vaul-drawer-direction=right]:ai-w-3/4 data-[vaul-drawer-direction=right]:ai-border-l data-[vaul-drawer-direction=right]:ai-max-w-sm',\n          'data-[vaul-drawer-direction=left]:ai-inset-y-0 data-[vaul-drawer-direction=left]:ai-left-0 data-[vaul-drawer-direction=left]:ai-w-3/4 data-[vaul-drawer-direction=left]:ai-border-r data-[vaul-drawer-direction=left]:ai-max-w-sm',\n          className\n        )}\n        {...props}\n      >\n        <div className=\"ai-bg-muted ai-mx-auto ai-mt-4 ai-hidden ai-h-2 ai-w-[100px] ai-shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:ai-block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  )\n}\n\nfunction DrawerHeader({ className, children, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn('gird-container ai-flex ai-justify-between ai-py-6 gap-1.5', className)}\n      {...props}\n    >\n      <div>{children}</div>\n      <DrawerClose>\n        <Cross2Icon className=\"ai-size-4\" />\n      </DrawerClose>\n    </div>\n  )\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn('ai-mt-auto ai-flex ai-flex-col ai-gap-2 ai-py-8', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn('text-foreground font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn('ai-text-muted-foreground ai-text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n}\n"],
+  "mappings": "AAOS,cAAAA,EAgCH,QAAAC,MAhCG,oBAPT,MAAkB,QAClB,OAAS,UAAUC,MAAuB,OAC1C,OAAS,cAAAC,MAAkB,wBAE3B,OAAS,MAAAC,MAAU,sBAEnB,SAASC,EAAO,CAAE,GAAGC,CAAM,EAAsD,CAC/E,OAAON,EAACE,EAAgB,KAAhB,CAAqB,YAAU,SAAU,GAAGI,EAAO,CAC7D,CAEA,SAASC,EAAc,CAAE,GAAGD,CAAM,EAAyD,CACzF,OAAON,EAACE,EAAgB,QAAhB,CAAwB,YAAU,iBAAkB,GAAGI,EAAO,CACxE,CAEA,SAASE,EAAa,CAAE,GAAGF,CAAM,EAAwD,CACvF,OAAON,EAACE,EAAgB,OAAhB,CAAuB,YAAU,gBAAiB,GAAGI,EAAO,CACtE,CAEA,SAASG,EAAY,CAAE,GAAGH,CAAM,EAAuD,CACrF,OAAON,EAACE,EAAgB,MAAhB,CAAsB,YAAU,eAAgB,GAAGI,EAAO,CACpE,CAEA,SAASI,EAAc,CAAE,UAAAC,EAAW,GAAGL,CAAM,EAAyD,CACpG,OACEN,EAACE,EAAgB,QAAhB,CACC,YAAU,iBACV,UAAWE,EACT,iLACAO,CACF,EACC,GAAGL,EACN,CAEJ,CAEA,SAASM,EAAc,CAAE,UAAAD,EAAW,SAAAE,EAAU,GAAGP,CAAM,EAAyD,CAC9G,OACEL,EAACO,EAAA,CAAa,YAAU,gBACtB,UAAAR,EAACU,EAAA,EAAc,EACfT,EAACC,EAAgB,QAAhB,CACC,YAAU,iBACV,UAAWE,EACT,+FACA,kOACA,oPACA,0OACA,oOACAO,CACF,EACC,GAAGL,EAEJ,UAAAN,EAAC,OAAI,UAAU,6IAA6I,EAC3Ja,GACH,GACF,CAEJ,CAEA,SAASC,EAAa,CAAE,UAAAH,EAAW,SAAAE,EAAU,GAAGP,CAAM,EAAgC,CACpF,OACEL,EAAC,OACC,YAAU,gBACV,UAAWG,EAAG,4DAA6DO,CAAS,EACnF,GAAGL,EAEJ,UAAAN,EAAC,OAAK,SAAAa,EAAS,EACfb,EAACS,EAAA,CACC,SAAAT,EAACG,EAAA,CAAW,UAAU,YAAY,EACpC,GACF,CAEJ,CAEA,SAASY,EAAa,CAAE,UAAAJ,EAAW,GAAGL,CAAM,EAAgC,CAC1E,OACEN,EAAC,OACC,YAAU,gBACV,UAAWI,EAAG,kDAAmDO,CAAS,EACzE,GAAGL,EACN,CAEJ,CAEA,SAASU,EAAY,CAAE,UAAAL,EAAW,GAAGL,CAAM,EAAuD,CAChG,OACEN,EAACE,EAAgB,MAAhB,CACC,YAAU,eACV,UAAWE,EAAG,gCAAiCO,CAAS,EACvD,GAAGL,EACN,CAEJ,CAEA,SAASW,EAAkB,CAAE,UAAAN,EAAW,GAAGL,CAAM,EAA6D,CAC5G,OACEN,EAACE,EAAgB,YAAhB,CACC,YAAU,qBACV,UAAWE,EAAG,sCAAuCO,CAAS,EAC7D,GAAGL,EACN,CAEJ",
+  "names": ["jsx", "jsxs", "DrawerPrimitive", "Cross2Icon", "cn", "Drawer", "props", "DrawerTrigger", "DrawerPortal", "DrawerClose", "DrawerOverlay", "className", "DrawerContent", "children", "DrawerHeader", "DrawerFooter", "DrawerTitle", "DrawerDescription"]
+}

package/dist/esm/components/drop-down.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuProps & React.RefAttributes<never>>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

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

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

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+interface GridProps {
+    children?: ReactNode;
+    className?: string;
+}
+interface GridItemProps {
+    children?: ReactNode;
+    className?: string;
+    span?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    start?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    end?: 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;
+}
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+declare const GridItem: React.ForwardRefExoticComponent<GridItemProps & React.RefAttributes<HTMLDivElement>>;
+export { Grid, GridItem };
+export type { GridProps, GridItemProps };

package/dist/esm/components/gird.js

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

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

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

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

@@ -1,9 +1,9 @@
 import { type VariantProps } from 'class-variance-authority';
 import React from 'react';
 declare const headingVariants: (props?: ({
-    size?: "none" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
+    size?: 1 | 2 | 3 | 4 | 5 | null | undefined;
     weight?: "bold" | "light" | "normal" | "medium" | null | undefined;
-    align?: "center" | "left" | "right" | null | undefined;
+    align?: "left" | "right" | "center" | null | undefined;
 } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
 interface HeadingProps extends React.ComponentPropsWithoutRef<'h1'>, VariantProps<typeof headingVariants> {
     as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';

package/dist/esm/components/heading.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{cn as f}from"../helpers/index.js";import{Slot as P}from"@radix-ui/react-slot";import{cva as u}from"class-variance-authority";import y from"react";const H=u("ai-leading-tight ai-tracking",{variants:{size:{none:"",1:"ai-text-xs",2:"ai-text-sm",3:"ai-text-base",4:"ai-text-lg",5:"ai-text-xl",6:"ai-text-2xl",7:"ai-text-3xl",8:"ai-text-4xl",9:"ai-text-5xl"},weight:{light:"ai-font-light",normal:"ai-font-normal",medium:"ai-font-medium",bold:"ai-font-bold"},align:{left:"ai-text-left",center:"ai-text-center",right:"ai-text-right"}},defaultVariants:{size:"none",weight:"normal"}}),n=y.forwardRef((l,r)=>{const{children:t,className:s,size:g,align:h,weight:m,asChild:d,as:p="h1",color:e,html:a,...x}=l,i=a?{dangerouslySetInnerHTML:{__html:a}}:null,c=e?{style:{color:e}}:null;return o(P,{...x,ref:r,className:f(H({size:g,weight:m,align:h}),s),...i,...c,children:d?t:o(p,{children:i?null:t})})});n.displayName="Heading";export{n as Heading};
+import{jsx as o}from"react/jsx-runtime";import{cn as x}from"../helpers/index.js";import{Slot as y}from"@radix-ui/react-slot";import{cva as P}from"class-variance-authority";import u from"react";const H=P("leading-tight tracking text-info-primary",{variants:{size:{1:"text-heading-1",2:"text-heading-2",3:"text-heading-3",4:"text-hedaing-4",5:"text-heading-5"},weight:{light:"font-light",normal:"font-normal",medium:"font-medium",bold:"font-bold"},align:{left:"text-left",center:"text-center",right:"text-right"}},defaultVariants:{size:5,weight:"normal"}}),i=u.forwardRef((r,l)=>{const{children:t,className:s,size:h=5,align:g,weight:d,asChild:m,as:p="h1",color:e,html:n,...f}=r,a=n?{dangerouslySetInnerHTML:{__html:n}}:null,c=e?{style:{color:e}}:null;return o(y,{...f,ref:l,className:x(H({size:h,weight:d,align:g}),s),...a,...c,children:m?t:o(p,{children:a?null:t})})});i.displayName="Heading";export{i as Heading};
 //# sourceMappingURL=heading.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/heading.tsx"],
-  "sourcesContent": ["import { cn } from '../helpers/index.js'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport React from 'react'\n\nconst headingVariants = cva('ai-leading-tight ai-tracking', {\n  variants: {\n    size: {\n      none: '',\n      1: 'ai-text-xs',\n      2: 'ai-text-sm',\n      3: 'ai-text-base',\n      4: 'ai-text-lg',\n      5: 'ai-text-xl',\n      6: 'ai-text-2xl',\n      7: 'ai-text-3xl',\n      8: 'ai-text-4xl',\n      9: 'ai-text-5xl',\n    },\n    weight: {\n      light: 'ai-font-light',\n      normal: 'ai-font-normal',\n      medium: 'ai-font-medium',\n      bold: 'ai-font-bold',\n    },\n    align: {\n      left: 'ai-text-left',\n      center: 'ai-text-center',\n      right: 'ai-text-right',\n    },\n  },\n  defaultVariants: {\n    size: 'none',\n    weight: 'normal',\n  },\n})\n\ntype HeadingElement = React.ElementRef<'h1'>\n\ninterface HeadingProps extends React.ComponentPropsWithoutRef<'h1'>, VariantProps<typeof headingVariants> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  asChild?: boolean\n  color?: string\n  html?: string\n}\n\nconst Heading = React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n  const { children, className, size, align, weight, asChild, as: Tag = 'h1', color, html, ...headingProps } = props\n  const htmlContentProps = html\n    ? {\n        dangerouslySetInnerHTML: { __html: html },\n      }\n    : null\n\n  const styleProps = color\n    ? {\n        style: {\n          color,\n        },\n      }\n    : null\n  return (\n    <Slot\n      {...headingProps}\n      ref={forwardedRef}\n      className={cn(\n        headingVariants({\n          size,\n          weight,\n          align,\n        }),\n        className\n      )}\n      {...htmlContentProps}\n      {...styleProps}\n    >\n      {asChild ? children : <Tag>{htmlContentProps ? null : children}</Tag>}\n    </Slot>\n  )\n})\n\nHeading.displayName = 'Heading'\n\nexport { Heading }\nexport type { HeadingProps }\n"],
-  "mappings": "AA4E4B,cAAAA,MAAA,oBA5E5B,OAAS,MAAAC,MAAU,sBACnB,OAAS,QAAAC,MAAY,uBACrB,OAAS,OAAAC,MAA8B,2BACvC,OAAOC,MAAW,QAElB,MAAMC,EAAkBF,EAAI,+BAAgC,CAC1D,SAAU,CACR,KAAM,CACJ,KAAM,GACN,EAAG,aACH,EAAG,aACH,EAAG,eACH,EAAG,aACH,EAAG,aACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,aACL,EACA,OAAQ,CACN,MAAO,gBACP,OAAQ,iBACR,OAAQ,iBACR,KAAM,cACR,EACA,MAAO,CACL,KAAM,eACN,OAAQ,iBACR,MAAO,eACT,CACF,EACA,gBAAiB,CACf,KAAM,OACN,OAAQ,QACV,CACF,CAAC,EAWKG,EAAUF,EAAM,WAAyC,CAACG,EAAOC,IAAiB,CACtF,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAAM,MAAAC,EAAO,OAAAC,EAAQ,QAAAC,EAAS,GAAIC,EAAM,KAAM,MAAAC,EAAO,KAAAC,EAAM,GAAGC,CAAa,EAAIX,EACtGY,EAAmBF,EACrB,CACE,wBAAyB,CAAE,OAAQA,CAAK,CAC1C,EACA,KAEEG,EAAaJ,EACf,CACE,MAAO,CACL,MAAAA,CACF,CACF,EACA,KACJ,OACEhB,EAACE,EAAA,CACE,GAAGgB,EACJ,IAAKV,EACL,UAAWP,EACTI,EAAgB,CACd,KAAAM,EACA,OAAAE,EACA,MAAAD,CACF,CAAC,EACDF,CACF,EACC,GAAGS,EACH,GAAGC,EAEH,SAAAN,EAAUL,EAAWT,EAACe,EAAA,CAAK,SAAAI,EAAmB,KAAOV,EAAS,EACjE,CAEJ,CAAC,EAEDH,EAAQ,YAAc",
+  "sourcesContent": ["import { cn } from '../helpers/index.js'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport React from 'react'\n\nconst headingVariants = cva('leading-tight tracking text-info-primary', {\n  variants: {\n    size: {\n      1: 'text-heading-1',\n      2: 'text-heading-2',\n      3: 'text-heading-3',\n      4: 'text-hedaing-4',\n      5: 'text-heading-5',\n    },\n    weight: {\n      light: 'font-light',\n      normal: 'font-normal',\n      medium: 'font-medium',\n      bold: 'font-bold',\n    },\n    align: {\n      left: 'text-left',\n      center: 'text-center',\n      right: 'text-right',\n    },\n  },\n  defaultVariants: {\n    size: 5,\n    weight: 'normal',\n  },\n})\n\ntype HeadingElement = React.ElementRef<'h1'>\n\ninterface HeadingProps extends React.ComponentPropsWithoutRef<'h1'>, VariantProps<typeof headingVariants> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  asChild?: boolean\n  color?: string\n  html?: string\n}\n\nconst Heading = React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n  const { children, className, size = 5, align, weight, asChild, as: Tag = 'h1', color, html, ...headingProps } = props\n  const htmlContentProps = html\n    ? {\n      dangerouslySetInnerHTML: { __html: html },\n    }\n    : null\n\n  const styleProps = color\n    ? {\n      style: {\n        color,\n      },\n    }\n    : null\n  return (\n    <Slot\n      {...headingProps}\n      ref={forwardedRef}\n      className={cn(\n        headingVariants({\n          size,\n          weight,\n          align,\n        }),\n        className\n      )}\n      {...htmlContentProps}\n      {...styleProps}\n    >\n      {asChild ? children : <Tag>{htmlContentProps ? null : children}</Tag>}\n    </Slot>\n  )\n})\n\nHeading.displayName = 'Heading'\n\nexport { Heading }\nexport type { HeadingProps }\n"],
+  "mappings": "AAuE4B,cAAAA,MAAA,oBAvE5B,OAAS,MAAAC,MAAU,sBACnB,OAAS,QAAAC,MAAY,uBACrB,OAAS,OAAAC,MAA8B,2BACvC,OAAOC,MAAW,QAElB,MAAMC,EAAkBF,EAAI,2CAA4C,CACtE,SAAU,CACR,KAAM,CACJ,EAAG,iBACH,EAAG,iBACH,EAAG,iBACH,EAAG,iBACH,EAAG,gBACL,EACA,OAAQ,CACN,MAAO,aACP,OAAQ,cACR,OAAQ,cACR,KAAM,WACR,EACA,MAAO,CACL,KAAM,YACN,OAAQ,cACR,MAAO,YACT,CACF,EACA,gBAAiB,CACf,KAAM,EACN,OAAQ,QACV,CACF,CAAC,EAWKG,EAAUF,EAAM,WAAyC,CAACG,EAAOC,IAAiB,CACtF,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAAO,EAAG,MAAAC,EAAO,OAAAC,EAAQ,QAAAC,EAAS,GAAIC,EAAM,KAAM,MAAAC,EAAO,KAAAC,EAAM,GAAGC,CAAa,EAAIX,EAC1GY,EAAmBF,EACrB,CACA,wBAAyB,CAAE,OAAQA,CAAK,CAC1C,EACE,KAEEG,EAAaJ,EACf,CACA,MAAO,CACL,MAAAA,CACF,CACF,EACE,KACJ,OACEhB,EAACE,EAAA,CACE,GAAGgB,EACJ,IAAKV,EACL,UAAWP,EACTI,EAAgB,CACd,KAAAM,EACA,OAAAE,EACA,MAAAD,CACF,CAAC,EACDF,CACF,EACC,GAAGS,EACH,GAAGC,EAEH,SAAAN,EAAUL,EAAWT,EAACe,EAAA,CAAK,SAAAI,EAAmB,KAAOV,EAAS,EACjE,CAEJ,CAAC,EAEDH,EAAQ,YAAc",
   "names": ["jsx", "cn", "Slot", "cva", "React", "headingVariants", "Heading", "props", "forwardedRef", "children", "className", "size", "align", "weight", "asChild", "Tag", "color", "html", "headingProps", "htmlContentProps", "styleProps"]
 }

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

@@ -6,8 +6,19 @@ export { default as Skeleton } from './skeleton.js';
 export * from './dialog.js';
 export * from './popover.js';
 export * from './radio.js';
-export * from './dialog.js';
 export * from './text.js';
+export * from './gird.js';
 export * from './heading.js';
+export * from './container.js';
+export * from './color.js';
+export * from './drawer.js';
+export * from './link.js';
+export * from './avatar.js';
+export * from './input-number.js';
+export * from './drop-down.js';
+export * from './card.js';
+export * from './carousel.js';
+export * from './tabs.js';
+export * from './alert.js';
 export { default as Picture } from './picture.js';
 export { default as Theme } from './theme.js';

package/dist/esm/components/index.js

@@ -1,2 +1,2 @@
-import{default as e}from"./button.js";import{default as f}from"./badge.js";export*from"./input.js";import{default as a}from"./checkbox.js";import{default as u}from"./skeleton.js";export*from"./dialog.js";export*from"./popover.js";export*from"./radio.js";export*from"./dialog.js";export*from"./text.js";export*from"./heading.js";import{default as B}from"./picture.js";import{default as g}from"./theme.js";export{f as Badge,e as Button,a as Checkbox,B as Picture,u as Skeleton,g as Theme};
+import{default as e}from"./button.js";import{default as f}from"./badge.js";export*from"./input.js";import{default as p}from"./checkbox.js";import{default as u}from"./skeleton.js";export*from"./dialog.js";export*from"./popover.js";export*from"./radio.js";export*from"./text.js";export*from"./gird.js";export*from"./heading.js";export*from"./container.js";export*from"./color.js";export*from"./drawer.js";export*from"./link.js";export*from"./avatar.js";export*from"./input-number.js";export*from"./drop-down.js";export*from"./card.js";export*from"./carousel.js";export*from"./tabs.js";export*from"./alert.js";import{default as w}from"./picture.js";import{default as z}from"./theme.js";export{f as Badge,e as Button,p as Checkbox,w as Picture,u as Skeleton,z as Theme};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.ts"],
-  "sourcesContent": ["// theme\n// export { default as Theme } from './theme'\n\n// components\nexport { default as Button } from './button.js'\nexport { default as Badge } from './badge.js'\nexport * from './input.js'\n\nexport { default as Checkbox } from './checkbox.js'\n\nexport { default as Skeleton } from './skeleton.js'\nexport * from './dialog.js'\nexport * from './popover.js'\nexport * from './radio.js'\nexport * from './dialog.js'\nexport * from './text.js'\nexport * from './heading.js'\nexport { default as Picture } from './picture.js'\nexport { default as Theme } from './theme.js'\n"],
-  "mappings": "AAIA,OAAoB,WAAXA,MAAyB,cAClC,OAAoB,WAAXA,MAAwB,aACjC,WAAc,aAEd,OAAoB,WAAXA,MAA2B,gBAEpC,OAAoB,WAAXA,MAA2B,gBACpC,WAAc,cACd,WAAc,eACd,WAAc,aACd,WAAc,cACd,WAAc,YACd,WAAc,eACd,OAAoB,WAAXA,MAA0B,eACnC,OAAoB,WAAXA,MAAwB",
+  "sourcesContent": ["export { default as Button } from './button.js'\nexport { default as Badge } from './badge.js'\nexport * from './input.js'\n\nexport { default as Checkbox } from './checkbox.js'\n\nexport { default as Skeleton } from './skeleton.js'\nexport * from './dialog.js'\nexport * from './popover.js'\nexport * from './radio.js'\nexport * from './text.js'\nexport * from './gird.js'\nexport * from './heading.js'\nexport * from './container.js'\nexport * from './color.js'\nexport * from './drawer.js'\nexport * from './link.js'\nexport * from './avatar.js'\nexport * from './input-number.js'\nexport * from './drop-down.js'\nexport * from './card.js'\nexport * from './carousel.js'\nexport * from './tabs.js'\nexport * from './alert.js'\nexport { default as Picture } from './picture.js'\nexport { default as Theme } from './theme.js'\n"],
+  "mappings": "AAAA,OAAoB,WAAXA,MAAyB,cAClC,OAAoB,WAAXA,MAAwB,aACjC,WAAc,aAEd,OAAoB,WAAXA,MAA2B,gBAEpC,OAAoB,WAAXA,MAA2B,gBACpC,WAAc,cACd,WAAc,eACd,WAAc,aACd,WAAc,YACd,WAAc,YACd,WAAc,eACd,WAAc,iBACd,WAAc,aACd,WAAc,cACd,WAAc,YACd,WAAc,cACd,WAAc,oBACd,WAAc,iBACd,WAAc,YACd,WAAc,gBACd,WAAc,YACd,WAAc,aACd,OAAoB,WAAXA,MAA0B,eACnC,OAAoB,WAAXA,MAAwB",
   "names": ["default"]
 }

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

@@ -0,0 +1,78 @@
+import React from 'react';
+import type { KeyboardEvent, FocusEvent } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+declare const InputNumberVariants: (props?: ({
+    status?: "default" | "error" | "success" | "warning" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+type ColorType = 'default' | 'success' | 'warning' | 'error' | null;
+type InputNumberProps = {
+    /** 定义子组件作为父组件的类型,详细使用方式请参考radix-ui */
+    asChild?: boolean;
+    /** 类名*/
+    className?: string;
+    /** 输入框下方提示文本，会根据不同的 status 呈现不同的样式*/
+    tips?: string;
+    /** 文本框状态*/
+    status?: ColorType;
+    /** 数字输入框的值 */
+    value?: number;
+    /** 数字输入框的初始值 */
+    defaultValue?: number;
+    /** 数值改变步数 */
+    step?: number;
+    /** 最小值 */
+    min?: number;
+    /** 最大值 */
+    max?: number;
+    /** 是否禁用*/
+    disabled?: boolean;
+    /** 是否只读*/
+    readonly?: boolean;
+    /** 样式*/
+    style?: React.CSSProperties;
+    /** 值变化时触发*/
+    onChange?: (value: number) => void;
+    /** 失去焦点时触发*/
+    onBlur?: (value: number, e: FocusEvent) => void;
+    /** 按下回车键时触发*/
+    onEnter?: (value: number, e: KeyboardEvent) => void;
+} & VariantProps<typeof InputNumberVariants> & ComponentPropsWithout<'div', RemovedProps>;
+declare const InputNumber: React.ForwardRefExoticComponent<{
+    /** 定义子组件作为父组件的类型,详细使用方式请参考radix-ui */
+    asChild?: boolean;
+    /** 类名*/
+    className?: string;
+    /** 输入框下方提示文本，会根据不同的 status 呈现不同的样式*/
+    tips?: string;
+    /** 文本框状态*/
+    status?: ColorType;
+    /** 数字输入框的值 */
+    value?: number;
+    /** 数字输入框的初始值 */
+    defaultValue?: number;
+    /** 数值改变步数 */
+    step?: number;
+    /** 最小值 */
+    min?: number;
+    /** 最大值 */
+    max?: number;
+    /** 是否禁用*/
+    disabled?: boolean;
+    /** 是否只读*/
+    readonly?: boolean;
+    /** 样式*/
+    style?: React.CSSProperties;
+    /** 值变化时触发*/
+    onChange?: (value: number) => void;
+    /** 失去焦点时触发*/
+    onBlur?: (value: number, e: FocusEvent) => void;
+    /** 按下回车键时触发*/
+    onEnter?: (value: number, e: KeyboardEvent) => void;
+} & VariantProps<(props?: ({
+    status?: "default" | "error" | "success" | "warning" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & ComponentPropsWithout<"div", RemovedProps> & React.RefAttributes<HTMLDivElement>>;
+export default InputNumber;
+export type { InputNumberProps };

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

@@ -0,0 +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};
+//# sourceMappingURL=input-number.js.map

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

@@ -0,0 +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\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"]
+}

package/dist/esm/components/input.js

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

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

@@ -0,0 +1,47 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+declare const linkVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+    underline?: "none" | "always" | "hover" | null | undefined;
+    hoverColor?: "none" | "hover" | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+type LinkProps = {
+    /** 定义子组件作为父组件的类型,详细使用方式请参考radix-ui */
+    asChild?: boolean;
+    /** 类名*/
+    className?: string;
+    /** 禁用链接 */
+    disabled?: boolean;
+    /** 后置图标*/
+    suffixIcon?: ReactNode;
+    /** 跳转链接*/
+    href?: string;
+    /** 样式*/
+    style?: React.CSSProperties;
+    /** 点击事件，禁用状态无法触发*/
+    onClick?: Function;
+} & VariantProps<typeof linkVariants> & ComponentPropsWithout<'a', RemovedProps>;
+declare const Link: React.ForwardRefExoticComponent<{
+    /** 定义子组件作为父组件的类型,详细使用方式请参考radix-ui */
+    asChild?: boolean;
+    /** 类名*/
+    className?: string;
+    /** 禁用链接 */
+    disabled?: boolean;
+    /** 后置图标*/
+    suffixIcon?: ReactNode;
+    /** 跳转链接*/
+    href?: string;
+    /** 样式*/
+    style?: React.CSSProperties;
+    /** 点击事件，禁用状态无法触发*/
+    onClick?: Function;
+} & VariantProps<(props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+    underline?: "none" | "always" | "hover" | null | undefined;
+    hoverColor?: "none" | "hover" | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & ComponentPropsWithout<"a", RemovedProps> & React.RefAttributes<HTMLAnchorElement>>;
+export default Link;
+export type { LinkProps };

package/dist/esm/components/link.js

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

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

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

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

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

package/dist/esm/components/picture.js

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