@yamada-ui/react 2.2.6 → 2.2.7-dev-20260804111744

package/dist/cjs/components/qr-code/qr-code.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"qr-code.cjs","names":["createSlotComponent","qrCodeStyle","useQrCode","useSplitChildren","styled"],"sources":["../../../../src/components/qr-code/qr-code.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { QrCodeStyle } from \"./qr-code.style\"\nimport type { UseQrCodeProps, UseQrCodeReturn } from \"./use-qr-code\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useSplitChildren } from \"../../utils\"\nimport { qrCodeStyle } from \"./qr-code.style\"\nimport { useQrCode } from \"./use-qr-code\"\n\ninterface ComponentContext\n  extends\n    Pick<\n      UseQrCodeReturn,\n      \"getFrameProps\" | \"getOverlayProps\" | \"getPatternProps\"\n    >,\n    Pick<QrCodeRootProps, \"patternProps\"> {}\n\nexport interface QrCodeRootProps\n  extends\n    Omit<HTMLStyledProps, \"border\" | \"invert\">,\n    ThemeProps<QrCodeStyle>,\n    UseQrCodeProps {\n  /**\n   * Props for the frame component.\n   */\n  frameProps?: QrCodeFrameProps\n  /**\n   * Props for the pattern component.\n   */\n  patternProps?: QrCodePatternProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: QrCodePropsContext,\n  useComponentContext,\n  usePropsContext: useQrCodePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<QrCodeRootProps, QrCodeStyle, ComponentContext>(\n  \"qr-code\",\n  qrCodeStyle,\n)\n\nexport { QrCodePropsContext, useQrCodePropsContext }\n\n/**\n * `QrCode` is a component that displays a QR code.\n *\n * @see https://yamada-ui.com/docs/components/qr-code\n */\nexport const QrCodeRoot = withProvider<\"div\", QrCodeRootProps>(\n  ({ children, frameProps, patternProps, ...rest }) => {\n    const { getFrameProps, getOverlayProps, getPatternProps, getRootProps } =\n      useQrCode(rest)\n    const [omittedChildren, customFrame] = useSplitChildren(\n      children,\n      QrCodeFrame,\n    )\n    const context = useMemo(\n      () => ({ getFrameProps, getOverlayProps, getPatternProps, patternProps }),\n      [getFrameProps, getOverlayProps, getPatternProps, patternProps],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <styled.div {...getRootProps()}>\n          {customFrame ?? <QrCodeFrame {...frameProps} />}\n          {omittedChildren}\n        </styled.div>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface QrCodeFrameProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const QrCodeFrame = withContext<\"svg\", QrCodeFrameProps>(\n  ({ children, ...rest }) => {\n    const { getFrameProps, patternProps } = useComponentContext()\n    const [omittedChildren, customPattern] = useSplitChildren(\n      children,\n      QrCodePattern,\n    )\n\n    return (\n      <styled.svg {...getFrameProps(rest)}>\n        {customPattern ?? <QrCodePattern {...patternProps} />}\n        {omittedChildren}\n      </styled.svg>\n    )\n  },\n  \"frame\",\n)()\n\nexport interface QrCodePatternProps extends HTMLStyledProps<\"path\"> {}\n\nexport const QrCodePattern = withContext<\"path\", QrCodePatternProps>(\n  \"path\",\n  \"pattern\",\n)(undefined, (props) => {\n  const { getPatternProps } = useComponentContext()\n\n  return getPatternProps(props)\n})\n\nexport interface QrCodeOverlayProps extends HTMLStyledProps {}\n\nexport const QrCodeOverlay = withContext<\"div\", QrCodeOverlayProps>(\n  \"div\",\n  \"overlay\",\n)(undefined, (props) => {\n  const { getOverlayProps } = useComponentContext()\n\n  return getOverlayProps(props)\n})\n"],"mappings":";;;;;;;;;AAkCA,MAAM,EACJ,kBACA,cAAc,oBACd,qBACA,iBAAiB,uBACjB,aACA,iBACEA,yBAAAA,oBACF,WACAC,sBAAAA,WACF;;;;;;AASA,MAAa,aAAa,cACvB,EAAE,UAAU,YAAY,cAAc,GAAG,WAAW;CACnD,MAAM,EAAE,eAAe,iBAAiB,iBAAiB,iBACvDC,oBAAAA,UAAU,IAAI;CAChB,MAAM,CAAC,iBAAiB,eAAeC,iBAAAA,iBACrC,UACA,WACF;CACA,MAAM,WAAA,GAAA,MAAA,QAAA,QACG;EAAE;EAAe;EAAiB;EAAiB;CAAa,IACvE;EAAC;EAAe;EAAiB;EAAiB;CAAY,CAChE;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EAAkB,OAAO;EACvB,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,KAAR;GAAY,GAAI,aAAa;GAA7B,UAAA,CACG,eAAe,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD,EAAa,GAAI,WAAa,CAAA,GAC7C,eACS;;CACI,CAAA;AAEtB,GACA,MACF,CAAC,CAAC;AAIF,MAAa,cAAc,aACxB,EAAE,UAAU,GAAG,WAAW;CACzB,MAAM,EAAE,eAAe,iBAAiB,oBAAoB;CAC5D,MAAM,CAAC,iBAAiB,iBAAiBD,iBAAAA,iBACvC,UACA,aACF;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,KAAR;EAAY,GAAI,cAAc,IAAI;EAAlC,UAAA,CACG,iBAAiB,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,EAAe,GAAI,aAAe,CAAA,GACnD,eACS;;AAEhB,GACA,OACF,CAAC,CAAC;AAIF,MAAa,gBAAgB,YAC3B,QACA,SACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,oBAAoB;CAEhD,OAAO,gBAAgB,KAAK;AAC9B,CAAC;AAID,MAAa,gBAAgB,YAC3B,OACA,SACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,oBAAoB;CAEhD,OAAO,gBAAgB,KAAK;AAC9B,CAAC"}
+{"version":3,"file":"qr-code.cjs","names":["createSlotComponent","qrCodeStyle","useQrCode","useSplitChildren","useMemo","styled"],"sources":["../../../../src/components/qr-code/qr-code.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { QrCodeStyle } from \"./qr-code.style\"\nimport type { UseQrCodeProps, UseQrCodeReturn } from \"./use-qr-code\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useSplitChildren } from \"../../utils\"\nimport { qrCodeStyle } from \"./qr-code.style\"\nimport { useQrCode } from \"./use-qr-code\"\n\ninterface ComponentContext\n  extends\n    Pick<\n      UseQrCodeReturn,\n      \"getFrameProps\" | \"getOverlayProps\" | \"getPatternProps\"\n    >,\n    Pick<QrCodeRootProps, \"patternProps\"> {}\n\nexport interface QrCodeRootProps\n  extends\n    Omit<HTMLStyledProps, \"border\" | \"invert\">,\n    ThemeProps<QrCodeStyle>,\n    UseQrCodeProps {\n  /**\n   * Props for the frame component.\n   */\n  frameProps?: QrCodeFrameProps\n  /**\n   * Props for the pattern component.\n   */\n  patternProps?: QrCodePatternProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: QrCodePropsContext,\n  useComponentContext,\n  usePropsContext: useQrCodePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<QrCodeRootProps, QrCodeStyle, ComponentContext>(\n  \"qr-code\",\n  qrCodeStyle,\n)\n\nexport { QrCodePropsContext, useQrCodePropsContext }\n\n/**\n * `QrCode` is a component that displays a QR code.\n *\n * @see https://yamada-ui.com/docs/components/qr-code\n */\nexport const QrCodeRoot = withProvider<\"div\", QrCodeRootProps>(\n  ({ children, frameProps, patternProps, ...rest }) => {\n    const { getFrameProps, getOverlayProps, getPatternProps, getRootProps } =\n      useQrCode(rest)\n    const [omittedChildren, customFrame] = useSplitChildren(\n      children,\n      QrCodeFrame,\n    )\n    const context = useMemo(\n      () => ({ getFrameProps, getOverlayProps, getPatternProps, patternProps }),\n      [getFrameProps, getOverlayProps, getPatternProps, patternProps],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <styled.div {...getRootProps()}>\n          {customFrame ?? <QrCodeFrame {...frameProps} />}\n          {omittedChildren}\n        </styled.div>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface QrCodeFrameProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const QrCodeFrame = withContext<\"svg\", QrCodeFrameProps>(\n  ({ children, ...rest }) => {\n    const { getFrameProps, patternProps } = useComponentContext()\n    const [omittedChildren, customPattern] = useSplitChildren(\n      children,\n      QrCodePattern,\n    )\n\n    return (\n      <styled.svg {...getFrameProps(rest)}>\n        {customPattern ?? <QrCodePattern {...patternProps} />}\n        {omittedChildren}\n      </styled.svg>\n    )\n  },\n  \"frame\",\n)()\n\nexport interface QrCodePatternProps extends HTMLStyledProps<\"path\"> {}\n\nexport const QrCodePattern = withContext<\"path\", QrCodePatternProps>(\n  \"path\",\n  \"pattern\",\n)(undefined, (props) => {\n  const { getPatternProps } = useComponentContext()\n\n  return getPatternProps(props)\n})\n\nexport interface QrCodeOverlayProps extends HTMLStyledProps {}\n\nexport const QrCodeOverlay = withContext<\"div\", QrCodeOverlayProps>(\n  \"div\",\n  \"overlay\",\n)(undefined, (props) => {\n  const { getOverlayProps } = useComponentContext()\n\n  return getOverlayProps(props)\n})\n"],"mappings":";;;;;;;;;;AAkCA,MAAM,EACJ,kBACA,cAAc,oBACd,qBACA,iBAAiB,uBACjB,aACA,iBACEA,yBAAAA,oBACF,WACAC,sBAAAA,WACF;;;;;;AASA,MAAa,aAAa,cACvB,EAAE,UAAU,YAAY,cAAc,GAAG,WAAW;CACnD,MAAM,EAAE,eAAe,iBAAiB,iBAAiB,iBACvDC,oBAAAA,UAAU,IAAI;CAChB,MAAM,CAAC,iBAAiB,eAAeC,iBAAAA,iBACrC,UACA,WACF;CACA,MAAM,WAAA,GAAUC,MAAAA,QAAAA,QACP;EAAE;EAAe;EAAiB;EAAiB;CAAa,IACvE;EAAC;EAAe;EAAiB;EAAiB;CAAY,CAChE;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EAAkB,OAAO;EACvB,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,KAAR;GAAY,GAAI,aAAa;GAA7B,UAAA,CACG,eAAe,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD,EAAa,GAAI,WAAa,CAAA,GAC7C,eACS;;CACI,CAAA;AAEtB,GACA,MACF,CAAC,CAAC;AAIF,MAAa,cAAc,aACxB,EAAE,UAAU,GAAG,WAAW;CACzB,MAAM,EAAE,eAAe,iBAAiB,oBAAoB;CAC5D,MAAM,CAAC,iBAAiB,iBAAiBF,iBAAAA,iBACvC,UACA,aACF;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACE,gBAAAA,OAAO,KAAR;EAAY,GAAI,cAAc,IAAI;EAAlC,UAAA,CACG,iBAAiB,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD,EAAe,GAAI,aAAe,CAAA,GACnD,eACS;;AAEhB,GACA,OACF,CAAC,CAAC;AAIF,MAAa,gBAAgB,YAC3B,QACA,SACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,oBAAoB;CAEhD,OAAO,gBAAgB,KAAK;AAC9B,CAAC;AAID,MAAa,gBAAgB,YAC3B,OACA,SACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,oBAAoB;CAEhD,OAAO,gBAAgB,KAAK;AAC9B,CAAC"}

package/dist/cjs/components/qr-code/use-qr-code.cjs

@@ -1,3 +1,4 @@
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_props = require("../../core/components/props.cjs");
 let react = require("react");
 let uqr = require("uqr");

