npm - @sth87/shadcn-design-system - Versions diffs - 0.0.1 → 0.0.2 - Mend

@sth87/shadcn-design-system 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (621) hide show

package/dist/cjs/components/Accordion/Accordion.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),j=require("react"),t=require("@dsui/ui/components/accordion"),o=require("@dsui/ui/lib/utils"),A={primary:{trigger:"data-[state=open]:bg-primary/10 data-[state=open]:text-primary data-[state=open]:rounded-b-none data-[state=open]:border-primary/20",content:"bg-primary/10 rounded-b-md"},secondary:{trigger:"data-[state=open]:bg-secondary/10 data-[state=open]:text-secondary data-[state=open]:rounded-b-none data-[state=open]:border-secondary/20",content:"bg-secondary/10 rounded-b-md"},success:{trigger:"data-[state=open]:bg-success/10 data-[state=open]:text-success data-[state=open]:rounded-b-none data-[state=open]:border-success/20",content:"bg-success/10 rounded-b-md"},warning:{trigger:"data-[state=open]:bg-warning/10 data-[state=open]:text-warning data-[state=open]:rounded-b-none data-[state=open]:border-warning/20",content:"bg-warning/10 rounded-b-md"},error:{trigger:"data-[state=open]:bg-error/10 data-[state=open]:text-error data-[state=open]:rounded-b-none data-[state=open]:border-error/20",content:"bg-error/10 rounded-b-md"},glass:{trigger:"data-[state=open]:bg-glass/10 data-[state=open]:text-glass data-[state=open]:rounded-b-none data-[state=open]:border-glass/20",content:"bg-glass/10 rounded-b-md"}},v={default:{root:"rounded-lg",item:"px-0",trigger:"px-4 hover:bg-accent/50",content:"px-4"},bordered:{root:"rounded-lg border-2 divide-y-2",item:"px-0 border-0",trigger:"px-4 font-semibold hover:bg-accent",content:"px-4"},separated:{root:"space-y-2",item:"rounded-lg border bg-card last:border-b",trigger:"px-4 hover:bg-accent/50",content:"px-4"},ghost:{root:"",item:"border-0",trigger:"px-2 hover:bg-accent/30 rounded-md",content:"px-2"}},l=j.forwardRef((N,a)=>{const{items:i,variant:C="default",color:s,className:c,itemClassName:p,triggerClassName:u,contentClassName:b,children:g,type:m,...d}=N,r=v[C],x=s?A[s].trigger:"",y=s?A[s].content:"";return g&&!i?m==="multiple"?n.jsx(t.Accordion,{ref:a,type:"multiple",className:o.cn(r.root,c),...d,children:g}):n.jsx(t.Accordion,{ref:a,type:"single",className:o.cn(r.root,c),...d,children:g}):m==="multiple"?n.jsx(t.Accordion,{ref:a,type:"multiple",className:o.cn(r.root,c),...d,children:i?.map(e=>n.jsxs(t.AccordionItem,{value:e.value,disabled:e.disabled,className:o.cn(r.item,p,e.className),children:[n.jsx(t.AccordionTrigger,{className:o.cn(r.trigger,x,u,e.triggerClassName),children:e.trigger}),n.jsx(t.AccordionContent,{className:o.cn(r.content,y,b,e.contentClassName),children:e.content})]},e.value))}):n.jsx(t.Accordion,{ref:a,type:"single",className:o.cn(r.root,c),...d,children:i?.map(e=>n.jsxs(t.AccordionItem,{value:e.value,disabled:e.disabled,className:o.cn(r.item,p,e.className),children:[n.jsx(t.AccordionTrigger,{className:o.cn(r.trigger,x,u,e.triggerClassName),children:e.trigger}),n.jsx(t.AccordionContent,{className:o.cn(r.content,y,b,e.contentClassName),children:e?.content})]},e.value))})});l.displayName="Accordion";const h=Object.assign(l,{Item:t.AccordionItem,Trigger:t.AccordionTrigger,Content:t.AccordionContent});Object.defineProperty(exports,"AccordionContent",{enumerable:!0,get:()=>t.AccordionContent});Object.defineProperty(exports,"AccordionItem",{enumerable:!0,get:()=>t.AccordionItem});Object.defineProperty(exports,"AccordionTrigger",{enumerable:!0,get:()=>t.AccordionTrigger});exports.Accordion=l;exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),v=require("react"),t=require("../../packages/ui/src/components/accordion.cjs"),n=require("../../packages/ui/src/lib/utils.cjs"),y={primary:{trigger:"data-[state=open]:bg-primary/10 data-[state=open]:text-primary data-[state=open]:rounded-b-none data-[state=open]:border-primary/20",content:"bg-primary/10 rounded-b-md"},secondary:{trigger:"data-[state=open]:bg-secondary/10 data-[state=open]:text-secondary data-[state=open]:rounded-b-none data-[state=open]:border-secondary/20",content:"bg-secondary/10 rounded-b-md"},success:{trigger:"data-[state=open]:bg-success/10 data-[state=open]:text-success data-[state=open]:rounded-b-none data-[state=open]:border-success/20",content:"bg-success/10 rounded-b-md"},warning:{trigger:"data-[state=open]:bg-warning/10 data-[state=open]:text-warning data-[state=open]:rounded-b-none data-[state=open]:border-warning/20",content:"bg-warning/10 rounded-b-md"},error:{trigger:"data-[state=open]:bg-error/10 data-[state=open]:text-error data-[state=open]:rounded-b-none data-[state=open]:border-error/20",content:"bg-error/10 rounded-b-md"},glass:{trigger:"data-[state=open]:bg-glass/10 data-[state=open]:text-glass data-[state=open]:rounded-b-none data-[state=open]:border-glass/20",content:"bg-glass/10 rounded-b-md"}},h={default:{root:"rounded-lg",item:"px-0",trigger:"px-4 hover:bg-accent/50",content:"px-4"},bordered:{root:"rounded-lg border-2 divide-y-2",item:"px-0 border-0",trigger:"px-4 font-semibold hover:bg-accent",content:"px-4"},separated:{root:"space-y-2",item:"rounded-lg border bg-card last:border-b",trigger:"px-4 hover:bg-accent/50",content:"px-4"},ghost:{root:"",item:"border-0",trigger:"px-2 hover:bg-accent/30 rounded-md",content:"px-2"}},l=v.forwardRef((N,a)=>{const{items:i,variant:C="default",color:s,className:c,itemClassName:p,triggerClassName:u,contentClassName:b,children:g,type:m,...d}=N,r=h[C],x=s?y[s].trigger:"",A=s?y[s].content:"";return g&&!i?m==="multiple"?o.jsx(t.Accordion,{ref:a,type:"multiple",className:n.cn(r.root,c),...d,children:g}):o.jsx(t.Accordion,{ref:a,type:"single",className:n.cn(r.root,c),...d,children:g}):m==="multiple"?o.jsx(t.Accordion,{ref:a,type:"multiple",className:n.cn(r.root,c),...d,children:i?.map(e=>o.jsxs(t.AccordionItem,{value:e.value,disabled:e.disabled,className:n.cn(r.item,p,e.className),children:[o.jsx(t.AccordionTrigger,{className:n.cn(r.trigger,x,u,e.triggerClassName),children:e.trigger}),o.jsx(t.AccordionContent,{className:n.cn(r.content,A,b,e.contentClassName),children:e.content})]},e.value))}):o.jsx(t.Accordion,{ref:a,type:"single",className:n.cn(r.root,c),...d,children:i?.map(e=>o.jsxs(t.AccordionItem,{value:e.value,disabled:e.disabled,className:n.cn(r.item,p,e.className),children:[o.jsx(t.AccordionTrigger,{className:n.cn(r.trigger,x,u,e.triggerClassName),children:e.trigger}),o.jsx(t.AccordionContent,{className:n.cn(r.content,A,b,e.contentClassName),children:e?.content})]},e.value))})});l.displayName="Accordion";const j=Object.assign(l,{Item:t.AccordionItem,Trigger:t.AccordionTrigger,Content:t.AccordionContent});exports.AccordionContent=t.AccordionContent;exports.AccordionItem=t.AccordionItem;exports.AccordionTrigger=t.AccordionTrigger;exports.Accordion=l;exports.default=j;
 //# sourceMappingURL=Accordion.cjs.map

