@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/cjs/browser/modules/progress/progress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"progress/progress.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/progress/progress.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Check, X } from 'lucide-react';\nimport type { HTMLAttributes, ReactNode } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\n\nexport interface ProgressSegment {\n  key?: string;\n  percent: number;\n  color?: string;\n}\nexport interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  percent?: number;\n  type?: 'line' | 'circle';\n  status?: 'normal' | 'success' | 'error';\n  showInfo?: boolean;\n  format?: (percent: number) => ReactNode;\n  strokeWidth?: number;\n  color?: string;\n  size?: number;\n  indeterminate?: boolean;\n  /** Animate a soft shimmer within the completed part of an unfinished line. */\n  active?: boolean;\n  trailColor?: string;\n  segments?: readonly ProgressSegment[];\n  steps?: number;\n  dashboard?: boolean;\n  successPercent?: number;\n}\nexport function Progress({\n  percent = 0,\n  type = 'line',\n  status = 'normal',\n  showInfo = true,\n  format,\n  strokeWidth,\n  color,\n  size = 100,\n  indeterminate = false,\n  active = true,\n  trailColor,\n  segments,\n  steps,\n  dashboard = false,\n  successPercent,\n  className,\n  style,\n  'aria-label': label,\n  ...props\n}: ProgressProps) {\n  const { messages } = useLeafConfig();\n  const value = Math.max(0, Math.min(100, Number.isFinite(percent) ? percent : 0));\n  const state = !indeterminate && status === 'normal' && value === 100 ? 'success' : status;\n  const width = Math.max(1, Math.min(20, strokeWidth ?? (type === 'circle' ? 6 : 8)));\n  const content = format ? (\n    format(value)\n  ) : state === 'success' ? (\n    <Check aria-hidden=\"true\" />\n  ) : state === 'error' ? (\n    <X aria-hidden=\"true\" />\n  ) : (\n    `${value}%`\n  );\n  const radius = 50 - width / 2;\n  const circumference = 2 * Math.PI * radius;\n  const sweep = dashboard ? circumference * 0.75 : circumference;\n  const stepCount =\n    steps && Number.isFinite(steps) ? Math.max(1, Math.min(1000, Math.trunc(steps))) : 0;\n  let remaining = 100;\n  const sections = segments?.map((segment) => {\n    const percent = Math.max(\n      0,\n      Math.min(remaining, Number.isFinite(segment.percent) ? segment.percent : 0),\n    );\n    remaining -= percent;\n    return { ...segment, percent };\n  });\n  const filled = sections?.length\n    ? sections.reduce((total, section) => total + section.percent, 0)\n    : value;\n  return (\n    <div\n      {...props}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={indeterminate ? undefined : value}\n      aria-label={label ?? messages.progress}\n      aria-valuetext={indeterminate ? messages.loading : `${value}%`}\n      data-status={state}\n      data-indeterminate={indeterminate || undefined}\n      data-active={\n        (active &&\n          type === 'line' &&\n          !stepCount &&\n          !indeterminate &&\n          state === 'normal' &&\n          filled > 0 &&\n          filled < 100) ||\n        undefined\n      }\n      className={classes(\n        'leaf-progress',\n        `leaf-progress--${type}`,\n        dashboard && 'leaf-progress--dashboard',\n        Boolean(steps) && 'leaf-progress--steps',\n        className,\n      )}\n      style={{\n        ...(color ? { '--leaf-progress-color': color } : {}),\n        ...(trailColor ? { '--leaf-progress-trail': trailColor } : {}),\n        ...(type === 'circle' ? { width: size, height: size } : {}),\n        ...style,\n      }}\n    >\n      {type === 'line' ? (\n        <div\n          className=\"leaf-progress__track\"\n          style={{ height: width, display: segments?.length ? 'flex' : undefined }}\n        >\n          {stepCount ? (\n            Array.from({ length: stepCount }, (_, index) => index).map((index) => (\n              <span\n                key={`step-${index}`}\n                className=\"leaf-progress__step\"\n                data-filled={(index / stepCount) * 100 < value || undefined}\n                style={\n                  segments?.[index]\n                    ? ({ '--leaf-progress-color': segments[index]?.color } as React.CSSProperties)\n                    : undefined\n                }\n              />\n            ))\n          ) : segments?.length ? (\n            sections?.map((segment, index) => (\n              <div\n                key={segment.key ?? `segment-${index}`}\n                className=\"leaf-progress__fill\"\n                style={{ width: `${segment.percent}%`, background: segment.color }}\n              />\n            ))\n          ) : (\n            <div className=\"leaf-progress__fill\" style={{ width: `${value}%` }} />\n          )}\n        </div>\n      ) : (\n        <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n          <circle\n            className=\"leaf-progress__trail\"\n            cx=\"50\"\n            cy=\"50\"\n            r={radius}\n            strokeWidth={width}\n            strokeDasharray={dashboard ? `${sweep} ${circumference}` : undefined}\n            transform={dashboard ? 'rotate(135 50 50)' : undefined}\n          />\n          <circle\n            className=\"leaf-progress__arc\"\n            cx=\"50\"\n            cy=\"50\"\n            r={radius}\n            strokeWidth={width}\n            strokeDasharray={\n              indeterminate\n                ? `${circumference * 0.25} ${circumference}`\n                : `${(sweep * value) / 100} ${circumference}`\n            }\n            strokeDashoffset={0}\n            transform={dashboard ? 'rotate(135 50 50)' : 'rotate(-90 50 50)'}\n          />\n          {successPercent !== undefined && (\n            <circle\n              className=\"leaf-progress__arc leaf-progress__arc--success\"\n              cx=\"50\"\n              cy=\"50\"\n              r={radius}\n              strokeWidth={width}\n              strokeDasharray={`${(sweep * Math.max(0, Math.min(value, successPercent))) / 100} ${circumference}`}\n              transform={dashboard ? 'rotate(135 50 50)' : 'rotate(-90 50 50)'}\n            />\n          )}\n        </svg>\n      )}\n      {showInfo && !indeterminate && <span className=\"leaf-progress__info\">{content}</span>}\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Progress","percent","type","status","showInfo","format","strokeWidth","color","size","indeterminate","active","trailColor","segments","steps","dashboard","successPercent","className","style","label","props","messages","useLeafConfig","value","Math","Number","state","width","content","Check","X","radius","circumference","sweep","stepCount","remaining","sections","segment","filled","total","section","undefined","classes","Boolean","Array","_","index"],"mappings":"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"}
+{"version":3,"file":"progress/progress.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/progress/progress.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Check, X } from 'lucide-react';\nimport type { HTMLAttributes, ReactNode } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\n\nexport interface ProgressSegment {\n  key?: string;\n  percent: number;\n  color?: string;\n}\nexport interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  percent?: number;\n  type?: 'line' | 'circle';\n  status?: 'normal' | 'success' | 'error';\n  showInfo?: boolean;\n  format?: (percent: number) => ReactNode;\n  strokeWidth?: number;\n  color?: string;\n  size?: number;\n  indeterminate?: boolean;\n  /** Animate a soft shimmer within the completed part of an unfinished line. */\n  active?: boolean;\n  trailColor?: string;\n  segments?: readonly ProgressSegment[];\n  steps?: number;\n  dashboard?: boolean;\n  successPercent?: number;\n}\nexport function Progress(rawProps: ProgressProps) {\n  const {\n    percent = 0,\n    type = 'line',\n    status = 'normal',\n    showInfo = true,\n    format,\n    strokeWidth,\n    color,\n    size = 100,\n    indeterminate = false,\n    active = true,\n    trailColor,\n    segments,\n    steps,\n    dashboard = false,\n    successPercent,\n    className,\n    style,\n    'aria-label': label,\n    ...props\n  } = useComponentProps('Progress', rawProps);\n  const { messages } = useLeafConfig();\n  const value = Math.max(0, Math.min(100, Number.isFinite(percent) ? percent : 0));\n  const state = !indeterminate && status === 'normal' && value === 100 ? 'success' : status;\n  const width = Math.max(1, Math.min(20, strokeWidth ?? (type === 'circle' ? 6 : 8)));\n  const content = format ? (\n    format(value)\n  ) : state === 'success' ? (\n    <Check aria-hidden=\"true\" />\n  ) : state === 'error' ? (\n    <X aria-hidden=\"true\" />\n  ) : (\n    `${value}%`\n  );\n  const radius = 50 - width / 2;\n  const circumference = 2 * Math.PI * radius;\n  const sweep = dashboard ? circumference * 0.75 : circumference;\n  const stepCount =\n    steps && Number.isFinite(steps) ? Math.max(1, Math.min(1000, Math.trunc(steps))) : 0;\n  let remaining = 100;\n  const sections = segments?.map((segment) => {\n    const percent = Math.max(\n      0,\n      Math.min(remaining, Number.isFinite(segment.percent) ? segment.percent : 0),\n    );\n    remaining -= percent;\n    return { ...segment, percent };\n  });\n  const filled = sections?.length\n    ? sections.reduce((total, section) => total + section.percent, 0)\n    : value;\n  return (\n    <div\n      {...props}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={indeterminate ? undefined : value}\n      aria-label={label ?? messages.progress.label}\n      aria-valuetext={indeterminate ? messages.common.loading : `${value}%`}\n      data-status={state}\n      data-indeterminate={indeterminate || undefined}\n      data-active={\n        (active &&\n          type === 'line' &&\n          !stepCount &&\n          !indeterminate &&\n          state === 'normal' &&\n          filled > 0 &&\n          filled < 100) ||\n        undefined\n      }\n      className={classes(\n        'leaf-progress',\n        `leaf-progress--${type}`,\n        dashboard && 'leaf-progress--dashboard',\n        Boolean(steps) && 'leaf-progress--steps',\n        className,\n      )}\n      style={{\n        ...(color ? { '--leaf-progress-color': color } : {}),\n        ...(trailColor ? { '--leaf-progress-trail': trailColor } : {}),\n        ...(type === 'circle' ? { width: size, height: size } : {}),\n        ...style,\n      }}\n    >\n      {type === 'line' ? (\n        <div\n          className=\"leaf-progress__track\"\n          style={{ height: width, display: segments?.length ? 'flex' : undefined }}\n        >\n          {stepCount ? (\n            Array.from({ length: stepCount }, (_, index) => index).map((index) => (\n              <span\n                key={`step-${index}`}\n                className=\"leaf-progress__step\"\n                data-filled={(index / stepCount) * 100 < value || undefined}\n                style={\n                  segments?.[index]\n                    ? ({ '--leaf-progress-color': segments[index]?.color } as React.CSSProperties)\n                    : undefined\n                }\n              />\n            ))\n          ) : segments?.length ? (\n            sections?.map((segment, index) => (\n              <div\n                key={segment.key ?? `segment-${index}`}\n                className=\"leaf-progress__fill\"\n                style={{ width: `${segment.percent}%`, background: segment.color }}\n              />\n            ))\n          ) : (\n            <div className=\"leaf-progress__fill\" style={{ width: `${value}%` }} />\n          )}\n        </div>\n      ) : (\n        <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n          <circle\n            className=\"leaf-progress__trail\"\n            cx=\"50\"\n            cy=\"50\"\n            r={radius}\n            strokeWidth={width}\n            strokeDasharray={dashboard ? `${sweep} ${circumference}` : undefined}\n            transform={dashboard ? 'rotate(135 50 50)' : undefined}\n          />\n          <circle\n            className=\"leaf-progress__arc\"\n            cx=\"50\"\n            cy=\"50\"\n            r={radius}\n            strokeWidth={width}\n            strokeDasharray={\n              indeterminate\n                ? `${circumference * 0.25} ${circumference}`\n                : `${(sweep * value) / 100} ${circumference}`\n            }\n            strokeDashoffset={0}\n            transform={dashboard ? 'rotate(135 50 50)' : 'rotate(-90 50 50)'}\n          />\n          {successPercent !== undefined && (\n            <circle\n              className=\"leaf-progress__arc leaf-progress__arc--success\"\n              cx=\"50\"\n              cy=\"50\"\n              r={radius}\n              strokeWidth={width}\n              strokeDasharray={`${(sweep * Math.max(0, Math.min(value, successPercent))) / 100} ${circumference}`}\n              transform={dashboard ? 'rotate(135 50 50)' : 'rotate(-90 50 50)'}\n            />\n          )}\n        </svg>\n      )}\n      {showInfo && !indeterminate && <span className=\"leaf-progress__info\">{content}</span>}\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Progress","rawProps","percent","type","status","showInfo","format","strokeWidth","color","size","indeterminate","active","trailColor","segments","steps","dashboard","successPercent","className","style","label","props","useComponentProps","messages","useLeafConfig","value","Math","Number","state","width","content","Check","X","radius","circumference","sweep","stepCount","remaining","sections","segment","filled","total","section","undefined","classes","Boolean","Array","_","index"],"mappings":";;;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;ACuBO,SAASI,SAASC,QAAuB;IAC9C,MAAM,EACJC,UAAU,CAAC,EACXC,OAAO,MAAM,EACbC,SAAS,QAAQ,EACjBC,WAAW,IAAI,EACfC,MAAM,EACNC,WAAW,EACXC,KAAK,EACLC,OAAO,GAAG,EACVC,gBAAgB,KAAK,EACrBC,SAAS,IAAI,EACbC,UAAU,EACVC,QAAQ,EACRC,KAAK,EACLC,YAAY,KAAK,EACjBC,cAAc,EACdC,SAAS,EACTC,KAAK,EACL,cAAcC,KAAK,EACnB,GAAGC,OACJ,GAAGC,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,YAAYpB;IAClC,MAAM,EAAEqB,QAAQ,EAAE,GAAGC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACrB,MAAMC,QAAQC,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,KAAKC,OAAO,QAAQ,CAACxB,WAAWA,UAAU;IAC7E,MAAMyB,QAAQ,AAACjB,iBAAiBN,AAAW,aAAXA,UAAuBoB,AAAU,QAAVA,QAA4BpB,SAAZ;IACvE,MAAMwB,QAAQH,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,IAAIlB,eAAgBJ,CAAAA,AAAS,aAATA,OAAoB,IAAI;IAC/E,MAAM0B,UAAUvB,SACdA,OAAOkB,SACLG,AAAU,cAAVA,QACF,AADwB,WAAZ,GACZ,qCAACG,sCAAAA,KAAKA,EAAAA;QAAC,eAAY;SACjBH,AAAU,YAAVA,QACF,AADsB,WAAV,GACZ,qCAACI,sCAAAA,CAACA,EAAAA;QAAC,eAAY;SAEf,GAAGP,MAAM,CAAC,CAAC;IAEb,MAAMQ,SAAS,KAAKJ,QAAQ;IAC5B,MAAMK,gBAAgB,IAAIR,KAAK,EAAE,GAAGO;IACpC,MAAME,QAAQnB,YAAYkB,AAAgB,OAAhBA,gBAAuBA;IACjD,MAAME,YACJrB,SAASY,OAAO,QAAQ,CAACZ,SAASW,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,MAAMA,KAAK,KAAK,CAACX,WAAW;IACrF,IAAIsB,YAAY;IAChB,MAAMC,WAAWxB,UAAU,IAAI,CAACyB;QAC9B,MAAMpC,UAAUuB,KAAK,GAAG,CACtB,GACAA,KAAK,GAAG,CAACW,WAAWV,OAAO,QAAQ,CAACY,QAAQ,OAAO,IAAIA,QAAQ,OAAO,GAAG;QAE3EF,aAAalC;QACb,OAAO;YAAE,GAAGoC,OAAO;YAAEpC;QAAQ;IAC/B;IACA,MAAMqC,SAASF,UAAU,SACrBA,SAAS,MAAM,CAAC,CAACG,OAAOC,UAAYD,QAAQC,QAAQ,OAAO,EAAE,KAC7DjB;IACJ,OACE,AADK,WAAP,GACE,sCAAC;QACE,GAAGJ,KAAK;QACT,MAAK;QACL,iBAAe;QACf,iBAAe;QACf,iBAAeV,gBAAgBgC,SAAYlB;QAC3C,cAAYL,SAASG,SAAS,QAAQ,CAAC,KAAK;QAC5C,kBAAgBZ,gBAAgBY,SAAS,MAAM,CAAC,OAAO,GAAG,GAAGE,MAAM,CAAC,CAAC;QACrE,eAAaG;QACb,sBAAoBjB,iBAAiBgC;QACrC,eACG/B,UACCR,AAAS,WAATA,QACA,CAACgC,aACD,CAACzB,iBACDiB,AAAU,aAAVA,SACAY,SAAS,KACTA,SAAS,OACXG;QAEF,WAAWC,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EACT,iBACA,CAAC,eAAe,EAAExC,MAAM,EACxBY,aAAa,4BACb6B,QAAQ9B,UAAU,wBAClBG;QAEF,OAAO;YACL,GAAIT,QAAQ;gBAAE,yBAAyBA;YAAM,IAAI,CAAC,CAAC;YACnD,GAAII,aAAa;gBAAE,yBAAyBA;YAAW,IAAI,CAAC,CAAC;YAC7D,GAAIT,AAAS,aAATA,OAAoB;gBAAE,OAAOM;gBAAM,QAAQA;YAAK,IAAI,CAAC,CAAC;YAC1D,GAAGS,KAAK;QACV;;YAEU,WAATf,OACC,AADiB,WAAT,GACR,qCAAC;gBACC,WAAU;gBACV,OAAO;oBAAE,QAAQyB;oBAAO,SAASf,UAAU,SAAS,SAAS6B;gBAAU;0BAEtEP,YACCU,MAAM,IAAI,CAAC;oBAAE,QAAQV;gBAAU,GAAG,CAACW,GAAGC,QAAUA,OAAO,GAAG,CAAC,CAACA,QAC1D,AAD0DA,WAAAA,GAC1D,qCAAC;wBAEC,WAAU;wBACV,eAAcA,QAAQZ,YAAa,MAAMX,SAASkB;wBAClD,OACE7B,UAAU,CAACkC,MAAM,GACZ;4BAAE,yBAAyBlC,QAAQ,CAACkC,MAAM,EAAE;wBAAM,IACnDL;uBAND,CAAC,KAAK,EAAEK,OAAO,KAUtBlC,UAAU,SACZwB,UAAU,IAAI,CAACC,SAASS,QACtB,AADsBA,WAAAA,GACtB,qCAAC;wBAEC,WAAU;wBACV,OAAO;4BAAE,OAAO,GAAGT,QAAQ,OAAO,CAAC,CAAC,CAAC;4BAAE,YAAYA,QAAQ,KAAK;wBAAC;uBAF5DA,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAES,OAAO,KAM1C,AAN0C,cAM1C,qCAAC;oBAAI,WAAU;oBAAsB,OAAO;wBAAE,OAAO,GAAGvB,MAAM,CAAC,CAAC;oBAAC;;iBAIrE,oDAAC;gBAAI,SAAQ;gBAAc,eAAY;;kCACrC,qCAAC;wBACC,WAAU;wBACV,IAAG;wBACH,IAAG;wBACH,GAAGQ;wBACH,aAAaJ;wBACb,iBAAiBb,YAAY,GAAGmB,MAAM,CAAC,EAAED,eAAe,GAAGS;wBAC3D,WAAW3B,YAAY,sBAAsB2B;;kCAE/C,qCAAC;wBACC,WAAU;wBACV,IAAG;wBACH,IAAG;wBACH,GAAGV;wBACH,aAAaJ;wBACb,iBACElB,gBACI,GAAGuB,AAAgB,OAAhBA,cAAqB,CAAC,EAAEA,eAAe,GAC1C,GAAIC,QAAQV,QAAS,IAAI,CAAC,EAAES,eAAe;wBAEjD,kBAAkB;wBAClB,WAAWlB,YAAY,sBAAsB;;oBAE3B2B,WAAnB1B,kBACC,AAD+B,WAAb0B,GAClB,qCAAC;wBACC,WAAU;wBACV,IAAG;wBACH,IAAG;wBACH,GAAGV;wBACH,aAAaJ;wBACb,iBAAiB,GAAIM,QAAQT,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAACD,OAAOR,mBAAoB,IAAI,CAAC,EAAEiB,eAAe;wBACnG,WAAWlB,YAAY,sBAAsB;;;;YAKpDV,YAAY,CAACK,iBAAiB,WAAjBA,GAAiB,qCAAC;gBAAK,WAAU;0BAAuBmB;;;;AAG5E"}