package/dist/cjs/components/qr-code/use-qr-code.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-qr-code.cjs","names":["mergeProps"],"sources":["../../../../src/components/qr-code/use-qr-code.tsx"],"sourcesContent":["import type { QrCodeGenerateResult } from \"uqr\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { encode } from \"uqr\"\nimport { mergeProps } from \"../../core\"\n\nexport interface UseQrCodeProps extends HTMLProps {\n  /**\n   * The value to encode as a QR code.\n   */\n  value: string\n  /**\n   * The error correction level to boost the error correction level to the maximum allowed by the version and size.\n   *\n   * @default false\n   */\n  boostEcc?: boolean\n  /**\n   * The border width around the QR code.\n   *\n   * @default 1\n   */\n  border?: number\n  /**\n   * The error correction level.\n   *\n   * - `L` allows for up to 7% error correction,\n   * - `M` allows for up to 15% error correction,\n   * - `Q` allows for up to 25% error correction,\n   * - `H` allows for up to 30% error correction.\n   *\n   * @default 'L'\n   */\n  ecc?: \"H\" | \"L\" | \"M\" | \"Q\"\n  /**\n   * Inverts the black and white of the QR code.\n   *\n   * @default false\n   */\n  invert?: boolean\n  /**\n   * The mask pattern to use.\n   *\n   * @default -1\n   */\n  maskPattern?: number\n  /**\n   * The maximum version of the QR code (1-40).\n   *\n   * @default 40\n   */\n  maxVersion?: number\n  /**\n   * The minimum version of the QR code (1-40).\n   *\n   * @default 1\n   */\n  minVersion?: number\n  /**\n   * The pixel size of the QR code.\n   *\n   * @default 10\n   */\n  pixelSize?: number\n  /**\n   * Callback function to receive the generated QR Code.\n   */\n  onEncoded?: (qr: QrCodeGenerateResult) => void\n}\n\nexport const useQrCode = ({\n  boostEcc,\n  border,\n  ecc,\n  invert,\n  maskPattern,\n  maxVersion,\n  minVersion,\n  pixelSize = 10,\n  value,\n  onEncoded,\n  ...rest\n}: UseQrCodeProps) => {\n  const encoded = useMemo(\n    () =>\n      encode(value, {\n        boostEcc,\n        border,\n        ecc,\n        invert,\n        maskPattern,\n        maxVersion,\n        minVersion,\n        onEncoded,\n      }),\n    [\n      value,\n      border,\n      ecc,\n      boostEcc,\n      maskPattern,\n      maxVersion,\n      minVersion,\n      invert,\n      onEncoded,\n    ],\n  )\n  const height = encoded.size * pixelSize\n  const width = encoded.size * pixelSize\n  const viewBox = `0 0 ${width} ${height}`\n  const paths: string[] = useMemo(() => {\n    const result: string[] = []\n\n    for (let row = 0; row < encoded.size; row++)\n      for (let col = 0; col < encoded.size; col++) {\n        const x = col * pixelSize\n        const y = row * pixelSize\n        if (encoded.data[row]?.[col])\n          result.push(`M${x},${y}h${pixelSize}v${pixelSize}h-${pixelSize}z`)\n      }\n\n    return result\n  }, [encoded.data, encoded.size, pixelSize])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getFrameProps: PropGetter<\"svg\"> = useCallback(\n    (props = {}) => ({ viewBox: `0 0 ${width} ${height}`, ...props }),\n    [height, width],\n  )\n\n  const getOverlayProps: PropGetter = useCallback(\n    (props = {}) => ({ ...props }),\n    [],\n  )\n\n  const getPatternProps: PropGetter<\"path\"> = useCallback(\n    (props) => ({ ...props, d: paths.join(\" \") }),\n    [paths],\n  )\n\n  return {\n    height,\n    paths,\n    viewBox,\n    width,\n    getFrameProps,\n    getOverlayProps,\n    getPatternProps,\n    getRootProps,\n  }\n}\n\nexport type UseQrCodeReturn = ReturnType<typeof useQrCode>\n"],"mappings":";;;;AAsEA,MAAa,aAAa,EACxB,UACA,QACA,KACA,QACA,aACA,YACA,YACA,YAAY,IACZ,OACA,WACA,GAAG,WACiB;CACpB,MAAM,WAAA,GAAA,MAAA,QAAA,QAAA,GAAA,IAAA,OAAA,CAEK,OAAO;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GACH;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,SAAS,QAAQ,OAAO;CAC9B,MAAM,QAAQ,QAAQ,OAAO;CAC7B,MAAM,UAAU,OAAO,MAAM,GAAG;CAChC,MAAM,SAAA,GAAA,MAAA,QAAA,OAAgC;EACpC,MAAM,SAAmB,CAAC;EAE1B,KAAK,IAAI,MAAM,GAAG,MAAM,QAAQ,MAAM,OACpC,KAAK,IAAI,MAAM,GAAG,MAAM,QAAQ,MAAM,OAAO;GAC3C,MAAM,IAAI,MAAM;GAChB,MAAM,IAAI,MAAM;GAChB,IAAI,QAAQ,KAAK,IAAI,GAAG,MACtB,OAAO,KAAK,IAAI,EAAE,GAAG,EAAE,GAAG,UAAU,GAAG,UAAU,IAAI,UAAU,EAAE;EACrE;EAEF,OAAO;CACT,GAAG;EAAC,QAAQ;EAAM,QAAQ;EAAM;CAAS,CAAC;CAE1C,MAAM,gBAAA,GAAA,MAAA,YAAA,EACH,UAAUA,cAAAA,WAAW,MAAM,KAAK,CAAC,CAAC,GACnC,CAAC,IAAI,CACP;CAiBA,OAAO;EACL;EACA;EACA;EACA;EACA,gBAAA,GAAA,MAAA,YAAA,EAnBC,QAAQ,CAAC,OAAO;GAAE,SAAS,OAAO,MAAM,GAAG;GAAU,GAAG;EAAM,IAC/D,CAAC,QAAQ,KAAK,CAkBF;EACZ,kBAAA,GAAA,MAAA,YAAA,EAfC,QAAQ,CAAC,OAAO,EAAE,GAAG,MAAM,IAC5B,CAAC,CAca;EACd,kBAAA,GAAA,MAAA,YAAA,EAXC,WAAW;GAAE,GAAG;GAAO,GAAG,MAAM,KAAK,GAAG;EAAE,IAC3C,CAAC,KAAK,CAUQ;EACd;CACF;AACF"}
+{"version":3,"file":"use-qr-code.cjs","names":["useMemo","encode","useCallback","mergeProps"],"sources":["../../../../src/components/qr-code/use-qr-code.tsx"],"sourcesContent":["import type { QrCodeGenerateResult } from \"uqr\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { encode } from \"uqr\"\nimport { mergeProps } from \"../../core\"\n\nexport interface UseQrCodeProps extends HTMLProps {\n  /**\n   * The value to encode as a QR code.\n   */\n  value: string\n  /**\n   * The error correction level to boost the error correction level to the maximum allowed by the version and size.\n   *\n   * @default false\n   */\n  boostEcc?: boolean\n  /**\n   * The border width around the QR code.\n   *\n   * @default 1\n   */\n  border?: number\n  /**\n   * The error correction level.\n   *\n   * - `L` allows for up to 7% error correction,\n   * - `M` allows for up to 15% error correction,\n   * - `Q` allows for up to 25% error correction,\n   * - `H` allows for up to 30% error correction.\n   *\n   * @default 'L'\n   */\n  ecc?: \"H\" | \"L\" | \"M\" | \"Q\"\n  /**\n   * Inverts the black and white of the QR code.\n   *\n   * @default false\n   */\n  invert?: boolean\n  /**\n   * The mask pattern to use.\n   *\n   * @default -1\n   */\n  maskPattern?: number\n  /**\n   * The maximum version of the QR code (1-40).\n   *\n   * @default 40\n   */\n  maxVersion?: number\n  /**\n   * The minimum version of the QR code (1-40).\n   *\n   * @default 1\n   */\n  minVersion?: number\n  /**\n   * The pixel size of the QR code.\n   *\n   * @default 10\n   */\n  pixelSize?: number\n  /**\n   * Callback function to receive the generated QR Code.\n   */\n  onEncoded?: (qr: QrCodeGenerateResult) => void\n}\n\nexport const useQrCode = ({\n  boostEcc,\n  border,\n  ecc,\n  invert,\n  maskPattern,\n  maxVersion,\n  minVersion,\n  pixelSize = 10,\n  value,\n  onEncoded,\n  ...rest\n}: UseQrCodeProps) => {\n  const encoded = useMemo(\n    () =>\n      encode(value, {\n        boostEcc,\n        border,\n        ecc,\n        invert,\n        maskPattern,\n        maxVersion,\n        minVersion,\n        onEncoded,\n      }),\n    [\n      value,\n      border,\n      ecc,\n      boostEcc,\n      maskPattern,\n      maxVersion,\n      minVersion,\n      invert,\n      onEncoded,\n    ],\n  )\n  const height = encoded.size * pixelSize\n  const width = encoded.size * pixelSize\n  const viewBox = `0 0 ${width} ${height}`\n  const paths: string[] = useMemo(() => {\n    const result: string[] = []\n\n    for (let row = 0; row < encoded.size; row++)\n      for (let col = 0; col < encoded.size; col++) {\n        const x = col * pixelSize\n        const y = row * pixelSize\n        if (encoded.data[row]?.[col])\n          result.push(`M${x},${y}h${pixelSize}v${pixelSize}h-${pixelSize}z`)\n      }\n\n    return result\n  }, [encoded.data, encoded.size, pixelSize])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps(rest, props)(),\n    [rest],\n  )\n\n  const getFrameProps: PropGetter<\"svg\"> = useCallback(\n    (props = {}) => ({ viewBox: `0 0 ${width} ${height}`, ...props }),\n    [height, width],\n  )\n\n  const getOverlayProps: PropGetter = useCallback(\n    (props = {}) => ({ ...props }),\n    [],\n  )\n\n  const getPatternProps: PropGetter<\"path\"> = useCallback(\n    (props) => ({ ...props, d: paths.join(\" \") }),\n    [paths],\n  )\n\n  return {\n    height,\n    paths,\n    viewBox,\n    width,\n    getFrameProps,\n    getOverlayProps,\n    getPatternProps,\n    getRootProps,\n  }\n}\n\nexport type UseQrCodeReturn = ReturnType<typeof useQrCode>\n"],"mappings":";;;;;AAsEA,MAAa,aAAa,EACxB,UACA,QACA,KACA,QACA,aACA,YACA,YACA,YAAY,IACZ,OACA,WACA,GAAG,WACiB;CACpB,MAAM,WAAA,GAAUA,MAAAA,QAAAA,QAAAA,GAEZC,IAAAA,OAAAA,CAAO,OAAO;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GACH;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,SAAS,QAAQ,OAAO;CAC9B,MAAM,QAAQ,QAAQ,OAAO;CAC7B,MAAM,UAAU,OAAO,MAAM,GAAG;CAChC,MAAM,SAAA,GAAkBD,MAAAA,QAAAA,OAAc;EACpC,MAAM,SAAmB,CAAC;EAE1B,KAAK,IAAI,MAAM,GAAG,MAAM,QAAQ,MAAM,OACpC,KAAK,IAAI,MAAM,GAAG,MAAM,QAAQ,MAAM,OAAO;GAC3C,MAAM,IAAI,MAAM;GAChB,MAAM,IAAI,MAAM;GAChB,IAAI,QAAQ,KAAK,IAAI,GAAG,MACtB,OAAO,KAAK,IAAI,EAAE,GAAG,EAAE,GAAG,UAAU,GAAG,UAAU,IAAI,UAAU,EAAE;EACrE;EAEF,OAAO;CACT,GAAG;EAAC,QAAQ;EAAM,QAAQ;EAAM;CAAS,CAAC;CAE1C,MAAM,gBAAA,GAA2BE,MAAAA,YAAAA,EAC9B,UAAUC,cAAAA,WAAW,MAAM,KAAK,CAAC,CAAC,GACnC,CAAC,IAAI,CACP;CAiBA,OAAO;EACL;EACA;EACA;EACA;EACA,gBAAA,GApBuCD,MAAAA,YAAAA,EACtC,QAAQ,CAAC,OAAO;GAAE,SAAS,OAAO,MAAM,GAAG;GAAU,GAAG;EAAM,IAC/D,CAAC,QAAQ,KAAK,CAkBF;EACZ,kBAAA,GAhBkCA,MAAAA,YAAAA,EACjC,QAAQ,CAAC,OAAO,EAAE,GAAG,MAAM,IAC5B,CAAC,CAca;EACd,kBAAA,GAZ0CA,MAAAA,YAAAA,EACzC,WAAW;GAAE,GAAG;GAAO,GAAG,MAAM,KAAK,GAAG;EAAE,IAC3C,CAAC,KAAK,CAUQ;EACd;CACF;AACF"}

package/dist/cjs/components/radio/radio-group.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_group = require("../group/group.cjs");
 const require_use_radio_group = require("./use-radio-group.cjs");
 const require_radio = require("./radio.cjs");
@@ -26,42 +27,44 @@ const RadioGroupRoot = require_radio.component((props) => {
 			children: label
 		}, value ?? index));
 	}, [items, children]);
