@sth87/shadcn-design-system 0.0.35 → 0.1.0

package/dist/cjs/utils/animations.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime");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 e=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("react");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("@radix-ui/react-avatar");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 s=require("motion/react"),l=require("../components/Glass/Glass.cjs"),d=(t,r)=>{switch(t){case"bounce":return{className:e.cn("animate-bounce",r)};case"slide-up":return{className:e.cn("animate-slide-in-from-bottom",r)};case"slide-down":return{className:e.cn("animate-slide-in-from-top",r)};case"slide-left":return{className:e.cn("animate-slide-in-from-right",r)};case"slide-right":return{className:e.cn("animate-slide-in-from-left",r)};case"zoom-in":return{className:e.cn("animate-zoom-in",r)};case"zoom-out":return{className:e.cn("animate-zoom-out",r)};case"skewed":return{className:e.cn("animate-skewed-in",r)};case"flip":return{className:e.cn("animate-flip-in",r)};case"shake":return{className:e.cn("animate-shake",r)};case"gradient-outline":return{className:e.cn("gradient-outline",r)};default:return{className:r}}},b=({animation:t,children:r,className:n,rootClassName:i,variantType:u,...f})=>{switch(t){case"heartbeat":return{className:e.cn("animate-heartbeat",n)};case"rainbow":return{className:e.cn("animate-rainbow text-primary-foreground focus-visible:ring-ring/50 relative inline-flex h-9 items-center justify-center gap-2 rounded-md border-2 border-transparent bg-[length:200%] [background-clip:padding-box,border-box,border-box] [background-origin:border-box] px-3 py-2 text-sm font-medium transition-colors focus-visible:ring-[3px] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50","before:animate-rainbow before:absolute before:bottom-[-20%] before:left-0 before:z-0 before:h-1/5 before:w-full before:bg-[linear-gradient(90deg,#ff4242,#a1ff42,#42a1ff,#42d0ff,#a142ff)] before:[filter:blur(calc(0.625*1rem))] bg-[linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary)_30%,rgba(0,0,0,0)),linear-gradient(90deg,#ff4242,#a1ff42,#42a1ff,#42d0ff,#a142ff)]",n)};case"shine":return{className:e.cn("relative overflow-hidden before:absolute before:inset-0 before:rounded-[inherit] before:bg-[linear-gradient(45deg,transparent_25%,rgba(255,255,255,0.5)_50%,transparent_75%,transparent_100%)] before:bg-[length:250%_250%,100%_100%] before:bg-[position:200%_0,0_0] before:bg-no-repeat before:transition-[background-position_0s_ease] before:duration-1000 hover:before:bg-[position:-100%_0,0_0] dark:before:bg-[linear-gradient(45deg,transparent_25%,rgba(0,0,0,0.2)_50%,transparent_75%,transparent_100%)]",n)};case"bounce":return{children:a.jsx(s.motion.button,{whileHover:{scale:1.1},className:e.cn(i,"transition-none",n),transition:{type:"spring",stiffness:400,damping:10},...f,children:r})};case"tap":return{children:a.jsx(s.motion.button,{whileTap:{scale:.85},className:e.cn(i,"transition-none",n),transition:{type:"spring",stiffness:400,damping:10},...f,children:r})};case"glass":{const o=i?.match(/((?:!)?rounded-\S+)/g),c=o?o[o.length-1]:"rounded-md";return{variant:u?"link":void 0,children:a.jsx(l.default,{className:e.cn("hover:scale-110",c),children:a.jsx("span",{className:e.cn(i,"!bg-none !bg-transparent border-0",n),children:r})})}}case"glow":return{className:e.cn(i,"animate-glow",n)};case"liquid":return{className:e.cn("relative overflow-hidden","bg-[linear-gradient(rgba(0,0,0,0.15)_0_0)] bg-no-repeat","bg-[length:200%_0.4em] bg-[position:200%_100%]","[transition:0.3s_0s,background-position_0.3s_0.3s]","hover:bg-[length:200%_100%] hover:bg-[position:0%_100%]","hover:text-white","hover:[transition:0.3s_0.3s,background-position_0.3s_0s]",n)};case"link-underline":return{variant:u?"link":void 0,className:e.cn("after:bg-primary relative !no-underline after:absolute after:bottom-2 after:h-px after:w-2/3 after:origin-bottom-right after:scale-x-0 after:transition-transform after:duration-300 after:ease-in-out hover:after:origin-bottom-left hover:after:scale-x-100",n)};case"loading":return{className:e.cn("relative overflow-hidden","before:content-[''] before:absolute before:z-[1] before:top-0 before:-left-full before:w-[300%] before:h-full","before:bg-[repeating-linear-gradient(60deg,transparent,transparent_10px,#ffffff20_10px,#ffffff20_20px)]","before:animate-slide-loading",n)};case"gradient-outline":return{className:e.cn("gradient-outline",n)};case"draw":return{className:e.cn("animate-draw",n)};default:return null}},g=t=>{const r=Math.random()*Math.PI*2,n=30+Math.random()*20;return{initial:{x:"50%",y:"50%",scale:0,opacity:0},animate:{x:`calc(50% + ${Math.cos(r)*n}px)`,y:`calc(50% + ${Math.sin(r)*n}px)`,scale:[0,1,0],opacity:[0,1,0]},transition:{duration:.4,delay:t*.05,ease:s.easeOut}}};exports.animationClass=d;exports.animationEffect=b;exports.particleAnimation=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");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 e=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("react");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("@radix-ui/react-avatar");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 d=require("motion/react"),c=require("../components/Glass/Glass.cjs"),l=(s,r)=>{switch(s){case"bounce":return{className:e.cn("ds:animate-bounce",r)};case"slide-up":return{className:e.cn("ds:animate-slide-in-from-bottom",r)};case"slide-down":return{className:e.cn("ds:animate-slide-in-from-top",r)};case"slide-left":return{className:e.cn("ds:animate-slide-in-from-right",r)};case"slide-right":return{className:e.cn("ds:animate-slide-in-from-left",r)};case"zoom-in":return{className:e.cn("ds:animate-zoom-in",r)};case"zoom-out":return{className:e.cn("ds:animate-zoom-out",r)};case"skewed":return{className:e.cn("ds:animate-skewed-in",r)};case"flip":return{className:e.cn("ds:animate-flip-in",r)};case"shake":return{className:e.cn("ds:animate-shake",r)};case"gradient-outline":return{className:e.cn("ds:gradient-outline",r)};default:return{className:r}}},b=({animation:s,children:r,className:n,rootClassName:t,variantType:o,...u})=>{switch(s){case"heartbeat":return{className:e.cn("ds:animate-heartbeat",n)};case"rainbow":return{className:e.cn("ds:animate-rainbow ds:text-primary-foreground ds:focus-visible:ring-ring/50 ds:relative ds:inline-flex ds:h-9 ds:items-center ds:justify-center ds:gap-2 ds:rounded-md ds:border-2 ds:border-transparent ds:bg-[length:200%] ds:[background-clip:padding-box,border-box,border-box] ds:[background-origin:border-box] ds:px-3 ds:py-2 ds:text-sm ds:font-medium ds:transition-colors ds:focus-visible:ring-[3px] ds:focus-visible:outline-none ds:disabled:pointer-events-none ds:disabled:opacity-50","ds:before:animate-rainbow ds:before:absolute ds:before:bottom-[-20%] ds:before:left-0 ds:before:z-0 ds:before:h-1/5 ds:before:w-full ds:before:bg-[linear-gradient(90deg,#ff4242,#a1ff42,#42a1ff,#42d0ff,#a142ff)] ds:before:[filter:blur(calc(0.625*1rem))] ds:bg-[linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary)_30%,rgba(0,0,0,0)),linear-gradient(90deg,#ff4242,#a1ff42,#42a1ff,#42d0ff,#a142ff)]",n)};case"shine":return{className:e.cn("ds:relative ds:overflow-hidden ds:before:absolute ds:before:inset-0 ds:before:rounded-[inherit] ds:before:bg-[linear-gradient(45deg,transparent_25%,rgba(255,255,255,0.5)_50%,transparent_75%,transparent_100%)] ds:before:bg-[length:250%_250%,100%_100%] ds:before:bg-[position:200%_0,0_0] ds:before:bg-no-repeat ds:before:transition-[background-position_0s_ease] ds:before:duration-1000 ds:hover:before:bg-[position:-100%_0,0_0] ds:dark:before:bg-[linear-gradient(45deg,transparent_25%,rgba(0,0,0,0.2)_50%,transparent_75%,transparent_100%)]",n)};case"bounce":return{children:i.jsx(d.motion.button,{whileHover:{scale:1.1},className:e.cn(t,"ds:transition-none",n),transition:{type:"spring",stiffness:400,damping:10},...u,children:r})};case"tap":return{children:i.jsx(d.motion.button,{whileTap:{scale:.85},className:e.cn(t,"ds:transition-none",n),transition:{type:"spring",stiffness:400,damping:10},...u,children:r})};case"glass":{const a=t?.match(/((?:!)?rounded-\S+)/g),f=a?a[a.length-1]:"rounded-md";return{variant:o?"link":void 0,children:i.jsx(c.default,{className:e.cn("ds:hover:scale-110",f),children:i.jsx("span",{className:e.cn(t,"ds:!bg-none ds:!bg-transparent ds:border-0",n),children:r})})}}case"glow":return{className:e.cn(t,"ds:animate-glow",n)};case"liquid":return{className:e.cn("ds:relative ds:overflow-hidden","ds:bg-[linear-gradient(rgba(0,0,0,0.15)_0_0)] ds:bg-no-repeat","ds:bg-[length:200%_0.4em] ds:bg-[position:200%_100%]","ds:[transition:0.3s_0s,background-position_0.3s_0.3s]","ds:hover:bg-[length:200%_100%] ds:hover:bg-[position:0%_100%]","ds:hover:text-white","ds:hover:[transition:0.3s_0.3s,background-position_0.3s_0s]",n)};case"link-underline":return{variant:o?"link":void 0,className:e.cn("ds:after:bg-primary ds:relative ds:!no-underline ds:after:absolute ds:after:bottom-2 ds:after:h-px ds:after:w-2/3 ds:after:origin-bottom-right ds:after:scale-x-0 ds:after:transition-transform ds:after:duration-300 ds:after:ease-in-out ds:hover:after:origin-bottom-left ds:hover:after:scale-x-100",n)};case"loading":return{className:e.cn("ds:relative ds:overflow-hidden","ds:before:content-[''] ds:before:absolute ds:before:z-[1] ds:before:top-0 ds:before:-left-full ds:before:w-[300%] ds:before:h-full","ds:before:bg-[repeating-linear-gradient(60deg,transparent,transparent_10px,#ffffff20_10px,#ffffff20_20px)]","ds:before:animate-slide-loading",n)};case"gradient-outline":return{className:e.cn("ds:gradient-outline",n)};case"draw":return{className:e.cn("ds:animate-draw",n)};default:return null}},g=s=>{const r=Math.random()*Math.PI*2,n=30+Math.random()*20;return{initial:{x:"50%",y:"50%",scale:0,opacity:0},animate:{x:`calc(50% + ${Math.cos(r)*n}px)`,y:`calc(50% + ${Math.sin(r)*n}px)`,scale:[0,1,0],opacity:[0,1,0]},transition:{duration:.4,delay:s*.05,ease:d.easeOut}}};exports.animationClass=l;exports.animationEffect=b;exports.particleAnimation=g;
 //# sourceMappingURL=animations.cjs.map

package/dist/cjs/utils/animations.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"animations.cjs","sources":["../../../src/utils/animations.tsx"],"sourcesContent":["import { cn } from \"@dsui/ui/index\";\nimport type { BasicAnimation } from \"@/types/variables\";\nimport { easeOut, motion } from \"motion/react\";\nimport Glass from \"../components/Glass/Glass\";\n\nexport const animationClass = (\n  animation?: BasicAnimation,\n  className?: string\n) => {\n  switch (animation) {\n    case \"bounce\":\n      return {\n        className: cn(\"animate-bounce\", className),\n      };\n    case \"slide-up\":\n      return {\n        className: cn(\"animate-slide-in-from-bottom\", className),\n      };\n    case \"slide-down\":\n      return {\n        className: cn(\"animate-slide-in-from-top\", className),\n      };\n    case \"slide-left\":\n      return {\n        className: cn(\"animate-slide-in-from-right\", className),\n      };\n    case \"slide-right\":\n      return {\n        className: cn(\"animate-slide-in-from-left\", className),\n      };\n    case \"zoom-in\":\n      return {\n        className: cn(\"animate-zoom-in\", className),\n      };\n    case \"zoom-out\":\n      return {\n        className: cn(\"animate-zoom-out\", className),\n      };\n    case \"skewed\":\n      return {\n        className: cn(\"animate-skewed-in\", className),\n      };\n    case \"flip\":\n      return {\n        className: cn(\"animate-flip-in\", className),\n      };\n    case \"shake\":\n      return {\n        className: cn(\"animate-shake\", className),\n      };\n    case \"gradient-outline\":\n      return {\n        className: cn(\"gradient-outline\", className),\n      };\n    default:\n      return { className };\n  }\n};\n\nexport const animationEffect = <T, S = undefined>({\n  animation,\n  children,\n  className,\n  rootClassName,\n  variantType,\n  ...rest\n}: {\n  animation?: T;\n  children?: React.ReactNode;\n  className?: string;\n  rootClassName?: string;\n  variantType?: S;\n}) => {\n  switch (animation) {\n    case \"heartbeat\":\n      return {\n        className: cn(\"animate-heartbeat\", className),\n      };\n    case \"rainbow\":\n      return {\n        className: cn(\n          \"animate-rainbow text-primary-foreground focus-visible:ring-ring/50 relative inline-flex h-9 items-center justify-center gap-2 rounded-md border-2 border-transparent bg-[length:200%] [background-clip:padding-box,border-box,border-box] [background-origin:border-box] px-3 py-2 text-sm font-medium transition-colors focus-visible:ring-[3px] focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50\",\n          \"before:animate-rainbow before:absolute before:bottom-[-20%] before:left-0 before:z-0 before:h-1/5 before:w-full before:bg-[linear-gradient(90deg,#ff4242,#a1ff42,#42a1ff,#42d0ff,#a142ff)] before:[filter:blur(calc(0.625*1rem))] bg-[linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary)_30%,rgba(0,0,0,0)),linear-gradient(90deg,#ff4242,#a1ff42,#42a1ff,#42d0ff,#a142ff)]\",\n          className\n        ),\n      };\n    case \"shine\":\n      return {\n        className: cn(\n          \"relative overflow-hidden before:absolute before:inset-0 before:rounded-[inherit] before:bg-[linear-gradient(45deg,transparent_25%,rgba(255,255,255,0.5)_50%,transparent_75%,transparent_100%)] before:bg-[length:250%_250%,100%_100%] before:bg-[position:200%_0,0_0] before:bg-no-repeat before:transition-[background-position_0s_ease] before:duration-1000 hover:before:bg-[position:-100%_0,0_0] dark:before:bg-[linear-gradient(45deg,transparent_25%,rgba(0,0,0,0.2)_50%,transparent_75%,transparent_100%)]\",\n          className\n        ),\n      };\n    case \"bounce\":\n      return {\n        children: (\n          <motion.button\n            whileHover={{ scale: 1.1 }}\n            className={cn(rootClassName, \"transition-none\", className)}\n            transition={{ type: \"spring\", stiffness: 400, damping: 10 }}\n            {...rest}\n          >\n            {children}\n          </motion.button>\n        ),\n      };\n    case \"tap\":\n      return {\n        children: (\n          <motion.button\n            whileTap={{ scale: 0.85 }}\n            className={cn(rootClassName, \"transition-none\", className)}\n            transition={{ type: \"spring\", stiffness: 400, damping: 10 }}\n            {...rest}\n          >\n            {children}\n          </motion.button>\n        ),\n      };\n    case \"glass\": {\n      const roundedMatches = rootClassName?.match(/((?:!)?rounded-\\S+)/g);\n      const roundedClass = roundedMatches\n        ? roundedMatches[roundedMatches.length - 1]\n        : \"rounded-md\";\n\n      return {\n        variant: (variantType ? \"link\" : undefined) as S,\n        children: (\n          <Glass className={cn(\"hover:scale-110\", roundedClass)}>\n            <span\n              className={cn(\n                rootClassName,\n                \"!bg-none !bg-transparent border-0\",\n                className\n              )}\n            >\n              {children}\n            </span>\n          </Glass>\n        ),\n      };\n    }\n    case \"glow\":\n      return {\n        className: cn(rootClassName, \"animate-glow\", className),\n      };\n    case \"liquid\":\n      return {\n        className: cn(\n          \"relative overflow-hidden\",\n          \"bg-[linear-gradient(rgba(0,0,0,0.15)_0_0)] bg-no-repeat\",\n          \"bg-[length:200%_0.4em] bg-[position:200%_100%]\",\n          \"[transition:0.3s_0s,background-position_0.3s_0.3s]\",\n          \"hover:bg-[length:200%_100%] hover:bg-[position:0%_100%]\",\n          \"hover:text-white\",\n          \"hover:[transition:0.3s_0.3s,background-position_0.3s_0s]\",\n          className\n        ),\n      };\n    case \"link-underline\":\n      return {\n        variant: (variantType ? \"link\" : undefined) as S,\n        className: cn(\n          \"after:bg-primary relative !no-underline after:absolute after:bottom-2 after:h-px after:w-2/3 after:origin-bottom-right after:scale-x-0 after:transition-transform after:duration-300 after:ease-in-out hover:after:origin-bottom-left hover:after:scale-x-100\",\n          className\n        ),\n      };\n    case \"loading\":\n      return {\n        className: cn(\n          \"relative overflow-hidden\",\n          \"before:content-[''] before:absolute before:z-[1] before:top-0 before:-left-full before:w-[300%] before:h-full\",\n          \"before:bg-[repeating-linear-gradient(60deg,transparent,transparent_10px,#ffffff20_10px,#ffffff20_20px)]\",\n          \"before:animate-slide-loading\",\n          className\n        ),\n      };\n    case \"gradient-outline\":\n      return {\n        className: cn(\"gradient-outline\", className),\n      };\n    case \"draw\":\n      return {\n        className: cn(\"animate-draw\", className),\n      };\n    default:\n      return null;\n  }\n};\n\nexport const particleAnimation = (index: number) => {\n  const angle = Math.random() * Math.PI * 2;\n  const distance = 30 + Math.random() * 20;\n\n  return {\n    initial: { x: \"50%\", y: \"50%\", scale: 0, opacity: 0 },\n    animate: {\n      x: `calc(50% + ${Math.cos(angle) * distance}px)`,\n      y: `calc(50% + ${Math.sin(angle) * distance}px)`,\n      scale: [0, 1, 0],\n      opacity: [0, 1, 0],\n    },\n    transition: { duration: 0.4, delay: index * 0.05, ease: easeOut },\n  };\n};\n"],"names":["animationClass","animation","className","cn","animationEffect","children","rootClassName","variantType","rest","jsx","motion","roundedMatches","roundedClass","Glass","particleAnimation","index","angle","distance","easeOut"],"mappings":"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"}
+{"version":3,"file":"animations.cjs","sources":["../../../src/utils/animations.tsx"],"sourcesContent":["import { cn } from \"@dsui/ui/index\";\nimport type { BasicAnimation } from \"@/types/variables\";\nimport { easeOut, motion } from \"motion/react\";\nimport Glass from \"../components/Glass/Glass\";\n\nexport const animationClass = (\n  animation?: BasicAnimation,\n  className?: string\n) => {\n  switch (animation) {\n    case \"bounce\":\n      return {\n        className: cn(\"ds:animate-bounce\", className),\n      };\n    case \"slide-up\":\n      return {\n        className: cn(\"ds:animate-slide-in-from-bottom\", className),\n      };\n    case \"slide-down\":\n      return {\n        className: cn(\"ds:animate-slide-in-from-top\", className),\n      };\n    case \"slide-left\":\n      return {\n        className: cn(\"ds:animate-slide-in-from-right\", className),\n      };\n    case \"slide-right\":\n      return {\n        className: cn(\"ds:animate-slide-in-from-left\", className),\n      };\n    case \"zoom-in\":\n      return {\n        className: cn(\"ds:animate-zoom-in\", className),\n      };\n    case \"zoom-out\":\n      return {\n        className: cn(\"ds:animate-zoom-out\", className),\n      };\n    case \"skewed\":\n      return {\n        className: cn(\"ds:animate-skewed-in\", className),\n      };\n    case \"flip\":\n      return {\n        className: cn(\"ds:animate-flip-in\", className),\n      };\n    case \"shake\":\n      return {\n        className: cn(\"ds:animate-shake\", className),\n      };\n    case \"gradient-outline\":\n      return {\n        className: cn(\"ds:gradient-outline\", className),\n      };\n    default:\n      return { className };\n  }\n};\n\nexport const animationEffect = <T, S = undefined>({\n  animation,\n  children,\n  className,\n  rootClassName,\n  variantType,\n  ...rest\n}: {\n  animation?: T;\n  children?: React.ReactNode;\n  className?: string;\n  rootClassName?: string;\n  variantType?: S;\n}) => {\n  switch (animation) {\n    case \"heartbeat\":\n      return {\n        className: cn(\"ds:animate-heartbeat\", className),\n      };\n    case \"rainbow\":\n      return {\n        className: cn(\n          \"ds:animate-rainbow ds:text-primary-foreground ds:focus-visible:ring-ring/50 ds:relative ds:inline-flex ds:h-9 ds:items-center ds:justify-center ds:gap-2 ds:rounded-md ds:border-2 ds:border-transparent ds:bg-[length:200%] ds:[background-clip:padding-box,border-box,border-box] ds:[background-origin:border-box] ds:px-3 ds:py-2 ds:text-sm ds:font-medium ds:transition-colors ds:focus-visible:ring-[3px] ds:focus-visible:outline-none ds:disabled:pointer-events-none ds:disabled:opacity-50\",\n          \"ds:before:animate-rainbow ds:before:absolute ds:before:bottom-[-20%] ds:before:left-0 ds:before:z-0 ds:before:h-1/5 ds:before:w-full ds:before:bg-[linear-gradient(90deg,#ff4242,#a1ff42,#42a1ff,#42d0ff,#a142ff)] ds:before:[filter:blur(calc(0.625*1rem))] ds:bg-[linear-gradient(var(--primary),var(--primary)),linear-gradient(var(--primary)_30%,rgba(0,0,0,0)),linear-gradient(90deg,#ff4242,#a1ff42,#42a1ff,#42d0ff,#a142ff)]\",\n          className\n        ),\n      };\n    case \"shine\":\n      return {\n        className: cn(\n          \"ds:relative ds:overflow-hidden ds:before:absolute ds:before:inset-0 ds:before:rounded-[inherit] ds:before:bg-[linear-gradient(45deg,transparent_25%,rgba(255,255,255,0.5)_50%,transparent_75%,transparent_100%)] ds:before:bg-[length:250%_250%,100%_100%] ds:before:bg-[position:200%_0,0_0] ds:before:bg-no-repeat ds:before:transition-[background-position_0s_ease] ds:before:duration-1000 ds:hover:before:bg-[position:-100%_0,0_0] ds:dark:before:bg-[linear-gradient(45deg,transparent_25%,rgba(0,0,0,0.2)_50%,transparent_75%,transparent_100%)]\",\n          className\n        ),\n      };\n    case \"bounce\":\n      return {\n        children: (\n          <motion.button\n            whileHover={{ scale: 1.1 }}\n            className={cn(rootClassName, \"ds:transition-none\", className)}\n            transition={{ type: \"spring\", stiffness: 400, damping: 10 }}\n            {...rest}\n          >\n            {children}\n          </motion.button>\n        ),\n      };\n    case \"tap\":\n      return {\n        children: (\n          <motion.button\n            whileTap={{ scale: 0.85 }}\n            className={cn(rootClassName, \"ds:transition-none\", className)}\n            transition={{ type: \"spring\", stiffness: 400, damping: 10 }}\n            {...rest}\n          >\n            {children}\n          </motion.button>\n        ),\n      };\n    case \"glass\": {\n      const roundedMatches = rootClassName?.match(/((?:!)?rounded-\\S+)/g);\n      const roundedClass = roundedMatches\n        ? roundedMatches[roundedMatches.length - 1]\n        : \"rounded-md\";\n\n      return {\n        variant: (variantType ? \"link\" : undefined) as S,\n        children: (\n          <Glass className={cn(\"ds:hover:scale-110\", roundedClass)}>\n            <span\n              className={cn(\n                rootClassName,\n                \"ds:!bg-none ds:!bg-transparent ds:border-0\",\n                className\n              )}\n            >\n              {children}\n            </span>\n          </Glass>\n        ),\n      };\n    }\n    case \"glow\":\n      return {\n        className: cn(rootClassName, \"ds:animate-glow\", className),\n      };\n    case \"liquid\":\n      return {\n        className: cn(\n          \"ds:relative ds:overflow-hidden\",\n          \"ds:bg-[linear-gradient(rgba(0,0,0,0.15)_0_0)] ds:bg-no-repeat\",\n          \"ds:bg-[length:200%_0.4em] ds:bg-[position:200%_100%]\",\n          \"ds:[transition:0.3s_0s,background-position_0.3s_0.3s]\",\n          \"ds:hover:bg-[length:200%_100%] ds:hover:bg-[position:0%_100%]\",\n          \"ds:hover:text-white\",\n          \"ds:hover:[transition:0.3s_0.3s,background-position_0.3s_0s]\",\n          className\n        ),\n      };\n    case \"link-underline\":\n      return {\n        variant: (variantType ? \"link\" : undefined) as S,\n        className: cn(\n          \"ds:after:bg-primary ds:relative ds:!no-underline ds:after:absolute ds:after:bottom-2 ds:after:h-px ds:after:w-2/3 ds:after:origin-bottom-right ds:after:scale-x-0 ds:after:transition-transform ds:after:duration-300 ds:after:ease-in-out ds:hover:after:origin-bottom-left ds:hover:after:scale-x-100\",\n          className\n        ),\n      };\n    case \"loading\":\n      return {\n        className: cn(\n          \"ds:relative ds:overflow-hidden\",\n          \"ds:before:content-[''] ds:before:absolute ds:before:z-[1] ds:before:top-0 ds:before:-left-full ds:before:w-[300%] ds:before:h-full\",\n          \"ds:before:bg-[repeating-linear-gradient(60deg,transparent,transparent_10px,#ffffff20_10px,#ffffff20_20px)]\",\n          \"ds:before:animate-slide-loading\",\n          className\n        ),\n      };\n    case \"gradient-outline\":\n      return {\n        className: cn(\"ds:gradient-outline\", className),\n      };\n    case \"draw\":\n      return {\n        className: cn(\"ds:animate-draw\", className),\n      };\n    default:\n      return null;\n  }\n};\n\nexport const particleAnimation = (index: number) => {\n  const angle = Math.random() * Math.PI * 2;\n  const distance = 30 + Math.random() * 20;\n\n  return {\n    initial: { x: \"50%\", y: \"50%\", scale: 0, opacity: 0 },\n    animate: {\n      x: `calc(50% + ${Math.cos(angle) * distance}px)`,\n      y: `calc(50% + ${Math.sin(angle) * distance}px)`,\n      scale: [0, 1, 0],\n      opacity: [0, 1, 0],\n    },\n    transition: { duration: 0.4, delay: index * 0.05, ease: easeOut },\n  };\n};\n"],"names":["animationClass","animation","className","cn","animationEffect","children","rootClassName","variantType","rest","jsx","motion","roundedMatches","roundedClass","Glass","particleAnimation","index","angle","distance","easeOut"],"mappings":"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"}

package/dist/cjs/utils/css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("motion/react"),F=require("./animations.cjs"),i=({index:e})=>{const t=["#FF0000","#00FF00","#0000FF","#FFFF00","#FF00FF","#00FFFF"],o=t[e%t.length];return n.jsx(r.motion.div,{className:"absolute h-1 w-1 rounded-full",style:{backgroundColor:o},...F.particleAnimation(e)})};exports.ConfettiPiece=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("motion/react"),r=require("./animations.cjs"),F=({index:e})=>{const t=["#FF0000","#00FF00","#0000FF","#FFFF00","#FF00FF","#00FFFF"],o=t[e%t.length];return s.jsx(n.motion.div,{className:"ds:absolute ds:h-1 ds:w-1 ds:rounded-full",style:{backgroundColor:o},...r.particleAnimation(e)})};exports.ConfettiPiece=F;
 //# sourceMappingURL=css.cjs.map

package/dist/cjs/utils/css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"css.cjs","sources":["../../../src/utils/css.tsx"],"sourcesContent":["import { motion } from \"motion/react\";\nimport { particleAnimation } from \"./animations\";\n\nexport const ConfettiPiece = ({ index }: { index: number }) => {\n  const colors = [\n    \"#FF0000\",\n    \"#00FF00\",\n    \"#0000FF\",\n    \"#FFFF00\",\n    \"#FF00FF\",\n    \"#00FFFF\",\n  ];\n  const color = colors[index % colors.length];\n\n  return (\n    <motion.div\n      className=\"absolute h-1 w-1 rounded-full\"\n      style={{ backgroundColor: color }}\n      {...particleAnimation(index)}\n    />\n  );\n};\n"],"names":["ConfettiPiece","index","colors","color","jsx","motion","particleAnimation"],"mappings":"6KAGaA,EAAgB,CAAC,CAAE,MAAAC,KAA+B,CAC7D,MAAMC,EAAS,CACb,UACA,UACA,UACA,UACA,UACA,SAAA,EAEIC,EAAQD,EAAOD,EAAQC,EAAO,MAAM,EAE1C,OACEE,EAAAA,IAACC,EAAAA,OAAO,IAAP,CACC,UAAU,gCACV,MAAO,CAAE,gBAAiBF,CAAA,EACzB,GAAGG,EAAAA,kBAAkBL,CAAK,CAAA,CAAA,CAGjC"}
+{"version":3,"file":"css.cjs","sources":["../../../src/utils/css.tsx"],"sourcesContent":["import { motion } from \"motion/react\";\nimport { particleAnimation } from \"./animations\";\n\nexport const ConfettiPiece = ({ index }: { index: number }) => {\n  const colors = [\n    \"#FF0000\",\n    \"#00FF00\",\n    \"#0000FF\",\n    \"#FFFF00\",\n    \"#FF00FF\",\n    \"#00FFFF\",\n  ];\n  const color = colors[index % colors.length];\n\n  return (\n    <motion.div\n      className=\"ds:absolute ds:h-1 ds:w-1 ds:rounded-full\"\n      style={{ backgroundColor: color }}\n      {...particleAnimation(index)}\n    />\n  );\n};\n"],"names":["ConfettiPiece","index","colors","color","jsx","motion","particleAnimation"],"mappings":"6KAGaA,EAAgB,CAAC,CAAE,MAAAC,KAA+B,CAC7D,MAAMC,EAAS,CACb,UACA,UACA,UACA,UACA,UACA,SAAA,EAEIC,EAAQD,EAAOD,EAAQC,EAAO,MAAM,EAE1C,OACEE,EAAAA,IAACC,EAAAA,OAAO,IAAP,CACC,UAAU,4CACV,MAAO,CAAE,gBAAiBF,CAAA,EACzB,GAAGG,EAAAA,kBAAkBL,CAAK,CAAA,CAAA,CAGjC"}