package/dist/cjs/browser/modules/qrcode/qrcode.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/qrcode.css');
 var __webpack_require__ = {};
 (()=>{
@@ -36,11 +37,13 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_qrcode_react_namespaceObject = require("qrcode.react");
 const external_react_namespaceObject = require("react");
-const index_cjs_namespaceObject = require("../button/index.cjs");
-const external_loading_index_cjs_namespaceObject = require("../loading/index.cjs");
+const button_cjs_namespaceObject = require("../button/button.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const loading_cjs_namespaceObject = require("../loading/loading.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
-function QRCode({ value, size = 160, color = 'var(--leaf-color-text)', backgroundColor = 'var(--leaf-color-surface)', level = 'M', logo, logoSize = 32, status = 'active', onRefresh, downloadable = false, fileName = 'qrcode.svg', className, ...props }) {
+function QRCode(rawProps) {
+    const { value, size = 160, color = 'var(--leaf-color-text)', backgroundColor = 'var(--leaf-color-surface)', level = 'M', logo, logoSize = 32, status = 'active', onRefresh, downloadable = false, fileName = 'qrcode.svg', className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('QRCode', rawProps);
     const t = (0, use_text_cjs_namespaceObject.useText)();
     const root = (0, external_react_namespaceObject.useRef)(null);
     const download = ()=>{
@@ -81,7 +84,7 @@ function QRCode({ value, size = 160, color = 'var(--leaf-color-text)', backgroun
                         marginSize: 2,
                         fgColor: color,
                         bgColor: backgroundColor,
-                        title: props['aria-label'] ?? t('二维码', 'QR code'),
+                        title: props['aria-label'] ?? t('qrCode.qrCode'),
                         imageSettings: logo ? {
                             src: logo,
                             width: logoSize,
@@ -91,21 +94,21 @@ function QRCode({ value, size = 160, color = 'var(--leaf-color-text)', backgroun
                     }),
                     'active' !== status && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                         className: "leaf-qr-code__overlay",
-                        children: 'loading' === status ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_loading_index_cjs_namespaceObject.Loading, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+                        children: 'loading' === status ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(loading_cjs_namespaceObject.LoadingControl, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
                             variant: "outline",
                             startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.RefreshCw, {}),
                             onClick: onRefresh,
-                            children: t('刷新二维码', 'Refresh code')
+                            children: t('qrCode.refreshCode')
                         })
                     })
                 ]
             }),
-            downloadable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+            downloadable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
                 size: "sm",
                 variant: "ghost",
                 startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Download, {}),
                 onClick: download,
-                children: t('下载', 'Download')
+                children: t('common.download')
             })
         ]
     });

