@sth87/shadcn-design-system 0.0.36 → 0.1.0

package/dist/cjs/components/Accordion/Accordion.cjs

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

@@ -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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"}
+{"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      \"ds:data-[state=open]:bg-primary/10 ds:data-[state=open]:text-primary ds:data-[state=open]:rounded-b-none ds:data-[state=open]:border-primary/20\",\n    content: \"ds:bg-primary/10 ds:rounded-b-md\",\n  },\n  secondary: {\n    trigger:\n      \"ds:data-[state=open]:bg-secondary/10 ds:data-[state=open]:text-secondary ds:data-[state=open]:rounded-b-none ds:data-[state=open]:border-secondary/20\",\n    content: \"ds:bg-secondary/10 ds:rounded-b-md\",\n  },\n  success: {\n    trigger:\n      \"ds:data-[state=open]:bg-success/10 ds:data-[state=open]:text-success ds:data-[state=open]:rounded-b-none ds:data-[state=open]:border-success/20\",\n    content: \"ds:bg-success/10 ds:rounded-b-md\",\n  },\n  warning: {\n    trigger:\n      \"ds:data-[state=open]:bg-warning/10 ds:data-[state=open]:text-warning ds:data-[state=open]:rounded-b-none ds:data-[state=open]:border-warning/20\",\n    content: \"ds:bg-warning/10 ds:rounded-b-md\",\n  },\n  error: {\n    trigger:\n      \"ds:data-[state=open]:bg-error/10 ds:data-[state=open]:text-error ds:data-[state=open]:rounded-b-none ds:data-[state=open]:border-error/20\",\n    content: \"ds:bg-error/10 ds:rounded-b-md\",\n  },\n  glass: {\n    trigger:\n      \"ds:data-[state=open]:bg-glass/10 ds:data-[state=open]:text-glass ds:data-[state=open]:rounded-b-none ds:data-[state=open]:border-glass/20\",\n    content: \"ds:bg-glass/10 ds:rounded-b-md\",\n  },\n};\n\nconst variantStyles = {\n  default: {\n    root: \"ds:rounded-lg\",\n    item: \"ds:px-0\",\n    trigger: \"ds:px-4 ds:hover:bg-accent/50\",\n    content: \"ds:px-4\",\n  },\n  bordered: {\n    root: \"ds:rounded-lg ds:border-2 ds:divide-y-2\",\n    item: \"ds:px-0 ds:border-0\",\n    trigger: \"ds:px-4 ds:font-semibold ds:hover:bg-accent\",\n    content: \"ds:px-4\",\n  },\n  separated: {\n    root: \"ds:space-y-2\",\n    item: \"ds:rounded-lg ds:border ds:bg-card ds:last:border-b\",\n    trigger: \"ds:px-4 ds:hover:bg-accent/50\",\n    content: \"ds:px-4\",\n  },\n  ghost: {\n    root: \"\",\n    item: \"ds:border-0\",\n    trigger: \"ds:px-2 ds:hover:bg-accent/30 ds:rounded-md\",\n    content: \"ds: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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"}

package/dist/cjs/components/Avatar/Avatar.cjs

@@ -1,2 +1,2 @@
-"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("vaul");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("cmdk");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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),x=require("react"),i=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 o=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("vaul");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("cmdk");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 s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const a=h(x);function p({size:e="md",variant:t="circle",animation:r,color:s,className:u,src:d,alt:l,fallback:q,...g}){const f=a.useMemo(()=>v.animationClass(r,u),[r,u]),m=a.useMemo(()=>{switch(e){case"xs":return"ds:size-6";case"sm":return"ds:size-8";case"md":return"ds:size-10";case"lg":return"ds:size-12";case"xl":return"ds:size-16";default:return"ds:size-10"}},[e]),b=a.useMemo(()=>{switch(t){case"circle":return"ds:rounded-full";case"square":return"ds:rounded-md";default:return"ds:rounded-full"}},[t]),c=a.useMemo(()=>{switch(s){case"primary":return"ds:bg-primary ds:text-primary-foreground";case"secondary":return"ds:bg-secondary ds:text-secondary-foreground";case"dark":return"ds:bg-neutral-900 ds:text-white";case"light":return"ds:bg-neutral-200 ds:text-neutral-950";case"inverted":return"ds:dark:bg-white ds:dark:text-black";case"success":return"ds:bg-success ds:text-success-foreground";case"warning":return"ds:bg-warning ds:text-warning-foreground";case"error":return"ds:bg-error ds:text-error-foreground";case"glass":return"ds:bg-white/15 ds:backdrop-blur-sm";default:return""}},[s]);return n.jsxs(i.Avatar,{className:o.cn("ds:relative ds:flex ds:shrink-0 ds:transition-all ds:duration-300",m,b,f?.className,c,u),...g,children:[d&&n.jsx(i.AvatarImage,{src:d,alt:l,className:"ds:rounded-[inherit]"}),n.jsx(i.AvatarFallback,{className:o.cn("ds:rounded-[inherit]",c,u),children:q})]})}exports.Avatar=p;
 //# sourceMappingURL=Avatar.cjs.map

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