package/dist/cjs/utils/parsers.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../node_modules/.pnpm/nuqs@2.8.0_next@15.5.9_react-dom@19.1.1_react@19.1.1__react@19.1.1__react@19.1.1/node_modules/nuqs/dist/server.cjs"),e=require("zod"),o=require("../config/data-table.cjs"),c=e.z.object({id:e.z.string(),desc:e.z.boolean()}),u=n=>{const i=n?n instanceof Set?n:new Set(n):null;return l.createParser({parse:r=>{try{const a=JSON.parse(r),t=e.z.array(c).safeParse(a);return!t.success||i&&t.data.some(s=>!i.has(s.id))?null:t.data}catch{return null}},serialize:r=>JSON.stringify(r),eq:(r,a)=>r.length===a.length&&r.every((t,s)=>t.id===a[s]?.id&&t.desc===a[s]?.desc)})};e.z.object({id:e.z.string(),value:e.z.union([e.z.string(),e.z.array(e.z.string())]),variant:e.z.enum(o.dataTableConfig.filterVariants),operator:e.z.enum(o.dataTableConfig.operators),filterId:e.z.string()});exports.getSortingStateParser=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../node_modules/.pnpm/nuqs@2.8.0_next@15.5.9_@babel_core@7.28.5_react-dom@19.1.1_react@19.1.1__react@19.1.1__react@19.1.1/node_modules/nuqs/dist/server.cjs"),e=require("zod"),o=require("../config/data-table.cjs"),c=e.z.object({id:e.z.string(),desc:e.z.boolean()}),u=n=>{const i=n?n instanceof Set?n:new Set(n):null;return l.createParser({parse:r=>{try{const a=JSON.parse(r),t=e.z.array(c).safeParse(a);return!t.success||i&&t.data.some(s=>!i.has(s.id))?null:t.data}catch{return null}},serialize:r=>JSON.stringify(r),eq:(r,a)=>r.length===a.length&&r.every((t,s)=>t.id===a[s]?.id&&t.desc===a[s]?.desc)})};e.z.object({id:e.z.string(),value:e.z.union([e.z.string(),e.z.array(e.z.string())]),variant:e.z.enum(o.dataTableConfig.filterVariants),operator:e.z.enum(o.dataTableConfig.operators),filterId:e.z.string()});exports.getSortingStateParser=u;
 //# sourceMappingURL=parsers.cjs.map

