@yamada-ui/react 2.2.2-dev-20260525091318 → 2.2.2-dev-20260525152928

package/dist/esm/components/password-input/strength-meter.js.map

@@ -1 +1 @@
-{"version":3,"file":"strength-meter.js","names":[],"sources":["../../../../src/components/password-input/strength-meter.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps } from \"../../core\"\nimport type { StrengthMeterStyle } from \"./strength-meter.style\"\nimport type { UseStrengthMeterProps } from \"./use-strength-meter\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { strengthMeterStyle } from \"./strength-meter.style\"\nimport { useStrengthMeter } from \"./use-strength-meter\"\n\ninterface IndicatorProps extends HTMLStyledProps {\n  label?: ReactNode\n}\n\nexport interface StrengthMeterProps\n  extends HTMLStyledProps, UseStrengthMeterProps {\n  /**\n   * If `true`, the password strength meter will display the label.\n   *\n   * @default true\n   */\n  withLabel?: boolean\n  /**\n   * The props of the password strength meter indicator.\n   */\n  getIndicatorProps?: (percent: number) => IndicatorProps\n}\n\nconst {\n  PropsContext: StrengthMeterPropsContext,\n  usePropsContext: useStrengthMeterPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<StrengthMeterProps, StrengthMeterStyle>(\n  \"strength-meter\",\n  strengthMeterStyle,\n)\n\nexport { StrengthMeterPropsContext, useStrengthMeterPropsContext }\n\nexport const StrengthMeter = withProvider<\"div\", StrengthMeterProps>(\n  ({\n    max = 4,\n    value,\n    withLabel = true,\n    getIndicatorProps: getCustomIndicatorProps,\n    ...rest\n  }) => {\n    const percent = (value / max) * 100\n\n    const getDefaultIndicatorProps = (percent: number): IndicatorProps => {\n      switch (true) {\n        case percent < 33:\n          return { label: \"Low\", _selected: { bg: \"red.500\" } }\n        case percent < 66:\n          return { label: \"Medium\", _selected: { bg: \"orange.500\" } }\n        default:\n          return { label: \"High\", _selected: { bg: \"green.500\" } }\n      }\n    }\n\n    getCustomIndicatorProps ??= getDefaultIndicatorProps\n\n    const { label, ...indicatorProps } = getCustomIndicatorProps(percent)\n\n    const { getIndicatorProps, getRootProps } = useStrengthMeter({\n      max,\n      value,\n      ...rest,\n    })\n\n    return (\n      <styled.div {...getRootProps()}>\n        <StrengthMeterIndicators>\n          {Array.from({ length: max }).map((_, index) => (\n            <StrengthMeterIndicator\n              key={index}\n              {...getIndicatorProps({ index, ...indicatorProps })}\n            />\n          ))}\n        </StrengthMeterIndicators>\n\n        {withLabel && label ? (\n          <StrengthMeterLabel>{label}</StrengthMeterLabel>\n        ) : null}\n      </styled.div>\n    )\n  },\n  \"root\",\n)()\n\ninterface StrengthMeterIndicatorsProps extends HTMLStyledProps {}\n\nconst StrengthMeterIndicators = withContext<\n  \"div\",\n  StrengthMeterIndicatorsProps\n>(\"div\", \"indicators\")()\n\ninterface StrengthMeterIndicatorProps extends HTMLStyledProps {}\n\nconst StrengthMeterIndicator = withContext<\"div\", StrengthMeterIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n\ninterface StrengthMeterLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst StrengthMeterLabel = withContext<\"span\", StrengthMeterLabelProps>(\n  \"span\",\n  \"label\",\n)()\n"],"mappings":";;;;;;;AA4BA,MAAM,EACJ,cAAc,2BACd,iBAAiB,8BACjB,aACA,iBACE,oBACF,kBACA,mBACD;AAID,MAAa,gBAAgB,cAC1B,EACC,MAAM,GACN,OACA,YAAY,MACZ,mBAAmB,yBACnB,GAAG,WACC;CACJ,MAAM,UAAW,QAAQ,MAAO;CAEhC,MAAM,4BAA4B,YAAoC;EACpE,QAAQ,MAAR;GACE,KAAK,UAAU,IACb,OAAO;IAAE,OAAO;IAAO,WAAW,EAAE,IAAI,WAAW;IAAE;GACvD,KAAK,UAAU,IACb,OAAO;IAAE,OAAO;IAAU,WAAW,EAAE,IAAI,cAAc;IAAE;GAC7D,SACE,OAAO;IAAE,OAAO;IAAQ,WAAW,EAAE,IAAI,aAAa;IAAE;;;CAI9D,4BAA4B;CAE5B,MAAM,EAAE,OAAO,GAAG,mBAAmB,wBAAwB,QAAQ;CAErE,MAAM,EAAE,mBAAmB,iBAAiB,iBAAiB;EAC3D;EACA;EACA,GAAG;EACJ,CAAC;CAEF,OACE,qBAAC,OAAO,KAAR;EAAY,GAAI,cAAc;YAA9B,CACE,oBAAC,yBAAD,EAAA,UACG,MAAM,KAAK,EAAE,QAAQ,KAAK,CAAC,CAAC,KAAK,GAAG,UACnC,oBAAC,wBAAD,EAEE,GAAI,kBAAkB;GAAE;GAAO,GAAG;GAAgB,CAAC,EACnD,EAFK,MAEL,CACF,EACsB,CAAA,EAEzB,aAAa,QACZ,oBAAC,oBAAD,EAAA,UAAqB,OAA2B,CAAA,GAC9C,KACO;;GAGjB,OACD,EAAE;AAIH,MAAM,0BAA0B,YAG9B,OAAO,aAAa,EAAE;AAIxB,MAAM,yBAAyB,YAC7B,OACA,YACD,EAAE;AAIH,MAAM,qBAAqB,YACzB,QACA,QACD,EAAE"}
+{"version":3,"file":"strength-meter.js","names":[],"sources":["../../../../src/components/password-input/strength-meter.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps } from \"../../core\"\nimport type { StrengthMeterStyle } from \"./strength-meter.style\"\nimport type { UseStrengthMeterProps } from \"./use-strength-meter\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { strengthMeterStyle } from \"./strength-meter.style\"\nimport { useStrengthMeter } from \"./use-strength-meter\"\n\ninterface IndicatorProps extends HTMLStyledProps {\n  label?: ReactNode\n}\n\nexport interface StrengthMeterProps\n  extends HTMLStyledProps, UseStrengthMeterProps {\n  /**\n   * If `true`, the password strength meter will display the label.\n   *\n   * @default true\n   */\n  withLabel?: boolean\n  /**\n   * The props of the password strength meter indicator.\n   */\n  getIndicatorProps?: (percent: number) => IndicatorProps\n}\n\nconst {\n  PropsContext: StrengthMeterPropsContext,\n  usePropsContext: useStrengthMeterPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<StrengthMeterProps, StrengthMeterStyle>(\n  \"strength-meter\",\n  strengthMeterStyle,\n)\n\nexport { StrengthMeterPropsContext, useStrengthMeterPropsContext }\n\nexport const StrengthMeter = withProvider<\"div\", StrengthMeterProps>(\n  ({\n    max = 4,\n    value,\n    withLabel = true,\n    getIndicatorProps: getCustomIndicatorProps,\n    ...rest\n  }) => {\n    const percent = (value / max) * 100\n\n    const getDefaultIndicatorProps = (percent: number): IndicatorProps => {\n      switch (true) {\n        case percent < 33:\n          return { label: \"Low\", _selected: { bg: \"red.500\" } }\n        case percent < 66:\n          return { label: \"Medium\", _selected: { bg: \"orange.500\" } }\n        default:\n          return { label: \"High\", _selected: { bg: \"green.500\" } }\n      }\n    }\n\n    getCustomIndicatorProps ??= getDefaultIndicatorProps\n\n    const { label, ...indicatorProps } = getCustomIndicatorProps(percent)\n\n    const { getIndicatorProps, getRootProps } = useStrengthMeter({\n      max,\n      value,\n      ...rest,\n    })\n\n    return (\n      <styled.div {...getRootProps()}>\n        <StrengthMeterIndicators>\n          {Array.from({ length: max }).map((_, index) => (\n            <StrengthMeterIndicator\n              key={index}\n              {...getIndicatorProps({ index, ...indicatorProps })}\n            />\n          ))}\n        </StrengthMeterIndicators>\n\n        {withLabel && label ? (\n          <StrengthMeterLabel>{label}</StrengthMeterLabel>\n        ) : null}\n      </styled.div>\n    )\n  },\n  \"root\",\n)()\n\ninterface StrengthMeterIndicatorsProps extends HTMLStyledProps {}\n\nconst StrengthMeterIndicators = withContext<\n  \"div\",\n  StrengthMeterIndicatorsProps\n>(\"div\", \"indicators\")()\n\ninterface StrengthMeterIndicatorProps extends HTMLStyledProps {}\n\nconst StrengthMeterIndicator = withContext<\"div\", StrengthMeterIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n\ninterface StrengthMeterLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst StrengthMeterLabel = withContext<\"span\", StrengthMeterLabelProps>(\n  \"span\",\n  \"label\",\n)()\n"],"mappings":";;;;;;;AA4BA,MAAM,EACJ,cAAc,2BACd,iBAAiB,8BACjB,aACA,iBACE,oBACF,kBACA,kBACF;AAIA,MAAa,gBAAgB,cAC1B,EACC,MAAM,GACN,OACA,YAAY,MACZ,mBAAmB,yBACnB,GAAG,WACC;CACJ,MAAM,UAAW,QAAQ,MAAO;CAEhC,MAAM,4BAA4B,YAAoC;EACpE,QAAQ,MAAR;GACE,KAAK,UAAU,IACb,OAAO;IAAE,OAAO;IAAO,WAAW,EAAE,IAAI,UAAU;GAAE;GACtD,KAAK,UAAU,IACb,OAAO;IAAE,OAAO;IAAU,WAAW,EAAE,IAAI,aAAa;GAAE;GAC5D,SACE,OAAO;IAAE,OAAO;IAAQ,WAAW,EAAE,IAAI,YAAY;GAAE;EAC3D;CACF;CAEA,4BAA4B;CAE5B,MAAM,EAAE,OAAO,GAAG,mBAAmB,wBAAwB,OAAO;CAEpE,MAAM,EAAE,mBAAmB,iBAAiB,iBAAiB;EAC3D;EACA;EACA,GAAG;CACL,CAAC;CAED,OACE,qBAAC,OAAO,KAAR;EAAY,GAAI,aAAa;YAA7B,CACE,oBAAC,yBAAD,EAAA,UACG,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,EAAE,KAAK,GAAG,UACnC,oBAAC,wBAAD,EAEE,GAAI,kBAAkB;GAAE;GAAO,GAAG;EAAe,CAAC,EACnD,GAFM,KAEN,CACF,EACsB,CAAA,GAExB,aAAa,QACZ,oBAAC,oBAAD,EAAA,UAAqB,MAA0B,CAAA,IAC7C,IACM;;AAEhB,GACA,MACF,EAAE;AAIF,MAAM,0BAA0B,YAG9B,OAAO,YAAY,EAAE;AAIvB,MAAM,yBAAyB,YAC7B,OACA,WACF,EAAE;AAIF,MAAM,qBAAqB,YACzB,QACA,OACF,EAAE"}

package/dist/esm/components/password-input/strength-meter.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"strength-meter.style.js","names":[],"sources":["../../../../src/components/password-input/strength-meter.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const strengthMeterStyle = defineComponentSlotStyle({\n  base: {\n    indicator: {\n      bg: \"bg.subtle\",\n      flex: \"1\",\n      h: \"1\",\n      rounded: \"l1\",\n    },\n    indicators: {\n      display: \"flex\",\n      gap: \"sm\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      w: \"full\",\n    },\n    label: {\n      color: \"fg.muted\",\n      fontSize: \"xs\",\n    },\n    root: {\n      alignItems: \"end\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xs\",\n      w: \"full\",\n    },\n  },\n})\n\nexport type StrengthMeterStyle = typeof strengthMeterStyle\n"],"mappings":";;AAEA,MAAa,qBAAqB,yBAAyB,EACzD,MAAM;CACJ,WAAW;EACT,IAAI;EACJ,MAAM;EACN,GAAG;EACH,SAAS;EACV;CACD,YAAY;EACV,SAAS;EACT,KAAK;EACL,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACJ;CACD,OAAO;EACL,OAAO;EACP,UAAU;EACX;CACD,MAAM;EACJ,YAAY;EACZ,SAAS;EACT,eAAe;EACf,KAAK;EACL,GAAG;EACJ;CACF,EACF,CAAC"}
+{"version":3,"file":"strength-meter.style.js","names":[],"sources":["../../../../src/components/password-input/strength-meter.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const strengthMeterStyle = defineComponentSlotStyle({\n  base: {\n    indicator: {\n      bg: \"bg.subtle\",\n      flex: \"1\",\n      h: \"1\",\n      rounded: \"l1\",\n    },\n    indicators: {\n      display: \"flex\",\n      gap: \"sm\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      w: \"full\",\n    },\n    label: {\n      color: \"fg.muted\",\n      fontSize: \"xs\",\n    },\n    root: {\n      alignItems: \"end\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xs\",\n      w: \"full\",\n    },\n  },\n})\n\nexport type StrengthMeterStyle = typeof strengthMeterStyle\n"],"mappings":";;AAEA,MAAa,qBAAqB,yBAAyB,EACzD,MAAM;CACJ,WAAW;EACT,IAAI;EACJ,MAAM;EACN,GAAG;EACH,SAAS;CACX;CACA,YAAY;EACV,SAAS;EACT,KAAK;EACL,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;CACL;CACA,OAAO;EACL,OAAO;EACP,UAAU;CACZ;CACA,MAAM;EACJ,YAAY;EACZ,SAAS;EACT,eAAe;EACf,KAAK;EACL,GAAG;CACL;AACF,EACF,CAAC"}

package/dist/esm/components/password-input/use-password-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-password-input.js","names":[],"sources":["../../../../src/components/password-input/use-password-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type { MouseEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, mergeRefs } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport interface UsePasswordInputProps extends HTMLProps<\"input\">, FieldProps {\n  /**\n   * Determines whether the password input is visible by default.\n   *\n   * @default false\n   */\n  defaultVisible?: boolean\n  /**\n   * Determines the visibility of the password input.\n   *\n   * @default false\n   */\n  visible?: boolean\n  /**\n   * Callback function that is triggered when the visibility of the password input changes.\n   */\n  onVisibleChange?: (visible: boolean) => void\n}\n\nexport const usePasswordInput = (props: UsePasswordInputProps = {}) => {\n  const {\n    props: {\n      defaultVisible,\n      disabled,\n      visible: visibleProp,\n      onVisibleChange,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const [visible, setVisible] = useControllableState({\n    defaultValue: defaultVisible,\n    value: visibleProp,\n    onChange: onVisibleChange,\n  })\n  const { t } = useI18n(\"passwordInput\")\n\n  const onChangeVisibility = useCallback(\n    (ev: MouseEvent<HTMLButtonElement>) => {\n      if (disabled || ev.button !== 0) return\n\n      ev.preventDefault()\n\n      setVisible((prev) => !prev)\n    },\n    [disabled, setVisible],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const mergedProps = mergeProps(\n        {\n          type: visible ? \"text\" : \"password\",\n          disabled,\n          ...ariaProps,\n          ...dataProps,\n        },\n        rest,\n        props,\n      )({\n        mergeEvent: false,\n        mergeRef: false,\n      })\n\n      return {\n        ...mergedProps,\n        ref: mergeRefs(ref, rest.ref),\n        onBlur: handlerAll(eventProps.onBlur, props.onBlur),\n        onFocus: handlerAll(eventProps.onFocus, props.onFocus),\n      }\n    },\n    [visible, rest, disabled, dataProps, eventProps, ariaProps],\n  )\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      type: \"button\",\n      \"aria-label\": t(\"Toggle password visibility\"),\n      disabled,\n      ...dataProps,\n      ...props,\n      onClick: handlerAll(props.onClick, onChangeVisibility),\n    }),\n    [onChangeVisibility, dataProps, disabled, t],\n  )\n\n  return {\n    setVisible,\n    visible,\n    getButtonProps,\n    getInputProps,\n  }\n}\n\nexport type UsePasswordInputReturn = ReturnType<typeof usePasswordInput>\n"],"mappings":";;;;;;;;;AA+BA,MAAa,oBAAoB,QAA+B,EAAE,KAAK;CACrE,MAAM,EACJ,OAAO,EACL,gBACA,UACA,SAAS,aACT,iBACA,GAAG,QAEL,WACA,WACA,eACE,cAAc,MAAM;CACxB,MAAM,CAAC,SAAS,cAAc,qBAAqB;EACjD,cAAc;EACd,OAAO;EACP,UAAU;EACX,CAAC;CACF,MAAM,EAAE,MAAM,QAAQ,gBAAgB;CAEtC,MAAM,qBAAqB,aACxB,OAAsC;EACrC,IAAI,YAAY,GAAG,WAAW,GAAG;EAEjC,GAAG,gBAAgB;EAEnB,YAAY,SAAS,CAAC,KAAK;IAE7B,CAAC,UAAU,WAAW,CACvB;CAED,MAAM,gBAAqC,aACxC,EAAE,KAAK,GAAG,UAAU,EAAE,KAAK;EAe1B,OAAO;GACL,GAfkB,WAClB;IACE,MAAM,UAAU,SAAS;IACzB;IACA,GAAG;IACH,GAAG;IACJ,EACD,MACA,MACD,CAAC;IACA,YAAY;IACZ,UAAU;IACX,CAGe;GACd,KAAK,UAAU,KAAK,KAAK,IAAI;GAC7B,SAAA,GAAA,cAAA,YAAmB,WAAW,QAAQ,MAAM,OAAO;GACnD,UAAA,GAAA,cAAA,YAAoB,WAAW,SAAS,MAAM,QAAQ;GACvD;IAEH;EAAC;EAAS;EAAM;EAAU;EAAW;EAAY;EAAU,CAC5D;CAcD,OAAO;EACL;EACA;EACA,gBAf2C,aAC1C,QAAQ,EAAE,MAAM;GACf,MAAM;GACN,cAAc,EAAE,6BAA6B;GAC7C;GACA,GAAG;GACH,GAAG;GACH,UAAA,GAAA,cAAA,YAAoB,MAAM,SAAS,mBAAmB;GACvD,GACD;GAAC;GAAoB;GAAW;GAAU;GAAE,CAM9B;EACd;EACD"}
+{"version":3,"file":"use-password-input.js","names":[],"sources":["../../../../src/components/password-input/use-password-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type { MouseEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, mergeRefs } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport interface UsePasswordInputProps extends HTMLProps<\"input\">, FieldProps {\n  /**\n   * Determines whether the password input is visible by default.\n   *\n   * @default false\n   */\n  defaultVisible?: boolean\n  /**\n   * Determines the visibility of the password input.\n   *\n   * @default false\n   */\n  visible?: boolean\n  /**\n   * Callback function that is triggered when the visibility of the password input changes.\n   */\n  onVisibleChange?: (visible: boolean) => void\n}\n\nexport const usePasswordInput = (props: UsePasswordInputProps = {}) => {\n  const {\n    props: {\n      defaultVisible,\n      disabled,\n      visible: visibleProp,\n      onVisibleChange,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const [visible, setVisible] = useControllableState({\n    defaultValue: defaultVisible,\n    value: visibleProp,\n    onChange: onVisibleChange,\n  })\n  const { t } = useI18n(\"passwordInput\")\n\n  const onChangeVisibility = useCallback(\n    (ev: MouseEvent<HTMLButtonElement>) => {\n      if (disabled || ev.button !== 0) return\n\n      ev.preventDefault()\n\n      setVisible((prev) => !prev)\n    },\n    [disabled, setVisible],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const mergedProps = mergeProps(\n        {\n          type: visible ? \"text\" : \"password\",\n          disabled,\n          ...ariaProps,\n          ...dataProps,\n        },\n        rest,\n        props,\n      )({\n        mergeEvent: false,\n        mergeRef: false,\n      })\n\n      return {\n        ...mergedProps,\n        ref: mergeRefs(ref, rest.ref),\n        onBlur: handlerAll(eventProps.onBlur, props.onBlur),\n        onFocus: handlerAll(eventProps.onFocus, props.onFocus),\n      }\n    },\n    [visible, rest, disabled, dataProps, eventProps, ariaProps],\n  )\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      type: \"button\",\n      \"aria-label\": t(\"Toggle password visibility\"),\n      disabled,\n      ...dataProps,\n      ...props,\n      onClick: handlerAll(props.onClick, onChangeVisibility),\n    }),\n    [onChangeVisibility, dataProps, disabled, t],\n  )\n\n  return {\n    setVisible,\n    visible,\n    getButtonProps,\n    getInputProps,\n  }\n}\n\nexport type UsePasswordInputReturn = ReturnType<typeof usePasswordInput>\n"],"mappings":";;;;;;;;;AA+BA,MAAa,oBAAoB,QAA+B,CAAC,MAAM;CACrE,MAAM,EACJ,OAAO,EACL,gBACA,UACA,SAAS,aACT,iBACA,GAAG,QAEL,WACA,WACA,eACE,cAAc,KAAK;CACvB,MAAM,CAAC,SAAS,cAAc,qBAAqB;EACjD,cAAc;EACd,OAAO;EACP,UAAU;CACZ,CAAC;CACD,MAAM,EAAE,MAAM,QAAQ,eAAe;CAErC,MAAM,qBAAqB,aACxB,OAAsC;EACrC,IAAI,YAAY,GAAG,WAAW,GAAG;EAEjC,GAAG,eAAe;EAElB,YAAY,SAAS,CAAC,IAAI;CAC5B,GACA,CAAC,UAAU,UAAU,CACvB;CAEA,MAAM,gBAAqC,aACxC,EAAE,KAAK,GAAG,UAAU,CAAC,MAAM;EAe1B,OAAO;GACL,GAfkB,WAClB;IACE,MAAM,UAAU,SAAS;IACzB;IACA,GAAG;IACH,GAAG;GACL,GACA,MACA,KACF,EAAE;IACA,YAAY;IACZ,UAAU;GACZ,CAGe;GACb,KAAK,UAAU,KAAK,KAAK,GAAG;GAC5B,SAAA,GAAA,cAAA,YAAmB,WAAW,QAAQ,MAAM,MAAM;GAClD,UAAA,GAAA,cAAA,YAAoB,WAAW,SAAS,MAAM,OAAO;EACvD;CACF,GACA;EAAC;EAAS;EAAM;EAAU;EAAW;EAAY;CAAS,CAC5D;CAcA,OAAO;EACL;EACA;EACA,gBAf2C,aAC1C,QAAQ,CAAC,OAAO;GACf,MAAM;GACN,cAAc,EAAE,4BAA4B;GAC5C;GACA,GAAG;GACH,GAAG;GACH,UAAA,GAAA,cAAA,YAAoB,MAAM,SAAS,kBAAkB;EACvD,IACA;GAAC;GAAoB;GAAW;GAAU;EAAC,CAM9B;EACb;CACF;AACF"}