package/dist/cjs/components/Accordion/Accordion.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.cjs","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n Accordion as SAccordion,\n AccordionItem,\n AccordionTrigger,\n AccordionContent,\n} from \"@dsui/ui/components/accordion\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { type BasicColor } from \"@/types/variables\";\n\nexport type AccordionItemConfig = {\n value: string;\n trigger: React.ReactNode;\n content?: React.ReactNode;\n disabled?: boolean;\n className?: string;\n triggerClassName?: string;\n contentClassName?: string;\n};\n\ntype AccordionBaseProps = {\n items?: AccordionItemConfig[];\n variant?: \"default\" \| \"bordered\" \| \"separated\" \| \"ghost\";\n color?: BasicColor;\n itemClassName?: string;\n triggerClassName?: string;\n contentClassName?: string;\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n dir?: \"ltr\" \| \"rtl\";\n orientation?: \"horizontal\" \| \"vertical\";\n asChild?: boolean;\n};\n\ntype AccordionSingleProps = AccordionBaseProps & {\n type: \"single\";\n value?: string;\n defaultValue?: string;\n collapsible?: boolean;\n onValueChange?: (newValue: string) => void;\n};\n\ntype AccordionMultipleProps = AccordionBaseProps & {\n type: \"multiple\";\n value?: string[];\n defaultValue?: string[];\n onValueChange?: (newValue: string[]) => void;\n};\n\nexport type AccordionProps = AccordionSingleProps \| AccordionMultipleProps;\n\nconst colorVariants = {\n primary: {\n trigger:\n \"data-[state=open]:bg-primary/10 data-[state=open]:text-primary data-[state=open]:rounded-b-none data-[state=open]:border-primary/20\",\n content: \"bg-primary/10 rounded-b-md\",\n },\n secondary: {\n trigger:\n \"data-[state=open]:bg-secondary/10 data-[state=open]:text-secondary data-[state=open]:rounded-b-none data-[state=open]:border-secondary/20\",\n content: \"bg-secondary/10 rounded-b-md\",\n },\n success: {\n trigger:\n \"data-[state=open]:bg-success/10 data-[state=open]:text-success data-[state=open]:rounded-b-none data-[state=open]:border-success/20\",\n content: \"bg-success/10 rounded-b-md\",\n },\n warning: {\n trigger:\n \"data-[state=open]:bg-warning/10 data-[state=open]:text-warning data-[state=open]:rounded-b-none data-[state=open]:border-warning/20\",\n content: \"bg-warning/10 rounded-b-md\",\n },\n error: {\n trigger:\n \"data-[state=open]:bg-error/10 data-[state=open]:text-error data-[state=open]:rounded-b-none data-[state=open]:border-error/20\",\n content: \"bg-error/10 rounded-b-md\",\n },\n glass: {\n trigger:\n \"data-[state=open]:bg-glass/10 data-[state=open]:text-glass data-[state=open]:rounded-b-none data-[state=open]:border-glass/20\",\n content: \"bg-glass/10 rounded-b-md\",\n },\n};\n\nconst variantStyles = {\n default: {\n root: \"rounded-lg\",\n item: \"px-0\",\n trigger: \"px-4 hover:bg-accent/50\",\n content: \"px-4\",\n },\n bordered: {\n root: \"rounded-lg border-2 divide-y-2\",\n item: \"px-0 border-0\",\n trigger: \"px-4 font-semibold hover:bg-accent\",\n content: \"px-4\",\n },\n separated: {\n root: \"space-y-2\",\n item: \"rounded-lg border bg-card last:border-b\",\n trigger: \"px-4 hover:bg-accent/50\",\n content: \"px-4\",\n },\n ghost: {\n root: \"\",\n item: \"border-0\",\n trigger: \"px-2 hover:bg-accent/30 rounded-md\",\n content: \"px-2\",\n },\n};\n\nconst Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n (props, ref) => {\n const {\n items,\n variant = \"default\",\n color,\n className,\n itemClassName,\n triggerClassName,\n contentClassName,\n children,\n type,\n ...rest\n } = props;\n\n const styles = variantStyles[variant];\n const triggerColorClass = color ? colorVariants[color].trigger : \"\";\n const contentColorClass = color ? colorVariants[color].content : \"\";\n\n // If children are provided, use them directly (primitive usage)\n if (children && !items) {\n if (type === \"multiple\") {\n return (\n <SAccordion\n ref={ref}\n type=\"multiple\"\n className={cn(styles.root, className)}\n {...(rest as Omit<\n AccordionMultipleProps,\n keyof AccordionBaseProps \| \"type\"\n >)}\n >\n {children}\n </SAccordion>\n );\n }\n return (\n <SAccordion\n ref={ref}\n type=\"single\"\n className={cn(styles.root, className)}\n {...(rest as Omit<\n AccordionSingleProps,\n keyof AccordionBaseProps \| \"type\"\n >)}\n >\n {children}\n </SAccordion>\n );\n }\n\n // Wrapper usage with items array\n if (type === \"multiple\") {\n return (\n <SAccordion\n ref={ref}\n type=\"multiple\"\n className={cn(styles.root, className)}\n {...(rest as Omit<\n AccordionMultipleProps,\n keyof AccordionBaseProps \| \"type\"\n >)}\n >\n {items?.map((item) => (\n <AccordionItem\n key={item.value}\n value={item.value}\n disabled={item.disabled}\n className={cn(styles.item, itemClassName, item.className)}\n >\n <AccordionTrigger\n className={cn(\n styles.trigger,\n triggerColorClass,\n triggerClassName,\n item.triggerClassName,\n )}\n >\n {item.trigger}\n </AccordionTrigger>\n <AccordionContent\n className={cn(\n styles.content,\n contentColorClass,\n contentClassName,\n item.contentClassName,\n )}\n >\n {item.content}\n </AccordionContent>\n </AccordionItem>\n ))}\n </SAccordion>\n );\n }\n\n return (\n <SAccordion\n ref={ref}\n type=\"single\"\n className={cn(styles.root, className)}\n {...(rest as Omit<\n AccordionSingleProps,\n keyof AccordionBaseProps \| \"type\"\n >)}\n >\n {items?.map((item) => (\n <AccordionItem\n key={item.value}\n value={item.value}\n disabled={item.disabled}\n className={cn(styles.item, itemClassName, item.className)}\n >\n <AccordionTrigger\n className={cn(\n styles.trigger,\n triggerColorClass,\n triggerClassName,\n item.triggerClassName,\n )}\n >\n {item.trigger}\n </AccordionTrigger>\n <AccordionContent\n className={cn(\n styles.content,\n contentColorClass,\n contentClassName,\n item.contentClassName,\n )}\n >\n {item?.content}\n </AccordionContent>\n </AccordionItem>\n ))}\n </SAccordion>\n );\n },\n);\n\nAccordion.displayName = \"Accordion\";\n\n// Create compound component\nconst AccordionCompound = Object.assign(Accordion, {\n Item: AccordionItem,\n Trigger: AccordionTrigger,\n Content: AccordionContent,\n});\n\nexport default AccordionCompound;\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["colorVariants","variantStyles","Accordion","React","props","ref","items","variant","color","className","itemClassName","triggerClassName","contentClassName","children","type","rest","styles","triggerColorClass","contentColorClass","jsx","SAccordion","cn","item","jsxs","AccordionItem","AccordionTrigger","AccordionContent","AccordionCompound"],"mappings":"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"}
1	+ {"version":3,"file":"Accordion.cjs","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n Accordion as SAccordion,\n AccordionItem,\n AccordionTrigger,\n AccordionContent,\n} from \"@dsui/ui/components/accordion\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { type BasicColor } from \"@/types/variables\";\n\nexport type AccordionItemConfig = {\n value: string;\n trigger: React.ReactNode;\n content?: React.ReactNode;\n disabled?: boolean;\n className?: string;\n triggerClassName?: string;\n contentClassName?: string;\n};\n\ntype AccordionBaseProps = {\n items?: AccordionItemConfig[];\n variant?: \"default\" \| \"bordered\" \| \"separated\" \| \"ghost\";\n color?: BasicColor;\n itemClassName?: string;\n triggerClassName?: string;\n contentClassName?: string;\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n dir?: \"ltr\" \| \"rtl\";\n orientation?: \"horizontal\" \| \"vertical\";\n asChild?: boolean;\n};\n\ntype AccordionSingleProps = AccordionBaseProps & {\n type: \"single\";\n value?: string;\n defaultValue?: string;\n collapsible?: boolean;\n onValueChange?: (newValue: string) => void;\n};\n\ntype AccordionMultipleProps = AccordionBaseProps & {\n type: \"multiple\";\n value?: string[];\n defaultValue?: string[];\n onValueChange?: (newValue: string[]) => void;\n};\n\nexport type AccordionProps = AccordionSingleProps \| AccordionMultipleProps;\n\nconst colorVariants = {\n primary: {\n trigger:\n \"data-[state=open]:bg-primary/10 data-[state=open]:text-primary data-[state=open]:rounded-b-none data-[state=open]:border-primary/20\",\n content: \"bg-primary/10 rounded-b-md\",\n },\n secondary: {\n trigger:\n \"data-[state=open]:bg-secondary/10 data-[state=open]:text-secondary data-[state=open]:rounded-b-none data-[state=open]:border-secondary/20\",\n content: \"bg-secondary/10 rounded-b-md\",\n },\n success: {\n trigger:\n \"data-[state=open]:bg-success/10 data-[state=open]:text-success data-[state=open]:rounded-b-none data-[state=open]:border-success/20\",\n content: \"bg-success/10 rounded-b-md\",\n },\n warning: {\n trigger:\n \"data-[state=open]:bg-warning/10 data-[state=open]:text-warning data-[state=open]:rounded-b-none data-[state=open]:border-warning/20\",\n content: \"bg-warning/10 rounded-b-md\",\n },\n error: {\n trigger:\n \"data-[state=open]:bg-error/10 data-[state=open]:text-error data-[state=open]:rounded-b-none data-[state=open]:border-error/20\",\n content: \"bg-error/10 rounded-b-md\",\n },\n glass: {\n trigger:\n \"data-[state=open]:bg-glass/10 data-[state=open]:text-glass data-[state=open]:rounded-b-none data-[state=open]:border-glass/20\",\n content: \"bg-glass/10 rounded-b-md\",\n },\n};\n\nconst variantStyles = {\n default: {\n root: \"rounded-lg\",\n item: \"px-0\",\n trigger: \"px-4 hover:bg-accent/50\",\n content: \"px-4\",\n },\n bordered: {\n root: \"rounded-lg border-2 divide-y-2\",\n item: \"px-0 border-0\",\n trigger: \"px-4 font-semibold hover:bg-accent\",\n content: \"px-4\",\n },\n separated: {\n root: \"space-y-2\",\n item: \"rounded-lg border bg-card last:border-b\",\n trigger: \"px-4 hover:bg-accent/50\",\n content: \"px-4\",\n },\n ghost: {\n root: \"\",\n item: \"border-0\",\n trigger: \"px-2 hover:bg-accent/30 rounded-md\",\n content: \"px-2\",\n },\n};\n\nconst Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n (props, ref) => {\n const {\n items,\n variant = \"default\",\n color,\n className,\n itemClassName,\n triggerClassName,\n contentClassName,\n children,\n type,\n ...rest\n } = props;\n\n const styles = variantStyles[variant];\n const triggerColorClass = color ? colorVariants[color].trigger : \"\";\n const contentColorClass = color ? colorVariants[color].content : \"\";\n\n // If children are provided, use them directly (primitive usage)\n if (children && !items) {\n if (type === \"multiple\") {\n return (\n <SAccordion\n ref={ref}\n type=\"multiple\"\n className={cn(styles.root, className)}\n {...(rest as Omit<\n AccordionMultipleProps,\n keyof AccordionBaseProps \| \"type\"\n >)}\n >\n {children}\n </SAccordion>\n );\n }\n return (\n <SAccordion\n ref={ref}\n type=\"single\"\n className={cn(styles.root, className)}\n {...(rest as Omit<\n AccordionSingleProps,\n keyof AccordionBaseProps \| \"type\"\n >)}\n >\n {children}\n </SAccordion>\n );\n }\n\n // Wrapper usage with items array\n if (type === \"multiple\") {\n return (\n <SAccordion\n ref={ref}\n type=\"multiple\"\n className={cn(styles.root, className)}\n {...(rest as Omit<\n AccordionMultipleProps,\n keyof AccordionBaseProps \| \"type\"\n >)}\n >\n {items?.map((item) => (\n <AccordionItem\n key={item.value}\n value={item.value}\n disabled={item.disabled}\n className={cn(styles.item, itemClassName, item.className)}\n >\n <AccordionTrigger\n className={cn(\n styles.trigger,\n triggerColorClass,\n triggerClassName,\n item.triggerClassName\n )}\n >\n {item.trigger}\n </AccordionTrigger>\n <AccordionContent\n className={cn(\n styles.content,\n contentColorClass,\n contentClassName,\n item.contentClassName\n )}\n >\n {item.content}\n </AccordionContent>\n </AccordionItem>\n ))}\n </SAccordion>\n );\n }\n\n return (\n <SAccordion\n ref={ref}\n type=\"single\"\n className={cn(styles.root, className)}\n {...(rest as Omit<\n AccordionSingleProps,\n keyof AccordionBaseProps \| \"type\"\n >)}\n >\n {items?.map((item) => (\n <AccordionItem\n key={item.value}\n value={item.value}\n disabled={item.disabled}\n className={cn(styles.item, itemClassName, item.className)}\n >\n <AccordionTrigger\n className={cn(\n styles.trigger,\n triggerColorClass,\n triggerClassName,\n item.triggerClassName\n )}\n >\n {item.trigger}\n </AccordionTrigger>\n <AccordionContent\n className={cn(\n styles.content,\n contentColorClass,\n contentClassName,\n item.contentClassName\n )}\n >\n {item?.content}\n </AccordionContent>\n </AccordionItem>\n ))}\n </SAccordion>\n );\n }\n);\n\nAccordion.displayName = \"Accordion\";\n\n// Create compound component\nconst AccordionCompound = Object.assign(Accordion, {\n Item: AccordionItem,\n Trigger: AccordionTrigger,\n Content: AccordionContent,\n});\n\nexport default AccordionCompound;\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["colorVariants","variantStyles","Accordion","React","props","ref","items","variant","color","className","itemClassName","triggerClassName","contentClassName","children","type","rest","styles","triggerColorClass","contentColorClass","jsx","SAccordion","cn","item","jsxs","AccordionItem","AccordionTrigger","AccordionContent","AccordionCompound"],"mappings":"iRAoDMA,EAAgB,CACpB,QAAS,CACP,QACE,sIACF,QAAS,4BAAA,EAEX,UAAW,CACT,QACE,4IACF,QAAS,8BAAA,EAEX,QAAS,CACP,QACE,sIACF,QAAS,4BAAA,EAEX,QAAS,CACP,QACE,sIACF,QAAS,4BAAA,EAEX,MAAO,CACL,QACE,gIACF,QAAS,0BAAA,EAEX,MAAO,CACL,QACE,gIACF,QAAS,0BAAA,CAEb,EAEMC,EAAgB,CACpB,QAAS,CACP,KAAM,aACN,KAAM,OACN,QAAS,0BACT,QAAS,MAAA,EAEX,SAAU,CACR,KAAM,iCACN,KAAM,gBACN,QAAS,qCACT,QAAS,MAAA,EAEX,UAAW,CACT,KAAM,YACN,KAAM,0CACN,QAAS,0BACT,QAAS,MAAA,EAEX,MAAO,CACL,KAAM,GACN,KAAM,WACN,QAAS,qCACT,QAAS,MAAA,CAEb,EAEMC,EAAYC,EAAM,WACtB,CAACC,EAAOC,IAAQ,CACd,KAAM,CACJ,MAAAC,EACA,QAAAC,EAAU,UACV,MAAAC,EACA,UAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,KAAAC,EACA,GAAGC,CAAA,EACDX,EAEEY,EAASf,EAAcM,CAAO,EAC9BU,EAAoBT,EAAQR,EAAcQ,CAAK,EAAE,QAAU,GAC3DU,EAAoBV,EAAQR,EAAcQ,CAAK,EAAE,QAAU,GAGjE,OAAIK,GAAY,CAACP,EACXQ,IAAS,WAETK,EAAAA,IAACC,EAAAA,UAAA,CACC,IAAAf,EACA,KAAK,WACL,UAAWgB,EAAAA,GAAGL,EAAO,KAAMP,CAAS,EACnC,GAAIM,EAKJ,SAAAF,CAAA,CAAA,EAKLM,EAAAA,IAACC,EAAAA,UAAA,CACC,IAAAf,EACA,KAAK,SACL,UAAWgB,EAAAA,GAAGL,EAAO,KAAMP,CAAS,EACnC,GAAIM,EAKJ,SAAAF,CAAA,CAAA,EAMHC,IAAS,WAETK,EAAAA,IAACC,EAAAA,UAAA,CACC,IAAAf,EACA,KAAK,WACL,UAAWgB,EAAAA,GAAGL,EAAO,KAAMP,CAAS,EACnC,GAAIM,EAKJ,SAAAT,GAAO,IAAKgB,GACXC,EAAAA,KAACC,EAAAA,cAAA,CAEC,MAAOF,EAAK,MACZ,SAAUA,EAAK,SACf,UAAWD,EAAAA,GAAGL,EAAO,KAAMN,EAAeY,EAAK,SAAS,EAExD,SAAA,CAAAH,EAAAA,IAACM,EAAAA,iBAAA,CACC,UAAWJ,EAAAA,GACTL,EAAO,QACPC,EACAN,EACAW,EAAK,gBAAA,EAGN,SAAAA,EAAK,OAAA,CAAA,EAERH,EAAAA,IAACO,EAAAA,iBAAA,CACC,UAAWL,EAAAA,GACTL,EAAO,QACPE,EACAN,EACAU,EAAK,gBAAA,EAGN,SAAAA,EAAK,OAAA,CAAA,CACR,CAAA,EAxBKA,EAAK,KAAA,CA0Bb,CAAA,CAAA,EAMLH,EAAAA,IAACC,EAAAA,UAAA,CACC,IAAAf,EACA,KAAK,SACL,UAAWgB,EAAAA,GAAGL,EAAO,KAAMP,CAAS,EACnC,GAAIM,EAKJ,SAAAT,GAAO,IAAKgB,GACXC,EAAAA,KAACC,EAAAA,cAAA,CAEC,MAAOF,EAAK,MACZ,SAAUA,EAAK,SACf,UAAWD,EAAAA,GAAGL,EAAO,KAAMN,EAAeY,EAAK,SAAS,EAExD,SAAA,CAAAH,EAAAA,IAACM,EAAAA,iBAAA,CACC,UAAWJ,EAAAA,GACTL,EAAO,QACPC,EACAN,EACAW,EAAK,gBAAA,EAGN,SAAAA,EAAK,OAAA,CAAA,EAERH,EAAAA,IAACO,EAAAA,iBAAA,CACC,UAAWL,EAAAA,GACTL,EAAO,QACPE,EACAN,EACAU,EAAK,gBAAA,EAGN,SAAAA,GAAM,OAAA,CAAA,CACT,CAAA,EAxBKA,EAAK,KAAA,CA0Bb,CAAA,CAAA,CAGP,CACF,EAEApB,EAAU,YAAc,YAGxB,MAAMyB,EAAoB,OAAO,OAAOzB,EAAW,CACjD,KAAMsB,EAAAA,cACN,QAASC,EAAAA,iBACT,QAASC,EAAAA,gBACX,CAAC"}

package/dist/cjs/components/Avatar/Avatar.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),v=require("react"),c=require("@dsui/ui/components/avatar"),d=require("@dsui/ui/index"),h=require("../../utils/animations.cjs");function p(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const s=p(v);function y({size:e="md",variant:t="circle",animation:r,color:a,className:n,src:o,alt:l,fallback:g,...f}){const m=s.useMemo(()=>h.animationClass(r,n),[r,n]),b=s.useMemo(()=>{switch(e){case"xs":return"size-6";case"sm":return"size-8";case"md":return"size-10";case"lg":return"size-12";case"xl":return"size-16";default:return"size-10"}},[e]),x=s.useMemo(()=>{switch(t){case"circle":return"rounded-full";case"square":return"rounded-md";default:return"rounded-full"}},[t]),i=s.useMemo(()=>{switch(a){case"primary":return"bg-primary text-primary-foreground";case"secondary":return"bg-secondary text-secondary-foreground";case"dark":return"bg-neutral-900 text-white";case"light":return"bg-neutral-200 text-neutral-950";case"inverted":return"dark:bg-white dark:text-black";case"success":return"bg-success text-success-foreground";case"warning":return"bg-warning text-warning-foreground";case"error":return"bg-error text-error-foreground";case"glass":return"bg-white/15 backdrop-blur-sm";default:return""}},[a]);return u.jsxs(c.Avatar,{className:d.cn("relative flex shrink-0 transition-all duration-300",b,x,m?.className,i,n),...f,children:[o&&u.jsx(c.AvatarImage,{src:o,alt:l,className:"rounded-[inherit]"}),u.jsx(c.AvatarFallback,{className:d.cn("rounded-[inherit]",i,n),children:g})]})}exports.Avatar=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),x=require("react"),s=require("../../packages/ui/src/components/avatar.cjs");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const l=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("lucide-react");require("react-day-picker");require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("../../node_modules/.pnpm/vaul@1.1.2_@types_react-dom@19.2.2_@types_react@19.2.2__@types_react@19.2.2_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/vaul/dist/index.cjs");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("../../packages/ui/src/components/badge.cjs");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const v=require("../../utils/animations.cjs");function h(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,u.get?u:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=h(x);function p({size:e="md",variant:t="circle",animation:r,color:u,className:a,src:c,alt:d,fallback:q,...g}){const f=n.useMemo(()=>v.animationClass(r,a),[r,a]),m=n.useMemo(()=>{switch(e){case"xs":return"size-6";case"sm":return"size-8";case"md":return"size-10";case"lg":return"size-12";case"xl":return"size-16";default:return"size-10"}},[e]),b=n.useMemo(()=>{switch(t){case"circle":return"rounded-full";case"square":return"rounded-md";default:return"rounded-full"}},[t]),o=n.useMemo(()=>{switch(u){case"primary":return"bg-primary text-primary-foreground";case"secondary":return"bg-secondary text-secondary-foreground";case"dark":return"bg-neutral-900 text-white";case"light":return"bg-neutral-200 text-neutral-950";case"inverted":return"dark:bg-white dark:text-black";case"success":return"bg-success text-success-foreground";case"warning":return"bg-warning text-warning-foreground";case"error":return"bg-error text-error-foreground";case"glass":return"bg-white/15 backdrop-blur-sm";default:return""}},[u]);return i.jsxs(s.Avatar,{className:l.cn("relative flex shrink-0 transition-all duration-300",m,b,f?.className,o,a),...g,children:[c&&i.jsx(s.AvatarImage,{src:c,alt:d,className:"rounded-[inherit]"}),i.jsx(s.AvatarFallback,{className:l.cn("rounded-[inherit]",o,a),children:q})]})}exports.Avatar=p;
 //# sourceMappingURL=Avatar.cjs.map

package/dist/cjs/components/Avatar/Avatar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.cjs","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n Avatar as DsAvatar,\n AvatarImage,\n AvatarFallback,\n} from \"@dsui/ui/components/avatar\";\nimport { cn } from \"@dsui/ui/index\";\nimport type { BasicAnimation, BasicColor } from \"@/types/variables\";\nimport { animationClass } from \"@/utils/animations\";\n\ntype Color = BasicColor \| \"dark\" \| \"light\" \| \"inverted\";\n\ntype Size = \"xs\" \| \"sm\" \| \"md\" \| \"lg\" \| \"xl\";\n\ntype Variant = \"circle\" \| \"square\";\n\nexport type AvatarProps = React.ComponentProps<typeof DsAvatar> & {\n size?: Size;\n variant?: Variant;\n animation?: BasicAnimation;\n color?: Color \| string;\n src?: string;\n alt?: string;\n fallback?: React.ReactNode;\n};\n\nexport function Avatar({\n size = \"md\",\n variant = \"circle\",\n animation,\n color,\n className,\n src,\n alt,\n fallback,\n ...props\n}: AvatarProps) {\n const avatarAnimation = React.useMemo<{ className?: string } \| null>(() => {\n return animationClass(animation, className);\n }, [animation, className]);\n\n const avatarSize = React.useMemo<string>(() => {\n switch (size) {\n case \"xs\":\n return \"size-6\";\n case \"sm\":\n return \"size-8\";\n case \"md\":\n return \"size-10\";\n case \"lg\":\n return \"size-12\";\n case \"xl\":\n return \"size-16\";\n default:\n return \"size-10\";\n }\n }, [size]);\n\n const avatarVariant = React.useMemo<string>(() => {\n switch (variant) {\n case \"circle\":\n return \"rounded-full\";\n case \"square\":\n return \"rounded-md\";\n default:\n return \"rounded-full\";\n }\n }, [variant]);\n\n const avatarColor = React.useMemo<string>(() => {\n switch (color) {\n case \"primary\":\n return \"bg-primary text-primary-foreground\";\n case \"secondary\":\n return \"bg-secondary text-secondary-foreground\";\n case \"dark\":\n return \"bg-neutral-900 text-white\";\n case \"light\":\n return \"bg-neutral-200 text-neutral-950\";\n case \"inverted\":\n return \"dark:bg-white dark:text-black\";\n case \"success\":\n return \"bg-success text-success-foreground\";\n case \"warning\":\n return \"bg-warning text-warning-foreground\";\n case \"error\":\n return \"bg-error text-error-foreground\";\n case \"glass\":\n return \"bg-white/15 backdrop-blur-sm\";\n default:\n return \"\";\n }\n }, [color]);\n\n return (\n <DsAvatar\n className={cn(\n \"relative flex shrink-0 transition-all duration-300\",\n avatarSize,\n avatarVariant,\n avatarAnimation?.className,\n avatarColor,\n className,\n )}\n {...props}\n >\n {src && <AvatarImage src={src} alt={alt} className=\"rounded-[inherit]\" />}\n <AvatarFallback\n className={cn(\"rounded-[inherit]\", avatarColor, className)}\n >\n {fallback}\n </AvatarFallback>\n </DsAvatar>\n );\n}\n"],"names":["Avatar","size","variant","animation","color","className","src","alt","fallback","props","avatarAnimation","React","animationClass","avatarSize","avatarVariant","avatarColor","jsxs","DsAvatar","cn","jsx","AvatarImage","AvatarFallback"],"mappings":"~~8gBA0BO~~,SAASA,EAAO,CACrB,KAAAC,EAAO,KACP,QAAAC,EAAU,SACV,UAAAC,EACA,MAAAC,EACA,UAAAC,EACA,IAAAC,EACA,IAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAkBC,EAAM,QAAuC,IAC5DC,EAAAA,eAAeT,EAAWE,CAAS,EACzC,CAACF,EAAWE,CAAS,CAAC,EAEnBQ,EAAaF,EAAM,QAAgB,IAAM,CAC7C,OAAQV,EAAA,CACN,IAAK,KACH,MAAO,SACT,IAAK,KACH,MAAO,SACT,IAAK,KACH,MAAO,UACT,IAAK,KACH,MAAO,UACT,IAAK,KACH,MAAO,UACT,QACE,MAAO,SAAA,CAEb,EAAG,CAACA,CAAI,CAAC,EAEHa,EAAgBH,EAAM,QAAgB,IAAM,CAChD,OAAQT,EAAA,CACN,IAAK,SACH,MAAO,eACT,IAAK,SACH,MAAO,aACT,QACE,MAAO,cAAA,CAEb,EAAG,CAACA,CAAO,CAAC,EAENa,EAAcJ,EAAM,QAAgB,IAAM,CAC9C,OAAQP,EAAA,CACN,IAAK,UACH,MAAO,qCACT,IAAK,YACH,MAAO,yCACT,IAAK,OACH,MAAO,4BACT,IAAK,QACH,MAAO,kCACT,IAAK,WACH,MAAO,gCACT,IAAK,UACH,MAAO,qCACT,IAAK,UACH,MAAO,qCACT,IAAK,QACH,MAAO,iCACT,IAAK,QACH,MAAO,+BACT,QACE,MAAO,EAAA,CAEb,EAAG,CAACA,CAAK,CAAC,EAEV,OACEY,EAAAA,KAACC,EAAAA,OAAA,CACC,UAAWC,EAAAA,GACT,qDACAL,EACAC,EACAJ,GAAiB,UACjBK,EACAV,CAAA,EAED,GAAGI,EAEH,SAAA,CAAAH,GAAOa,EAAAA,IAACC,cAAA,CAAY,IAAAd,EAAU,IAAAC,EAAU,UAAU,oBAAoB,EACvEY,EAAAA,IAACE,EAAAA,eAAA,CACC,UAAWH,EAAAA,GAAG,oBAAqBH,EAAaV,CAAS,EAExD,SAAAG,CAAA,CAAA,CACH,CAAA,CAAA,CAGN"}
1	+ {"version":3,"file":"Avatar.cjs","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n Avatar as DsAvatar,\n AvatarImage,\n AvatarFallback,\n} from \"@dsui/ui/components/avatar\";\nimport { cn } from \"@dsui/ui/index\";\nimport type { BasicAnimation, BasicColor } from \"@/types/variables\";\nimport { animationClass } from \"@/utils/animations\";\n\ntype Color = BasicColor \| \"dark\" \| \"light\" \| \"inverted\";\n\ntype Size = \"xs\" \| \"sm\" \| \"md\" \| \"lg\" \| \"xl\";\n\ntype Variant = \"circle\" \| \"square\";\n\nexport type AvatarProps = React.ComponentProps<typeof DsAvatar> & {\n size?: Size;\n variant?: Variant;\n animation?: BasicAnimation;\n color?: Color \| string;\n src?: string;\n alt?: string;\n fallback?: React.ReactNode;\n};\n\nexport function Avatar({\n size = \"md\",\n variant = \"circle\",\n animation,\n color,\n className,\n src,\n alt,\n fallback,\n ...props\n}: AvatarProps) {\n const avatarAnimation = React.useMemo<{ className?: string } \| null>(() => {\n return animationClass(animation, className);\n }, [animation, className]);\n\n const avatarSize = React.useMemo<string>(() => {\n switch (size) {\n case \"xs\":\n return \"size-6\";\n case \"sm\":\n return \"size-8\";\n case \"md\":\n return \"size-10\";\n case \"lg\":\n return \"size-12\";\n case \"xl\":\n return \"size-16\";\n default:\n return \"size-10\";\n }\n }, [size]);\n\n const avatarVariant = React.useMemo<string>(() => {\n switch (variant) {\n case \"circle\":\n return \"rounded-full\";\n case \"square\":\n return \"rounded-md\";\n default:\n return \"rounded-full\";\n }\n }, [variant]);\n\n const avatarColor = React.useMemo<string>(() => {\n switch (color) {\n case \"primary\":\n return \"bg-primary text-primary-foreground\";\n case \"secondary\":\n return \"bg-secondary text-secondary-foreground\";\n case \"dark\":\n return \"bg-neutral-900 text-white\";\n case \"light\":\n return \"bg-neutral-200 text-neutral-950\";\n case \"inverted\":\n return \"dark:bg-white dark:text-black\";\n case \"success\":\n return \"bg-success text-success-foreground\";\n case \"warning\":\n return \"bg-warning text-warning-foreground\";\n case \"error\":\n return \"bg-error text-error-foreground\";\n case \"glass\":\n return \"bg-white/15 backdrop-blur-sm\";\n default:\n return \"\";\n }\n }, [color]);\n\n return (\n <DsAvatar\n className={cn(\n \"relative flex shrink-0 transition-all duration-300\",\n avatarSize,\n avatarVariant,\n avatarAnimation?.className,\n avatarColor,\n className\n )}\n {...props}\n >\n {src && <AvatarImage src={src} alt={alt} className=\"rounded-[inherit]\" />}\n <AvatarFallback\n className={cn(\"rounded-[inherit]\", avatarColor, className)}\n >\n {fallback}\n </AvatarFallback>\n </DsAvatar>\n );\n}\n"],"names":["Avatar","size","variant","animation","color","className","src","alt","fallback","props","avatarAnimation","React","animationClass","avatarSize","avatarVariant","avatarColor","jsxs","DsAvatar","cn","jsx","AvatarImage","AvatarFallback"],"mappings":"kiEA0BO,SAASA,EAAO,CACrB,KAAAC,EAAO,KACP,QAAAC,EAAU,SACV,UAAAC,EACA,MAAAC,EACA,UAAAC,EACA,IAAAC,EACA,IAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAkBC,EAAM,QAAuC,IAC5DC,EAAAA,eAAeT,EAAWE,CAAS,EACzC,CAACF,EAAWE,CAAS,CAAC,EAEnBQ,EAAaF,EAAM,QAAgB,IAAM,CAC7C,OAAQV,EAAA,CACN,IAAK,KACH,MAAO,SACT,IAAK,KACH,MAAO,SACT,IAAK,KACH,MAAO,UACT,IAAK,KACH,MAAO,UACT,IAAK,KACH,MAAO,UACT,QACE,MAAO,SAAA,CAEb,EAAG,CAACA,CAAI,CAAC,EAEHa,EAAgBH,EAAM,QAAgB,IAAM,CAChD,OAAQT,EAAA,CACN,IAAK,SACH,MAAO,eACT,IAAK,SACH,MAAO,aACT,QACE,MAAO,cAAA,CAEb,EAAG,CAACA,CAAO,CAAC,EAENa,EAAcJ,EAAM,QAAgB,IAAM,CAC9C,OAAQP,EAAA,CACN,IAAK,UACH,MAAO,qCACT,IAAK,YACH,MAAO,yCACT,IAAK,OACH,MAAO,4BACT,IAAK,QACH,MAAO,kCACT,IAAK,WACH,MAAO,gCACT,IAAK,UACH,MAAO,qCACT,IAAK,UACH,MAAO,qCACT,IAAK,QACH,MAAO,iCACT,IAAK,QACH,MAAO,+BACT,QACE,MAAO,EAAA,CAEb,EAAG,CAACA,CAAK,CAAC,EAEV,OACEY,EAAAA,KAACC,EAAAA,OAAA,CACC,UAAWC,EAAAA,GACT,qDACAL,EACAC,EACAJ,GAAiB,UACjBK,EACAV,CAAA,EAED,GAAGI,EAEH,SAAA,CAAAH,GAAOa,EAAAA,IAACC,cAAA,CAAY,IAAAd,EAAU,IAAAC,EAAU,UAAU,oBAAoB,EACvEY,EAAAA,IAACE,EAAAA,eAAA,CACC,UAAWH,EAAAA,GAAG,oBAAqBH,EAAaV,CAAS,EAExD,SAAAG,CAAA,CAAA,CACH,CAAA,CAAA,CAGN"}

