@sth87/shadcn-design-system 0.0.1

package/dist/cjs/styles/theme.css

@@ -0,0 +1 @@
+:root{--background: #ffffff;--foreground: #2e3a5b;--muted-foreground: #58617c;--subtle-foreground: #777f94;--card: #ffffff;--card-foreground: #0a0a0a;--popover: #ffffff;--popover-foreground: #0a0a0a;--primary: #f37320;--primary-foreground: #fafafa;--secondary: #213f99;--secondary-foreground: #fafafa;--muted: #f5f5f5;--accent: #f5f5f5;--accent-foreground: #171717;--destructive: #e7000b;--destructive-foreground: #fafafa;--success: #39CC7E;--success-foreground: #FFFFFF;--error: #FF6262;--error-foreground: #FFFFFF;--warning: #FF9D57;--warning-foreground: #FFFFFF;--border: #e5e5e5;--input: #e5e5e5;--ring: #a1a1a1;--chart-1: #f54a00;--chart-2: #009689;--chart-3: #104e64;--chart-4: #ffba00;--chart-5: #fd9a00;--radius: .625rem;--sidebar: #f1f5f9;--sidebar-foreground: #2e3a5b;--sidebar-primary: #171717;--sidebar-primary-foreground: #fafafa;--sidebar-accent: #f5f5f5;--sidebar-accent-foreground: #171717;--sidebar-border: #e5e5e5;--sidebar-ring: #a1a1a1}.dark{--background: #303841;--foreground: #94a0ad;--muted-foreground: #eaebef;--subtle-foreground: #f5f5f7;--card: #36404a;--card-foreground: #94a0ad;--popover: #0a0a0a;--popover-foreground: #fafafa;--primary: #f37320;--primary-foreground: #fafafa;--secondary: #213f99;--secondary-foreground: #fafafa;--muted: #36404a;--accent: #262626;--accent-foreground: #fafafa;--destructive: #82181a;--destructive-foreground: #fb2c36;--success: #39CC7E;--success-foreground: #FFFFFF;--error: #FF6262;--error-foreground: #FFFFFF;--warning: #FF9D57;--warning-foreground: #FFFFFF;--border: #262626;--input: #262626;--ring: #737373;--chart-1: #1447e6;--chart-2: #00bc7d;--chart-3: #fd9a00;--chart-4: #ad46ff;--chart-5: #ff2056;--sidebar: #37424c;--sidebar-foreground: #94a0ad;--sidebar-primary: #1447e6;--sidebar-primary-foreground: #fafafa;--sidebar-accent: #262626;--sidebar-accent-foreground: #fafafa;--sidebar-border: #262626;--sidebar-ring: #525252}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-subtleforeground: var(--subtle-foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-error: var(--error); --color-error-foreground: var(--error-foreground); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }[data-theme=rose]{--background: oklch(.98 .02 340);--foreground: oklch(.2 .02 340);--card: oklch(.98 .02 340);--card-foreground: oklch(.2 .02 340);--popover: oklch(.98 .02 340);--popover-foreground: oklch(.2 .02 340);--primary: oklch(.5 .2 340);--primary-foreground: oklch(.98 .01 340);--secondary: oklch(.95 .02 340);--secondary-foreground: oklch(.2 .02 340);--muted: oklch(.95 .02 340);--muted-foreground: oklch(.55 .02 340);--accent: oklch(.95 .02 340);--accent-foreground: oklch(.2 .02 340);--destructive: #e7000b;--destructive-foreground: oklch(.985 .01 340);--border: oklch(.92 .02 340);--input: oklch(.92 .02 340);--ring: oklch(.7 .1 340);--chart-1: oklch(.646 .222 340);--chart-2: oklch(.6 .118 350);--chart-3: oklch(.398 .07 330);--chart-4: oklch(.828 .189 345);--chart-5: oklch(.769 .188 335);--radius: .625rem;--sidebar: oklch(.985 .01 340);--sidebar-foreground: oklch(.2 .02 340);--sidebar-primary: oklch(.5 .2 340);--sidebar-primary-foreground: oklch(.985 .01 340);--sidebar-accent: oklch(.95 .02 340);--sidebar-accent-foreground: oklch(.2 .02 340);--sidebar-border: oklch(.92 .02 340);--sidebar-ring: oklch(.7 .1 340)}[data-theme=rose].dark{--background: oklch(.1 .02 340);--foreground: oklch(.95 .01 340);--card: oklch(.15 .02 340);--card-foreground: oklch(.95 .01 340);--popover: oklch(.15 .02 340);--popover-foreground: oklch(.95 .01 340);--primary: oklch(.7 .2 340);--primary-foreground: oklch(.1 .02 340);--secondary: oklch(.25 .02 340);--secondary-foreground: oklch(.95 .01 340);--muted: oklch(.25 .02 340);--muted-foreground: oklch(.7 .02 340);--accent: oklch(.25 .02 340);--accent-foreground: oklch(.95 .01 340);--destructive: #82181a;--destructive-foreground: #fb2c36;--border: oklch(.25 .02 340);--input: oklch(.25 .02 340);--ring: oklch(.55 .1 340);--chart-1: oklch(.488 .243 340);--chart-2: oklch(.696 .17 350);--chart-3: oklch(.769 .188 330);--chart-4: oklch(.627 .265 345);--chart-5: oklch(.645 .246 335);--sidebar: oklch(.2 .02 340);--sidebar-foreground: oklch(.95 .01 340);--sidebar-primary: oklch(.7 .2 340);--sidebar-primary-foreground: oklch(.1 .02 340);--sidebar-accent: oklch(.25 .02 340);--sidebar-accent-foreground: oklch(.95 .01 340);--sidebar-border: oklch(.25 .02 340);--sidebar-ring: oklch(.4 .02 340)}

package/dist/cjs/utils/animations.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),e=require("@dsui/ui/index"),s=require("motion/react"),d=require("../components/Glass/Glass.cjs"),b=(t,n)=>{switch(t){case"bounce":return{className:e.cn("animate-bounce",n)};case"slide-up":return{className:e.cn("animate-slide-in-from-bottom",n)};case"slide-down":return{className:e.cn("animate-slide-in-from-top",n)};case"slide-left":return{className:e.cn("animate-slide-in-from-right",n)};case"slide-right":return{className:e.cn("animate-slide-in-from-left",n)};case"zoom-in":return{className:e.cn("animate-zoom-in",n)};case"zoom-out":return{className:e.cn("animate-zoom-out",n)};case"skewed":return{className:e.cn("animate-skewed-in",n)};case"flip":return{className:e.cn("animate-flip-in",n)};case"shake":return{className:e.cn("animate-shake",n)};case"gradient-outline":return{className:e.cn("gradient-outline",n)};default:return{className:n}}},u=({animation:t,children:n,className:r,rootClassName:a,variantType:f,...c})=>{switch(t){case"heartbeat":return{className:e.cn("animate-heartbeat",r)};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)]",r)};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%)]",r)};case"bounce":return{children:i.jsx(s.motion.button,{whileHover:{scale:1.1},className:e.cn(a,"transition-none",r),transition:{type:"spring",stiffness:400,damping:10},...c,children:n})};case"tap":return{children:i.jsx(s.motion.button,{whileTap:{scale:.85},className:e.cn(a,"transition-none",r),transition:{type:"spring",stiffness:400,damping:10},...c,children:n})};case"glass":{const o=a?.match(/((?:!)?rounded-\S+)/g),l=o?o[o.length-1]:"rounded-md";return{variant:f?"link":void 0,children:i.jsx(d.default,{className:e.cn("hover:scale-110",l),children:i.jsx("span",{className:e.cn(a,"!bg-none !bg-transparent",r),children:n})})}}case"glow":return{className:e.cn(a,"animate-glow",r)};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]",r)};case"link-underline":return{variant:f?"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",r)};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",r)};case"gradient-outline":return{className:e.cn("gradient-outline",r)};case"draw":return{className:e.cn("animate-draw",r)};default:return null}},g=t=>{const n=Math.random()*Math.PI*2,r=30+Math.random()*20;return{initial:{x:"50%",y:"50%",scale:0,opacity:0},animate:{x:`calc(50% + ${Math.cos(n)*r}px)`,y:`calc(50% + ${Math.sin(n)*r}px)`,scale:[0,1,0],opacity:[0,1,0]},transition:{duration:.4,delay:t*.05,ease:s.easeOut}}};exports.animationClass=b;exports.animationEffect=u;exports.particleAnimation=g;
+//# sourceMappingURL=animations.cjs.map

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

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