package/dist/esm/components/password-input/use-strength-meter.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-strength-meter.js","names":[],"sources":["../../../../src/components/password-input/use-strength-meter.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter, RequiredPropGetter } from \"../../core\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr } from \"../../utils\"\n\nexport interface UseStrengthMeterProps extends HTMLProps {\n  /**\n   * The value of the password strength meter.\n   */\n  value: number\n  /**\n   * The maximum value of the password strength meter.\n   *\n   * @default 4\n   */\n  max?: number\n}\n\nexport const useStrengthMeter = ({\n  max = 4,\n  value,\n  ...rest\n}: UseStrengthMeterProps) => {\n  const { t } = useI18n(\"passwordInput\")\n\n  const getRootProps: PropGetter = useCallback(\n    (props) =>\n      mergeProps(\n        {\n          \"aria-label\": t(\"Password strength meter\"),\n          \"aria-valuemax\": max,\n          \"aria-valuemin\": 0,\n          \"aria-valuenow\": value,\n          role: \"meter\",\n        },\n        rest,\n        props,\n      )(),\n    [max, rest, value, t],\n  )\n\n  const getIndicatorProps: RequiredPropGetter<\"div\", { index: number }> =\n    useCallback(\n      ({ index, ...props }) => ({\n        \"data-selected\": dataAttr(index < value),\n        ...props,\n      }),\n      [value],\n    )\n\n  return { getIndicatorProps, getRootProps }\n}\n\nexport type UseStrengthMeterReturn = ReturnType<typeof useStrengthMeter>\n"],"mappings":";;;;;;AAqBA,MAAa,oBAAoB,EAC/B,MAAM,GACN,OACA,GAAG,WACwB;CAC3B,MAAM,EAAE,MAAM,QAAQ,gBAAgB;CAEtC,MAAM,eAA2B,aAC9B,UACC,WACE;EACE,cAAc,EAAE,0BAA0B;EAC1C,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,MAAM;EACP,EACD,MACA,MACD,EAAE,EACL;EAAC;EAAK;EAAM;EAAO;EAAE,CACtB;CAWD,OAAO;EAAE,mBARP,aACG,EAAE,OAAO,GAAG,aAAa;GACxB,kBAAA,GAAA,cAAA,UAA0B,QAAQ,MAAM;GACxC,GAAG;GACJ,GACD,CAAC,MAAM,CAGe;EAAE;EAAc"}
+{"version":3,"file":"use-strength-meter.js","names":[],"sources":["../../../../src/components/password-input/use-strength-meter.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter, RequiredPropGetter } from \"../../core\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr } from \"../../utils\"\n\nexport interface UseStrengthMeterProps extends HTMLProps {\n  /**\n   * The value of the password strength meter.\n   */\n  value: number\n  /**\n   * The maximum value of the password strength meter.\n   *\n   * @default 4\n   */\n  max?: number\n}\n\nexport const useStrengthMeter = ({\n  max = 4,\n  value,\n  ...rest\n}: UseStrengthMeterProps) => {\n  const { t } = useI18n(\"passwordInput\")\n\n  const getRootProps: PropGetter = useCallback(\n    (props) =>\n      mergeProps(\n        {\n          \"aria-label\": t(\"Password strength meter\"),\n          \"aria-valuemax\": max,\n          \"aria-valuemin\": 0,\n          \"aria-valuenow\": value,\n          role: \"meter\",\n        },\n        rest,\n        props,\n      )(),\n    [max, rest, value, t],\n  )\n\n  const getIndicatorProps: RequiredPropGetter<\"div\", { index: number }> =\n    useCallback(\n      ({ index, ...props }) => ({\n        \"data-selected\": dataAttr(index < value),\n        ...props,\n      }),\n      [value],\n    )\n\n  return { getIndicatorProps, getRootProps }\n}\n\nexport type UseStrengthMeterReturn = ReturnType<typeof useStrengthMeter>\n"],"mappings":";;;;;;AAqBA,MAAa,oBAAoB,EAC/B,MAAM,GACN,OACA,GAAG,WACwB;CAC3B,MAAM,EAAE,MAAM,QAAQ,eAAe;CAErC,MAAM,eAA2B,aAC9B,UACC,WACE;EACE,cAAc,EAAE,yBAAyB;EACzC,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,MAAM;CACR,GACA,MACA,KACF,EAAE,GACJ;EAAC;EAAK;EAAM;EAAO;CAAC,CACtB;CAWA,OAAO;EAAE,mBARP,aACG,EAAE,OAAO,GAAG,aAAa;GACxB,kBAAA,GAAA,cAAA,UAA0B,QAAQ,KAAK;GACvC,GAAG;EACL,IACA,CAAC,KAAK,CAGe;EAAG;CAAa;AAC3C"}

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

@@ -1 +1 @@
-{"version":3,"file":"picture.js","names":[],"sources":["../../../../src/components/picture/picture.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type { HTMLStyledProps, ThemeTokens } from \"../../core\"\nimport type { AnyString } from \"../../utils\"\nimport type { ImageProps } from \"../image\"\nimport { useCallback, useMemo } from \"react\"\nimport { styled, tokenToValue, useSystem } from \"../../core\"\nimport { getPx, isUndefined } from \"../../utils\"\nimport { Image } from \"../image\"\n\nconst createQuery = (\n  minW: number | string | undefined,\n  maxW: number | string | undefined,\n) => {\n  let media = \"\"\n\n  if (minW) {\n    media = `(min-width: ${minW}px)`\n\n    if (maxW) media += ` and (max-width: ${maxW}px)`\n  } else {\n    media = `(max-width: ${maxW}px)`\n  }\n\n  return media\n}\n\nexport interface PictureSource extends SourceProps {\n  /**\n   * The maximum width for the source.\n   *\n   * If media is set, media takes precedence.\n   */\n  maxW?: AnyString | number | ThemeTokens[\"sizes\"]\n  /**\n   * The minimum width for the source.\n   *\n   * If media is set, media takes precedence.\n   */\n  minW?: AnyString | number | ThemeTokens[\"sizes\"]\n  /**\n   * The source set for the source element.\n   */\n  srcSet?: string\n}\n\nexport interface PictureProps extends ImageProps {\n  /**\n   * If `true`, the sources will be sorted by the `minW` and `maxW` properties.\n   *\n   * @default true\n   */\n  enableSorting?: boolean\n  /**\n   * The sources for the picture element.\n   */\n  sources?: PictureSource[]\n  /**\n   * The props for the picture element.\n   */\n  pictureProps?: HTMLStyledProps<\"picture\">\n}\n\n/**\n * `Picture` is a component that uses the `picture` element to provide alternative images for different display or device scenarios.\n *\n * @see https://yamada-ui.com/docs/components/picture\n */\nexport const Picture: FC<PictureProps> = ({\n  children,\n  enableSorting = true,\n  sources: sourcesProp = [],\n  pictureProps,\n  ...rest\n}) => {\n  const system = useSystem()\n  const { queriesObj } = system.breakpoints\n  const { direction = \"down\", identifier = \"@media screen\" } =\n    system.config.breakpoint ?? {}\n  const searchValue =\n    identifier === \"@media screen\" ? \"@media screen and \" : `${identifier} `\n\n  const compareSources = useCallback(\n    (a: PictureSource, b: PictureSource) => {\n      const k = direction === \"down\" ? \"maxW\" : \"minW\"\n\n      if (isUndefined(a[k]) && !isUndefined(b[k])) return -1\n\n      if (!isUndefined(a[k]) && isUndefined(b[k])) return 1\n\n      return direction === \"down\"\n        ? Number(a.maxW) - Number(b.maxW)\n        : Number(b.minW) - Number(a.minW)\n    },\n    [direction],\n  )\n\n  const sources = useMemo(() => {\n    const computedSources = sourcesProp.map(\n      ({ maxW, media, minW, ...rest }) => {\n        if (!media) {\n          if (minW) minW = getPx(tokenToValue(system)(\"sizes\", minW))\n          if (maxW) maxW = getPx(tokenToValue(system)(\"sizes\", maxW))\n\n          media = createQuery(minW, maxW)\n\n          return { ...rest, maxW, media, minW }\n        } else {\n          const { maxW, minW, query } = queriesObj[media] ?? {}\n\n          if (query) media = query.replace(searchValue, \"\")\n\n          return { ...rest, maxW, media, minW }\n        }\n      },\n    )\n\n    if (enableSorting) {\n      return computedSources.sort(compareSources)\n    } else {\n      return computedSources\n    }\n  }, [\n    sourcesProp,\n    enableSorting,\n    system,\n    queriesObj,\n    searchValue,\n    compareSources,\n  ])\n\n  const sourceElements = useMemo(\n    () =>\n      sources.map(({ maxW: _maxW, minW: _minW, ...rest }, index) => (\n        <styled.source key={index} {...rest} />\n      )),\n    [sources],\n  )\n\n  return (\n    <styled.picture {...pictureProps}>\n      {children ?? (\n        <>\n          {sourceElements}\n\n          <Image {...rest} />\n        </>\n      )}\n    </styled.picture>\n  )\n}\n\nexport interface SourceProps extends HTMLStyledProps<\"source\"> {\n  /**\n   * The media query for the source.\n   */\n  media?: AnyString | ThemeTokens[\"breakpoints\"]\n}\n\nexport const Source: FC<SourceProps> = ({ media, ...rest }) => {\n  const { breakpoints, config } = useSystem()\n  const { queriesObj } = breakpoints\n  const { identifier = \"@media screen\" } = config.breakpoint ?? {}\n  const searchValue =\n    identifier === \"@media screen\" ? \"@media screen and \" : `${identifier} `\n\n  const { query } = media ? (queriesObj[media] ?? {}) : {}\n\n  if (query) media = query.replace(searchValue, \"\")\n\n  return <styled.source media={media} {...rest} />\n}\n"],"mappings":";;;;;;;;AASA,MAAM,eACJ,MACA,SACG;CACH,IAAI,QAAQ;CAEZ,IAAI,MAAM;EACR,QAAQ,eAAe,KAAK;EAE5B,IAAI,MAAM,SAAS,oBAAoB,KAAK;QAE5C,QAAQ,eAAe,KAAK;CAG9B,OAAO;;;;;;;AA4CT,MAAa,WAA6B,EACxC,UACA,gBAAgB,MAChB,SAAS,cAAc,EAAE,EACzB,cACA,GAAG,WACC;CACJ,MAAM,SAAS,WAAW;CAC1B,MAAM,EAAE,eAAe,OAAO;CAC9B,MAAM,EAAE,YAAY,QAAQ,aAAa,oBACvC,OAAO,OAAO,cAAc,EAAE;CAChC,MAAM,cACJ,eAAe,kBAAkB,uBAAuB,GAAG,WAAW;CAExE,MAAM,iBAAiB,aACpB,GAAkB,MAAqB;EACtC,MAAM,IAAI,cAAc,SAAS,SAAS;EAE1C,KAAA,GAAA,cAAA,aAAgB,EAAE,GAAG,IAAI,EAAA,GAAA,cAAA,aAAa,EAAE,GAAG,EAAE,OAAO;EAEpD,IAAI,EAAA,GAAA,cAAA,aAAa,EAAE,GAAG,KAAA,GAAA,cAAA,aAAgB,EAAE,GAAG,EAAE,OAAO;EAEpD,OAAO,cAAc,SACjB,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,KAAK,GAC/B,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,KAAK;IAErC,CAAC,UAAU,CACZ;CAED,MAAM,UAAU,cAAc;EAC5B,MAAM,kBAAkB,YAAY,KACjC,EAAE,MAAM,OAAO,MAAM,GAAG,WAAW;GAClC,IAAI,CAAC,OAAO;IACV,IAAI,MAAM,QAAA,GAAA,cAAA,OAAa,aAAa,OAAO,CAAC,SAAS,KAAK,CAAC;IAC3D,IAAI,MAAM,QAAA,GAAA,cAAA,OAAa,aAAa,OAAO,CAAC,SAAS,KAAK,CAAC;IAE3D,QAAQ,YAAY,MAAM,KAAK;IAE/B,OAAO;KAAE,GAAG;KAAM;KAAM;KAAO;KAAM;UAChC;IACL,MAAM,EAAE,MAAM,MAAM,UAAU,WAAW,UAAU,EAAE;IAErD,IAAI,OAAO,QAAQ,MAAM,QAAQ,aAAa,GAAG;IAEjD,OAAO;KAAE,GAAG;KAAM;KAAM;KAAO;KAAM;;IAG1C;EAED,IAAI,eACF,OAAO,gBAAgB,KAAK,eAAe;OAE3C,OAAO;IAER;EACD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,iBAAiB,cAEnB,QAAQ,KAAK,EAAE,MAAM,OAAO,MAAM,OAAO,GAAG,QAAQ,UAClD,oBAAC,OAAO,QAAR,EAA2B,GAAI,MAAQ,EAAnB,MAAmB,CACvC,EACJ,CAAC,QAAQ,CACV;CAED,OACE,oBAAC,OAAO,SAAR;EAAgB,GAAI;YACjB,YACC,qBAAA,YAAA,EAAA,UAAA,CACG,gBAED,oBAAC,OAAD,EAAO,GAAI,MAAQ,CAAA,CAClB,EAAA,CAAA;EAEU,CAAA;;AAWrB,MAAa,UAA2B,EAAE,OAAO,GAAG,WAAW;CAC7D,MAAM,EAAE,aAAa,WAAW,WAAW;CAC3C,MAAM,EAAE,eAAe;CACvB,MAAM,EAAE,aAAa,oBAAoB,OAAO,cAAc,EAAE;CAChE,MAAM,cACJ,eAAe,kBAAkB,uBAAuB,GAAG,WAAW;CAExE,MAAM,EAAE,UAAU,QAAS,WAAW,UAAU,EAAE,GAAI,EAAE;CAExD,IAAI,OAAO,QAAQ,MAAM,QAAQ,aAAa,GAAG;CAEjD,OAAO,oBAAC,OAAO,QAAR;EAAsB;EAAO,GAAI;EAAQ,CAAA"}
+{"version":3,"file":"picture.js","names":[],"sources":["../../../../src/components/picture/picture.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type { HTMLStyledProps, ThemeTokens } from \"../../core\"\nimport type { AnyString } from \"../../utils\"\nimport type { ImageProps } from \"../image\"\nimport { useCallback, useMemo } from \"react\"\nimport { styled, tokenToValue, useSystem } from \"../../core\"\nimport { getPx, isUndefined } from \"../../utils\"\nimport { Image } from \"../image\"\n\nconst createQuery = (\n  minW: number | string | undefined,\n  maxW: number | string | undefined,\n) => {\n  let media = \"\"\n\n  if (minW) {\n    media = `(min-width: ${minW}px)`\n\n    if (maxW) media += ` and (max-width: ${maxW}px)`\n  } else {\n    media = `(max-width: ${maxW}px)`\n  }\n\n  return media\n}\n\nexport interface PictureSource extends SourceProps {\n  /**\n   * The maximum width for the source.\n   *\n   * If media is set, media takes precedence.\n   */\n  maxW?: AnyString | number | ThemeTokens[\"sizes\"]\n  /**\n   * The minimum width for the source.\n   *\n   * If media is set, media takes precedence.\n   */\n  minW?: AnyString | number | ThemeTokens[\"sizes\"]\n  /**\n   * The source set for the source element.\n   */\n  srcSet?: string\n}\n\nexport interface PictureProps extends ImageProps {\n  /**\n   * If `true`, the sources will be sorted by the `minW` and `maxW` properties.\n   *\n   * @default true\n   */\n  enableSorting?: boolean\n  /**\n   * The sources for the picture element.\n   */\n  sources?: PictureSource[]\n  /**\n   * The props for the picture element.\n   */\n  pictureProps?: HTMLStyledProps<\"picture\">\n}\n\n/**\n * `Picture` is a component that uses the `picture` element to provide alternative images for different display or device scenarios.\n *\n * @see https://yamada-ui.com/docs/components/picture\n */\nexport const Picture: FC<PictureProps> = ({\n  children,\n  enableSorting = true,\n  sources: sourcesProp = [],\n  pictureProps,\n  ...rest\n}) => {\n  const system = useSystem()\n  const { queriesObj } = system.breakpoints\n  const { direction = \"down\", identifier = \"@media screen\" } =\n    system.config.breakpoint ?? {}\n  const searchValue =\n    identifier === \"@media screen\" ? \"@media screen and \" : `${identifier} `\n\n  const compareSources = useCallback(\n    (a: PictureSource, b: PictureSource) => {\n      const k = direction === \"down\" ? \"maxW\" : \"minW\"\n\n      if (isUndefined(a[k]) && !isUndefined(b[k])) return -1\n\n      if (!isUndefined(a[k]) && isUndefined(b[k])) return 1\n\n      return direction === \"down\"\n        ? Number(a.maxW) - Number(b.maxW)\n        : Number(b.minW) - Number(a.minW)\n    },\n    [direction],\n  )\n\n  const sources = useMemo(() => {\n    const computedSources = sourcesProp.map(\n      ({ maxW, media, minW, ...rest }) => {\n        if (!media) {\n          if (minW) minW = getPx(tokenToValue(system)(\"sizes\", minW))\n          if (maxW) maxW = getPx(tokenToValue(system)(\"sizes\", maxW))\n\n          media = createQuery(minW, maxW)\n\n          return { ...rest, maxW, media, minW }\n        } else {\n          const { maxW, minW, query } = queriesObj[media] ?? {}\n\n          if (query) media = query.replace(searchValue, \"\")\n\n          return { ...rest, maxW, media, minW }\n        }\n      },\n    )\n\n    if (enableSorting) {\n      return computedSources.sort(compareSources)\n    } else {\n      return computedSources\n    }\n  }, [\n    sourcesProp,\n    enableSorting,\n    system,\n    queriesObj,\n    searchValue,\n    compareSources,\n  ])\n\n  const sourceElements = useMemo(\n    () =>\n      sources.map(({ maxW: _maxW, minW: _minW, ...rest }, index) => (\n        <styled.source key={index} {...rest} />\n      )),\n    [sources],\n  )\n\n  return (\n    <styled.picture {...pictureProps}>\n      {children ?? (\n        <>\n          {sourceElements}\n\n          <Image {...rest} />\n        </>\n      )}\n    </styled.picture>\n  )\n}\n\nexport interface SourceProps extends HTMLStyledProps<\"source\"> {\n  /**\n   * The media query for the source.\n   */\n  media?: AnyString | ThemeTokens[\"breakpoints\"]\n}\n\nexport const Source: FC<SourceProps> = ({ media, ...rest }) => {\n  const { breakpoints, config } = useSystem()\n  const { queriesObj } = breakpoints\n  const { identifier = \"@media screen\" } = config.breakpoint ?? {}\n  const searchValue =\n    identifier === \"@media screen\" ? \"@media screen and \" : `${identifier} `\n\n  const { query } = media ? (queriesObj[media] ?? {}) : {}\n\n  if (query) media = query.replace(searchValue, \"\")\n\n  return <styled.source media={media} {...rest} />\n}\n"],"mappings":";;;;;;;;AASA,MAAM,eACJ,MACA,SACG;CACH,IAAI,QAAQ;CAEZ,IAAI,MAAM;EACR,QAAQ,eAAe,KAAK;EAE5B,IAAI,MAAM,SAAS,oBAAoB,KAAK;CAC9C,OACE,QAAQ,eAAe,KAAK;CAG9B,OAAO;AACT;;;;;;AA2CA,MAAa,WAA6B,EACxC,UACA,gBAAgB,MAChB,SAAS,cAAc,CAAC,GACxB,cACA,GAAG,WACC;CACJ,MAAM,SAAS,UAAU;CACzB,MAAM,EAAE,eAAe,OAAO;CAC9B,MAAM,EAAE,YAAY,QAAQ,aAAa,oBACvC,OAAO,OAAO,cAAc,CAAC;CAC/B,MAAM,cACJ,eAAe,kBAAkB,uBAAuB,GAAG,WAAW;CAExE,MAAM,iBAAiB,aACpB,GAAkB,MAAqB;EACtC,MAAM,IAAI,cAAc,SAAS,SAAS;EAE1C,KAAA,GAAA,cAAA,aAAgB,EAAE,EAAE,KAAK,EAAA,GAAA,cAAA,aAAa,EAAE,EAAE,GAAG,OAAO;EAEpD,IAAI,EAAA,GAAA,cAAA,aAAa,EAAE,EAAE,MAAA,GAAA,cAAA,aAAiB,EAAE,EAAE,GAAG,OAAO;EAEpD,OAAO,cAAc,SACjB,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,IAAI,IAC9B,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,IAAI;CACpC,GACA,CAAC,SAAS,CACZ;CAEA,MAAM,UAAU,cAAc;EAC5B,MAAM,kBAAkB,YAAY,KACjC,EAAE,MAAM,OAAO,MAAM,GAAG,WAAW;GAClC,IAAI,CAAC,OAAO;IACV,IAAI,MAAM,QAAA,GAAA,cAAA,OAAa,aAAa,MAAM,EAAE,SAAS,IAAI,CAAC;IAC1D,IAAI,MAAM,QAAA,GAAA,cAAA,OAAa,aAAa,MAAM,EAAE,SAAS,IAAI,CAAC;IAE1D,QAAQ,YAAY,MAAM,IAAI;IAE9B,OAAO;KAAE,GAAG;KAAM;KAAM;KAAO;IAAK;GACtC,OAAO;IACL,MAAM,EAAE,MAAM,MAAM,UAAU,WAAW,UAAU,CAAC;IAEpD,IAAI,OAAO,QAAQ,MAAM,QAAQ,aAAa,EAAE;IAEhD,OAAO;KAAE,GAAG;KAAM;KAAM;KAAO;IAAK;GACtC;EACF,CACF;EAEA,IAAI,eACF,OAAO,gBAAgB,KAAK,cAAc;OAE1C,OAAO;CAEX,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,iBAAiB,cAEnB,QAAQ,KAAK,EAAE,MAAM,OAAO,MAAM,OAAO,GAAG,QAAQ,UAClD,oBAAC,OAAO,QAAR,EAA2B,GAAI,KAAO,GAAlB,KAAkB,CACvC,GACH,CAAC,OAAO,CACV;CAEA,OACE,oBAAC,OAAO,SAAR;EAAgB,GAAI;YACjB,YACC,qBAAA,YAAA,EAAA,UAAA,CACG,gBAED,oBAAC,OAAD,EAAO,GAAI,KAAO,CAAA,CAClB,EAAA,CAAA;CAEU,CAAA;AAEpB;AASA,MAAa,UAA2B,EAAE,OAAO,GAAG,WAAW;CAC7D,MAAM,EAAE,aAAa,WAAW,UAAU;CAC1C,MAAM,EAAE,eAAe;CACvB,MAAM,EAAE,aAAa,oBAAoB,OAAO,cAAc,CAAC;CAC/D,MAAM,cACJ,eAAe,kBAAkB,uBAAuB,GAAG,WAAW;CAExE,MAAM,EAAE,UAAU,QAAS,WAAW,UAAU,CAAC,IAAK,CAAC;CAEvD,IAAI,OAAO,QAAQ,MAAM,QAAQ,aAAa,EAAE;CAEhD,OAAO,oBAAC,OAAO,QAAR;EAAsB;EAAO,GAAI;CAAO,CAAA;AACjD"}