package/dist/cjs/components/Badge/Badge.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),r=require("react"),n=require("@dsui/ui/components/badge"),d=require("@dsui/ui/lib/utils"),o=require("lucide-react"),u=require("../../utils/animations.cjs"),t=r.forwardRef((c,l)=>{const{animation:i,...e}=c,s=r.useMemo(()=>u.animationEffect({animation:i,children:e?.children,className:e?.className,rootClassName:n.badgeVariants({variant:e?.variant,size:e?.size})}),[i,e]);return a.jsx(n.Badge,{ref:l,...e,className:d.cn(e?.className,s?.className),asChild:s?.children?!0:e.asChild,children:a.jsxs(a.Fragment,{children:[e?.isLoading&&a.jsx(o.LoaderCircle,{className:"animate-spin"}),!e?.isLoading&&(s?.children??e.children)]})})});t.displayName="Badge";exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),r=require("react"),n=require("../../packages/ui/src/components/badge.cjs"),d=require("../../packages/ui/src/lib/utils.cjs"),o=require("lucide-react"),u=require("../../utils/animations.cjs"),t=r.forwardRef((c,l)=>{const{animation:i,...e}=c,s=r.useMemo(()=>u.animationEffect({animation:i,children:e?.children,className:e?.className,rootClassName:n.badgeVariants({variant:e?.variant,size:e?.size})}),[i,e]);return a.jsx(n.Badge,{ref:l,...e,className:d.cn(e?.className,s?.className),asChild:s?.children?!0:e.asChild,children:a.jsxs(a.Fragment,{children:[e?.isLoading&&a.jsx(o.LoaderCircle,{className:"animate-spin"}),!e?.isLoading&&(s?.children??e.children)]})})});t.displayName="Badge";exports.default=t;
 //# sourceMappingURL=Badge.cjs.map

package/dist/cjs/components/Badge/Badge.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.cjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n badgeVariants,\n Badge as SBadge,\n type BadgeProps as SBadgeProps,\n} from \"@dsui/ui/components/badge\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport type { BadgeAnimation } from \"@/types/variables\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { animationEffect } from \"@/utils/animations\";\n\nexport type BadgeProps = SBadgeProps & {\n animation?: BadgeAnimation;\n isLoading?: boolean;\n};\n\ntype AnimResult = {\n className?: string;\n style?: React.CSSProperties;\n children?: React.ReactNode;\n variant?: SBadgeProps[\"variant\"];\n};\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>((props, ref) => {\n const { animation, ...rest } = props;\n\n const badgeAnimation = useMemo<AnimResult \| null>(() => {\n return animationEffect<BadgeAnimation, SBadgeProps[\"variant\"]>({\n animation,\n children: rest?.children,\n className: rest?.className,\n rootClassName: badgeVariants({\n variant: rest?.variant,\n size: rest?.size,\n }),\n });\n }, [animation, rest]);\n\n return (\n <SBadge\n ref={ref}\n {...rest}\n className={cn(rest?.className, badgeAnimation?.className)}\n asChild={badgeAnimation?.children ? true : rest.asChild}\n >\n <>\n {rest?.isLoading && <LoaderCircle className=\"animate-spin\" />}\n {!rest?.isLoading && (badgeAnimation?.children ?? rest.children)}\n </>\n </SBadge>\n );\n});\n\nBadge.displayName = \"Badge\";\nexport default Badge;\n"],"names":["Badge","React","props","ref","animation","rest","badgeAnimation","useMemo","animationEffect","badgeVariants","jsx","SBadge","cn","jsxs","Fragment","LoaderCircle"],"mappings":"~~6SAuBMA~~,EAAQC,EAAM,WAAwC,CAACC,EAAOC,IAAQ,CAC1E,KAAM,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASH,EAEzBI,EAAiBC,EAAAA,QAA2B,IACzCC,kBAAwD,CAC7D,UAAAJ,EACA,SAAUC,GAAM,SAChB,UAAWA,GAAM,UACjB,cAAeI,EAAAA,cAAc,CAC3B,QAASJ,GAAM,QACf,KAAMA,GAAM,IAAA,CACb,CAAA,CACF,EACA,CAACD,EAAWC,CAAI,CAAC,EAEpB,OACEK,EAAAA,IAACC,EAAAA,MAAA,CACC,IAAAR,EACC,GAAGE,EACJ,UAAWO,EAAAA,GAAGP,GAAM,UAAWC,GAAgB,SAAS,EACxD,QAASA,GAAgB,SAAW,GAAOD,EAAK,QAEhD,SAAAQ,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAAT,GAAM,WAAaK,EAAAA,IAACK,EAAAA,aAAA,CAAa,UAAU,eAAe,EAC1D,CAACV,GAAM,YAAcC,GAAgB,UAAYD,EAAK,SAAA,CAAA,CACzD,CAAA,CAAA,CAGN,CAAC,EAEDL,EAAM,YAAc"}
1	+ {"version":3,"file":"Badge.cjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n badgeVariants,\n Badge as SBadge,\n type BadgeProps as SBadgeProps,\n} from \"@dsui/ui/components/badge\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport type { BadgeAnimation } from \"@/types/variables\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { animationEffect } from \"@/utils/animations\";\n\nexport type BadgeProps = SBadgeProps & {\n animation?: BadgeAnimation;\n isLoading?: boolean;\n};\n\ntype AnimResult = {\n className?: string;\n style?: React.CSSProperties;\n children?: React.ReactNode;\n variant?: SBadgeProps[\"variant\"];\n};\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>((props, ref) => {\n const { animation, ...rest } = props;\n\n const badgeAnimation = useMemo<AnimResult \| null>(() => {\n return animationEffect<BadgeAnimation, SBadgeProps[\"variant\"]>({\n animation,\n children: rest?.children,\n className: rest?.className,\n rootClassName: badgeVariants({\n variant: rest?.variant,\n size: rest?.size,\n }),\n });\n }, [animation, rest]);\n\n return (\n <SBadge\n ref={ref}\n {...rest}\n className={cn(rest?.className, badgeAnimation?.className)}\n asChild={badgeAnimation?.children ? true : rest.asChild}\n >\n <>\n {rest?.isLoading && <LoaderCircle className=\"animate-spin\" />}\n {!rest?.isLoading && (badgeAnimation?.children ?? rest.children)}\n </>\n </SBadge>\n );\n});\n\nBadge.displayName = \"Badge\";\nexport default Badge;\n"],"names":["Badge","React","props","ref","animation","rest","badgeAnimation","useMemo","animationEffect","badgeVariants","jsx","SBadge","cn","jsxs","Fragment","LoaderCircle"],"mappings":"+UAuBMA,EAAQC,EAAM,WAAwC,CAACC,EAAOC,IAAQ,CAC1E,KAAM,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASH,EAEzBI,EAAiBC,EAAAA,QAA2B,IACzCC,kBAAwD,CAC7D,UAAAJ,EACA,SAAUC,GAAM,SAChB,UAAWA,GAAM,UACjB,cAAeI,EAAAA,cAAc,CAC3B,QAASJ,GAAM,QACf,KAAMA,GAAM,IAAA,CACb,CAAA,CACF,EACA,CAACD,EAAWC,CAAI,CAAC,EAEpB,OACEK,EAAAA,IAACC,EAAAA,MAAA,CACC,IAAAR,EACC,GAAGE,EACJ,UAAWO,EAAAA,GAAGP,GAAM,UAAWC,GAAgB,SAAS,EACxD,QAASA,GAAgB,SAAW,GAAOD,EAAK,QAEhD,SAAAQ,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAAT,GAAM,WAAaK,EAAAA,IAACK,EAAAA,aAAA,CAAa,UAAU,eAAe,EAC1D,CAACV,GAAM,YAAcC,GAAgB,UAAYD,EAAK,SAAA,CAAA,CACzD,CAAA,CAAA,CAGN,CAAC,EAEDL,EAAM,YAAc"}