package/dist/cjs/utils/parsers.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"parsers.cjs","sources":["../../../src/utils/parsers.ts"],"sourcesContent":["import { createParser } from \"nuqs/server\";\nimport { z } from \"zod\";\n\nimport { dataTableConfig } from \"@/config/data-table\";\n\nimport type {\n  ExtendedColumnFilter,\n  ExtendedColumnSort,\n} from \"@/types/data-table\";\n\nconst sortingItemSchema = z.object({\n  id: z.string(),\n  desc: z.boolean(),\n});\n\nexport const getSortingStateParser = <TData>(\n  columnIds?: string[] | Set<string>\n) => {\n  const validKeys = columnIds\n    ? columnIds instanceof Set\n      ? columnIds\n      : new Set(columnIds)\n    : null;\n\n  return createParser({\n    parse: (value) => {\n      try {\n        const parsed = JSON.parse(value);\n        const result = z.array(sortingItemSchema).safeParse(parsed);\n\n        if (!result.success) return null;\n\n        if (validKeys && result.data.some((item) => !validKeys.has(item.id))) {\n          return null;\n        }\n\n        return result.data as ExtendedColumnSort<TData>[];\n      } catch {\n        return null;\n      }\n    },\n    serialize: (value) => JSON.stringify(value),\n    eq: (a, b) =>\n      a.length === b.length &&\n      a.every(\n        (item, index) =>\n          item.id === b[index]?.id && item.desc === b[index]?.desc\n      ),\n  });\n};\n\nconst filterItemSchema = z.object({\n  id: z.string(),\n  value: z.union([z.string(), z.array(z.string())]),\n  variant: z.enum(dataTableConfig.filterVariants),\n  operator: z.enum(dataTableConfig.operators),\n  filterId: z.string(),\n});\n\nexport type FilterItemSchema = z.infer<typeof filterItemSchema>;\n\nexport const getFiltersStateParser = <TData>(\n  columnIds?: string[] | Set<string>\n) => {\n  const validKeys = columnIds\n    ? columnIds instanceof Set\n      ? columnIds\n      : new Set(columnIds)\n    : null;\n\n  return createParser({\n    parse: (value) => {\n      try {\n        const parsed = JSON.parse(value);\n        const result = z.array(filterItemSchema).safeParse(parsed);\n\n        if (!result.success) return null;\n\n        if (validKeys && result.data.some((item) => !validKeys.has(item.id))) {\n          return null;\n        }\n\n        return result.data as ExtendedColumnFilter<TData>[];\n      } catch {\n        return null;\n      }\n    },\n    serialize: (value) => JSON.stringify(value),\n    eq: (a, b) =>\n      a.length === b.length &&\n      a.every(\n        (filter, index) =>\n          filter.id === b[index]?.id &&\n          filter.value === b[index]?.value &&\n          filter.variant === b[index]?.variant &&\n          filter.operator === b[index]?.operator\n      ),\n  });\n};\n"],"names":["sortingItemSchema","z","getSortingStateParser","columnIds","validKeys","createParser","value","parsed","result","item","a","b","index","dataTableConfig"],"mappings":"mSAUMA,EAAoBC,EAAAA,EAAE,OAAO,CACjC,GAAIA,EAAAA,EAAE,OAAA,EACN,KAAMA,EAAAA,EAAE,QAAA,CACV,CAAC,EAEYC,EACXC,GACG,CACH,MAAMC,EAAYD,EACdA,aAAqB,IACnBA,EACA,IAAI,IAAIA,CAAS,EACnB,KAEJ,OAAOE,eAAa,CAClB,MAAQC,GAAU,CAChB,GAAI,CACF,MAAMC,EAAS,KAAK,MAAMD,CAAK,EACzBE,EAASP,EAAAA,EAAE,MAAMD,CAAiB,EAAE,UAAUO,CAAM,EAI1D,MAFI,CAACC,EAAO,SAERJ,GAAaI,EAAO,KAAK,KAAMC,GAAS,CAACL,EAAU,IAAIK,EAAK,EAAE,CAAC,EAC1D,KAGFD,EAAO,IAChB,MAAQ,CACN,OAAO,IACT,CACF,EACA,UAAYF,GAAU,KAAK,UAAUA,CAAK,EAC1C,GAAI,CAACI,EAAGC,IACND,EAAE,SAAWC,EAAE,QACfD,EAAE,MACA,CAACD,EAAMG,IACLH,EAAK,KAAOE,EAAEC,CAAK,GAAG,IAAMH,EAAK,OAASE,EAAEC,CAAK,GAAG,IAAA,CACxD,CACH,CACH,EAEyBX,EAAAA,EAAE,OAAO,CAChC,GAAIA,EAAAA,EAAE,OAAA,EACN,MAAOA,EAAAA,EAAE,MAAM,CAACA,EAAAA,EAAE,OAAA,EAAUA,EAAAA,EAAE,MAAMA,EAAAA,EAAE,OAAA,CAAQ,CAAC,CAAC,EAChD,QAASA,EAAAA,EAAE,KAAKY,EAAAA,gBAAgB,cAAc,EAC9C,SAAUZ,EAAAA,EAAE,KAAKY,EAAAA,gBAAgB,SAAS,EAC1C,SAAUZ,EAAAA,EAAE,OAAA,CACd,CAAC"}
+{"version":3,"file":"parsers.cjs","sources":["../../../src/utils/parsers.ts"],"sourcesContent":["import { createParser } from \"nuqs/server\";\nimport { z } from \"zod\";\n\nimport { dataTableConfig } from \"@/config/data-table\";\n\nimport type {\n  ExtendedColumnFilter,\n  ExtendedColumnSort,\n} from \"@/types/data-table\";\n\nconst sortingItemSchema = z.object({\n  id: z.string(),\n  desc: z.boolean(),\n});\n\nexport const getSortingStateParser = <TData>(\n  columnIds?: string[] | Set<string>\n) => {\n  const validKeys = columnIds\n    ? columnIds instanceof Set\n      ? columnIds\n      : new Set(columnIds)\n    : null;\n\n  return createParser({\n    parse: (value) => {\n      try {\n        const parsed = JSON.parse(value);\n        const result = z.array(sortingItemSchema).safeParse(parsed);\n\n        if (!result.success) return null;\n\n        if (validKeys && result.data.some((item) => !validKeys.has(item.id))) {\n          return null;\n        }\n\n        return result.data as ExtendedColumnSort<TData>[];\n      } catch {\n        return null;\n      }\n    },\n    serialize: (value) => JSON.stringify(value),\n    eq: (a, b) =>\n      a.length === b.length &&\n      a.every(\n        (item, index) =>\n          item.id === b[index]?.id && item.desc === b[index]?.desc\n      ),\n  });\n};\n\nconst filterItemSchema = z.object({\n  id: z.string(),\n  value: z.union([z.string(), z.array(z.string())]),\n  variant: z.enum(dataTableConfig.filterVariants),\n  operator: z.enum(dataTableConfig.operators),\n  filterId: z.string(),\n});\n\nexport type FilterItemSchema = z.infer<typeof filterItemSchema>;\n\nexport const getFiltersStateParser = <TData>(\n  columnIds?: string[] | Set<string>\n) => {\n  const validKeys = columnIds\n    ? columnIds instanceof Set\n      ? columnIds\n      : new Set(columnIds)\n    : null;\n\n  return createParser({\n    parse: (value) => {\n      try {\n        const parsed = JSON.parse(value);\n        const result = z.array(filterItemSchema).safeParse(parsed);\n\n        if (!result.success) return null;\n\n        if (validKeys && result.data.some((item) => !validKeys.has(item.id))) {\n          return null;\n        }\n\n        return result.data as ExtendedColumnFilter<TData>[];\n      } catch {\n        return null;\n      }\n    },\n    serialize: (value) => JSON.stringify(value),\n    eq: (a, b) =>\n      a.length === b.length &&\n      a.every(\n        (filter, index) =>\n          filter.id === b[index]?.id &&\n          filter.value === b[index]?.value &&\n          filter.variant === b[index]?.variant &&\n          filter.operator === b[index]?.operator\n      ),\n  });\n};\n"],"names":["sortingItemSchema","z","getSortingStateParser","columnIds","validKeys","createParser","value","parsed","result","item","a","b","index","dataTableConfig"],"mappings":"sTAUMA,EAAoBC,EAAAA,EAAE,OAAO,CACjC,GAAIA,EAAAA,EAAE,OAAA,EACN,KAAMA,EAAAA,EAAE,QAAA,CACV,CAAC,EAEYC,EACXC,GACG,CACH,MAAMC,EAAYD,EACdA,aAAqB,IACnBA,EACA,IAAI,IAAIA,CAAS,EACnB,KAEJ,OAAOE,eAAa,CAClB,MAAQC,GAAU,CAChB,GAAI,CACF,MAAMC,EAAS,KAAK,MAAMD,CAAK,EACzBE,EAASP,EAAAA,EAAE,MAAMD,CAAiB,EAAE,UAAUO,CAAM,EAI1D,MAFI,CAACC,EAAO,SAERJ,GAAaI,EAAO,KAAK,KAAMC,GAAS,CAACL,EAAU,IAAIK,EAAK,EAAE,CAAC,EAC1D,KAGFD,EAAO,IAChB,MAAQ,CACN,OAAO,IACT,CACF,EACA,UAAYF,GAAU,KAAK,UAAUA,CAAK,EAC1C,GAAI,CAACI,EAAGC,IACND,EAAE,SAAWC,EAAE,QACfD,EAAE,MACA,CAACD,EAAMG,IACLH,EAAK,KAAOE,EAAEC,CAAK,GAAG,IAAMH,EAAK,OAASE,EAAEC,CAAK,GAAG,IAAA,CACxD,CACH,CACH,EAEyBX,EAAAA,EAAE,OAAO,CAChC,GAAIA,EAAAA,EAAE,OAAA,EACN,MAAOA,EAAAA,EAAE,MAAM,CAACA,EAAAA,EAAE,OAAA,EAAUA,EAAAA,EAAE,MAAMA,EAAAA,EAAE,OAAA,CAAQ,CAAC,CAAC,EAChD,QAASA,EAAAA,EAAE,KAAKY,EAAAA,gBAAgB,cAAc,EAC9C,SAAUZ,EAAAA,EAAE,KAAKY,EAAAA,gBAAgB,SAAS,EAC1C,SAAUZ,EAAAA,EAAE,OAAA,CACd,CAAC"}

