@mdigital_ui/ui 0.4.0 → 0.4.1

package/dist/chunk-POXI7JJ4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/variants.ts"],"names":[],"mappings":";;;AAWA,SAAS,2BAAA,CAIP,OAAA,EACA,QAAA,EACA,YAAA,EACA;AACA,EAAA,MAAM,OAAQ,YAAA,IAAgB,OAAA;AAC9B,EAAA,OAAO,CAAC,MAAA,KACN,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,MAAW;AAAA,IACrB,OAAA;AAAA,IACA,KAAA;AAAA,IACA,CAAC,IAAI,GAAG,QAAA,CAAS,KAAuB;AAAA,GAC1C,CAAE,CAAA;AACN;AAMO,IAAM,eAAA,GAAkB;AAAA,EAC7B,SAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF;AAEO,IAAM,YAAA,GAAe;AAAA,EAC1B,SAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF;AAMA,IAAM,qBAAA,GAAwD;AAAA,EAC5D,OAAA,EAAS,sDAAA;AAAA,EACT,OAAA,EAAS,uDAAA;AAAA,EACT,SAAA,EAAW,yDAAA;AAAA,EACX,MAAA,EAAQ,sDAAA;AAAA,EACR,OAAA,EAAS,uDAAA;AAAA,EACT,KAAA,EAAO,qDAAA;AAAA,EACP,OAAA,EAAS,uDAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,0BAAA,GAA6B,2BAAA,CAA4B,SAAA,EAAW,qBAAqB;AAEtG,IAAM,mBAAA,GAAsD;AAAA,EAC1D,OAAA,EAAS,mDAAA;AAAA,EACT,OAAA,EAAS,gDAAA;AAAA,EACT,SAAA,EAAW,oDAAA;AAAA,EACX,MAAA,EAAQ,8CAAA;AAAA,EACR,OAAA,EAAS,gDAAA;AAAA,EACT,KAAA,EAAO,4CAAA;AAAA,EACP,OAAA,EAAS,gDAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,wBAAA,GAA2B,2BAAA,CAA4B,OAAA,EAAS,mBAAmB;AAEhG,IAAM,qBAAA,GAAwD;AAAA,EAC5D,OAAA,EAAS,wCAAA;AAAA,EACT,OAAA,EAAS,wDAAA;AAAA,EACT,SAAA,EAAW,8DAAA;AAAA,EACX,MAAA,EAAQ,qDAAA;AAAA,EACR,OAAA,EAAS,wDAAA;AAAA,EACT,KAAA,EAAO,kDAAA;AAAA,EACP,OAAA,EAAS,wDAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,0BAAA,GAA6B,2BAAA,CAA4B,SAAA,EAAW,qBAAqB;AAEtG,IAAM,kBAAA,GAAqD;AAAA,EACzD,OAAA,EAAS,mDAAA;AAAA,EACT,OAAA,EAAS,4BAAA;AAAA,EACT,SAAA,EAAW,gCAAA;AAAA,EACX,MAAA,EAAQ,0BAAA;AAAA,EACR,OAAA,EAAS,4BAAA;AAAA,EACT,KAAA,EAAO,wBAAA;AAAA,EACP,OAAA,EAAS,4BAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,uBAAA,GAA0B,2BAAA,CAA4B,MAAA,EAAQ,kBAAkB;AAE7F,IAAM,oBAAA,GAAuD;AAAA,EAC3D,OAAA,EAAS,+CAAA;AAAA,EACT,OAAA,EAAS,+DAAA;AAAA,EACT,SAAA,EAAW,qEAAA;AAAA,EACX,MAAA,EAAQ,4DAAA;AAAA,EACR,OAAA,EAAS,+DAAA;AAAA,EACT,KAAA,EAAO,yDAAA;AAAA,EACP,OAAA,EAAS,+DAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,yBAAA,GAA4B,2BAAA,CAA4B,QAAA,EAAU,oBAAoB;AAEnG,IAAM,kBAAA,GAAqD;AAAA,EACzD,OAAA,EAAS,8CAAA;AAAA,EACT,OAAA,EAAS,oCAAA;AAAA,EACT,SAAA,EAAW,wCAAA;AAAA,EACX,MAAA,EAAQ,kCAAA;AAAA,EACR,OAAA,EAAS,oCAAA;AAAA,EACT,KAAA,EAAO,gCAAA;AAAA,EACP,OAAA,EAAS,oCAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,uBAAA,GAA0B,2BAAA,CAA4B,MAAA,EAAQ,kBAAkB;AAE7F,IAAM,mBAAA,GAAsD;AAAA,EAC1D,OAAA,EAAS,oCAAA;AAAA,EACT,OAAA,EAAS,kCAAA;AAAA,EACT,SAAA,EAAW,sCAAA;AAAA,EACX,MAAA,EAAQ,gCAAA;AAAA,EACR,OAAA,EAAS,kCAAA;AAAA,EACT,KAAA,EAAO,8BAAA;AAAA,EACP,OAAA,EAAS,kCAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,wBAAA,GAA2B,2BAAA,CAA4B,OAAA,EAAS,mBAAmB;AAmCzF,SAAS,sBAAA,CACd,QACA,QAAA,EAEO;AACP,EAAA,MAAM,iBAAA,GAAoB;AAAA,IACxB,OAAA,EAAS,0BAAA;AAAA,IACT,KAAA,EAAO,wBAAA;AAAA,IACP,OAAA,EAAS,0BAAA;AAAA,IACT,IAAA,EAAM,uBAAA;AAAA,IACN,MAAA,EAAQ,yBAAA;AAAA,IACR,IAAA,EAAM,uBAAA;AAAA,IACN,KAAA,EAAO;AAAA,GACT;AAGA,EAAA,OAAO,QAAA,CAAS,QAAQ,CAAC,OAAA,KAAY,kBAAkB,OAAO,CAAA,CAAE,MAAM,CAAU,CAAA;AAClF;AAUO,IAAM,gBAAA,GAAmB;AAAA,EAC9B,OAAA,EAAS,mBAAA;AAAA,EACT,OAAA,EAAS,cAAA;AAAA,EACT,SAAA,EAAW,gBAAA;AAAA,EACX,MAAA,EAAQ,aAAA;AAAA,EACR,OAAA,EAAS,cAAA;AAAA,EACT,KAAA,EAAO,YAAA;AAAA,EACP,OAAA,EAAS,cAAA;AAAA,EACT,IAAA,EAAM;AACR;AAMO,IAAM,sBAAA,GAAyB;AAAA,EACpC,OAAA,EAAS,YAAA;AAAA,EACT,OAAA,EAAS,eAAA;AAAA,EACT,SAAA,EAAW,iBAAA;AAAA,EACX,MAAA,EAAQ,cAAA;AAAA,EACR,OAAA,EAAS,eAAA;AAAA,EACT,KAAA,EAAO,aAAA;AAAA,EACP,OAAA,EAAS,eAAA;AAAA,EACT,IAAA,EAAM;AACR;AAMO,IAAM,qBAAA,GAAwB;AAAA,EACnC,OAAA,EAAS,2BAAA;AAAA,EACT,OAAA,EAAS,4BAAA;AAAA,EACT,SAAA,EAAW,8BAAA;AAAA,EACX,MAAA,EAAQ,2BAAA;AAAA,EACR,OAAA,EAAS,4BAAA;AAAA,EACT,KAAA,EAAO,0BAAA;AAAA,EACP,OAAA,EAAS,4BAAA;AAAA,EACT,IAAA,EAAM;AACR;AAMO,IAAM,mBAAA,GAAsB;AAAA,EACjC,OAAA,EAAS,2BAAA;AAAA,EACT,SAAA,EAAW,+BAAA;AAAA,EACX,MAAA,EAAQ,yBAAA;AAAA,EACR,OAAA,EAAS,2BAAA;AAAA,EACT,KAAA,EAAO,uBAAA;AAAA,EACP,OAAA,EAAS,2BAAA;AAAA,EACT,IAAA,EAAM;AACR;AAMO,IAAM,uBAAA,GAA0B;AAAA,EACrC,OAAA,EAAS,mEAAA;AAAA,EACT,SAAA,EAAW,uEAAA;AAAA,EACX,MAAA,EAAQ,iEAAA;AAAA,EACR,OAAA,EAAS,mEAAA;AAAA,EACT,KAAA,EAAO,+DAAA;AAAA,EACP,OAAA,EAAS,mEAAA;AAAA,EACT,IAAA,EAAM;AACR;AAMO,IAAM,0BAAA,GAA6B;AAAA,EACxC,OAAA,EAAS,mEAAA;AAAA,EACT,SAAA,EAAW,uEAAA;AAAA,EACX,MAAA,EAAQ,iEAAA;AAAA,EACR,OAAA,EAAS,mEAAA;AAAA,EACT,KAAA,EAAO,+DAAA;AAAA,EACP,OAAA,EAAS,mEAAA;AAAA,EACT,IAAA,EAAM;AACR;AAMO,IAAM,wBAAA,GAA2B;AAAA,EACtC,OAAA,EAAS,uHAAA;AAAA,EACT,SAAA,EAAW,2HAAA;AAAA,EACX,MAAA,EAAQ,qHAAA;AAAA,EACR,OAAA,EAAS,uHAAA;AAAA,EACT,KAAA,EAAO,mHAAA;AAAA,EACP,OAAA,EAAS,uHAAA;AAAA,EACT,IAAA,EAAM;AACR;AAWO,IAAM,iBAAA,GAAoB,IAAI,EAAA,EAAI;AAAA,EACvC,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,mBAAA;AAAA,MACT,OAAA,EAAS,cAAA;AAAA,MACT,SAAA,EAAW,gBAAA;AAAA,MACX,MAAA,EAAQ,aAAA;AAAA,MACR,OAAA,EAAS,cAAA;AAAA,MACT,KAAA,EAAO,YAAA;AAAA,MACP,OAAA,EAAS,cAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO;AAAA;AAEX,CAAC;AAUD,IAAM,wBAAA,GAA2D;AAAA,EAC/D,OAAA,EAAS,8BAAA;AAAA,EACT,OAAA,EAAS,4BAAA;AAAA,EACT,SAAA,EAAW,8BAAA;AAAA,EACX,MAAA,EAAQ,2BAAA;AAAA,EACR,OAAA,EAAS,4BAAA;AAAA,EACT,KAAA,EAAO,0BAAA;AAAA,EACP,OAAA,EAAS,4BAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEA,IAAM,2BAAA,GAA8D;AAAA,EAClE,OAAA,EAAS,+DAAA;AAAA,EACT,OAAA,EAAS,4DAAA;AAAA,EACT,SAAA,EAAW,kEAAA;AAAA,EACX,MAAA,EAAQ,yDAAA;AAAA,EACR,OAAA,EAAS,4DAAA;AAAA,EACT,KAAA,EAAO,sDAAA;AAAA,EACP,OAAA,EAAS,4DAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEA,IAAM,uBAAA,GAA0D;AAAA,EAC9D,OAAA,EAAS,iDAAA;AAAA,EACT,OAAA,EAAS,6CAAA;AAAA,EACT,SAAA,EAAW,mDAAA;AAAA,EACX,MAAA,EAAQ,0CAAA;AAAA,EACR,OAAA,EAAS,6CAAA;AAAA,EACT,KAAA,EAAO,uCAAA;AAAA,EACP,OAAA,EAAS,6CAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,oCAAA,GAAuC,2BAAA,CAA4B,OAAA,EAAS,wBAAwB;AAE1G,IAAM,sCAAA,GAAyC,2BAAA,CAA4B,SAAA,EAAW,2BAA2B;AAEjH,IAAM,mCAAA,GAAsC,2BAAA,CAA4B,MAAA,EAAQ,uBAAuB;AAiBvG,SAAS,+BAAA,CACd,QACA,QAAA,EAEO;AACP,EAAA,MAAM,iBAAA,GAAoB;AAAA,IACxB,OAAA,EAAS,0BAAA;AAAA,IACT,KAAA,EAAO,oCAAA;AAAA,IACP,OAAA,EAAS,sCAAA;AAAA,IACT,IAAA,EAAM;AAAA,GACR;AAGA,EAAA,OAAO,QAAA,CAAS,QAAQ,CAAC,OAAA,KAAY,kBAAkB,OAAO,CAAA,CAAE,MAAM,CAAU,CAAA;AAClF;AAUO,IAAM,wBAAA,GAA2B;AAAA,EACtC,OAAA,EAAS,iCAAA;AAAA,EACT,OAAA,EAAS,4BAAA;AAAA,EACT,SAAA,EAAW,8BAAA;AAAA,EACX,MAAA,EAAQ,2BAAA;AAAA,EACR,OAAA,EAAS,4BAAA;AAAA,EACT,KAAA,EAAO,0BAAA;AAAA,EACP,OAAA,EAAS,4BAAA;AAAA,EACT,IAAA,EAAM;AACR;AAEA,IAAM,kBAAA,GAAqD;AAAA,EACzD,OAAA,EAAS,4CAAA;AAAA,EACT,OAAA,EAAS,8CAAA;AAAA,EACT,SAAA,EAAW,oDAAA;AAAA,EACX,MAAA,EAAQ,2CAAA;AAAA,EACR,OAAA,EAAS,8CAAA;AAAA,EACT,KAAA,EAAO,wCAAA;AAAA,EACP,OAAA,EAAS,8CAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,8BAAA,GAAiC,2BAAA,CAA4B,MAAA,EAAQ,kBAAA,EAAoB,WAAW;AAMjH,IAAM,eAAA,GAAkD;AAAA,EACtD,OAAA,EAAS,yDAAA;AAAA,EACT,OAAA,EAAS,2CAAA;AAAA,EACT,SAAA,EAAW,+CAAA;AAAA,EACX,MAAA,EAAQ,yCAAA;AAAA,EACR,OAAA,EAAS,2CAAA;AAAA,EACT,KAAA,EAAO,uCAAA;AAAA,EACP,OAAA,EAAS,2CAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEA,IAAM,iBAAA,GAAoD;AAAA,EACxD,OAAA,EAAS,iDAAA;AAAA,EACT,OAAA,EAAS,2CAAA;AAAA,EACT,SAAA,EAAW,+CAAA;AAAA,EACX,MAAA,EAAQ,yCAAA;AAAA,EACR,OAAA,EAAS,2CAAA;AAAA,EACT,KAAA,EAAO,uCAAA;AAAA,EACP,OAAA,EAAS,2CAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEA,IAAM,cAAA,GAAiD;AAAA,EACrD,OAAA,EAAS,8CAAA;AAAA,EACT,OAAA,EAAS,8CAAA;AAAA,EACT,SAAA,EAAW,oDAAA;AAAA,EACX,MAAA,EAAQ,2CAAA;AAAA,EACR,OAAA,EAAS,8CAAA;AAAA,EACT,KAAA,EAAO,wCAAA;AAAA,EACP,OAAA,EAAS,8CAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,2BAAA,GAA8B,2BAAA,CAA4B,OAAA,EAAS,eAAe;AAExF,IAAM,6BAAA,GAAgC,2BAAA,CAA4B,SAAA,EAAW,iBAAiB;AAE9F,IAAM,0BAAA,GAA6B,2BAAA,CAA4B,MAAA,EAAQ,cAAc;AAiBrF,SAAS,sBAAA,CACd,QACA,QAAA,EAEO;AACP,EAAA,MAAM,iBAAA,GAAoB;AAAA,IACxB,KAAA,EAAO,2BAAA;AAAA,IACP,OAAA,EAAS,6BAAA;AAAA,IACT,IAAA,EAAM;AAAA,GACR;AAGA,EAAA,OAAO,QAAA,CAAS,QAAQ,CAAC,OAAA,KAAY,kBAAkB,OAAO,CAAA,CAAE,MAAM,CAAU,CAAA;AAClF;AAMA,IAAM,qBAAA,GAAwD;AAAA,EAC5D,OAAA,EAAS,+CAAA;AAAA,EACT,OAAA,EAAS,gDAAA;AAAA,EACT,SAAA,EAAW,kDAAA;AAAA,EACX,MAAA,EAAQ,+CAAA;AAAA,EACR,OAAA,EAAS,gDAAA;AAAA,EACT,KAAA,EAAO,8CAAA;AAAA,EACP,OAAA,EAAS,gDAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEA,IAAM,mBAAA,GAAsD;AAAA,EAC1D,OAAA,EAAS,4CAAA;AAAA,EACT,OAAA,EAAS,2CAAA;AAAA,EACT,SAAA,EAAW,+CAAA;AAAA,EACX,MAAA,EAAQ,yCAAA;AAAA,EACR,OAAA,EAAS,2CAAA;AAAA,EACT,KAAA,EAAO,uCAAA;AAAA,EACP,OAAA,EAAS,2CAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEA,IAAM,kBAAA,GAAqD;AAAA,EACzD,OAAA,EAAS,gEAAA;AAAA,EACT,OAAA,EAAS,+DAAA;AAAA,EACT,SAAA,EAAW,qEAAA;AAAA,EACX,MAAA,EAAQ,4DAAA;AAAA,EACR,OAAA,EAAS,+DAAA;AAAA,EACT,KAAA,EAAO,yDAAA;AAAA,EACP,OAAA,EAAS,+DAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,iCAAA,GAAoC,2BAAA,CAA4B,SAAA,EAAW,qBAAqB;AAEtG,IAAM,+BAAA,GAAkC,2BAAA,CAA4B,OAAA,EAAS,mBAAmB;AAEhG,IAAM,8BAAA,GAAiC,2BAAA,CAA4B,MAAA,EAAQ,kBAAkB;AAiB7F,SAAS,0BAAA,CACd,QACA,QAAA,EAEO;AACP,EAAA,MAAM,iBAAA,GAAoB;AAAA,IACxB,OAAA,EAAS,iCAAA;AAAA,IACT,KAAA,EAAO,+BAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAGA,EAAA,OAAO,QAAA,CAAS,QAAQ,CAAC,OAAA,KAAY,kBAAkB,OAAO,CAAA,CAAE,MAAM,CAAU,CAAA;AAClF","file":"chunk-POXI7JJ4.js","sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\n\nimport type { ButtonColor, ComponentColor } from './types'\n\n// ============================================================================\n// Color Variant Generators\n// ============================================================================\n\n/**\n * Factory function to create color variant generators\n */\nfunction createColorVariantGenerator<\n  V extends string,\n  P extends 'class' | 'className' = 'class'\n>(\n  variant: V,\n  classMap: Record<ComponentColor, string>,\n  propertyName?: P,\n) {\n  const prop = (propertyName ?? 'class') as P extends undefined ? 'class' : P\n  return (colors: readonly string[]) =>\n    colors.map((color) => ({\n      variant,\n      color: color as ComponentColor | ButtonColor,\n      [prop]: classMap[color as ComponentColor],\n    }))\n}\n\n/**\n * Color palette for component variants\n * Maps to Tailwind CSS v4 theme variables (--color-primary, --color-secondary, etc.)\n */\nexport const componentColors = [\n  'default',\n  'primary',\n  'secondary',\n  'accent',\n  'success',\n  'error',\n  'warning',\n  'info',\n] as const\n\nexport const buttonColors = [\n  'primary',\n  'secondary',\n  'accent',\n  'success',\n  'error',\n  'warning',\n  'info',\n] as const\n\n/**\n * Static class maps for Tailwind JIT compatibility\n * Template literals like `bg-${color}` don't work with Tailwind's JIT compiler\n */\nconst defaultVariantClasses: Record<ComponentColor, string> = {\n  default: 'bg-background border border-border text-text-primary',\n  primary: 'bg-background border border-primary text-text-primary',\n  secondary: 'bg-background border border-secondary text-text-primary',\n  accent: 'bg-background border border-accent text-text-primary',\n  success: 'bg-background border border-success text-text-primary',\n  error: 'bg-background border border-error text-text-primary',\n  warning: 'bg-background border border-warning text-text-primary',\n  info: 'bg-background border border-info text-text-primary',\n}\n\nexport const createDefaultColorVariants = createColorVariantGenerator('default', defaultVariantClasses)\n\nconst solidVariantClasses: Record<ComponentColor, string> = {\n  default: 'bg-surface border border-border text-text-primary',\n  primary: 'bg-primary text-background hover:bg-primary/90',\n  secondary: 'bg-secondary text-background hover:bg-secondary/90',\n  accent: 'bg-accent text-background hover:bg-accent/90',\n  success: 'bg-success text-background hover:bg-success/90',\n  error: 'bg-error text-background hover:bg-error/90',\n  warning: 'bg-warning text-background hover:bg-warning/90',\n  info: 'bg-info text-background hover:bg-info/90',\n}\n\nexport const createSolidColorVariants = createColorVariantGenerator('solid', solidVariantClasses)\n\nconst outlineVariantClasses: Record<ComponentColor, string> = {\n  default: 'border border-border text-text-primary',\n  primary: 'border border-primary text-primary hover:bg-primary/10',\n  secondary: 'border border-secondary text-secondary hover:bg-secondary/10',\n  accent: 'border border-accent text-accent hover:bg-accent/10',\n  success: 'border border-success text-success hover:bg-success/10',\n  error: 'border border-error text-error hover:bg-error/10',\n  warning: 'border border-warning text-warning hover:bg-warning/10',\n  info: 'border border-info text-info hover:bg-info/10',\n}\n\nexport const createOutlineColorVariants = createColorVariantGenerator('outline', outlineVariantClasses)\n\nconst softVariantClasses: Record<ComponentColor, string> = {\n  default: 'bg-surface border border-border text-text-primary',\n  primary: 'bg-primary/10 text-primary',\n  secondary: 'bg-secondary/10 text-secondary',\n  accent: 'bg-accent/10 text-accent',\n  success: 'bg-success/10 text-success',\n  error: 'bg-error/10 text-error',\n  warning: 'bg-warning/10 text-warning',\n  info: 'bg-info/10 text-info',\n}\n\nexport const createSoftColorVariants = createColorVariantGenerator('soft', softVariantClasses)\n\nconst dashedVariantClasses: Record<ComponentColor, string> = {\n  default: 'border-dashed border-border text-text-primary',\n  primary: 'border-dashed border-primary text-primary hover:bg-primary/10',\n  secondary: 'border-dashed border-secondary text-secondary hover:bg-secondary/10',\n  accent: 'border-dashed border-accent text-accent hover:bg-accent/10',\n  success: 'border-dashed border-success text-success hover:bg-success/10',\n  error: 'border-dashed border-error text-error hover:bg-error/10',\n  warning: 'border-dashed border-warning text-warning hover:bg-warning/10',\n  info: 'border-dashed border-info text-info hover:bg-info/10',\n}\n\nexport const createDashedColorVariants = createColorVariantGenerator('dashed', dashedVariantClasses)\n\nconst linkVariantClasses: Record<ComponentColor, string> = {\n  default: 'text-text-primary hover:text-text-primary/80',\n  primary: 'text-primary hover:text-primary/80',\n  secondary: 'text-secondary hover:text-secondary/80',\n  accent: 'text-accent hover:text-accent/80',\n  success: 'text-success hover:text-success/80',\n  error: 'text-error hover:text-error/80',\n  warning: 'text-warning hover:text-warning/80',\n  info: 'text-info hover:text-info/80',\n}\n\nexport const createLinkColorVariants = createColorVariantGenerator('link', linkVariantClasses)\n\nconst ghostVariantClasses: Record<ComponentColor, string> = {\n  default: 'text-text-primary hover:bg-surface',\n  primary: 'text-primary hover:bg-primary/10',\n  secondary: 'text-secondary hover:bg-secondary/10',\n  accent: 'text-accent hover:bg-accent/10',\n  success: 'text-success hover:bg-success/10',\n  error: 'text-error hover:bg-error/10',\n  warning: 'text-warning hover:bg-warning/10',\n  info: 'text-info hover:bg-info/10',\n}\n\nexport const createGhostColorVariants = createColorVariantGenerator('ghost', ghostVariantClasses)\n\n/**\n * Complete color variant generator for components with multiple style variants\n * Combines all color variant generators into a single array\n *\n * @example\n * const buttonVariants = cva(\"base-classes\", {\n *   variants: {\n *     variant: { solid: \"\", outline: \"\", ghost: \"\" },\n *     color: { primary: \"\", secondary: \"\", ... }\n *   },\n *   compoundVariants: createAllColorVariants(buttonColors, ['solid', 'outline', 'ghost'])\n * })\n */\n/**\n * Supported variant types for compound variant generation\n */\nexport type StyleVariantType = 'default' | 'solid' | 'outline' | 'soft' | 'dashed' | 'link' | 'ghost'\n\n/**\n * Complete color variant generator for components with multiple style variants\n * Combines all color variant generators into a single array\n *\n * Returns `any[]` for CVA (class-variance-authority) compatibility:\n * - CVA's CompoundVariant type is extremely complex and deeply nested\n * - Using specific types causes TypeScript inference failures in consuming components\n * - The `any` type allows CVA to properly infer variant combinations\n * - This is the recommended approach per CVA documentation for dynamic variant generation\n *\n * @param colors - Array of color names to generate variants for\n * @param variants - Array of style variant types to generate\n * @returns Array of compound variant objects for CVA\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function createAllColorVariants<V extends StyleVariantType>(\n  colors: readonly string[],\n  variants: V[],\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): any[] {\n  const variantGenerators = {\n    default: createDefaultColorVariants,\n    solid: createSolidColorVariants,\n    outline: createOutlineColorVariants,\n    soft: createSoftColorVariants,\n    dashed: createDashedColorVariants,\n    link: createLinkColorVariants,\n    ghost: createGhostColorVariants,\n  } as const\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return variants.flatMap((variant) => variantGenerators[variant](colors) as any[])\n}\n\n// ============================================================================\n// Shared Color Classes\n// ============================================================================\n\n/**\n * Text color classes for all component colors\n * Used by: Checkbox icons, Spinner, text elements\n */\nexport const textColorClasses = {\n  default: 'text-text-primary',\n  primary: 'text-primary',\n  secondary: 'text-secondary',\n  accent: 'text-accent',\n  success: 'text-success',\n  error: 'text-error',\n  warning: 'text-warning',\n  info: 'text-info',\n} as const\n\n/**\n * Background color classes for skeleton/placeholder (50% opacity)\n * Used by: Skeleton component\n */\nexport const bgSkeletonColorClasses = {\n  default: 'bg-surface',\n  primary: 'bg-primary/50',\n  secondary: 'bg-secondary/50',\n  accent: 'bg-accent/50',\n  success: 'bg-success/50',\n  error: 'bg-error/50',\n  warning: 'bg-warning/50',\n  info: 'bg-info/50',\n} as const\n\n/**\n * Focus ring color classes\n * Used by: Button, Switch, form elements\n */\nexport const focusRingColorClasses = {\n  default: 'focus-visible:ring-border',\n  primary: 'focus-visible:ring-primary',\n  secondary: 'focus-visible:ring-secondary',\n  accent: 'focus-visible:ring-accent',\n  success: 'focus-visible:ring-success',\n  error: 'focus-visible:ring-error',\n  warning: 'focus-visible:ring-warning',\n  info: 'focus-visible:ring-info',\n} as const\n\n/**\n * Combined background + border for checked/selected state\n * Used by: Checkbox, Radio checked states\n */\nexport const checkedColorClasses = {\n  primary: 'bg-primary border-primary',\n  secondary: 'bg-secondary border-secondary',\n  accent: 'bg-accent border-accent',\n  success: 'bg-success border-success',\n  error: 'bg-error border-error',\n  warning: 'bg-warning border-warning',\n  info: 'bg-info border-info',\n} as const\n\n/**\n * Switch track colors (unchecked -> checked)\n * Used by: Switch component\n */\nexport const switchTrackColorClasses = {\n  primary: 'bg-border peer-checked:bg-primary peer-focus-visible:ring-primary',\n  secondary: 'bg-border peer-checked:bg-secondary peer-focus-visible:ring-secondary',\n  accent: 'bg-border peer-checked:bg-accent peer-focus-visible:ring-accent',\n  success: 'bg-border peer-checked:bg-success peer-focus-visible:ring-success',\n  error: 'bg-border peer-checked:bg-error peer-focus-visible:ring-error',\n  warning: 'bg-border peer-checked:bg-warning peer-focus-visible:ring-warning',\n  info: 'bg-border peer-checked:bg-info peer-focus-visible:ring-info',\n} as const\n\n/**\n * Checkbox border colors (default -> checked)\n * Used by: Checkbox component\n */\nexport const checkboxBorderColorClasses = {\n  primary: 'border-border checked:border-primary indeterminate:border-primary',\n  secondary: 'border-border checked:border-secondary indeterminate:border-secondary',\n  accent: 'border-border checked:border-accent indeterminate:border-accent',\n  success: 'border-border checked:border-success indeterminate:border-success',\n  error: 'border-border checked:border-error indeterminate:border-error',\n  warning: 'border-border checked:border-warning indeterminate:border-warning',\n  info: 'border-border checked:border-info indeterminate:border-info',\n} as const\n\n/**\n * Radio button inset shadow colors for checked state\n * Used by: Radio component\n */\nexport const radioCheckedColorClasses = {\n  primary: 'checked:border-primary checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-primary)]',\n  secondary: 'checked:border-secondary checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-secondary)]',\n  accent: 'checked:border-accent checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-accent)]',\n  success: 'checked:border-success checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-success)]',\n  error: 'checked:border-error checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-error)]',\n  warning: 'checked:border-warning checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-warning)]',\n  info: 'checked:border-info checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-info)]',\n} as const\n\n\n// ============================================================================\n// Shared Text Color Variants\n// ============================================================================\n\n/**\n * Text-only color variants (no background)\n * Used by: Breadcrumbs, Text components, Labels\n */\nexport const textColorVariants = cva('', {\n  variants: {\n    color: {\n      default: 'text-text-primary',\n      primary: 'text-primary',\n      secondary: 'text-secondary',\n      accent: 'text-accent',\n      success: 'text-success',\n      error: 'text-error',\n      warning: 'text-warning',\n      info: 'text-info',\n    },\n  },\n  defaultVariants: {\n    color: 'default',\n  },\n})\n\nexport type TextColorVariants = VariantProps<typeof textColorVariants>\n\n\n\n// ============================================================================\n// Notification/Alert Variant Generators\n// ============================================================================\n\nconst notificationSolidClasses: Record<ComponentColor, string> = {\n  default: 'bg-surface text-text-primary',\n  primary: 'bg-primary text-background',\n  secondary: 'bg-secondary text-background',\n  accent: 'bg-accent text-background',\n  success: 'bg-success text-background',\n  error: 'bg-error text-background',\n  warning: 'bg-warning text-background',\n  info: 'bg-info text-background',\n}\n\nconst notificationOutlinedClasses: Record<ComponentColor, string> = {\n  default: 'bg-background border-border border-l-border text-text-primary',\n  primary: 'bg-background border-primary border-l-primary text-primary',\n  secondary: 'bg-background border-secondary border-l-secondary text-secondary',\n  accent: 'bg-background border-accent border-l-accent text-accent',\n  success: 'bg-background border-success border-l-success text-success',\n  error: 'bg-background border-error border-l-error text-error',\n  warning: 'bg-background border-warning border-l-warning text-warning',\n  info: 'bg-background border-info border-l-info text-info',\n}\n\nconst notificationSoftClasses: Record<ComponentColor, string> = {\n  default: 'bg-surface/50 text-text-primary border-l-border',\n  primary: 'bg-primary/10 text-primary border-l-primary',\n  secondary: 'bg-secondary/10 text-secondary border-l-secondary',\n  accent: 'bg-accent/10 text-accent border-l-accent',\n  success: 'bg-success/10 text-success border-l-success',\n  error: 'bg-error/10 text-error border-l-error',\n  warning: 'bg-warning/10 text-warning border-l-warning',\n  info: 'bg-info/10 text-info border-l-info',\n}\n\nexport const createNotificationSolidColorVariants = createColorVariantGenerator('solid', notificationSolidClasses)\n\nexport const createNotificationOutlineColorVariants = createColorVariantGenerator('outline', notificationOutlinedClasses)\n\nexport const createNotificationSoftColorVariants = createColorVariantGenerator('soft', notificationSoftClasses)\n\n/**\n * Notification variant type\n */\nexport type NotificationVariantType = 'default' | 'solid' | 'outline' | 'soft'\n\n/**\n * Complete notification color variant generator\n *\n * Returns `any[]` for CVA (class-variance-authority) compatibility.\n * See createAllColorVariants for detailed explanation.\n *\n * @param colors - Array of color names to generate variants for\n * @param variants - Array of notification variant types to generate\n * @returns Array of compound variant objects for CVA\n */\nexport function createNotificationColorVariants(\n  colors: readonly string[],\n  variants: NotificationVariantType[],\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): any[] {\n  const variantGenerators = {\n    default: createDefaultColorVariants,\n    solid: createNotificationSolidColorVariants,\n    outline: createNotificationOutlineColorVariants,\n    soft: createNotificationSoftColorVariants,\n  } as const\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return variants.flatMap((variant) => variantGenerators[variant](colors) as any[])\n}\n\n// ============================================================================\n// Tooltip Variant Generators\n// ============================================================================\n\n/**\n * Tooltip solid color classes (background with contrasting text)\n * Used by: Tooltip component solid variant\n */\nexport const tooltipSolidColorClasses = {\n  default: 'bg-text-primary text-background',\n  primary: 'bg-primary text-background',\n  secondary: 'bg-secondary text-background',\n  accent: 'bg-accent text-background',\n  success: 'bg-success text-background',\n  error: 'bg-error text-background',\n  warning: 'bg-warning text-background',\n  info: 'bg-info text-background',\n} as const\n\nconst tooltipSoftClasses: Record<ComponentColor, string> = {\n  default: 'bg-surface text-text-primary border-border',\n  primary: 'bg-primary/20 text-primary border-primary/30',\n  secondary: 'bg-secondary/20 text-secondary border-secondary/30',\n  accent: 'bg-accent/20 text-accent border-accent/30',\n  success: 'bg-success/20 text-success border-success/30',\n  error: 'bg-error/20 text-error border-error/30',\n  warning: 'bg-warning/20 text-warning border-warning/30',\n  info: 'bg-info/20 text-info border-info/30',\n}\n\nexport const createTooltipSoftColorVariants = createColorVariantGenerator('soft', tooltipSoftClasses, 'className')\n\n// ============================================================================\n// Kbd Variant Generators\n// ============================================================================\n\nconst kbdSolidClasses: Record<ComponentColor, string> = {\n  default: 'bg-text-secondary border-text-secondary text-background',\n  primary: 'bg-primary border-primary text-background',\n  secondary: 'bg-secondary border-secondary text-background',\n  accent: 'bg-accent border-accent text-background',\n  success: 'bg-success border-success text-background',\n  error: 'bg-error border-error text-background',\n  warning: 'bg-warning border-warning text-background',\n  info: 'bg-info border-info text-background',\n}\n\nconst kbdOutlineClasses: Record<ComponentColor, string> = {\n  default: 'bg-background border-border text-text-secondary',\n  primary: 'bg-background border-primary text-primary',\n  secondary: 'bg-background border-secondary text-secondary',\n  accent: 'bg-background border-accent text-accent',\n  success: 'bg-background border-success text-success',\n  error: 'bg-background border-error text-error',\n  warning: 'bg-background border-warning text-warning',\n  info: 'bg-background border-info text-info',\n}\n\nconst kbdSoftClasses: Record<ComponentColor, string> = {\n  default: 'bg-surface border-border text-text-secondary',\n  primary: 'bg-primary/10 border-primary/20 text-primary',\n  secondary: 'bg-secondary/10 border-secondary/20 text-secondary',\n  accent: 'bg-accent/10 border-accent/20 text-accent',\n  success: 'bg-success/10 border-success/20 text-success',\n  error: 'bg-error/10 border-error/20 text-error',\n  warning: 'bg-warning/10 border-warning/20 text-warning',\n  info: 'bg-info/10 border-info/20 text-info',\n}\n\nexport const createKbdSolidColorVariants = createColorVariantGenerator('solid', kbdSolidClasses)\n\nexport const createKbdOutlineColorVariants = createColorVariantGenerator('outline', kbdOutlineClasses)\n\nexport const createKbdSoftColorVariants = createColorVariantGenerator('soft', kbdSoftClasses)\n\n/**\n * Kbd variant type\n */\nexport type KbdVariantType = 'solid' | 'outline' | 'soft'\n\n/**\n * Complete Kbd color variant generator\n *\n * Returns `any[]` for CVA (class-variance-authority) compatibility.\n * See createAllColorVariants for detailed explanation.\n *\n * @param colors - Array of color names to generate variants for\n * @param variants - Array of kbd variant types to generate\n * @returns Array of compound variant objects for CVA\n */\nexport function createKbdColorVariants(\n  colors: readonly string[],\n  variants: KbdVariantType[],\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): any[] {\n  const variantGenerators = {\n    solid: createKbdSolidColorVariants,\n    outline: createKbdOutlineColorVariants,\n    soft: createKbdSoftColorVariants,\n  } as const\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return variants.flatMap((variant) => variantGenerators[variant](colors) as any[])\n}\n\n// ============================================================================\n// Popover Variant Generators\n// ============================================================================\n\nconst popoverDefaultClasses: Record<ComponentColor, string> = {\n  default: 'bg-background border-border text-text-primary',\n  primary: 'bg-background border-primary text-text-primary',\n  secondary: 'bg-background border-secondary text-text-primary',\n  accent: 'bg-background border-accent text-text-primary',\n  success: 'bg-background border-success text-text-primary',\n  error: 'bg-background border-error text-text-primary',\n  warning: 'bg-background border-warning text-text-primary',\n  info: 'bg-background border-info text-text-primary',\n}\n\nconst popoverSolidClasses: Record<ComponentColor, string> = {\n  default: 'bg-surface border-border text-text-primary',\n  primary: 'bg-primary border-primary text-background',\n  secondary: 'bg-secondary border-secondary text-background',\n  accent: 'bg-accent border-accent text-background',\n  success: 'bg-success border-success text-background',\n  error: 'bg-error border-error text-background',\n  warning: 'bg-warning border-warning text-background',\n  info: 'bg-info border-info text-background',\n}\n\nconst popoverSoftClasses: Record<ComponentColor, string> = {\n  default: 'backdrop-blur-sm bg-surface/80 border-border text-text-primary',\n  primary: 'backdrop-blur-sm bg-primary/10 border-primary/30 text-primary',\n  secondary: 'backdrop-blur-sm bg-secondary/10 border-secondary/30 text-secondary',\n  accent: 'backdrop-blur-sm bg-accent/10 border-accent/30 text-accent',\n  success: 'backdrop-blur-sm bg-success/10 border-success/30 text-success',\n  error: 'backdrop-blur-sm bg-error/10 border-error/30 text-error',\n  warning: 'backdrop-blur-sm bg-warning/10 border-warning/30 text-warning',\n  info: 'backdrop-blur-sm bg-info/10 border-info/30 text-info',\n}\n\nexport const createPopoverDefaultColorVariants = createColorVariantGenerator('default', popoverDefaultClasses)\n\nexport const createPopoverSolidColorVariants = createColorVariantGenerator('solid', popoverSolidClasses)\n\nexport const createPopoverSoftColorVariants = createColorVariantGenerator('soft', popoverSoftClasses)\n\n/**\n * Popover variant type\n */\nexport type PopoverVariantType = 'default' | 'solid' | 'soft'\n\n/**\n * Complete Popover color variant generator\n *\n * Returns `any[]` for CVA (class-variance-authority) compatibility.\n * See createAllColorVariants for detailed explanation.\n *\n * @param colors - Array of color names to generate variants for\n * @param variants - Array of popover variant types to generate\n * @returns Array of compound variant objects for CVA\n */\nexport function createPopoverColorVariants(\n  colors: readonly string[],\n  variants: PopoverVariantType[],\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): any[] {\n  const variantGenerators = {\n    default: createPopoverDefaultColorVariants,\n    solid: createPopoverSolidColorVariants,\n    soft: createPopoverSoftColorVariants,\n  } as const\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return variants.flatMap((variant) => variantGenerators[variant](colors) as any[])\n}\n\n// ============================================================================\n// Export Usage Note\n// ============================================================================\n\n/**\n * To use these utilities in your components:\n *\n * @example Button component\n * import { createAllColorVariants, buttonColors } from \"../variants\";\n * compoundVariants: createAllColorVariants(buttonColors, ['solid', 'outline', 'dashed', 'link', 'ghost'])\n *\n * @example Badge component\n * import { createAllColorVariants, componentColors } from \"../variants\";\n * compoundVariants: createAllColorVariants(componentColors, ['solid', 'outline', 'soft'])\n *\n * @example Notification component\n * import { createNotificationColorVariants, componentColors } from \"../variants\";\n * compoundVariants: createNotificationColorVariants(componentColors, ['default', 'solid', 'outline', 'soft'])\n *\n * @example Tooltip component\n * import { tooltipSolidColorClasses, createTooltipSoftColorVariants, componentColors } from \"../variants\";\n * color: tooltipSolidColorClasses,\n * compoundVariants: createTooltipSoftColorVariants(componentColors)\n *\n * @example Kbd component\n * import { createKbdColorVariants, componentColors } from \"../variants\";\n * compoundVariants: createKbdColorVariants(componentColors, ['solid', 'outline', 'soft'])\n *\n * @example Popover component\n * import { createPopoverColorVariants, componentColors } from \"../variants\";\n * compoundVariants: createPopoverColorVariants(componentColors, ['default', 'solid', 'soft'])\n */\n"]}