+	const context = (0, react.useMemo)(() => ({
+		colorScheme,
+		size,
+		variant,
+		disabled,
+		errorBorderColor,
+		focusBorderColor,
+		invalid,
+		readOnly,
+		shape
+	}), [
+		variant,
+		size,
+		colorScheme,
+		shape,
+		disabled,
+		invalid,
+		readOnly,
+		errorBorderColor,
+		focusBorderColor
+	]);
+	const groupContext = (0, react.useMemo)(() => ({
+		name,
+		value,
+		getInputProps,
+		getLabelProps,
+		onChange
+	}), [
+		name,
+		value,
+		getInputProps,
+		getLabelProps,
+		onChange
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_radio.RadioPropsContext, {
-		value: (0, react.useMemo)(() => ({
-			colorScheme,
-			size,
-			variant,
-			disabled,
-			errorBorderColor,
-			focusBorderColor,
-			invalid,
-			readOnly,
-			shape
-		}), [
-			variant,
-			size,
-			colorScheme,
-			shape,
-			disabled,
-			invalid,
-			readOnly,
-			errorBorderColor,
-			focusBorderColor
-		]),
+		value: context,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_radio_group.RadioGroupContext, {
-			value: (0, react.useMemo)(() => ({
-				name,
-				value,
-				getInputProps,
-				getLabelProps,
-				onChange
-			}), [
-				name,
-				value,
-				getInputProps,
-				getLabelProps,
-				onChange
-			]),
+			value: groupContext,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
 				orientation: "vertical",
 				...getRootProps(),

package/dist/cjs/components/radio/radio-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.cjs","names":["component","useRootComponentProps","useRadioGroup","Radio","RadioPropsContext","RadioGroupContext","Group"],"sources":["../../../../src/components/radio/radio-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n  GenericsComponent,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GroupProps } from \"../group\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { RadioProps } from \"./radio\"\nimport type { RadioStyle } from \"./radio.style\"\nimport type { UseRadioGroupProps } from \"./use-radio-group\"\nimport { useMemo } from \"react\"\nimport { Group } from \"../group\"\nimport {\n  component,\n  Radio,\n  RadioPropsContext,\n  useRootComponentProps,\n} from \"./radio\"\nimport { RadioGroupContext, useRadioGroup } from \"./use-radio-group\"\n\nexport interface RadioGroupItem<\n  Y extends string = string,\n> extends RadioProps<Y> {\n  label: ReactNode\n}\n\nexport interface RadioGroupRootProps<Y extends string = string>\n  extends\n    Omit<\n      WithoutThemeProps<GroupProps, RadioStyle>,\n      \"defaultValue\" | \"onChange\" | \"value\"\n    >,\n    ThemeProps<RadioStyle>,\n    UseRadioGroupProps<Y>,\n    UseInputBorderProps {\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: RadioGroupItem<Y>[]\n}\n\n/**\n * `RadioGroup` is a component that groups `Radio` components.\n *\n * @see https://yamada-ui.com/docs/components/radio\n */\nexport const RadioGroupRoot = component<\"div\", RadioGroupRootProps>((props) => {\n  const [\n    ,\n    {\n      colorScheme,\n      size,\n      variant,\n      children,\n      disabled,\n      errorBorderColor,\n      focusBorderColor,\n      invalid,\n      items = [],\n      readOnly,\n      shape,\n      ...rest\n    },\n  ] = useRootComponentProps(props, \"group\", {\n    transferProps: [\"variant\", \"colorScheme\", \"size\", \"shape\"],\n  })\n  const { name, value, getInputProps, getLabelProps, getRootProps, onChange } =\n    useRadioGroup(rest)\n  const computedChildren = useMemo(() => {\n    if (children) return children\n\n    return items.map(({ label, value, ...rest }, index) => (\n      <Radio key={value ?? index} value={value} {...rest}>\n        {label}\n      </Radio>\n    ))\n  }, [items, children])\n  const context = useMemo(\n    () => ({\n      colorScheme,\n      size,\n      variant,\n      disabled,\n      errorBorderColor,\n      focusBorderColor,\n      invalid,\n      readOnly,\n      shape,\n    }),\n    [\n      variant,\n      size,\n      colorScheme,\n      shape,\n      disabled,\n      invalid,\n      readOnly,\n      errorBorderColor,\n      focusBorderColor,\n    ],\n  )\n  const groupContext = useMemo(\n    () => ({ name, value, getInputProps, getLabelProps, onChange }),\n    [name, value, getInputProps, getLabelProps, onChange],\n  )\n\n  return (\n    <RadioPropsContext value={context}>\n      <RadioGroupContext value={groupContext}>\n        <Group orientation=\"vertical\" {...getRootProps()}>\n          {computedChildren}\n        </Group>\n      </RadioGroupContext>\n    </RadioPropsContext>\n  )\n}, \"group\")() as GenericsComponent<{\n  <Y extends string = string>(props: RadioGroupRootProps<Y>): ReactElement\n}>\n\nexport { Radio as RadioGroupItem }\n"],"mappings":";;;;;;;;;;;;AAmDA,MAAa,iBAAiBA,cAAAA,WAAuC,UAAU;CAC7E,MAAM,GAEJ,EACE,aACA,MACA,SACA,UACA,UACA,kBACA,kBACA,SACA,QAAQ,CAAC,GACT,UACA,OACA,GAAG,UAEHC,cAAAA,sBAAsB,OAAO,SAAS,EACxC,eAAe;EAAC;EAAW;EAAe;EAAQ;CAAO,EAC3D,CAAC;CACD,MAAM,EAAE,MAAM,OAAO,eAAe,eAAe,cAAc,aAC/DC,wBAAAA,cAAc,IAAI;CACpB,MAAM,oBAAA,GAAA,MAAA,QAAA,OAAiC;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,MAAM,KAAK,EAAE,OAAO,OAAO,GAAG,QAAQ,UAC3C,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;GAAmC;GAAO,GAAI;GAC3C,UAAA;EACI,GAFK,SAAS,KAEd,CACR;CACH,GAAG,CAAC,OAAO,QAAQ,CAAC;CA8BpB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,mBAAD;EAAmB,QAAA,GAAA,MAAA,QAAA,QA7BZ;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAQgC;EAC9B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,mBAAD;GAAmB,QAAA,GAAA,MAAA,QAAA,QANd;IAAE;IAAM;IAAO;IAAe;IAAe;GAAS,IAC7D;IAAC;IAAM;IAAO;IAAe;IAAe;GAAQ,CAKb;GACnC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;IAAO,aAAY;IAAW,GAAI,aAAa;IAC5C,UAAA;GACI,CAAA;EACU,CAAA;CACF,CAAA;AAEvB,GAAG,OAAO,CAAC,CAAC"}
+{"version":3,"file":"radio-group.cjs","names":["component","useRootComponentProps","useRadioGroup","useMemo","Radio","RadioPropsContext","RadioGroupContext","Group"],"sources":["../../../../src/components/radio/radio-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n  GenericsComponent,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GroupProps } from \"../group\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { RadioProps } from \"./radio\"\nimport type { RadioStyle } from \"./radio.style\"\nimport type { UseRadioGroupProps } from \"./use-radio-group\"\nimport { useMemo } from \"react\"\nimport { Group } from \"../group\"\nimport {\n  component,\n  Radio,\n  RadioPropsContext,\n  useRootComponentProps,\n} from \"./radio\"\nimport { RadioGroupContext, useRadioGroup } from \"./use-radio-group\"\n\nexport interface RadioGroupItem<\n  Y extends string = string,\n> extends RadioProps<Y> {\n  label: ReactNode\n}\n\nexport interface RadioGroupRootProps<Y extends string = string>\n  extends\n    Omit<\n      WithoutThemeProps<GroupProps, RadioStyle>,\n      \"defaultValue\" | \"onChange\" | \"value\"\n    >,\n    ThemeProps<RadioStyle>,\n    UseRadioGroupProps<Y>,\n    UseInputBorderProps {\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: RadioGroupItem<Y>[]\n}\n\n/**\n * `RadioGroup` is a component that groups `Radio` components.\n *\n * @see https://yamada-ui.com/docs/components/radio\n */\nexport const RadioGroupRoot = component<\"div\", RadioGroupRootProps>((props) => {\n  const [\n    ,\n    {\n      colorScheme,\n      size,\n      variant,\n      children,\n      disabled,\n      errorBorderColor,\n      focusBorderColor,\n      invalid,\n      items = [],\n      readOnly,\n      shape,\n      ...rest\n    },\n  ] = useRootComponentProps(props, \"group\", {\n    transferProps: [\"variant\", \"colorScheme\", \"size\", \"shape\"],\n  })\n  const { name, value, getInputProps, getLabelProps, getRootProps, onChange } =\n    useRadioGroup(rest)\n  const computedChildren = useMemo(() => {\n    if (children) return children\n\n    return items.map(({ label, value, ...rest }, index) => (\n      <Radio key={value ?? index} value={value} {...rest}>\n        {label}\n      </Radio>\n    ))\n  }, [items, children])\n  const context = useMemo(\n    () => ({\n      colorScheme,\n      size,\n      variant,\n      disabled,\n      errorBorderColor,\n      focusBorderColor,\n      invalid,\n      readOnly,\n      shape,\n    }),\n    [\n      variant,\n      size,\n      colorScheme,\n      shape,\n      disabled,\n      invalid,\n      readOnly,\n      errorBorderColor,\n      focusBorderColor,\n    ],\n  )\n  const groupContext = useMemo(\n    () => ({ name, value, getInputProps, getLabelProps, onChange }),\n    [name, value, getInputProps, getLabelProps, onChange],\n  )\n\n  return (\n    <RadioPropsContext value={context}>\n      <RadioGroupContext value={groupContext}>\n        <Group orientation=\"vertical\" {...getRootProps()}>\n          {computedChildren}\n        </Group>\n      </RadioGroupContext>\n    </RadioPropsContext>\n  )\n}, \"group\")() as GenericsComponent<{\n  <Y extends string = string>(props: RadioGroupRootProps<Y>): ReactElement\n}>\n\nexport { Radio as RadioGroupItem }\n"],"mappings":";;;;;;;;;;;;;AAmDA,MAAa,iBAAiBA,cAAAA,WAAuC,UAAU;CAC7E,MAAM,GAEJ,EACE,aACA,MACA,SACA,UACA,UACA,kBACA,kBACA,SACA,QAAQ,CAAC,GACT,UACA,OACA,GAAG,UAEHC,cAAAA,sBAAsB,OAAO,SAAS,EACxC,eAAe;EAAC;EAAW;EAAe;EAAQ;CAAO,EAC3D,CAAC;CACD,MAAM,EAAE,MAAM,OAAO,eAAe,eAAe,cAAc,aAC/DC,wBAAAA,cAAc,IAAI;CACpB,MAAM,oBAAA,GAAmBC,MAAAA,QAAAA,OAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,MAAM,KAAK,EAAE,OAAO,OAAO,GAAG,QAAQ,UAC3C,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;GAAmC;GAAO,GAAI;GAC3C,UAAA;EACI,GAFK,SAAS,KAEd,CACR;CACH,GAAG,CAAC,OAAO,QAAQ,CAAC;CACpB,MAAM,WAAA,GAAUD,MAAAA,QAAAA,QACP;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,gBAAA,GAAeA,MAAAA,QAAAA,QACZ;EAAE;EAAM;EAAO;EAAe;EAAe;CAAS,IAC7D;EAAC;EAAM;EAAO;EAAe;EAAe;CAAQ,CACtD;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,cAAAA,mBAAD;EAAmB,OAAO;EACxB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,mBAAD;GAAmB,OAAO;GACxB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;IAAO,aAAY;IAAW,GAAI,aAAa;IAC5C,UAAA;GACI,CAAA;EACU,CAAA;CACF,CAAA;AAEvB,GAAG,OAAO,CAAC,CAAC"}

package/dist/cjs/components/radio/radio.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_use_input_border = require("../input/use-input-border.cjs");

package/dist/cjs/components/radio/radio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio.cjs","names":["createSlotComponent","radioStyle","useRadio","useInputBorder","styled"],"sources":["../../../../src/components/radio/radio.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { RadioStyle } from \"./radio.style\"\nimport type { UseRadioProps } from \"./use-radio\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useInputBorder } from \"../input\"\nimport { radioStyle } from \"./radio.style\"\nimport { useRadio } from \"./use-radio\"\n\nexport interface RadioProps<Y extends string = string>\n  extends\n    Merge<HTMLStyledProps<\"label\">, UseRadioProps<Y>>,\n    ThemeProps<RadioStyle>,\n    UseInputBorderProps {\n  /**\n   * Props for the indicator component.\n   */\n  indicatorProps?: RadioIndicatorProps\n  /**\n   * Props for the input element.\n   */\n  inputProps?: HTMLStyledProps<\"input\">\n  /**\n   * Props for the label component.\n   */\n  labelProps?: RadioLabelProps\n  /**\n   * Props for the label element.\n   */\n  rootProps?: HTMLStyledProps<\"label\">\n}\n\nconst {\n  component,\n  PropsContext: RadioPropsContext,\n  usePropsContext: useRadioPropsContext,\n  withContext,\n  withProvider,\n  useRootComponentProps,\n} = createSlotComponent<RadioProps, RadioStyle>(\"radio\", radioStyle)\n\nexport {\n  component,\n  RadioPropsContext,\n  useRadioPropsContext,\n  useRootComponentProps,\n}\n\n/**\n * `Radio` is a component used for allowing users to select one option from multiple choices.\n *\n * @see https://yamada-ui.com/docs/components/radio\n */\nexport const Radio = withProvider<\"label\", RadioProps>(\n  ({\n    children,\n    errorBorderColor,\n    focusBorderColor,\n    indicatorProps,\n    inputProps,\n    labelProps,\n    rootProps,\n    ...rest\n  }) => {\n    const { getIndicatorProps, getInputProps, getRootProps } = useRadio(rest)\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const input = useMemo(() => {\n      return <styled.input {...getInputProps(inputProps)} />\n    }, [getInputProps, inputProps])\n    const indicator = useMemo(() => {\n      return <RadioIndicator {...getIndicatorProps(indicatorProps)} />\n    }, [getIndicatorProps, indicatorProps])\n\n    return (\n      <styled.label {...getRootProps({ ...varProps, ...rootProps })}>\n        {input}\n        {indicator}\n        {children ? <RadioLabel {...labelProps}>{children}</RadioLabel> : null}\n      </styled.label>\n    )\n  },\n  \"root\",\n)() as GenericsComponent<{\n  <Y extends string = string>(props: RadioProps<Y>): ReactElement\n}>\n\ninterface RadioIndicatorProps extends HTMLStyledProps {}\n\nconst RadioIndicator = withContext<\"div\", RadioIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)({ \"data-indicator\": \"\" })\n\ninterface RadioLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst RadioLabel = withContext<\"span\", RadioLabelProps>(\"span\", \"label\")()\n"],"mappings":";;;;;;;;;AAqCA,MAAM,EACJ,WACA,cAAc,mBACd,iBAAiB,sBACjB,aACA,cACA,0BACEA,yBAAAA,oBAA4C,SAASC,oBAAAA,UAAU;;;;;;AAcnE,MAAa,QAAQ,cAClB,EACC,UACA,kBACA,kBACA,gBACA,YACA,YACA,WACA,GAAG,WACC;CACJ,MAAM,EAAE,mBAAmB,eAAe,iBAAiBC,kBAAAA,SAAS,IAAI;CACxE,MAAM,WAAWC,yBAAAA,eAAe;EAAE;EAAkB;CAAiB,CAAC;CACtE,MAAM,SAAA,GAAA,MAAA,QAAA,OAAsB;EAC1B,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,OAAR,EAAc,GAAI,cAAc,UAAU,EAAI,CAAA;CACvD,GAAG,CAAC,eAAe,UAAU,CAAC;CAC9B,MAAM,aAAA,GAAA,MAAA,QAAA,OAA0B;EAC9B,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD,EAAgB,GAAI,kBAAkB,cAAc,EAAI,CAAA;CACjE,GAAG,CAAC,mBAAmB,cAAc,CAAC;CAEtC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,gBAAAA,OAAO,OAAR;EAAc,GAAI,aAAa;GAAE,GAAG;GAAU,GAAG;EAAU,CAAC;EAA5D,UAAA;GACG;GACA;GACA,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;IAAY,GAAI;IAAa;GAAqB,CAAA,IAAI;EACtD;;AAElB,GACA,MACF,CAAC,CAAC;AAMF,MAAM,iBAAiB,YACrB,OACA,WACF,CAAC,CAAC,EAAE,kBAAkB,GAAG,CAAC;AAI1B,MAAM,aAAa,YAAqC,QAAQ,OAAO,CAAC,CAAC"}
+{"version":3,"file":"radio.cjs","names":["createSlotComponent","radioStyle","useRadio","useInputBorder","useMemo","styled"],"sources":["../../../../src/components/radio/radio.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { RadioStyle } from \"./radio.style\"\nimport type { UseRadioProps } from \"./use-radio\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useInputBorder } from \"../input\"\nimport { radioStyle } from \"./radio.style\"\nimport { useRadio } from \"./use-radio\"\n\nexport interface RadioProps<Y extends string = string>\n  extends\n    Merge<HTMLStyledProps<\"label\">, UseRadioProps<Y>>,\n    ThemeProps<RadioStyle>,\n    UseInputBorderProps {\n  /**\n   * Props for the indicator component.\n   */\n  indicatorProps?: RadioIndicatorProps\n  /**\n   * Props for the input element.\n   */\n  inputProps?: HTMLStyledProps<\"input\">\n  /**\n   * Props for the label component.\n   */\n  labelProps?: RadioLabelProps\n  /**\n   * Props for the label element.\n   */\n  rootProps?: HTMLStyledProps<\"label\">\n}\n\nconst {\n  component,\n  PropsContext: RadioPropsContext,\n  usePropsContext: useRadioPropsContext,\n  withContext,\n  withProvider,\n  useRootComponentProps,\n} = createSlotComponent<RadioProps, RadioStyle>(\"radio\", radioStyle)\n\nexport {\n  component,\n  RadioPropsContext,\n  useRadioPropsContext,\n  useRootComponentProps,\n}\n\n/**\n * `Radio` is a component used for allowing users to select one option from multiple choices.\n *\n * @see https://yamada-ui.com/docs/components/radio\n */\nexport const Radio = withProvider<\"label\", RadioProps>(\n  ({\n    children,\n    errorBorderColor,\n    focusBorderColor,\n    indicatorProps,\n    inputProps,\n    labelProps,\n    rootProps,\n    ...rest\n  }) => {\n    const { getIndicatorProps, getInputProps, getRootProps } = useRadio(rest)\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const input = useMemo(() => {\n      return <styled.input {...getInputProps(inputProps)} />\n    }, [getInputProps, inputProps])\n    const indicator = useMemo(() => {\n      return <RadioIndicator {...getIndicatorProps(indicatorProps)} />\n    }, [getIndicatorProps, indicatorProps])\n\n    return (\n      <styled.label {...getRootProps({ ...varProps, ...rootProps })}>\n        {input}\n        {indicator}\n        {children ? <RadioLabel {...labelProps}>{children}</RadioLabel> : null}\n      </styled.label>\n    )\n  },\n  \"root\",\n)() as GenericsComponent<{\n  <Y extends string = string>(props: RadioProps<Y>): ReactElement\n}>\n\ninterface RadioIndicatorProps extends HTMLStyledProps {}\n\nconst RadioIndicator = withContext<\"div\", RadioIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)({ \"data-indicator\": \"\" })\n\ninterface RadioLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst RadioLabel = withContext<\"span\", RadioLabelProps>(\"span\", \"label\")()\n"],"mappings":";;;;;;;;;;AAqCA,MAAM,EACJ,WACA,cAAc,mBACd,iBAAiB,sBACjB,aACA,cACA,0BACEA,yBAAAA,oBAA4C,SAASC,oBAAAA,UAAU;;;;;;AAcnE,MAAa,QAAQ,cAClB,EACC,UACA,kBACA,kBACA,gBACA,YACA,YACA,WACA,GAAG,WACC;CACJ,MAAM,EAAE,mBAAmB,eAAe,iBAAiBC,kBAAAA,SAAS,IAAI;CACxE,MAAM,WAAWC,yBAAAA,eAAe;EAAE;EAAkB;CAAiB,CAAC;CACtE,MAAM,SAAA,GAAQC,MAAAA,QAAAA,OAAc;EAC1B,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,OAAR,EAAc,GAAI,cAAc,UAAU,EAAI,CAAA;CACvD,GAAG,CAAC,eAAe,UAAU,CAAC;CAC9B,MAAM,aAAA,GAAYD,MAAAA,QAAAA,OAAc;EAC9B,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD,EAAgB,GAAI,kBAAkB,cAAc,EAAI,CAAA;CACjE,GAAG,CAAC,mBAAmB,cAAc,CAAC;CAEtC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,OAAR;EAAc,GAAI,aAAa;GAAE,GAAG;GAAU,GAAG;EAAU,CAAC;EAA5D,UAAA;GACG;GACA;GACA,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;IAAY,GAAI;IAAa;GAAqB,CAAA,IAAI;EACtD;;AAElB,GACA,MACF,CAAC,CAAC;AAMF,MAAM,iBAAiB,YACrB,OACA,WACF,CAAC,CAAC,EAAE,kBAAkB,GAAG,CAAC;AAI1B,MAAM,aAAa,YAAqC,QAAQ,OAAO,CAAC,CAAC"}

package/dist/cjs/components/radio/use-radio-group.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_context = require("../../utils/context.cjs");
 const require_dom = require("../../utils/dom.cjs");
 const require_utils_index = require("../../utils/index.cjs");