package/dist/cjs/components/Breadcrumb/Breadcrumb.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("react"),t=require("@dsui/ui/components/breadcrumb"),E=require("@dsui/ui/lib/utils"),g=require("lucide-react"),m=require("@dsui/ui/components/popover"),P={default:"",primary:"text-primary [&_[data-slot=breadcrumb-link]:hover]:text-primary/80 [&_[data-slot=breadcrumb-page]]:text-primary",secondary:"text-secondary [&_[data-slot=breadcrumb-link]:hover]:text-secondary/80 [&_[data-slot=breadcrumb-page]]:text-secondary",accent:"text-accent [&_[data-slot=breadcrumb-link]:hover]:text-accent/80 [&_[data-slot=breadcrumb-page]]:text-accent",destructive:"text-destructive [&_[data-slot=breadcrumb-link]:hover]:text-destructive/80 [&_[data-slot=breadcrumb-page]]:text-destructive",muted:"text-muted-foreground [&_[data-slot=breadcrumb-link]:hover]:text-muted-foreground/80 [&_[data-slot=breadcrumb-page]]:text-muted-foreground",success:"text-success [&_[data-slot=breadcrumb-link]:hover]:text-success/80 [&_[data-slot=breadcrumb-page]]:text-success",error:"text-error [&_[data-slot=breadcrumb-link]:hover]:text-error/80 [&_[data-slot=breadcrumb-page]]:text-error",warning:"text-warning [&_[data-slot=breadcrumb-link]:hover]:text-warning/80 [&_[data-slot=breadcrumb-page]]:text-warning"},C={default:"",compact:"text-xs [&_[data-slot=breadcrumb-list]]:gap-1 [&_[data-slot=breadcrumb-separator]>svg]:size-3",badge:"[&_[data-slot=breadcrumb-list]]:gap-1 [&_[data-slot=breadcrumb-item]]:border [&_[data-slot=breadcrumb-item]]:bg-muted [&_[data-slot=breadcrumb-item]]:px-2 [&_[data-slot=breadcrumb-item]]:py-0.5 [&_[data-slot=breadcrumb-item]]:rounded-full [&_[data-slot=breadcrumb-item]]:text-sm",bordered:"border rounded-md px-3 py-2"},f=o.forwardRef(({className:j,variant:v="default",color:_="default",items:y,separator:n,maxItems:i,showEllipsis:B=!0,showHome:b="label",showPopoverOnEllipsis:N=!1,...k},w)=>{const[S,I]=o.useState(!1),d=y;let a=[];const s=b===!0?"label":b;s&&(s==="label"?a=[{label:"Home",href:"/"}]:s==="icon"?a=[{icon:e.jsx(g.Home,{className:"size-4"}),href:"/"}]:s==="both"?a=[{label:"Home",icon:e.jsx(g.Home,{className:"size-4"}),href:"/"}]:typeof s=="object"&&!o.isValidElement(s)?a=[s]:a=[{label:s,href:"/"}]);let c=[],u=!1,x=[];if(i===0)c=[...a,...d];else if(i){const r=i-a.length,l=r>0?d.slice(-r):[];c=[...a,...l],u=r>0&&d.length>r&&B,x=r>0?d.slice(0,-r):d}else c=[...a,...d];const h=()=>N?e.jsxs(m.Popover,{open:S,onOpenChange:I,children:[e.jsx(m.PopoverTrigger,{asChild:!0,children:e.jsx(t.BreadcrumbItem,{children:e.jsx(t.BreadcrumbEllipsis,{})})}),e.jsx(m.PopoverContent,{className:"w-auto max-w-64 p-2",children:x.map((r,l)=>e.jsxs("div",{className:"flex items-center gap-2 py-1 px-3 rounded hover:bg-muted",children:[r.icon,r.label&&e.jsx("a",{href:r.href,className:"text-sm hover:underline",children:r.label})]},l))})]}):e.jsx(t.BreadcrumbItem,{children:e.jsx(t.BreadcrumbEllipsis,{})});return e.jsx(t.Breadcrumb,{ref:w,className:E.cn(C[v],j),...k,children:e.jsxs(t.BreadcrumbList,{className:P[_],children:[u&&a.length===0&&e.jsxs(e.Fragment,{children:[h(),e.jsx(t.BreadcrumbSeparator,{children:n})]}),c.map((r,l)=>{const p=l===c.length-1,q=u&&l===0&&a.length>0;return e.jsxs(o.Fragment,{children:[e.jsx(t.BreadcrumbItem,{children:p?e.jsx(t.BreadcrumbPage,{children:e.jsxs("div",{className:"flex items-center gap-1",children:[r.icon,r.label]})}):e.jsx(t.BreadcrumbLink,{href:r.href,children:e.jsxs("div",{className:"flex items-center gap-1",children:[r.icon,r.label]})})}),q&&e.jsxs(e.Fragment,{children:[e.jsx(t.BreadcrumbSeparator,{children:n}),h()]}),!p&&e.jsx(t.BreadcrumbSeparator,{children:n})]},l)})]})})});f.displayName="Breadcrumb";exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("react"),t=require("../../packages/ui/src/components/breadcrumb.cjs"),E=require("../../packages/ui/src/lib/utils.cjs"),g=require("lucide-react"),m=require("../../packages/ui/src/components/popover.cjs"),P={default:"",primary:"text-primary [&_[data-slot=breadcrumb-link]:hover]:text-primary/80 [&_[data-slot=breadcrumb-page]]:text-primary",secondary:"text-secondary [&_[data-slot=breadcrumb-link]:hover]:text-secondary/80 [&_[data-slot=breadcrumb-page]]:text-secondary",accent:"text-accent [&_[data-slot=breadcrumb-link]:hover]:text-accent/80 [&_[data-slot=breadcrumb-page]]:text-accent",destructive:"text-destructive [&_[data-slot=breadcrumb-link]:hover]:text-destructive/80 [&_[data-slot=breadcrumb-page]]:text-destructive",muted:"text-muted-foreground [&_[data-slot=breadcrumb-link]:hover]:text-muted-foreground/80 [&_[data-slot=breadcrumb-page]]:text-muted-foreground",success:"text-success [&_[data-slot=breadcrumb-link]:hover]:text-success/80 [&_[data-slot=breadcrumb-page]]:text-success",error:"text-error [&_[data-slot=breadcrumb-link]:hover]:text-error/80 [&_[data-slot=breadcrumb-page]]:text-error",warning:"text-warning [&_[data-slot=breadcrumb-link]:hover]:text-warning/80 [&_[data-slot=breadcrumb-page]]:text-warning"},C={default:"",compact:"text-xs [&_[data-slot=breadcrumb-list]]:gap-1 [&_[data-slot=breadcrumb-separator]>svg]:size-3",badge:"[&_[data-slot=breadcrumb-list]]:gap-1 [&_[data-slot=breadcrumb-item]]:border [&_[data-slot=breadcrumb-item]]:bg-muted [&_[data-slot=breadcrumb-item]]:px-2 [&_[data-slot=breadcrumb-item]]:py-0.5 [&_[data-slot=breadcrumb-item]]:rounded-full [&_[data-slot=breadcrumb-item]]:text-sm",bordered:"border rounded-md px-3 py-2"},f=o.forwardRef(({className:j,variant:v="default",color:_="default",items:y,separator:n,maxItems:i,showEllipsis:B=!0,showHome:b="label",showPopoverOnEllipsis:N=!1,...k},w)=>{const[S,I]=o.useState(!1),d=y;let a=[];const s=b===!0?"label":b;s&&(s==="label"?a=[{label:"Home",href:"/"}]:s==="icon"?a=[{icon:e.jsx(g.Home,{className:"size-4"}),href:"/"}]:s==="both"?a=[{label:"Home",icon:e.jsx(g.Home,{className:"size-4"}),href:"/"}]:typeof s=="object"&&!o.isValidElement(s)?a=[s]:a=[{label:s,href:"/"}]);let c=[],u=!1,x=[];if(i===0)c=[...a,...d];else if(i){const r=i-a.length,l=r>0?d.slice(-r):[];c=[...a,...l],u=r>0&&d.length>r&&B,x=r>0?d.slice(0,-r):d}else c=[...a,...d];const h=()=>N?e.jsxs(m.Popover,{open:S,onOpenChange:I,children:[e.jsx(m.PopoverTrigger,{asChild:!0,children:e.jsx(t.BreadcrumbItem,{children:e.jsx(t.BreadcrumbEllipsis,{})})}),e.jsx(m.PopoverContent,{className:"w-auto max-w-64 p-2",children:x.map((r,l)=>e.jsxs("div",{className:"flex items-center gap-2 py-1 px-3 rounded hover:bg-muted",children:[r.icon,r.label&&e.jsx("a",{href:r.href,className:"text-sm hover:underline",children:r.label})]},l))})]}):e.jsx(t.BreadcrumbItem,{children:e.jsx(t.BreadcrumbEllipsis,{})});return e.jsx(t.Breadcrumb,{ref:w,className:E.cn(C[v],j),...k,children:e.jsxs(t.BreadcrumbList,{className:P[_],children:[u&&a.length===0&&e.jsxs(e.Fragment,{children:[h(),e.jsx(t.BreadcrumbSeparator,{children:n})]}),c.map((r,l)=>{const p=l===c.length-1,q=u&&l===0&&a.length>0;return e.jsxs(o.Fragment,{children:[e.jsx(t.BreadcrumbItem,{children:p?e.jsx(t.BreadcrumbPage,{children:e.jsxs("div",{className:"flex items-center gap-1",children:[r.icon,r.label]})}):e.jsx(t.BreadcrumbLink,{href:r.href,children:e.jsxs("div",{className:"flex items-center gap-1",children:[r.icon,r.label]})})}),q&&e.jsxs(e.Fragment,{children:[e.jsx(t.BreadcrumbSeparator,{children:n}),h()]}),!p&&e.jsx(t.BreadcrumbSeparator,{children:n})]},l)})]})})});f.displayName="Breadcrumb";exports.default=f;
 //# sourceMappingURL=Breadcrumb.cjs.map