package/dist/chunk-R3TLU26W.js

@@ -0,0 +1,110 @@
+import { radioCheckedColorClasses } from './chunk-POXI7JJ4.js';
+import { cn } from './chunk-NGYLRX6F.js';
+import { cva } from 'class-variance-authority';
+import React, { useId } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var radioVariants = cva(
+  "appearance-none rounded-full border-border border bg-background cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed outline-none transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary",
+  {
+    variants: {
+      color: radioCheckedColorClasses,
+      size: {
+        xs: "w-(--checkbox-size-xs) h-(--checkbox-size-xs)",
+        sm: "w-(--checkbox-size-sm) h-(--checkbox-size-sm)",
+        md: "w-(--checkbox-size-md) h-(--checkbox-size-md)",
+        lg: "w-(--checkbox-size-lg) h-(--checkbox-size-lg)"
+      },
+      error: {
+        true: "border-error checked:border-error",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      color: "primary",
+      size: "md"
+    }
+  }
+);
+var Radio = React.memo(
+  ({
+    color = "primary",
+    size = "md",
+    label,
+    helperText,
+    error,
+    className,
+    ref,
+    classNames,
+    ...props
+  }) => {
+    const uniqueId = useId();
+    const radioId = props.id || `radio-${uniqueId}`;
+    const helperId = `radio-helper-${uniqueId}`;
+    const hasHelperText = !!(helperText || error);
+    const radioElement = /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref,
+        type: "radio",
+        className: cn(
+          "radio_radio",
+          radioVariants({ color, size, error: !!error }),
+          className,
+          classNames?.radio
+        ),
+        "aria-invalid": !!error || void 0,
+        "aria-describedby": hasHelperText ? helperId : void 0,
+        ...props,
+        id: radioId
+      }
+    );
+    return /* @__PURE__ */ jsxs("div", { className: cn("radio_root", "w-full", classNames?.root), children: [
+      /* @__PURE__ */ jsxs(
+        "label",
+        {
+          htmlFor: radioId,
+          className: cn(
+            "flex items-center gap-2",
+            !props.disabled && "cursor-pointer"
+          ),
+          children: [
+            radioElement,
+            label && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "radio_label",
+                  "text-sm text-text-secondary select-none",
+                  error && "text-error",
+                  props.disabled && "opacity-50",
+                  classNames?.label
+                ),
+                children: label
+              }
+            )
+          ]
+        }
+      ),
+      (helperText || error) && /* @__PURE__ */ jsx(
+        "p",
+        {
+          id: helperId,
+          className: cn(
+            "radio_description",
+            "mt-1 ml-0 text-xs",
+            error ? "text-error" : "text-text-secondary",
+            classNames?.description
+          ),
+          children: typeof error === "string" ? error : helperText
+        }
+      )
+    ] });
+  }
+);
+Radio.displayName = "Radio";
+var radio_default = Radio;
+
+export { radio_default };
+//# sourceMappingURL=chunk-R3TLU26W.js.map
+//# sourceMappingURL=chunk-R3TLU26W.js.map