package/dist/esm/components/pin-input/pin-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"pin-input.js","names":[],"sources":["../../../../src/components/pin-input/pin-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  RequiredPropGetter,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GroupProps } from \"../group\"\nimport type { InputProps, UseInputBorderProps } from \"../input\"\nimport type { PinInputStyle } from \"./pin-input.style\"\nimport type { UsePinInputProps } from \"./use-pin-input\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent } from \"../../core\"\nimport { getValidChildren, mergeRefs } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { Group } from \"../group\"\nimport { Input } from \"../input\"\nimport { pinInputStyle } from \"./pin-input.style\"\nimport {\n  PinInputDescendantsContext,\n  usePinInput,\n  usePinInputDescendant,\n} from \"./use-pin-input\"\n\ninterface ComponentContext extends UseInputBorderProps {\n  getInputProps: RequiredPropGetter<\"input\", { index: number }>\n}\n\nexport interface PinInputRootProps\n  extends\n    Omit<\n      WithoutThemeProps<GroupProps, PinInputStyle>,\n      \"defaultValue\" | \"mask\" | \"onChange\"\n    >,\n    ThemeProps<PinInputStyle>,\n    UseInputBorderProps,\n    UsePinInputProps {}\n\nconst {\n  ComponentContext,\n  PropsContext: PinInputPropsContext,\n  useComponentContext,\n  usePropsContext: usePinInputPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<PinInputRootProps, PinInputStyle, ComponentContext>(\n  \"pin-input\",\n  pinInputStyle,\n)\n\nexport { PinInputPropsContext, usePinInputPropsContext }\n\n/**\n * `PinInput` is a component used to capture pin codes or OTP (One-Time Password) inputs.\n *\n * @see https://yamada-ui.com/docs/components/pin-input\n */\nexport const PinInputRoot = withProvider<\"div\", PinInputRootProps>(\n  ({ children, errorBorderColor, focusBorderColor, ...rest }) => {\n    const { descendants, items, getInputProps, getRootProps } =\n      usePinInput(rest)\n    const cloneChildren = useMemo(() => {\n      const validChildren = getValidChildren(children)\n\n      if (validChildren.length) {\n        return validChildren\n      } else {\n        return Array.from({ length: items }, (_, index) => (\n          <PinInputField key={index} index={index} />\n        ))\n      }\n    }, [children, items])\n    const context = useMemo(\n      () => ({ errorBorderColor, focusBorderColor, getInputProps }),\n      [getInputProps, errorBorderColor, focusBorderColor],\n    )\n\n    return (\n      <PinInputDescendantsContext value={descendants}>\n        <ComponentContext value={context}>\n          <Group {...getRootProps()}>{cloneChildren}</Group>\n        </ComponentContext>\n      </PinInputDescendantsContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface PinInputFieldProps extends InputProps {\n  /**\n   * The index of the pin input field.\n   */\n  index: number\n}\n\nexport const PinInputField = withContext<\"input\", PinInputFieldProps>(\n  Input,\n  \"field\",\n)(undefined, ({ ref, index, ...rest }) => {\n  const { errorBorderColor, focusBorderColor, getInputProps } =\n    useComponentContext()\n  const { register } = usePinInputDescendant()\n  const { props, ariaProps, dataProps, eventProps } = useFieldProps(rest)\n\n  return {\n    ...getInputProps({\n      errorBorderColor,\n      focusBorderColor,\n      ...ariaProps,\n      ...dataProps,\n      ...eventProps,\n      ...props,\n      ref: mergeRefs(register, ref),\n      index,\n    }),\n  }\n})\n"],"mappings":";;;;;;;;;;;;AAsCA,MAAM,EACJ,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,iBACE,oBACF,aACA,cACD;;;;;;AASD,MAAa,eAAe,cACzB,EAAE,UAAU,kBAAkB,kBAAkB,GAAG,WAAW;CAC7D,MAAM,EAAE,aAAa,OAAO,eAAe,iBACzC,YAAY,KAAK;CACnB,MAAM,gBAAgB,cAAc;EAClC,MAAM,gBAAgB,iBAAiB,SAAS;EAEhD,IAAI,cAAc,QAChB,OAAO;OAEP,OAAO,MAAM,KAAK,EAAE,QAAQ,OAAO,GAAG,GAAG,UACvC,oBAAC,eAAD,EAAkC,OAAS,EAAvB,MAAuB,CAC3C;IAEH,CAAC,UAAU,MAAM,CAAC;CAMrB,OACE,oBAAC,4BAAD;EAA4B,OAAO;YACjC,oBAAC,kBAAD;GAAkB,OAPN,eACP;IAAE;IAAkB;IAAkB;IAAe,GAC5D;IAAC;IAAe;IAAkB;IAAiB,CAKjB;aAC9B,oBAAC,OAAD;IAAO,GAAI,cAAc;cAAG;IAAsB,CAAA;GACjC,CAAA;EACQ,CAAA;GAGjC,OACD,EAAE;AASH,MAAa,gBAAgB,YAC3B,OACA,QACD,CAAC,KAAA,IAAY,EAAE,KAAK,OAAO,GAAG,WAAW;CACxC,MAAM,EAAE,kBAAkB,kBAAkB,kBAC1C,qBAAqB;CACvB,MAAM,EAAE,aAAa,uBAAuB;CAC5C,MAAM,EAAE,OAAO,WAAW,WAAW,eAAe,cAAc,KAAK;CAEvE,OAAO,EACL,GAAG,cAAc;EACf;EACA;EACA,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,KAAK,UAAU,UAAU,IAAI;EAC7B;EACD,CAAC,EACH;EACD"}
+{"version":3,"file":"pin-input.js","names":[],"sources":["../../../../src/components/pin-input/pin-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  RequiredPropGetter,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GroupProps } from \"../group\"\nimport type { InputProps, UseInputBorderProps } from \"../input\"\nimport type { PinInputStyle } from \"./pin-input.style\"\nimport type { UsePinInputProps } from \"./use-pin-input\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent } from \"../../core\"\nimport { getValidChildren, mergeRefs } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { Group } from \"../group\"\nimport { Input } from \"../input\"\nimport { pinInputStyle } from \"./pin-input.style\"\nimport {\n  PinInputDescendantsContext,\n  usePinInput,\n  usePinInputDescendant,\n} from \"./use-pin-input\"\n\ninterface ComponentContext extends UseInputBorderProps {\n  getInputProps: RequiredPropGetter<\"input\", { index: number }>\n}\n\nexport interface PinInputRootProps\n  extends\n    Omit<\n      WithoutThemeProps<GroupProps, PinInputStyle>,\n      \"defaultValue\" | \"mask\" | \"onChange\"\n    >,\n    ThemeProps<PinInputStyle>,\n    UseInputBorderProps,\n    UsePinInputProps {}\n\nconst {\n  ComponentContext,\n  PropsContext: PinInputPropsContext,\n  useComponentContext,\n  usePropsContext: usePinInputPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<PinInputRootProps, PinInputStyle, ComponentContext>(\n  \"pin-input\",\n  pinInputStyle,\n)\n\nexport { PinInputPropsContext, usePinInputPropsContext }\n\n/**\n * `PinInput` is a component used to capture pin codes or OTP (One-Time Password) inputs.\n *\n * @see https://yamada-ui.com/docs/components/pin-input\n */\nexport const PinInputRoot = withProvider<\"div\", PinInputRootProps>(\n  ({ children, errorBorderColor, focusBorderColor, ...rest }) => {\n    const { descendants, items, getInputProps, getRootProps } =\n      usePinInput(rest)\n    const cloneChildren = useMemo(() => {\n      const validChildren = getValidChildren(children)\n\n      if (validChildren.length) {\n        return validChildren\n      } else {\n        return Array.from({ length: items }, (_, index) => (\n          <PinInputField key={index} index={index} />\n        ))\n      }\n    }, [children, items])\n    const context = useMemo(\n      () => ({ errorBorderColor, focusBorderColor, getInputProps }),\n      [getInputProps, errorBorderColor, focusBorderColor],\n    )\n\n    return (\n      <PinInputDescendantsContext value={descendants}>\n        <ComponentContext value={context}>\n          <Group {...getRootProps()}>{cloneChildren}</Group>\n        </ComponentContext>\n      </PinInputDescendantsContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface PinInputFieldProps extends InputProps {\n  /**\n   * The index of the pin input field.\n   */\n  index: number\n}\n\nexport const PinInputField = withContext<\"input\", PinInputFieldProps>(\n  Input,\n  \"field\",\n)(undefined, ({ ref, index, ...rest }) => {\n  const { errorBorderColor, focusBorderColor, getInputProps } =\n    useComponentContext()\n  const { register } = usePinInputDescendant()\n  const { props, ariaProps, dataProps, eventProps } = useFieldProps(rest)\n\n  return {\n    ...getInputProps({\n      errorBorderColor,\n      focusBorderColor,\n      ...ariaProps,\n      ...dataProps,\n      ...eventProps,\n      ...props,\n      ref: mergeRefs(register, ref),\n      index,\n    }),\n  }\n})\n"],"mappings":";;;;;;;;;;;;AAsCA,MAAM,EACJ,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,iBACE,oBACF,aACA,aACF;;;;;;AASA,MAAa,eAAe,cACzB,EAAE,UAAU,kBAAkB,kBAAkB,GAAG,WAAW;CAC7D,MAAM,EAAE,aAAa,OAAO,eAAe,iBACzC,YAAY,IAAI;CAClB,MAAM,gBAAgB,cAAc;EAClC,MAAM,gBAAgB,iBAAiB,QAAQ;EAE/C,IAAI,cAAc,QAChB,OAAO;OAEP,OAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,UACvC,oBAAC,eAAD,EAAkC,MAAQ,GAAtB,KAAsB,CAC3C;CAEL,GAAG,CAAC,UAAU,KAAK,CAAC;CAMpB,OACE,oBAAC,4BAAD;EAA4B,OAAO;YACjC,oBAAC,kBAAD;GAAkB,OAPN,eACP;IAAE;IAAkB;IAAkB;GAAc,IAC3D;IAAC;IAAe;IAAkB;GAAgB,CAKjB;aAC7B,oBAAC,OAAD;IAAO,GAAI,aAAa;cAAI;GAAqB,CAAA;EACjC,CAAA;CACQ,CAAA;AAEhC,GACA,MACF,EAAE;AASF,MAAa,gBAAgB,YAC3B,OACA,OACF,EAAE,KAAA,IAAY,EAAE,KAAK,OAAO,GAAG,WAAW;CACxC,MAAM,EAAE,kBAAkB,kBAAkB,kBAC1C,oBAAoB;CACtB,MAAM,EAAE,aAAa,sBAAsB;CAC3C,MAAM,EAAE,OAAO,WAAW,WAAW,eAAe,cAAc,IAAI;CAEtE,OAAO,EACL,GAAG,cAAc;EACf;EACA;EACA,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,KAAK,UAAU,UAAU,GAAG;EAC5B;CACF,CAAC,EACH;AACF,CAAC"}

package/dist/esm/components/pin-input/pin-input.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"pin-input.style.js","names":[],"sources":["../../../../src/components/pin-input/pin-input.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { inputStyle } from \"../input\"\n\nexport const pinInputStyle = defineComponentSlotStyle({\n  base: {\n    field: {\n      ...inputStyle.base,\n      textAlign: \"center\",\n    },\n    root: {},\n  },\n\n  variants: {\n    filled: {\n      field: inputStyle.variants?.filled,\n    },\n    flushed: {\n      field: inputStyle.variants?.flushed,\n    },\n    outline: {\n      field: inputStyle.variants?.outline,\n    },\n    plain: {\n      field: inputStyle.variants?.plain,\n    },\n  },\n\n  sizes: {\n    xs: {\n      field: {\n        boxSize: inputStyle.sizes?.xs.minH,\n        fontSize: inputStyle.sizes?.xs.fontSize,\n      },\n    },\n    sm: {\n      field: {\n        boxSize: inputStyle.sizes?.sm.minH,\n        fontSize: inputStyle.sizes?.sm.fontSize,\n      },\n    },\n    md: {\n      field: {\n        boxSize: inputStyle.sizes?.md.minH,\n        fontSize: inputStyle.sizes?.md.fontSize,\n      },\n    },\n    lg: {\n      field: {\n        boxSize: inputStyle.sizes?.lg.minH,\n        fontSize: inputStyle.sizes?.lg.fontSize,\n      },\n    },\n    xl: {\n      field: {\n        boxSize: inputStyle.sizes?.xl.minH,\n        fontSize: inputStyle.sizes?.xl.fontSize,\n      },\n    },\n    \"2xl\": {\n      field: {\n        boxSize: inputStyle.sizes?.[\"2xl\"].minH,\n        fontSize: inputStyle.sizes?.[\"2xl\"].fontSize,\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type PinInputStyle = typeof pinInputStyle\n"],"mappings":";;;AAGA,MAAa,gBAAgB,yBAAyB;CACpD,MAAM;EACJ,OAAO;GACL,GAAG,WAAW;GACd,WAAW;GACZ;EACD,MAAM,EAAE;EACT;CAED,UAAU;EACR,QAAQ,EACN,OAAO,WAAW,UAAU,QAC7B;EACD,SAAS,EACP,OAAO,WAAW,UAAU,SAC7B;EACD,SAAS,EACP,OAAO,WAAW,UAAU,SAC7B;EACD,OAAO,EACL,OAAO,WAAW,UAAU,OAC7B;EACF;CAED,OAAO;EACL,IAAI,EACF,OAAO;GACL,SAAS,WAAW,OAAO,GAAG;GAC9B,UAAU,WAAW,OAAO,GAAG;GAChC,EACF;EACD,IAAI,EACF,OAAO;GACL,SAAS,WAAW,OAAO,GAAG;GAC9B,UAAU,WAAW,OAAO,GAAG;GAChC,EACF;EACD,IAAI,EACF,OAAO;GACL,SAAS,WAAW,OAAO,GAAG;GAC9B,UAAU,WAAW,OAAO,GAAG;GAChC,EACF;EACD,IAAI,EACF,OAAO;GACL,SAAS,WAAW,OAAO,GAAG;GAC9B,UAAU,WAAW,OAAO,GAAG;GAChC,EACF;EACD,IAAI,EACF,OAAO;GACL,SAAS,WAAW,OAAO,GAAG;GAC9B,UAAU,WAAW,OAAO,GAAG;GAChC,EACF;EACD,OAAO,EACL,OAAO;GACL,SAAS,WAAW,QAAQ,OAAO;GACnC,UAAU,WAAW,QAAQ,OAAO;GACrC,EACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"pin-input.style.js","names":[],"sources":["../../../../src/components/pin-input/pin-input.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { inputStyle } from \"../input\"\n\nexport const pinInputStyle = defineComponentSlotStyle({\n  base: {\n    field: {\n      ...inputStyle.base,\n      textAlign: \"center\",\n    },\n    root: {},\n  },\n\n  variants: {\n    filled: {\n      field: inputStyle.variants?.filled,\n    },\n    flushed: {\n      field: inputStyle.variants?.flushed,\n    },\n    outline: {\n      field: inputStyle.variants?.outline,\n    },\n    plain: {\n      field: inputStyle.variants?.plain,\n    },\n  },\n\n  sizes: {\n    xs: {\n      field: {\n        boxSize: inputStyle.sizes?.xs.minH,\n        fontSize: inputStyle.sizes?.xs.fontSize,\n      },\n    },\n    sm: {\n      field: {\n        boxSize: inputStyle.sizes?.sm.minH,\n        fontSize: inputStyle.sizes?.sm.fontSize,\n      },\n    },\n    md: {\n      field: {\n        boxSize: inputStyle.sizes?.md.minH,\n        fontSize: inputStyle.sizes?.md.fontSize,\n      },\n    },\n    lg: {\n      field: {\n        boxSize: inputStyle.sizes?.lg.minH,\n        fontSize: inputStyle.sizes?.lg.fontSize,\n      },\n    },\n    xl: {\n      field: {\n        boxSize: inputStyle.sizes?.xl.minH,\n        fontSize: inputStyle.sizes?.xl.fontSize,\n      },\n    },\n    \"2xl\": {\n      field: {\n        boxSize: inputStyle.sizes?.[\"2xl\"].minH,\n        fontSize: inputStyle.sizes?.[\"2xl\"].fontSize,\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type PinInputStyle = typeof pinInputStyle\n"],"mappings":";;;AAGA,MAAa,gBAAgB,yBAAyB;CACpD,MAAM;EACJ,OAAO;GACL,GAAG,WAAW;GACd,WAAW;EACb;EACA,MAAM,CAAC;CACT;CAEA,UAAU;EACR,QAAQ,EACN,OAAO,WAAW,UAAU,OAC9B;EACA,SAAS,EACP,OAAO,WAAW,UAAU,QAC9B;EACA,SAAS,EACP,OAAO,WAAW,UAAU,QAC9B;EACA,OAAO,EACL,OAAO,WAAW,UAAU,MAC9B;CACF;CAEA,OAAO;EACL,IAAI,EACF,OAAO;GACL,SAAS,WAAW,OAAO,GAAG;GAC9B,UAAU,WAAW,OAAO,GAAG;EACjC,EACF;EACA,IAAI,EACF,OAAO;GACL,SAAS,WAAW,OAAO,GAAG;GAC9B,UAAU,WAAW,OAAO,GAAG;EACjC,EACF;EACA,IAAI,EACF,OAAO;GACL,SAAS,WAAW,OAAO,GAAG;GAC9B,UAAU,WAAW,OAAO,GAAG;EACjC,EACF;EACA,IAAI,EACF,OAAO;GACL,SAAS,WAAW,OAAO,GAAG;GAC9B,UAAU,WAAW,OAAO,GAAG;EACjC,EACF;EACA,IAAI,EACF,OAAO;GACL,SAAS,WAAW,OAAO,GAAG;GAC9B,UAAU,WAAW,OAAO,GAAG;EACjC,EACF;EACA,OAAO,EACL,OAAO;GACL,SAAS,WAAW,QAAQ,OAAO;GACnC,UAAU,WAAW,QAAQ,OAAO;EACtC,EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