package/dist/cjs/components/Breadcrumb/Breadcrumb.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Breadcrumb.cjs","sources":["../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n Breadcrumb as SBreadcrumb,\n BreadcrumbList as SBreadcrumbList,\n BreadcrumbItem as SBreadcrumbItem,\n BreadcrumbLink as SBreadcrumbLink,\n BreadcrumbPage as SBreadcrumbPage,\n BreadcrumbSeparator as SBreadcrumbSeparator,\n BreadcrumbEllipsis as SBreadcrumbEllipsis,\n} from \"@dsui/ui/components/breadcrumb\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Home } from \"lucide-react\";\nimport {\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from \"@dsui/ui/components/popover\";\n\nexport type BreadcrumbItemType = {\n label?: React.ReactNode;\n href?: string;\n icon?: React.ReactNode;\n};\n\nexport type BreadcrumbProps = React.ComponentProps<\"nav\"> & {\n variant?: \"default\" \| \"compact\" \| \"badge\" \| \"bordered\";\n color?:\n \| \"default\"\n \| \"primary\"\n \| \"secondary\"\n \| \"accent\"\n \| \"destructive\"\n \| \"muted\"\n \| \"success\"\n \| \"error\"\n \| \"warning\";\n items: BreadcrumbItemType[];\n separator?: React.ReactNode;\n maxItems?: number;\n showEllipsis?: boolean;\n showHome?:\n \| boolean\n \| \"label\"\n \| \"icon\"\n \| \"both\"\n \| React.ReactNode\n \| { label?: React.ReactNode; icon?: React.ReactNode; href?: string };\n showPopoverOnEllipsis?: boolean;\n};\n\nconst colorClasses = {\n default: \"\",\n primary:\n \"text-primary [&_[data-slot=breadcrumb-link]:hover]:text-primary/80 [&_[data-slot=breadcrumb-page]]:text-primary\",\n secondary:\n \"text-secondary [&_[data-slot=breadcrumb-link]:hover]:text-secondary/80 [&_[data-slot=breadcrumb-page]]:text-secondary\",\n accent:\n \"text-accent [&_[data-slot=breadcrumb-link]:hover]:text-accent/80 [&_[data-slot=breadcrumb-page]]:text-accent\",\n destructive:\n \"text-destructive [&_[data-slot=breadcrumb-link]:hover]:text-destructive/80 [&_[data-slot=breadcrumb-page]]:text-destructive\",\n muted:\n \"text-muted-foreground [&_[data-slot=breadcrumb-link]:hover]:text-muted-foreground/80 [&_[data-slot=breadcrumb-page]]:text-muted-foreground\",\n success:\n \"text-success [&_[data-slot=breadcrumb-link]:hover]:text-success/80 [&_[data-slot=breadcrumb-page]]:text-success\",\n error:\n \"text-error [&_[data-slot=breadcrumb-link]:hover]:text-error/80 [&_[data-slot=breadcrumb-page]]:text-error\",\n warning:\n \"text-warning [&_[data-slot=breadcrumb-link]:hover]:text-warning/80 [&_[data-slot=breadcrumb-page]]:text-warning\",\n};\n\nconst variantClasses = {\n default: \"\",\n compact:\n \"text-xs [&_[data-slot=breadcrumb-list]]:gap-1 [&_[data-slot=breadcrumb-separator]>svg]:size-3\",\n badge:\n \"[&_[data-slot=breadcrumb-list]]:gap-1 [&_[data-slot=breadcrumb-item]]:border [&_[data-slot=breadcrumb-item]]:bg-muted [&_[data-slot=breadcrumb-item]]:px-2 [&_[data-slot=breadcrumb-item]]:py-0.5 [&_[data-slot=breadcrumb-item]]:rounded-full [&_[data-slot=breadcrumb-item]]:text-sm\",\n bordered: \"border rounded-md px-3 py-2\",\n};\n\nconst Breadcrumb = React.forwardRef<HTMLElement, BreadcrumbProps>(\n (\n {\n className,\n variant = \"default\",\n color = \"default\",\n items,\n separator,\n maxItems,\n showEllipsis = true,\n showHome = \"label\",\n showPopoverOnEllipsis = false,\n ...props\n },\n ref,\n ) => {\n const [popoverOpen, setPopoverOpen] = React.useState(false);\n const userItems = items;\n let homeItem: BreadcrumbItemType[] = [];\n const normalizedShowHome = showHome === true ? \"label\" : showHome;\n if (normalizedShowHome) {\n if (normalizedShowHome === \"label\") {\n homeItem = [{ label: \"Home\", href: \"/\" }];\n } else if (normalizedShowHome === \"icon\") {\n homeItem = [{ icon: <Home className=\"size-4\" />, href: \"/\" }];\n } else if (normalizedShowHome === \"both\") {\n homeItem = [\n { label: \"Home\", icon: <Home className=\"size-4\" />, href: \"/\" },\n ];\n } else if (\n typeof normalizedShowHome === \"object\" &&\n !React.isValidElement(normalizedShowHome)\n ) {\n // custom object\n homeItem = [normalizedShowHome as BreadcrumbItemType];\n } else {\n // ReactNode\n homeItem = [\n { label: normalizedShowHome as React.ReactNode, href: \"/\" },\n ];\n }\n }\n // Calculate which items to display\n let displayItems: BreadcrumbItemType[] = [];\n let hasEllipsis = false;\n let hiddenItems: BreadcrumbItemType[] = [];\n\n if (maxItems === 0) {\n displayItems = [...homeItem, ...userItems];\n } else if (maxItems) {\n const numUserItems = maxItems - homeItem.length;\n const truncatedUserItems =\n numUserItems > 0 ? userItems.slice(-numUserItems) : [];\n displayItems = [...homeItem, ...truncatedUserItems];\n hasEllipsis =\n numUserItems > 0 && userItems.length > numUserItems && showEllipsis;\n hiddenItems =\n numUserItems > 0 ? userItems.slice(0, -numUserItems) : userItems;\n } else {\n displayItems = [...homeItem, ...userItems];\n }\n\n const renderEllipsis = () => {\n if (showPopoverOnEllipsis) {\n return (\n <Popover open={popoverOpen} onOpenChange={setPopoverOpen}>\n <PopoverTrigger asChild>\n <SBreadcrumbItem>\n <SBreadcrumbEllipsis />\n </SBreadcrumbItem>\n </PopoverTrigger>\n <PopoverContent className=\"w-auto max-w-64 p-2\">\n {hiddenItems.map((item, index) => (\n <div\n key={index}\n className=\"flex items-center gap-2 py-1 px-3 rounded hover:bg-muted\"\n >\n {item.icon}\n {item.label && (\n <a href={item.href} className=\"text-sm hover:underline\">\n {item.label}\n </a>\n )}\n </div>\n ))}\n </PopoverContent>\n </Popover>\n );\n }\n return (\n <SBreadcrumbItem>\n <SBreadcrumbEllipsis />\n </SBreadcrumbItem>\n );\n };\n\n return (\n <SBreadcrumb\n ref={ref}\n className={cn(variantClasses[variant], className)}\n {...props}\n >\n <SBreadcrumbList className={colorClasses[color]}>\n {hasEllipsis && homeItem.length === 0 && (\n <>\n {renderEllipsis()}\n <SBreadcrumbSeparator>{separator}</SBreadcrumbSeparator>\n </>\n )}\n {displayItems.map((item, index) => {\n const isLast = index === displayItems.length - 1;\n const shouldShowEllipsisAfter =\n hasEllipsis && index === 0 && homeItem.length > 0;\n return (\n <React.Fragment key={index}>\n <SBreadcrumbItem>\n {isLast ? (\n <SBreadcrumbPage>\n <div className=\"flex items-center gap-1\">\n {item.icon}\n {item.label}\n </div>\n </SBreadcrumbPage>\n ) : (\n <SBreadcrumbLink href={item.href}>\n <div className=\"flex items-center gap-1\">\n {item.icon}\n {item.label}\n </div>\n </SBreadcrumbLink>\n )}\n </SBreadcrumbItem>\n {shouldShowEllipsisAfter && (\n <>\n <SBreadcrumbSeparator>{separator}</SBreadcrumbSeparator>\n {renderEllipsis()}\n </>\n )}\n {!isLast && (\n <SBreadcrumbSeparator>{separator}</SBreadcrumbSeparator>\n )}\n </React.Fragment>\n );\n })}\n </SBreadcrumbList>\n </SBreadcrumb>\n );\n },\n);\n\nBreadcrumb.displayName = \"Breadcrumb\";\n\nexport default Breadcrumb;\n"],"names":["colorClasses","variantClasses","Breadcrumb","React","className","variant","color","items","separator","maxItems","showEllipsis","showHome","showPopoverOnEllipsis","props","ref","popoverOpen","setPopoverOpen","userItems","homeItem","normalizedShowHome","jsx","Home","displayItems","hasEllipsis","hiddenItems","numUserItems","truncatedUserItems","renderEllipsis","jsxs","Popover","PopoverTrigger","SBreadcrumbItem","SBreadcrumbEllipsis","PopoverContent","item","index","SBreadcrumb","cn","SBreadcrumbList","Fragment","SBreadcrumbSeparator","isLast","shouldShowEllipsisAfter","SBreadcrumbPage","SBreadcrumbLink"],"mappings":"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"}
1	+ {"version":3,"file":"Breadcrumb.cjs","sources":["../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n Breadcrumb as SBreadcrumb,\n BreadcrumbList as SBreadcrumbList,\n BreadcrumbItem as SBreadcrumbItem,\n BreadcrumbLink as SBreadcrumbLink,\n BreadcrumbPage as SBreadcrumbPage,\n BreadcrumbSeparator as SBreadcrumbSeparator,\n BreadcrumbEllipsis as SBreadcrumbEllipsis,\n} from \"@dsui/ui/components/breadcrumb\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Home } from \"lucide-react\";\nimport {\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from \"@dsui/ui/components/popover\";\n\nexport type BreadcrumbItemType = {\n label?: React.ReactNode;\n href?: string;\n icon?: React.ReactNode;\n};\n\nexport type BreadcrumbProps = React.ComponentProps<\"nav\"> & {\n variant?: \"default\" \| \"compact\" \| \"badge\" \| \"bordered\";\n color?:\n \| \"default\"\n \| \"primary\"\n \| \"secondary\"\n \| \"accent\"\n \| \"destructive\"\n \| \"muted\"\n \| \"success\"\n \| \"error\"\n \| \"warning\";\n items: BreadcrumbItemType[];\n separator?: React.ReactNode;\n maxItems?: number;\n showEllipsis?: boolean;\n showHome?:\n \| boolean\n \| \"label\"\n \| \"icon\"\n \| \"both\"\n \| React.ReactNode\n \| { label?: React.ReactNode; icon?: React.ReactNode; href?: string };\n showPopoverOnEllipsis?: boolean;\n};\n\nconst colorClasses = {\n default: \"\",\n primary:\n \"text-primary [&_[data-slot=breadcrumb-link]:hover]:text-primary/80 [&_[data-slot=breadcrumb-page]]:text-primary\",\n secondary:\n \"text-secondary [&_[data-slot=breadcrumb-link]:hover]:text-secondary/80 [&_[data-slot=breadcrumb-page]]:text-secondary\",\n accent:\n \"text-accent [&_[data-slot=breadcrumb-link]:hover]:text-accent/80 [&_[data-slot=breadcrumb-page]]:text-accent\",\n destructive:\n \"text-destructive [&_[data-slot=breadcrumb-link]:hover]:text-destructive/80 [&_[data-slot=breadcrumb-page]]:text-destructive\",\n muted:\n \"text-muted-foreground [&_[data-slot=breadcrumb-link]:hover]:text-muted-foreground/80 [&_[data-slot=breadcrumb-page]]:text-muted-foreground\",\n success:\n \"text-success [&_[data-slot=breadcrumb-link]:hover]:text-success/80 [&_[data-slot=breadcrumb-page]]:text-success\",\n error:\n \"text-error [&_[data-slot=breadcrumb-link]:hover]:text-error/80 [&_[data-slot=breadcrumb-page]]:text-error\",\n warning:\n \"text-warning [&_[data-slot=breadcrumb-link]:hover]:text-warning/80 [&_[data-slot=breadcrumb-page]]:text-warning\",\n};\n\nconst variantClasses = {\n default: \"\",\n compact:\n \"text-xs [&_[data-slot=breadcrumb-list]]:gap-1 [&_[data-slot=breadcrumb-separator]>svg]:size-3\",\n badge:\n \"[&_[data-slot=breadcrumb-list]]:gap-1 [&_[data-slot=breadcrumb-item]]:border [&_[data-slot=breadcrumb-item]]:bg-muted [&_[data-slot=breadcrumb-item]]:px-2 [&_[data-slot=breadcrumb-item]]:py-0.5 [&_[data-slot=breadcrumb-item]]:rounded-full [&_[data-slot=breadcrumb-item]]:text-sm\",\n bordered: \"border rounded-md px-3 py-2\",\n};\n\nconst Breadcrumb = React.forwardRef<HTMLElement, BreadcrumbProps>(\n (\n {\n className,\n variant = \"default\",\n color = \"default\",\n items,\n separator,\n maxItems,\n showEllipsis = true,\n showHome = \"label\",\n showPopoverOnEllipsis = false,\n ...props\n },\n ref\n ) => {\n const [popoverOpen, setPopoverOpen] = React.useState(false);\n const userItems = items;\n let homeItem: BreadcrumbItemType[] = [];\n const normalizedShowHome = showHome === true ? \"label\" : showHome;\n if (normalizedShowHome) {\n if (normalizedShowHome === \"label\") {\n homeItem = [{ label: \"Home\", href: \"/\" }];\n } else if (normalizedShowHome === \"icon\") {\n homeItem = [{ icon: <Home className=\"size-4\" />, href: \"/\" }];\n } else if (normalizedShowHome === \"both\") {\n homeItem = [\n { label: \"Home\", icon: <Home className=\"size-4\" />, href: \"/\" },\n ];\n } else if (\n typeof normalizedShowHome === \"object\" &&\n !React.isValidElement(normalizedShowHome)\n ) {\n // custom object\n homeItem = [normalizedShowHome as BreadcrumbItemType];\n } else {\n // ReactNode\n homeItem = [\n { label: normalizedShowHome as React.ReactNode, href: \"/\" },\n ];\n }\n }\n // Calculate which items to display\n let displayItems: BreadcrumbItemType[] = [];\n let hasEllipsis = false;\n let hiddenItems: BreadcrumbItemType[] = [];\n\n if (maxItems === 0) {\n displayItems = [...homeItem, ...userItems];\n } else if (maxItems) {\n const numUserItems = maxItems - homeItem.length;\n const truncatedUserItems =\n numUserItems > 0 ? userItems.slice(-numUserItems) : [];\n displayItems = [...homeItem, ...truncatedUserItems];\n hasEllipsis =\n numUserItems > 0 && userItems.length > numUserItems && showEllipsis;\n hiddenItems =\n numUserItems > 0 ? userItems.slice(0, -numUserItems) : userItems;\n } else {\n displayItems = [...homeItem, ...userItems];\n }\n\n const renderEllipsis = () => {\n if (showPopoverOnEllipsis) {\n return (\n <Popover open={popoverOpen} onOpenChange={setPopoverOpen}>\n <PopoverTrigger asChild>\n <SBreadcrumbItem>\n <SBreadcrumbEllipsis />\n </SBreadcrumbItem>\n </PopoverTrigger>\n <PopoverContent className=\"w-auto max-w-64 p-2\">\n {hiddenItems.map((item, index) => (\n <div\n key={index}\n className=\"flex items-center gap-2 py-1 px-3 rounded hover:bg-muted\"\n >\n {item.icon}\n {item.label && (\n <a href={item.href} className=\"text-sm hover:underline\">\n {item.label}\n </a>\n )}\n </div>\n ))}\n </PopoverContent>\n </Popover>\n );\n }\n return (\n <SBreadcrumbItem>\n <SBreadcrumbEllipsis />\n </SBreadcrumbItem>\n );\n };\n\n return (\n <SBreadcrumb\n ref={ref}\n className={cn(variantClasses[variant], className)}\n {...props}\n >\n <SBreadcrumbList className={colorClasses[color]}>\n {hasEllipsis && homeItem.length === 0 && (\n <>\n {renderEllipsis()}\n <SBreadcrumbSeparator>{separator}</SBreadcrumbSeparator>\n </>\n )}\n {displayItems.map((item, index) => {\n const isLast = index === displayItems.length - 1;\n const shouldShowEllipsisAfter =\n hasEllipsis && index === 0 && homeItem.length > 0;\n return (\n <React.Fragment key={index}>\n <SBreadcrumbItem>\n {isLast ? (\n <SBreadcrumbPage>\n <div className=\"flex items-center gap-1\">\n {item.icon}\n {item.label}\n </div>\n </SBreadcrumbPage>\n ) : (\n <SBreadcrumbLink href={item.href}>\n <div className=\"flex items-center gap-1\">\n {item.icon}\n {item.label}\n </div>\n </SBreadcrumbLink>\n )}\n </SBreadcrumbItem>\n {shouldShowEllipsisAfter && (\n <>\n <SBreadcrumbSeparator>{separator}</SBreadcrumbSeparator>\n {renderEllipsis()}\n </>\n )}\n {!isLast && (\n <SBreadcrumbSeparator>{separator}</SBreadcrumbSeparator>\n )}\n </React.Fragment>\n );\n })}\n </SBreadcrumbList>\n </SBreadcrumb>\n );\n }\n);\n\nBreadcrumb.displayName = \"Breadcrumb\";\n\nexport default Breadcrumb;\n"],"names":["colorClasses","variantClasses","Breadcrumb","React","className","variant","color","items","separator","maxItems","showEllipsis","showHome","showPopoverOnEllipsis","props","ref","popoverOpen","setPopoverOpen","userItems","homeItem","normalizedShowHome","jsx","Home","displayItems","hasEllipsis","hiddenItems","numUserItems","truncatedUserItems","renderEllipsis","jsxs","Popover","PopoverTrigger","SBreadcrumbItem","SBreadcrumbEllipsis","PopoverContent","item","index","SBreadcrumb","cn","SBreadcrumbList","Fragment","SBreadcrumbSeparator","isLast","shouldShowEllipsisAfter","SBreadcrumbPage","SBreadcrumbLink"],"mappings":"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"}

package/dist/cjs/components/Button/Button.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),r=require("react"),o=require("@dsui/ui/components/button"),N=require("@dsui/ui/lib/utils"),b=require("lucide-react"),f=require("../../utils/animations.cjs"),l=r.forwardRef((c,u)=>{const{variant:n="solid",size:a="normal",color:d="muted",animation:i,...e}=c,t=r.useMemo(()=>f.animationEffect({animation:i,children:e?.children,className:e?.className,rootClassName:o.buttonVariants({variant:n,size:a}),variantType:n,...e}),[i,e,a,n]),m=(t?.children?!0:e.asChild)&&!e?.isLoading,h=e?.isLoading?s.jsxs(s.Fragment,{children:[s.jsx(b.LoaderCircle,{className:"animate-spin"}),t?.children??e.children??null]}):t?.children??e.children??null;return s.jsx(o.Button,{ref:u,...e,className:N.cn("cursor-pointer group",e?.className,t?.className),asChild:m,style:{...e.style||{},...t?.style||{}},variant:t?.variant??n,color:d,size:a,children:h})});l.displayName="Button";exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),r=require("react"),o=require("../../packages/ui/src/components/button.cjs"),N=require("../../packages/ui/src/lib/utils.cjs"),b=require("lucide-react"),f=require("../../utils/animations.cjs"),l=r.forwardRef((c,u)=>{const{variant:n="solid",size:a="normal",color:d="muted",animation:i,...e}=c,t=r.useMemo(()=>f.animationEffect({animation:i,children:e?.children,className:e?.className,rootClassName:o.buttonVariants({variant:n,size:a}),variantType:n,...e}),[i,e,a,n]),m=(t?.children?!0:e.asChild)&&!e?.isLoading,h=e?.isLoading?s.jsxs(s.Fragment,{children:[s.jsx(b.LoaderCircle,{className:"animate-spin"}),t?.children??e.children??null]}):t?.children??e.children??null;return s.jsx(o.Button,{ref:u,...e,className:N.cn("cursor-pointer group",e?.className,t?.className),asChild:m,style:{...e.style||{},...t?.style||{}},variant:t?.variant??n,color:d,size:a,children:h})});l.displayName="Button";exports.default=l;
 //# sourceMappingURL=Button.cjs.map

package/dist/cjs/components/Button/Button.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.cjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n buttonVariants,\n Button as SButton,\n type ButtonProps as SButtonProps,\n} from \"@dsui/ui/components/button\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport type { ButtonAnimation } from \"@/types/variables\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { animationEffect } from \"@/utils/animations\";\n\nexport type ButtonProps = SButtonProps & {\n animation?: ButtonAnimation;\n isLoading?: boolean;\n};\n\ntype AnimResult = {\n className?: string;\n style?: React.CSSProperties;\n children?: React.ReactNode;\n variant?: SButtonProps[\"variant\"];\n};\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (props, ref) => {\n const {\n variant = \"solid\",\n size = \"normal\",\n color = \"muted\",\n animation,\n ...rest\n } = props;\n\n const buttonAnimation = useMemo<AnimResult \| null>(() => {\n return animationEffect<ButtonAnimation, SButtonProps[\"variant\"]>({\n animation,\n children: rest?.children,\n className: rest?.className,\n rootClassName: buttonVariants({\n variant: variant,\n size: size,\n }),\n variantType: variant,\n ...rest,\n });\n }, [animation, rest, size, variant]);\n\n // Disable asChild when loading to avoid React.Children.only error\n const shouldUseAsChild =\n (buttonAnimation?.children ? true : rest.asChild) && !rest?.isLoading;\n\n const buttonContent = rest?.isLoading ? (\n <>\n <LoaderCircle className=\"animate-spin\" />\n {\n (buttonAnimation?.children ??\n rest.children ??\n null) as SButtonProps[\"children\"]\n }\n </>\n ) : (\n ((buttonAnimation?.children ??\n rest.children ??\n null) as SButtonProps[\"children\"])\n );\n\n return (\n <SButton\n ref={ref}\n {...rest}\n className={cn(\n \"cursor-pointer group\",\n rest?.className,\n buttonAnimation?.className,\n )}\n asChild={shouldUseAsChild}\n style={{ ...(rest.style \|\| {}), ...(buttonAnimation?.style \|\| {}) }}\n variant={buttonAnimation?.variant ?? variant}\n color={color}\n size={size}\n >\n {buttonContent}\n </SButton>\n );\n },\n);\n\nButton.displayName = \"Button\";\nexport default Button;\n"],"names":["Button","React","props","ref","variant","size","color","animation","rest","buttonAnimation","useMemo","animationEffect","buttonVariants","shouldUseAsChild","buttonContent","jsxs","Fragment","jsx","LoaderCircle","SButton","cn"],"mappings":"~~8SAuBMA~~,EAASC,EAAM,WACnB,CAACC,EAAOC,IAAQ,CACd,KAAM,CACJ,QAAAC,EAAU,QACV,KAAAC,EAAO,SACP,MAAAC,EAAQ,QACR,UAAAC,EACA,GAAGC,CAAA,EACDN,EAEEO,EAAkBC,EAAAA,QAA2B,IAC1CC,kBAA0D,CAC/D,UAAAJ,EACA,SAAUC,GAAM,SAChB,UAAWA,GAAM,UACjB,cAAeI,EAAAA,eAAe,CAC5B,QAAAR,EACA,KAAAC,CAAA,CACD,EACD,YAAaD,EACb,GAAGI,CAAA,CACJ,EACA,CAACD,EAAWC,EAAMH,EAAMD,CAAO,CAAC,EAG7BS,GACHJ,GAAiB,SAAW,GAAOD,EAAK,UAAY,CAACA,GAAM,UAExDM,EAAgBN,GAAM,UAC1BO,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,aAAA,CAAa,UAAU,cAAA,CAAe,EAEpCT,GAAiB,UAChBD,EAAK,UACL,IAAA,CAAA,CAEN,EAEEC,GAAiB,UACjBD,EAAK,UACL,KAGJ,OACES,EAAAA,IAACE,EAAAA,OAAA,CACC,IAAAhB,EACC,GAAGK,EACJ,UAAWY,EAAAA,GACT,uBACAZ,GAAM,UACNC,GAAiB,SAAA,EAEnB,QAASI,EACT,MAAO,CAAE,GAAIL,EAAK,OAAS,CAAA,EAAK,GAAIC,GAAiB,OAAS,EAAC,EAC/D,QAASA,GAAiB,SAAWL,EACrC,MAAAE,EACA,KAAAD,EAEC,SAAAS,CAAA,CAAA,CAGP,CACF,EAEAd,EAAO,YAAc"}
1	+ {"version":3,"file":"Button.cjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n buttonVariants,\n Button as SButton,\n type ButtonProps as SButtonProps,\n} from \"@dsui/ui/components/button\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport type { ButtonAnimation } from \"@/types/variables\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { animationEffect } from \"@/utils/animations\";\n\nexport type ButtonProps = SButtonProps & {\n animation?: ButtonAnimation;\n isLoading?: boolean;\n};\n\ntype AnimResult = {\n className?: string;\n style?: React.CSSProperties;\n children?: React.ReactNode;\n variant?: SButtonProps[\"variant\"];\n};\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (props, ref) => {\n const {\n variant = \"solid\",\n size = \"normal\",\n color = \"muted\",\n animation,\n ...rest\n } = props;\n\n const buttonAnimation = useMemo<AnimResult \| null>(() => {\n return animationEffect<ButtonAnimation, SButtonProps[\"variant\"]>({\n animation,\n children: rest?.children,\n className: rest?.className,\n rootClassName: buttonVariants({\n variant: variant,\n size: size,\n }),\n variantType: variant,\n ...rest,\n });\n }, [animation, rest, size, variant]);\n\n // Disable asChild when loading to avoid React.Children.only error\n const shouldUseAsChild =\n (buttonAnimation?.children ? true : rest.asChild) && !rest?.isLoading;\n\n const buttonContent = rest?.isLoading ? (\n <>\n <LoaderCircle className=\"animate-spin\" />\n {\n (buttonAnimation?.children ??\n rest.children ??\n null) as SButtonProps[\"children\"]\n }\n </>\n ) : (\n ((buttonAnimation?.children ??\n rest.children ??\n null) as SButtonProps[\"children\"])\n );\n\n return (\n <SButton\n ref={ref}\n {...rest}\n className={cn(\n \"cursor-pointer group\",\n rest?.className,\n buttonAnimation?.className\n )}\n asChild={shouldUseAsChild}\n style={{ ...(rest.style \|\| {}), ...(buttonAnimation?.style \|\| {}) }}\n variant={buttonAnimation?.variant ?? variant}\n color={color}\n size={size}\n >\n {buttonContent}\n </SButton>\n );\n }\n);\n\nButton.displayName = \"Button\";\nexport default Button;\n"],"names":["Button","React","props","ref","variant","size","color","animation","rest","buttonAnimation","useMemo","animationEffect","buttonVariants","shouldUseAsChild","buttonContent","jsxs","Fragment","jsx","LoaderCircle","SButton","cn"],"mappings":"gVAuBMA,EAASC,EAAM,WACnB,CAACC,EAAOC,IAAQ,CACd,KAAM,CACJ,QAAAC,EAAU,QACV,KAAAC,EAAO,SACP,MAAAC,EAAQ,QACR,UAAAC,EACA,GAAGC,CAAA,EACDN,EAEEO,EAAkBC,EAAAA,QAA2B,IAC1CC,kBAA0D,CAC/D,UAAAJ,EACA,SAAUC,GAAM,SAChB,UAAWA,GAAM,UACjB,cAAeI,EAAAA,eAAe,CAC5B,QAAAR,EACA,KAAAC,CAAA,CACD,EACD,YAAaD,EACb,GAAGI,CAAA,CACJ,EACA,CAACD,EAAWC,EAAMH,EAAMD,CAAO,CAAC,EAG7BS,GACHJ,GAAiB,SAAW,GAAOD,EAAK,UAAY,CAACA,GAAM,UAExDM,EAAgBN,GAAM,UAC1BO,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAACC,EAAAA,aAAA,CAAa,UAAU,cAAA,CAAe,EAEpCT,GAAiB,UAChBD,EAAK,UACL,IAAA,CAAA,CAEN,EAEEC,GAAiB,UACjBD,EAAK,UACL,KAGJ,OACES,EAAAA,IAACE,EAAAA,OAAA,CACC,IAAAhB,EACC,GAAGK,EACJ,UAAWY,EAAAA,GACT,uBACAZ,GAAM,UACNC,GAAiB,SAAA,EAEnB,QAASI,EACT,MAAO,CAAE,GAAIL,EAAK,OAAS,CAAA,EAAK,GAAIC,GAAiB,OAAS,EAAC,EAC/D,QAASA,GAAiB,SAAWL,EACrC,MAAAE,EACA,KAAAD,EAEC,SAAAS,CAAA,CAAA,CAGP,CACF,EAEAd,EAAO,YAAc"}