package/dist/esm/components/Accordion/Accordion.js

@@ -1,107 +1,107 @@
-import { jsx as r, jsxs as C } from "react/jsx-runtime";
+import { jsx as d, jsxs as C } from "react/jsx-runtime";
 import j from "react";
 import { AccordionContent as i, AccordionTrigger as p, AccordionItem as b, Accordion as c } from "../../packages/ui/src/components/accordion.js";
-import { cn as a } from "../../packages/ui/src/lib/utils.js";
+import { cn as s } from "../../packages/ui/src/lib/utils.js";
 const v = {
   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"
+    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: "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"
+    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: "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"
+    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: "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"
+    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: "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"
+    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: "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"
+    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"
   }
 }, I = {
   default: {
-    root: "rounded-lg",
-    item: "px-0",
-    trigger: "px-4 hover:bg-accent/50",
-    content: "px-4"
+    root: "ds:rounded-lg",
+    item: "ds:px-0",
+    trigger: "ds:px-4 ds:hover:bg-accent/50",
+    content: "ds: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"
+    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: "space-y-2",
-    item: "rounded-lg border bg-card last:border-b",
-    trigger: "px-4 hover:bg-accent/50",
-    content: "px-4"
+    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: "border-0",
-    trigger: "px-2 hover:bg-accent/30 rounded-md",
-    content: "px-2"
+    item: "ds:border-0",
+    trigger: "ds:px-2 ds:hover:bg-accent/30 ds:rounded-md",
+    content: "ds:px-2"
   }
 }, f = j.forwardRef(
-  (A, o) => {
+  (A, a) => {
     const {
       items: g,
       variant: w = "default",
-      color: n,
-      className: s,
+      color: r,
+      className: o,
       itemClassName: m,
       triggerClassName: u,
       contentClassName: N,
       children: l,
       type: y,
-      ...d
-    } = A, t = I[w], x = n ? v[n].trigger : "", h = n ? v[n].content : "";
-    return l && !g ? y === "multiple" ? /* @__PURE__ */ r(
+      ...n
+    } = A, t = I[w], x = r ? v[r].trigger : "", h = r ? v[r].content : "";
+    return l && !g ? y === "multiple" ? /* @__PURE__ */ d(
       c,
       {
-        ref: o,
+        ref: a,
         type: "multiple",
-        className: a(t.root, s),
-        ...d,
+        className: s(t.root, o),
+        ...n,
         children: l
       }
-    ) : /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ d(
       c,
       {
-        ref: o,
+        ref: a,
         type: "single",
-        className: a(t.root, s),
-        ...d,
+        className: s(t.root, o),
+        ...n,
         children: l
       }
-    ) : y === "multiple" ? /* @__PURE__ */ r(
+    ) : y === "multiple" ? /* @__PURE__ */ d(
       c,
       {
-        ref: o,
+        ref: a,
         type: "multiple",
-        className: a(t.root, s),
-        ...d,
+        className: s(t.root, o),
+        ...n,
         children: g?.map((e) => /* @__PURE__ */ C(
           b,
           {
             value: e.value,
             disabled: e.disabled,
-            className: a(t.item, m, e.className),
+            className: s(t.item, m, e.className),
             children: [
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ d(
                 p,
                 {
-                  className: a(
+                  className: s(
                     t.trigger,
                     x,
                     u,
@@ -110,10 +110,10 @@ const v = {
                   children: e.trigger
                 }
               ),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ d(
                 i,
                 {
-                  className: a(
+                  className: s(
                     t.content,
                     h,
                     N,
@@ -127,24 +127,24 @@ const v = {
           e.value
         ))
       }
-    ) : /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ d(
       c,
       {
-        ref: o,
+        ref: a,
         type: "single",
-        className: a(t.root, s),
-        ...d,
+        className: s(t.root, o),
+        ...n,
         children: g?.map((e) => /* @__PURE__ */ C(
           b,
           {
             value: e.value,
             disabled: e.disabled,
-            className: a(t.item, m, e.className),
+            className: s(t.item, m, e.className),
             children: [
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ d(
                 p,
                 {
-                  className: a(
+                  className: s(
                     t.trigger,
                     x,
                     u,
@@ -153,10 +153,10 @@ const v = {
                   children: e.trigger
                 }
               ),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ d(
                 i,
                 {
-                  className: a(
+                  className: s(
                     t.content,
                     h,
                     N,

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","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.js","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/esm/components/Avatar/Avatar.js

@@ -1,4 +1,4 @@
-import { jsxs as x, jsx as m } from "react/jsx-runtime";
+import { jsxs as x, jsx as n } from "react/jsx-runtime";
 import * as t from "react";
 import { Avatar as b, AvatarImage as h, AvatarFallback as v } from "../../packages/ui/src/components/avatar.js";
 import "@radix-ui/react-slot";
@@ -7,7 +7,7 @@ import "../../packages/ui/src/components/button-group.js";
 import "../../packages/ui/src/components/input.js";
 import "../../packages/ui/src/components/textarea.js";
 import "@radix-ui/react-label";
-import { cn as u } from "../../packages/ui/src/lib/utils.js";
+import { cn as m } from "../../packages/ui/src/lib/utils.js";
 import "../../packages/ui/src/components/select.js";
 import "../../packages/ui/src/components/combobox.js";
 import "@radix-ui/react-tooltip";
@@ -35,82 +35,82 @@ import "../../packages/ui/src/components/toggle.js";
 import { animationClass as w } from "../../utils/animations.js";
 function tr({
   size: e = "md",
-  variant: o = "circle",
-  animation: a,
-  color: i,
+  variant: s = "circle",
+  animation: o,
+  color: a,
   className: r,
-  src: n,
-  alt: c,
-  fallback: p,
-  ...d
+  src: i,
+  alt: u,
+  fallback: c,
+  ...p
 }) {
-  const l = t.useMemo(() => w(a, r), [a, r]), g = t.useMemo(() => {
+  const l = t.useMemo(() => w(o, r), [o, r]), g = t.useMemo(() => {
     switch (e) {
       case "xs":
-        return "size-6";
+        return "ds:size-6";
       case "sm":
-        return "size-8";
+        return "ds:size-8";
       case "md":
-        return "size-10";
+        return "ds:size-10";
       case "lg":
-        return "size-12";
+        return "ds:size-12";
       case "xl":
-        return "size-16";
+        return "ds:size-16";
       default:
-        return "size-10";
+        return "ds:size-10";
     }
   }, [e]), f = t.useMemo(() => {
-    switch (o) {
+    switch (s) {
       case "circle":
-        return "rounded-full";
+        return "ds:rounded-full";
       case "square":
-        return "rounded-md";
+        return "ds:rounded-md";
       default:
-        return "rounded-full";
+        return "ds:rounded-full";
     }
-  }, [o]), s = t.useMemo(() => {
-    switch (i) {
+  }, [s]), d = t.useMemo(() => {
+    switch (a) {
       case "primary":
-        return "bg-primary text-primary-foreground";
+        return "ds:bg-primary ds:text-primary-foreground";
       case "secondary":
-        return "bg-secondary text-secondary-foreground";
+        return "ds:bg-secondary ds:text-secondary-foreground";
       case "dark":
-        return "bg-neutral-900 text-white";
+        return "ds:bg-neutral-900 ds:text-white";
       case "light":
-        return "bg-neutral-200 text-neutral-950";
+        return "ds:bg-neutral-200 ds:text-neutral-950";
       case "inverted":
-        return "dark:bg-white dark:text-black";
+        return "ds:dark:bg-white ds:dark:text-black";
       case "success":
-        return "bg-success text-success-foreground";
+        return "ds:bg-success ds:text-success-foreground";
       case "warning":
-        return "bg-warning text-warning-foreground";
+        return "ds:bg-warning ds:text-warning-foreground";
       case "error":
-        return "bg-error text-error-foreground";
+        return "ds:bg-error ds:text-error-foreground";
       case "glass":
-        return "bg-white/15 backdrop-blur-sm";
+        return "ds:bg-white/15 ds:backdrop-blur-sm";
       default:
         return "";
     }
-  }, [i]);
+  }, [a]);
   return /* @__PURE__ */ x(
     b,
     {
-      className: u(
-        "relative flex shrink-0 transition-all duration-300",
+      className: m(
+        "ds:relative ds:flex ds:shrink-0 ds:transition-all ds:duration-300",
         g,
         f,
         l?.className,
-        s,
+        d,
         r
       ),
-      ...d,
+      ...p,
       children: [
-        n && /* @__PURE__ */ m(h, { src: n, alt: c, className: "rounded-[inherit]" }),
-        /* @__PURE__ */ m(
+        i && /* @__PURE__ */ n(h, { src: i, alt: u, className: "ds:rounded-[inherit]" }),
+        /* @__PURE__ */ n(
           v,
           {
-            className: u("rounded-[inherit]", s, r),
-            children: p
+            className: m("ds:rounded-[inherit]", d, r),
+            children: c
           }
         )
       ]

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,SAASA,GAAO;AAAA,EACrB,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAkBC,EAAM,QAAuC,MAC5DC,EAAeT,GAAWE,CAAS,GACzC,CAACF,GAAWE,CAAS,CAAC,GAEnBQ,IAAaF,EAAM,QAAgB,MAAM;AAC7C,YAAQV,GAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAAG,CAACA,CAAI,CAAC,GAEHa,IAAgBH,EAAM,QAAgB,MAAM;AAChD,YAAQT,GAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAAG,CAACA,CAAO,CAAC,GAENa,IAAcJ,EAAM,QAAgB,MAAM;AAC9C,YAAQP,GAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAAG,CAACA,CAAK,CAAC;AAEV,SACE,gBAAAY;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,QACAC;AAAA,QACAJ,GAAiB;AAAA,QACjBK;AAAA,QACAV;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,MAEH,UAAA;AAAA,QAAAH,KAAO,gBAAAa,EAACC,GAAA,EAAY,KAAAd,GAAU,KAAAC,GAAU,WAAU,qBAAoB;AAAA,QACvE,gBAAAY;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAWH,EAAG,qBAAqBH,GAAaV,CAAS;AAAA,YAExD,UAAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Avatar.js","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,SAASA,GAAO;AAAA,EACrB,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAkBC,EAAM,QAAuC,MAC5DC,EAAeT,GAAWE,CAAS,GACzC,CAACF,GAAWE,CAAS,CAAC,GAEnBQ,IAAaF,EAAM,QAAgB,MAAM;AAC7C,YAAQV,GAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAAG,CAACA,CAAI,CAAC,GAEHa,IAAgBH,EAAM,QAAgB,MAAM;AAChD,YAAQT,GAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAAG,CAACA,CAAO,CAAC,GAENa,IAAcJ,EAAM,QAAgB,MAAM;AAC9C,YAAQP,GAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAAG,CAACA,CAAK,CAAC;AAEV,SACE,gBAAAY;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,QACAC;AAAA,QACAJ,GAAiB;AAAA,QACjBK;AAAA,QACAV;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,MAEH,UAAA;AAAA,QAAAH,KAAO,gBAAAa,EAACC,GAAA,EAAY,KAAAd,GAAU,KAAAC,GAAU,WAAU,wBAAuB;AAAA,QAC1E,gBAAAY;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAWH,EAAG,wBAAwBH,GAAaV,CAAS;AAAA,YAE3D,UAAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/esm/components/Badge/Badge.js

@@ -22,7 +22,7 @@ const p = o.forwardRef((s, n) => {
       className: f(a?.className, e?.className),
       asChild: e?.children ? !0 : a.asChild,
       children: /* @__PURE__ */ t(m, { children: [
-        a?.isLoading && /* @__PURE__ */ i(g, { className: "animate-spin" }),
+        a?.isLoading && /* @__PURE__ */ i(g, { className: "ds:animate-spin" }),
         !a?.isLoading && (e?.children ?? a.children)
       ] })
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","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":";;;;;;AAuBA,MAAMA,IAAQC,EAAM,WAAwC,CAACC,GAAOC,MAAQ;AAC1E,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAASH,GAEzBI,IAAiBC,EAA2B,MACzCC,EAAwD;AAAA,IAC7D,WAAAJ;AAAA,IACA,UAAUC,GAAM;AAAA,IAChB,WAAWA,GAAM;AAAA,IACjB,eAAeI,EAAc;AAAA,MAC3B,SAASJ,GAAM;AAAA,MACf,MAAMA,GAAM;AAAA,IAAA,CACb;AAAA,EAAA,CACF,GACA,CAACD,GAAWC,CAAI,CAAC;AAEpB,SACE,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACC,GAAGE;AAAA,MACJ,WAAWO,EAAGP,GAAM,WAAWC,GAAgB,SAAS;AAAA,MACxD,SAASA,GAAgB,WAAW,KAAOD,EAAK;AAAA,MAEhD,UAAA,gBAAAQ,EAAAC,GAAA,EACG,UAAA;AAAA,QAAAT,GAAM,aAAa,gBAAAK,EAACK,GAAA,EAAa,WAAU,gBAAe;AAAA,QAC1D,CAACV,GAAM,cAAcC,GAAgB,YAAYD,EAAK;AAAA,MAAA,EAAA,CACzD;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAEDL,EAAM,cAAc;"}
+{"version":3,"file":"Badge.js","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":";;;;;;AAuBA,MAAMA,IAAQC,EAAM,WAAwC,CAACC,GAAOC,MAAQ;AAC1E,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAASH,GAEzBI,IAAiBC,EAA2B,MACzCC,EAAwD;AAAA,IAC7D,WAAAJ;AAAA,IACA,UAAUC,GAAM;AAAA,IAChB,WAAWA,GAAM;AAAA,IACjB,eAAeI,EAAc;AAAA,MAC3B,SAASJ,GAAM;AAAA,MACf,MAAMA,GAAM;AAAA,IAAA,CACb;AAAA,EAAA,CACF,GACA,CAACD,GAAWC,CAAI,CAAC;AAEpB,SACE,gBAAAK;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACC,GAAGE;AAAA,MACJ,WAAWO,EAAGP,GAAM,WAAWC,GAAgB,SAAS;AAAA,MACxD,SAASA,GAAgB,WAAW,KAAOD,EAAK;AAAA,MAEhD,UAAA,gBAAAQ,EAAAC,GAAA,EACG,UAAA;AAAA,QAAAT,GAAM,aAAa,gBAAAK,EAACK,GAAA,EAAa,WAAU,mBAAkB;AAAA,QAC7D,CAACV,GAAM,cAAcC,GAAgB,YAAYD,EAAK;AAAA,MAAA,EAAA,CACzD;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAEDL,EAAM,cAAc;"}