package/dist/cjs/browser/modules/qrcode/qrcode.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"qrcode/qrcode.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/qrcode/qrcode.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Download, RefreshCw } from 'lucide-react';\nimport { QRCodeSVG } from 'qrcode.react';\nimport { type HTMLAttributes, useRef } from 'react';\nimport { Button } from '../button';\nimport { Loading } from '../loading';\nimport { classes } from '../shared/classes';\nimport { useText } from '../shared/use-text';\nexport interface QRCodeProps extends HTMLAttributes<HTMLDivElement> {\n  value: string;\n  size?: number;\n  color?: string;\n  backgroundColor?: string;\n  level?: 'L' | 'M' | 'Q' | 'H';\n  logo?: string;\n  logoSize?: number;\n  status?: 'active' | 'loading' | 'expired';\n  onRefresh?: () => void;\n  downloadable?: boolean;\n  fileName?: string;\n}\nexport function QRCode({\n  value,\n  size = 160,\n  color = 'var(--leaf-color-text)',\n  backgroundColor = 'var(--leaf-color-surface)',\n  level = 'M',\n  logo,\n  logoSize = 32,\n  status = 'active',\n  onRefresh,\n  downloadable = false,\n  fileName = 'qrcode.svg',\n  className,\n  ...props\n}: QRCodeProps) {\n  const t = useText();\n  const root = useRef<HTMLDivElement>(null);\n  const download = () => {\n    const svg = root.current?.querySelector('svg');\n    if (!svg) return;\n    const clone = svg.cloneNode(true) as SVGSVGElement;\n    const original = Array.from(svg.querySelectorAll('[fill]'));\n    clone.querySelectorAll('[fill]').forEach((element, index) => {\n      element.setAttribute('fill', getComputedStyle(original[index] ?? svg).fill);\n    });\n    const address = URL.createObjectURL(\n      new Blob([new XMLSerializer().serializeToString(clone)], { type: 'image/svg+xml' }),\n    );\n    const anchor = document.createElement('a');\n    anchor.href = address;\n    anchor.download = fileName;\n    anchor.click();\n    setTimeout(() => URL.revokeObjectURL(address), 1000);\n  };\n  return (\n    <div {...props} ref={root} className={classes('leaf-qr-code', className)}>\n      <div\n        className=\"leaf-qr-code__image\"\n        style={{ width: Math.max(64, size), height: Math.max(64, size) }}\n      >\n        <QRCodeSVG\n          value={value}\n          size={Math.max(64, size)}\n          level={level}\n          marginSize={2}\n          fgColor={color}\n          bgColor={backgroundColor}\n          title={props['aria-label'] ?? t('二维码', 'QR code')}\n          imageSettings={\n            logo ? { src: logo, width: logoSize, height: logoSize, excavate: true } : undefined\n          }\n        />\n        {status !== 'active' && (\n          <div className=\"leaf-qr-code__overlay\">\n            {status === 'loading' ? (\n              <Loading />\n            ) : (\n              <Button variant=\"outline\" startIcon={<RefreshCw />} onClick={onRefresh}>\n                {t('刷新二维码', 'Refresh code')}\n              </Button>\n            )}\n          </div>\n        )}\n      </div>\n      {downloadable && (\n        <Button size=\"sm\" variant=\"ghost\" startIcon={<Download />} onClick={download}>\n          {t('下载', 'Download')}\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","QRCode","value","size","color","backgroundColor","level","logo","logoSize","status","onRefresh","downloadable","fileName","className","props","t","useText","root","useRef","download","svg","clone","original","Array","element","index","getComputedStyle","address","URL","Blob","XMLSerializer","anchor","document","setTimeout","classes","Math","QRCodeSVG","undefined","Loading","Button","RefreshCw","Download"],"mappings":"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"}
+{"version":3,"file":"qrcode/qrcode.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/qrcode/qrcode.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Download, RefreshCw } from 'lucide-react';\nimport { QRCodeSVG } from 'qrcode.react';\nimport { type HTMLAttributes, useRef } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { LoadingControl as Loading } from '../loading/loading';\nimport { classes } from '../shared/classes';\nimport { useText } from '../shared/use-text';\nexport interface QRCodeProps extends HTMLAttributes<HTMLDivElement> {\n  value: string;\n  size?: number;\n  color?: string;\n  backgroundColor?: string;\n  level?: 'L' | 'M' | 'Q' | 'H';\n  logo?: string;\n  logoSize?: number;\n  status?: 'active' | 'loading' | 'expired';\n  onRefresh?: () => void;\n  downloadable?: boolean;\n  fileName?: string;\n}\nexport function QRCode(rawProps: QRCodeProps) {\n  const {\n    value,\n    size = 160,\n    color = 'var(--leaf-color-text)',\n    backgroundColor = 'var(--leaf-color-surface)',\n    level = 'M',\n    logo,\n    logoSize = 32,\n    status = 'active',\n    onRefresh,\n    downloadable = false,\n    fileName = 'qrcode.svg',\n    className,\n    ...props\n  } = useComponentProps('QRCode', rawProps);\n  const t = useText();\n  const root = useRef<HTMLDivElement>(null);\n  const download = () => {\n    const svg = root.current?.querySelector('svg');\n    if (!svg) return;\n    const clone = svg.cloneNode(true) as SVGSVGElement;\n    const original = Array.from(svg.querySelectorAll('[fill]'));\n    clone.querySelectorAll('[fill]').forEach((element, index) => {\n      element.setAttribute('fill', getComputedStyle(original[index] ?? svg).fill);\n    });\n    const address = URL.createObjectURL(\n      new Blob([new XMLSerializer().serializeToString(clone)], { type: 'image/svg+xml' }),\n    );\n    const anchor = document.createElement('a');\n    anchor.href = address;\n    anchor.download = fileName;\n    anchor.click();\n    setTimeout(() => URL.revokeObjectURL(address), 1000);\n  };\n  return (\n    <div {...props} ref={root} className={classes('leaf-qr-code', className)}>\n      <div\n        className=\"leaf-qr-code__image\"\n        style={{ width: Math.max(64, size), height: Math.max(64, size) }}\n      >\n        <QRCodeSVG\n          value={value}\n          size={Math.max(64, size)}\n          level={level}\n          marginSize={2}\n          fgColor={color}\n          bgColor={backgroundColor}\n          title={props['aria-label'] ?? t('qrCode.qrCode')}\n          imageSettings={\n            logo ? { src: logo, width: logoSize, height: logoSize, excavate: true } : undefined\n          }\n        />\n        {status !== 'active' && (\n          <div className=\"leaf-qr-code__overlay\">\n            {status === 'loading' ? (\n              <Loading />\n            ) : (\n              <ButtonControl variant=\"outline\" startIcon={<RefreshCw />} onClick={onRefresh}>\n                {t('qrCode.refreshCode')}\n              </ButtonControl>\n            )}\n          </div>\n        )}\n      </div>\n      {downloadable && (\n        <ButtonControl size=\"sm\" variant=\"ghost\" startIcon={<Download />} onClick={download}>\n          {t('common.download')}\n        </ButtonControl>\n      )}\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","QRCode","rawProps","value","size","color","backgroundColor","level","logo","logoSize","status","onRefresh","downloadable","fileName","className","props","useComponentProps","t","useText","root","useRef","download","svg","clone","original","Array","element","index","getComputedStyle","address","URL","Blob","XMLSerializer","anchor","document","setTimeout","classes","Math","QRCodeSVG","undefined","Loading","ButtonControl","RefreshCw","Download"],"mappings":"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"}