package/dist/esm/components/pin-input/use-pin-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-pin-input.js","names":[],"sources":["../../../../src/components/pin-input/use-pin-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter, RequiredPropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useEffect, useId, useState } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport { cx, filterUndefined, handlerAll, runKeyAction } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nconst {\n  DescendantsContext: PinInputDescendantsContext,\n  useDescendant: usePinInputDescendant,\n  useDescendants: usePinInputDescendants,\n} = createDescendants<HTMLInputElement>()\n\nexport {\n  PinInputDescendantsContext,\n  usePinInputDescendant,\n  usePinInputDescendants,\n}\n\nconst toArray = (value?: string) => value?.split(\"\")\n\nconst validate = (value: string, type: UsePinInputProps[\"type\"]) => {\n  const NUMERIC_REGEX = /^[0-9]+$/\n  const ALPHA_NUMERIC_REGEX = /^[a-zA-Z0-9]+$/i\n\n  const regex = type === \"alphanumeric\" ? ALPHA_NUMERIC_REGEX : NUMERIC_REGEX\n\n  return regex.test(value)\n}\n\nexport interface UsePinInputProps\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"mask\" | \"onChange\" | \"value\">,\n    FieldProps {\n  /**\n   * If `true`, the pin input receives focus on mount.\n   *\n   * @default false\n   */\n  autoFocus?: boolean\n  /**\n   * The initial value of the pin input.\n   */\n  defaultValue?: string\n  /**\n   * The top-level id string that will be applied to the input fields.\n   * The index of the input will be appended to this top-level id.\n   */\n  id?: string\n  /**\n   * The number of inputs to display.\n   *\n   * @default 4\n   */\n  items?: number\n  /**\n   * If `true`, focus will move automatically to the next input once filled.\n   *\n   * @default true\n   */\n  manageFocus?: boolean\n  /**\n   * If `true`, the input's value will be masked just like `type=password`.\n   */\n  mask?: boolean\n  /**\n   * If `true`, the pin input component signals to its fields that they should.\n   */\n  otp?: boolean\n  /**\n   * The placeholder for the pin input.\n   *\n   * @default '◯'\n   */\n  placeholder?: string\n  /**\n   * The type of values the pin-input should allow.\n   *\n   * @default 'number'\n   */\n  type?: \"alphanumeric\" | \"number\"\n  /**\n   * The value of the pin input.\n   */\n  value?: string\n  /**\n   * Function called on input change.\n   */\n  onChange?: (value: string) => void\n  /**\n   * Function called when all inputs have valid values.\n   */\n  onComplete?: (value: string) => void\n}\n\nexport const usePinInput = (props: UsePinInputProps = {}) => {\n  const uuid = useId()\n  const {\n    context: { labelId } = {},\n    props: {\n      id = uuid,\n      type = \"number\",\n      autoFocus,\n      defaultValue,\n      disabled,\n      items = 4,\n      manageFocus = true,\n      mask,\n      otp = false,\n      placeholder = \"◯\",\n      readOnly,\n      value,\n      onChange: onChangeProp,\n      onComplete,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const descendants = usePinInputDescendants()\n  const [moveFocus, setMoveFocus] = useState<boolean>(true)\n  const [focusedIndex, setFocusedIndex] = useState<number>(-1)\n  const [values, setValues] = useControllableState<string[]>({\n    defaultValue: toArray(defaultValue) || [],\n    value: toArray(value),\n    onChange: (values) => onChangeProp?.(values.join(\"\")),\n  })\n\n  const focusNext = useCallback(\n    (index: number) => {\n      if (!moveFocus || !manageFocus) return\n\n      const next = descendants.nextValue(index, false)\n\n      if (!next) return\n\n      requestAnimationFrame(() => next.node.focus())\n    },\n    [descendants, moveFocus, manageFocus],\n  )\n\n  const focusInputField = useCallback(\n    (direction: \"next\" | \"prev\", index: number) => {\n      const input =\n        direction === \"next\"\n          ? descendants.nextValue(index, false)\n          : descendants.prevValue(index, false)\n\n      if (!input) return\n\n      const valueLength = input.node.value.length\n\n      requestAnimationFrame(() => {\n        input.node.focus()\n        input.node.setSelectionRange(0, valueLength)\n      })\n    },\n    [descendants],\n  )\n\n  const setValue = useCallback(\n    (value: string, index: number, focus = true) => {\n      let nextValues = [...values]\n\n      nextValues[index] = value\n\n      setValues(nextValues)\n\n      nextValues = nextValues.filter(Boolean)\n\n      const complete = value !== \"\" && nextValues.length === descendants.count()\n\n      if (complete) {\n        onComplete?.(nextValues.join(\"\"))\n        descendants.value(index)?.node.blur()\n      } else if (focus) {\n        focusNext(index)\n      }\n    },\n    [values, setValues, descendants, onComplete, focusNext],\n  )\n\n  const getNextValue = useCallback(\n    (value: string | undefined, eventValue: string) => {\n      let nextValue = eventValue\n\n      if (!value?.length) return nextValue\n\n      if (value.startsWith(eventValue.charAt(0))) {\n        nextValue = eventValue.charAt(1)\n      } else if (value.startsWith(eventValue.charAt(1))) {\n        nextValue = eventValue.charAt(0)\n      }\n\n      return nextValue\n    },\n    [],\n  )\n\n  const onChange = useCallback(\n    (index: number) =>\n      ({ target }: ChangeEvent<HTMLInputElement>) => {\n        const eventValue = target.value\n        const currentValue = values[index]\n        const nextValue = getNextValue(currentValue, eventValue)\n\n        if (nextValue === \"\") {\n          setValue(\"\", index)\n\n          return\n        }\n\n        if (eventValue.length > 2) {\n          if (!validate(eventValue, type)) return\n\n          const nextValue = eventValue\n            .split(\"\")\n            .filter((_, index) => index < descendants.count())\n\n          setValues(nextValue)\n\n          if (nextValue.length === descendants.count()) {\n            onComplete?.(nextValue.join(\"\"))\n            descendants.value(index)?.node.blur()\n          }\n        } else {\n          if (validate(nextValue, type)) setValue(nextValue, index)\n\n          setMoveFocus(true)\n        }\n      },\n    [descendants, getNextValue, onComplete, setValue, setValues, type, values],\n  )\n\n  const onKeyDown = useCallback(\n    (index: number) => (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (!manageFocus) return\n\n      runKeyAction(\n        ev,\n        {\n          ArrowLeft: (ev) => {\n            ev.preventDefault()\n            focusInputField(\"prev\", index)\n          },\n          ArrowRight: (ev) => {\n            ev.preventDefault()\n            focusInputField(\"next\", index)\n          },\n          Backspace: (ev) => {\n            if ((ev.target as HTMLInputElement).value === \"\") {\n              const prevInput = descendants.prevValue(index, false)\n\n              if (!prevInput) return\n\n              setValue(\"\", index - 1, false)\n              prevInput.node.focus()\n              setMoveFocus(true)\n            } else {\n              setMoveFocus(false)\n            }\n          },\n        },\n        { preventDefault: false },\n      )\n    },\n    [descendants, focusInputField, manageFocus, setValue],\n  )\n\n  const onFocus = useCallback(\n    (index: number) => () => setFocusedIndex(index),\n    [],\n  )\n\n  const onBlur = useCallback(() => setFocusedIndex(-1), [])\n\n  useEffect(() => {\n    if (!autoFocus) return\n\n    const firstValue = descendants.firstValue()\n\n    if (!firstValue) return\n\n    requestAnimationFrame(() => firstValue.node.focus())\n  }, [autoFocus, descendants])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps({ role: \"group\" }, rest, props)(),\n    [rest],\n  )\n\n  const getInputProps: RequiredPropGetter<\"input\", { index: number }> =\n    useCallback(\n      ({ \"aria-labelledby\": ariaLabelledby, index, ...props }) => ({\n        ...ariaProps,\n        ...dataProps,\n        type: mask ? \"password\" : type === \"number\" ? \"tel\" : \"text\",\n        \"aria-labelledby\": cx(ariaLabelledby, labelId),\n        autoComplete: otp ? \"one-time-code\" : \"off\",\n        disabled,\n        inputMode: type === \"number\" ? \"numeric\" : \"text\",\n        placeholder:\n          focusedIndex === index && !readOnly && !props.readOnly\n            ? \"\"\n            : placeholder,\n        readOnly,\n        value: values[index] || \"\",\n        ...filterUndefined(props),\n        id: `${id}${index ? `-${index}` : \"\"}`,\n        onBlur: handlerAll(eventProps.onBlur, props.onBlur, onBlur),\n        onChange: handlerAll(props.onChange, onChange(index)),\n        onFocus: handlerAll(eventProps.onFocus, props.onFocus, onFocus(index)),\n        onKeyDown: handlerAll(props.onKeyDown, onKeyDown(index)),\n      }),\n      [\n        ariaProps,\n        dataProps,\n        eventProps,\n        mask,\n        type,\n        labelId,\n        otp,\n        disabled,\n        focusedIndex,\n        readOnly,\n        placeholder,\n        values,\n        id,\n        onBlur,\n        onChange,\n        onFocus,\n        onKeyDown,\n      ],\n    )\n\n  return {\n    descendants,\n    items,\n    getInputProps,\n    getRootProps,\n  }\n}\n\nexport type UsePinInputReturn = ReturnType<typeof usePinInput>\n"],"mappings":"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"}
+{"version":3,"file":"use-pin-input.js","names":[],"sources":["../../../../src/components/pin-input/use-pin-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter, RequiredPropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useEffect, useId, useState } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport { cx, filterUndefined, handlerAll, runKeyAction } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nconst {\n  DescendantsContext: PinInputDescendantsContext,\n  useDescendant: usePinInputDescendant,\n  useDescendants: usePinInputDescendants,\n} = createDescendants<HTMLInputElement>()\n\nexport {\n  PinInputDescendantsContext,\n  usePinInputDescendant,\n  usePinInputDescendants,\n}\n\nconst toArray = (value?: string) => value?.split(\"\")\n\nconst validate = (value: string, type: UsePinInputProps[\"type\"]) => {\n  const NUMERIC_REGEX = /^[0-9]+$/\n  const ALPHA_NUMERIC_REGEX = /^[a-zA-Z0-9]+$/i\n\n  const regex = type === \"alphanumeric\" ? ALPHA_NUMERIC_REGEX : NUMERIC_REGEX\n\n  return regex.test(value)\n}\n\nexport interface UsePinInputProps\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"mask\" | \"onChange\" | \"value\">,\n    FieldProps {\n  /**\n   * If `true`, the pin input receives focus on mount.\n   *\n   * @default false\n   */\n  autoFocus?: boolean\n  /**\n   * The initial value of the pin input.\n   */\n  defaultValue?: string\n  /**\n   * The top-level id string that will be applied to the input fields.\n   * The index of the input will be appended to this top-level id.\n   */\n  id?: string\n  /**\n   * The number of inputs to display.\n   *\n   * @default 4\n   */\n  items?: number\n  /**\n   * If `true`, focus will move automatically to the next input once filled.\n   *\n   * @default true\n   */\n  manageFocus?: boolean\n  /**\n   * If `true`, the input's value will be masked just like `type=password`.\n   */\n  mask?: boolean\n  /**\n   * If `true`, the pin input component signals to its fields that they should.\n   */\n  otp?: boolean\n  /**\n   * The placeholder for the pin input.\n   *\n   * @default '◯'\n   */\n  placeholder?: string\n  /**\n   * The type of values the pin-input should allow.\n   *\n   * @default 'number'\n   */\n  type?: \"alphanumeric\" | \"number\"\n  /**\n   * The value of the pin input.\n   */\n  value?: string\n  /**\n   * Function called on input change.\n   */\n  onChange?: (value: string) => void\n  /**\n   * Function called when all inputs have valid values.\n   */\n  onComplete?: (value: string) => void\n}\n\nexport const usePinInput = (props: UsePinInputProps = {}) => {\n  const uuid = useId()\n  const {\n    context: { labelId } = {},\n    props: {\n      id = uuid,\n      type = \"number\",\n      autoFocus,\n      defaultValue,\n      disabled,\n      items = 4,\n      manageFocus = true,\n      mask,\n      otp = false,\n      placeholder = \"◯\",\n      readOnly,\n      value,\n      onChange: onChangeProp,\n      onComplete,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const descendants = usePinInputDescendants()\n  const [moveFocus, setMoveFocus] = useState<boolean>(true)\n  const [focusedIndex, setFocusedIndex] = useState<number>(-1)\n  const [values, setValues] = useControllableState<string[]>({\n    defaultValue: toArray(defaultValue) || [],\n    value: toArray(value),\n    onChange: (values) => onChangeProp?.(values.join(\"\")),\n  })\n\n  const focusNext = useCallback(\n    (index: number) => {\n      if (!moveFocus || !manageFocus) return\n\n      const next = descendants.nextValue(index, false)\n\n      if (!next) return\n\n      requestAnimationFrame(() => next.node.focus())\n    },\n    [descendants, moveFocus, manageFocus],\n  )\n\n  const focusInputField = useCallback(\n    (direction: \"next\" | \"prev\", index: number) => {\n      const input =\n        direction === \"next\"\n          ? descendants.nextValue(index, false)\n          : descendants.prevValue(index, false)\n\n      if (!input) return\n\n      const valueLength = input.node.value.length\n\n      requestAnimationFrame(() => {\n        input.node.focus()\n        input.node.setSelectionRange(0, valueLength)\n      })\n    },\n    [descendants],\n  )\n\n  const setValue = useCallback(\n    (value: string, index: number, focus = true) => {\n      let nextValues = [...values]\n\n      nextValues[index] = value\n\n      setValues(nextValues)\n\n      nextValues = nextValues.filter(Boolean)\n\n      const complete = value !== \"\" && nextValues.length === descendants.count()\n\n      if (complete) {\n        onComplete?.(nextValues.join(\"\"))\n        descendants.value(index)?.node.blur()\n      } else if (focus) {\n        focusNext(index)\n      }\n    },\n    [values, setValues, descendants, onComplete, focusNext],\n  )\n\n  const getNextValue = useCallback(\n    (value: string | undefined, eventValue: string) => {\n      let nextValue = eventValue\n\n      if (!value?.length) return nextValue\n\n      if (value.startsWith(eventValue.charAt(0))) {\n        nextValue = eventValue.charAt(1)\n      } else if (value.startsWith(eventValue.charAt(1))) {\n        nextValue = eventValue.charAt(0)\n      }\n\n      return nextValue\n    },\n    [],\n  )\n\n  const onChange = useCallback(\n    (index: number) =>\n      ({ target }: ChangeEvent<HTMLInputElement>) => {\n        const eventValue = target.value\n        const currentValue = values[index]\n        const nextValue = getNextValue(currentValue, eventValue)\n\n        if (nextValue === \"\") {\n          setValue(\"\", index)\n\n          return\n        }\n\n        if (eventValue.length > 2) {\n          if (!validate(eventValue, type)) return\n\n          const nextValue = eventValue\n            .split(\"\")\n            .filter((_, index) => index < descendants.count())\n\n          setValues(nextValue)\n\n          if (nextValue.length === descendants.count()) {\n            onComplete?.(nextValue.join(\"\"))\n            descendants.value(index)?.node.blur()\n          }\n        } else {\n          if (validate(nextValue, type)) setValue(nextValue, index)\n\n          setMoveFocus(true)\n        }\n      },\n    [descendants, getNextValue, onComplete, setValue, setValues, type, values],\n  )\n\n  const onKeyDown = useCallback(\n    (index: number) => (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (!manageFocus) return\n\n      runKeyAction(\n        ev,\n        {\n          ArrowLeft: (ev) => {\n            ev.preventDefault()\n            focusInputField(\"prev\", index)\n          },\n          ArrowRight: (ev) => {\n            ev.preventDefault()\n            focusInputField(\"next\", index)\n          },\n          Backspace: (ev) => {\n            if ((ev.target as HTMLInputElement).value === \"\") {\n              const prevInput = descendants.prevValue(index, false)\n\n              if (!prevInput) return\n\n              setValue(\"\", index - 1, false)\n              prevInput.node.focus()\n              setMoveFocus(true)\n            } else {\n              setMoveFocus(false)\n            }\n          },\n        },\n        { preventDefault: false },\n      )\n    },\n    [descendants, focusInputField, manageFocus, setValue],\n  )\n\n  const onFocus = useCallback(\n    (index: number) => () => setFocusedIndex(index),\n    [],\n  )\n\n  const onBlur = useCallback(() => setFocusedIndex(-1), [])\n\n  useEffect(() => {\n    if (!autoFocus) return\n\n    const firstValue = descendants.firstValue()\n\n    if (!firstValue) return\n\n    requestAnimationFrame(() => firstValue.node.focus())\n  }, [autoFocus, descendants])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps({ role: \"group\" }, rest, props)(),\n    [rest],\n  )\n\n  const getInputProps: RequiredPropGetter<\"input\", { index: number }> =\n    useCallback(\n      ({ \"aria-labelledby\": ariaLabelledby, index, ...props }) => ({\n        ...ariaProps,\n        ...dataProps,\n        type: mask ? \"password\" : type === \"number\" ? \"tel\" : \"text\",\n        \"aria-labelledby\": cx(ariaLabelledby, labelId),\n        autoComplete: otp ? \"one-time-code\" : \"off\",\n        disabled,\n        inputMode: type === \"number\" ? \"numeric\" : \"text\",\n        placeholder:\n          focusedIndex === index && !readOnly && !props.readOnly\n            ? \"\"\n            : placeholder,\n        readOnly,\n        value: values[index] || \"\",\n        ...filterUndefined(props),\n        id: `${id}${index ? `-${index}` : \"\"}`,\n        onBlur: handlerAll(eventProps.onBlur, props.onBlur, onBlur),\n        onChange: handlerAll(props.onChange, onChange(index)),\n        onFocus: handlerAll(eventProps.onFocus, props.onFocus, onFocus(index)),\n        onKeyDown: handlerAll(props.onKeyDown, onKeyDown(index)),\n      }),\n      [\n        ariaProps,\n        dataProps,\n        eventProps,\n        mask,\n        type,\n        labelId,\n        otp,\n        disabled,\n        focusedIndex,\n        readOnly,\n        placeholder,\n        values,\n        id,\n        onBlur,\n        onChange,\n        onFocus,\n        onKeyDown,\n      ],\n    )\n\n  return {\n    descendants,\n    items,\n    getInputProps,\n    getRootProps,\n  }\n}\n\nexport type UsePinInputReturn = ReturnType<typeof usePinInput>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":["motion"],"sources":["../../../../src/components/popover/popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type {\n  HTMLProps,\n  HTMLStyledProps,\n  SimplePlacement,\n  StyleValue,\n  ThemeProps,\n} from \"../../core\"\nimport type { Merge, ReactNodeOrFunction } from \"../../utils\"\nimport type { HTMLMotionProps, MotionTransitionProps } from \"../motion\"\nimport type { PortalProps } from \"../portal\"\nimport type { PopoverStyle } from \"./popover.style\"\nimport type { UsePopoverProps, UsePopoverReturn } from \"./use-popover\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { cast, filterUndefined, runIfFn } from \"../../utils\"\nimport { fadeScaleVariants } from \"../fade-scale\"\nimport { motion } from \"../motion\"\nimport { Portal } from \"../portal\"\nimport { slideFadeVariants } from \"../slide-fade\"\nimport { popoverStyle } from \"./popover.style\"\nimport { usePopover } from \"./use-popover\"\n\nexport interface UsePopupAnimationProps {\n  /**\n   * The animation of the element.\n   *\n   * @default 'scale'\n   */\n  animationScheme?: StyleValue<\"none\" | \"scale\" | SimplePlacement>\n  /**\n   * The animation duration.\n   *\n   * @default 0.1\n   */\n  duration?: StyleValue<MotionTransitionProps[\"duration\"]>\n}\n\nexport const usePopupAnimationProps = (props: UsePopupAnimationProps = {}) => {\n  const animationScheme = useValue(props.animationScheme ?? \"scale\")\n  const duration = useValue(props.duration ?? 0.1)\n  const sharedProps = { animate: \"enter\", exit: \"exit\", initial: \"exit\" }\n\n  switch (animationScheme) {\n    case \"scale\":\n      return {\n        ...sharedProps,\n        custom: { duration, reverse: true, scale: 0.95 },\n        variants: fadeScaleVariants,\n      }\n    case \"block-start\":\n      return {\n        ...sharedProps,\n        custom: { duration, offsetY: -16, reverse: true },\n        variants: slideFadeVariants,\n      }\n    case \"inline-end\":\n      return {\n        ...sharedProps,\n        custom: { duration, offsetX: 16, reverse: true },\n        variants: slideFadeVariants,\n      }\n    case \"inline-start\":\n      return {\n        ...sharedProps,\n        custom: { duration, offsetX: -16, reverse: true },\n        variants: slideFadeVariants,\n      }\n    case \"block-end\":\n      return {\n        ...sharedProps,\n        custom: { duration, offsetY: 16, reverse: true },\n        variants: slideFadeVariants,\n      }\n    default:\n      return {}\n  }\n}\n\nexport interface UsePopoverStyleProps {\n  /**\n   * If `true`, the popper will change its placement and flip when it's about to overflow its boundary area.\n   *\n   * @default true\n   */\n  flip?: StyleValue<UsePopoverProps[\"flip\"]>\n  /**\n   * The distance or margin between the reference and popper.\n   * It is used internally to create an `offset` modifier.\n   *\n   * @default 8\n   */\n  gutter?: StyleValue<UsePopoverProps[\"gutter\"]>\n  /**\n   * If `true`, the popper will match the width of the reference at all times.\n   * It's useful for `autocomplete`, `date-picker` and `select` patterns.\n   *\n   * @default false\n   */\n  matchWidth?: StyleValue<UsePopoverProps[\"matchWidth\"]>\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end'\n   */\n  placement?: StyleValue<UsePopoverProps[\"placement\"]>\n  /**\n   * The CSS positioning strategy to use.\n   *\n   * @default 'absolute'\n   */\n  strategy?: StyleValue<UsePopoverProps[\"strategy\"]>\n}\n\nexport const usePopoverStyleProps = (props: UsePopoverStyleProps = {}) => {\n  const placement = useValue(props.placement)\n  const gutter = useValue(props.gutter)\n  const matchWidth = useValue(props.matchWidth)\n  const strategy = useValue(props.strategy)\n  const flip = useValue(props.flip)\n\n  return useMemo(\n    () => filterUndefined({ flip, gutter, matchWidth, placement, strategy }),\n    [flip, gutter, matchWidth, placement, strategy],\n  )\n}\n\ninterface ComponentContext\n  extends\n    Pick<\n      UsePopoverReturn,\n      | \"getAnchorProps\"\n      | \"getBodyProps\"\n      | \"getCloseTriggerProps\"\n      | \"getContentProps\"\n      | \"getFooterProps\"\n      | \"getHeaderProps\"\n      | \"getPositionerProps\"\n      | \"getTriggerProps\"\n      | \"open\"\n    >,\n    UsePopupAnimationProps {}\n\nexport interface PopoverRootProps\n  extends\n    Merge<UsePopoverProps, UsePopoverStyleProps>,\n    UsePopupAnimationProps,\n    ThemeProps<PopoverStyle> {\n  /**\n   * The children of the popover.\n   */\n  children?: ReactNodeOrFunction<{\n    open: boolean\n    onClose: () => void\n  }>\n}\n\nconst {\n  ComponentContext,\n  PropsContext: PopoverPropsContext,\n  StyleContext,\n  useComponentContext,\n  usePropsContext: usePopoverPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<PopoverRootProps, PopoverStyle, ComponentContext>(\n  \"popover\",\n  popoverStyle,\n)\n\nexport { PopoverPropsContext, usePopoverPropsContext }\n\n/**\n * `Popover` is a component that floats around an element to display information.\n *\n * @see https://yamada-ui.com/docs/components/popover\n */\nexport const PopoverRoot: FC<PopoverRootProps> = (props) => {\n  const styleProps = usePopoverStyleProps(props)\n  const [styleContext, { animationScheme, children, duration, ...rest }] =\n    useRootComponentProps({ ...props, ...styleProps })\n  const {\n    open,\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose,\n  } = usePopover(rest)\n  const componentContext = useMemo(\n    () => ({\n      animationScheme,\n      duration,\n      open,\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n    }),\n    [\n      open,\n      animationScheme,\n      duration,\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n    ],\n  )\n\n  return (\n    <StyleContext value={styleContext}>\n      <ComponentContext value={componentContext}>\n        {runIfFn(children, { open, onClose })}\n      </ComponentContext>\n    </StyleContext>\n  )\n}\n\nexport interface PopoverTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PopoverTrigger = withContext<\"button\", PopoverTriggerProps>(\n  \"button\",\n  \"trigger\",\n)({ asChild: true }, (props) => {\n  const { getTriggerProps } = useComponentContext()\n\n  return getTriggerProps(props)\n})\n\nexport interface PopoverCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PopoverCloseTrigger = withContext<\n  \"button\",\n  PopoverCloseTriggerProps\n>(\"button\", { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] })(\n  { asChild: true },\n  (props) => {\n    const { getCloseTriggerProps } = useComponentContext()\n\n    return getCloseTriggerProps(props)\n  },\n)\n\nexport interface PopoverAnchorProps extends HTMLStyledProps {}\n\nexport const PopoverAnchor = withContext<\"div\", PopoverAnchorProps>(\n  \"div\",\n  \"anchor\",\n)({ asChild: true }, (props) => {\n  const { getAnchorProps } = useComponentContext()\n\n  return getAnchorProps(props)\n})\n\ninterface PopoverPositionerProps extends HTMLStyledProps {}\n\nconst PopoverPositioner = withContext<\"div\", PopoverPositionerProps>(\n  \"div\",\n  \"positioner\",\n)(undefined, (props) => {\n  const { getPositionerProps } = useComponentContext()\n\n  return getPositionerProps(props)\n})\n\nexport interface PopoverContentProps\n  extends Omit<HTMLMotionProps, \"children\">, PropsWithChildren {\n  /**\n   * Props for portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n}\n\nexport const PopoverContent = withContext<\"div\", PopoverContentProps>(\n  ({ portalProps, ...rest }) => {\n    const { animationScheme, duration, open, getContentProps } =\n      useComponentContext()\n    const popupAnimationProps = usePopupAnimationProps({\n      animationScheme,\n      duration,\n    })\n\n    return (\n      <AnimatePresence>\n        {open ? (\n          <Portal {...portalProps}>\n            <PopoverPositioner>\n              <motion.div\n                {...popupAnimationProps}\n                {...cast<HTMLMotionProps>(\n                  getContentProps(cast<HTMLProps>(rest)),\n                )}\n              />\n            </PopoverPositioner>\n          </Portal>\n        ) : null}\n      </AnimatePresence>\n    )\n  },\n  \"content\",\n)()\n\nexport interface PopoverHeaderProps extends HTMLStyledProps {}\n\nexport const PopoverHeader = withContext<\"div\", PopoverHeaderProps>(\n  \"div\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n\n  return getHeaderProps(props)\n})\n\nexport interface PopoverBodyProps extends HTMLStyledProps {}\n\nexport const PopoverBody = withContext<\"div\", PopoverBodyProps>(\"div\", \"body\")(\n  undefined,\n  (props) => {\n    const { getBodyProps } = useComponentContext()\n\n    return getBodyProps(props)\n  },\n)\n\nexport interface PopoverFooterProps extends HTMLStyledProps {}\n\nexport const PopoverFooter = withContext<\"div\", PopoverFooterProps>(\n  \"div\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n\n  return getFooterProps(props)\n})\n"],"mappings":"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"}
+{"version":3,"file":"popover.js","names":["motion"],"sources":["../../../../src/components/popover/popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type {\n  HTMLProps,\n  HTMLStyledProps,\n  SimplePlacement,\n  StyleValue,\n  ThemeProps,\n} from \"../../core\"\nimport type { Merge, ReactNodeOrFunction } from \"../../utils\"\nimport type { HTMLMotionProps, MotionTransitionProps } from \"../motion\"\nimport type { PortalProps } from \"../portal\"\nimport type { PopoverStyle } from \"./popover.style\"\nimport type { UsePopoverProps, UsePopoverReturn } from \"./use-popover\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { cast, filterUndefined, runIfFn } from \"../../utils\"\nimport { fadeScaleVariants } from \"../fade-scale\"\nimport { motion } from \"../motion\"\nimport { Portal } from \"../portal\"\nimport { slideFadeVariants } from \"../slide-fade\"\nimport { popoverStyle } from \"./popover.style\"\nimport { usePopover } from \"./use-popover\"\n\nexport interface UsePopupAnimationProps {\n  /**\n   * The animation of the element.\n   *\n   * @default 'scale'\n   */\n  animationScheme?: StyleValue<\"none\" | \"scale\" | SimplePlacement>\n  /**\n   * The animation duration.\n   *\n   * @default 0.1\n   */\n  duration?: StyleValue<MotionTransitionProps[\"duration\"]>\n}\n\nexport const usePopupAnimationProps = (props: UsePopupAnimationProps = {}) => {\n  const animationScheme = useValue(props.animationScheme ?? \"scale\")\n  const duration = useValue(props.duration ?? 0.1)\n  const sharedProps = { animate: \"enter\", exit: \"exit\", initial: \"exit\" }\n\n  switch (animationScheme) {\n    case \"scale\":\n      return {\n        ...sharedProps,\n        custom: { duration, reverse: true, scale: 0.95 },\n        variants: fadeScaleVariants,\n      }\n    case \"block-start\":\n      return {\n        ...sharedProps,\n        custom: { duration, offsetY: -16, reverse: true },\n        variants: slideFadeVariants,\n      }\n    case \"inline-end\":\n      return {\n        ...sharedProps,\n        custom: { duration, offsetX: 16, reverse: true },\n        variants: slideFadeVariants,\n      }\n    case \"inline-start\":\n      return {\n        ...sharedProps,\n        custom: { duration, offsetX: -16, reverse: true },\n        variants: slideFadeVariants,\n      }\n    case \"block-end\":\n      return {\n        ...sharedProps,\n        custom: { duration, offsetY: 16, reverse: true },\n        variants: slideFadeVariants,\n      }\n    default:\n      return {}\n  }\n}\n\nexport interface UsePopoverStyleProps {\n  /**\n   * If `true`, the popper will change its placement and flip when it's about to overflow its boundary area.\n   *\n   * @default true\n   */\n  flip?: StyleValue<UsePopoverProps[\"flip\"]>\n  /**\n   * The distance or margin between the reference and popper.\n   * It is used internally to create an `offset` modifier.\n   *\n   * @default 8\n   */\n  gutter?: StyleValue<UsePopoverProps[\"gutter\"]>\n  /**\n   * If `true`, the popper will match the width of the reference at all times.\n   * It's useful for `autocomplete`, `date-picker` and `select` patterns.\n   *\n   * @default false\n   */\n  matchWidth?: StyleValue<UsePopoverProps[\"matchWidth\"]>\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end'\n   */\n  placement?: StyleValue<UsePopoverProps[\"placement\"]>\n  /**\n   * The CSS positioning strategy to use.\n   *\n   * @default 'absolute'\n   */\n  strategy?: StyleValue<UsePopoverProps[\"strategy\"]>\n}\n\nexport const usePopoverStyleProps = (props: UsePopoverStyleProps = {}) => {\n  const placement = useValue(props.placement)\n  const gutter = useValue(props.gutter)\n  const matchWidth = useValue(props.matchWidth)\n  const strategy = useValue(props.strategy)\n  const flip = useValue(props.flip)\n\n  return useMemo(\n    () => filterUndefined({ flip, gutter, matchWidth, placement, strategy }),\n    [flip, gutter, matchWidth, placement, strategy],\n  )\n}\n\ninterface ComponentContext\n  extends\n    Pick<\n      UsePopoverReturn,\n      | \"getAnchorProps\"\n      | \"getBodyProps\"\n      | \"getCloseTriggerProps\"\n      | \"getContentProps\"\n      | \"getFooterProps\"\n      | \"getHeaderProps\"\n      | \"getPositionerProps\"\n      | \"getTriggerProps\"\n      | \"open\"\n    >,\n    UsePopupAnimationProps {}\n\nexport interface PopoverRootProps\n  extends\n    Merge<UsePopoverProps, UsePopoverStyleProps>,\n    UsePopupAnimationProps,\n    ThemeProps<PopoverStyle> {\n  /**\n   * The children of the popover.\n   */\n  children?: ReactNodeOrFunction<{\n    open: boolean\n    onClose: () => void\n  }>\n}\n\nconst {\n  ComponentContext,\n  PropsContext: PopoverPropsContext,\n  StyleContext,\n  useComponentContext,\n  usePropsContext: usePopoverPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<PopoverRootProps, PopoverStyle, ComponentContext>(\n  \"popover\",\n  popoverStyle,\n)\n\nexport { PopoverPropsContext, usePopoverPropsContext }\n\n/**\n * `Popover` is a component that floats around an element to display information.\n *\n * @see https://yamada-ui.com/docs/components/popover\n */\nexport const PopoverRoot: FC<PopoverRootProps> = (props) => {\n  const styleProps = usePopoverStyleProps(props)\n  const [styleContext, { animationScheme, children, duration, ...rest }] =\n    useRootComponentProps({ ...props, ...styleProps })\n  const {\n    open,\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose,\n  } = usePopover(rest)\n  const componentContext = useMemo(\n    () => ({\n      animationScheme,\n      duration,\n      open,\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n    }),\n    [\n      open,\n      animationScheme,\n      duration,\n      getAnchorProps,\n      getBodyProps,\n      getCloseTriggerProps,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getPositionerProps,\n      getTriggerProps,\n    ],\n  )\n\n  return (\n    <StyleContext value={styleContext}>\n      <ComponentContext value={componentContext}>\n        {runIfFn(children, { open, onClose })}\n      </ComponentContext>\n    </StyleContext>\n  )\n}\n\nexport interface PopoverTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PopoverTrigger = withContext<\"button\", PopoverTriggerProps>(\n  \"button\",\n  \"trigger\",\n)({ asChild: true }, (props) => {\n  const { getTriggerProps } = useComponentContext()\n\n  return getTriggerProps(props)\n})\n\nexport interface PopoverCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PopoverCloseTrigger = withContext<\n  \"button\",\n  PopoverCloseTriggerProps\n>(\"button\", { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] })(\n  { asChild: true },\n  (props) => {\n    const { getCloseTriggerProps } = useComponentContext()\n\n    return getCloseTriggerProps(props)\n  },\n)\n\nexport interface PopoverAnchorProps extends HTMLStyledProps {}\n\nexport const PopoverAnchor = withContext<\"div\", PopoverAnchorProps>(\n  \"div\",\n  \"anchor\",\n)({ asChild: true }, (props) => {\n  const { getAnchorProps } = useComponentContext()\n\n  return getAnchorProps(props)\n})\n\ninterface PopoverPositionerProps extends HTMLStyledProps {}\n\nconst PopoverPositioner = withContext<\"div\", PopoverPositionerProps>(\n  \"div\",\n  \"positioner\",\n)(undefined, (props) => {\n  const { getPositionerProps } = useComponentContext()\n\n  return getPositionerProps(props)\n})\n\nexport interface PopoverContentProps\n  extends Omit<HTMLMotionProps, \"children\">, PropsWithChildren {\n  /**\n   * Props for portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n}\n\nexport const PopoverContent = withContext<\"div\", PopoverContentProps>(\n  ({ portalProps, ...rest }) => {\n    const { animationScheme, duration, open, getContentProps } =\n      useComponentContext()\n    const popupAnimationProps = usePopupAnimationProps({\n      animationScheme,\n      duration,\n    })\n\n    return (\n      <AnimatePresence>\n        {open ? (\n          <Portal {...portalProps}>\n            <PopoverPositioner>\n              <motion.div\n                {...popupAnimationProps}\n                {...cast<HTMLMotionProps>(\n                  getContentProps(cast<HTMLProps>(rest)),\n                )}\n              />\n            </PopoverPositioner>\n          </Portal>\n        ) : null}\n      </AnimatePresence>\n    )\n  },\n  \"content\",\n)()\n\nexport interface PopoverHeaderProps extends HTMLStyledProps {}\n\nexport const PopoverHeader = withContext<\"div\", PopoverHeaderProps>(\n  \"div\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n\n  return getHeaderProps(props)\n})\n\nexport interface PopoverBodyProps extends HTMLStyledProps {}\n\nexport const PopoverBody = withContext<\"div\", PopoverBodyProps>(\"div\", \"body\")(\n  undefined,\n  (props) => {\n    const { getBodyProps } = useComponentContext()\n\n    return getBodyProps(props)\n  },\n)\n\nexport interface PopoverFooterProps extends HTMLStyledProps {}\n\nexport const PopoverFooter = withContext<\"div\", PopoverFooterProps>(\n  \"div\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n\n  return getFooterProps(props)\n})\n"],"mappings":"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"}

package/dist/esm/components/popover/popover.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.style.js","names":[],"sources":["../../../../src/components/popover/popover.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { nativePopoverStyle } from \"../native-popover\"\n\nexport const popoverStyle = defineComponentSlotStyle({\n  base: {\n    ...nativePopoverStyle.base,\n    positioner: { zIndex: \"recoome\" },\n  },\n\n  sizes: nativePopoverStyle.sizes,\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type PopoverStyle = typeof popoverStyle\n"],"mappings":";;;AAGA,MAAa,eAAe,yBAAyB;CACnD,MAAM;EACJ,GAAG,mBAAmB;EACtB,YAAY,EAAE,QAAQ,WAAW;EAClC;CAED,OAAO,mBAAmB;CAE1B,cAAc,EACZ,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"popover.style.js","names":[],"sources":["../../../../src/components/popover/popover.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { nativePopoverStyle } from \"../native-popover\"\n\nexport const popoverStyle = defineComponentSlotStyle({\n  base: {\n    ...nativePopoverStyle.base,\n    positioner: { zIndex: \"recoome\" },\n  },\n\n  sizes: nativePopoverStyle.sizes,\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type PopoverStyle = typeof popoverStyle\n"],"mappings":";;;AAGA,MAAa,eAAe,yBAAyB;CACnD,MAAM;EACJ,GAAG,mBAAmB;EACtB,YAAY,EAAE,QAAQ,UAAU;CAClC;CAEA,OAAO,mBAAmB;CAE1B,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}