package/dist/cjs/components/radio/use-radio-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-radio-group.cjs","names":["createContext","useFieldProps","useControllableState","mergeProps","visuallyHiddenAttributes"],"sources":["../../../../src/components/radio/use-radio-group.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useId } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isObject,\n  isUndefined,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface RadioGroupContext extends Omit<UseRadioGroupReturn, \"getRootProps\"> {}\n\nconst [RadioGroupContext, useRadioGroupContext] =\n  createContext<RadioGroupContext>({\n    name: \"RadioGroupContext\",\n    strict: false,\n  })\n\nexport { RadioGroupContext, useRadioGroupContext }\n\nexport interface UseRadioGroupProps<Y extends string = string>\n  extends Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"value\">, FieldProps {\n  /**\n   * The initial value of the radio group.\n   */\n  defaultValue?: Y\n  /**\n   * The value of the radio group.\n   */\n  value?: Y\n  /**\n   * The callback fired when any children radio is checked or unchecked.\n   */\n  onChange?: (value: Y) => void\n}\n\nexport const useRadioGroup = <Y extends string = string>(\n  props: UseRadioGroupProps<Y> = {},\n) => {\n  const uuid = useId()\n  const {\n    context: { labelId } = {},\n    props: {\n      id = uuid,\n      defaultValue,\n      disabled,\n      readOnly,\n      required,\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps: { \"aria-describedby\": ariaDescribedbyProp, ...ariaProps },\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n\n  const onChange = useCallback(\n    (valueOrEv: ChangeEvent<HTMLInputElement> | Y) => {\n      if (!interactive) return\n\n      if (isObject(valueOrEv)) setValue(valueOrEv.target.value as Y)\n      else setValue(valueOrEv)\n    },\n    [interactive, setValue],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    ({\n      ref,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) =>\n      mergeProps(\n        dataProps,\n        {\n          id,\n          \"aria-describedby\": cx(ariaDescribedbyProp, ariaDescribedby),\n          \"aria-labelledby\": cx(labelId, ariaLabelledby),\n          role: \"radiogroup\",\n        },\n        { ref },\n        rest,\n        props,\n      )(),\n    [ariaDescribedbyProp, dataProps, id, labelId, rest],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => {\n      const checked = !isUndefined(value) && value === props.value\n\n      return {\n        ...dataProps,\n        ...ariaProps,\n        type: \"radio\",\n        name: id,\n        style: visuallyHiddenAttributes.style,\n        \"aria-checked\": checked,\n        \"data-checked\": dataAttr(checked),\n        checked,\n        disabled,\n        readOnly,\n        required,\n        ...props,\n        onBlur: handlerAll(props.onBlur, eventProps.onBlur),\n        onChange: handlerAll(props.onChange, onChange),\n        onFocus: handlerAll(props.onFocus, eventProps.onFocus),\n      }\n    },\n    [\n      ariaProps,\n      dataProps,\n      disabled,\n      eventProps,\n      id,\n      onChange,\n      readOnly,\n      required,\n      value,\n    ],\n  )\n\n  const getLabelProps: PropGetter<\"label\"> = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  return {\n    name: id,\n    value,\n    getInputProps,\n    getLabelProps,\n    getRootProps,\n    onChange,\n  }\n}\n\nexport type UseRadioGroupReturn = ReturnType<typeof useRadioGroup>\n"],"mappings":";;;;;;;;;AAqBA,MAAM,CAAC,mBAAmB,wBACxBA,gBAAAA,cAAiC;CAC/B,MAAM;CACN,QAAQ;AACV,CAAC;AAoBH,MAAa,iBACX,QAA+B,CAAC,MAC7B;CACH,MAAM,QAAA,GAAA,MAAA,MAAA,CAAa;CACnB,MAAM,EACJ,SAAS,EAAE,YAAY,CAAC,GACxB,OAAO,EACL,KAAK,MACL,cACA,UACA,UACA,UACA,OAAO,WACP,UAAU,cACV,GAAG,QAEL,WAAW,EAAE,oBAAoB,qBAAqB,GAAG,aACzD,WACA,eACEC,wBAAAA,cAAc,KAAK;CACvB,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,CAAC,OAAO,YAAYC,2CAAAA,qBAAqB;EAC7C;EACA,OAAO;EACP,UAAU;CACZ,CAAC;CAED,MAAM,YAAA,GAAA,MAAA,YAAA,EACH,cAAiD;EAChD,IAAI,CAAC,aAAa;EAElB,KAAA,GAAA,oBAAA,cAAA,SAAA,CAAa,SAAS,GAAG,SAAS,UAAU,OAAO,KAAU;OACxD,SAAS,SAAS;CACzB,GACA,CAAC,aAAa,QAAQ,CACxB;CAEA,MAAM,gBAAA,GAAA,MAAA,YAAA,EACH,EACC,KACA,oBAAoB,iBACpB,mBAAmB,gBACnB,GAAG,UACD,CAAC,MACHC,cAAAA,WACE,WACA;EACE;EACA,qBAAA,GAAA,oBAAA,cAAA,GAAA,CAAuB,qBAAqB,eAAe;EAC3D,oBAAA,GAAA,oBAAA,cAAA,GAAA,CAAsB,SAAS,cAAc;EAC7C,MAAM;CACR,GACA,EAAE,IAAI,GACN,MACA,KACF,CAAC,CAAC,GACJ;EAAC;EAAqB;EAAW;EAAI;EAAS;CAAI,CACpD;CA6CA,OAAO;EACL,MAAM;EACN;EACA,gBAAA,GAAA,MAAA,YAAA,EA7CC,QAAQ,CAAC,MAAM;GACd,MAAM,UAAU,EAAA,GAAA,oBAAA,cAAA,YAAA,CAAa,KAAK,KAAK,UAAU,MAAM;GAEvD,OAAO;IACL,GAAG;IACH,GAAG;IACH,MAAM;IACN,MAAM;IACN,OAAOC,YAAAA,yBAAyB;IAChC,gBAAgB;IAChB,iBAAA,GAAA,oBAAA,cAAA,SAAA,CAAyB,OAAO;IAChC;IACA;IACA;IACA;IACA,GAAG;IACH,SAAA,GAAA,oBAAA,cAAA,WAAA,CAAmB,MAAM,QAAQ,WAAW,MAAM;IAClD,WAAA,GAAA,oBAAA,cAAA,WAAA,CAAqB,MAAM,UAAU,QAAQ;IAC7C,UAAA,GAAA,oBAAA,cAAA,WAAA,CAAoB,MAAM,SAAS,WAAW,OAAO;GACvD;EACF,GACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAcY;EACZ,gBAAA,GAAA,MAAA,YAAA,EAXC,WAAW;GACV,GAAG;GACH,GAAG;EACL,IACA,CAAC,SAAS,CAOE;EACZ;EACA;CACF;AACF"}
+{"version":3,"file":"use-radio-group.cjs","names":["createContext","useId","useFieldProps","useControllableState","useCallback","mergeProps","visuallyHiddenAttributes"],"sources":["../../../../src/components/radio/use-radio-group.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useId } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isObject,\n  isUndefined,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface RadioGroupContext extends Omit<UseRadioGroupReturn, \"getRootProps\"> {}\n\nconst [RadioGroupContext, useRadioGroupContext] =\n  createContext<RadioGroupContext>({\n    name: \"RadioGroupContext\",\n    strict: false,\n  })\n\nexport { RadioGroupContext, useRadioGroupContext }\n\nexport interface UseRadioGroupProps<Y extends string = string>\n  extends Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"value\">, FieldProps {\n  /**\n   * The initial value of the radio group.\n   */\n  defaultValue?: Y\n  /**\n   * The value of the radio group.\n   */\n  value?: Y\n  /**\n   * The callback fired when any children radio is checked or unchecked.\n   */\n  onChange?: (value: Y) => void\n}\n\nexport const useRadioGroup = <Y extends string = string>(\n  props: UseRadioGroupProps<Y> = {},\n) => {\n  const uuid = useId()\n  const {\n    context: { labelId } = {},\n    props: {\n      id = uuid,\n      defaultValue,\n      disabled,\n      readOnly,\n      required,\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps: { \"aria-describedby\": ariaDescribedbyProp, ...ariaProps },\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n\n  const onChange = useCallback(\n    (valueOrEv: ChangeEvent<HTMLInputElement> | Y) => {\n      if (!interactive) return\n\n      if (isObject(valueOrEv)) setValue(valueOrEv.target.value as Y)\n      else setValue(valueOrEv)\n    },\n    [interactive, setValue],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    ({\n      ref,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) =>\n      mergeProps(\n        dataProps,\n        {\n          id,\n          \"aria-describedby\": cx(ariaDescribedbyProp, ariaDescribedby),\n          \"aria-labelledby\": cx(labelId, ariaLabelledby),\n          role: \"radiogroup\",\n        },\n        { ref },\n        rest,\n        props,\n      )(),\n    [ariaDescribedbyProp, dataProps, id, labelId, rest],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => {\n      const checked = !isUndefined(value) && value === props.value\n\n      return {\n        ...dataProps,\n        ...ariaProps,\n        type: \"radio\",\n        name: id,\n        style: visuallyHiddenAttributes.style,\n        \"aria-checked\": checked,\n        \"data-checked\": dataAttr(checked),\n        checked,\n        disabled,\n        readOnly,\n        required,\n        ...props,\n        onBlur: handlerAll(props.onBlur, eventProps.onBlur),\n        onChange: handlerAll(props.onChange, onChange),\n        onFocus: handlerAll(props.onFocus, eventProps.onFocus),\n      }\n    },\n    [\n      ariaProps,\n      dataProps,\n      disabled,\n      eventProps,\n      id,\n      onChange,\n      readOnly,\n      required,\n      value,\n    ],\n  )\n\n  const getLabelProps: PropGetter<\"label\"> = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  return {\n    name: id,\n    value,\n    getInputProps,\n    getLabelProps,\n    getRootProps,\n    onChange,\n  }\n}\n\nexport type UseRadioGroupReturn = ReturnType<typeof useRadioGroup>\n"],"mappings":";;;;;;;;;;AAqBA,MAAM,CAAC,mBAAmB,wBACxBA,gBAAAA,cAAiC;CAC/B,MAAM;CACN,QAAQ;AACV,CAAC;AAoBH,MAAa,iBACX,QAA+B,CAAC,MAC7B;CACH,MAAM,QAAA,GAAOC,MAAAA,MAAAA,CAAM;CACnB,MAAM,EACJ,SAAS,EAAE,YAAY,CAAC,GACxB,OAAO,EACL,KAAK,MACL,cACA,UACA,UACA,UACA,OAAO,WACP,UAAU,cACV,GAAG,QAEL,WAAW,EAAE,oBAAoB,qBAAqB,GAAG,aACzD,WACA,eACEC,wBAAAA,cAAc,KAAK;CACvB,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,CAAC,OAAO,YAAYC,2CAAAA,qBAAqB;EAC7C;EACA,OAAO;EACP,UAAU;CACZ,CAAC;CAED,MAAM,YAAA,GAAWC,MAAAA,YAAAA,EACd,cAAiD;EAChD,IAAI,CAAC,aAAa;EAElB,KAAA,GAAA,oBAAA,cAAI,SAAA,CAAS,SAAS,GAAG,SAAS,UAAU,OAAO,KAAU;OACxD,SAAS,SAAS;CACzB,GACA,CAAC,aAAa,QAAQ,CACxB;CAEA,MAAM,gBAAA,GAA2BA,MAAAA,YAAAA,EAC9B,EACC,KACA,oBAAoB,iBACpB,mBAAmB,gBACnB,GAAG,UACD,CAAC,MACHC,cAAAA,WACE,WACA;EACE;EACA,qBAAA,GAAA,oBAAA,cAAoB,GAAA,CAAG,qBAAqB,eAAe;EAC3D,oBAAA,GAAA,oBAAA,cAAmB,GAAA,CAAG,SAAS,cAAc;EAC7C,MAAM;CACR,GACA,EAAE,IAAI,GACN,MACA,KACF,CAAC,CAAC,GACJ;EAAC;EAAqB;EAAW;EAAI;EAAS;CAAI,CACpD;CA6CA,OAAO;EACL,MAAM;EACN;EACA,gBAAA,GA9CyCD,MAAAA,YAAAA,EACxC,QAAQ,CAAC,MAAM;GACd,MAAM,UAAU,EAAA,GAAA,oBAAA,cAAC,YAAA,CAAY,KAAK,KAAK,UAAU,MAAM;GAEvD,OAAO;IACL,GAAG;IACH,GAAG;IACH,MAAM;IACN,MAAM;IACN,OAAOE,YAAAA,yBAAyB;IAChC,gBAAgB;IAChB,iBAAA,GAAA,oBAAA,cAAgB,SAAA,CAAS,OAAO;IAChC;IACA;IACA;IACA;IACA,GAAG;IACH,SAAA,GAAA,oBAAA,cAAQ,WAAA,CAAW,MAAM,QAAQ,WAAW,MAAM;IAClD,WAAA,GAAA,oBAAA,cAAU,WAAA,CAAW,MAAM,UAAU,QAAQ;IAC7C,UAAA,GAAA,oBAAA,cAAS,WAAA,CAAW,MAAM,SAAS,WAAW,OAAO;GACvD;EACF,GACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAcY;EACZ,gBAAA,GAZyCF,MAAAA,YAAAA,EACxC,WAAW;GACV,GAAG;GACH,GAAG;EACL,IACA,CAAC,SAAS,CAOE;EACZ;EACA;CACF;AACF"}

package/dist/cjs/components/radio/use-radio.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_dom = require("../../utils/dom.cjs");
 const require_ref = require("../../utils/ref.cjs");
 const require_utils_index = require("../../utils/index.cjs");
@@ -19,9 +20,10 @@ const useRadio = ({ "aria-describedby": ariaDescribedbyProp, ...props } = {}) =>
 	});
 	const interactive = !(readOnly || disabled);
 	const resolvedAriaDescribedby = group ? ariaDescribedbyProp : ariaDescribedby;