package/dist/chunk-R3TLU26W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/radio/index.tsx"],"names":[],"mappings":"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","file":"chunk-R3TLU26W.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport React, { useId } from \"react\";\n\nimport { cn } from \"../utils\";\nimport { radioCheckedColorClasses } from \"../variants\";\nimport type { RadioProps } from \"./types\";\n\nconst radioVariants = cva(\n  \"appearance-none rounded-full border-border border bg-background cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed outline-none transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary\",\n  {\n    variants: {\n      color: radioCheckedColorClasses,\n      size: {\n        xs: \"w-(--checkbox-size-xs) h-(--checkbox-size-xs)\",\n        sm: \"w-(--checkbox-size-sm) h-(--checkbox-size-sm)\",\n        md: \"w-(--checkbox-size-md) h-(--checkbox-size-md)\",\n        lg: \"w-(--checkbox-size-lg) h-(--checkbox-size-lg)\",\n      },\n      error: {\n        true: \"border-error checked:border-error\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      color: \"primary\",\n      size: \"md\",\n    },\n  },\n);\n\nconst Radio = React.memo<RadioProps>(\n  ({\n    color = \"primary\",\n    size = \"md\",\n    label,\n    helperText,\n    error,\n    className,\n    ref,\n    classNames,\n    ...props\n  }) => {\n    // Generate unique ID for accessibility\n    const uniqueId = useId();\n    const radioId = props.id || `radio-${uniqueId}`;\n    const helperId = `radio-helper-${uniqueId}`;\n    const hasHelperText = !!(helperText || error);\n\n    const radioElement = (\n      <input\n        ref={ref}\n        type=\"radio\"\n        className={cn(\n          \"radio_radio\",\n          radioVariants({ color, size, error: !!error }),\n          className,\n          classNames?.radio,\n        )}\n        aria-invalid={!!error || undefined}\n        aria-describedby={hasHelperText ? helperId : undefined}\n        {...props}\n        id={radioId}\n      />\n    );\n\n    return (\n      <div className={cn(\"radio_root\", \"w-full\", classNames?.root)}>\n        <label\n          htmlFor={radioId}\n          className={cn(\n            \"flex items-center gap-2\",\n            !props.disabled && \"cursor-pointer\",\n          )}\n        >\n          {radioElement}\n          {label && (\n            <span\n              className={cn(\n                \"radio_label\",\n                \"text-sm text-text-secondary select-none\",\n                error && \"text-error\",\n                props.disabled && \"opacity-50\",\n                classNames?.label,\n              )}\n            >\n              {label}\n            </span>\n          )}\n        </label>\n        {(helperText || error) && (\n          <p\n            id={helperId}\n            className={cn(\n              \"radio_description\",\n              \"mt-1 ml-0 text-xs\",\n              error ? \"text-error\" : \"text-text-secondary\",\n              classNames?.description,\n            )}\n          >\n            {typeof error === \"string\" ? error : helperText}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nRadio.displayName = \"Radio\";\n\nexport type * from \"./types\";\nexport default Radio;\n"]}