package/dist/cjs/components/Button/ButtonGroup.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const B=require("react/jsx-runtime"),r=require("react"),o=require("@dsui/ui/components/button-group"),G=require("@dsui/ui/lib/utils");require("class-variance-authority");const q=require("./Button.cjs"),u=r.forwardRef(({className:i,orientation:a="horizontal",variant:s,color:l,size:p,animation:n,isLoading:c,disabled:d,children:m,...b},f)=>{const g=r.Children.map(m,t=>{if(r.isValidElement(t)&&t.type===q.default){const e=t.props;return r.cloneElement(t,{variant:n==="glass"?"ghost":e.variant??s,color:e.color??l,size:e.size??p,animation:e.animation??n,isLoading:e.isLoading??c,disabled:e.disabled??d})}return t});return B.jsx(o.ButtonGroup,{ref:f,orientation:a,className:G.cn(i),...b,children:g})});u.displayName="ButtonGroup";Object.defineProperty(exports,"ButtonGroupSeparator",{enumerable:!0,get:()=>o.ButtonGroupSeparator});Object.defineProperty(exports,"ButtonGroupText",{enumerable:!0,get:()=>o.ButtonGroupText});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react/jsx-runtime"),r=require("react"),b=require("../../packages/ui/src/components/button-group.cjs"),v=require("../../packages/ui/src/lib/utils.cjs");require("class-variance-authority");const B=require("./Button.cjs"),n=r.forwardRef(({className:s,orientation:i="horizontal",variant:u,color:a,size:l,animation:o,isLoading:c,disabled:d,children:p,...m},f)=>{const g=r.Children.map(p,t=>{if(r.isValidElement(t)&&t.type===B.default){const e=t.props;return r.cloneElement(t,{variant:o==="glass"?"ghost":e.variant??u,color:e.color??a,size:e.size??l,animation:e.animation??o,isLoading:e.isLoading??c,disabled:e.disabled??d})}return t});return q.jsx(b.ButtonGroup,{ref:f,orientation:i,className:v.cn(s),...m,children:g})});n.displayName="ButtonGroup";exports.default=n;
 //# sourceMappingURL=ButtonGroup.cjs.map

package/dist/cjs/components/Button/ButtonGroup.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroup.cjs","sources":["../../../../src/components/Button/ButtonGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n ButtonGroup as SButtonGroup,\n ButtonGroupSeparator,\n ButtonGroupText,\n buttonGroupVariants,\n} from \"@dsui/ui/components/button-group\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport Button, { type ButtonProps } from \"./Button\";\n\nexport type ButtonGroupProps = React.ComponentProps<typeof SButtonGroup> &\n VariantProps<typeof buttonGroupVariants> & {\n variant?: ButtonProps[\"variant\"];\n color?: ButtonProps[\"color\"];\n size?: ButtonProps[\"size\"];\n animation?: ButtonProps[\"animation\"];\n isLoading?: ButtonProps[\"isLoading\"];\n disabled?: boolean;\n };\n\nconst ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n (\n {\n className,\n orientation = \"horizontal\",\n variant,\n color,\n size,\n animation,\n isLoading,\n disabled,\n children,\n ...props\n },\n ref,\n ) => {\n const childrenWithProps = React.Children.map(children, (child) => {\n if (React.isValidElement(child) && child.type === Button) {\n const childProps = child.props as ButtonProps;\n return React.cloneElement(child as React.ReactElement<ButtonProps>, {\n variant:\n animation === \"glass\" ? \"ghost\" : (childProps.variant ?? variant),\n color: childProps.color ?? color,\n size: childProps.size ?? size,\n animation: childProps.animation ?? animation,\n isLoading: childProps.isLoading ?? isLoading,\n disabled: childProps.disabled ?? disabled,\n });\n }\n return child;\n });\n\n return (\n <SButtonGroup\n ref={ref}\n orientation={orientation}\n className={cn(className)}\n {...props}\n >\n {childrenWithProps}\n </SButtonGroup>\n );\n },\n);\n\nButtonGroup.displayName = \"ButtonGroup\";\n\nexport { ButtonGroupSeparator, ButtonGroupText };\nexport default ButtonGroup;\n"],"names":["ButtonGroup","React","className","orientation","variant","color","size","animation","isLoading","disabled","children","props","ref","childrenWithProps","child","Button","childProps","jsx","SButtonGroup","cn"],"mappings":"~~sTAqBMA~~,EAAcC,EAAM,WACxB,CACE,CACE,UAAAC,EACA,YAAAC,EAAc,aACd,QAAAC,EACA,MAAAC,EACA,KAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAoBZ,EAAM,SAAS,IAAIS,EAAWI,GAAU,CAChE,GAAIb,EAAM,eAAea,CAAK,GAAKA,EAAM,OAASC,UAAQ,CACxD,MAAMC,EAAaF,EAAM,MACzB,OAAOb,EAAM,aAAaa,EAA0C,CAClE,QACEP,IAAc,QAAU,QAAWS,EAAW,SAAWZ,EAC3D,MAAOY,EAAW,OAASX,EAC3B,KAAMW,EAAW,MAAQV,EACzB,UAAWU,EAAW,WAAaT,EACnC,UAAWS,EAAW,WAAaR,EACnC,SAAUQ,EAAW,UAAYP,CAAA,CAClC,CACH,CACA,OAAOK,CACT,CAAC,EAED,OACEG,EAAAA,IAACC,EAAAA,YAAA,CACC,IAAAN,EACA,YAAAT,EACA,UAAWgB,EAAAA,GAAGjB,CAAS,EACtB,GAAGS,EAEH,SAAAE,CAAA,CAAA,CAGP,CACF,EAEAb,EAAY,YAAc"}
1	+ {"version":3,"file":"ButtonGroup.cjs","sources":["../../../../src/components/Button/ButtonGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n ButtonGroup as SButtonGroup,\n ButtonGroupSeparator,\n ButtonGroupText,\n buttonGroupVariants,\n} from \"@dsui/ui/components/button-group\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport Button, { type ButtonProps } from \"./Button\";\n\nexport type ButtonGroupProps = React.ComponentProps<typeof SButtonGroup> &\n VariantProps<typeof buttonGroupVariants> & {\n variant?: ButtonProps[\"variant\"];\n color?: ButtonProps[\"color\"];\n size?: ButtonProps[\"size\"];\n animation?: ButtonProps[\"animation\"];\n isLoading?: ButtonProps[\"isLoading\"];\n disabled?: boolean;\n };\n\nconst ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n (\n {\n className,\n orientation = \"horizontal\",\n variant,\n color,\n size,\n animation,\n isLoading,\n disabled,\n children,\n ...props\n },\n ref\n ) => {\n const childrenWithProps = React.Children.map(children, (child) => {\n if (React.isValidElement(child) && child.type === Button) {\n const childProps = child.props as ButtonProps;\n return React.cloneElement(child as React.ReactElement<ButtonProps>, {\n variant:\n animation === \"glass\" ? \"ghost\" : (childProps.variant ?? variant),\n color: childProps.color ?? color,\n size: childProps.size ?? size,\n animation: childProps.animation ?? animation,\n isLoading: childProps.isLoading ?? isLoading,\n disabled: childProps.disabled ?? disabled,\n });\n }\n return child;\n });\n\n return (\n <SButtonGroup\n ref={ref}\n orientation={orientation}\n className={cn(className)}\n {...props}\n >\n {childrenWithProps}\n </SButtonGroup>\n );\n }\n);\n\nButtonGroup.displayName = \"ButtonGroup\";\n\nexport { ButtonGroupSeparator, ButtonGroupText };\nexport default ButtonGroup;\n"],"names":["ButtonGroup","React","className","orientation","variant","color","size","animation","isLoading","disabled","children","props","ref","childrenWithProps","child","Button","childProps","jsx","SButtonGroup","cn"],"mappings":"wVAqBMA,EAAcC,EAAM,WACxB,CACE,CACE,UAAAC,EACA,YAAAC,EAAc,aACd,QAAAC,EACA,MAAAC,EACA,KAAAC,EACA,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAoBZ,EAAM,SAAS,IAAIS,EAAWI,GAAU,CAChE,GAAIb,EAAM,eAAea,CAAK,GAAKA,EAAM,OAASC,UAAQ,CACxD,MAAMC,EAAaF,EAAM,MACzB,OAAOb,EAAM,aAAaa,EAA0C,CAClE,QACEP,IAAc,QAAU,QAAWS,EAAW,SAAWZ,EAC3D,MAAOY,EAAW,OAASX,EAC3B,KAAMW,EAAW,MAAQV,EACzB,UAAWU,EAAW,WAAaT,EACnC,UAAWS,EAAW,WAAaR,EACnC,SAAUQ,EAAW,UAAYP,CAAA,CAClC,CACH,CACA,OAAOK,CACT,CAAC,EAED,OACEG,EAAAA,IAACC,EAAAA,YAAA,CACC,IAAAN,EACA,YAAAT,EACA,UAAWgB,EAAAA,GAAGjB,CAAS,EACtB,GAAGS,EAEH,SAAAE,CAAA,CAAA,CAGP,CACF,EAEAb,EAAY,YAAc"}

package/dist/cjs/components/Calendar/Calendar.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),p=require("@dsui/ui/components/calendar"),x=require("@dsui/ui/index"),o=require("date-fns/locale");function f({language:n="vi",className:t,captionLayout:a="dropdown",formatters:c,buttonVariant:l,locale:e,variant:i="default",color:s="primary",...d}){const r=e||(n==="en"?o.enUS:o.vi);return m.jsx(p.Calendar,{...d,locale:r,buttonVariant:l,captionLayout:a,variant:i,color:s,formatters:{formatMonthDropdown:u=>u.toLocaleString(r.code,{month:"short"}),...c},className:x.cn("mx-auto [--cell-size:clamp(0px,calc(100vw/7.5),40px)]",t)})}exports.Calendar=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),m=require("../../packages/ui/src/components/calendar.cjs");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const p=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("../../node_modules/.pnpm/vaul@1.1.2_@types_react-dom@19.2.2_@types_react@19.2.2__@types_react@19.2.2_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/vaul/dist/index.cjs");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("react");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("lucide-react");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const i=require("date-fns/locale");function f({language:u="vi",className:q,captionLayout:o="dropdown",formatters:t,buttonVariant:a,locale:e,variant:n="default",color:l="primary",...c}){const r=e||(u==="en"?i.enUS:i.vi);return d.jsx(m.Calendar,{...c,locale:r,buttonVariant:a,captionLayout:o,variant:n,color:l,formatters:{formatMonthDropdown:s=>s.toLocaleString(r.code,{month:"short"}),...t},className:p.cn("mx-auto [--cell-size:clamp(0px,calc(100vw/7.5),40px)]",q)})}exports.Calendar=f;
 //# sourceMappingURL=Calendar.cjs.map

package/dist/cjs/components/Calendar/Calendar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Calendar.cjs","sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import {\n CalendarDayButton as SCalendarDayButton,\n type CalendarDayButtonProps as SCalendarDayButtonProps,\n Calendar as SCalendar,\n type CalendarProps as SCalendarProps,\n type CalendarColor,\n} from \"@dsui/ui/components/calendar\";\nimport { cn } from \"@dsui/ui/index\";\nimport { vi, enUS } from \"date-fns/locale\";\n\nexport type DateRange = {\n from: Date \| undefined;\n to?: Date \| undefined;\n};\n\nexport type CalendarProps = SCalendarProps & {\n language?: \"vi\" \| \"en\";\n variant?: \"default\" \| \"rounded\";\n color?: CalendarColor;\n};\n\nexport function Calendar({\n language = \"vi\",\n className,\n captionLayout = \"dropdown\",\n formatters,\n buttonVariant,\n locale,\n variant = \"default\",\n color = \"primary\",\n ...props\n}: CalendarProps) {\n const _locale = locale ? locale : language === \"en\" ? enUS : vi;\n\n return (\n <SCalendar\n {...props}\n locale={_locale}\n buttonVariant={buttonVariant}\n captionLayout={captionLayout}\n variant={variant}\n color={color}\n formatters={{\n formatMonthDropdown: (date: Date) =>\n date.toLocaleString(_locale.code, { month: \"short\" }),\n ...formatters,\n }}\n className={cn(\n \"mx-auto [--cell-size:clamp(0px,calc(100vw/7.5),40px)]\",\n className,\n )}\n />\n );\n}\n\nexport const CalendarDayButton = SCalendarDayButton;\nexport type CalendarDayButtonProps = SCalendarDayButtonProps;\nexport type { CalendarColor };\n"],"names":["Calendar","language","className","captionLayout","formatters","buttonVariant","locale","variant","color","props","_locale","enUS","vi","jsx","SCalendar","date","cn"],"mappings":"~~wNAqBO~~,SAASA,EAAS,CACvB,SAAAC,EAAW,KACX,UAAAC,EACA,cAAAC,EAAgB,WAChB,WAAAC,EACA,cAAAC,EAAA,OACAC,EACA,QAAAC,EAAU,UACV,MAAAC,EAAQ,UACR,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAUJ,IAAkBL,IAAa,KAAOU,EAAAA,KAAOC,EAAAA,IAE7D,OACEC,EAAAA,IAACC,EAAAA,SAAA,CACE,GAAGL,EACJ,OAAQC,EACR,cAAAL,EACA,cAAAF,EACA,QAAAI,EACA,MAAAC,EACA,WAAY,CACV,oBAAsBO,GACpBA,EAAK,eAAeL,EAAQ,KAAM,CAAE,MAAO,QAAS,EACtD,GAAGN,CAAA,EAEL,UAAWY,EAAAA,GACT,wDACAd,CAAA,CACF,CAAA,CAGN"}
1	+ {"version":3,"file":"Calendar.cjs","sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import {\n CalendarDayButton as SCalendarDayButton,\n type CalendarDayButtonProps as SCalendarDayButtonProps,\n Calendar as SCalendar,\n type CalendarProps as SCalendarProps,\n type CalendarColor,\n} from \"@dsui/ui/components/calendar\";\nimport { cn } from \"@dsui/ui/index\";\nimport { vi, enUS } from \"date-fns/locale\";\n\nexport type DateRange = {\n from: Date \| undefined;\n to?: Date \| undefined;\n};\n\nexport type CalendarProps = SCalendarProps & {\n language?: \"vi\" \| \"en\";\n variant?: \"default\" \| \"rounded\";\n color?: CalendarColor;\n};\n\nexport function Calendar({\n language = \"vi\",\n className,\n captionLayout = \"dropdown\",\n formatters,\n buttonVariant,\n locale,\n variant = \"default\",\n color = \"primary\",\n ...props\n}: CalendarProps) {\n const _locale = locale ? locale : language === \"en\" ? enUS : vi;\n\n return (\n <SCalendar\n {...props}\n locale={_locale}\n buttonVariant={buttonVariant}\n captionLayout={captionLayout}\n variant={variant}\n color={color}\n formatters={{\n formatMonthDropdown: (date: Date) =>\n date.toLocaleString(_locale.code, { month: \"short\" }),\n ...formatters,\n }}\n className={cn(\n \"mx-auto [--cell-size:clamp(0px,calc(100vw/7.5),40px)]\",\n className\n )}\n />\n );\n}\n\nexport const CalendarDayButton = SCalendarDayButton;\nexport type CalendarDayButtonProps = SCalendarDayButtonProps;\nexport type { CalendarColor };\n"],"names":["Calendar","language","className","captionLayout","formatters","buttonVariant","locale","variant","color","props","_locale","enUS","vi","jsx","SCalendar","date","cn"],"mappings":"mwDAqBO,SAASA,EAAS,CACvB,SAAAC,EAAW,KACX,UAAAC,EACA,cAAAC,EAAgB,WAChB,WAAAC,EACA,cAAAC,EAAA,OACAC,EACA,QAAAC,EAAU,UACV,MAAAC,EAAQ,UACR,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAUJ,IAAkBL,IAAa,KAAOU,EAAAA,KAAOC,EAAAA,IAE7D,OACEC,EAAAA,IAACC,EAAAA,SAAA,CACE,GAAGL,EACJ,OAAQC,EACR,cAAAL,EACA,cAAAF,EACA,QAAAI,EACA,MAAAC,EACA,WAAY,CACV,oBAAsBO,GACpBA,EAAK,eAAeL,EAAQ,KAAM,CAAE,MAAO,QAAS,EACtD,GAAGN,CAAA,EAEL,UAAWY,EAAAA,GACT,wDACAd,CAAA,CACF,CAAA,CAGN"}