+	const resolvedChecked = !(0, require_utils_index.utils_exports.isUndefined)(groupValue) && !(0, require_utils_index.utils_exports.isUndefined)(value) ? groupValue === value : checkedProp;
 	const [checked, setChecked] = require_hooks_use_controllable_state_index.useControllableEventState({
 		defaultValue: defaultChecked,
-		value: !(0, require_utils_index.utils_exports.isUndefined)(groupValue) && !(0, require_utils_index.utils_exports.isUndefined)(value) ? groupValue === value : checkedProp,
+		value: resolvedChecked,
 		onChange: onChangeProp
 	});
 	const onChange = (0, react.useCallback)((ev) => {

package/dist/cjs/components/radio/use-radio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-radio.cjs","names":["useRadioGroupContext","useFieldProps","useControllableEventState","mergeProps","visuallyHiddenAttributes","mergeRefs"],"sources":["../../../../src/components/radio/use-radio.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, ChangeEventHandler, FocusEventHandler } from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useId } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableEventState } from \"../../hooks/use-controllable-state\"\nimport {\n  cx,\n  dataAttr,\n  handlerAll,\n  isUndefined,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { useRadioGroupContext } from \"./use-radio-group\"\n\nexport interface UseRadioProps<Y extends string = string>\n  extends\n    Omit<HTMLProps<\"label\">, \"onBlur\" | \"onChange\" | \"onFocus\" | \"ref\">,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * If `true`, the radio will be checked.\n   */\n  checked?: boolean\n  /**\n   * If `true`, the radio will be initially checked.\n   *\n   * @default false\n   */\n  defaultChecked?: boolean\n  /**\n   * id assigned to input.\n   */\n  id?: string\n  /**\n   * The name of the input field in a radio.\n   */\n  name?: string\n  /**\n   * The value of the radio.\n   */\n  value?: Y\n  /**\n   * The callback invoked when the radio is blurred.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement>\n  /**\n   * The callback invoked when the checked state changes.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>\n  /**\n   * The callback invoked when the radio is focused.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement>\n}\n\nexport const useRadio = <Y extends string = string>({\n  \"aria-describedby\": ariaDescribedbyProp,\n  ...props\n}: UseRadioProps<Y> = {}) => {\n  const group = useRadioGroupContext()\n  const {\n    name: groupName,\n    value: groupValue,\n    getInputProps: getGroupInputProps,\n    getLabelProps,\n  } = group ?? {}\n  const uuid = useId()\n  const {\n    props: {\n      id,\n      ref,\n      name = groupName,\n      \"aria-controls\": ariaControlsProp,\n      \"aria-labelledby\": ariaLabelledbyProp,\n      checked: checkedProp,\n      defaultChecked = false,\n      disabled,\n      readOnly,\n      required,\n      tabIndex,\n      value,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps: { \"aria-describedby\": ariaDescribedby, ...ariaProps },\n    dataProps,\n    eventProps,\n  } = useFieldProps({\n    id: group ? uuid : undefined,\n    ...props,\n    notSupportReadOnly: true,\n  })\n  const interactive = !(readOnly || disabled)\n  const resolvedAriaDescribedby = group ? ariaDescribedbyProp : ariaDescribedby\n  const resolvedChecked =\n    !isUndefined(groupValue) && !isUndefined(value)\n      ? groupValue === value\n      : checkedProp\n  const [checked, setChecked] = useControllableEventState({\n    defaultValue: defaultChecked,\n    value: resolvedChecked,\n    onChange: onChangeProp,\n  })\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (!interactive) return (ev.defaultPrevented = true)\n\n      setChecked(ev)\n    },\n    [setChecked, interactive],\n  )\n\n  const getRootProps: PropGetter<\"label\"> = useCallback(\n    (props = {}) => {\n      const sharedProps = mergeProps(\n        dataProps,\n        { \"data-checked\": dataAttr(checked) },\n        rest,\n        props,\n      )()\n\n      return getLabelProps?.(sharedProps) ?? sharedProps\n    },\n    [dataProps, getLabelProps, checked, rest],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({\n      \"aria-controls\": ariaControls,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => {\n      const sharedProps = {\n        ...dataProps,\n        ...ariaProps,\n        id,\n        type: \"radio\",\n        name,\n        style: visuallyHiddenAttributes.style,\n        \"aria-checked\": checked,\n        \"aria-controls\": cx(ariaControls, ariaControlsProp),\n        \"aria-describedby\": cx(resolvedAriaDescribedby, ariaDescribedby),\n        \"aria-labelledby\": cx(ariaLabelledby, ariaLabelledbyProp),\n        \"data-checked\": dataAttr(checked),\n        checked,\n        disabled,\n        readOnly,\n        required,\n        tabIndex,\n        value,\n        ...props,\n        ref: mergeRefs(props.ref, ref),\n        onBlur: handlerAll(props.onBlur, eventProps.onBlur),\n        onChange: handlerAll(props.onChange, onChange),\n        onFocus: handlerAll(props.onFocus, eventProps.onFocus),\n      }\n\n      return getGroupInputProps?.(sharedProps) ?? sharedProps\n    },\n    [\n      dataProps,\n      ariaProps,\n      id,\n      name,\n      checked,\n      ariaControlsProp,\n      resolvedAriaDescribedby,\n      ariaLabelledbyProp,\n      disabled,\n      readOnly,\n      required,\n      tabIndex,\n      value,\n      ref,\n      eventProps.onBlur,\n      eventProps.onFocus,\n      onChange,\n      getGroupInputProps,\n    ],\n  )\n\n  const getIndicatorProps: PropGetter = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      \"aria-hidden\": \"true\",\n      \"data-checked\": dataAttr(checked),\n      ...props,\n    }),\n    [dataProps, checked],\n  )\n\n  return {\n    checked,\n    getIndicatorProps,\n    getInputProps,\n    getRootProps,\n    onChange,\n  }\n}\n\nexport type UseRadioReturn = ReturnType<typeof useRadio>\n"],"mappings":";;;;;;;;;;AA4DA,MAAa,YAAuC,EAClD,oBAAoB,qBACpB,GAAG,UACiB,CAAC,MAAM;CAC3B,MAAM,QAAQA,wBAAAA,qBAAqB;CACnC,MAAM,EACJ,MAAM,WACN,OAAO,YACP,eAAe,oBACf,kBACE,SAAS,CAAC;CACd,MAAM,QAAA,GAAA,MAAA,MAAA,CAAa;CACnB,MAAM,EACJ,OAAO,EACL,IACA,KACA,OAAO,WACP,iBAAiB,kBACjB,mBAAmB,oBACnB,SAAS,aACT,iBAAiB,OACjB,UACA,UACA,UACA,UACA,OACA,UAAU,cACV,GAAG,QAEL,WAAW,EAAE,oBAAoB,iBAAiB,GAAG,aACrD,WACA,eACEC,wBAAAA,cAAc;EAChB,IAAI,QAAQ,OAAO,KAAA;EACnB,GAAG;EACH,oBAAoB;CACtB,CAAC;CACD,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,0BAA0B,QAAQ,sBAAsB;CAK9D,MAAM,CAAC,SAAS,cAAcC,2CAAAA,0BAA0B;EACtD,cAAc;EACd,OALA,EAAA,GAAA,oBAAA,cAAA,YAAA,CAAa,UAAU,KAAK,EAAA,GAAA,oBAAA,cAAA,YAAA,CAAa,KAAK,IAC1C,eAAe,QACf;EAIJ,UAAU;CACZ,CAAC;CAED,MAAM,YAAA,GAAA,MAAA,YAAA,EACH,OAAsC;EACrC,IAAI,CAAC,aAAa,OAAQ,GAAG,mBAAmB;EAEhD,WAAW,EAAE;CACf,GACA,CAAC,YAAY,WAAW,CAC1B;CAEA,MAAM,gBAAA,GAAA,MAAA,YAAA,EACH,QAAQ,CAAC,MAAM;EACd,MAAM,cAAcC,cAAAA,WAClB,WACA,EAAE,iBAAA,GAAA,oBAAA,cAAA,SAAA,CAAyB,OAAO,EAAE,GACpC,MACA,KACF,CAAC,CAAC;EAEF,OAAO,gBAAgB,WAAW,KAAK;CACzC,GACA;EAAC;EAAW;EAAe;EAAS;CAAI,CAC1C;CAEA,MAAM,iBAAA,GAAA,MAAA,YAAA,EACH,EACC,iBAAiB,cACjB,oBAAoB,iBACpB,mBAAmB,gBACnB,GAAG,UACD,CAAC,MAAM;EACT,MAAM,cAAc;GAClB,GAAG;GACH,GAAG;GACH;GACA,MAAM;GACN;GACA,OAAOC,YAAAA,yBAAyB;GAChC,gBAAgB;GAChB,kBAAA,GAAA,oBAAA,cAAA,GAAA,CAAoB,cAAc,gBAAgB;GAClD,qBAAA,GAAA,oBAAA,cAAA,GAAA,CAAuB,yBAAyB,eAAe;GAC/D,oBAAA,GAAA,oBAAA,cAAA,GAAA,CAAsB,gBAAgB,kBAAkB;GACxD,iBAAA,GAAA,oBAAA,cAAA,SAAA,CAAyB,OAAO;GAChC;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACH,KAAKC,YAAAA,UAAU,MAAM,KAAK,GAAG;GAC7B,SAAA,GAAA,oBAAA,cAAA,WAAA,CAAmB,MAAM,QAAQ,WAAW,MAAM;GAClD,WAAA,GAAA,oBAAA,cAAA,WAAA,CAAqB,MAAM,UAAU,QAAQ;GAC7C,UAAA,GAAA,oBAAA,cAAA,WAAA,CAAoB,MAAM,SAAS,WAAW,OAAO;EACvD;EAEA,OAAO,qBAAqB,WAAW,KAAK;CAC9C,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAAW;EACX,WAAW;EACX;EACA;CACF,CACF;CAYA,OAAO;EACL;EACA,oBAAA,GAAA,MAAA,YAAA,EAXC,QAAQ,CAAC,OAAO;GACf,GAAG;GACH,eAAe;GACf,iBAAA,GAAA,oBAAA,cAAA,SAAA,CAAyB,OAAO;GAChC,GAAG;EACL,IACA,CAAC,WAAW,OAAO,CAKH;EAChB;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"use-radio.cjs","names":["useRadioGroupContext","useId","useFieldProps","useControllableEventState","useCallback","mergeProps","visuallyHiddenAttributes","mergeRefs"],"sources":["../../../../src/components/radio/use-radio.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, ChangeEventHandler, FocusEventHandler } from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useId } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableEventState } from \"../../hooks/use-controllable-state\"\nimport {\n  cx,\n  dataAttr,\n  handlerAll,\n  isUndefined,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { useRadioGroupContext } from \"./use-radio-group\"\n\nexport interface UseRadioProps<Y extends string = string>\n  extends\n    Omit<HTMLProps<\"label\">, \"onBlur\" | \"onChange\" | \"onFocus\" | \"ref\">,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * If `true`, the radio will be checked.\n   */\n  checked?: boolean\n  /**\n   * If `true`, the radio will be initially checked.\n   *\n   * @default false\n   */\n  defaultChecked?: boolean\n  /**\n   * id assigned to input.\n   */\n  id?: string\n  /**\n   * The name of the input field in a radio.\n   */\n  name?: string\n  /**\n   * The value of the radio.\n   */\n  value?: Y\n  /**\n   * The callback invoked when the radio is blurred.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement>\n  /**\n   * The callback invoked when the checked state changes.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>\n  /**\n   * The callback invoked when the radio is focused.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement>\n}\n\nexport const useRadio = <Y extends string = string>({\n  \"aria-describedby\": ariaDescribedbyProp,\n  ...props\n}: UseRadioProps<Y> = {}) => {\n  const group = useRadioGroupContext()\n  const {\n    name: groupName,\n    value: groupValue,\n    getInputProps: getGroupInputProps,\n    getLabelProps,\n  } = group ?? {}\n  const uuid = useId()\n  const {\n    props: {\n      id,\n      ref,\n      name = groupName,\n      \"aria-controls\": ariaControlsProp,\n      \"aria-labelledby\": ariaLabelledbyProp,\n      checked: checkedProp,\n      defaultChecked = false,\n      disabled,\n      readOnly,\n      required,\n      tabIndex,\n      value,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps: { \"aria-describedby\": ariaDescribedby, ...ariaProps },\n    dataProps,\n    eventProps,\n  } = useFieldProps({\n    id: group ? uuid : undefined,\n    ...props,\n    notSupportReadOnly: true,\n  })\n  const interactive = !(readOnly || disabled)\n  const resolvedAriaDescribedby = group ? ariaDescribedbyProp : ariaDescribedby\n  const resolvedChecked =\n    !isUndefined(groupValue) && !isUndefined(value)\n      ? groupValue === value\n      : checkedProp\n  const [checked, setChecked] = useControllableEventState({\n    defaultValue: defaultChecked,\n    value: resolvedChecked,\n    onChange: onChangeProp,\n  })\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (!interactive) return (ev.defaultPrevented = true)\n\n      setChecked(ev)\n    },\n    [setChecked, interactive],\n  )\n\n  const getRootProps: PropGetter<\"label\"> = useCallback(\n    (props = {}) => {\n      const sharedProps = mergeProps(\n        dataProps,\n        { \"data-checked\": dataAttr(checked) },\n        rest,\n        props,\n      )()\n\n      return getLabelProps?.(sharedProps) ?? sharedProps\n    },\n    [dataProps, getLabelProps, checked, rest],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({\n      \"aria-controls\": ariaControls,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => {\n      const sharedProps = {\n        ...dataProps,\n        ...ariaProps,\n        id,\n        type: \"radio\",\n        name,\n        style: visuallyHiddenAttributes.style,\n        \"aria-checked\": checked,\n        \"aria-controls\": cx(ariaControls, ariaControlsProp),\n        \"aria-describedby\": cx(resolvedAriaDescribedby, ariaDescribedby),\n        \"aria-labelledby\": cx(ariaLabelledby, ariaLabelledbyProp),\n        \"data-checked\": dataAttr(checked),\n        checked,\n        disabled,\n        readOnly,\n        required,\n        tabIndex,\n        value,\n        ...props,\n        ref: mergeRefs(props.ref, ref),\n        onBlur: handlerAll(props.onBlur, eventProps.onBlur),\n        onChange: handlerAll(props.onChange, onChange),\n        onFocus: handlerAll(props.onFocus, eventProps.onFocus),\n      }\n\n      return getGroupInputProps?.(sharedProps) ?? sharedProps\n    },\n    [\n      dataProps,\n      ariaProps,\n      id,\n      name,\n      checked,\n      ariaControlsProp,\n      resolvedAriaDescribedby,\n      ariaLabelledbyProp,\n      disabled,\n      readOnly,\n      required,\n      tabIndex,\n      value,\n      ref,\n      eventProps.onBlur,\n      eventProps.onFocus,\n      onChange,\n      getGroupInputProps,\n    ],\n  )\n\n  const getIndicatorProps: PropGetter = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      \"aria-hidden\": \"true\",\n      \"data-checked\": dataAttr(checked),\n      ...props,\n    }),\n    [dataProps, checked],\n  )\n\n  return {\n    checked,\n    getIndicatorProps,\n    getInputProps,\n    getRootProps,\n    onChange,\n  }\n}\n\nexport type UseRadioReturn = ReturnType<typeof useRadio>\n"],"mappings":";;;;;;;;;;;AA4DA,MAAa,YAAuC,EAClD,oBAAoB,qBACpB,GAAG,UACiB,CAAC,MAAM;CAC3B,MAAM,QAAQA,wBAAAA,qBAAqB;CACnC,MAAM,EACJ,MAAM,WACN,OAAO,YACP,eAAe,oBACf,kBACE,SAAS,CAAC;CACd,MAAM,QAAA,GAAOC,MAAAA,MAAAA,CAAM;CACnB,MAAM,EACJ,OAAO,EACL,IACA,KACA,OAAO,WACP,iBAAiB,kBACjB,mBAAmB,oBACnB,SAAS,aACT,iBAAiB,OACjB,UACA,UACA,UACA,UACA,OACA,UAAU,cACV,GAAG,QAEL,WAAW,EAAE,oBAAoB,iBAAiB,GAAG,aACrD,WACA,eACEC,wBAAAA,cAAc;EAChB,IAAI,QAAQ,OAAO,KAAA;EACnB,GAAG;EACH,oBAAoB;CACtB,CAAC;CACD,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,0BAA0B,QAAQ,sBAAsB;CAC9D,MAAM,kBACJ,EAAA,GAAA,oBAAA,cAAC,YAAA,CAAY,UAAU,KAAK,EAAA,GAAA,oBAAA,cAAC,YAAA,CAAY,KAAK,IAC1C,eAAe,QACf;CACN,MAAM,CAAC,SAAS,cAAcC,2CAAAA,0BAA0B;EACtD,cAAc;EACd,OAAO;EACP,UAAU;CACZ,CAAC;CAED,MAAM,YAAA,GAAWC,MAAAA,YAAAA,EACd,OAAsC;EACrC,IAAI,CAAC,aAAa,OAAQ,GAAG,mBAAmB;EAEhD,WAAW,EAAE;CACf,GACA,CAAC,YAAY,WAAW,CAC1B;CAEA,MAAM,gBAAA,GAAoCA,MAAAA,YAAAA,EACvC,QAAQ,CAAC,MAAM;EACd,MAAM,cAAcC,cAAAA,WAClB,WACA,EAAE,iBAAA,GAAA,oBAAA,cAAgB,SAAA,CAAS,OAAO,EAAE,GACpC,MACA,KACF,CAAC,CAAC;EAEF,OAAO,gBAAgB,WAAW,KAAK;CACzC,GACA;EAAC;EAAW;EAAe;EAAS;CAAI,CAC1C;CAEA,MAAM,iBAAA,GAAqCD,MAAAA,YAAAA,EACxC,EACC,iBAAiB,cACjB,oBAAoB,iBACpB,mBAAmB,gBACnB,GAAG,UACD,CAAC,MAAM;EACT,MAAM,cAAc;GAClB,GAAG;GACH,GAAG;GACH;GACA,MAAM;GACN;GACA,OAAOE,YAAAA,yBAAyB;GAChC,gBAAgB;GAChB,kBAAA,GAAA,oBAAA,cAAiB,GAAA,CAAG,cAAc,gBAAgB;GAClD,qBAAA,GAAA,oBAAA,cAAoB,GAAA,CAAG,yBAAyB,eAAe;GAC/D,oBAAA,GAAA,oBAAA,cAAmB,GAAA,CAAG,gBAAgB,kBAAkB;GACxD,iBAAA,GAAA,oBAAA,cAAgB,SAAA,CAAS,OAAO;GAChC;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACH,KAAKC,YAAAA,UAAU,MAAM,KAAK,GAAG;GAC7B,SAAA,GAAA,oBAAA,cAAQ,WAAA,CAAW,MAAM,QAAQ,WAAW,MAAM;GAClD,WAAA,GAAA,oBAAA,cAAU,WAAA,CAAW,MAAM,UAAU,QAAQ;GAC7C,UAAA,GAAA,oBAAA,cAAS,WAAA,CAAW,MAAM,SAAS,WAAW,OAAO;EACvD;EAEA,OAAO,qBAAqB,WAAW,KAAK;CAC9C,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAAW;EACX,WAAW;EACX;EACA;CACF,CACF;CAYA,OAAO;EACL;EACA,oBAAA,GAZoCH,MAAAA,YAAAA,EACnC,QAAQ,CAAC,OAAO;GACf,GAAG;GACH,eAAe;GACf,iBAAA,GAAA,oBAAA,cAAgB,SAAA,CAAS,OAAO;GAChC,GAAG;EACL,IACA,CAAC,WAAW,OAAO,CAKH;EAChB;EACA;EACA;CACF;AACF"}

package/dist/cjs/components/radio-card/radio-card-group.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_group = require("../group/group.cjs");
 const require_use_radio_group = require("../radio/use-radio-group.cjs");
 const require_radio_card = require("./radio-card.cjs");
@@ -27,46 +28,48 @@ const RadioCardGroupRoot = require_radio_card.component((props) => {
 			...rest
 		}, value ?? index));
 	}, [items, children]);