package/dist/cjs/utils/css.cjs

@@ -0,0 +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;
+//# sourceMappingURL=css.cjs.map

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

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

package/dist/cjs/utils/data-table.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o({column:e,withBorder:i=!1}){const t=e.getIsPinned(),n=t==="left"&&e.getIsLastColumn("left"),r=t==="right"&&e.getIsFirstColumn("right");return{boxShadow:i?n?"-4px 0 4px -4px var(--border) inset":r?"4px 0 4px -4px var(--border) inset":void 0:void 0,left:t==="left"?`${e.getStart("left")}px`:void 0,right:t==="right"?`${e.getAfter("right")}px`:void 0,opacity:t?.97:1,position:t?"sticky":"relative",background:"var(--background)",width:e.getSize(),zIndex:t?1:void 0}}exports.getCommonPinningStyles=o;
+//# sourceMappingURL=data-table.cjs.map

package/dist/cjs/utils/data-table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.cjs","sources":["../../../src/utils/data-table.ts"],"sourcesContent":["import type { Column } from \"@tanstack/react-table\";\nimport { dataTableConfig } from \"@/config/data-table\";\nimport type {\n  ExtendedColumnFilter,\n  FilterOperator,\n  FilterVariant,\n} from \"@/types/data-table\";\n\nexport function getCommonPinningStyles<TData>({\n  column,\n  withBorder = false,\n}: {\n  column: Column<TData>;\n  withBorder?: boolean;\n}): React.CSSProperties {\n  const isPinned = column.getIsPinned();\n  const isLastLeftPinnedColumn =\n    isPinned === \"left\" && column.getIsLastColumn(\"left\");\n  const isFirstRightPinnedColumn =\n    isPinned === \"right\" && column.getIsFirstColumn(\"right\");\n\n  return {\n    boxShadow: withBorder\n      ? isLastLeftPinnedColumn\n        ? \"-4px 0 4px -4px var(--border) inset\"\n        : isFirstRightPinnedColumn\n          ? \"4px 0 4px -4px var(--border) inset\"\n          : undefined\n      : undefined,\n    left: isPinned === \"left\" ? `${column.getStart(\"left\")}px` : undefined,\n    right: isPinned === \"right\" ? `${column.getAfter(\"right\")}px` : undefined,\n    opacity: isPinned ? 0.97 : 1,\n    position: isPinned ? \"sticky\" : \"relative\",\n    background: isPinned ? \"var(--background)\" : \"var(--background)\",\n    width: column.getSize(),\n    zIndex: isPinned ? 1 : undefined,\n  };\n}\n\nexport function getFilterOperators(filterVariant: FilterVariant) {\n  const operatorMap: Record<\n    FilterVariant,\n    { label: string; value: FilterOperator }[]\n  > = {\n    text: dataTableConfig.textOperators,\n    number: dataTableConfig.numericOperators,\n    range: dataTableConfig.numericOperators,\n    date: dataTableConfig.dateOperators,\n    dateRange: dataTableConfig.dateOperators,\n    boolean: dataTableConfig.booleanOperators,\n    select: dataTableConfig.selectOperators,\n    multiSelect: dataTableConfig.multiSelectOperators,\n  };\n\n  return operatorMap[filterVariant] ?? dataTableConfig.textOperators;\n}\n\nexport function getDefaultFilterOperator(filterVariant: FilterVariant) {\n  const operators = getFilterOperators(filterVariant);\n\n  return operators[0]?.value ?? (filterVariant === \"text\" ? \"iLike\" : \"eq\");\n}\n\nexport function getValidFilters<TData>(\n  filters: ExtendedColumnFilter<TData>[],\n): ExtendedColumnFilter<TData>[] {\n  return filters.filter(\n    (filter) =>\n      filter.operator === \"isEmpty\" ||\n      filter.operator === \"isNotEmpty\" ||\n      (Array.isArray(filter.value)\n        ? filter.value.length > 0\n        : filter.value !== \"\" &&\n          filter.value !== null &&\n          filter.value !== undefined),\n  );\n}\n"],"names":["getCommonPinningStyles","column","withBorder","isPinned","isLastLeftPinnedColumn","isFirstRightPinnedColumn"],"mappings":"gFAQO,SAASA,EAA8B,CAC5C,OAAAC,EACA,WAAAC,EAAa,EACf,EAGwB,CACtB,MAAMC,EAAWF,EAAO,YAAA,EAClBG,EACJD,IAAa,QAAUF,EAAO,gBAAgB,MAAM,EAChDI,EACJF,IAAa,SAAWF,EAAO,iBAAiB,OAAO,EAEzD,MAAO,CACL,UAAWC,EACPE,EACE,sCACAC,EACE,qCACA,OACJ,OACJ,KAAMF,IAAa,OAAS,GAAGF,EAAO,SAAS,MAAM,CAAC,KAAO,OAC7D,MAAOE,IAAa,QAAU,GAAGF,EAAO,SAAS,OAAO,CAAC,KAAO,OAChE,QAASE,EAAW,IAAO,EAC3B,SAAUA,EAAW,SAAW,WAChC,WAAuB,oBACvB,MAAOF,EAAO,QAAA,EACd,OAAQE,EAAW,EAAI,MAAA,CAE3B"}