package/dist/cjs/browser/modules/radio/index.cjs

@@ -1,29 +1,6 @@
 "use client";
 "use strict";
-var __webpack_modules__ = {
-    y2 (module) {
-        module.exports = require("./radio.cjs");
-    }
-};
-var __webpack_module_cache__ = {};
-function __webpack_require__(moduleId) {
-    var cachedModule = __webpack_module_cache__[moduleId];
-    if (void 0 !== cachedModule) return cachedModule.exports;
-    var module = __webpack_module_cache__[moduleId] = {
-        exports: {}
-    };
-    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-    return module.exports;
-}
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
+var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, getters, values)=>{
         var define = (defs, kind)=>{
@@ -50,14 +27,18 @@ function __webpack_require__(moduleId) {
     };
 })();
 var __webpack_exports__ = {};
-(()=>{
-    __webpack_require__.r(__webpack_exports__);
-    var _radio__rspack_import_0 = __webpack_require__("y2");
-    var __rspack_reexport = {};
-    for(const __rspack_import_key in _radio__rspack_import_0)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_radio__rspack_import_0[__rspack_import_key];
-    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-})();
-for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Radio: ()=>external_radio_cjs_namespaceObject.Radio,
+    RadioGroup: ()=>external_radio_cjs_namespaceObject.RadioGroup
+});
+const external_radio_cjs_namespaceObject = require("./radio.cjs");
+exports.Radio = __webpack_exports__.Radio;
+exports.RadioGroup = __webpack_exports__.RadioGroup;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Radio",
+    "RadioGroup"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/cjs/browser/modules/radio/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio/index.cjs","sources":["webpack://webpack/runtime/compat_get_default_export","webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","module","getter","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;;;;;;;;;;;;;;;IACAA,oBAAoB,CAAC,GAAG,CAACC;QACxB,IAAIC,SAASD,UAAUA,OAAO,UAAU,GACvC,IAAOA,MAAM,CAAC,UAAU,GACxB,IAAOA;QACRD,oBAAoB,CAAC,CAACE,QAAQ;YAAE,GAAGA;QAAO;QAC1C,OAAOA;IACR;;;ICPAF,oBAAoB,CAAC,GAAG,CAAC,UAASG,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGN,oBAAoB,CAAC,CAACM,MAAME,QAAQ,CAACR,oBAAoB,CAAC,CAAC,UAASQ,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAJ,oBAAoB,CAAC,GAAG,CAACU,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFX,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOY,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}
+{"version":3,"file":"radio/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/browser/modules/radio/radio.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/radio.css');
 var __webpack_require__ = {};
 (()=>{
@@ -31,13 +32,15 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     Radio: ()=>radio_Radio,
+    RadioControl: ()=>radio_RadioControl,
     RadioGroup: ()=>radio_RadioGroup
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const form_cjs_namespaceObject = require("../form/form.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
-const radio_Radio = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ size = 'md', variant = 'plain', description, icon, extra, className, style, disabled: disabledProp, children, ...props }, ref) {
+const radio_RadioControl = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ size = 'md', variant = 'plain', description, icon, extra, className, style, disabled: disabledProp, children, ...props }, ref) {
     const field = (0, form_cjs_namespaceObject.useFormField)();
     const id = (0, external_react_namespaceObject.useId)();
     const disabled = disabledProp || field?.disabled;
@@ -99,8 +102,9 @@ const radio_Radio = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)
         ]
     });
 });