package/dist/chunk-RFHTC6AH.js

@@ -0,0 +1,250 @@
+import { Spinner } from './chunk-Y4XAXZHB.js';
+import { useRipple, RippleContainer } from './chunk-OFUPJH35.js';
+import { createAllColorVariants, buttonColors } from './chunk-POXI7JJ4.js';
+import { cn } from './chunk-NGYLRX6F.js';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import React from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var buttonVariants = cva(
+  [
+    "inline-flex cursor-pointer text-center font-medium items-center justify-center",
+    // 60fps: only animate opacity (GPU-composited, no paint/layout)
+    "transition-[opacity] duration-200 ease-[cubic-bezier(0.34,1.56,0.64,1)]",
+    "disabled:opacity-50 disabled:pointer-events-none",
+    // Focus ring for accessibility
+    "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+    // Accessibility: respect prefers-reduced-motion
+    "motion-reduce:transition-none"
+  ],
+  {
+    variants: {
+      variant: {
+        solid: "border",
+        outline: "border bg-transparent",
+        soft: "border-none",
+        dashed: "border border-dashed bg-transparent",
+        link: "border-none bg-transparent hover:underline",
+        ghost: "border-none bg-transparent"
+      },
+      color: {
+        primary: "border-primary focus-visible:ring-primary",
+        secondary: "border-secondary focus-visible:ring-secondary",
+        accent: "border-accent focus-visible:ring-accent",
+        success: "border-success focus-visible:ring-success",
+        error: "border-error focus-visible:ring-error",
+        warning: "border-warning focus-visible:ring-warning",
+        info: "border-info focus-visible:ring-info"
+      },
+      size: {
+        xs: "h-(--button-height-xs) px-(--button-padding-x-xs) text-xs gap-1.5",
+        sm: "h-(--button-height-sm) px-(--button-padding-x-sm) text-sm gap-2",
+        md: "h-(--button-height-md) px-(--button-padding-x-md) text-base gap-2",
+        lg: "h-(--button-height-lg) px-(--button-padding-x-lg) text-lg gap-2.5"
+      },
+      shape: {
+        rounded: "rounded-md",
+        pill: "rounded-full",
+        square: "rounded-none"
+      },
+      fullWidth: {
+        true: "w-full",
+        false: ""
+      },
+      iconOnly: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      // Icon-only buttons: square aspect ratio
+      { iconOnly: true, size: "xs", class: "w-(--button-height-xs) px-0" },
+      { iconOnly: true, size: "sm", class: "w-(--button-height-sm) px-0" },
+      { iconOnly: true, size: "md", class: "w-(--button-height-md) px-0" },
+      { iconOnly: true, size: "lg", class: "w-(--button-height-lg) px-0" },
+      // Color variants
+      ...createAllColorVariants(buttonColors, [
+        "solid",
+        "outline",
+        "soft",
+        "dashed",
+        "link",
+        "ghost"
+      ])
+    ],
+    defaultVariants: {
+      variant: "solid",
+      color: "primary",
+      size: "md",
+      shape: "rounded",
+      fullWidth: false,
+      iconOnly: false
+    }
+  }
+);
+var spinnerSizeMap = {
+  xs: "xs",
+  sm: "xs",
+  md: "sm",
+  lg: "md"
+};
+function getSpinnerColor(variant, color) {
+  if (variant === "solid") {
+    return "default";
+  }
+  return color;
+}
+var Button = React.memo(
+  ({
+    variant = "solid",
+    color = "primary",
+    size = "md",
+    shape = "rounded",
+    loading = false,
+    loadingText,
+    loadingPosition = "left",
+    icon,
+    iconPlacement = "left",
+    leftIcon: leftIconProp,
+    rightIcon: rightIconProp,
+    fullWidth = false,
+    iconOnly = false,
+    asChild = false,
+    pressed,
+    ripple = false,
+    className,
+    classNames,
+    children,
+    disabled,
+    onClick,
+    ref,
+    ...props
+  }) => {
+    const isDisabled = disabled || loading;
+    const spinnerSize = spinnerSizeMap[size];
+    const spinnerColor = getSpinnerColor(variant, color);
+    const {
+      ripples,
+      onPointerDown: ripplePointerDown,
+      onKeyDown: rippleKeyDown,
+      onAnimationEnd: rippleAnimationEnd
+    } = useRipple(ripple && !isDisabled);
+    if (import.meta.env?.DEV && iconOnly && !props["aria-label"] && !props["aria-labelledby"]) {
+      console.warn("Button: icon-only buttons should have an aria-label or aria-labelledby prop for accessibility.");
+    }
+    const leftIcon = leftIconProp ?? (iconPlacement === "left" ? icon : void 0);
+    const rightIcon = rightIconProp ?? (iconPlacement === "right" ? icon : void 0);
+    const showLeftIcon = !loading && leftIcon;
+    const showRightIcon = !loading && rightIcon;
+    const showSpinnerLeft = loading && loadingPosition === "left";
+    const showSpinnerRight = loading && loadingPosition === "right";
+    const content = loading && loadingText ? loadingText : children;
+    const iconOnlyLoading = iconOnly && loading;
+    const buttonClassName = cn(
+      "button_root",
+      buttonVariants({ color, size, variant, shape, fullWidth, iconOnly }),
+      // Pressed toggle visual
+      pressed && "data-[pressed=true]:ring-2 data-[pressed=true]:ring-current/30",
+      // Ripple needs relative + overflow-hidden
+      ripple && "relative overflow-hidden",
+      classNames?.root,
+      className
+    );
+    const sharedProps = {
+      className: buttonClassName,
+      disabled: asChild ? void 0 : isDisabled,
+      "aria-busy": loading || void 0,
+      "aria-disabled": isDisabled || void 0,
+      "aria-pressed": pressed,
+      "data-pressed": pressed != null ? String(pressed) : void 0,
+      "data-slot": "root",
+      onClick,
+      onPointerDown: ripplePointerDown,
+      onKeyDown: rippleKeyDown,
+      ...props
+    };
+    const innerContent = iconOnlyLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn("button_spinner inline-flex items-center", classNames?.spinner),
+          "data-slot": "spinner",
+          children: /* @__PURE__ */ jsx(Spinner, { size: spinnerSize, color: spinnerColor })
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading" })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      showSpinnerLeft && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn("button_spinner inline-flex items-center", classNames?.spinner),
+          "data-slot": "spinner",
+          children: /* @__PURE__ */ jsx(Spinner, { size: spinnerSize, color: spinnerColor })
+        }
+      ),
+      showLeftIcon && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn("button_icon shrink-0", classNames?.icon, classNames?.leftIcon),
+          "data-slot": "icon",
+          children: leftIcon
+        }
+      ),
+      content,
+      showRightIcon && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn("button_icon shrink-0", classNames?.icon, classNames?.rightIcon),
+          "data-slot": "icon",
+          children: rightIcon
+        }
+      ),
+      showSpinnerRight && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn("button_spinner inline-flex items-center", classNames?.spinner),
+          "data-slot": "spinner",
+          children: /* @__PURE__ */ jsx(Spinner, { size: spinnerSize, color: spinnerColor })
+        }
+      ),
+      loading && /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading" })
+    ] });
+    const rippleElements = /* @__PURE__ */ jsx(
+      RippleContainer,
+      {
+        ripples,
+        className: classNames?.ripple,
+        onAnimationEnd: rippleAnimationEnd
+      }
+    );
+    if (asChild) {
+      return /* @__PURE__ */ jsx(Slot, { ref, ...sharedProps, children: React.isValidElement(children) ? React.cloneElement(
+        children,
+        {},
+        /* @__PURE__ */ jsxs(Fragment, { children: [
+          children.props.children,
+          rippleElements
+        ] })
+      ) : children });
+    }
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: props.type ?? "button",
+        ...sharedProps,
+        children: [
+          innerContent,
+          rippleElements
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var button_default = Button;
+
+export { buttonVariants, button_default };
+//# sourceMappingURL=chunk-RFHTC6AH.js.map
+//# sourceMappingURL=chunk-RFHTC6AH.js.map

package/dist/chunk-RFHTC6AH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button/index.tsx"],"names":[],"mappings":"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","file":"chunk-RFHTC6AH.js","sourcesContent":["'use client'\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport { Spinner } from \"../spinner\";\nimport { cn } from \"../utils\";\nimport { buttonColors, createAllColorVariants } from \"../variants\";\nimport type { ButtonProps, ButtonColor } from \"./types\";\nimport { useRipple, RippleContainer } from \"../hooks/useRipple\";\n\n// ============================================================================\n// CVA Variants — 60fps GPU-composited animations\n// ============================================================================\n\nconst buttonVariants = cva(\n  [\n    \"inline-flex cursor-pointer text-center font-medium items-center justify-center\",\n    // 60fps: only animate opacity (GPU-composited, no paint/layout)\n    \"transition-[opacity] duration-200 ease-[cubic-bezier(0.34,1.56,0.64,1)]\",\n    \"disabled:opacity-50 disabled:pointer-events-none\",\n    // Focus ring for accessibility\n    \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n    // Accessibility: respect prefers-reduced-motion\n    \"motion-reduce:transition-none\",\n  ],\n  {\n    variants: {\n      variant: {\n        solid: \"border\",\n        outline: \"border bg-transparent\",\n        soft: \"border-none\",\n        dashed: \"border border-dashed bg-transparent\",\n        link: \"border-none bg-transparent hover:underline\",\n        ghost: \"border-none bg-transparent\",\n      },\n      color: {\n        primary: \"border-primary focus-visible:ring-primary\",\n        secondary: \"border-secondary focus-visible:ring-secondary\",\n        accent: \"border-accent focus-visible:ring-accent\",\n        success: \"border-success focus-visible:ring-success\",\n        error: \"border-error focus-visible:ring-error\",\n        warning: \"border-warning focus-visible:ring-warning\",\n        info: \"border-info focus-visible:ring-info\",\n      },\n      size: {\n        xs: \"h-(--button-height-xs) px-(--button-padding-x-xs) text-xs gap-1.5\",\n        sm: \"h-(--button-height-sm) px-(--button-padding-x-sm) text-sm gap-2\",\n        md: \"h-(--button-height-md) px-(--button-padding-x-md) text-base gap-2\",\n        lg: \"h-(--button-height-lg) px-(--button-padding-x-lg) text-lg gap-2.5\",\n      },\n      shape: {\n        rounded: \"rounded-md\",\n        pill: \"rounded-full\",\n        square: \"rounded-none\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      iconOnly: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      // Icon-only buttons: square aspect ratio\n      { iconOnly: true, size: \"xs\", class: \"w-(--button-height-xs) px-0\" },\n      { iconOnly: true, size: \"sm\", class: \"w-(--button-height-sm) px-0\" },\n      { iconOnly: true, size: \"md\", class: \"w-(--button-height-md) px-0\" },\n      { iconOnly: true, size: \"lg\", class: \"w-(--button-height-lg) px-0\" },\n      // Color variants\n      ...createAllColorVariants(buttonColors, [\n        \"solid\",\n        \"outline\",\n        \"soft\",\n        \"dashed\",\n        \"link\",\n        \"ghost\",\n      ]),\n    ],\n    defaultVariants: {\n      variant: \"solid\",\n      color: \"primary\",\n      size: \"md\",\n      shape: \"rounded\",\n      fullWidth: false,\n      iconOnly: false,\n    },\n  },\n);\n\n// Map button size to spinner size\nconst spinnerSizeMap: Record<\n  NonNullable<ButtonProps[\"size\"]>,\n  \"xs\" | \"sm\" | \"md\" | \"lg\"\n> = {\n  xs: \"xs\",\n  sm: \"xs\",\n  md: \"sm\",\n  lg: \"md\",\n};\n\n// Get spinner color based on button variant\nfunction getSpinnerColor(\n  variant: ButtonProps[\"variant\"],\n  color: ButtonColor,\n): ButtonColor | \"default\" {\n  if (variant === \"solid\") {\n    return \"default\";\n  }\n  return color;\n}\n\n// ============================================================================\n// Button Component\n// ============================================================================\n\nconst Button = React.memo<ButtonProps>(\n  ({\n    variant = \"solid\",\n    color = \"primary\",\n    size = \"md\",\n    shape = \"rounded\",\n    loading = false,\n    loadingText,\n    loadingPosition = \"left\",\n    icon,\n    iconPlacement = \"left\",\n    leftIcon: leftIconProp,\n    rightIcon: rightIconProp,\n    fullWidth = false,\n    iconOnly = false,\n    asChild = false,\n    pressed,\n    ripple = false,\n    className,\n    classNames,\n    children,\n    disabled,\n    onClick,\n    ref,\n    ...props\n  }) => {\n    const isDisabled = disabled || loading;\n    const spinnerSize = spinnerSizeMap[size];\n    const spinnerColor = getSpinnerColor(variant, color);\n\n    // Ripple effect — GPU-composited (transform + opacity only)\n    const {\n      ripples,\n      onPointerDown: ripplePointerDown,\n      onKeyDown: rippleKeyDown,\n      onAnimationEnd: rippleAnimationEnd,\n    } = useRipple(ripple && !isDisabled);\n\n    // Dev warning for icon-only buttons without aria-label\n    if (import.meta.env?.DEV && iconOnly && !props['aria-label'] && !props['aria-labelledby']) {\n      console.warn('Button: icon-only buttons should have an aria-label or aria-labelledby prop for accessibility.')\n    }\n\n    // Resolve icons: leftIcon/rightIcon take precedence over icon+iconPlacement\n    const leftIcon = leftIconProp ?? (iconPlacement === \"left\" ? icon : undefined);\n    const rightIcon = rightIconProp ?? (iconPlacement === \"right\" ? icon : undefined);\n\n    // Determine what to render\n    const showLeftIcon = !loading && leftIcon;\n    const showRightIcon = !loading && rightIcon;\n    const showSpinnerLeft = loading && loadingPosition === \"left\";\n    const showSpinnerRight = loading && loadingPosition === \"right\";\n\n    // Content: loadingText when loading, otherwise children\n    const content = loading && loadingText ? loadingText : children;\n\n    // For icon-only buttons with loading, just show spinner\n    const iconOnlyLoading = iconOnly && loading;\n\n    const buttonClassName = cn(\n      \"button_root\",\n      buttonVariants({ color, size, variant, shape, fullWidth, iconOnly }),\n      // Pressed toggle visual\n      pressed && \"data-[pressed=true]:ring-2 data-[pressed=true]:ring-current/30\",\n      // Ripple needs relative + overflow-hidden\n      ripple && \"relative overflow-hidden\",\n      classNames?.root,\n      className,\n    );\n\n    // Shared props for both button and Slot\n    const sharedProps = {\n      className: buttonClassName,\n      disabled: asChild ? undefined : isDisabled,\n      \"aria-busy\": loading || undefined,\n      \"aria-disabled\": isDisabled || undefined,\n      \"aria-pressed\": pressed,\n      \"data-pressed\": pressed != null ? String(pressed) : undefined,\n      \"data-slot\": \"root\",\n      onClick,\n      onPointerDown: ripplePointerDown,\n      onKeyDown: rippleKeyDown,\n      ...props,\n    };\n\n    const innerContent = iconOnlyLoading ? (\n      <>\n        <span\n          className={cn(\"button_spinner inline-flex items-center\", classNames?.spinner)}\n          data-slot=\"spinner\"\n        >\n          <Spinner size={spinnerSize} color={spinnerColor} />\n        </span>\n        <span className=\"sr-only\">Loading</span>\n      </>\n    ) : (\n      <>\n        {showSpinnerLeft && (\n          <span\n            className={cn(\"button_spinner inline-flex items-center\", classNames?.spinner)}\n            data-slot=\"spinner\"\n          >\n            <Spinner size={spinnerSize} color={spinnerColor} />\n          </span>\n        )}\n        {showLeftIcon && (\n          <span\n            className={cn(\"button_icon shrink-0\", classNames?.icon, classNames?.leftIcon)}\n            data-slot=\"icon\"\n          >\n            {leftIcon}\n          </span>\n        )}\n        {content}\n        {showRightIcon && (\n          <span\n            className={cn(\"button_icon shrink-0\", classNames?.icon, classNames?.rightIcon)}\n            data-slot=\"icon\"\n          >\n            {rightIcon}\n          </span>\n        )}\n        {showSpinnerRight && (\n          <span\n            className={cn(\"button_spinner inline-flex items-center\", classNames?.spinner)}\n            data-slot=\"spinner\"\n          >\n            <Spinner size={spinnerSize} color={spinnerColor} />\n          </span>\n        )}\n        {loading && <span className=\"sr-only\">Loading</span>}\n      </>\n    );\n\n    const rippleElements = (\n      <RippleContainer\n        ripples={ripples}\n        className={classNames?.ripple}\n        onAnimationEnd={rippleAnimationEnd}\n      />\n    );\n\n    if (asChild) {\n      return (\n        <Slot ref={ref} {...sharedProps}>\n          {React.isValidElement(children)\n            ? React.cloneElement(\n                children as React.ReactElement<{ children?: React.ReactNode }>,\n                {},\n                <>\n                  {(children as React.ReactElement<{ children?: React.ReactNode }>).props.children}\n                  {rippleElements}\n                </>,\n              )\n            : children}\n        </Slot>\n      );\n    }\n\n    return (\n      <button\n        ref={ref}\n        type={props.type ?? \"button\"}\n        {...sharedProps}\n      >\n        {innerContent}\n        {rippleElements}\n      </button>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n\nexport { buttonVariants };\nexport type * from \"./types\";\nexport default Button;\n"]}