package/dist/cjs/utils/datetime.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(r,e={}){if(!r)return"";try{return new Intl.DateTimeFormat("en-US",{month:e.month??"long",day:e.day??"numeric",year:e.year??"numeric",...e}).format(new Date(r))}catch{return""}}exports.formatDate=t;
+//# sourceMappingURL=datetime.cjs.map

package/dist/cjs/utils/datetime.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime.cjs","sources":["../../../src/utils/datetime.ts"],"sourcesContent":["export function formatDate(\n  date: Date | string | number | undefined,\n  opts: Intl.DateTimeFormatOptions = {},\n) {\n  if (!date) return \"\";\n\n  try {\n    return new Intl.DateTimeFormat(\"en-US\", {\n      month: opts.month ?? \"long\",\n      day: opts.day ?? \"numeric\",\n      year: opts.year ?? \"numeric\",\n      ...opts,\n    }).format(new Date(date));\n  } catch (_err) {\n    return \"\";\n  }\n}\n"],"names":["formatDate","date","opts"],"mappings":"gFAAO,SAASA,EACdC,EACAC,EAAmC,GACnC,CACA,GAAI,CAACD,EAAM,MAAO,GAElB,GAAI,CACF,OAAO,IAAI,KAAK,eAAe,QAAS,CACtC,MAAOC,EAAK,OAAS,OACrB,IAAKA,EAAK,KAAO,UACjB,KAAMA,EAAK,MAAQ,UACnB,GAAGA,CAAA,CACJ,EAAE,OAAO,IAAI,KAAKD,CAAI,CAAC,CAC1B,MAAe,CACb,MAAO,EACT,CACF"}