+	const context = (0, react.useMemo)(() => ({
+		colorScheme,
+		size,
+		variant,
+		disabled,
+		errorBorderColor,
+		focusBorderColor,
+		invalid,
+		justify,
+		readOnly,
+		shape,
+		withIndicator
+	}), [
+		colorScheme,
+		size,
+		variant,
+		disabled,
+		justify,
+		withIndicator,
+		errorBorderColor,
+		focusBorderColor,
+		invalid,
+		readOnly,
+		shape
+	]);
+	const groupContext = (0, react.useMemo)(() => ({
+		name,
+		value,
+		getInputProps,
+		getLabelProps,
+		onChange
+	}), [
+		name,
+		value,
+		getInputProps,
+		getLabelProps,
+		onChange
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_radio_card.RadioCardPropsContext, {
-		value: (0, react.useMemo)(() => ({
-			colorScheme,
-			size,
-			variant,
-			disabled,
-			errorBorderColor,
-			focusBorderColor,
-			invalid,
-			justify,
-			readOnly,
-			shape,
-			withIndicator
-		}), [
-			colorScheme,
-			size,
-			variant,
-			disabled,
-			justify,
-			withIndicator,
-			errorBorderColor,
-			focusBorderColor,
-			invalid,
-			readOnly,
-			shape
-		]),
+		value: context,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_radio_group.RadioGroupContext, {
-			value: (0, react.useMemo)(() => ({
-				name,
-				value,
-				getInputProps,
-				getLabelProps,
-				onChange
-			}), [
-				name,
-				value,
-				getInputProps,
-				getLabelProps,
-				onChange
-			]),
+			value: groupContext,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
 				...getRootProps(),
 				children: computedChildren

package/dist/cjs/components/radio-card/radio-card-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-card-group.cjs","names":["component","useRootComponentProps","useRadioGroup","RadioCardRoot","RadioCardPropsContext","RadioGroupContext","Group"],"sources":["../../../../src/components/radio-card/radio-card-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n  GenericsComponent,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GroupProps } from \"../group\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { UseRadioGroupProps } from \"../radio\"\nimport type { RadioCardRootProps } from \"./radio-card\"\nimport type { RadioCardStyle } from \"./radio-card.style\"\nimport { useMemo } from \"react\"\nimport { Group } from \"../group\"\nimport { RadioGroupContext, useRadioGroup } from \"../radio\"\nimport {\n  component,\n  RadioCardPropsContext,\n  RadioCardRoot,\n  useRootComponentProps,\n} from \"./radio-card\"\n\nexport interface RadioCardGroupItem<\n  Y extends string = string,\n> extends RadioCardRootProps<Y> {}\n\nexport interface RadioCardGroupRootProps<Y extends string = string>\n  extends\n    Omit<\n      WithoutThemeProps<GroupProps, RadioCardStyle>,\n      \"defaultValue\" | \"onChange\" | \"value\"\n    >,\n    ThemeProps<RadioCardStyle>,\n    UseRadioGroupProps<Y>,\n    UseInputBorderProps,\n    Pick<RadioCardRootProps, \"withIndicator\"> {\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: RadioCardGroupItem<Y>[]\n}\n\n/**\n * `RadioCardGroup` is a component that groups `RadioCard` components.\n *\n * @see https://yamada-ui.com/docs/components/radio-card\n */\nexport const RadioCardGroupRoot = component<\"div\", RadioCardGroupRootProps>(\n  (props) => {\n    const [\n      ,\n      {\n        colorScheme,\n        size,\n        variant,\n        children,\n        disabled,\n        errorBorderColor,\n        focusBorderColor,\n        invalid,\n        items = [],\n        justify,\n        readOnly,\n        shape,\n        withIndicator,\n        ...rest\n      },\n    ] = useRootComponentProps(props, \"group\", {\n      transferProps: [\n        \"variant\",\n        \"colorScheme\",\n        \"size\",\n        \"shape\",\n        \"justify\",\n        \"withIndicator\",\n      ],\n    })\n    const {\n      name,\n      value,\n      getInputProps,\n      getLabelProps,\n      getRootProps,\n      onChange,\n    } = useRadioGroup(rest)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items.map(({ value, ...rest }, index) => (\n        <RadioCardRoot key={value ?? index} value={value} {...rest} />\n      ))\n    }, [items, children])\n    const context = useMemo(\n      () => ({\n        colorScheme,\n        size,\n        variant,\n        disabled,\n        errorBorderColor,\n        focusBorderColor,\n        invalid,\n        justify,\n        readOnly,\n        shape,\n        withIndicator,\n      }),\n      [\n        colorScheme,\n        size,\n        variant,\n        disabled,\n        justify,\n        withIndicator,\n        errorBorderColor,\n        focusBorderColor,\n        invalid,\n        readOnly,\n        shape,\n      ],\n    )\n    const groupContext = useMemo(\n      () => ({ name, value, getInputProps, getLabelProps, onChange }),\n      [name, value, getInputProps, getLabelProps, onChange],\n    )\n\n    return (\n      <RadioCardPropsContext value={context}>\n        <RadioGroupContext value={groupContext}>\n          <Group {...getRootProps()}>{computedChildren}</Group>\n        </RadioGroupContext>\n      </RadioCardPropsContext>\n    )\n  },\n  \"group\",\n)() as GenericsComponent<{\n  <Y extends string = string>(props: RadioCardGroupRootProps<Y>): ReactElement\n}>\n\nexport { RadioCardRoot as RadioCardGroupItem }\n"],"mappings":";;;;;;;;;;;;AAkDA,MAAa,qBAAqBA,mBAAAA,WAC/B,UAAU;CACT,MAAM,GAEJ,EACE,aACA,MACA,SACA,UACA,UACA,kBACA,kBACA,SACA,QAAQ,CAAC,GACT,SACA,UACA,OACA,eACA,GAAG,UAEHC,mBAAAA,sBAAsB,OAAO,SAAS,EACxC,eAAe;EACb;EACA;EACA;EACA;EACA;EACA;CACF,EACF,CAAC;CACD,MAAM,EACJ,MACA,OACA,eACA,eACA,cACA,aACEC,wBAAAA,cAAc,IAAI;CACtB,MAAM,oBAAA,GAAA,MAAA,QAAA,OAAiC;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,MAAM,KAAK,EAAE,OAAO,GAAG,QAAQ,UACpC,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,eAAD;GAA2C;GAAO,GAAI;EAAO,GAAzC,SAAS,KAAgC,CAC9D;CACH,GAAG,CAAC,OAAO,QAAQ,CAAC;CAkCpB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,uBAAD;EAAuB,QAAA,GAAA,MAAA,QAAA,QAjChB;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAQoC;EAClC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,mBAAD;GAAmB,QAAA,GAAA,MAAA,QAAA,QANd;IAAE;IAAM;IAAO;IAAe;IAAe;GAAS,IAC7D;IAAC;IAAM;IAAO;IAAe;IAAe;GAAQ,CAKb;GACnC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;IAAO,GAAI,aAAa;IAAI,UAAA;GAAwB,CAAA;EACnC,CAAA;CACE,CAAA;AAE3B,GACA,OACF,CAAC,CAAC"}
+{"version":3,"file":"radio-card-group.cjs","names":["component","useRootComponentProps","useRadioGroup","useMemo","RadioCardRoot","RadioCardPropsContext","RadioGroupContext","Group"],"sources":["../../../../src/components/radio-card/radio-card-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n  GenericsComponent,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GroupProps } from \"../group\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { UseRadioGroupProps } from \"../radio\"\nimport type { RadioCardRootProps } from \"./radio-card\"\nimport type { RadioCardStyle } from \"./radio-card.style\"\nimport { useMemo } from \"react\"\nimport { Group } from \"../group\"\nimport { RadioGroupContext, useRadioGroup } from \"../radio\"\nimport {\n  component,\n  RadioCardPropsContext,\n  RadioCardRoot,\n  useRootComponentProps,\n} from \"./radio-card\"\n\nexport interface RadioCardGroupItem<\n  Y extends string = string,\n> extends RadioCardRootProps<Y> {}\n\nexport interface RadioCardGroupRootProps<Y extends string = string>\n  extends\n    Omit<\n      WithoutThemeProps<GroupProps, RadioCardStyle>,\n      \"defaultValue\" | \"onChange\" | \"value\"\n    >,\n    ThemeProps<RadioCardStyle>,\n    UseRadioGroupProps<Y>,\n    UseInputBorderProps,\n    Pick<RadioCardRootProps, \"withIndicator\"> {\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: RadioCardGroupItem<Y>[]\n}\n\n/**\n * `RadioCardGroup` is a component that groups `RadioCard` components.\n *\n * @see https://yamada-ui.com/docs/components/radio-card\n */\nexport const RadioCardGroupRoot = component<\"div\", RadioCardGroupRootProps>(\n  (props) => {\n    const [\n      ,\n      {\n        colorScheme,\n        size,\n        variant,\n        children,\n        disabled,\n        errorBorderColor,\n        focusBorderColor,\n        invalid,\n        items = [],\n        justify,\n        readOnly,\n        shape,\n        withIndicator,\n        ...rest\n      },\n    ] = useRootComponentProps(props, \"group\", {\n      transferProps: [\n        \"variant\",\n        \"colorScheme\",\n        \"size\",\n        \"shape\",\n        \"justify\",\n        \"withIndicator\",\n      ],\n    })\n    const {\n      name,\n      value,\n      getInputProps,\n      getLabelProps,\n      getRootProps,\n      onChange,\n    } = useRadioGroup(rest)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items.map(({ value, ...rest }, index) => (\n        <RadioCardRoot key={value ?? index} value={value} {...rest} />\n      ))\n    }, [items, children])\n    const context = useMemo(\n      () => ({\n        colorScheme,\n        size,\n        variant,\n        disabled,\n        errorBorderColor,\n        focusBorderColor,\n        invalid,\n        justify,\n        readOnly,\n        shape,\n        withIndicator,\n      }),\n      [\n        colorScheme,\n        size,\n        variant,\n        disabled,\n        justify,\n        withIndicator,\n        errorBorderColor,\n        focusBorderColor,\n        invalid,\n        readOnly,\n        shape,\n      ],\n    )\n    const groupContext = useMemo(\n      () => ({ name, value, getInputProps, getLabelProps, onChange }),\n      [name, value, getInputProps, getLabelProps, onChange],\n    )\n\n    return (\n      <RadioCardPropsContext value={context}>\n        <RadioGroupContext value={groupContext}>\n          <Group {...getRootProps()}>{computedChildren}</Group>\n        </RadioGroupContext>\n      </RadioCardPropsContext>\n    )\n  },\n  \"group\",\n)() as GenericsComponent<{\n  <Y extends string = string>(props: RadioCardGroupRootProps<Y>): ReactElement\n}>\n\nexport { RadioCardRoot as RadioCardGroupItem }\n"],"mappings":";;;;;;;;;;;;;AAkDA,MAAa,qBAAqBA,mBAAAA,WAC/B,UAAU;CACT,MAAM,GAEJ,EACE,aACA,MACA,SACA,UACA,UACA,kBACA,kBACA,SACA,QAAQ,CAAC,GACT,SACA,UACA,OACA,eACA,GAAG,UAEHC,mBAAAA,sBAAsB,OAAO,SAAS,EACxC,eAAe;EACb;EACA;EACA;EACA;EACA;EACA;CACF,EACF,CAAC;CACD,MAAM,EACJ,MACA,OACA,eACA,eACA,cACA,aACEC,wBAAAA,cAAc,IAAI;CACtB,MAAM,oBAAA,GAAmBC,MAAAA,QAAAA,OAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,MAAM,KAAK,EAAE,OAAO,GAAG,QAAQ,UACpC,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,eAAD;GAA2C;GAAO,GAAI;EAAO,GAAzC,SAAS,KAAgC,CAC9D;CACH,GAAG,CAAC,OAAO,QAAQ,CAAC;CACpB,MAAM,WAAA,GAAUD,MAAAA,QAAAA,QACP;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,gBAAA,GAAeA,MAAAA,QAAAA,QACZ;EAAE;EAAM;EAAO;EAAe;EAAe;CAAS,IAC7D;EAAC;EAAM;EAAO;EAAe;EAAe;CAAQ,CACtD;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,mBAAAA,uBAAD;EAAuB,OAAO;EAC5B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,mBAAD;GAAmB,OAAO;GACxB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;IAAO,GAAI,aAAa;IAAI,UAAA;GAAwB,CAAA;EACnC,CAAA;CACE,CAAA;AAE3B,GACA,OACF,CAAC,CAAC"}

package/dist/cjs/components/radio-card/radio-card.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_use_input_border = require("../input/use-input-border.cjs");

package/dist/cjs/components/radio-card/radio-card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-card.cjs","names":["createSlotComponent","radioCardStyle","useRadio","useInputBorder","styled"],"sources":["../../../../src/components/radio-card/radio-card.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type { GenericsComponent, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { UseRadioProps } from \"../radio\"\nimport type { RadioCardStyle } from \"./radio-card.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useInputBorder } from \"../input\"\nimport { useRadio } from \"../radio\"\nimport { radioCardStyle } from \"./radio-card.style\"\n\nexport interface RadioCardRootProps<Y extends string = string>\n  extends\n    Merge<HTMLStyledProps<\"label\">, UseRadioProps<Y>>,\n    ThemeProps<RadioCardStyle>,\n    UseInputBorderProps {\n  /**\n   * The addon of the radio card.\n   */\n  addon?: ReactNode\n  /**\n   * The description of the radio card.\n   */\n  description?: ReactNode\n  /**\n   * The label of the radio card.\n   */\n  label?: ReactNode\n  /**\n   * If `true`, the indicator will be displayed.\n   *\n   * @default true\n   */\n  withIndicator?: boolean\n  /**\n   * Props for the addon component.\n   */\n  addonProps?: RadioCardAddonProps\n  /**\n   * Props for the description component.\n   */\n  descriptionProps?: RadioCardDescriptionProps\n  /**\n   * Props for the indicator component.\n   */\n  indicatorProps?: RadioCardIndicatorProps\n  /**\n   * Props for the input element.\n   */\n  inputProps?: HTMLStyledProps<\"input\">\n  /**\n   * Props for the label component.\n   */\n  labelProps?: RadioCardLabelProps\n  /**\n   * Props for the label element.\n   */\n  rootProps?: HTMLStyledProps<\"label\">\n}\n\nconst {\n  component,\n  PropsContext: RadioCardPropsContext,\n  usePropsContext: useRadioCardPropsContext,\n  withContext,\n  withProvider,\n  useRootComponentProps,\n} = createSlotComponent<RadioCardRootProps, RadioCardStyle>(\n  \"radio-card\",\n  radioCardStyle,\n)\n\nexport {\n  component,\n  RadioCardPropsContext,\n  useRadioCardPropsContext,\n  useRootComponentProps,\n}\n\n/**\n * `RadioCard` is a component used for allowing users to select one option from multiple choices.\n *\n * @see https://yamada-ui.com/docs/components/radio-card\n */\nexport const RadioCardRoot = withProvider<\"label\", RadioCardRootProps>(\n  ({\n    addon,\n    children,\n    description,\n    errorBorderColor,\n    focusBorderColor,\n    label,\n    withIndicator = true,\n    addonProps,\n    descriptionProps,\n    indicatorProps,\n    inputProps,\n    labelProps,\n    rootProps,\n    ...rest\n  }) => {\n    const { getIndicatorProps, getInputProps, getRootProps } = useRadio(rest)\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (\n        <>\n          {label ? (\n            <RadioCardLabel {...labelProps}>{label}</RadioCardLabel>\n          ) : null}\n          {description ? (\n            <RadioCardDescription {...descriptionProps}>\n              {description}\n            </RadioCardDescription>\n          ) : null}\n          {addon ? (\n            <RadioCardAddon {...addonProps}>{addon}</RadioCardAddon>\n          ) : null}\n        </>\n      )\n    }, [\n      addon,\n      addonProps,\n      children,\n      description,\n      descriptionProps,\n      label,\n      labelProps,\n    ])\n\n    return (\n      <styled.label {...getRootProps({ ...varProps, ...rootProps })}>\n        <styled.input {...getInputProps(inputProps)} />\n        {withIndicator ? (\n          <RadioCardIndicator {...getIndicatorProps(indicatorProps)} />\n        ) : null}\n\n        {computedChildren}\n      </styled.label>\n    )\n  },\n  \"root\",\n)() as GenericsComponent<{\n  <Y extends string = string>(props: RadioCardRootProps<Y>): ReactElement\n}>\n\ninterface RadioCardIndicatorProps extends HTMLStyledProps {}\n\nconst RadioCardIndicator = withContext<\"div\", RadioCardIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)({ \"data-indicator\": \"\" })\n\nexport interface RadioCardLabelProps extends HTMLStyledProps {}\n\nexport const RadioCardLabel = withContext<\"span\", RadioCardLabelProps>(\n  \"span\",\n  \"label\",\n)()\n\nexport interface RadioCardDescriptionProps extends HTMLStyledProps {}\n\nexport const RadioCardDescription = withContext<\n  \"span\",\n  RadioCardDescriptionProps\n>(\"span\", \"description\")()\n\nexport interface RadioCardAddonProps extends HTMLStyledProps {}\n\nexport const RadioCardAddon = withContext<\"span\", RadioCardAddonProps>(\n  \"span\",\n  \"addon\",\n)()\n"],"mappings":";;;;;;;;;AA+DA,MAAM,EACJ,WACA,cAAc,uBACd,iBAAiB,0BACjB,aACA,cACA,0BACEA,yBAAAA,oBACF,cACAC,yBAAAA,cACF;;;;;;AAcA,MAAa,gBAAgB,cAC1B,EACC,OACA,UACA,aACA,kBACA,kBACA,OACA,gBAAgB,MAChB,YACA,kBACA,gBACA,YACA,YACA,WACA,GAAG,WACC;CACJ,MAAM,EAAE,mBAAmB,eAAe,iBAAiBC,kBAAAA,SAAS,IAAI;CACxE,MAAM,WAAWC,yBAAAA,eAAe;EAAE;EAAkB;CAAiB,CAAC;CACtE,MAAM,oBAAA,GAAA,MAAA,QAAA,OAAiC;EACrC,IAAI,UAAU,OAAO;EAErB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA;GACG,QACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;IAAgB,GAAI;IAAa,UAAA;GAAsB,CAAA,IACrD;GACH,cACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAD;IAAsB,GAAI;IACvB,UAAA;GACmB,CAAA,IACpB;GACH,QACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;IAAgB,GAAI;IAAa,UAAA;GAAsB,CAAA,IACrD;EACJ,EAAA,CAAA;CAEN,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,OAAR;EAAc,GAAI,aAAa;GAAE,GAAG;GAAU,GAAG;EAAU,CAAC;EAA5D,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,OAAR,EAAc,GAAI,cAAc,UAAU,EAAI,CAAA;GAC7C,gBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD,EAAoB,GAAI,kBAAkB,cAAc,EAAI,CAAA,IAC1D;GAEH;EACW;;AAElB,GACA,MACF,CAAC,CAAC;AAMF,MAAM,qBAAqB,YACzB,OACA,WACF,CAAC,CAAC,EAAE,kBAAkB,GAAG,CAAC;AAI1B,MAAa,iBAAiB,YAC5B,QACA,OACF,CAAC,CAAC;AAIF,MAAa,uBAAuB,YAGlC,QAAQ,aAAa,CAAC,CAAC;AAIzB,MAAa,iBAAiB,YAC5B,QACA,OACF,CAAC,CAAC"}
+{"version":3,"file":"radio-card.cjs","names":["createSlotComponent","radioCardStyle","useRadio","useInputBorder","useMemo","styled"],"sources":["../../../../src/components/radio-card/radio-card.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type { GenericsComponent, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { UseRadioProps } from \"../radio\"\nimport type { RadioCardStyle } from \"./radio-card.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useInputBorder } from \"../input\"\nimport { useRadio } from \"../radio\"\nimport { radioCardStyle } from \"./radio-card.style\"\n\nexport interface RadioCardRootProps<Y extends string = string>\n  extends\n    Merge<HTMLStyledProps<\"label\">, UseRadioProps<Y>>,\n    ThemeProps<RadioCardStyle>,\n    UseInputBorderProps {\n  /**\n   * The addon of the radio card.\n   */\n  addon?: ReactNode\n  /**\n   * The description of the radio card.\n   */\n  description?: ReactNode\n  /**\n   * The label of the radio card.\n   */\n  label?: ReactNode\n  /**\n   * If `true`, the indicator will be displayed.\n   *\n   * @default true\n   */\n  withIndicator?: boolean\n  /**\n   * Props for the addon component.\n   */\n  addonProps?: RadioCardAddonProps\n  /**\n   * Props for the description component.\n   */\n  descriptionProps?: RadioCardDescriptionProps\n  /**\n   * Props for the indicator component.\n   */\n  indicatorProps?: RadioCardIndicatorProps\n  /**\n   * Props for the input element.\n   */\n  inputProps?: HTMLStyledProps<\"input\">\n  /**\n   * Props for the label component.\n   */\n  labelProps?: RadioCardLabelProps\n  /**\n   * Props for the label element.\n   */\n  rootProps?: HTMLStyledProps<\"label\">\n}\n\nconst {\n  component,\n  PropsContext: RadioCardPropsContext,\n  usePropsContext: useRadioCardPropsContext,\n  withContext,\n  withProvider,\n  useRootComponentProps,\n} = createSlotComponent<RadioCardRootProps, RadioCardStyle>(\n  \"radio-card\",\n  radioCardStyle,\n)\n\nexport {\n  component,\n  RadioCardPropsContext,\n  useRadioCardPropsContext,\n  useRootComponentProps,\n}\n\n/**\n * `RadioCard` is a component used for allowing users to select one option from multiple choices.\n *\n * @see https://yamada-ui.com/docs/components/radio-card\n */\nexport const RadioCardRoot = withProvider<\"label\", RadioCardRootProps>(\n  ({\n    addon,\n    children,\n    description,\n    errorBorderColor,\n    focusBorderColor,\n    label,\n    withIndicator = true,\n    addonProps,\n    descriptionProps,\n    indicatorProps,\n    inputProps,\n    labelProps,\n    rootProps,\n    ...rest\n  }) => {\n    const { getIndicatorProps, getInputProps, getRootProps } = useRadio(rest)\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (\n        <>\n          {label ? (\n            <RadioCardLabel {...labelProps}>{label}</RadioCardLabel>\n          ) : null}\n          {description ? (\n            <RadioCardDescription {...descriptionProps}>\n              {description}\n            </RadioCardDescription>\n          ) : null}\n          {addon ? (\n            <RadioCardAddon {...addonProps}>{addon}</RadioCardAddon>\n          ) : null}\n        </>\n      )\n    }, [\n      addon,\n      addonProps,\n      children,\n      description,\n      descriptionProps,\n      label,\n      labelProps,\n    ])\n\n    return (\n      <styled.label {...getRootProps({ ...varProps, ...rootProps })}>\n        <styled.input {...getInputProps(inputProps)} />\n        {withIndicator ? (\n          <RadioCardIndicator {...getIndicatorProps(indicatorProps)} />\n        ) : null}\n\n        {computedChildren}\n      </styled.label>\n    )\n  },\n  \"root\",\n)() as GenericsComponent<{\n  <Y extends string = string>(props: RadioCardRootProps<Y>): ReactElement\n}>\n\ninterface RadioCardIndicatorProps extends HTMLStyledProps {}\n\nconst RadioCardIndicator = withContext<\"div\", RadioCardIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)({ \"data-indicator\": \"\" })\n\nexport interface RadioCardLabelProps extends HTMLStyledProps {}\n\nexport const RadioCardLabel = withContext<\"span\", RadioCardLabelProps>(\n  \"span\",\n  \"label\",\n)()\n\nexport interface RadioCardDescriptionProps extends HTMLStyledProps {}\n\nexport const RadioCardDescription = withContext<\n  \"span\",\n  RadioCardDescriptionProps\n>(\"span\", \"description\")()\n\nexport interface RadioCardAddonProps extends HTMLStyledProps {}\n\nexport const RadioCardAddon = withContext<\"span\", RadioCardAddonProps>(\n  \"span\",\n  \"addon\",\n)()\n"],"mappings":";;;;;;;;;;AA+DA,MAAM,EACJ,WACA,cAAc,uBACd,iBAAiB,0BACjB,aACA,cACA,0BACEA,yBAAAA,oBACF,cACAC,yBAAAA,cACF;;;;;;AAcA,MAAa,gBAAgB,cAC1B,EACC,OACA,UACA,aACA,kBACA,kBACA,OACA,gBAAgB,MAChB,YACA,kBACA,gBACA,YACA,YACA,WACA,GAAG,WACC;CACJ,MAAM,EAAE,mBAAmB,eAAe,iBAAiBC,kBAAAA,SAAS,IAAI;CACxE,MAAM,WAAWC,yBAAAA,eAAe;EAAE;EAAkB;CAAiB,CAAC;CACtE,MAAM,oBAAA,GAAmBC,MAAAA,QAAAA,OAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA;GACG,QACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;IAAgB,GAAI;IAAa,UAAA;GAAsB,CAAA,IACrD;GACH,cACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAD;IAAsB,GAAI;IACvB,UAAA;GACmB,CAAA,IACpB;GACH,QACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;IAAgB,GAAI;IAAa,UAAA;GAAsB,CAAA,IACrD;EACJ,EAAA,CAAA;CAEN,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,OAAR;EAAc,GAAI,aAAa;GAAE,GAAG;GAAU,GAAG;EAAU,CAAC;EAA5D,UAAA;GACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,OAAR,EAAc,GAAI,cAAc,UAAU,EAAI,CAAA;GAC7C,gBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD,EAAoB,GAAI,kBAAkB,cAAc,EAAI,CAAA,IAC1D;GAEH;EACW;;AAElB,GACA,MACF,CAAC,CAAC;AAMF,MAAM,qBAAqB,YACzB,OACA,WACF,CAAC,CAAC,EAAE,kBAAkB,GAAG,CAAC;AAI1B,MAAa,iBAAiB,YAC5B,QACA,OACF,CAAC,CAAC;AAIF,MAAa,uBAAuB,YAGlC,QAAQ,aAAa,CAAC,CAAC;AAIzB,MAAa,iBAAiB,YAC5B,QACA,OACF,CAAC,CAAC"}