package/dist/chunk-ROA7BYGB.js

@@ -0,0 +1,123 @@
+import { cn } from './chunk-NGYLRX6F.js';
+import { cva } from 'class-variance-authority';
+import React, { memo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var inputGroupVariants = cva(
+  "relative flex items-center w-full bg-background border border-border rounded-md transition-colors focus-within:border-primary",
+  {
+    variants: {
+      size: {
+        xs: "h-(--input-height-xs)",
+        sm: "h-(--input-height-sm)",
+        md: "h-(--input-height-md)",
+        lg: "h-(--input-height-lg)"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var inputGroupInputVariants = cva(
+  "flex-1 w-full h-full bg-transparent outline-none text-text-primary placeholder:text-text-secondary/50 disabled:opacity-50 disabled:cursor-not-allowed read-only:cursor-default",
+  {
+    variants: {
+      size: {
+        xs: "px-(--input-padding-x-xs) text-xs",
+        sm: "px-(--input-padding-x-sm) text-sm",
+        md: "px-(--input-padding-x-md) text-base",
+        lg: "px-(--input-padding-x-lg) text-lg"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var inputGroupAddonVariants = cva(
+  "flex items-center gap-2 text-text-secondary shrink-0",
+  {
+    variants: {
+      size: {
+        xs: "last:pr-2 pl-2 text-xs",
+        sm: "last:pr-2.5 pl-2.5 text-sm",
+        md: "last:pr-3 pl-3 text-base",
+        lg: "last:pr-4 pl-4 text-lg"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var InputGroup = memo(
+  ({ children, size = "md", className, classNames }) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "inputGroup_root",
+        className: cn(
+          "inputGroup_root",
+          inputGroupVariants({ size }),
+          classNames?.root,
+          className
+        ),
+        children: React.Children.map(children, (child) => {
+          if (React.isValidElement(child)) {
+            const displayName = child.type?.displayName;
+            if (displayName === "InputGroupInput" || displayName === "InputGroupAddon") {
+              return React.cloneElement(
+                child,
+                { size, classNames }
+              );
+            }
+          }
+          return child;
+        })
+      }
+    );
+  }
+);
+InputGroup.displayName = "InputGroup";
+var InputGroupInput = memo(
+  ({ className, size = "md", classNames, ...props }) => {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        "data-slot": "inputGroup_input",
+        className: cn(
+          "inputGroup_input",
+          inputGroupInputVariants({ size }),
+          classNames?.input,
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+InputGroupInput.displayName = "InputGroupInput";
+var InputGroupAddon = memo(
+  ({ children, size = "md", className, classNames }) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "inputGroup_addon",
+        className: cn(
+          "inputGroup_addon",
+          inputGroupAddonVariants({ size }),
+          classNames?.addon,
+          className
+        ),
+        children
+      }
+    );
+  }
+);
+InputGroupAddon.displayName = "InputGroupAddon";
+var input_group_default = InputGroup;
+
+export { InputGroupAddon, InputGroupInput, input_group_default };
+//# sourceMappingURL=chunk-ROA7BYGB.js.map
+//# sourceMappingURL=chunk-ROA7BYGB.js.map

package/dist/chunk-ROA7BYGB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input-group/index.tsx"],"names":[],"mappings":"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","file":"chunk-ROA7BYGB.js","sourcesContent":["import { cva } from \"class-variance-authority\";\nimport React, { memo } from \"react\";\n\nimport { cn } from \"../utils\";\nimport type {\n  InputGroupAddonProps,\n  InputGroupClassNames,\n  InputGroupInputProps,\n  InputGroupProps,\n  InputGroupSize,\n} from \"./types\";\n\nconst inputGroupVariants = cva(\n  \"relative flex items-center w-full bg-background border border-border rounded-md transition-colors focus-within:border-primary\",\n  {\n    variants: {\n      size: {\n        xs: \"h-(--input-height-xs)\",\n        sm: \"h-(--input-height-sm)\",\n        md: \"h-(--input-height-md)\",\n        lg: \"h-(--input-height-lg)\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nconst inputGroupInputVariants = cva(\n  \"flex-1 w-full h-full bg-transparent outline-none text-text-primary placeholder:text-text-secondary/50 disabled:opacity-50 disabled:cursor-not-allowed read-only:cursor-default\",\n  {\n    variants: {\n      size: {\n        xs: \"px-(--input-padding-x-xs) text-xs\",\n        sm: \"px-(--input-padding-x-sm) text-sm\",\n        md: \"px-(--input-padding-x-md) text-base\",\n        lg: \"px-(--input-padding-x-lg) text-lg\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nconst inputGroupAddonVariants = cva(\n  \"flex items-center gap-2 text-text-secondary shrink-0\",\n  {\n    variants: {\n      size: {\n        xs: \"last:pr-2 pl-2 text-xs\",\n        sm: \"last:pr-2.5 pl-2.5 text-sm\",\n        md: \"last:pr-3 pl-3 text-base\",\n        lg: \"last:pr-4 pl-4 text-lg\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nconst InputGroup = memo<InputGroupProps>(\n  ({ children, size = \"md\", className, classNames }) => {\n    return (\n      <div\n        data-slot=\"inputGroup_root\"\n        className={cn(\n          \"inputGroup_root\",\n          inputGroupVariants({ size }),\n          classNames?.root,\n          className,\n        )}\n      >\n        {React.Children.map(children, (child) => {\n          if (React.isValidElement(child)) {\n            const displayName = (child.type as { displayName?: string })\n              ?.displayName;\n            if (\n              displayName === \"InputGroupInput\" ||\n              displayName === \"InputGroupAddon\"\n            ) {\n              return React.cloneElement(\n                child as React.ReactElement<{\n                  size?: InputGroupSize;\n                  classNames?: InputGroupClassNames;\n                }>,\n                { size, classNames },\n              );\n            }\n          }\n          return child;\n        })}\n      </div>\n    );\n  },\n);\n\nInputGroup.displayName = \"InputGroup\";\n\nexport const InputGroupInput = memo<InputGroupInputProps>(\n  ({ className, size = \"md\", classNames, ...props }) => {\n    return (\n      <input\n        data-slot=\"inputGroup_input\"\n        className={cn(\n          \"inputGroup_input\",\n          inputGroupInputVariants({ size }),\n          classNames?.input,\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nInputGroupInput.displayName = \"InputGroupInput\";\n\nexport const InputGroupAddon = memo<InputGroupAddonProps>(\n  ({ children, size = \"md\", className, classNames }) => {\n    return (\n      <div\n        data-slot=\"inputGroup_addon\"\n        className={cn(\n          \"inputGroup_addon\",\n          inputGroupAddonVariants({ size }),\n          classNames?.addon,\n          className,\n        )}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nInputGroupAddon.displayName = \"InputGroupAddon\";\n\nexport type { InputGroupClassNames } from \"./types\";\nexport type * from \"./types\";\nexport default InputGroup;\n"]}