package/dist/cjs/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/dist/esm/_virtual/_commonjsHelpers.js

@@ -0,0 +1,7 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as getDefaultExportFromCjs
+};
+//# sourceMappingURL=_commonjsHelpers.js.map

package/dist/esm/_virtual/_commonjsHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/_virtual/index.js

@@ -0,0 +1,8 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as t } from "../node_modules/.pnpm/react-viewer@3.2.2/node_modules/react-viewer/dist/index.js";
+var e = t();
+const s = /* @__PURE__ */ r(e);
+export {
+  s as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/_virtual/index2.js

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=index2.js.map

package/dist/esm/_virtual/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,190 @@
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import j from "react";
+import { AccordionContent as i, AccordionTrigger as p, AccordionItem as b, Accordion as c } from "@dsui/ui/components/accordion";
+import { AccordionContent as k, AccordionItem as q, AccordionTrigger as z } from "@dsui/ui/components/accordion";
+import { cn as r } from "@dsui/ui/lib/utils";
+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"
+  },
+  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"
+  }
+}, I = {
+  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"
+  }
+}, f = j.forwardRef(
+  (A, o) => {
+    const {
+      items: g,
+      variant: w = "default",
+      color: n,
+      className: s,
+      itemClassName: m,
+      triggerClassName: u,
+      contentClassName: N,
+      children: l,
+      type: x,
+      ...d
+    } = A, t = I[w], y = n ? v[n].trigger : "", C = n ? v[n].content : "";
+    return l && !g ? x === "multiple" ? /* @__PURE__ */ a(
+      c,
+      {
+        ref: o,
+        type: "multiple",
+        className: r(t.root, s),
+        ...d,
+        children: l
+      }
+    ) : /* @__PURE__ */ a(
+      c,
+      {
+        ref: o,
+        type: "single",
+        className: r(t.root, s),
+        ...d,
+        children: l
+      }
+    ) : x === "multiple" ? /* @__PURE__ */ a(
+      c,
+      {
+        ref: o,
+        type: "multiple",
+        className: r(t.root, s),
+        ...d,
+        children: g?.map((e) => /* @__PURE__ */ h(
+          b,
+          {
+            value: e.value,
+            disabled: e.disabled,
+            className: r(t.item, m, e.className),
+            children: [
+              /* @__PURE__ */ a(
+                p,
+                {
+                  className: r(
+                    t.trigger,
+                    y,
+                    u,
+                    e.triggerClassName
+                  ),
+                  children: e.trigger
+                }
+              ),
+              /* @__PURE__ */ a(
+                i,
+                {
+                  className: r(
+                    t.content,
+                    C,
+                    N,
+                    e.contentClassName
+                  ),
+                  children: e.content
+                }
+              )
+            ]
+          },
+          e.value
+        ))
+      }
+    ) : /* @__PURE__ */ a(
+      c,
+      {
+        ref: o,
+        type: "single",
+        className: r(t.root, s),
+        ...d,
+        children: g?.map((e) => /* @__PURE__ */ h(
+          b,
+          {
+            value: e.value,
+            disabled: e.disabled,
+            className: r(t.item, m, e.className),
+            children: [
+              /* @__PURE__ */ a(
+                p,
+                {
+                  className: r(
+                    t.trigger,
+                    y,
+                    u,
+                    e.triggerClassName
+                  ),
+                  children: e.trigger
+                }
+              ),
+              /* @__PURE__ */ a(
+                i,
+                {
+                  className: r(
+                    t.content,
+                    C,
+                    N,
+                    e.contentClassName
+                  ),
+                  children: e?.content
+                }
+              )
+            ]
+          },
+          e.value
+        ))
+      }
+    );
+  }
+);
+f.displayName = "Accordion";
+const S = Object.assign(f, {
+  Item: b,
+  Trigger: p,
+  Content: i
+});
+export {
+  f as Accordion,
+  k as AccordionContent,
+  q as AccordionItem,
+  z as AccordionTrigger,
+  S as default
+};
+//# sourceMappingURL=Accordion.js.map

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

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

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