package/dist/esm/components/popover/use-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-popover.js","names":[],"sources":["../../../../src/components/popover/use-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FocusEvent, KeyboardEvent, RefObject } from \"react\"\nimport type { Direction, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport type { Dict } from \"../../utils\"\nimport type { UsePopupAnimationProps } from \"./popover\"\nimport { useCallback, useEffect, useId, useRef } from \"react\"\nimport { useEnvironment, useSplitProps } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { useFocusOnShow } from \"../../hooks/use-focus\"\nimport { useOutsideClick } from \"../../hooks/use-outside-click\"\nimport { popperProps, usePopper } from \"../../hooks/use-popper\"\nimport {\n  ariaAttr,\n  assignRef,\n  contains,\n  dataAttr,\n  focusTransfer,\n  focusTrap,\n  getEventRelatedTarget,\n  handlerAll,\n  mergeRefs,\n  runKeyAction,\n  scrollLock,\n  setAttribute,\n  useSafeLayoutEffect,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface UsePopoverProps\n  extends Omit<UseDisclosureProps, \"timing\">, UsePopperProps<\"button\"> {\n  /**\n   * If `true`, focus will be transferred to the first interactive element when the popover opens.\n   *\n   * @default true\n   */\n  autoFocus?: boolean\n  /**\n   * If `true`, scrolling will be disabled on the `body` when the modal opens.\n   *\n   * @default false\n   */\n  blockScrollOnMount?: boolean\n  /**\n   * If `true`, the popover will close when you blur out it by clicking outside or tabbing out.\n   *\n   * @default true\n   */\n  closeOnBlur?: boolean\n  /**\n   * If `true`, the popover will hide on pressing Esc key.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the popover will hide on scroll.\n   *\n   * @default false\n   */\n  closeOnScroll?: boolean\n  /**\n   * If `true`, the popover will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The `ref` of the element that should receive focus when the popover opens.\n   */\n  initialFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the popover will be modal.\n   *\n   * - scrolling is blocked.\n   * - focus is trapped within the popover.\n   *\n   * @default false\n   */\n  modal?: boolean\n  /**\n   * If `true`, the popover will be opened when click on the field.\n   *\n   * @default true\n   */\n  openOnClick?: boolean\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end'\n   */\n  placement?: Direction\n  /**\n   * If `true`, the focus will be transferred to the popover content when the tab key is pressed.\n   *\n   * @default true\n   */\n  transferFocus?: boolean\n  /**\n   * Update the position of the floating element, re-rendering the component if required.\n   */\n  updateRef?: RefObject<() => void>\n}\n\nexport const usePopover = ({\n  autoFocus = true,\n  autoUpdate,\n  modal = false,\n  blockScrollOnMount = modal,\n  closeOnBlur = true,\n  closeOnEsc = true,\n  closeOnScroll,\n  defaultOpen,\n  disabled,\n  elements,\n  flip,\n  gutter,\n  initialFocusRef,\n  matchWidth,\n  middleware,\n  offset,\n  open: openProp,\n  openOnClick = true,\n  placement = \"end\",\n  platform,\n  preventOverflow,\n  strategy,\n  transferFocus = true,\n  transform,\n  updateRef,\n  whileElementsMounted,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n}: UsePopoverProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const headerId = useId()\n  const bodyId = useId()\n  const contentId = useId()\n  const anchorRef = useRef<HTMLElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const contentRef = useRef<HTMLElement>(null)\n  const openTimeout = useRef<NodeJS.Timeout>(undefined)\n  const closeTimeout = useRef<NodeJS.Timeout>(undefined)\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const { refs, update, getPopperProps } = usePopper<\"button\">({\n    autoUpdate,\n    elements,\n    flip,\n    gutter,\n    matchWidth,\n    middleware,\n    offset,\n    open,\n    placement,\n    platform,\n    preventOverflow,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  assignRef(updateRef, update)\n\n  const onRestoreFocus = useCallback(() => {\n    clearTimeout(closeTimeout.current)\n    closeTimeout.current = setTimeout(() => {\n      triggerRef.current?.focus()\n    })\n  }, [])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLElement>) => {\n      runKeyAction(ev, {\n        Escape: () => {\n          if (!closeOnEsc) return\n\n          onClose()\n          onRestoreFocus()\n        },\n      })\n    },\n    [closeOnEsc, onClose, onRestoreFocus],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLDivElement>) => {\n      const relatedTarget = getEventRelatedTarget(ev)\n      const popup = relatedTarget?.hasAttribute(\"data-popup\")\n\n      if (contains(triggerRef.current, relatedTarget)) return\n      if (contains(contentRef.current, relatedTarget)) return\n      if (contains(contentRef.current, ev.target) && popup) return\n\n      if (closeOnBlur) onClose()\n    },\n    [closeOnBlur, onClose],\n  )\n\n  useEventListener(getDocument(), \"scroll\", () => {\n    if (open && closeOnScroll) onClose()\n  })\n\n  useFocusOnShow(contentRef, {\n    focusTarget: initialFocusRef,\n    shouldFocus: autoFocus,\n    visible: open,\n  })\n\n  useOutsideClick({\n    ref: [contentRef, triggerRef],\n    enabled: open && closeOnBlur,\n    handler: onClose,\n  })\n\n  useSafeLayoutEffect(() => {\n    const el = contentRef.current\n    const hasHeader = !!getDocument()?.getElementById(headerId)\n    const hasBody = !!getDocument()?.getElementById(bodyId)\n\n    if (el && hasHeader) setAttribute(el, \"aria-labelledby\", headerId)\n    if (el && hasBody) setAttribute(el, \"aria-describedby\", bodyId)\n  }, [open, headerId, bodyId])\n\n  useEffect(() => {\n    if (!open || !modal) return\n\n    return focusTrap(contentRef.current)\n  }, [open, modal])\n\n  useEffect(() => {\n    if (!open || !blockScrollOnMount) return\n\n    return scrollLock(contentRef.current)\n  }, [open, modal, blockScrollOnMount])\n\n  useEffect(() => {\n    if (!open || modal || !transferFocus) return\n\n    return focusTransfer(contentRef.current, triggerRef.current)\n  }, [open, modal, transferFocus])\n\n  useUnmountEffect(() => {\n    clearTimeout(openTimeout.current)\n    clearTimeout(closeTimeout.current)\n  })\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      role: \"button\",\n      ...props,\n      ref: mergeRefs(ref, triggerRef, (node) => {\n        if (anchorRef.current == null) refs.setReference(node)\n      }),\n      onBlur: handlerAll(props.onBlur, (ev) =>\n        !contains(contentRef.current, getEventRelatedTarget(ev)) && closeOnBlur\n          ? onClose()\n          : void 0,\n      ),\n      onClick: handlerAll(\n        props.onClick,\n        !open ? (!disabled && openOnClick ? onOpen : undefined) : onClose,\n      ),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      closeOnBlur,\n      contentId,\n      disabled,\n      onClose,\n      onKeyDown,\n      onOpen,\n      open,\n      openOnClick,\n      refs,\n    ],\n  )\n\n  const getAnchorProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...props,\n      ref: mergeRefs(ref, anchorRef, refs.setReference),\n    }),\n    [refs.setReference],\n  )\n\n  const getPositionerProps: PropGetter = useCallback(\n    (props) => getPopperProps(props),\n    [getPopperProps],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id: contentId,\n      \"aria-hidden\": !open,\n      \"aria-modal\": modal ? \"true\" : undefined,\n      \"data-close\": dataAttr(!open),\n      \"data-open\": dataAttr(open),\n      \"data-popup\": dataAttr(true),\n      role: \"dialog\",\n      tabIndex: -1,\n      ...props,\n      ref: mergeRefs(ref, contentRef),\n      onBlur: handlerAll(props.onBlur, onBlur),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [contentId, open, modal, onBlur, onKeyDown],\n  )\n\n  const getHeaderProps: PropGetter = useCallback(\n    (props) => ({ id: headerId, ...props }),\n    [headerId],\n  )\n\n  const getBodyProps: PropGetter = useCallback(\n    (props) => ({ id: bodyId, ...props }),\n    [bodyId],\n  )\n\n  const getFooterProps: PropGetter = useCallback((props) => ({ ...props }), [])\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      ...props,\n      onClick: handlerAll(props.onClick, () => {\n        onClose()\n        onRestoreFocus()\n      }),\n    }),\n    [onClose, onRestoreFocus],\n  )\n\n  return {\n    open,\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose,\n    onOpen,\n  }\n}\n\nexport type UsePopoverReturn = ReturnType<typeof usePopover>\n\nexport const popoverProps: (\n  | keyof UsePopoverProps\n  | keyof UsePopupAnimationProps\n)[] = [\n  ...popperProps,\n  \"autoFocus\",\n  \"transferFocus\",\n  \"blockScrollOnMount\",\n  \"closeOnBlur\",\n  \"closeOnEsc\",\n  \"closeOnScroll\",\n  \"openOnClick\",\n  \"disabled\",\n  \"initialFocusRef\",\n  \"modal\",\n  \"updateRef\",\n  \"defaultOpen\",\n  \"onOpen\",\n  \"onClose\",\n  \"animationScheme\",\n  \"duration\",\n]\n\nexport const usePopoverProps = <\n  Y extends Dict = Dict,\n  M extends keyof UsePopoverProps | keyof UsePopupAnimationProps =\n    | keyof UsePopoverProps\n    | keyof UsePopupAnimationProps,\n>(\n  props: Y,\n  omitKeys?: M[],\n) => {\n  return useSplitProps(\n    props,\n    popoverProps.filter((key) => !omitKeys?.includes(key as M)),\n  ) as unknown as [\n    keyof UsePopoverProps | keyof UsePopupAnimationProps extends M\n      ? UsePopoverProps & UsePopupAnimationProps\n      : Omit<UsePopoverProps & UsePopupAnimationProps, M>,\n    Omit<\n      Y,\n      keyof UsePopoverProps | keyof UsePopupAnimationProps extends M\n        ? keyof UsePopoverProps | keyof UsePopupAnimationProps\n        : Exclude<keyof UsePopoverProps | keyof UsePopupAnimationProps, M>\n    >,\n  ]\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-popover.js","names":[],"sources":["../../../../src/components/popover/use-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FocusEvent, KeyboardEvent, RefObject } from \"react\"\nimport type { Direction, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport type { Dict } from \"../../utils\"\nimport type { UsePopupAnimationProps } from \"./popover\"\nimport { useCallback, useEffect, useId, useRef } from \"react\"\nimport { useEnvironment, useSplitProps } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { useFocusOnShow } from \"../../hooks/use-focus\"\nimport { useOutsideClick } from \"../../hooks/use-outside-click\"\nimport { popperProps, usePopper } from \"../../hooks/use-popper\"\nimport {\n  ariaAttr,\n  assignRef,\n  contains,\n  dataAttr,\n  focusTransfer,\n  focusTrap,\n  getEventRelatedTarget,\n  handlerAll,\n  mergeRefs,\n  runKeyAction,\n  scrollLock,\n  setAttribute,\n  useSafeLayoutEffect,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface UsePopoverProps\n  extends Omit<UseDisclosureProps, \"timing\">, UsePopperProps<\"button\"> {\n  /**\n   * If `true`, focus will be transferred to the first interactive element when the popover opens.\n   *\n   * @default true\n   */\n  autoFocus?: boolean\n  /**\n   * If `true`, scrolling will be disabled on the `body` when the modal opens.\n   *\n   * @default false\n   */\n  blockScrollOnMount?: boolean\n  /**\n   * If `true`, the popover will close when you blur out it by clicking outside or tabbing out.\n   *\n   * @default true\n   */\n  closeOnBlur?: boolean\n  /**\n   * If `true`, the popover will hide on pressing Esc key.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the popover will hide on scroll.\n   *\n   * @default false\n   */\n  closeOnScroll?: boolean\n  /**\n   * If `true`, the popover will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The `ref` of the element that should receive focus when the popover opens.\n   */\n  initialFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the popover will be modal.\n   *\n   * - scrolling is blocked.\n   * - focus is trapped within the popover.\n   *\n   * @default false\n   */\n  modal?: boolean\n  /**\n   * If `true`, the popover will be opened when click on the field.\n   *\n   * @default true\n   */\n  openOnClick?: boolean\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end'\n   */\n  placement?: Direction\n  /**\n   * If `true`, the focus will be transferred to the popover content when the tab key is pressed.\n   *\n   * @default true\n   */\n  transferFocus?: boolean\n  /**\n   * Update the position of the floating element, re-rendering the component if required.\n   */\n  updateRef?: RefObject<() => void>\n}\n\nexport const usePopover = ({\n  autoFocus = true,\n  autoUpdate,\n  modal = false,\n  blockScrollOnMount = modal,\n  closeOnBlur = true,\n  closeOnEsc = true,\n  closeOnScroll,\n  defaultOpen,\n  disabled,\n  elements,\n  flip,\n  gutter,\n  initialFocusRef,\n  matchWidth,\n  middleware,\n  offset,\n  open: openProp,\n  openOnClick = true,\n  placement = \"end\",\n  platform,\n  preventOverflow,\n  strategy,\n  transferFocus = true,\n  transform,\n  updateRef,\n  whileElementsMounted,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n}: UsePopoverProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const headerId = useId()\n  const bodyId = useId()\n  const contentId = useId()\n  const anchorRef = useRef<HTMLElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const contentRef = useRef<HTMLElement>(null)\n  const openTimeout = useRef<NodeJS.Timeout>(undefined)\n  const closeTimeout = useRef<NodeJS.Timeout>(undefined)\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const { refs, update, getPopperProps } = usePopper<\"button\">({\n    autoUpdate,\n    elements,\n    flip,\n    gutter,\n    matchWidth,\n    middleware,\n    offset,\n    open,\n    placement,\n    platform,\n    preventOverflow,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  assignRef(updateRef, update)\n\n  const onRestoreFocus = useCallback(() => {\n    clearTimeout(closeTimeout.current)\n    closeTimeout.current = setTimeout(() => {\n      triggerRef.current?.focus()\n    })\n  }, [])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLElement>) => {\n      runKeyAction(ev, {\n        Escape: () => {\n          if (!closeOnEsc) return\n\n          onClose()\n          onRestoreFocus()\n        },\n      })\n    },\n    [closeOnEsc, onClose, onRestoreFocus],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLDivElement>) => {\n      const relatedTarget = getEventRelatedTarget(ev)\n      const popup = relatedTarget?.hasAttribute(\"data-popup\")\n\n      if (contains(triggerRef.current, relatedTarget)) return\n      if (contains(contentRef.current, relatedTarget)) return\n      if (contains(contentRef.current, ev.target) && popup) return\n\n      if (closeOnBlur) onClose()\n    },\n    [closeOnBlur, onClose],\n  )\n\n  useEventListener(getDocument(), \"scroll\", () => {\n    if (open && closeOnScroll) onClose()\n  })\n\n  useFocusOnShow(contentRef, {\n    focusTarget: initialFocusRef,\n    shouldFocus: autoFocus,\n    visible: open,\n  })\n\n  useOutsideClick({\n    ref: [contentRef, triggerRef],\n    enabled: open && closeOnBlur,\n    handler: onClose,\n  })\n\n  useSafeLayoutEffect(() => {\n    const el = contentRef.current\n    const hasHeader = !!getDocument()?.getElementById(headerId)\n    const hasBody = !!getDocument()?.getElementById(bodyId)\n\n    if (el && hasHeader) setAttribute(el, \"aria-labelledby\", headerId)\n    if (el && hasBody) setAttribute(el, \"aria-describedby\", bodyId)\n  }, [open, headerId, bodyId])\n\n  useEffect(() => {\n    if (!open || !modal) return\n\n    return focusTrap(contentRef.current)\n  }, [open, modal])\n\n  useEffect(() => {\n    if (!open || !blockScrollOnMount) return\n\n    return scrollLock(contentRef.current)\n  }, [open, modal, blockScrollOnMount])\n\n  useEffect(() => {\n    if (!open || modal || !transferFocus) return\n\n    return focusTransfer(contentRef.current, triggerRef.current)\n  }, [open, modal, transferFocus])\n\n  useUnmountEffect(() => {\n    clearTimeout(openTimeout.current)\n    clearTimeout(closeTimeout.current)\n  })\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      role: \"button\",\n      ...props,\n      ref: mergeRefs(ref, triggerRef, (node) => {\n        if (anchorRef.current == null) refs.setReference(node)\n      }),\n      onBlur: handlerAll(props.onBlur, (ev) =>\n        !contains(contentRef.current, getEventRelatedTarget(ev)) && closeOnBlur\n          ? onClose()\n          : void 0,\n      ),\n      onClick: handlerAll(\n        props.onClick,\n        !open ? (!disabled && openOnClick ? onOpen : undefined) : onClose,\n      ),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      closeOnBlur,\n      contentId,\n      disabled,\n      onClose,\n      onKeyDown,\n      onOpen,\n      open,\n      openOnClick,\n      refs,\n    ],\n  )\n\n  const getAnchorProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...props,\n      ref: mergeRefs(ref, anchorRef, refs.setReference),\n    }),\n    [refs.setReference],\n  )\n\n  const getPositionerProps: PropGetter = useCallback(\n    (props) => getPopperProps(props),\n    [getPopperProps],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id: contentId,\n      \"aria-hidden\": !open,\n      \"aria-modal\": modal ? \"true\" : undefined,\n      \"data-close\": dataAttr(!open),\n      \"data-open\": dataAttr(open),\n      \"data-popup\": dataAttr(true),\n      role: \"dialog\",\n      tabIndex: -1,\n      ...props,\n      ref: mergeRefs(ref, contentRef),\n      onBlur: handlerAll(props.onBlur, onBlur),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [contentId, open, modal, onBlur, onKeyDown],\n  )\n\n  const getHeaderProps: PropGetter = useCallback(\n    (props) => ({ id: headerId, ...props }),\n    [headerId],\n  )\n\n  const getBodyProps: PropGetter = useCallback(\n    (props) => ({ id: bodyId, ...props }),\n    [bodyId],\n  )\n\n  const getFooterProps: PropGetter = useCallback((props) => ({ ...props }), [])\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      ...props,\n      onClick: handlerAll(props.onClick, () => {\n        onClose()\n        onRestoreFocus()\n      }),\n    }),\n    [onClose, onRestoreFocus],\n  )\n\n  return {\n    open,\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose,\n    onOpen,\n  }\n}\n\nexport type UsePopoverReturn = ReturnType<typeof usePopover>\n\nexport const popoverProps: (\n  | keyof UsePopoverProps\n  | keyof UsePopupAnimationProps\n)[] = [\n  ...popperProps,\n  \"autoFocus\",\n  \"transferFocus\",\n  \"blockScrollOnMount\",\n  \"closeOnBlur\",\n  \"closeOnEsc\",\n  \"closeOnScroll\",\n  \"openOnClick\",\n  \"disabled\",\n  \"initialFocusRef\",\n  \"modal\",\n  \"updateRef\",\n  \"defaultOpen\",\n  \"onOpen\",\n  \"onClose\",\n  \"animationScheme\",\n  \"duration\",\n]\n\nexport const usePopoverProps = <\n  Y extends Dict = Dict,\n  M extends keyof UsePopoverProps | keyof UsePopupAnimationProps =\n    | keyof UsePopoverProps\n    | keyof UsePopupAnimationProps,\n>(\n  props: Y,\n  omitKeys?: M[],\n) => {\n  return useSplitProps(\n    props,\n    popoverProps.filter((key) => !omitKeys?.includes(key as M)),\n  ) as unknown as [\n    keyof UsePopoverProps | keyof UsePopupAnimationProps extends M\n      ? UsePopoverProps & UsePopupAnimationProps\n      : Omit<UsePopoverProps & UsePopupAnimationProps, M>,\n    Omit<\n      Y,\n      keyof UsePopoverProps | keyof UsePopupAnimationProps extends M\n        ? keyof UsePopoverProps | keyof UsePopupAnimationProps\n        : Exclude<keyof UsePopoverProps | keyof UsePopupAnimationProps, M>\n    >,\n  ]\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"portal.js","names":[],"sources":["../../../../src/components/portal/portal.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport type { RootNode } from \"../../core\"\nimport { Children, useEffect, useState } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { useEnvironment } from \"../../core\"\nimport { getDocument, isShadowRoot, useSsr } from \"../../utils\"\n\nconst getPortalNode = (node?: RootNode) => {\n  const rootNode = node?.getRootNode()\n\n  if (isShadowRoot(rootNode)) return rootNode\n\n  return getDocument(node).body\n}\n\nexport interface PortalProps extends PropsWithChildren {\n  /**\n   * The `ref` to the component where the portal will be attached to.\n   */\n  containerRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the forwarding will be disabled.\n   */\n  disabled?: boolean\n}\n\n/**\n * `Portal` is a component that renders elements outside of the current `DOM` hierarchy.\n *\n * @see https://yamada-ui.com/docs/components/portal\n */\nexport const Portal: FC<PortalProps> = ({\n  children,\n  containerRef: ref,\n  disabled,\n}) => {\n  const [target, setTarget] = useState(ref?.current)\n  const ssr = useSsr()\n  const { getRootNode } = useEnvironment()\n\n  useEffect(() => {\n    setTarget(() => ref?.current)\n  }, [ref])\n\n  if (ssr || disabled) return children\n\n  const container = target ?? getPortalNode(getRootNode())\n\n  return (\n    <>{Children.map(children, (child) => createPortal(child, container))}</>\n  )\n}\n"],"mappings":";;;;;;;;AASA,MAAM,iBAAiB,SAAoB;CACzC,MAAM,WAAW,MAAM,aAAa;CAEpC,KAAA,GAAA,cAAA,cAAiB,SAAS,EAAE,OAAO;CAEnC,QAAA,GAAA,cAAA,aAAmB,KAAK,CAAC;;;;;;;AAmB3B,MAAa,UAA2B,EACtC,UACA,cAAc,KACd,eACI;CACJ,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK,QAAQ;CAClD,MAAM,MAAM,QAAQ;CACpB,MAAM,EAAE,gBAAgB,gBAAgB;CAExC,gBAAgB;EACd,gBAAgB,KAAK,QAAQ;IAC5B,CAAC,IAAI,CAAC;CAET,IAAI,OAAO,UAAU,OAAO;CAE5B,MAAM,YAAY,UAAU,cAAc,aAAa,CAAC;CAExD,OACE,oBAAA,YAAA,EAAA,UAAG,SAAS,IAAI,WAAW,UAAU,aAAa,OAAO,UAAU,CAAC,EAAI,CAAA"}
+{"version":3,"file":"portal.js","names":[],"sources":["../../../../src/components/portal/portal.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport type { RootNode } from \"../../core\"\nimport { Children, useEffect, useState } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { useEnvironment } from \"../../core\"\nimport { getDocument, isShadowRoot, useSsr } from \"../../utils\"\n\nconst getPortalNode = (node?: RootNode) => {\n  const rootNode = node?.getRootNode()\n\n  if (isShadowRoot(rootNode)) return rootNode\n\n  return getDocument(node).body\n}\n\nexport interface PortalProps extends PropsWithChildren {\n  /**\n   * The `ref` to the component where the portal will be attached to.\n   */\n  containerRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the forwarding will be disabled.\n   */\n  disabled?: boolean\n}\n\n/**\n * `Portal` is a component that renders elements outside of the current `DOM` hierarchy.\n *\n * @see https://yamada-ui.com/docs/components/portal\n */\nexport const Portal: FC<PortalProps> = ({\n  children,\n  containerRef: ref,\n  disabled,\n}) => {\n  const [target, setTarget] = useState(ref?.current)\n  const ssr = useSsr()\n  const { getRootNode } = useEnvironment()\n\n  useEffect(() => {\n    setTarget(() => ref?.current)\n  }, [ref])\n\n  if (ssr || disabled) return children\n\n  const container = target ?? getPortalNode(getRootNode())\n\n  return (\n    <>{Children.map(children, (child) => createPortal(child, container))}</>\n  )\n}\n"],"mappings":";;;;;;;;AASA,MAAM,iBAAiB,SAAoB;CACzC,MAAM,WAAW,MAAM,YAAY;CAEnC,KAAA,GAAA,cAAA,cAAiB,QAAQ,GAAG,OAAO;CAEnC,QAAA,GAAA,cAAA,aAAmB,IAAI,EAAE;AAC3B;;;;;;AAkBA,MAAa,UAA2B,EACtC,UACA,cAAc,KACd,eACI;CACJ,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK,OAAO;CACjD,MAAM,MAAM,OAAO;CACnB,MAAM,EAAE,gBAAgB,eAAe;CAEvC,gBAAgB;EACd,gBAAgB,KAAK,OAAO;CAC9B,GAAG,CAAC,GAAG,CAAC;CAER,IAAI,OAAO,UAAU,OAAO;CAE5B,MAAM,YAAY,UAAU,cAAc,YAAY,CAAC;CAEvD,OACE,oBAAA,YAAA,EAAA,UAAG,SAAS,IAAI,WAAW,UAAU,aAAa,OAAO,SAAS,CAAC,EAAI,CAAA;AAE3E"}

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

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":[],"sources":["../../../../src/components/progress/progress.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ProgressStyle } from \"./progress.style\"\nimport type { UseProgressProps } from \"./use-progress\"\nimport { createSlotComponent, mergeCSS, styled } from \"../../core\"\nimport { isNumber } from \"../../utils\"\nimport { progressStyle } from \"./progress.style\"\nimport { useProgress } from \"./use-progress\"\n\nexport interface ProgressProps\n  extends HTMLStyledProps, UseProgressProps, ThemeProps<ProgressStyle> {\n  /**\n   * The animation duration in seconds.\n   */\n  duration?: number | string\n  /**\n   * The color of the progress range.\n   */\n  rangeColor?: CSSProps[\"color\"]\n  /**\n   * The color of the progress track.\n   */\n  trackColor?: CSSProps[\"color\"]\n  /**\n   * Props for the progress range element.\n   */\n  rangeProps?: ProgressRangeProps\n}\n\nconst {\n  PropsContext: ProgressPropsContext,\n  usePropsContext: useProgressPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ProgressProps, ProgressStyle>(\"progress\", progressStyle)\n\nexport { ProgressPropsContext, useProgressPropsContext }\n\n/**\n * `Progress` is a component for visually indicating progress.\n *\n * @see https://yamada-ui.com/docs/components/progress\n */\nexport const Progress = withProvider(\n  ({ css, max, min, rangeColor, trackColor, value, rangeProps, ...rest }) => {\n    const { percent, getRangeProps, getRootProps } = useProgress({\n      max,\n      min,\n      value,\n    })\n\n    return (\n      <styled.div\n        css={mergeCSS(css, { \"--width\": `${percent}%` })}\n        bg={trackColor}\n        {...getRootProps(rest)}\n      >\n        <ProgressRange bg={rangeColor} {...getRangeProps(rangeProps)} />\n      </styled.div>\n    )\n  },\n  \"root\",\n)(undefined, ({ duration, ...rest }) => ({\n  \"--duration\": isNumber(duration) ? `${duration}s` : duration,\n  ...rest,\n}))\n\ninterface ProgressRangeProps extends HTMLStyledProps {}\n\nconst ProgressRange = withContext<\"div\", ProgressRangeProps>(\"div\", \"range\")()\n"],"mappings":";;;;;;;;;AA8BA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,aACA,iBACE,oBAAkD,YAAY,cAAc;;;;;;AAShF,MAAa,WAAW,cACrB,EAAE,KAAK,KAAK,KAAK,YAAY,YAAY,OAAO,YAAY,GAAG,WAAW;CACzE,MAAM,EAAE,SAAS,eAAe,iBAAiB,YAAY;EAC3D;EACA;EACA;EACD,CAAC;CAEF,OACE,oBAAC,OAAO,KAAR;EACE,KAAK,SAAS,KAAK,EAAE,WAAW,GAAG,QAAQ,IAAI,CAAC;EAChD,IAAI;EACJ,GAAI,aAAa,KAAK;YAEtB,oBAAC,eAAD;GAAe,IAAI;GAAY,GAAI,cAAc,WAAW;GAAI,CAAA;EACrD,CAAA;GAGjB,OACD,CAAC,KAAA,IAAY,EAAE,UAAU,GAAG,YAAY;CACvC,eAAA,GAAA,cAAA,UAAuB,SAAS,GAAG,GAAG,SAAS,KAAK;CACpD,GAAG;CACJ,EAAE;AAIH,MAAM,gBAAgB,YAAuC,OAAO,QAAQ,EAAE"}
+{"version":3,"file":"progress.js","names":[],"sources":["../../../../src/components/progress/progress.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ProgressStyle } from \"./progress.style\"\nimport type { UseProgressProps } from \"./use-progress\"\nimport { createSlotComponent, mergeCSS, styled } from \"../../core\"\nimport { isNumber } from \"../../utils\"\nimport { progressStyle } from \"./progress.style\"\nimport { useProgress } from \"./use-progress\"\n\nexport interface ProgressProps\n  extends HTMLStyledProps, UseProgressProps, ThemeProps<ProgressStyle> {\n  /**\n   * The animation duration in seconds.\n   */\n  duration?: number | string\n  /**\n   * The color of the progress range.\n   */\n  rangeColor?: CSSProps[\"color\"]\n  /**\n   * The color of the progress track.\n   */\n  trackColor?: CSSProps[\"color\"]\n  /**\n   * Props for the progress range element.\n   */\n  rangeProps?: ProgressRangeProps\n}\n\nconst {\n  PropsContext: ProgressPropsContext,\n  usePropsContext: useProgressPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ProgressProps, ProgressStyle>(\"progress\", progressStyle)\n\nexport { ProgressPropsContext, useProgressPropsContext }\n\n/**\n * `Progress` is a component for visually indicating progress.\n *\n * @see https://yamada-ui.com/docs/components/progress\n */\nexport const Progress = withProvider(\n  ({ css, max, min, rangeColor, trackColor, value, rangeProps, ...rest }) => {\n    const { percent, getRangeProps, getRootProps } = useProgress({\n      max,\n      min,\n      value,\n    })\n\n    return (\n      <styled.div\n        css={mergeCSS(css, { \"--width\": `${percent}%` })}\n        bg={trackColor}\n        {...getRootProps(rest)}\n      >\n        <ProgressRange bg={rangeColor} {...getRangeProps(rangeProps)} />\n      </styled.div>\n    )\n  },\n  \"root\",\n)(undefined, ({ duration, ...rest }) => ({\n  \"--duration\": isNumber(duration) ? `${duration}s` : duration,\n  ...rest,\n}))\n\ninterface ProgressRangeProps extends HTMLStyledProps {}\n\nconst ProgressRange = withContext<\"div\", ProgressRangeProps>(\"div\", \"range\")()\n"],"mappings":";;;;;;;;;AA8BA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,aACA,iBACE,oBAAkD,YAAY,aAAa;;;;;;AAS/E,MAAa,WAAW,cACrB,EAAE,KAAK,KAAK,KAAK,YAAY,YAAY,OAAO,YAAY,GAAG,WAAW;CACzE,MAAM,EAAE,SAAS,eAAe,iBAAiB,YAAY;EAC3D;EACA;EACA;CACF,CAAC;CAED,OACE,oBAAC,OAAO,KAAR;EACE,KAAK,SAAS,KAAK,EAAE,WAAW,GAAG,QAAQ,GAAG,CAAC;EAC/C,IAAI;EACJ,GAAI,aAAa,IAAI;YAErB,oBAAC,eAAD;GAAe,IAAI;GAAY,GAAI,cAAc,UAAU;EAAI,CAAA;CACrD,CAAA;AAEhB,GACA,MACF,EAAE,KAAA,IAAY,EAAE,UAAU,GAAG,YAAY;CACvC,eAAA,GAAA,cAAA,UAAuB,QAAQ,IAAI,GAAG,SAAS,KAAK;CACpD,GAAG;AACL,EAAE;AAIF,MAAM,gBAAgB,YAAuC,OAAO,OAAO,EAAE"}