@@ -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":"q4DA0BO,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"}
+{"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 \"ds:size-6\";\n      case \"sm\":\n        return \"ds:size-8\";\n      case \"md\":\n        return \"ds:size-10\";\n      case \"lg\":\n        return \"ds:size-12\";\n      case \"xl\":\n        return \"ds:size-16\";\n      default:\n        return \"ds:size-10\";\n    }\n  }, [size]);\n\n  const avatarVariant = React.useMemo<string>(() => {\n    switch (variant) {\n      case \"circle\":\n        return \"ds:rounded-full\";\n      case \"square\":\n        return \"ds:rounded-md\";\n      default:\n        return \"ds:rounded-full\";\n    }\n  }, [variant]);\n\n  const avatarColor = React.useMemo<string>(() => {\n    switch (color) {\n      case \"primary\":\n        return \"ds:bg-primary ds:text-primary-foreground\";\n      case \"secondary\":\n        return \"ds:bg-secondary ds:text-secondary-foreground\";\n      case \"dark\":\n        return \"ds:bg-neutral-900 ds:text-white\";\n      case \"light\":\n        return \"ds:bg-neutral-200 ds:text-neutral-950\";\n      case \"inverted\":\n        return \"ds:dark:bg-white ds:dark:text-black\";\n      case \"success\":\n        return \"ds:bg-success ds:text-success-foreground\";\n      case \"warning\":\n        return \"ds:bg-warning ds:text-warning-foreground\";\n      case \"error\":\n        return \"ds:bg-error ds:text-error-foreground\";\n      case \"glass\":\n        return \"ds:bg-white/15 ds:backdrop-blur-sm\";\n      default:\n        return \"\";\n    }\n  }, [color]);\n\n  return (\n    <DsAvatar\n      className={cn(\n        \"ds:relative ds:flex ds:shrink-0 ds:transition-all ds: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=\"ds:rounded-[inherit]\" />}\n      <AvatarFallback\n        className={cn(\"ds: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":"q4DA0BO,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,YACT,IAAK,KACH,MAAO,YACT,IAAK,KACH,MAAO,aACT,IAAK,KACH,MAAO,aACT,IAAK,KACH,MAAO,aACT,QACE,MAAO,YAAA,CAEb,EAAG,CAACA,CAAI,CAAC,EAEHa,EAAgBH,EAAM,QAAgB,IAAM,CAChD,OAAQT,EAAA,CACN,IAAK,SACH,MAAO,kBACT,IAAK,SACH,MAAO,gBACT,QACE,MAAO,iBAAA,CAEb,EAAG,CAACA,CAAO,CAAC,EAENa,EAAcJ,EAAM,QAAgB,IAAM,CAC9C,OAAQP,EAAA,CACN,IAAK,UACH,MAAO,2CACT,IAAK,YACH,MAAO,+CACT,IAAK,OACH,MAAO,kCACT,IAAK,QACH,MAAO,wCACT,IAAK,WACH,MAAO,sCACT,IAAK,UACH,MAAO,2CACT,IAAK,UACH,MAAO,2CACT,IAAK,QACH,MAAO,uCACT,IAAK,QACH,MAAO,qCACT,QACE,MAAO,EAAA,CAEb,EAAG,CAACA,CAAK,CAAC,EAEV,OACEY,EAAAA,KAACC,EAAAA,OAAA,CACC,UAAWC,EAAAA,GACT,oEACAL,EACAC,EACAJ,GAAiB,UACjBK,EACAV,CAAA,EAED,GAAGI,EAEH,SAAA,CAAAH,GAAOa,EAAAA,IAACC,cAAA,CAAY,IAAAd,EAAU,IAAAC,EAAU,UAAU,uBAAuB,EAC1EY,EAAAA,IAACE,EAAAA,eAAA,CACC,UAAWH,EAAAA,GAAG,uBAAwBH,EAAaV,CAAS,EAE3D,SAAAG,CAAA,CAAA,CACH,CAAA,CAAA,CAGN"}