package/dist/cjs/components/rating/rating.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_var = require("../../core/system/var.cjs");
 const require_factory = require("../../core/system/factory.cjs");

package/dist/cjs/components/rating/rating.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"rating.cjs","names":["createSlotComponent","ratingStyle","useRating","RatingContext","styled","useRatingContext","mergeProps","useRatingItem","StarIcon","varAttr"],"sources":["../../../../src/components/rating/rating.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FunctionOrValue, Merge, ReactNodeOrFunction } from \"../../utils\"\nimport type { RatingStyle } from \"./rating.style\"\nimport type { UseRatingItemProps, UseRatingProps } from \"./use-rating\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled, varAttr } from \"../../core\"\nimport { runIfFn } from \"../../utils\"\nimport { StarIcon } from \"../icon\"\nimport { ratingStyle } from \"./rating.style\"\nimport {\n  RatingContext,\n  useRating,\n  useRatingContext,\n  useRatingItem,\n} from \"./use-rating\"\n\ninterface ComponentContext extends Pick<\n  RatingProps,\n  | \"color\"\n  | \"emptyIcon\"\n  | \"filledIcon\"\n  | \"groupProps\"\n  | \"iconProps\"\n  | \"inputProps\"\n  | \"itemProps\"\n> {}\n\nexport interface RatingProps\n  extends\n    Merge<Omit<HTMLStyledProps, \"children\" | \"color\">, UseRatingProps>,\n    ThemeProps<RatingStyle> {\n  /**\n   * The color of the filled icons.\n   */\n  color?: FunctionOrValue<number, CSSProps[\"color\"]>\n  /**\n   * The empty icon for the rating.\n   */\n  emptyIcon?: ReactNodeOrFunction<number>\n  /**\n   * The filled icon for the rating.\n   */\n  filledIcon?: ReactNodeOrFunction<number>\n  /**\n   * Props for the rating group.\n   */\n  groupProps?: FunctionOrValue<number, RatingGroupProps>\n  /**\n   * Props for the rating item.\n   */\n  iconProps?: FunctionOrValue<number, RatingIconProps>\n  /**\n   * Props for the input element.\n   */\n  inputProps?: FunctionOrValue<number, HTMLStyledProps<\"input\">>\n  /**\n   * Props for the rating item.\n   */\n  itemProps?: FunctionOrValue<number, RatingItemProps>\n}\n\nconst {\n  ComponentContext,\n  PropsContext: RatingPropsContext,\n  useComponentContext,\n  usePropsContext: useRatingPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<RatingProps, RatingStyle, ComponentContext>(\n  \"rating\",\n  ratingStyle,\n)\n\nexport { RatingPropsContext, useRatingPropsContext }\n\n/**\n * `Rating` is a component used to allow users to provide ratings.\n *\n * @see https://yamada-ui.com/docs/components/rating\n */\nexport const Rating = withProvider<\"div\", RatingProps>(\n  ({\n    color,\n    emptyIcon,\n    filledIcon,\n    groupProps,\n    iconProps,\n    inputProps,\n    itemProps,\n    ...rest\n  }) => {\n    const {\n      id,\n      name,\n      count,\n      decimal,\n      disabled,\n      displayValue,\n      fractions,\n      highlightSelectedOnly,\n      hoveredValue,\n      interactive,\n      outsideRef,\n      readOnly,\n      required,\n      roundedValue,\n      setHoveredValue,\n      setValue,\n      value,\n      ariaProps,\n      dataProps,\n      eventProps,\n      getRootProps,\n    } = useRating(rest)\n    const ratingContext = useMemo(\n      () => ({\n        id,\n        name,\n        count,\n        decimal,\n        disabled,\n        displayValue,\n        fractions,\n        highlightSelectedOnly,\n        hoveredValue,\n        interactive,\n        outsideRef,\n        readOnly,\n        required,\n        roundedValue,\n        setHoveredValue,\n        setValue,\n        value,\n        ariaProps,\n        dataProps,\n        eventProps,\n      }),\n      [\n        id,\n        name,\n        count,\n        decimal,\n        disabled,\n        fractions,\n        highlightSelectedOnly,\n        hoveredValue,\n        interactive,\n        displayValue,\n        outsideRef,\n        readOnly,\n        required,\n        roundedValue,\n        setHoveredValue,\n        setValue,\n        value,\n        ariaProps,\n        dataProps,\n        eventProps,\n      ],\n    )\n    const componentContext = useMemo(\n      () => ({\n        color,\n        emptyIcon,\n        filledIcon,\n        groupProps,\n        iconProps,\n        inputProps,\n        itemProps,\n      }),\n      [\n        color,\n        emptyIcon,\n        filledIcon,\n        groupProps,\n        iconProps,\n        inputProps,\n        itemProps,\n      ],\n    )\n\n    return (\n      <RatingContext value={ratingContext}>\n        <ComponentContext value={componentContext}>\n          <styled.div {...getRootProps()}>\n            {Array.from({ length: count }).map((_, index) => (\n              <RatingGroup key={index} value={index + 1} />\n            ))}\n          </styled.div>\n        </ComponentContext>\n      </RatingContext>\n    )\n  },\n  \"root\",\n)()\n\ninterface RatingGroupProps extends HTMLStyledProps {\n  value: number\n}\n\nconst RatingGroup = withContext<\"div\", RatingGroupProps>(\n  ({ value, ...rest }) => {\n    const { fractions } = useRatingContext()\n    const { groupProps } = useComponentContext()\n    const count = useMemo(\n      () => (value === 1 ? fractions + 1 : fractions),\n      [value, fractions],\n    )\n\n    return (\n      <styled.div {...mergeProps(rest, runIfFn(groupProps, value))()}>\n        {Array.from({ length: count }).map((_, index) => (\n          <RatingItem key={index} groupValue={value} index={index} />\n        ))}\n      </styled.div>\n    )\n  },\n  \"group\",\n)()\n\ninterface RatingItemProps\n  extends HTMLStyledProps<\"label\">, UseRatingItemProps {}\n\nconst RatingItem = withContext<\"label\", RatingItemProps>((props) => {\n  const {\n    active,\n    filled,\n    fractionValue,\n    groupValue,\n    getInputProps,\n    getLabelProps,\n  } = useRatingItem(props)\n  const {\n    emptyIcon = <StarIcon fill=\"currentColor\" strokeColor=\"currentColor\" />,\n    filledIcon = <StarIcon fill=\"currentColor\" strokeColor=\"currentColor\" />,\n    iconProps,\n    inputProps,\n    itemProps,\n  } = useComponentContext()\n  const clipPath =\n    fractionValue !== 1\n      ? `inset(0 ${active ? 100 - fractionValue * 100 : 100}% 0 0)`\n      : undefined\n\n  return (\n    <styled.label {...getLabelProps(runIfFn(itemProps, groupValue))}>\n      <styled.input {...getInputProps(runIfFn(inputProps, groupValue))} />\n\n      <RatingIcon\n        {...{ \"--clip-path\": clipPath }}\n        {...runIfFn(iconProps, groupValue)}\n      >\n        {filled\n          ? runIfFn(filledIcon, groupValue)\n          : runIfFn(emptyIcon, groupValue)}\n      </RatingIcon>\n    </styled.label>\n  )\n}, \"item\")(undefined, ({ groupValue, ...rest }) => {\n  const { color } = useComponentContext()\n\n  return {\n    \"--filled-color\": varAttr(runIfFn(color, groupValue), \"colors\"),\n    groupValue,\n    ...rest,\n  }\n})\n\ninterface RatingIconProps extends HTMLStyledProps {}\n\nconst RatingIcon = withContext<\"div\", RatingIconProps>(\"div\", \"icon\")()\n"],"mappings":";;;;;;;;;;;;AA+DA,MAAM,EACJ,kBACA,cAAc,oBACd,qBACA,iBAAiB,uBACjB,aACA,iBACEA,yBAAAA,oBACF,UACAC,qBAAAA,WACF;;;;;;AASA,MAAa,SAAS,cACnB,EACC,OACA,WACA,YACA,YACA,WACA,YACA,WACA,GAAG,WACC;CACJ,MAAM,EACJ,IACA,MACA,OACA,SACA,UACA,cACA,WACA,uBACA,cACA,aACA,YACA,UACA,UACA,cACA,iBACA,UACA,OACA,WACA,WACA,YACA,iBACEC,mBAAAA,UAAU,IAAI;CAClB,MAAM,iBAAA,GAAA,MAAA,QAAA,QACG;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,oBAAA,GAAA,MAAA,QAAA,QACG;EACL;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,eAAD;EAAe,OAAO;EACpB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;GAAkB,OAAO;GACvB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;IAAY,GAAI,aAAa;IAC1B,UAAA,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,UACrC,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD,EAAyB,OAAO,QAAQ,EAAI,GAA1B,KAA0B,CAC7C;GACS,CAAA;EACI,CAAA;CACL,CAAA;AAEnB,GACA,MACF,CAAC,CAAC;AAMF,MAAM,cAAc,aACjB,EAAE,OAAO,GAAG,WAAW;CACtB,MAAM,EAAE,cAAcC,mBAAAA,iBAAiB;CACvC,MAAM,EAAE,eAAe,oBAAoB;CAC3C,MAAM,SAAA,GAAA,MAAA,QAAA,OACG,UAAU,IAAI,YAAY,IAAI,WACrC,CAAC,OAAO,SAAS,CACnB;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,gBAAAA,OAAO,KAAR;EAAY,GAAIE,cAAAA,WAAW,OAAA,GAAA,oBAAA,cAAA,QAAA,CAAc,YAAY,KAAK,CAAC,CAAC,CAAC;EAC1D,UAAA,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,UACrC,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;GAAwB,YAAY;GAAc;EAAQ,GAAzC,KAAyC,CAC3D;CACS,CAAA;AAEhB,GACA,OACF,CAAC,CAAC;AAKF,MAAM,aAAa,aAAuC,UAAU;CAClE,MAAM,EACJ,QACA,QACA,eACA,YACA,eACA,kBACEC,mBAAAA,cAAc,KAAK;CACvB,MAAM,EACJ,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,UAAD;EAAU,MAAK;EAAe,aAAY;CAAgB,CAAA,GACtE,aAAa,iBAAA,GAAA,kBAAA,IAAA,CAACA,kBAAAA,UAAD;EAAU,MAAK;EAAe,aAAY;CAAgB,CAAA,GACvE,WACA,YACA,cACE,oBAAoB;CACxB,MAAM,WACJ,kBAAkB,IACd,WAAW,SAAS,MAAM,gBAAgB,MAAM,IAAI,UACpD,KAAA;CAEN,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACJ,gBAAAA,OAAO,OAAR;EAAc,GAAI,eAAA,GAAA,oBAAA,cAAA,QAAA,CAAsB,WAAW,UAAU,CAAC;EAA9D,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,OAAR,EAAc,GAAI,eAAA,GAAA,oBAAA,cAAA,QAAA,CAAsB,YAAY,UAAU,CAAC,EAAI,CAAA,GAEnE,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;GACQ,eAAe;GACrB,IAAA,GAAA,oBAAA,cAAA,QAAA,CAAY,WAAW,UAAU;GAEhC,UAAA,UAAA,GAAA,oBAAA,cAAA,QAAA,CACW,YAAY,UAAU,KAAA,GAAA,oBAAA,cAAA,QAAA,CACtB,WAAW,UAAU;EACvB,CAAA,CACA;;AAElB,GAAG,MAAM,CAAC,CAAC,KAAA,IAAY,EAAE,YAAY,GAAG,WAAW;CACjD,MAAM,EAAE,UAAU,oBAAoB;CAEtC,OAAO;EACL,kBAAkBK,YAAAA,SAAAA,GAAAA,oBAAAA,cAAAA,QAAAA,CAAgB,OAAO,UAAU,GAAG,QAAQ;EAC9D;EACA,GAAG;CACL;AACF,CAAC;AAID,MAAM,aAAa,YAAoC,OAAO,MAAM,CAAC,CAAC"}
+{"version":3,"file":"rating.cjs","names":["createSlotComponent","ratingStyle","useRating","useMemo","RatingContext","styled","useRatingContext","mergeProps","useRatingItem","StarIcon","varAttr"],"sources":["../../../../src/components/rating/rating.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FunctionOrValue, Merge, ReactNodeOrFunction } from \"../../utils\"\nimport type { RatingStyle } from \"./rating.style\"\nimport type { UseRatingItemProps, UseRatingProps } from \"./use-rating\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled, varAttr } from \"../../core\"\nimport { runIfFn } from \"../../utils\"\nimport { StarIcon } from \"../icon\"\nimport { ratingStyle } from \"./rating.style\"\nimport {\n  RatingContext,\n  useRating,\n  useRatingContext,\n  useRatingItem,\n} from \"./use-rating\"\n\ninterface ComponentContext extends Pick<\n  RatingProps,\n  | \"color\"\n  | \"emptyIcon\"\n  | \"filledIcon\"\n  | \"groupProps\"\n  | \"iconProps\"\n  | \"inputProps\"\n  | \"itemProps\"\n> {}\n\nexport interface RatingProps\n  extends\n    Merge<Omit<HTMLStyledProps, \"children\" | \"color\">, UseRatingProps>,\n    ThemeProps<RatingStyle> {\n  /**\n   * The color of the filled icons.\n   */\n  color?: FunctionOrValue<number, CSSProps[\"color\"]>\n  /**\n   * The empty icon for the rating.\n   */\n  emptyIcon?: ReactNodeOrFunction<number>\n  /**\n   * The filled icon for the rating.\n   */\n  filledIcon?: ReactNodeOrFunction<number>\n  /**\n   * Props for the rating group.\n   */\n  groupProps?: FunctionOrValue<number, RatingGroupProps>\n  /**\n   * Props for the rating item.\n   */\n  iconProps?: FunctionOrValue<number, RatingIconProps>\n  /**\n   * Props for the input element.\n   */\n  inputProps?: FunctionOrValue<number, HTMLStyledProps<\"input\">>\n  /**\n   * Props for the rating item.\n   */\n  itemProps?: FunctionOrValue<number, RatingItemProps>\n}\n\nconst {\n  ComponentContext,\n  PropsContext: RatingPropsContext,\n  useComponentContext,\n  usePropsContext: useRatingPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<RatingProps, RatingStyle, ComponentContext>(\n  \"rating\",\n  ratingStyle,\n)\n\nexport { RatingPropsContext, useRatingPropsContext }\n\n/**\n * `Rating` is a component used to allow users to provide ratings.\n *\n * @see https://yamada-ui.com/docs/components/rating\n */\nexport const Rating = withProvider<\"div\", RatingProps>(\n  ({\n    color,\n    emptyIcon,\n    filledIcon,\n    groupProps,\n    iconProps,\n    inputProps,\n    itemProps,\n    ...rest\n  }) => {\n    const {\n      id,\n      name,\n      count,\n      decimal,\n      disabled,\n      displayValue,\n      fractions,\n      highlightSelectedOnly,\n      hoveredValue,\n      interactive,\n      outsideRef,\n      readOnly,\n      required,\n      roundedValue,\n      setHoveredValue,\n      setValue,\n      value,\n      ariaProps,\n      dataProps,\n      eventProps,\n      getRootProps,\n    } = useRating(rest)\n    const ratingContext = useMemo(\n      () => ({\n        id,\n        name,\n        count,\n        decimal,\n        disabled,\n        displayValue,\n        fractions,\n        highlightSelectedOnly,\n        hoveredValue,\n        interactive,\n        outsideRef,\n        readOnly,\n        required,\n        roundedValue,\n        setHoveredValue,\n        setValue,\n        value,\n        ariaProps,\n        dataProps,\n        eventProps,\n      }),\n      [\n        id,\n        name,\n        count,\n        decimal,\n        disabled,\n        fractions,\n        highlightSelectedOnly,\n        hoveredValue,\n        interactive,\n        displayValue,\n        outsideRef,\n        readOnly,\n        required,\n        roundedValue,\n        setHoveredValue,\n        setValue,\n        value,\n        ariaProps,\n        dataProps,\n        eventProps,\n      ],\n    )\n    const componentContext = useMemo(\n      () => ({\n        color,\n        emptyIcon,\n        filledIcon,\n        groupProps,\n        iconProps,\n        inputProps,\n        itemProps,\n      }),\n      [\n        color,\n        emptyIcon,\n        filledIcon,\n        groupProps,\n        iconProps,\n        inputProps,\n        itemProps,\n      ],\n    )\n\n    return (\n      <RatingContext value={ratingContext}>\n        <ComponentContext value={componentContext}>\n          <styled.div {...getRootProps()}>\n            {Array.from({ length: count }).map((_, index) => (\n              <RatingGroup key={index} value={index + 1} />\n            ))}\n          </styled.div>\n        </ComponentContext>\n      </RatingContext>\n    )\n  },\n  \"root\",\n)()\n\ninterface RatingGroupProps extends HTMLStyledProps {\n  value: number\n}\n\nconst RatingGroup = withContext<\"div\", RatingGroupProps>(\n  ({ value, ...rest }) => {\n    const { fractions } = useRatingContext()\n    const { groupProps } = useComponentContext()\n    const count = useMemo(\n      () => (value === 1 ? fractions + 1 : fractions),\n      [value, fractions],\n    )\n\n    return (\n      <styled.div {...mergeProps(rest, runIfFn(groupProps, value))()}>\n        {Array.from({ length: count }).map((_, index) => (\n          <RatingItem key={index} groupValue={value} index={index} />\n        ))}\n      </styled.div>\n    )\n  },\n  \"group\",\n)()\n\ninterface RatingItemProps\n  extends HTMLStyledProps<\"label\">, UseRatingItemProps {}\n\nconst RatingItem = withContext<\"label\", RatingItemProps>((props) => {\n  const {\n    active,\n    filled,\n    fractionValue,\n    groupValue,\n    getInputProps,\n    getLabelProps,\n  } = useRatingItem(props)\n  const {\n    emptyIcon = <StarIcon fill=\"currentColor\" strokeColor=\"currentColor\" />,\n    filledIcon = <StarIcon fill=\"currentColor\" strokeColor=\"currentColor\" />,\n    iconProps,\n    inputProps,\n    itemProps,\n  } = useComponentContext()\n  const clipPath =\n    fractionValue !== 1\n      ? `inset(0 ${active ? 100 - fractionValue * 100 : 100}% 0 0)`\n      : undefined\n\n  return (\n    <styled.label {...getLabelProps(runIfFn(itemProps, groupValue))}>\n      <styled.input {...getInputProps(runIfFn(inputProps, groupValue))} />\n\n      <RatingIcon\n        {...{ \"--clip-path\": clipPath }}\n        {...runIfFn(iconProps, groupValue)}\n      >\n        {filled\n          ? runIfFn(filledIcon, groupValue)\n          : runIfFn(emptyIcon, groupValue)}\n      </RatingIcon>\n    </styled.label>\n  )\n}, \"item\")(undefined, ({ groupValue, ...rest }) => {\n  const { color } = useComponentContext()\n\n  return {\n    \"--filled-color\": varAttr(runIfFn(color, groupValue), \"colors\"),\n    groupValue,\n    ...rest,\n  }\n})\n\ninterface RatingIconProps extends HTMLStyledProps {}\n\nconst RatingIcon = withContext<\"div\", RatingIconProps>(\"div\", \"icon\")()\n"],"mappings":";;;;;;;;;;;;;AA+DA,MAAM,EACJ,kBACA,cAAc,oBACd,qBACA,iBAAiB,uBACjB,aACA,iBACEA,yBAAAA,oBACF,UACAC,qBAAAA,WACF;;;;;;AASA,MAAa,SAAS,cACnB,EACC,OACA,WACA,YACA,YACA,WACA,YACA,WACA,GAAG,WACC;CACJ,MAAM,EACJ,IACA,MACA,OACA,SACA,UACA,cACA,WACA,uBACA,cACA,aACA,YACA,UACA,UACA,cACA,iBACA,UACA,OACA,WACA,WACA,YACA,iBACEC,mBAAAA,UAAU,IAAI;CAClB,MAAM,iBAAA,GAAgBC,MAAAA,QAAAA,QACb;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,oBAAA,GAAmBA,MAAAA,QAAAA,QAChB;EACL;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,eAAD;EAAe,OAAO;EACpB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;GAAkB,OAAO;GACvB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;IAAY,GAAI,aAAa;IAC1B,UAAA,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,UACrC,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD,EAAyB,OAAO,QAAQ,EAAI,GAA1B,KAA0B,CAC7C;GACS,CAAA;EACI,CAAA;CACL,CAAA;AAEnB,GACA,MACF,CAAC,CAAC;AAMF,MAAM,cAAc,aACjB,EAAE,OAAO,GAAG,WAAW;CACtB,MAAM,EAAE,cAAcC,mBAAAA,iBAAiB;CACvC,MAAM,EAAE,eAAe,oBAAoB;CAC3C,MAAM,SAAA,GAAQH,MAAAA,QAAAA,OACL,UAAU,IAAI,YAAY,IAAI,WACrC,CAAC,OAAO,SAAS,CACnB;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,gBAAAA,OAAO,KAAR;EAAY,GAAIE,cAAAA,WAAW,OAAA,GAAA,oBAAA,cAAM,QAAA,CAAQ,YAAY,KAAK,CAAC,CAAC,CAAC;EAC1D,UAAA,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,UACrC,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;GAAwB,YAAY;GAAc;EAAQ,GAAzC,KAAyC,CAC3D;CACS,CAAA;AAEhB,GACA,OACF,CAAC,CAAC;AAKF,MAAM,aAAa,aAAuC,UAAU;CAClE,MAAM,EACJ,QACA,QACA,eACA,YACA,eACA,kBACEC,mBAAAA,cAAc,KAAK;CACvB,MAAM,EACJ,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,UAAD;EAAU,MAAK;EAAe,aAAY;CAAgB,CAAA,GACtE,aAAa,iBAAA,GAAA,kBAAA,IAAA,CAACA,kBAAAA,UAAD;EAAU,MAAK;EAAe,aAAY;CAAgB,CAAA,GACvE,WACA,YACA,cACE,oBAAoB;CACxB,MAAM,WACJ,kBAAkB,IACd,WAAW,SAAS,MAAM,gBAAgB,MAAM,IAAI,UACpD,KAAA;CAEN,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACJ,gBAAAA,OAAO,OAAR;EAAc,GAAI,eAAA,GAAA,oBAAA,cAAc,QAAA,CAAQ,WAAW,UAAU,CAAC;EAA9D,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,OAAR,EAAc,GAAI,eAAA,GAAA,oBAAA,cAAc,QAAA,CAAQ,YAAY,UAAU,CAAC,EAAI,CAAA,GAEnE,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;GACQ,eAAe;GACrB,IAAA,GAAA,oBAAA,cAAI,QAAA,CAAQ,WAAW,UAAU;GAEhC,UAAA,UAAA,GAAA,oBAAA,cACG,QAAA,CAAQ,YAAY,UAAU,KAAA,GAAA,oBAAA,cAC9B,QAAA,CAAQ,WAAW,UAAU;EACvB,CAAA,CACA;;AAElB,GAAG,MAAM,CAAC,CAAC,KAAA,IAAY,EAAE,YAAY,GAAG,WAAW;CACjD,MAAM,EAAE,UAAU,oBAAoB;CAEtC,OAAO;EACL,kBAAkBK,YAAAA,SAAAA,GAAAA,oBAAAA,cAAQ,QAAA,CAAQ,OAAO,UAAU,GAAG,QAAQ;EAC9D;EACA,GAAG;CACL;AACF,CAAC;AAID,MAAM,aAAa,YAAoC,OAAO,MAAM,CAAC,CAAC"}

package/dist/cjs/components/rating/use-rating.cjs

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_context = require("../../utils/context.cjs");
 const require_dom = require("../../utils/dom.cjs");
 const require_utils_index = require("../../utils/index.cjs");