package/dist/cjs/components/Carousel/Carousel.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),r=require("react"),G=require("lucide-react"),p=require("@dsui/ui/lib/utils"),_e=require("../ImageViewer/ImageViewer.cjs"),le=r.forwardRef(({children:H,initialSlide:P=0,direction:o="horizontal",speed:K=300,spaceBetween:M=0,slidesPerView:$=1,slidesPerGroup:D=1,centeredSlides:ie=!1,loop:X=!1,rewind:O=!1,effect:a="slide",breakpoints:y,navigation:Z=!1,pagination:J=!1,autoplay:g=!1,allowTouchMove:E=!0,grabCursor:Me=!0,keyboard:ce=!1,mousewheel:ue=!1,className:Xe,containerClassName:Ee,wrapperClassName:Ie,slideClassName:Ne,enableImageViewer:j=!1,onSlideChange:de,onReachBeginning:fe,onReachEnd:pe,onAutoplayStart:he,onAutoplayStop:be},Ye)=>{const A=typeof Z=="boolean"?{enabled:Z,position:"inside"}:{enabled:!0,position:"inside",...Z},i=typeof J=="boolean"?{enabled:J,type:"bullets",position:"inside"}:{enabled:!0,type:"bullets",position:"inside",...J},b=r.useMemo(()=>typeof g=="boolean"?{delay:3e3,disableOnInteraction:!0}:{delay:3e3,disableOnInteraction:!0,...g},[g]),[u,Re]=r.useState(P),[ze,me]=r.useState(P===0),[Q,ge]=r.useState(!1),[ee,te]=r.useState(!1),[ve,Pe]=r.useState(0),[L,xe]=r.useState(!1),[$e,T]=r.useState(!1),[we,De]=r.useState(typeof window<"u"?window.innerWidth:1024),[Oe,ye]=r.useState(!1),[Ae,Ce]=r.useState(0);r.useEffect(()=>{if(!y)return;const t=()=>{De(window.innerWidth)};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[y]);const re=r.useMemo(()=>{if(!y)return{slidesPerView:$,spaceBetween:M,slidesPerGroup:D};const t=Object.keys(y).map(Number).sort((e,s)=>s-e);for(const e of t)if(we>=e)return{slidesPerView:y[e].slidesPerView??$,spaceBetween:y[e].spaceBetween??M,slidesPerGroup:y[e].slidesPerGroup??D};return{slidesPerView:$,spaceBetween:M,slidesPerGroup:D}},[y,we,$,M,D]),ke=re.slidesPerView,W=re.spaceBetween,B=re.slidesPerGroup,F=r.useRef(null),Le=r.useRef(null),q=r.useRef(null),I=r.useRef(null),c=r.useRef({startX:0,startY:0,currentX:0,currentY:0}),N=r.useRef(!1),U=r.Children.toArray(H).filter(t=>r.isValidElement(t)&&t.type===oe),l=U.length,se=r.useCallback(t=>{let e=null;return r.Children.forEach(t,s=>{e||r.isValidElement(s)&&(s.type==="img"?e=s:s.props&&typeof s.props=="object"&&"children"in s.props&&(e=se(s.props.children)))}),e},[]),S=r.useMemo(()=>j?U.map(t=>{const s=se(t.props.children);return s?{src:s.props.src||"",alt:s.props.alt||""}:{src:"",alt:""}}):[],[U,j,se]),Te=r.useCallback(t=>{console.log("Slide clicked:",{index:t,enableImageViewer:j,hasSrc:!!S[t]?.src,hasDragged:N.current,imageInfos:S}),j&&S[t]?.src&&!N.current&&(console.log("Opening viewer at index:",t),Ce(t),ye(!0))},[j,S]),m=ke==="auto"?1:Math.min(ke,l);r.useEffect(()=>{X?(me(!1),ge(!1)):(me(u===0),ge(u>=l-m))},[u,l,m,X]);const v=r.useCallback(t=>{let e=t;X?e=(t%l+l)%l:O?t<0?e=l-1:t>=l?e=0:e=t:e=Math.max(0,Math.min(t,l-m)),Re(e);const s=o==="horizontal"?F.current?.offsetWidth||0:F.current?.offsetHeight||0,d=s/m;let f=-e*(d+W);ie&&m<l&&(f+=s/2-d/2),Pe(f),i.type==="scrollbar"&&(T(!0),I.current&&clearTimeout(I.current),I.current=setTimeout(()=>{T(!1)},1e3)),de?.({activeIndex:e,realIndex:e}),e===0&&fe?.(),e>=l-m&&pe?.()},[l,m,X,O,o,W,ie,i.type,de,fe,pe]),x=r.useCallback(()=>{v(u+B)},[u,B,v]),w=r.useCallback(()=>{v(u-B)},[u,B,v]),C=r.useCallback(()=>{q.current&&(clearInterval(q.current),q.current=null),xe(!1),be?.()},[be]),V=r.useCallback(()=>{g&&(q.current=setInterval(()=>{b.reverseDirection?w():x(),b.stopOnLastSlide&&Q&&C()},b.delay),xe(!0),he?.())},[b,g,x,w,Q,he,C]);r.useEffect(()=>(g&&V(),()=>C()),[g,V,C]);const We=r.useCallback(()=>{b.pauseOnMouseEnter&&L&&C()},[b.pauseOnMouseEnter,L,C]),Be=r.useCallback(()=>{b.pauseOnMouseEnter&&g&&!L&&V()},[b.pauseOnMouseEnter,g,L,V]),Fe=r.useCallback(t=>{if(E){try{t.currentTarget.setPointerCapture(t.pointerId)}catch(e){console.error("Failed to capture pointer:",e)}c.current.startX=t.clientX,c.current.startY=t.clientY,c.current.currentX=t.clientX,c.current.currentY=t.clientY,N.current=!1,te(!0),b.disableOnInteraction&&C()}},[E,b.disableOnInteraction,C]),qe=r.useCallback(t=>{if(!E)return;const e=c.current.startX,s=c.current.startY;if(e===0&&s===0)return;t.preventDefault(),c.current.currentX=t.clientX,c.current.currentY=t.clientY;const d=Math.abs(t.clientX-c.current.startX),f=Math.abs(t.clientY-c.current.startY);(d>5||f>5)&&(N.current=!0),te(!0)},[E]),je=r.useCallback(()=>{const t=c.current.startX,e=c.current.startY;if(t===0&&e===0)return;const s=c.current.currentX-t,d=c.current.currentY-e,f=o==="horizontal"?s:d;Math.abs(f)>0&&N.current?f>0?w():x():v(u),setTimeout(()=>{te(!1),c.current.startX=0,c.current.startY=0,c.current.currentX=0,c.current.currentY=0,N.current=!1},50)},[o,w,x,v,u]);r.useEffect(()=>{if(!ce)return;const t=e=>{e.key==="ArrowLeft"||e.key==="ArrowUp"?(e.preventDefault(),w()):(e.key==="ArrowRight"||e.key==="ArrowDown")&&(e.preventDefault(),x())};return window.addEventListener("keydown",t),()=>window.removeEventListener("keydown",t)},[ce,x,w]),r.useEffect(()=>{if(!ue)return;const t=s=>{s.preventDefault(),s.deltaY>0?x():s.deltaY<0&&w()},e=F.current;if(e)return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)},[ue,x,w]);const Se=()=>{if(!i.enabled)return null;const{type:t,clickable:e,dynamicBullets:s,dynamicMainBullets:d=1,position:f="inside"}=i,Y=f==="outside";if(t==="bullets"){const R=s?Math.min(d*2+1,l):l;return n.jsx("div",{className:p.cn("flex items-center justify-center gap-2",Y?"mt-4":"absolute bottom-4 left-1/2 -translate-x-1/2",o==="vertical"&&!Y&&"flex-col right-4 left-auto top-1/2 -translate-y-1/2 translate-x-0 bottom-auto"),children:Array.from({length:R}).map((_,z)=>{const h=s?Math.max(0,Math.min(z+u-d,l-1)):z,k=h===u;return i.renderBullet?n.jsx(r.Fragment,{children:i.renderBullet(h,p.cn("carousel-pagination-bullet",k&&"carousel-pagination-bullet-active"))},h):n.jsx("button",{onClick:()=>e&&v(h),className:p.cn("rounded-full transition-all","w-2 h-2",k?o==="horizontal"?"bg-primary w-6":"bg-primary h-6":"bg-muted-foreground/30 hover:bg-muted-foreground/50",e&&"cursor-pointer"),"aria-label":`Go to slide ${h+1}`},h)})})}if(t==="fraction")return n.jsx("div",{className:p.cn("text-center text-sm text-muted-foreground bg-background/80 backdrop-blur px-3 py-1 rounded-full",Y?"mt-4 mx-auto w-fit":"absolute bottom-4 left-1/2 -translate-x-1/2"),children:i.renderFraction?i.renderFraction("carousel-pagination-current","carousel-pagination-total"):n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"carousel-pagination-current font-semibold text-foreground",children:u+1})," / ",n.jsx("span",{className:"carousel-pagination-total",children:l})]})});if(t==="progressbar"){const R=(u+1)/l*100,_=i.position==="inside",z=h=>{if(!e)return;const k=h.currentTarget.getBoundingClientRect(),ne=(h.clientX-k.left)/k.width,ae=Math.floor(ne*l);v(Math.min(ae,l-1))};return n.jsx("div",{onClick:z,className:p.cn("w-full h-1 bg-muted rounded-full overflow-hidden",_?"absolute bottom-0 left-0 right-0 rounded-none":"mt-4",e&&"cursor-pointer"),children:i.renderProgressbar?i.renderProgressbar("carousel-progressbar-fill"):n.jsx("div",{className:"carousel-progressbar-fill h-full bg-primary transition-all duration-300",style:{width:`${R}%`}})})}if(t==="custom"&&i.renderCustom)return n.jsx("div",{className:p.cn(Y?"mt-4 flex justify-center":"absolute bottom-4 left-1/2 -translate-x-1/2"),children:i.renderCustom(u+1,l)});if(t==="scrollbar"){const R=1/l*100,_=u/(l-1)*(100-R),z=h=>{if(!e)return;T(!0),I.current&&clearTimeout(I.current);const k=h.currentTarget.getBoundingClientRect(),ne=(h.clientX-k.left)/k.width,ae=Math.round(ne*(l-1));v(Math.max(0,Math.min(ae,l-1))),I.current=setTimeout(()=>{T(!1)},1e3)};return n.jsx("div",{onClick:z,className:p.cn("w-full h-1 bg-muted/50 rounded-full transition-opacity duration-300",Y?"mt-4":"absolute bottom-0 left-1/2 -translate-x-1/2",e&&"cursor-pointer",$e?"opacity-100":"opacity-0"),children:i.renderScrollbar?i.renderScrollbar("carousel-scrollbar-drag"):n.jsx("div",{className:"carousel-scrollbar-drag h-full bg-primary rounded-full transition-all duration-300 absolute left-0",style:{width:`${R}%`,left:`${_}%`}})})}return null},Ue=t=>{const e=t-u;switch(a){case"fade":return{opacity:e===0?1:0,zIndex:e===0?10:0};case"cube":return{transform:`translateX(${e*100}%) rotateY(${e*-90}deg)`,transformOrigin:e>0?"left center":"right center"};case"coverflow":return{transform:`translateX(${e*60}%) translateZ(${Math.abs(e)*-100}px) rotateY(${e*-50}deg)`,zIndex:-Math.abs(e)};case"flip":return{transform:`rotateY(${e*180}deg)`,backfaceVisibility:"hidden"};case"cards":return{transform:`translateX(${e*50}px) translateZ(${-Math.abs(e)*100}px) scale(${1-Math.abs(e)*.2})`,opacity:e===0?1:.5,zIndex:100-Math.abs(e)*10,transition:"all 0.5s ease"};default:return{}}};return n.jsxs(n.Fragment,{children:[n.jsxs("div",{ref:Ye,className:p.cn("carousel-container",Ee,Xe),onMouseEnter:We,onMouseLeave:Be,children:[n.jsxs("div",{ref:F,className:p.cn("carousel relative overflow-hidden",(a==="fade"||a==="cube"||a==="flip"||a==="cards")&&"aspect-4/3",a==="coverflow"&&"aspect-4/2 rounded-xl",o==="vertical"&&a==="slide"&&"h-full",Me&&E&&!ee&&"cursor-grab",ee&&"cursor-grabbing"),children:[n.jsx("div",{ref:Le,className:p.cn("carousel-wrapper select-none",a==="slide"&&"flex",o==="vertical"&&a==="slide"&&"flex-col h-full",a!=="slide"&&"relative",Ie),style:{transform:a==="slide"?o==="horizontal"?`translateX(${ve}px)`:`translateY(${ve}px)`:void 0,transition:ee?"none":`transform ${K}ms ease`,gap:a==="slide"?`${W}px`:void 0,perspective:a!=="slide"&&a!=="fade"?"1200px":void 0,touchAction:E?"none":"auto",height:o==="vertical"&&a==="slide"?"100%":void 0},onPointerDown:Fe,onPointerMove:qe,onPointerUp:je,onPointerCancel:je,children:U.map((t,e)=>{const s=e===u,d=t;return r.cloneElement(d,{key:e,className:p.cn("carousel-slide",Ne,d.props.className,a!=="slide"&&"absolute inset-0",a==="fade"&&"transition-opacity duration-300",a!=="slide"&&a!=="fade"&&"transition-all duration-500",j&&S[e]?.src&&"cursor-pointer"),style:{flex:a==="slide"?o==="vertical"?"0 0 100%":`0 0 calc(${100/m}% - ${W*(m-1)/m}px)`:void 0,minWidth:a==="slide"&&o==="horizontal"?0:void 0,minHeight:a==="slide"&&o==="vertical"?0:void 0,height:o==="vertical"&&a==="slide"?"100%":void 0,userSelect:"none",WebkitUserDrag:"none",...a!=="slide"?Ue(e):{},...d.props.style},onClick:f=>{f.stopPropagation(),Te(e)},onDragStart:f=>f.preventDefault(),"data-active":s,"data-index":e})})}),i.enabled&&i.position!=="outside"&&Se(),A.enabled&&A.position==="inside"&&n.jsxs(n.Fragment,{children:[n.jsx("button",{onClick:w,disabled:!X&&!O&&ze,className:p.cn("absolute z-10 w-10 h-10 rounded-full bg-background/80 backdrop-blur shadow-lg flex items-center justify-center transition-all hover:bg-background disabled:opacity-30 disabled:cursor-not-allowed",o==="horizontal"?"left-4 top-1/2 -translate-y-1/2":"top-4 left-1/2 -translate-x-1/2"),"aria-label":"Previous slide",children:A.prevEl||(o==="horizontal"?n.jsx(G.ChevronLeft,{className:"w-5 h-5"}):n.jsx(G.ChevronUp,{className:"w-5 h-5"}))}),n.jsx("button",{onClick:x,disabled:!X&&!O&&Q,className:p.cn("absolute z-10 w-10 h-10 rounded-full bg-background/80 backdrop-blur shadow-lg flex items-center justify-center transition-all hover:bg-background disabled:opacity-30 disabled:cursor-not-allowed",o==="horizontal"?"right-4 top-1/2 -translate-y-1/2":"bottom-4 left-1/2 -translate-x-1/2"),"aria-label":"Next slide",children:A.nextEl||(o==="horizontal"?n.jsx(G.ChevronRight,{className:"w-5 h-5"}):n.jsx(G.ChevronDown,{className:"w-5 h-5"}))})]})]}),i.enabled&&i.position==="outside"&&Se()]}),j&&S.length>0&&n.jsx(_e.ImageViewer,{images:S,visible:Oe,onClose:()=>{console.log("Closing viewer"),ye(!1)},activeIndex:Ae,onIndexChange:Ce})]})});le.displayName="Carousel";const oe=r.forwardRef(({children:H,className:P,style:o,...K},M)=>n.jsx("div",{ref:M,className:P,style:o,...K,children:H}));oe.displayName="CarouselSlide";exports.Carousel=le;exports.CarouselSlide=oe;exports.default=le;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),r=require("react"),G=require("lucide-react"),p=require("../../packages/ui/src/lib/utils.cjs"),_e=require("../ImageViewer/ImageViewer.cjs"),le=r.forwardRef(({children:H,initialSlide:P=0,direction:o="horizontal",speed:K=300,spaceBetween:M=0,slidesPerView:$=1,slidesPerGroup:D=1,centeredSlides:ie=!1,loop:X=!1,rewind:O=!1,effect:a="slide",breakpoints:y,navigation:Z=!1,pagination:J=!1,autoplay:g=!1,allowTouchMove:E=!0,grabCursor:Me=!0,keyboard:ce=!1,mousewheel:ue=!1,className:Xe,containerClassName:Ee,wrapperClassName:Ie,slideClassName:Ne,enableImageViewer:j=!1,onSlideChange:de,onReachBeginning:fe,onReachEnd:pe,onAutoplayStart:he,onAutoplayStop:be},Ye)=>{const A=typeof Z=="boolean"?{enabled:Z,position:"inside"}:{enabled:!0,position:"inside",...Z},i=typeof J=="boolean"?{enabled:J,type:"bullets",position:"inside"}:{enabled:!0,type:"bullets",position:"inside",...J},b=r.useMemo(()=>typeof g=="boolean"?{delay:3e3,disableOnInteraction:!0}:{delay:3e3,disableOnInteraction:!0,...g},[g]),[u,Re]=r.useState(P),[ze,me]=r.useState(P===0),[Q,ge]=r.useState(!1),[ee,te]=r.useState(!1),[ve,Pe]=r.useState(0),[L,xe]=r.useState(!1),[$e,T]=r.useState(!1),[we,De]=r.useState(typeof window<"u"?window.innerWidth:1024),[Oe,ye]=r.useState(!1),[Ae,Ce]=r.useState(0);r.useEffect(()=>{if(!y)return;const t=()=>{De(window.innerWidth)};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[y]);const re=r.useMemo(()=>{if(!y)return{slidesPerView:$,spaceBetween:M,slidesPerGroup:D};const t=Object.keys(y).map(Number).sort((e,s)=>s-e);for(const e of t)if(we>=e)return{slidesPerView:y[e].slidesPerView??$,spaceBetween:y[e].spaceBetween??M,slidesPerGroup:y[e].slidesPerGroup??D};return{slidesPerView:$,spaceBetween:M,slidesPerGroup:D}},[y,we,$,M,D]),ke=re.slidesPerView,W=re.spaceBetween,B=re.slidesPerGroup,F=r.useRef(null),Le=r.useRef(null),q=r.useRef(null),I=r.useRef(null),c=r.useRef({startX:0,startY:0,currentX:0,currentY:0}),N=r.useRef(!1),U=r.Children.toArray(H).filter(t=>r.isValidElement(t)&&t.type===oe),l=U.length,se=r.useCallback(t=>{let e=null;return r.Children.forEach(t,s=>{e||r.isValidElement(s)&&(s.type==="img"?e=s:s.props&&typeof s.props=="object"&&"children"in s.props&&(e=se(s.props.children)))}),e},[]),S=r.useMemo(()=>j?U.map(t=>{const s=se(t.props.children);return s?{src:s.props.src||"",alt:s.props.alt||""}:{src:"",alt:""}}):[],[U,j,se]),Te=r.useCallback(t=>{console.log("Slide clicked:",{index:t,enableImageViewer:j,hasSrc:!!S[t]?.src,hasDragged:N.current,imageInfos:S}),j&&S[t]?.src&&!N.current&&(console.log("Opening viewer at index:",t),Ce(t),ye(!0))},[j,S]),m=ke==="auto"?1:Math.min(ke,l);r.useEffect(()=>{X?(me(!1),ge(!1)):(me(u===0),ge(u>=l-m))},[u,l,m,X]);const v=r.useCallback(t=>{let e=t;X?e=(t%l+l)%l:O?t<0?e=l-1:t>=l?e=0:e=t:e=Math.max(0,Math.min(t,l-m)),Re(e);const s=o==="horizontal"?F.current?.offsetWidth||0:F.current?.offsetHeight||0,d=s/m;let f=-e*(d+W);ie&&m<l&&(f+=s/2-d/2),Pe(f),i.type==="scrollbar"&&(T(!0),I.current&&clearTimeout(I.current),I.current=setTimeout(()=>{T(!1)},1e3)),de?.({activeIndex:e,realIndex:e}),e===0&&fe?.(),e>=l-m&&pe?.()},[l,m,X,O,o,W,ie,i.type,de,fe,pe]),x=r.useCallback(()=>{v(u+B)},[u,B,v]),w=r.useCallback(()=>{v(u-B)},[u,B,v]),C=r.useCallback(()=>{q.current&&(clearInterval(q.current),q.current=null),xe(!1),be?.()},[be]),V=r.useCallback(()=>{g&&(q.current=setInterval(()=>{b.reverseDirection?w():x(),b.stopOnLastSlide&&Q&&C()},b.delay),xe(!0),he?.())},[b,g,x,w,Q,he,C]);r.useEffect(()=>(g&&V(),()=>C()),[g,V,C]);const We=r.useCallback(()=>{b.pauseOnMouseEnter&&L&&C()},[b.pauseOnMouseEnter,L,C]),Be=r.useCallback(()=>{b.pauseOnMouseEnter&&g&&!L&&V()},[b.pauseOnMouseEnter,g,L,V]),Fe=r.useCallback(t=>{if(E){try{t.currentTarget.setPointerCapture(t.pointerId)}catch(e){console.error("Failed to capture pointer:",e)}c.current.startX=t.clientX,c.current.startY=t.clientY,c.current.currentX=t.clientX,c.current.currentY=t.clientY,N.current=!1,te(!0),b.disableOnInteraction&&C()}},[E,b.disableOnInteraction,C]),qe=r.useCallback(t=>{if(!E)return;const e=c.current.startX,s=c.current.startY;if(e===0&&s===0)return;t.preventDefault(),c.current.currentX=t.clientX,c.current.currentY=t.clientY;const d=Math.abs(t.clientX-c.current.startX),f=Math.abs(t.clientY-c.current.startY);(d>5||f>5)&&(N.current=!0),te(!0)},[E]),je=r.useCallback(()=>{const t=c.current.startX,e=c.current.startY;if(t===0&&e===0)return;const s=c.current.currentX-t,d=c.current.currentY-e,f=o==="horizontal"?s:d;Math.abs(f)>0&&N.current?f>0?w():x():v(u),setTimeout(()=>{te(!1),c.current.startX=0,c.current.startY=0,c.current.currentX=0,c.current.currentY=0,N.current=!1},50)},[o,w,x,v,u]);r.useEffect(()=>{if(!ce)return;const t=e=>{e.key==="ArrowLeft"||e.key==="ArrowUp"?(e.preventDefault(),w()):(e.key==="ArrowRight"||e.key==="ArrowDown")&&(e.preventDefault(),x())};return window.addEventListener("keydown",t),()=>window.removeEventListener("keydown",t)},[ce,x,w]),r.useEffect(()=>{if(!ue)return;const t=s=>{s.preventDefault(),s.deltaY>0?x():s.deltaY<0&&w()},e=F.current;if(e)return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)},[ue,x,w]);const Se=()=>{if(!i.enabled)return null;const{type:t,clickable:e,dynamicBullets:s,dynamicMainBullets:d=1,position:f="inside"}=i,Y=f==="outside";if(t==="bullets"){const R=s?Math.min(d*2+1,l):l;return n.jsx("div",{className:p.cn("flex items-center justify-center gap-2",Y?"mt-4":"absolute bottom-4 left-1/2 -translate-x-1/2",o==="vertical"&&!Y&&"flex-col right-4 left-auto top-1/2 -translate-y-1/2 translate-x-0 bottom-auto"),children:Array.from({length:R}).map((_,z)=>{const h=s?Math.max(0,Math.min(z+u-d,l-1)):z,k=h===u;return i.renderBullet?n.jsx(r.Fragment,{children:i.renderBullet(h,p.cn("carousel-pagination-bullet",k&&"carousel-pagination-bullet-active"))},h):n.jsx("button",{onClick:()=>e&&v(h),className:p.cn("rounded-full transition-all","w-2 h-2",k?o==="horizontal"?"bg-primary w-6":"bg-primary h-6":"bg-muted-foreground/30 hover:bg-muted-foreground/50",e&&"cursor-pointer"),"aria-label":`Go to slide ${h+1}`},h)})})}if(t==="fraction")return n.jsx("div",{className:p.cn("text-center text-sm text-muted-foreground bg-background/80 backdrop-blur px-3 py-1 rounded-full",Y?"mt-4 mx-auto w-fit":"absolute bottom-4 left-1/2 -translate-x-1/2"),children:i.renderFraction?i.renderFraction("carousel-pagination-current","carousel-pagination-total"):n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"carousel-pagination-current font-semibold text-foreground",children:u+1})," / ",n.jsx("span",{className:"carousel-pagination-total",children:l})]})});if(t==="progressbar"){const R=(u+1)/l*100,_=i.position==="inside",z=h=>{if(!e)return;const k=h.currentTarget.getBoundingClientRect(),ne=(h.clientX-k.left)/k.width,ae=Math.floor(ne*l);v(Math.min(ae,l-1))};return n.jsx("div",{onClick:z,className:p.cn("w-full h-1 bg-muted rounded-full overflow-hidden",_?"absolute bottom-0 left-0 right-0 rounded-none":"mt-4",e&&"cursor-pointer"),children:i.renderProgressbar?i.renderProgressbar("carousel-progressbar-fill"):n.jsx("div",{className:"carousel-progressbar-fill h-full bg-primary transition-all duration-300",style:{width:`${R}%`}})})}if(t==="custom"&&i.renderCustom)return n.jsx("div",{className:p.cn(Y?"mt-4 flex justify-center":"absolute bottom-4 left-1/2 -translate-x-1/2"),children:i.renderCustom(u+1,l)});if(t==="scrollbar"){const R=1/l*100,_=u/(l-1)*(100-R),z=h=>{if(!e)return;T(!0),I.current&&clearTimeout(I.current);const k=h.currentTarget.getBoundingClientRect(),ne=(h.clientX-k.left)/k.width,ae=Math.round(ne*(l-1));v(Math.max(0,Math.min(ae,l-1))),I.current=setTimeout(()=>{T(!1)},1e3)};return n.jsx("div",{onClick:z,className:p.cn("w-full h-1 bg-muted/50 rounded-full transition-opacity duration-300",Y?"mt-4":"absolute bottom-0 left-1/2 -translate-x-1/2",e&&"cursor-pointer",$e?"opacity-100":"opacity-0"),children:i.renderScrollbar?i.renderScrollbar("carousel-scrollbar-drag"):n.jsx("div",{className:"carousel-scrollbar-drag h-full bg-primary rounded-full transition-all duration-300 absolute left-0",style:{width:`${R}%`,left:`${_}%`}})})}return null},Ue=t=>{const e=t-u;switch(a){case"fade":return{opacity:e===0?1:0,zIndex:e===0?10:0};case"cube":return{transform:`translateX(${e*100}%) rotateY(${e*-90}deg)`,transformOrigin:e>0?"left center":"right center"};case"coverflow":return{transform:`translateX(${e*60}%) translateZ(${Math.abs(e)*-100}px) rotateY(${e*-50}deg)`,zIndex:-Math.abs(e)};case"flip":return{transform:`rotateY(${e*180}deg)`,backfaceVisibility:"hidden"};case"cards":return{transform:`translateX(${e*50}px) translateZ(${-Math.abs(e)*100}px) scale(${1-Math.abs(e)*.2})`,opacity:e===0?1:.5,zIndex:100-Math.abs(e)*10,transition:"all 0.5s ease"};default:return{}}};return n.jsxs(n.Fragment,{children:[n.jsxs("div",{ref:Ye,className:p.cn("carousel-container",Ee,Xe),onMouseEnter:We,onMouseLeave:Be,children:[n.jsxs("div",{ref:F,className:p.cn("carousel relative overflow-hidden",(a==="fade"||a==="cube"||a==="flip"||a==="cards")&&"aspect-4/3",a==="coverflow"&&"aspect-4/2 rounded-xl",o==="vertical"&&a==="slide"&&"h-full",Me&&E&&!ee&&"cursor-grab",ee&&"cursor-grabbing"),children:[n.jsx("div",{ref:Le,className:p.cn("carousel-wrapper select-none",a==="slide"&&"flex",o==="vertical"&&a==="slide"&&"flex-col h-full",a!=="slide"&&"relative",Ie),style:{transform:a==="slide"?o==="horizontal"?`translateX(${ve}px)`:`translateY(${ve}px)`:void 0,transition:ee?"none":`transform ${K}ms ease`,gap:a==="slide"?`${W}px`:void 0,perspective:a!=="slide"&&a!=="fade"?"1200px":void 0,touchAction:E?"none":"auto",height:o==="vertical"&&a==="slide"?"100%":void 0},onPointerDown:Fe,onPointerMove:qe,onPointerUp:je,onPointerCancel:je,children:U.map((t,e)=>{const s=e===u,d=t;return r.cloneElement(d,{key:e,className:p.cn("carousel-slide",Ne,d.props.className,a!=="slide"&&"absolute inset-0",a==="fade"&&"transition-opacity duration-300",a!=="slide"&&a!=="fade"&&"transition-all duration-500",j&&S[e]?.src&&"cursor-pointer"),style:{flex:a==="slide"?o==="vertical"?"0 0 100%":`0 0 calc(${100/m}% - ${W*(m-1)/m}px)`:void 0,minWidth:a==="slide"&&o==="horizontal"?0:void 0,minHeight:a==="slide"&&o==="vertical"?0:void 0,height:o==="vertical"&&a==="slide"?"100%":void 0,userSelect:"none",WebkitUserDrag:"none",...a!=="slide"?Ue(e):{},...d.props.style},onClick:f=>{f.stopPropagation(),Te(e)},onDragStart:f=>f.preventDefault(),"data-active":s,"data-index":e})})}),i.enabled&&i.position!=="outside"&&Se(),A.enabled&&A.position==="inside"&&n.jsxs(n.Fragment,{children:[n.jsx("button",{onClick:w,disabled:!X&&!O&&ze,className:p.cn("absolute z-10 w-10 h-10 rounded-full bg-background/80 backdrop-blur shadow-lg flex items-center justify-center transition-all hover:bg-background disabled:opacity-30 disabled:cursor-not-allowed",o==="horizontal"?"left-4 top-1/2 -translate-y-1/2":"top-4 left-1/2 -translate-x-1/2"),"aria-label":"Previous slide",children:A.prevEl||(o==="horizontal"?n.jsx(G.ChevronLeft,{className:"w-5 h-5"}):n.jsx(G.ChevronUp,{className:"w-5 h-5"}))}),n.jsx("button",{onClick:x,disabled:!X&&!O&&Q,className:p.cn("absolute z-10 w-10 h-10 rounded-full bg-background/80 backdrop-blur shadow-lg flex items-center justify-center transition-all hover:bg-background disabled:opacity-30 disabled:cursor-not-allowed",o==="horizontal"?"right-4 top-1/2 -translate-y-1/2":"bottom-4 left-1/2 -translate-x-1/2"),"aria-label":"Next slide",children:A.nextEl||(o==="horizontal"?n.jsx(G.ChevronRight,{className:"w-5 h-5"}):n.jsx(G.ChevronDown,{className:"w-5 h-5"}))})]})]}),i.enabled&&i.position==="outside"&&Se()]}),j&&S.length>0&&n.jsx(_e.ImageViewer,{images:S,visible:Oe,onClose:()=>{console.log("Closing viewer"),ye(!1)},activeIndex:Ae,onIndexChange:Ce})]})});le.displayName="Carousel";const oe=r.forwardRef(({children:H,className:P,style:o,...K},M)=>n.jsx("div",{ref:M,className:P,style:o,...K,children:H}));oe.displayName="CarouselSlide";exports.Carousel=le;exports.CarouselSlide=oe;exports.default=le;
 //# sourceMappingURL=Carousel.cjs.map