package/dist/esm/components/progress/progress.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.style.js","names":[],"sources":["../../../../src/components/progress/progress.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const progressStyle = defineComponentSlotStyle({\n  base: {\n    range: {\n      bgColor: \"{filledTrackColor}\",\n      h: \"full\",\n      rounded: \"inherit\",\n      transitionDuration: \"slow\",\n      transitionProperty: \"size\",\n      w: \"{width}\",\n      _indeterminate: {\n        \"--animation-from-x\": \"-40%\",\n        \"--animation-to-x\": \"100%\",\n        animationDuration: \"{duration, 1s}\",\n        animationIterationCount: \"infinite\",\n        animationName: \"position\",\n        animationTimingFunction: \"ease\",\n        minW: \"50%\",\n        position: \"absolute\",\n        willChange: \"left\",\n      },\n    },\n    root: {\n      overflow: \"hidden\",\n      position: \"relative\",\n      w: \"full\",\n    },\n  },\n\n  props: {\n    /**\n     * If `true`, the progress bar will animate.\n     *\n     * @default false\n     */\n    animated: {\n      true: {\n        range: {\n          \"--animation-from\": \"{stripe-size}\",\n          animationDuration: \"{duration, 1s}\",\n          animationIterationCount: \"infinite\",\n          animationName: \"bg-position\",\n          animationTimingFunction: \"linear\",\n        },\n      },\n    },\n    /**\n     * The shape of the progress bar.\n     *\n     * @default 'rounded'\n     */\n    shape: {\n      circle: {\n        root: { rounded: \"full\" },\n      },\n      rounded: {\n        root: { rounded: \"l1\" },\n      },\n      square: {\n        root: { rounded: \"0\" },\n      },\n    },\n    /**\n     * If `true`, the progress bar will show stripe.\n     *\n     * @default false\n     */\n    striped: {\n      true: {\n        range: {\n          \"--stripe-angle\": \"45deg\",\n          \"--stripe-color\": [\"rgba(255, 255, 255, 0.3)\", \"rgba(0, 0, 0, 0.3)\"],\n          \"--stripe-size\": \"1rem\",\n          bgImage: `linear-gradient(\n            {stripe-angle},\n            {stripe-color} 25%,\n            transparent 25%,\n            transparent 50%,\n            {stripe-color} 50%,\n            {stripe-color} 75%,\n            transparent 75%,\n            transparent\n          )`,\n          bgSize: \"{stripe-size} {stripe-size}\",\n        },\n      },\n    },\n  },\n\n  variants: {\n    outline: {\n      range: {\n        bg: \"colorScheme.solid\",\n      },\n      root: {\n        bg: \"bg.subtle\",\n      },\n    },\n    subtle: {\n      range: {\n        bg: \"colorScheme.solid/80\",\n      },\n      root: {\n        bg: [\"colorScheme.muted\", \"colorScheme.subtle\"],\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      root: { h: \"1\" },\n    },\n    sm: {\n      root: { h: \"2\" },\n    },\n    md: {\n      root: { h: \"3\" },\n    },\n    lg: {\n      root: { h: \"4\" },\n    },\n    xl: {\n      root: { h: \"5\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n    shape: \"rounded\",\n    striped: false,\n  },\n})\n\nexport type ProgressStyle = typeof progressStyle\n"],"mappings":";;AAEA,MAAa,gBAAgB,yBAAyB;CACpD,MAAM;EACJ,OAAO;GACL,SAAS;GACT,GAAG;GACH,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,GAAG;GACH,gBAAgB;IACd,sBAAsB;IACtB,oBAAoB;IACpB,mBAAmB;IACnB,yBAAyB;IACzB,eAAe;IACf,yBAAyB;IACzB,MAAM;IACN,UAAU;IACV,YAAY;IACb;GACF;EACD,MAAM;GACJ,UAAU;GACV,UAAU;GACV,GAAG;GACJ;EACF;CAED,OAAO;;;;;;EAML,UAAU,EACR,MAAM,EACJ,OAAO;GACL,oBAAoB;GACpB,mBAAmB;GACnB,yBAAyB;GACzB,eAAe;GACf,yBAAyB;GAC1B,EACF,EACF;;;;;;EAMD,OAAO;GACL,QAAQ,EACN,MAAM,EAAE,SAAS,QAAQ,EAC1B;GACD,SAAS,EACP,MAAM,EAAE,SAAS,MAAM,EACxB;GACD,QAAQ,EACN,MAAM,EAAE,SAAS,KAAK,EACvB;GACF;;;;;;EAMD,SAAS,EACP,MAAM,EACJ,OAAO;GACL,kBAAkB;GAClB,kBAAkB,CAAC,4BAA4B,qBAAqB;GACpE,iBAAiB;GACjB,SAAS;;;;;;;;;;GAUT,QAAQ;GACT,EACF,EACF;EACF;CAED,UAAU;EACR,SAAS;GACP,OAAO,EACL,IAAI,qBACL;GACD,MAAM,EACJ,IAAI,aACL;GACF;EACD,QAAQ;GACN,OAAO,EACL,IAAI,wBACL;GACD,MAAM,EACJ,IAAI,CAAC,qBAAqB,qBAAqB,EAChD;GACF;EACF;CAED,OAAO;EACL,IAAI,EACF,MAAM,EAAE,GAAG,KAAK,EACjB;EACD,IAAI,EACF,MAAM,EAAE,GAAG,KAAK,EACjB;EACD,IAAI,EACF,MAAM,EAAE,GAAG,KAAK,EACjB;EACD,IAAI,EACF,MAAM,EAAE,GAAG,KAAK,EACjB;EACD,IAAI,EACF,MAAM,EAAE,GAAG,KAAK,EACjB;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;EACP,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"progress.style.js","names":[],"sources":["../../../../src/components/progress/progress.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const progressStyle = defineComponentSlotStyle({\n  base: {\n    range: {\n      bgColor: \"{filledTrackColor}\",\n      h: \"full\",\n      rounded: \"inherit\",\n      transitionDuration: \"slow\",\n      transitionProperty: \"size\",\n      w: \"{width}\",\n      _indeterminate: {\n        \"--animation-from-x\": \"-40%\",\n        \"--animation-to-x\": \"100%\",\n        animationDuration: \"{duration, 1s}\",\n        animationIterationCount: \"infinite\",\n        animationName: \"position\",\n        animationTimingFunction: \"ease\",\n        minW: \"50%\",\n        position: \"absolute\",\n        willChange: \"left\",\n      },\n    },\n    root: {\n      overflow: \"hidden\",\n      position: \"relative\",\n      w: \"full\",\n    },\n  },\n\n  props: {\n    /**\n     * If `true`, the progress bar will animate.\n     *\n     * @default false\n     */\n    animated: {\n      true: {\n        range: {\n          \"--animation-from\": \"{stripe-size}\",\n          animationDuration: \"{duration, 1s}\",\n          animationIterationCount: \"infinite\",\n          animationName: \"bg-position\",\n          animationTimingFunction: \"linear\",\n        },\n      },\n    },\n    /**\n     * The shape of the progress bar.\n     *\n     * @default 'rounded'\n     */\n    shape: {\n      circle: {\n        root: { rounded: \"full\" },\n      },\n      rounded: {\n        root: { rounded: \"l1\" },\n      },\n      square: {\n        root: { rounded: \"0\" },\n      },\n    },\n    /**\n     * If `true`, the progress bar will show stripe.\n     *\n     * @default false\n     */\n    striped: {\n      true: {\n        range: {\n          \"--stripe-angle\": \"45deg\",\n          \"--stripe-color\": [\"rgba(255, 255, 255, 0.3)\", \"rgba(0, 0, 0, 0.3)\"],\n          \"--stripe-size\": \"1rem\",\n          bgImage: `linear-gradient(\n            {stripe-angle},\n            {stripe-color} 25%,\n            transparent 25%,\n            transparent 50%,\n            {stripe-color} 50%,\n            {stripe-color} 75%,\n            transparent 75%,\n            transparent\n          )`,\n          bgSize: \"{stripe-size} {stripe-size}\",\n        },\n      },\n    },\n  },\n\n  variants: {\n    outline: {\n      range: {\n        bg: \"colorScheme.solid\",\n      },\n      root: {\n        bg: \"bg.subtle\",\n      },\n    },\n    subtle: {\n      range: {\n        bg: \"colorScheme.solid/80\",\n      },\n      root: {\n        bg: [\"colorScheme.muted\", \"colorScheme.subtle\"],\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      root: { h: \"1\" },\n    },\n    sm: {\n      root: { h: \"2\" },\n    },\n    md: {\n      root: { h: \"3\" },\n    },\n    lg: {\n      root: { h: \"4\" },\n    },\n    xl: {\n      root: { h: \"5\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n    shape: \"rounded\",\n    striped: false,\n  },\n})\n\nexport type ProgressStyle = typeof progressStyle\n"],"mappings":";;AAEA,MAAa,gBAAgB,yBAAyB;CACpD,MAAM;EACJ,OAAO;GACL,SAAS;GACT,GAAG;GACH,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,GAAG;GACH,gBAAgB;IACd,sBAAsB;IACtB,oBAAoB;IACpB,mBAAmB;IACnB,yBAAyB;IACzB,eAAe;IACf,yBAAyB;IACzB,MAAM;IACN,UAAU;IACV,YAAY;GACd;EACF;EACA,MAAM;GACJ,UAAU;GACV,UAAU;GACV,GAAG;EACL;CACF;CAEA,OAAO;;;;;;EAML,UAAU,EACR,MAAM,EACJ,OAAO;GACL,oBAAoB;GACpB,mBAAmB;GACnB,yBAAyB;GACzB,eAAe;GACf,yBAAyB;EAC3B,EACF,EACF;;;;;;EAMA,OAAO;GACL,QAAQ,EACN,MAAM,EAAE,SAAS,OAAO,EAC1B;GACA,SAAS,EACP,MAAM,EAAE,SAAS,KAAK,EACxB;GACA,QAAQ,EACN,MAAM,EAAE,SAAS,IAAI,EACvB;EACF;;;;;;EAMA,SAAS,EACP,MAAM,EACJ,OAAO;GACL,kBAAkB;GAClB,kBAAkB,CAAC,4BAA4B,oBAAoB;GACnE,iBAAiB;GACjB,SAAS;;;;;;;;;;GAUT,QAAQ;EACV,EACF,EACF;CACF;CAEA,UAAU;EACR,SAAS;GACP,OAAO,EACL,IAAI,oBACN;GACA,MAAM,EACJ,IAAI,YACN;EACF;EACA,QAAQ;GACN,OAAO,EACL,IAAI,uBACN;GACA,MAAM,EACJ,IAAI,CAAC,qBAAqB,oBAAoB,EAChD;EACF;CACF;CAEA,OAAO;EACL,IAAI,EACF,MAAM,EAAE,GAAG,IAAI,EACjB;EACA,IAAI,EACF,MAAM,EAAE,GAAG,IAAI,EACjB;EACA,IAAI,EACF,MAAM,EAAE,GAAG,IAAI,EACjB;EACA,IAAI,EACF,MAAM,EAAE,GAAG,IAAI,EACjB;EACA,IAAI,EACF,MAAM,EAAE,GAAG,IAAI,EACjB;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;EACP,SAAS;CACX;AACF,CAAC"}

package/dist/esm/components/progress/use-progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-progress.js","names":[],"sources":["../../../../src/components/progress/use-progress.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps } from \"../../core\"\nimport { useCallback } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr, valueToPercent } from \"../../utils\"\n\nexport interface UseProgressProps {\n  /**\n   * The maximum value of the progress.\n   *\n   * @default 100\n   */\n  max?: number\n  /**\n   * The minimum value of the progress.\n   *\n   * @default 0\n   */\n  min?: number\n  /**\n   * The value of the progress. If `null`, the progress will be indeterminate.\n   *\n   * @default 0\n   */\n  value?: null | number\n}\n\nexport const useProgress = <Y extends \"div\" | \"svg\" = \"div\">({\n  max = 100,\n  min = 0,\n  value,\n}: UseProgressProps = {}) => {\n  const indeterminate = value === null\n  const percent = valueToPercent(value ?? 0, min, max)\n  const { t } = useI18n(\"progress\")\n\n  const getRootProps = useCallback(\n    (props?: HTMLProps<Y>) => ({\n      \"aria-label\": indeterminate\n        ? t(\"Loading...\")\n        : t(\"{value} percent\", { value: percent }),\n      \"aria-valuemax\": max,\n      \"aria-valuemin\": min,\n      \"aria-valuenow\": value ?? undefined,\n      \"data-indeterminate\": dataAttr(indeterminate),\n      role: \"progressbar\",\n      ...props,\n    }),\n    [max, min, percent, value, indeterminate, t],\n  )\n\n  const getTrackProps = useCallback(\n    (props?: HTMLProps<Y extends \"svg\" ? \"circle\" : \"div\">) => ({\n      \"data-indeterminate\": dataAttr(indeterminate),\n      ...props,\n    }),\n    [indeterminate],\n  )\n\n  const getRangeProps = useCallback(\n    (props?: HTMLProps<Y extends \"svg\" ? \"circle\" : \"div\">) => ({\n      \"data-indeterminate\": dataAttr(indeterminate),\n      ...props,\n    }),\n    [indeterminate],\n  )\n\n  return {\n    percent,\n    getRangeProps,\n    getRootProps,\n    getTrackProps,\n  }\n}\n\nexport type UseProgressReturn = ReturnType<typeof useProgress>\n"],"mappings":";;;;;AA4BA,MAAa,eAAgD,EAC3D,MAAM,KACN,MAAM,GACN,UACoB,EAAE,KAAK;CAC3B,MAAM,gBAAgB,UAAU;CAChC,MAAM,WAAA,GAAA,cAAA,gBAAyB,SAAS,GAAG,KAAK,IAAI;CACpD,MAAM,EAAE,MAAM,QAAQ,WAAW;CAEjC,MAAM,eAAe,aAClB,WAA0B;EACzB,cAAc,gBACV,EAAE,aAAa,GACf,EAAE,mBAAmB,EAAE,OAAO,SAAS,CAAC;EAC5C,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB,SAAS,KAAA;EAC1B,uBAAA,GAAA,cAAA,UAA+B,cAAc;EAC7C,MAAM;EACN,GAAG;EACJ,GACD;EAAC;EAAK;EAAK;EAAS;EAAO;EAAe;EAAE,CAC7C;CAED,MAAM,gBAAgB,aACnB,WAA2D;EAC1D,uBAAA,GAAA,cAAA,UAA+B,cAAc;EAC7C,GAAG;EACJ,GACD,CAAC,cAAc,CAChB;CAUD,OAAO;EACL;EACA,eAVoB,aACnB,WAA2D;GAC1D,uBAAA,GAAA,cAAA,UAA+B,cAAc;GAC7C,GAAG;GACJ,GACD,CAAC,cAAc,CAKF;EACb;EACA;EACD"}
+{"version":3,"file":"use-progress.js","names":[],"sources":["../../../../src/components/progress/use-progress.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps } from \"../../core\"\nimport { useCallback } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr, valueToPercent } from \"../../utils\"\n\nexport interface UseProgressProps {\n  /**\n   * The maximum value of the progress.\n   *\n   * @default 100\n   */\n  max?: number\n  /**\n   * The minimum value of the progress.\n   *\n   * @default 0\n   */\n  min?: number\n  /**\n   * The value of the progress. If `null`, the progress will be indeterminate.\n   *\n   * @default 0\n   */\n  value?: null | number\n}\n\nexport const useProgress = <Y extends \"div\" | \"svg\" = \"div\">({\n  max = 100,\n  min = 0,\n  value,\n}: UseProgressProps = {}) => {\n  const indeterminate = value === null\n  const percent = valueToPercent(value ?? 0, min, max)\n  const { t } = useI18n(\"progress\")\n\n  const getRootProps = useCallback(\n    (props?: HTMLProps<Y>) => ({\n      \"aria-label\": indeterminate\n        ? t(\"Loading...\")\n        : t(\"{value} percent\", { value: percent }),\n      \"aria-valuemax\": max,\n      \"aria-valuemin\": min,\n      \"aria-valuenow\": value ?? undefined,\n      \"data-indeterminate\": dataAttr(indeterminate),\n      role: \"progressbar\",\n      ...props,\n    }),\n    [max, min, percent, value, indeterminate, t],\n  )\n\n  const getTrackProps = useCallback(\n    (props?: HTMLProps<Y extends \"svg\" ? \"circle\" : \"div\">) => ({\n      \"data-indeterminate\": dataAttr(indeterminate),\n      ...props,\n    }),\n    [indeterminate],\n  )\n\n  const getRangeProps = useCallback(\n    (props?: HTMLProps<Y extends \"svg\" ? \"circle\" : \"div\">) => ({\n      \"data-indeterminate\": dataAttr(indeterminate),\n      ...props,\n    }),\n    [indeterminate],\n  )\n\n  return {\n    percent,\n    getRangeProps,\n    getRootProps,\n    getTrackProps,\n  }\n}\n\nexport type UseProgressReturn = ReturnType<typeof useProgress>\n"],"mappings":";;;;;AA4BA,MAAa,eAAgD,EAC3D,MAAM,KACN,MAAM,GACN,UACoB,CAAC,MAAM;CAC3B,MAAM,gBAAgB,UAAU;CAChC,MAAM,WAAA,GAAA,cAAA,gBAAyB,SAAS,GAAG,KAAK,GAAG;CACnD,MAAM,EAAE,MAAM,QAAQ,UAAU;CAEhC,MAAM,eAAe,aAClB,WAA0B;EACzB,cAAc,gBACV,EAAE,YAAY,IACd,EAAE,mBAAmB,EAAE,OAAO,QAAQ,CAAC;EAC3C,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB,SAAS,KAAA;EAC1B,uBAAA,GAAA,cAAA,UAA+B,aAAa;EAC5C,MAAM;EACN,GAAG;CACL,IACA;EAAC;EAAK;EAAK;EAAS;EAAO;EAAe;CAAC,CAC7C;CAEA,MAAM,gBAAgB,aACnB,WAA2D;EAC1D,uBAAA,GAAA,cAAA,UAA+B,aAAa;EAC5C,GAAG;CACL,IACA,CAAC,aAAa,CAChB;CAUA,OAAO;EACL;EACA,eAVoB,aACnB,WAA2D;GAC1D,uBAAA,GAAA,cAAA,UAA+B,aAAa;GAC5C,GAAG;EACL,IACA,CAAC,aAAa,CAKF;EACZ;EACA;CACF;AACF"}

package/dist/esm/components/qr-code/qr-code.js.map

@@ -1 +1 @@
-{"version":3,"file":"qr-code.js","names":[],"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,iBACE,oBACF,WACA,YACD;;;;;;AASD,MAAa,aAAa,cACvB,EAAE,UAAU,YAAY,cAAc,GAAG,WAAW;CACnD,MAAM,EAAE,eAAe,iBAAiB,iBAAiB,iBACvD,UAAU,KAAK;CACjB,MAAM,CAAC,iBAAiB,eAAe,iBACrC,UACA,YACD;CAMD,OACE,oBAAC,kBAAD;EAAkB,OANJ,eACP;GAAE;GAAe;GAAiB;GAAiB;GAAc,GACxE;GAAC;GAAe;GAAiB;GAAiB;GAAa,CAI/B;YAC9B,qBAAC,OAAO,KAAR;GAAY,GAAI,cAAc;aAA9B,CACG,eAAe,oBAAC,aAAD,EAAa,GAAI,YAAc,CAAA,EAC9C,gBACU;;EACI,CAAA;GAGvB,OACD,EAAE;AAIH,MAAa,cAAc,aACxB,EAAE,UAAU,GAAG,WAAW;CACzB,MAAM,EAAE,eAAe,iBAAiB,qBAAqB;CAC7D,MAAM,CAAC,iBAAiB,iBAAiB,iBACvC,UACA,cACD;CAED,OACE,qBAAC,OAAO,KAAR;EAAY,GAAI,cAAc,KAAK;YAAnC,CACG,iBAAiB,oBAAC,eAAD,EAAe,GAAI,cAAgB,CAAA,EACpD,gBACU;;GAGjB,QACD,EAAE;AAIH,MAAa,gBAAgB,YAC3B,QACA,UACD,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,qBAAqB;CAEjD,OAAO,gBAAgB,MAAM;EAC7B;AAIF,MAAa,gBAAgB,YAC3B,OACA,UACD,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,qBAAqB;CAEjD,OAAO,gBAAgB,MAAM;EAC7B"}
+{"version":3,"file":"qr-code.js","names":[],"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,iBACE,oBACF,WACA,WACF;;;;;;AASA,MAAa,aAAa,cACvB,EAAE,UAAU,YAAY,cAAc,GAAG,WAAW;CACnD,MAAM,EAAE,eAAe,iBAAiB,iBAAiB,iBACvD,UAAU,IAAI;CAChB,MAAM,CAAC,iBAAiB,eAAe,iBACrC,UACA,WACF;CAMA,OACE,oBAAC,kBAAD;EAAkB,OANJ,eACP;GAAE;GAAe;GAAiB;GAAiB;EAAa,IACvE;GAAC;GAAe;GAAiB;GAAiB;EAAY,CAI/B;YAC7B,qBAAC,OAAO,KAAR;GAAY,GAAI,aAAa;aAA7B,CACG,eAAe,oBAAC,aAAD,EAAa,GAAI,WAAa,CAAA,GAC7C,eACS;;CACI,CAAA;AAEtB,GACA,MACF,EAAE;AAIF,MAAa,cAAc,aACxB,EAAE,UAAU,GAAG,WAAW;CACzB,MAAM,EAAE,eAAe,iBAAiB,oBAAoB;CAC5D,MAAM,CAAC,iBAAiB,iBAAiB,iBACvC,UACA,aACF;CAEA,OACE,qBAAC,OAAO,KAAR;EAAY,GAAI,cAAc,IAAI;YAAlC,CACG,iBAAiB,oBAAC,eAAD,EAAe,GAAI,aAAe,CAAA,GACnD,eACS;;AAEhB,GACA,OACF,EAAE;AAIF,MAAa,gBAAgB,YAC3B,QACA,SACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,oBAAoB;CAEhD,OAAO,gBAAgB,KAAK;AAC9B,CAAC;AAID,MAAa,gBAAgB,YAC3B,OACA,SACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,oBAAoB;CAEhD,OAAO,gBAAgB,KAAK;AAC9B,CAAC"}

package/dist/esm/components/qr-code/qr-code.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"qr-code.style.js","names":[],"sources":["../../../../src/components/qr-code/qr-code.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const qrCodeStyle = defineComponentSlotStyle({\n  base: {\n    frame: { boxSize: \"{size}\", fill: \"currentColor\" },\n    overlay: {\n      alignItems: \"center\",\n      bg: \"{overlay-bg}\",\n      boxSize: \"{overlay-size}\",\n      display: \"flex\",\n      justifyContent: \"center\",\n      left: \"50%\",\n      p: \"1\",\n      position: \"absolute\",\n      top: \"50%\",\n      transform: \"translate(-50%, -50%)\",\n    },\n    pattern: {},\n    root: {\n      \"--overlay-bg\": \"colors.bg\",\n      \"--overlay-size\": \"calc({size} / 3)\",\n      color: \"colorScheme.solid\",\n      position: \"relative\",\n      w: \"fit-content\",\n    },\n  },\n\n  sizes: {\n    \"2xs\": { frame: { \"--size\": \"sizes.12\" } },\n    xs: { frame: { \"--size\": \"sizes.16\" } },\n    sm: { frame: { \"--size\": \"sizes.20\" } },\n    md: { frame: { \"--size\": \"sizes.24\" } },\n    lg: { frame: { \"--size\": \"sizes.32\" } },\n    xl: { frame: { \"--size\": \"sizes.40\" } },\n    \"2xl\": { frame: { \"--size\": \"sizes.48\" } },\n    \"3xl\": { frame: { \"--size\": \"sizes.56\" } },\n    \"4xl\": { frame: { \"--size\": \"sizes.64\" } },\n  },\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type QrCodeStyle = typeof qrCodeStyle\n"],"mappings":";;AAEA,MAAa,cAAc,yBAAyB;CAClD,MAAM;EACJ,OAAO;GAAE,SAAS;GAAU,MAAM;GAAgB;EAClD,SAAS;GACP,YAAY;GACZ,IAAI;GACJ,SAAS;GACT,SAAS;GACT,gBAAgB;GAChB,MAAM;GACN,GAAG;GACH,UAAU;GACV,KAAK;GACL,WAAW;GACZ;EACD,SAAS,EAAE;EACX,MAAM;GACJ,gBAAgB;GAChB,kBAAkB;GAClB,OAAO;GACP,UAAU;GACV,GAAG;GACJ;EACF;CAED,OAAO;EACL,OAAO,EAAE,OAAO,EAAE,UAAU,YAAY,EAAE;EAC1C,IAAI,EAAE,OAAO,EAAE,UAAU,YAAY,EAAE;EACvC,IAAI,EAAE,OAAO,EAAE,UAAU,YAAY,EAAE;EACvC,IAAI,EAAE,OAAO,EAAE,UAAU,YAAY,EAAE;EACvC,IAAI,EAAE,OAAO,EAAE,UAAU,YAAY,EAAE;EACvC,IAAI,EAAE,OAAO,EAAE,UAAU,YAAY,EAAE;EACvC,OAAO,EAAE,OAAO,EAAE,UAAU,YAAY,EAAE;EAC1C,OAAO,EAAE,OAAO,EAAE,UAAU,YAAY,EAAE;EAC1C,OAAO,EAAE,OAAO,EAAE,UAAU,YAAY,EAAE;EAC3C;CAED,cAAc,EACZ,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"qr-code.style.js","names":[],"sources":["../../../../src/components/qr-code/qr-code.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const qrCodeStyle = defineComponentSlotStyle({\n  base: {\n    frame: { boxSize: \"{size}\", fill: \"currentColor\" },\n    overlay: {\n      alignItems: \"center\",\n      bg: \"{overlay-bg}\",\n      boxSize: \"{overlay-size}\",\n      display: \"flex\",\n      justifyContent: \"center\",\n      left: \"50%\",\n      p: \"1\",\n      position: \"absolute\",\n      top: \"50%\",\n      transform: \"translate(-50%, -50%)\",\n    },\n    pattern: {},\n    root: {\n      \"--overlay-bg\": \"colors.bg\",\n      \"--overlay-size\": \"calc({size} / 3)\",\n      color: \"colorScheme.solid\",\n      position: \"relative\",\n      w: \"fit-content\",\n    },\n  },\n\n  sizes: {\n    \"2xs\": { frame: { \"--size\": \"sizes.12\" } },\n    xs: { frame: { \"--size\": \"sizes.16\" } },\n    sm: { frame: { \"--size\": \"sizes.20\" } },\n    md: { frame: { \"--size\": \"sizes.24\" } },\n    lg: { frame: { \"--size\": \"sizes.32\" } },\n    xl: { frame: { \"--size\": \"sizes.40\" } },\n    \"2xl\": { frame: { \"--size\": \"sizes.48\" } },\n    \"3xl\": { frame: { \"--size\": \"sizes.56\" } },\n    \"4xl\": { frame: { \"--size\": \"sizes.64\" } },\n  },\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type QrCodeStyle = typeof qrCodeStyle\n"],"mappings":";;AAEA,MAAa,cAAc,yBAAyB;CAClD,MAAM;EACJ,OAAO;GAAE,SAAS;GAAU,MAAM;EAAe;EACjD,SAAS;GACP,YAAY;GACZ,IAAI;GACJ,SAAS;GACT,SAAS;GACT,gBAAgB;GAChB,MAAM;GACN,GAAG;GACH,UAAU;GACV,KAAK;GACL,WAAW;EACb;EACA,SAAS,CAAC;EACV,MAAM;GACJ,gBAAgB;GAChB,kBAAkB;GAClB,OAAO;GACP,UAAU;GACV,GAAG;EACL;CACF;CAEA,OAAO;EACL,OAAO,EAAE,OAAO,EAAE,UAAU,WAAW,EAAE;EACzC,IAAI,EAAE,OAAO,EAAE,UAAU,WAAW,EAAE;EACtC,IAAI,EAAE,OAAO,EAAE,UAAU,WAAW,EAAE;EACtC,IAAI,EAAE,OAAO,EAAE,UAAU,WAAW,EAAE;EACtC,IAAI,EAAE,OAAO,EAAE,UAAU,WAAW,EAAE;EACtC,IAAI,EAAE,OAAO,EAAE,UAAU,WAAW,EAAE;EACtC,OAAO,EAAE,OAAO,EAAE,UAAU,WAAW,EAAE;EACzC,OAAO,EAAE,OAAO,EAAE,UAAU,WAAW,EAAE;EACzC,OAAO,EAAE,OAAO,EAAE,UAAU,WAAW,EAAE;CAC3C;CAEA,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}

package/dist/esm/components/qr-code/use-qr-code.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-qr-code.js","names":[],"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    }\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,UAAU,cAEZ,OAAO,OAAO;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EACJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CACD,MAAM,SAAS,QAAQ,OAAO;CAC9B,MAAM,QAAQ,QAAQ,OAAO;CAC7B,MAAM,UAAU,OAAO,MAAM,GAAG;CAChC,MAAM,QAAkB,cAAc;EACpC,MAAM,SAAmB,EAAE;EAE3B,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,OAAO,MACtB,OAAO,KAAK,IAAI,EAAE,GAAG,EAAE,GAAG,UAAU,GAAG,UAAU,IAAI,UAAU,GAAG;;EAIxE,OAAO;IACN;EAAC,QAAQ;EAAM,QAAQ;EAAM;EAAU,CAAC;CAE3C,MAAM,eAA2B,aAC9B,UAAU,WAAW,MAAM,MAAM,EAAE,EACpC,CAAC,KAAK,CACP;CAiBD,OAAO;EACL;EACA;EACA;EACA;EACA,eApBuC,aACtC,QAAQ,EAAE,MAAM;GAAE,SAAS,OAAO,MAAM,GAAG;GAAU,GAAG;GAAO,GAChE,CAAC,QAAQ,MAAM,CAkBF;EACb,iBAhBkC,aACjC,QAAQ,EAAE,MAAM,EAAE,GAAG,OAAO,GAC7B,EAAE,CAca;EACf,iBAZ0C,aACzC,WAAW;GAAE,GAAG;GAAO,GAAG,MAAM,KAAK,IAAI;GAAE,GAC5C,CAAC,MAAM,CAUQ;EACf;EACD"}
+{"version":3,"file":"use-qr-code.js","names":[],"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    }\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,UAAU,cAEZ,OAAO,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,QAAkB,cAAc;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,OAAO,MACtB,OAAO,KAAK,IAAI,EAAE,GAAG,EAAE,GAAG,UAAU,GAAG,UAAU,IAAI,UAAU,EAAE;EAErE;EAEF,OAAO;CACT,GAAG;EAAC,QAAQ;EAAM,QAAQ;EAAM;CAAS,CAAC;CAE1C,MAAM,eAA2B,aAC9B,UAAU,WAAW,MAAM,KAAK,EAAE,GACnC,CAAC,IAAI,CACP;CAiBA,OAAO;EACL;EACA;EACA;EACA;EACA,eApBuC,aACtC,QAAQ,CAAC,OAAO;GAAE,SAAS,OAAO,MAAM,GAAG;GAAU,GAAG;EAAM,IAC/D,CAAC,QAAQ,KAAK,CAkBF;EACZ,iBAhBkC,aACjC,QAAQ,CAAC,OAAO,EAAE,GAAG,MAAM,IAC5B,CAAC,CAca;EACd,iBAZ0C,aACzC,WAAW;GAAE,GAAG;GAAO,GAAG,MAAM,KAAK,GAAG;EAAE,IAC3C,CAAC,KAAK,CAUQ;EACd;CACF;AACF"}

package/dist/esm/components/radio/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","names":[],"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,iBAAiB,WAAuC,UAAU;CAC7E,MAAM,GAEJ,EACE,aACA,MACA,SACA,UACA,UACA,kBACA,kBACA,SACA,QAAQ,EAAE,EACV,UACA,OACA,GAAG,UAEH,sBAAsB,OAAO,SAAS,EACxC,eAAe;EAAC;EAAW;EAAe;EAAQ;EAAQ,EAC3D,CAAC;CACF,MAAM,EAAE,MAAM,OAAO,eAAe,eAAe,cAAc,aAC/D,cAAc,KAAK;CACrB,MAAM,mBAAmB,cAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,MAAM,KAAK,EAAE,OAAO,OAAO,GAAG,QAAQ,UAC3C,oBAAC,OAAD;GAAmC;GAAO,GAAI;aAC3C;GACK,EAFI,SAAS,MAEb,CACR;IACD,CAAC,OAAO,SAAS,CAAC;CA8BrB,OACE,oBAAC,mBAAD;EAAmB,OA9BL,eACP;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAQgC;YAC/B,oBAAC,mBAAD;GAAmB,OAPF,eACZ;IAAE;IAAM;IAAO;IAAe;IAAe;IAAU,GAC9D;IAAC;IAAM;IAAO;IAAe;IAAe;IAAS,CAKb;aACpC,oBAAC,OAAD;IAAO,aAAY;IAAW,GAAI,cAAc;cAC7C;IACK,CAAA;GACU,CAAA;EACF,CAAA;GAErB,QAAQ,EAAE"}
+{"version":3,"file":"radio-group.js","names":[],"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,iBAAiB,WAAuC,UAAU;CAC7E,MAAM,GAEJ,EACE,aACA,MACA,SACA,UACA,UACA,kBACA,kBACA,SACA,QAAQ,CAAC,GACT,UACA,OACA,GAAG,UAEH,sBAAsB,OAAO,SAAS,EACxC,eAAe;EAAC;EAAW;EAAe;EAAQ;CAAO,EAC3D,CAAC;CACD,MAAM,EAAE,MAAM,OAAO,eAAe,eAAe,cAAc,aAC/D,cAAc,IAAI;CACpB,MAAM,mBAAmB,cAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OAAO,MAAM,KAAK,EAAE,OAAO,OAAO,GAAG,QAAQ,UAC3C,oBAAC,OAAD;GAAmC;GAAO,GAAI;aAC3C;EACI,GAFK,SAAS,KAEd,CACR;CACH,GAAG,CAAC,OAAO,QAAQ,CAAC;CA8BpB,OACE,oBAAC,mBAAD;EAAmB,OA9BL,eACP;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAQgC;YAC9B,oBAAC,mBAAD;GAAmB,OAPF,eACZ;IAAE;IAAM;IAAO;IAAe;IAAe;GAAS,IAC7D;IAAC;IAAM;IAAO;IAAe;IAAe;GAAQ,CAKb;aACnC,oBAAC,OAAD;IAAO,aAAY;IAAW,GAAI,aAAa;cAC5C;GACI,CAAA;EACU,CAAA;CACF,CAAA;AAEvB,GAAG,OAAO,EAAE"}