package/dist/cjs/components/Badge/Badge.cjs

@@ -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("../../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;
+"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"),l=require("../../packages/ui/src/lib/utils.cjs"),o=require("lucide-react"),u=require("../../utils/animations.cjs"),t=r.forwardRef((c,d)=>{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:d,...e,className:l.cn(e?.className,s?.className),asChild:s?.children?!0:e.asChild,children:a.jsxs(a.Fragment,{children:[e?.isLoading&&a.jsx(o.LoaderCircle,{className:"ds: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

@@ -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":"+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"}
+{"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=\"ds: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,kBAAkB,EAC7D,CAACV,GAAM,YAAcC,GAAgB,UAAYD,EAAK,SAAA,CAAA,CACzD,CAAA,CAAA,CAGN,CAAC,EAEDL,EAAM,YAAc"}

package/dist/cjs/components/Breadcrumb/Breadcrumb.cjs

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

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

@@ -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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"}
+{"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    \"ds:text-primary ds:[&_[data-slot=breadcrumb-link]:hover]:text-primary/80 ds:[&_[data-slot=breadcrumb-page]]:text-primary\",\n  secondary:\n    \"ds:text-secondary ds:[&_[data-slot=breadcrumb-link]:hover]:text-secondary/80 ds:[&_[data-slot=breadcrumb-page]]:text-secondary\",\n  accent:\n    \"ds:text-accent ds:[&_[data-slot=breadcrumb-link]:hover]:text-accent/80 ds:[&_[data-slot=breadcrumb-page]]:text-accent\",\n  destructive:\n    \"ds:text-destructive ds:[&_[data-slot=breadcrumb-link]:hover]:text-destructive/80 ds:[&_[data-slot=breadcrumb-page]]:text-destructive\",\n  muted:\n    \"ds:text-muted-foreground ds:[&_[data-slot=breadcrumb-link]:hover]:text-muted-foreground/80 ds:[&_[data-slot=breadcrumb-page]]:text-muted-foreground\",\n  success:\n    \"ds:text-success ds:[&_[data-slot=breadcrumb-link]:hover]:text-success/80 ds:[&_[data-slot=breadcrumb-page]]:text-success\",\n  error:\n    \"ds:text-error ds:[&_[data-slot=breadcrumb-link]:hover]:text-error/80 ds:[&_[data-slot=breadcrumb-page]]:text-error\",\n  warning:\n    \"ds:text-warning ds:[&_[data-slot=breadcrumb-link]:hover]:text-warning/80 ds:[&_[data-slot=breadcrumb-page]]:text-warning\",\n};\n\nconst variantClasses = {\n  default: \"\",\n  compact:\n    \"ds:text-xs ds:[&_[data-slot=breadcrumb-list]]:gap-1 ds:[&_[data-slot=breadcrumb-separator]>svg]:size-3\",\n  badge:\n    \"ds:[&_[data-slot=breadcrumb-list]]:gap-1 ds:[&_[data-slot=breadcrumb-item]]:border ds:[&_[data-slot=breadcrumb-item]]:bg-muted ds:[&_[data-slot=breadcrumb-item]]:px-2 ds:[&_[data-slot=breadcrumb-item]]:py-0.5 ds:[&_[data-slot=breadcrumb-item]]:rounded-full ds:[&_[data-slot=breadcrumb-item]]:text-sm\",\n  bordered: \"ds:border ds:rounded-md ds:px-3 ds: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=\"ds:size-4\" />, href: \"/\" }];\n      } else if (normalizedShowHome === \"both\") {\n        homeItem = [\n          { label: \"Home\", icon: <Home className=\"ds: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=\"ds:w-auto ds:max-w-64 ds:p-2\">\n              {hiddenItems.map((item, index) => (\n                <div\n                  key={index}\n                  className=\"ds:flex ds:items-center ds:gap-2 ds:py-1 ds:px-3 ds:rounded ds:hover:bg-muted\"\n                >\n                  {item.icon}\n                  {item.label && (\n                    <a href={item.href} className=\"ds:text-sm ds: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=\"ds:flex ds:items-center ds:gap-1\">\n                        {item.icon}\n                        {item.label}\n                      </div>\n                    </SBreadcrumbPage>\n                  ) : (\n                    <SBreadcrumbLink href={item.href}>\n                      <div className=\"ds:flex ds:items-center ds: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

@@ -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("../../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;
+"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:"ds:animate-spin"}),t?.children??e.children??null]}):t?.children??e.children??null;return s.jsx(o.Button,{ref:u,...e,className:N.cn("ds:cursor-pointer ds: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

@@ -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":"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"}
+{"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=\"ds: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          \"ds:cursor-pointer ds: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,iBAAA,CAAkB,EAEvCT,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,6BACAZ,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/Calendar/Calendar.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),i=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("vaul");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("cmdk");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 u=require("date-fns/locale");function y({language:q="vi",className:a,captionLayout:t="dropdown",formatters:n,buttonVariant:o,locale:e,variant:l="default",color:c="primary",...s}){const r=e||(q==="en"?u.enUS:u.vi);return m.jsx(i.Calendar,{...s,locale:r,buttonVariant:o,captionLayout:t,variant:l,color:c,formatters:{formatMonthDropdown:d=>d.toLocaleString(r.code,{month:"short"}),...n},className:p.cn("mx-auto [--cell-size:clamp(0px,calc(100vw/7.5),40px)]",a)})}const C=i.CalendarDayButton;exports.Calendar=y;exports.CalendarDayButton=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),i=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("vaul");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("cmdk");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 u=require("date-fns/locale");function y({language:q="vi",className:a,captionLayout:t="dropdown",formatters:n,buttonVariant:o,locale:e,variant:l="default",color:c="primary",...s}){const r=e||(q==="en"?u.enUS:u.vi);return m.jsx(i.Calendar,{...s,locale:r,buttonVariant:o,captionLayout:t,variant:l,color:c,formatters:{formatMonthDropdown:d=>d.toLocaleString(r.code,{month:"short"}),...n},className:p.cn("ds:mx-auto ds:[--cell-size:clamp(0px,calc(100vw/7.5),40px)]",a)})}const C=i.CalendarDayButton;exports.Calendar=y;exports.CalendarDayButton=C;
 //# sourceMappingURL=Calendar.cjs.map

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

@@ -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 {\n  CalendarDayButtonProps,\n  CalendarColor,\n} from \"@dsui/ui/components/calendar\";\n"],"names":["Calendar","language","className","captionLayout","formatters","buttonVariant","locale","variant","color","props","_locale","enUS","vi","jsx","SCalendar","date","cn","CalendarDayButton","SCalendarDayButton"],"mappings":"smDAqBO,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,CAEO,MAAMe,EAAoBC,EAAAA"}
+{"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        \"ds:mx-auto ds:[--cell-size:clamp(0px,calc(100vw/7.5),40px)]\",\n        className\n      )}\n    />\n  );\n}\n\nexport const CalendarDayButton = SCalendarDayButton;\nexport type {\n  CalendarDayButtonProps,\n  CalendarColor,\n} from \"@dsui/ui/components/calendar\";\n"],"names":["Calendar","language","className","captionLayout","formatters","buttonVariant","locale","variant","color","props","_locale","enUS","vi","jsx","SCalendar","date","cn","CalendarDayButton","SCalendarDayButton"],"mappings":"smDAqBO,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,8DACAd,CAAA,CACF,CAAA,CAGN,CAEO,MAAMe,EAAoBC,EAAAA"}

package/dist/cjs/components/Carousel/Carousel.cjs

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