@@ -0,0 +1,93 @@
+import { jsxs as b, jsx as c } from "react/jsx-runtime";
+import * as e from "react";
+import { Avatar as h, AvatarImage as p, AvatarFallback as v } from "@dsui/ui/components/avatar";
+import { cn as i } from "@dsui/ui/index";
+import { animationClass as w } from "../../utils/animations.js";
+function M({
+  size: t = "md",
+  variant: a = "circle",
+  animation: n,
+  color: s,
+  className: r,
+  src: u,
+  alt: d,
+  fallback: l,
+  ...m
+}) {
+  const g = e.useMemo(() => w(n, r), [n, r]), f = e.useMemo(() => {
+    switch (t) {
+      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";
+    }
+  }, [t]), x = e.useMemo(() => {
+    switch (a) {
+      case "circle":
+        return "rounded-full";
+      case "square":
+        return "rounded-md";
+      default:
+        return "rounded-full";
+    }
+  }, [a]), o = e.useMemo(() => {
+    switch (s) {
+      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 "";
+    }
+  }, [s]);
+  return /* @__PURE__ */ b(
+    h,
+    {
+      className: i(
+        "relative flex shrink-0 transition-all duration-300",
+        f,
+        x,
+        g?.className,
+        o,
+        r
+      ),
+      ...m,
+      children: [
+        u && /* @__PURE__ */ c(p, { src: u, alt: d, className: "rounded-[inherit]" }),
+        /* @__PURE__ */ c(
+          v,
+          {
+            className: i("rounded-[inherit]", o, r),
+            children: l
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  M as Avatar
+};
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +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,EAAO;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;"}

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

@@ -0,0 +1,35 @@
+import { jsx as i, jsxs as t, Fragment as m } from "react/jsx-runtime";
+import o, { useMemo as d } from "react";
+import { badgeVariants as c, Badge as l } from "@dsui/ui/components/badge";
+import { cn as f } from "@dsui/ui/lib/utils";
+import { LoaderCircle as g } from "lucide-react";
+import { animationEffect as h } from "../../utils/animations.js";
+const p = o.forwardRef((s, n) => {
+  const { animation: r, ...a } = s, e = d(() => h({
+    animation: r,
+    children: a?.children,
+    className: a?.className,
+    rootClassName: c({
+      variant: a?.variant,
+      size: a?.size
+    })
+  }), [r, a]);
+  return /* @__PURE__ */ i(
+    l,
+    {
+      ref: n,
+      ...a,
+      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 && (e?.children ?? a.children)
+      ] })
+    }
+  );
+});
+p.displayName = "Badge";
+export {
+  p as default
+};
+//# sourceMappingURL=Badge.js.map

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

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

package/dist/esm/components/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,102 @@
+import { jsx as r, jsxs as l, Fragment as x } from "react/jsx-runtime";
+import o from "react";
+import { Breadcrumb as j, BreadcrumbList as H, BreadcrumbSeparator as b, BreadcrumbItem as u, BreadcrumbPage as L, BreadcrumbLink as O, BreadcrumbEllipsis as _ } from "@dsui/ui/components/breadcrumb";
+import { cn as F } from "@dsui/ui/lib/utils";
+import { Home as v } from "lucide-react";
+import { Popover as R, PopoverTrigger as U, PopoverContent as A } from "@dsui/ui/components/popover";
+const T = {
+  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"
+}, V = {
+  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"
+}, $ = o.forwardRef(
+  ({
+    className: y,
+    variant: B = "default",
+    color: N = "default",
+    items: k,
+    separator: n,
+    maxItems: i,
+    showEllipsis: w = !0,
+    showHome: h = "label",
+    showPopoverOnEllipsis: C = !1,
+    ...E
+  }, I) => {
+    const [P, z] = o.useState(!1), d = k;
+    let t = [];
+    const a = h === !0 ? "label" : h;
+    a && (a === "label" ? t = [{ label: "Home", href: "/" }] : a === "icon" ? t = [{ icon: /* @__PURE__ */ r(v, { className: "size-4" }), href: "/" }] : a === "both" ? t = [
+      { label: "Home", icon: /* @__PURE__ */ r(v, { className: "size-4" }), href: "/" }
+    ] : typeof a == "object" && !o.isValidElement(a) ? t = [a] : t = [
+      { label: a, href: "/" }
+    ]);
+    let c = [], m = !1, p = [];
+    if (i === 0)
+      c = [...t, ...d];
+    else if (i) {
+      const e = i - t.length, s = e > 0 ? d.slice(-e) : [];
+      c = [...t, ...s], m = e > 0 && d.length > e && w, p = e > 0 ? d.slice(0, -e) : d;
+    } else
+      c = [...t, ...d];
+    const f = () => C ? /* @__PURE__ */ l(R, { open: P, onOpenChange: z, children: [
+      /* @__PURE__ */ r(U, { asChild: !0, children: /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(_, {}) }) }),
+      /* @__PURE__ */ r(A, { className: "w-auto max-w-64 p-2", children: p.map((e, s) => /* @__PURE__ */ l(
+        "div",
+        {
+          className: "flex items-center gap-2 py-1 px-3 rounded hover:bg-muted",
+          children: [
+            e.icon,
+            e.label && /* @__PURE__ */ r("a", { href: e.href, className: "text-sm hover:underline", children: e.label })
+          ]
+        },
+        s
+      )) })
+    ] }) : /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(_, {}) });
+    return /* @__PURE__ */ r(
+      j,
+      {
+        ref: I,
+        className: F(V[B], y),
+        ...E,
+        children: /* @__PURE__ */ l(H, { className: T[N], children: [
+          m && t.length === 0 && /* @__PURE__ */ l(x, { children: [
+            f(),
+            /* @__PURE__ */ r(b, { children: n })
+          ] }),
+          c.map((e, s) => {
+            const g = s === c.length - 1, S = m && s === 0 && t.length > 0;
+            return /* @__PURE__ */ l(o.Fragment, { children: [
+              /* @__PURE__ */ r(u, { children: g ? /* @__PURE__ */ r(L, { children: /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
+                e.icon,
+                e.label
+              ] }) }) : /* @__PURE__ */ r(O, { href: e.href, children: /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
+                e.icon,
+                e.label
+              ] }) }) }),
+              S && /* @__PURE__ */ l(x, { children: [
+                /* @__PURE__ */ r(b, { children: n }),
+                f()
+              ] }),
+              !g && /* @__PURE__ */ r(b, { children: n })
+            ] }, s);
+          })
+        ] })
+      }
+    );
+  }
+);
+$.displayName = "Breadcrumb";
+export {
+  $ as default
+};
+//# sourceMappingURL=Breadcrumb.js.map