-radio_Radio.displayName = 'Radio';
-const radio_RadioGroup = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ options, value, defaultValue, name, label, size = 'md', variant = 'plain', direction = 'horizontal', required, onChange, disabled: disabledProp, className, ...props }, ref) {
+radio_RadioControl.displayName = 'RadioControl';
+const radio_RadioGroup = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { options, value, defaultValue, name, label, size = 'md', variant = 'plain', direction = 'horizontal', required, onChange, disabled: disabledProp, className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('RadioGroup', rawProps);
     const id = (0, external_react_namespaceObject.useId)();
     const field = (0, form_cjs_namespaceObject.useFormField)();
     const disabled = disabledProp || field?.disabled;
@@ -124,7 +128,7 @@ const radio_RadioGroup = /*#__PURE__*/ (0, external_react_namespaceObject.forwar
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                 className: "leaf-radio-group__options",
-                children: options.map((option)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(radio_Radio, {
+                children: options.map((option)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(radio_RadioControl, {
                         id: `${props.id ?? field?.id ?? id}-${option.value}`,
                         size: size,
                         variant: 'card' === variant ? 'card' : 'plain',
@@ -145,10 +149,20 @@ const radio_RadioGroup = /*#__PURE__*/ (0, external_react_namespaceObject.forwar
     });
 });
 radio_RadioGroup.displayName = 'RadioGroup';
+const radio_Radio = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Radio', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(radio_RadioControl, {
+        ...props,
+        ref: ref
+    });
+});
+radio_Radio.displayName = 'Radio';
 exports.Radio = __webpack_exports__.Radio;
+exports.RadioControl = __webpack_exports__.RadioControl;
 exports.RadioGroup = __webpack_exports__.RadioGroup;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "Radio",
+    "RadioControl",
     "RadioGroup"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

package/dist/cjs/browser/modules/radio/radio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio/radio.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/radio/radio.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import {\n  type ChangeEventHandler,\n  type FieldsetHTMLAttributes,\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useId,\n} from 'react';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: ControlSize;\n  variant?: 'plain' | 'card';\n  description?: ReactNode;\n  icon?: ReactNode;\n  extra?: ReactNode;\n}\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n  {\n    size = 'md',\n    variant = 'plain',\n    description,\n    icon,\n    extra,\n    className,\n    style,\n    disabled: disabledProp,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const field = useFormField();\n  const id = useId();\n  const disabled = disabledProp || field?.disabled;\n  return (\n    <label\n      className={classes(\n        'leaf-radio',\n        `leaf-radio--${size}`,\n        `leaf-radio--${variant}`,\n        description != null && 'leaf-radio--described',\n        className,\n      )}\n      style={style}\n      data-disabled={disabled ? '' : undefined}\n    >\n      <span className=\"leaf-radio__control\">\n        <input\n          {...props}\n          id={props.id ?? field?.id}\n          required={props.required ?? field?.required}\n          aria-labelledby={\n            props['aria-labelledby'] ??\n            (!props['aria-label'] && children != null ? `${id}-label` : undefined)\n          }\n          aria-describedby={\n            [\n              props['aria-describedby'],\n              field?.descriptionId,\n              description != null && `${id}-description`,\n              extra != null && `${id}-extra`,\n            ]\n              .filter(Boolean)\n              .join(' ') || undefined\n          }\n          aria-invalid={field?.error ? true : props['aria-invalid']}\n          ref={ref}\n          type=\"radio\"\n          disabled={disabled}\n          className=\"leaf-radio__input\"\n        />\n        <span className=\"leaf-radio__mark\" />\n      </span>\n      {icon != null && (\n        <span className=\"leaf-radio__icon\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      {(children != null || description != null) && (\n        <span className=\"leaf-radio__copy\">\n          {children != null && (\n            <span id={`${id}-label`} className=\"leaf-radio__label\">\n              {children}\n            </span>\n          )}\n          {description != null && (\n            <span id={`${id}-description`} className=\"leaf-radio__description\">\n              {description}\n            </span>\n          )}\n        </span>\n      )}\n      {extra != null && (\n        <span id={`${id}-extra`} className=\"leaf-radio__extra\">\n          {extra}\n        </span>\n      )}\n    </label>\n  );\n});\nRadio.displayName = 'Radio';\nexport interface RadioOption {\n  label: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  extra?: ReactNode;\n  value: string;\n  disabled?: boolean;\n}\nexport interface RadioGroupProps\n  extends Omit<\n    FieldsetHTMLAttributes<HTMLFieldSetElement>,\n    'onChange' | 'defaultValue' | 'children'\n  > {\n  options: readonly RadioOption[];\n  value?: string;\n  defaultValue?: string;\n  name?: string;\n  label?: ReactNode;\n  size?: ControlSize;\n  variant?: 'plain' | 'card' | 'list';\n  direction?: 'horizontal' | 'vertical';\n  required?: boolean;\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n}\nexport const RadioGroup = forwardRef<HTMLFieldSetElement, RadioGroupProps>(function RadioGroup(\n  {\n    options,\n    value,\n    defaultValue,\n    name,\n    label,\n    size = 'md',\n    variant = 'plain',\n    direction = 'horizontal',\n    required,\n    onChange,\n    disabled: disabledProp,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const id = useId();\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  return (\n    <fieldset\n      {...props}\n      ref={ref}\n      id={props.id ?? field?.id}\n      aria-labelledby={props['aria-labelledby'] ?? (!label ? field?.labelId : undefined)}\n      aria-describedby={\n        [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n      }\n      aria-invalid={field?.error ? true : props['aria-invalid']}\n      tabIndex={-1}\n      disabled={disabled}\n      className={classes(\n        'leaf-radio-group',\n        `leaf-radio-group--${direction}`,\n        `leaf-radio-group--${variant}`,\n        className,\n      )}\n    >\n      {label && <legend className=\"leaf-radio-group__legend\">{label}</legend>}\n      <div className=\"leaf-radio-group__options\">\n        {options.map((option) => (\n          <Radio\n            key={option.value}\n            id={`${props.id ?? field?.id ?? id}-${option.value}`}\n            size={size}\n            variant={variant === 'card' ? 'card' : 'plain'}\n            description={option.description}\n            icon={option.icon}\n            extra={option.extra}\n            name={name ?? id}\n            value={option.value}\n            disabled={disabled || option.disabled}\n            required={required ?? field?.required}\n            checked={value === undefined ? undefined : value === option.value}\n            defaultChecked={value === undefined ? defaultValue === option.value : undefined}\n            onChange={onChange}\n          >\n            {option.label}\n          </Radio>\n        ))}\n      </div>\n    </fieldset>\n  );\n});\nRadioGroup.displayName = 'RadioGroup';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Radio","forwardRef","size","variant","description","icon","extra","className","style","disabledProp","children","props","ref","field","useFormField","id","useId","disabled","classes","undefined","Boolean","RadioGroup","options","value","defaultValue","name","label","direction","required","onChange","option"],"mappings":"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"}
+{"version":3,"file":"radio/radio.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/radio/radio.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import {\n  type ChangeEventHandler,\n  type FieldsetHTMLAttributes,\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useId,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: ControlSize;\n  variant?: 'plain' | 'card';\n  description?: ReactNode;\n  icon?: ReactNode;\n  extra?: ReactNode;\n}\nexport const RadioControl = forwardRef<HTMLInputElement, RadioProps>(function RadioControl(\n  {\n    size = 'md',\n    variant = 'plain',\n    description,\n    icon,\n    extra,\n    className,\n    style,\n    disabled: disabledProp,\n    children,\n    ...props\n  }: RadioProps,\n  ref,\n) {\n  const field = useFormField();\n  const id = useId();\n  const disabled = disabledProp || field?.disabled;\n  return (\n    <label\n      className={classes(\n        'leaf-radio',\n        `leaf-radio--${size}`,\n        `leaf-radio--${variant}`,\n        description != null && 'leaf-radio--described',\n        className,\n      )}\n      style={style}\n      data-disabled={disabled ? '' : undefined}\n    >\n      <span className=\"leaf-radio__control\">\n        <input\n          {...props}\n          id={props.id ?? field?.id}\n          required={props.required ?? field?.required}\n          aria-labelledby={\n            props['aria-labelledby'] ??\n            (!props['aria-label'] && children != null ? `${id}-label` : undefined)\n          }\n          aria-describedby={\n            [\n              props['aria-describedby'],\n              field?.descriptionId,\n              description != null && `${id}-description`,\n              extra != null && `${id}-extra`,\n            ]\n              .filter(Boolean)\n              .join(' ') || undefined\n          }\n          aria-invalid={field?.error ? true : props['aria-invalid']}\n          ref={ref}\n          type=\"radio\"\n          disabled={disabled}\n          className=\"leaf-radio__input\"\n        />\n        <span className=\"leaf-radio__mark\" />\n      </span>\n      {icon != null && (\n        <span className=\"leaf-radio__icon\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      {(children != null || description != null) && (\n        <span className=\"leaf-radio__copy\">\n          {children != null && (\n            <span id={`${id}-label`} className=\"leaf-radio__label\">\n              {children}\n            </span>\n          )}\n          {description != null && (\n            <span id={`${id}-description`} className=\"leaf-radio__description\">\n              {description}\n            </span>\n          )}\n        </span>\n      )}\n      {extra != null && (\n        <span id={`${id}-extra`} className=\"leaf-radio__extra\">\n          {extra}\n        </span>\n      )}\n    </label>\n  );\n});\nRadioControl.displayName = 'RadioControl';\nexport interface RadioOption {\n  label: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  extra?: ReactNode;\n  value: string;\n  disabled?: boolean;\n}\nexport interface RadioGroupProps\n  extends Omit<\n    FieldsetHTMLAttributes<HTMLFieldSetElement>,\n    'onChange' | 'defaultValue' | 'children'\n  > {\n  options: readonly RadioOption[];\n  value?: string;\n  defaultValue?: string;\n  name?: string;\n  label?: ReactNode;\n  size?: ControlSize;\n  variant?: 'plain' | 'card' | 'list';\n  direction?: 'horizontal' | 'vertical';\n  required?: boolean;\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n}\nexport const RadioGroup = forwardRef<HTMLFieldSetElement, RadioGroupProps>(function RadioGroup(\n  rawProps: RadioGroupProps,\n  ref,\n) {\n  const {\n    options,\n    value,\n    defaultValue,\n    name,\n    label,\n    size = 'md',\n    variant = 'plain',\n    direction = 'horizontal',\n    required,\n    onChange,\n    disabled: disabledProp,\n    className,\n    ...props\n  } = useComponentProps('RadioGroup', rawProps);\n  const id = useId();\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  return (\n    <fieldset\n      {...props}\n      ref={ref}\n      id={props.id ?? field?.id}\n      aria-labelledby={props['aria-labelledby'] ?? (!label ? field?.labelId : undefined)}\n      aria-describedby={\n        [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n      }\n      aria-invalid={field?.error ? true : props['aria-invalid']}\n      tabIndex={-1}\n      disabled={disabled}\n      className={classes(\n        'leaf-radio-group',\n        `leaf-radio-group--${direction}`,\n        `leaf-radio-group--${variant}`,\n        className,\n      )}\n    >\n      {label && <legend className=\"leaf-radio-group__legend\">{label}</legend>}\n      <div className=\"leaf-radio-group__options\">\n        {options.map((option) => (\n          <RadioControl\n            key={option.value}\n            id={`${props.id ?? field?.id ?? id}-${option.value}`}\n            size={size}\n            variant={variant === 'card' ? 'card' : 'plain'}\n            description={option.description}\n            icon={option.icon}\n            extra={option.extra}\n            name={name ?? id}\n            value={option.value}\n            disabled={disabled || option.disabled}\n            required={required ?? field?.required}\n            checked={value === undefined ? undefined : value === option.value}\n            defaultChecked={value === undefined ? defaultValue === option.value : undefined}\n            onChange={onChange}\n          >\n            {option.label}\n          </RadioControl>\n        ))}\n      </div>\n    </fieldset>\n  );\n});\nRadioGroup.displayName = 'RadioGroup';\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n  rawProps: RadioProps,\n  ref,\n) {\n  const props = useComponentProps('Radio', rawProps);\n  return <RadioControl {...props} ref={ref} />;\n});\nRadio.displayName = 'Radio';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","RadioControl","forwardRef","size","variant","description","icon","extra","className","style","disabledProp","children","props","ref","field","useFormField","id","useId","disabled","classes","undefined","Boolean","RadioGroup","rawProps","options","value","defaultValue","name","label","direction","required","onChange","useComponentProps","option","Radio"],"mappings":"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"}

package/dist/cjs/browser/modules/rate/rate.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/rate.css');
 var __webpack_require__ = {};
 (()=>{
@@ -35,15 +36,17 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const context_cjs_namespaceObject = require("../config-provider/context.cjs");
 const form_cjs_namespaceObject = require("../form/form.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const field_cjs_namespaceObject = require("../shared/field.cjs");
-function Rate({ value, defaultValue = 0, onChange, count = 5, allowHalf = false, allowClear = true, disabled: disabledProp, readOnly = false, size = 'md', color, colorByValue = false, colors = [
-    '#ef5350',
-    '#f49b23',
-    '#ffc53d'
-], name, form, required: requiredProp, className, style, 'aria-label': label, ...props }) {
+function Rate(rawProps) {
+    const { value, defaultValue = 0, onChange, count = 5, allowHalf = false, allowClear = true, disabled: disabledProp, readOnly = false, size = 'md', color, colorByValue = false, colors = [
+        '#ef5350',
+        '#f49b23',
+        '#ffc53d'
+    ], name, form, required: requiredProp, className, style, 'aria-label': label, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Rate', rawProps);
     const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
     const field = (0, form_cjs_namespaceObject.useFormField)();
     const disabled = disabledProp || field?.disabled;
@@ -74,7 +77,7 @@ function Rate({ value, defaultValue = 0, onChange, count = 5, allowHalf = false,
         id: props.id ?? field?.id,
         ref: root,
         role: "radiogroup",
-        "aria-label": label ?? (field?.labelId ? void 0 : messages.rating),
+        "aria-label": label ?? (field?.labelId ? void 0 : messages.rate.label),
         "aria-labelledby": props['aria-labelledby'] ?? field?.labelId,
         "aria-disabled": disabled || void 0,
         "aria-readonly": readOnly || void 0,

package/dist/cjs/browser/modules/rate/rate.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"rate/rate.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/rate/rate.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Star } from 'lucide-react';\nimport { type HTMLAttributes, useRef, useState } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue } from '../shared/field';\nimport type { ControlSize } from '../shared/types';\n\nexport interface RateProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n  count?: number;\n  allowHalf?: boolean;\n  allowClear?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  size?: ControlSize;\n  color?: string;\n  colorByValue?: boolean;\n  colors?: readonly [string, string, string];\n  name?: string;\n  form?: string;\n  required?: boolean;\n}\nexport function Rate({\n  value,\n  defaultValue = 0,\n  onChange,\n  count = 5,\n  allowHalf = false,\n  allowClear = true,\n  disabled: disabledProp,\n  readOnly = false,\n  size = 'md',\n  color,\n  colorByValue = false,\n  colors = ['#ef5350', '#f49b23', '#ffc53d'],\n  name,\n  form,\n  required: requiredProp,\n  className,\n  style,\n  'aria-label': label,\n  ...props\n}: RateProps) {\n  const { messages } = useLeafConfig();\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  const required = requiredProp ?? field?.required;\n  const maximum = Math.max(1, Math.min(20, Number.isFinite(count) ? Math.floor(count) : 5));\n  const step = allowHalf ? 0.5 : 1;\n  const normalize = (number: number) =>\n    Math.min(maximum, Math.max(0, Number.isFinite(number) ? Math.round(number / step) * step : 0));\n  const trigger = useRef<HTMLButtonElement>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const [current, setCurrent] = useFieldValue(value, defaultValue, trigger, form);\n  const selected = normalize(current);\n  const [hovered, setHovered] = useState<number>();\n  const [focused, setFocused] = useState<number>();\n  const displayed = disabled || readOnly ? selected : (hovered ?? selected);\n  const activeColor =\n    color ??\n    (colorByValue\n      ? colors[displayed / maximum <= 0.4 ? 0 : displayed / maximum <= 0.7 ? 1 : 2]\n      : undefined);\n  const values = Array.from({ length: maximum / step }, (_, index) => (index + 1) * step);\n  const focusValue = values.includes(focused ?? 0) ? focused : selected || step;\n  const choose = (next: number) => {\n    if (disabled || readOnly) return;\n    const normalized = normalize(next);\n    setCurrent(normalized);\n    if (normalized !== selected) onChange?.(normalized);\n  };\n  return (\n    <div\n      {...props}\n      id={props.id ?? field?.id}\n      ref={root}\n      role=\"radiogroup\"\n      aria-label={label ?? (field?.labelId ? undefined : messages.rating)}\n      aria-labelledby={props['aria-labelledby'] ?? field?.labelId}\n      aria-disabled={disabled || undefined}\n      aria-readonly={readOnly || undefined}\n      aria-required={required || undefined}\n      aria-describedby={\n        [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n      }\n      className={classes('leaf-rate', `leaf-rate--${size}`, className)}\n      style={{ ...(activeColor ? { '--leaf-rate-color': activeColor } : {}), ...style }}\n      onPointerLeave={() => setHovered(undefined)}\n      onBlur={(event) => {\n        props.onBlur?.(event);\n        if (!event.currentTarget.contains(event.relatedTarget)) setFocused(undefined);\n      }}\n    >\n      {Array.from({ length: maximum }, (_, index) => (\n        // biome-ignore lint/suspicious/noArrayIndexKey: Each star has a fixed numeric position in the rating scale.\n        <span className=\"leaf-rate__star\" key={`star-${index}`}>\n          <Star className=\"leaf-rate__empty\" aria-hidden=\"true\" />\n          <span\n            className=\"leaf-rate__fill\"\n            aria-hidden=\"true\"\n            style={{ width: `${Math.max(0, Math.min(1, displayed - index)) * 100}%` }}\n          >\n            <Star />\n          </span>\n          {(allowHalf ? [index + 0.5, index + 1] : [index + 1]).map((number) => (\n            // biome-ignore lint/a11y/useSemanticElements: Custom rating radios support half values, clearing and read-only state with one roving tab stop.\n            <button\n              type=\"button\"\n              key={number}\n              ref={number === step ? trigger : undefined}\n              role=\"radio\"\n              aria-checked={number === selected}\n              aria-label={`${number} / ${maximum}`}\n              disabled={disabled}\n              aria-disabled={readOnly || undefined}\n              className=\"leaf-rate__option\"\n              tabIndex={number === focusValue ? 0 : -1}\n              onFocus={() => setFocused(number)}\n              onPointerEnter={() => {\n                if (!disabled && !readOnly) setHovered(number);\n              }}\n              onClick={() => choose(allowClear && number === selected ? 0 : number)}\n              onKeyDown={(event) => {\n                if (disabled || readOnly) return;\n                let next: number | undefined;\n                if (event.key === 'Home') next = step;\n                else if (event.key === 'End') next = maximum;\n                else if (['ArrowRight', 'ArrowUp', 'ArrowLeft', 'ArrowDown'].includes(event.key))\n                  next = Math.max(\n                    step,\n                    Math.min(\n                      maximum,\n                      number + (['ArrowRight', 'ArrowUp'].includes(event.key) ? step : -step),\n                    ),\n                  );\n                else if ((event.key === 'Delete' || event.key === 'Backspace') && allowClear)\n                  next = 0;\n                if (next !== undefined) {\n                  event.preventDefault();\n                  choose(next);\n                  setHovered(undefined);\n                  const target = root.current?.querySelector<HTMLButtonElement>(\n                    `[aria-label='${next || step} / ${maximum}']`,\n                  );\n                  target?.focus();\n                }\n              }}\n            />\n          ))}\n        </span>\n      ))}\n      <FormValue\n        name={name}\n        form={form}\n        value={selected ? String(selected) : ''}\n        disabled={disabled}\n        required={required}\n        triggerRef={trigger}\n      />\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Rate","value","defaultValue","onChange","count","allowHalf","allowClear","disabledProp","readOnly","size","color","colorByValue","colors","name","form","requiredProp","className","style","label","props","messages","useLeafConfig","field","useFormField","disabled","required","maximum","Math","Number","step","normalize","number","trigger","useRef","root","current","setCurrent","useFieldValue","selected","hovered","setHovered","useState","focused","setFocused","displayed","activeColor","undefined","Array","_","index","focusValue","choose","next","normalized","Boolean","classes","event","Star","target","FormValue","String"],"mappings":"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"}
+{"version":3,"file":"rate/rate.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/rate/rate.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Star } from 'lucide-react';\nimport { type HTMLAttributes, useRef, useState } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue } from '../shared/field';\nimport type { ControlSize } from '../shared/types';\n\nexport interface RateProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n  count?: number;\n  allowHalf?: boolean;\n  allowClear?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  size?: ControlSize;\n  color?: string;\n  colorByValue?: boolean;\n  colors?: readonly [string, string, string];\n  name?: string;\n  form?: string;\n  required?: boolean;\n}\nexport function Rate(rawProps: RateProps) {\n  const {\n    value,\n    defaultValue = 0,\n    onChange,\n    count = 5,\n    allowHalf = false,\n    allowClear = true,\n    disabled: disabledProp,\n    readOnly = false,\n    size = 'md',\n    color,\n    colorByValue = false,\n    colors = ['#ef5350', '#f49b23', '#ffc53d'],\n    name,\n    form,\n    required: requiredProp,\n    className,\n    style,\n    'aria-label': label,\n    ...props\n  } = useComponentProps('Rate', rawProps);\n  const { messages } = useLeafConfig();\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  const required = requiredProp ?? field?.required;\n  const maximum = Math.max(1, Math.min(20, Number.isFinite(count) ? Math.floor(count) : 5));\n  const step = allowHalf ? 0.5 : 1;\n  const normalize = (number: number) =>\n    Math.min(maximum, Math.max(0, Number.isFinite(number) ? Math.round(number / step) * step : 0));\n  const trigger = useRef<HTMLButtonElement>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const [current, setCurrent] = useFieldValue(value, defaultValue, trigger, form);\n  const selected = normalize(current);\n  const [hovered, setHovered] = useState<number>();\n  const [focused, setFocused] = useState<number>();\n  const displayed = disabled || readOnly ? selected : (hovered ?? selected);\n  const activeColor =\n    color ??\n    (colorByValue\n      ? colors[displayed / maximum <= 0.4 ? 0 : displayed / maximum <= 0.7 ? 1 : 2]\n      : undefined);\n  const values = Array.from({ length: maximum / step }, (_, index) => (index + 1) * step);\n  const focusValue = values.includes(focused ?? 0) ? focused : selected || step;\n  const choose = (next: number) => {\n    if (disabled || readOnly) return;\n    const normalized = normalize(next);\n    setCurrent(normalized);\n    if (normalized !== selected) onChange?.(normalized);\n  };\n  return (\n    <div\n      {...props}\n      id={props.id ?? field?.id}\n      ref={root}\n      role=\"radiogroup\"\n      aria-label={label ?? (field?.labelId ? undefined : messages.rate.label)}\n      aria-labelledby={props['aria-labelledby'] ?? field?.labelId}\n      aria-disabled={disabled || undefined}\n      aria-readonly={readOnly || undefined}\n      aria-required={required || undefined}\n      aria-describedby={\n        [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n      }\n      className={classes('leaf-rate', `leaf-rate--${size}`, className)}\n      style={{ ...(activeColor ? { '--leaf-rate-color': activeColor } : {}), ...style }}\n      onPointerLeave={() => setHovered(undefined)}\n      onBlur={(event) => {\n        props.onBlur?.(event);\n        if (!event.currentTarget.contains(event.relatedTarget)) setFocused(undefined);\n      }}\n    >\n      {Array.from({ length: maximum }, (_, index) => (\n        // biome-ignore lint/suspicious/noArrayIndexKey: Each star has a fixed numeric position in the rating scale.\n        <span className=\"leaf-rate__star\" key={`star-${index}`}>\n          <Star className=\"leaf-rate__empty\" aria-hidden=\"true\" />\n          <span\n            className=\"leaf-rate__fill\"\n            aria-hidden=\"true\"\n            style={{ width: `${Math.max(0, Math.min(1, displayed - index)) * 100}%` }}\n          >\n            <Star />\n          </span>\n          {(allowHalf ? [index + 0.5, index + 1] : [index + 1]).map((number) => (\n            // biome-ignore lint/a11y/useSemanticElements: Custom rating radios support half values, clearing and read-only state with one roving tab stop.\n            <button\n              type=\"button\"\n              key={number}\n              ref={number === step ? trigger : undefined}\n              role=\"radio\"\n              aria-checked={number === selected}\n              aria-label={`${number} / ${maximum}`}\n              disabled={disabled}\n              aria-disabled={readOnly || undefined}\n              className=\"leaf-rate__option\"\n              tabIndex={number === focusValue ? 0 : -1}\n              onFocus={() => setFocused(number)}\n              onPointerEnter={() => {\n                if (!disabled && !readOnly) setHovered(number);\n              }}\n              onClick={() => choose(allowClear && number === selected ? 0 : number)}\n              onKeyDown={(event) => {\n                if (disabled || readOnly) return;\n                let next: number | undefined;\n                if (event.key === 'Home') next = step;\n                else if (event.key === 'End') next = maximum;\n                else if (['ArrowRight', 'ArrowUp', 'ArrowLeft', 'ArrowDown'].includes(event.key))\n                  next = Math.max(\n                    step,\n                    Math.min(\n                      maximum,\n                      number + (['ArrowRight', 'ArrowUp'].includes(event.key) ? step : -step),\n                    ),\n                  );\n                else if ((event.key === 'Delete' || event.key === 'Backspace') && allowClear)\n                  next = 0;\n                if (next !== undefined) {\n                  event.preventDefault();\n                  choose(next);\n                  setHovered(undefined);\n                  const target = root.current?.querySelector<HTMLButtonElement>(\n                    `[aria-label='${next || step} / ${maximum}']`,\n                  );\n                  target?.focus();\n                }\n              }}\n            />\n          ))}\n        </span>\n      ))}\n      <FormValue\n        name={name}\n        form={form}\n        value={selected ? String(selected) : ''}\n        disabled={disabled}\n        required={required}\n        triggerRef={trigger}\n      />\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Rate","rawProps","value","defaultValue","onChange","count","allowHalf","allowClear","disabledProp","readOnly","size","color","colorByValue","colors","name","form","requiredProp","className","style","label","props","useComponentProps","messages","useLeafConfig","field","useFormField","disabled","required","maximum","Math","Number","step","normalize","number","trigger","useRef","root","current","setCurrent","useFieldValue","selected","hovered","setHovered","useState","focused","setFocused","displayed","activeColor","undefined","Array","_","index","focusValue","choose","next","normalized","Boolean","classes","event","Star","target","FormValue","String"],"mappings":"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"}

package/dist/cjs/browser/modules/result/result.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/result.css');
 var __webpack_require__ = {};
 (()=>{
@@ -30,11 +31,13 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    Result: ()=>Result
+    Result: ()=>Result,
+    ResultControl: ()=>ResultControl
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const context_cjs_namespaceObject = require("../config-provider/context.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const presence_cjs_namespaceObject = require("../shared/presence.cjs");
@@ -45,12 +48,12 @@ const icons = {
     error: external_lucide_react_namespaceObject.X,
     info: external_lucide_react_namespaceObject.Info
 };
-function Result({ status = 'empty', title, description, icon, extra, size = 'md', children, className, ...props }) {
+function ResultControl({ status = 'empty', title, description, icon, extra, size = 'md', children, className, ...props }) {
     const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
     const root = (0, external_react_namespaceObject.useRef)(null);
     (0, presence_cjs_namespaceObject.useContentTransition)(root, status);
     const Icon = icons[status];
-    const heading = void 0 !== title ? title : 'empty' === status ? messages.noData : messages['success' === status ? 'resultSuccess' : 'warning' === status ? 'resultWarning' : 'error' === status ? 'resultError' : 'resultInfo'];
+    const heading = void 0 !== title ? title : 'empty' === status ? messages.common.noData : messages.result['success' === status ? 'success' : 'warning' === status ? 'warning' : 'error' === status ? 'error' : 'info'];
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         ...props,
         ref: root,
@@ -80,9 +83,17 @@ function Result({ status = 'empty', title, description, icon, extra, size = 'md'
         ]
     });
 }
+function Result(rawProps) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Result', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ResultControl, {
+        ...props
+    });
+}
 exports.Result = __webpack_exports__.Result;
+exports.ResultControl = __webpack_exports__.ResultControl;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Result"
+    "Result",
+    "ResultControl"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/cjs/browser/modules/result/result.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"result/result.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/result/result.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Check, Inbox, Info, TriangleAlert, X } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useRef } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { useContentTransition } from '../shared/presence';\n\nexport interface ResultProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  status?: 'empty' | 'success' | 'warning' | 'error' | 'info';\n  title?: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  extra?: ReactNode;\n  size?: 'sm' | 'md';\n}\nconst icons = {\n  empty: Inbox,\n  success: Check,\n  warning: TriangleAlert,\n  error: X,\n  info: Info,\n};\nexport function Result({\n  status = 'empty',\n  title,\n  description,\n  icon,\n  extra,\n  size = 'md',\n  children,\n  className,\n  ...props\n}: ResultProps) {\n  const { messages } = useLeafConfig();\n  const root = useRef<HTMLDivElement>(null);\n  useContentTransition(root, status);\n  const Icon = icons[status];\n  const heading =\n    title !== undefined\n      ? title\n      : status === 'empty'\n        ? messages.noData\n        : messages[\n            status === 'success'\n              ? 'resultSuccess'\n              : status === 'warning'\n                ? 'resultWarning'\n                : status === 'error'\n                  ? 'resultError'\n                  : 'resultInfo'\n          ];\n  return (\n    <div\n      {...props}\n      ref={root}\n      className={classes(\n        'leaf-result',\n        `leaf-result--${status}`,\n        `leaf-result--${size}`,\n        className,\n      )}\n    >\n      {icon !== null && (\n        <div className=\"leaf-result__icon\" aria-hidden=\"true\" key={status}>\n          {icon ?? <Icon />}\n        </div>\n      )}\n      {heading !== null && <div className=\"leaf-result__title\">{heading}</div>}\n      {description != null && <div className=\"leaf-result__description\">{description}</div>}\n      {children != null && <div className=\"leaf-result__content\">{children}</div>}\n      {extra != null && <div className=\"leaf-result__extra\">{extra}</div>}\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","icons","Inbox","Check","TriangleAlert","X","Info","Result","status","title","description","icon","extra","size","children","className","props","messages","useLeafConfig","root","useRef","useContentTransition","Icon","heading","undefined","classes"],"mappings":";;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;ACQA,MAAMI,QAAQ;IACZ,OAAOC,sCAAAA,KAAKA;IACZ,SAASC,sCAAAA,KAAKA;IACd,SAASC,sCAAAA,aAAaA;IACtB,OAAOC,sCAAAA,CAACA;IACR,MAAMC,sCAAAA,IAAIA;AACZ;AACO,SAASC,OAAO,EACrBC,SAAS,OAAO,EAChBC,KAAK,EACLC,WAAW,EACXC,IAAI,EACJC,KAAK,EACLC,OAAO,IAAI,EACXC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACS;IACZ,MAAM,EAAEC,QAAQ,EAAE,GAAGC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACrB,MAAMC,OAAOC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAuB;IACpCC,IAAAA,6BAAAA,oBAAAA,AAAAA,EAAqBF,MAAMX;IAC3B,MAAMc,OAAOrB,KAAK,CAACO,OAAO;IAC1B,MAAMe,UACJd,AAAUe,WAAVf,QACIA,QACAD,AAAW,YAAXA,SACES,SAAS,MAAM,GACfA,QAAQ,CACNT,AAAW,cAAXA,SACI,kBACAA,AAAW,cAAXA,SACE,kBACAA,AAAW,YAAXA,SACE,gBACA,aACT;IACT,OACE,AADK,WAAP,GACE,sCAAC;QACE,GAAGQ,KAAK;QACT,KAAKG;QACL,WAAWM,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EACT,eACA,CAAC,aAAa,EAAEjB,QAAQ,EACxB,CAAC,aAAa,EAAEK,MAAM,EACtBE;;YAGQ,SAATJ,QACC,AADgB,WAAR,GACR,qCAAC;gBAAI,WAAU;gBAAoB,eAAY;0BAC5CA,QAAQ,WAARA,GAAQ,qCAACW,MAAAA,CAAAA;eAD+Cd;YAIhD,SAAZe,WAAoB,WAAR,GAAQ,qCAAC;gBAAI,WAAU;0BAAsBA;;YAC1C,QAAfb,eAAuB,WAAR,GAAQ,qCAAC;gBAAI,WAAU;0BAA4BA;;YACtD,QAAZI,YAAoB,WAAR,GAAQ,qCAAC;gBAAI,WAAU;0BAAwBA;;YAClD,QAATF,SAAiB,WAAR,GAAQ,qCAAC;gBAAI,WAAU;0BAAsBA;;;;AAG7D"}
+{"version":3,"file":"result/result.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/result/result.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Check, Inbox, Info, TriangleAlert, X } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useRef } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { useContentTransition } from '../shared/presence';\n\nexport interface ResultProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  status?: 'empty' | 'success' | 'warning' | 'error' | 'info';\n  title?: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  extra?: ReactNode;\n  size?: 'sm' | 'md';\n}\nconst icons = {\n  empty: Inbox,\n  success: Check,\n  warning: TriangleAlert,\n  error: X,\n  info: Info,\n};\nexport function ResultControl({\n  status = 'empty',\n  title,\n  description,\n  icon,\n  extra,\n  size = 'md',\n  children,\n  className,\n  ...props\n}: ResultProps) {\n  const { messages } = useLeafConfig();\n  const root = useRef<HTMLDivElement>(null);\n  useContentTransition(root, status);\n  const Icon = icons[status];\n  const heading =\n    title !== undefined\n      ? title\n      : status === 'empty'\n        ? messages.common.noData\n        : messages.result[\n            status === 'success'\n              ? 'success'\n              : status === 'warning'\n                ? 'warning'\n                : status === 'error'\n                  ? 'error'\n                  : 'info'\n          ];\n  return (\n    <div\n      {...props}\n      ref={root}\n      className={classes(\n        'leaf-result',\n        `leaf-result--${status}`,\n        `leaf-result--${size}`,\n        className,\n      )}\n    >\n      {icon !== null && (\n        <div className=\"leaf-result__icon\" aria-hidden=\"true\" key={status}>\n          {icon ?? <Icon />}\n        </div>\n      )}\n      {heading !== null && <div className=\"leaf-result__title\">{heading}</div>}\n      {description != null && <div className=\"leaf-result__description\">{description}</div>}\n      {children != null && <div className=\"leaf-result__content\">{children}</div>}\n      {extra != null && <div className=\"leaf-result__extra\">{extra}</div>}\n    </div>\n  );\n}\n\nexport function Result(rawProps: ResultProps) {\n  const props = useComponentProps('Result', rawProps);\n  return <ResultControl {...props} />;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","icons","Inbox","Check","TriangleAlert","X","Info","ResultControl","status","title","description","icon","extra","size","children","className","props","messages","useLeafConfig","root","useRef","useContentTransition","Icon","heading","undefined","classes","Result","rawProps","useComponentProps"],"mappings":";;;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;;ACSA,MAAMI,QAAQ;IACZ,OAAOC,sCAAAA,KAAKA;IACZ,SAASC,sCAAAA,KAAKA;IACd,SAASC,sCAAAA,aAAaA;IACtB,OAAOC,sCAAAA,CAACA;IACR,MAAMC,sCAAAA,IAAIA;AACZ;AACO,SAASC,cAAc,EAC5BC,SAAS,OAAO,EAChBC,KAAK,EACLC,WAAW,EACXC,IAAI,EACJC,KAAK,EACLC,OAAO,IAAI,EACXC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACS;IACZ,MAAM,EAAEC,QAAQ,EAAE,GAAGC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACrB,MAAMC,OAAOC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAuB;IACpCC,IAAAA,6BAAAA,oBAAAA,AAAAA,EAAqBF,MAAMX;IAC3B,MAAMc,OAAOrB,KAAK,CAACO,OAAO;IAC1B,MAAMe,UACJd,AAAUe,WAAVf,QACIA,QACAD,AAAW,YAAXA,SACES,SAAS,MAAM,CAAC,MAAM,GACtBA,SAAS,MAAM,CACbT,AAAW,cAAXA,SACI,YACAA,AAAW,cAAXA,SACE,YACAA,AAAW,YAAXA,SACE,UACA,OACT;IACT,OACE,AADK,WAAP,GACE,sCAAC;QACE,GAAGQ,KAAK;QACT,KAAKG;QACL,WAAWM,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EACT,eACA,CAAC,aAAa,EAAEjB,QAAQ,EACxB,CAAC,aAAa,EAAEK,MAAM,EACtBE;;YAGQ,SAATJ,QACC,AADgB,WAAR,GACR,qCAAC;gBAAI,WAAU;gBAAoB,eAAY;0BAC5CA,QAAQ,WAARA,GAAQ,qCAACW,MAAAA,CAAAA;eAD+Cd;YAIhD,SAAZe,WAAoB,WAAR,GAAQ,qCAAC;gBAAI,WAAU;0BAAsBA;;YAC1C,QAAfb,eAAuB,WAAR,GAAQ,qCAAC;gBAAI,WAAU;0BAA4BA;;YACtD,QAAZI,YAAoB,WAAR,GAAQ,qCAAC;gBAAI,WAAU;0BAAwBA;;YAClD,QAATF,SAAiB,WAAR,GAAQ,qCAAC;gBAAI,WAAU;0BAAsBA;;;;AAG7D;AAEO,SAASc,OAAOC,QAAqB;IAC1C,MAAMX,QAAQY,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,UAAUD;IAC1C,OAAO,WAAP,GAAO,qCAACpB,eAAAA;QAAe,GAAGS,KAAK;;AACjC"}

package/dist/cjs/browser/modules/scrollarea/scrollarea.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/scrollarea.css');
 var __webpack_require__ = {};
 (()=>{
@@ -34,10 +35,12 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
-const index_cjs_namespaceObject = require("../scrollbar/index.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const scrollbar_cjs_namespaceObject = require("../scrollbar/scrollbar.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
-const scrollarea_ScrollArea = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ orientation = 'vertical', className, ...props }, ref) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Scrollbar, {
+const scrollarea_ScrollArea = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { orientation = 'vertical', className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('ScrollArea', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scrollbar_cjs_namespaceObject.ScrollbarControl, {
         ...props,
         ref: ref,
         orientation: orientation,