@yamada-ui/react 2.2.3-dev-20260622141401 → 2.2.3-dev-20260624122859

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;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,IAAI,GAAG,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,CAAC,CAAC,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"}
+{"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    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,IAAI,GAAG,MACtB,OAAO,KAAK,IAAI,EAAE,GAAG,EAAE,GAAG,UAAU,GAAG,UAAU,IAAI,UAAU,EAAE;EACrE;EAEF,OAAO;CACT,GAAG;EAAC,QAAQ;EAAM,QAAQ;EAAM;CAAS,CAAC;CAE1C,MAAM,eAA2B,aAC9B,UAAU,WAAW,MAAM,KAAK,CAAC,CAAC,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/use-radio-group.js.map

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

package/dist/esm/components/segmented-control/segmented-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-control.js","names":["motion"],"sources":["../../../../src/components/segmented-control/segmented-control.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type { GenericsComponent, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { SegmentedControlStyle } from \"./segmented-control.style\"\nimport type {\n  UseSegmentedControlItemProps,\n  UseSegmentedControlProps,\n} from \"./use-segmented-control\"\nimport { LayoutGroup } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { motion } from \"../motion\"\nimport { segmentedControlStyle } from \"./segmented-control.style\"\nimport {\n  SegmentedControlContext,\n  SegmentedControlDescendantsContext,\n  useSegmentedControl,\n  useSegmentedControlItem,\n} from \"./use-segmented-control\"\n\nexport interface SegmentedControlItem extends SegmentedControlItemProps {\n  label?: ReactNode\n}\n\ninterface ComponentContext extends Pick<\n  SegmentedControlRootProps,\n  \"indicatorProps\" | \"itemProps\"\n> {}\n\nexport interface SegmentedControlRootProps<Y extends string = string>\n  extends\n    Omit<HTMLStyledProps, \"defaultValue\" | \"onChange\">,\n    ThemeProps<SegmentedControlStyle>,\n    Omit<UseSegmentedControlProps<Y>, \"orientation\"> {\n  /**\n   * If provided, generate segmented control buttons but based on items.\n   *\n   * @default []\n   */\n  items?: SegmentedControlItem[]\n  /**\n   * Props for the indicator component.\n   */\n  indicatorProps?: SegmentedControlIndicatorProps\n  /**\n   * Props for the item component.\n   */\n  itemProps?: SegmentedControlItemProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: SegmentedControlPropsContext,\n  useComponentContext,\n  usePropsContext: useSegmentedControlPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<\n  SegmentedControlRootProps,\n  SegmentedControlStyle,\n  ComponentContext\n>(\"segmented-control\", segmentedControlStyle)\n\nexport { SegmentedControlPropsContext, useSegmentedControlPropsContext }\n\n/**\n * `SegmentedControl` is a component used for allowing users to select one option from multiple choices.\n *\n * @see https://yamada-ui.com/docs/components/segmented-control\n */\nexport const SegmentedControlRoot = withProvider(\n  ({\n    children,\n    items = [],\n    orientation: orientationProp,\n    indicatorProps,\n    itemProps,\n    ...rest\n  }) => {\n    const computedOrientation = useValue(orientationProp)\n    const {\n      id,\n      name,\n      descendants,\n      disabled,\n      orientation,\n      readOnly,\n      setValue,\n      value,\n      getRootProps,\n    } = useSegmentedControl({ orientation: computedOrientation, ...rest })\n    const cloneChildren = useMemo(() => {\n      if (children) {\n        return children\n      } else {\n        return items.map(({ label, ...rest }, index) => (\n          <SegmentedControlItem key={index} {...rest}>\n            {label}\n          </SegmentedControlItem>\n        ))\n      }\n    }, [children, items])\n    const context = useMemo(\n      () => ({ id, name, disabled, orientation, readOnly, setValue, value }),\n      [id, name, disabled, readOnly, orientation, setValue, value],\n    )\n    const componentContext = useMemo(\n      () => ({ indicatorProps, itemProps }),\n      [itemProps, indicatorProps],\n    )\n\n    return (\n      <SegmentedControlContext value={context}>\n        <ComponentContext value={componentContext}>\n          <SegmentedControlDescendantsContext value={descendants}>\n            <LayoutGroup id={id}>\n              <styled.div {...getRootProps()}>{cloneChildren}</styled.div>\n            </LayoutGroup>\n          </SegmentedControlDescendantsContext>\n        </ComponentContext>\n      </SegmentedControlContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"orientation\"] },\n)() as GenericsComponent<{\n  <Y extends string = string>(props: SegmentedControlRootProps<Y>): ReactElement\n}>\n\nexport interface SegmentedControlItemProps<Y extends string = string>\n  extends HTMLStyledProps<\"label\">, UseSegmentedControlItemProps<Y> {\n  /**\n   * Props for the indicator component.\n   */\n  indicatorProps?: SegmentedControlIndicatorProps\n}\n\nexport const SegmentedControlItem = withContext<\n  \"label\",\n  SegmentedControlItemProps\n>(({ children, indicatorProps, ...rest }) => {\n  const { checked, getInputProps, getLabelProps } =\n    useSegmentedControlItem(rest)\n\n  return (\n    <styled.label {...getLabelProps()}>\n      <styled.input {...getInputProps()} />\n\n      <styled.span>{children}</styled.span>\n\n      {checked ? <SegmentedControlIndicator {...indicatorProps} /> : null}\n    </styled.label>\n  )\n}, \"item\")((props) => {\n  const { indicatorProps, itemProps } = useComponentContext()\n\n  return {\n    ...itemProps,\n    ...props,\n    indicatorProps: {\n      ...indicatorProps,\n      ...itemProps?.indicatorProps,\n      ...props.indicatorProps,\n    },\n  }\n}) as GenericsComponent<{\n  <Y extends string = string>(props: SegmentedControlItemProps<Y>): ReactElement\n}>\n\ninterface SegmentedControlIndicatorProps extends HTMLMotionProps {}\n\nconst SegmentedControlIndicator = withContext<\n  \"div\",\n  SegmentedControlIndicatorProps\n>(({ transition, ...props }) => {\n  return (\n    <motion.div\n      layoutDependency={false}\n      layoutId=\"indicator\"\n      transition={{ duration: 0.2, ...transition }}\n      {...props}\n    />\n  )\n}, \"indicator\")()\n"],"mappings":";;;;;;;;;;;AAqDA,MAAM,EACJ,kBACA,cAAc,8BACd,qBACA,iBAAiB,iCACjB,aACA,iBACE,oBAIF,qBAAqB,qBAAqB;;;;;;AAS5C,MAAa,uBAAuB,cACjC,EACC,UACA,QAAQ,CAAC,GACT,aAAa,iBACb,gBACA,WACA,GAAG,WACC;CAEJ,MAAM,EACJ,IACA,MACA,aACA,UACA,aACA,UACA,UACA,OACA,iBACE,oBAAoB;EAAE,aAXE,SAAS,eAWoB;EAAG,GAAG;CAAK,CAAC;CACrE,MAAM,gBAAgB,cAAc;EAClC,IAAI,UACF,OAAO;OAEP,OAAO,MAAM,KAAK,EAAE,OAAO,GAAG,QAAQ,UACpC,oBAAC,sBAAD;GAAkC,GAAI;aACnC;EACmB,GAFK,KAEL,CACvB;CAEL,GAAG,CAAC,UAAU,KAAK,CAAC;CAUpB,OACE,oBAAC,yBAAD;EAAyB,OAVX,eACP;GAAE;GAAI;GAAM;GAAU;GAAa;GAAU;GAAU;EAAM,IACpE;GAAC;GAAI;GAAM;GAAU;GAAU;GAAa;GAAU;EAAK,CAQrB;YACpC,oBAAC,kBAAD;GAAkB,OAPG,eAChB;IAAE;IAAgB;GAAU,IACnC,CAAC,WAAW,cAAc,CAKgB;aACtC,oBAAC,oCAAD;IAAoC,OAAO;cACzC,oBAAC,aAAD;KAAiB;eACf,oBAAC,OAAO,KAAR;MAAY,GAAI,aAAa;gBAAI;KAA0B,CAAA;IAChD,CAAA;GACqB,CAAA;EACpB,CAAA;CACK,CAAA;AAE7B,GACA,QACA,EAAE,eAAe,CAAC,aAAa,EAAE,CACnC,CAAC,CAAC;AAYF,MAAa,uBAAuB,aAGjC,EAAE,UAAU,gBAAgB,GAAG,WAAW;CAC3C,MAAM,EAAE,SAAS,eAAe,kBAC9B,wBAAwB,IAAI;CAE9B,OACE,qBAAC,OAAO,OAAR;EAAc,GAAI,cAAc;YAAhC;GACE,oBAAC,OAAO,OAAR,EAAc,GAAI,cAAc,EAAI,CAAA;GAEpC,oBAAC,OAAO,MAAR,EAAc,SAAsB,CAAA;GAEnC,UAAU,oBAAC,2BAAD,EAA2B,GAAI,eAAiB,CAAA,IAAI;EACnD;;AAElB,GAAG,MAAM,CAAC,EAAE,UAAU;CACpB,MAAM,EAAE,gBAAgB,cAAc,oBAAoB;CAE1D,OAAO;EACL,GAAG;EACH,GAAG;EACH,gBAAgB;GACd,GAAG;GACH,GAAG,WAAW;GACd,GAAG,MAAM;EACX;CACF;AACF,CAAC;AAMD,MAAM,4BAA4B,aAG/B,EAAE,YAAY,GAAG,YAAY;CAC9B,OACE,oBAACA,SAAO,KAAR;EACE,kBAAkB;EAClB,UAAS;EACT,YAAY;GAAE,UAAU;GAAK,GAAG;EAAW;EAC3C,GAAI;CACL,CAAA;AAEL,GAAG,WAAW,CAAC,CAAC"}
+{"version":3,"file":"segmented-control.js","names":["motion"],"sources":["../../../../src/components/segmented-control/segmented-control.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type { GenericsComponent, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { SegmentedControlStyle } from \"./segmented-control.style\"\nimport type {\n  UseSegmentedControlItemProps,\n  UseSegmentedControlProps,\n} from \"./use-segmented-control\"\nimport { LayoutGroup } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { motion } from \"../motion\"\nimport { segmentedControlStyle } from \"./segmented-control.style\"\nimport {\n  SegmentedControlContext,\n  SegmentedControlDescendantsContext,\n  useSegmentedControl,\n  useSegmentedControlItem,\n} from \"./use-segmented-control\"\n\nexport interface SegmentedControlItem extends SegmentedControlItemProps {\n  label?: ReactNode\n}\n\ninterface ComponentContext extends Pick<\n  SegmentedControlRootProps,\n  \"indicatorProps\" | \"itemProps\"\n> {}\n\nexport interface SegmentedControlRootProps<Y extends string = string>\n  extends\n    Omit<HTMLStyledProps, \"defaultValue\" | \"onChange\">,\n    ThemeProps<SegmentedControlStyle>,\n    Omit<UseSegmentedControlProps<Y>, \"orientation\"> {\n  /**\n   * If provided, generate segmented control buttons but based on items.\n   *\n   * @default []\n   */\n  items?: SegmentedControlItem[]\n  /**\n   * Props for the indicator component.\n   */\n  indicatorProps?: SegmentedControlIndicatorProps\n  /**\n   * Props for the item component.\n   */\n  itemProps?: SegmentedControlItemProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: SegmentedControlPropsContext,\n  useComponentContext,\n  usePropsContext: useSegmentedControlPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<\n  SegmentedControlRootProps,\n  SegmentedControlStyle,\n  ComponentContext\n>(\"segmented-control\", segmentedControlStyle)\n\nexport { SegmentedControlPropsContext, useSegmentedControlPropsContext }\n\n/**\n * `SegmentedControl` is a component used for allowing users to select one option from multiple choices.\n *\n * @see https://yamada-ui.com/docs/components/segmented-control\n */\nexport const SegmentedControlRoot = withProvider(\n  ({\n    children,\n    items = [],\n    orientation: orientationProp,\n    indicatorProps,\n    itemProps,\n    ...rest\n  }) => {\n    const computedOrientation = useValue(orientationProp)\n    const {\n      id,\n      name,\n      descendants,\n      disabled,\n      orientation,\n      readOnly,\n      setValue,\n      value,\n      getRootProps,\n    } = useSegmentedControl({ orientation: computedOrientation, ...rest })\n    const cloneChildren = useMemo(() => {\n      if (children) return children\n      else\n        return items.map(({ label, ...rest }, index) => (\n          <SegmentedControlItem key={index} {...rest}>\n            {label}\n          </SegmentedControlItem>\n        ))\n    }, [children, items])\n    const context = useMemo(\n      () => ({ id, name, disabled, orientation, readOnly, setValue, value }),\n      [id, name, disabled, readOnly, orientation, setValue, value],\n    )\n    const componentContext = useMemo(\n      () => ({ indicatorProps, itemProps }),\n      [itemProps, indicatorProps],\n    )\n\n    return (\n      <SegmentedControlContext value={context}>\n        <ComponentContext value={componentContext}>\n          <SegmentedControlDescendantsContext value={descendants}>\n            <LayoutGroup id={id}>\n              <styled.div {...getRootProps()}>{cloneChildren}</styled.div>\n            </LayoutGroup>\n          </SegmentedControlDescendantsContext>\n        </ComponentContext>\n      </SegmentedControlContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"orientation\"] },\n)() as GenericsComponent<{\n  <Y extends string = string>(props: SegmentedControlRootProps<Y>): ReactElement\n}>\n\nexport interface SegmentedControlItemProps<Y extends string = string>\n  extends HTMLStyledProps<\"label\">, UseSegmentedControlItemProps<Y> {\n  /**\n   * Props for the indicator component.\n   */\n  indicatorProps?: SegmentedControlIndicatorProps\n}\n\nexport const SegmentedControlItem = withContext<\n  \"label\",\n  SegmentedControlItemProps\n>(({ children, indicatorProps, ...rest }) => {\n  const { checked, getInputProps, getLabelProps } =\n    useSegmentedControlItem(rest)\n\n  return (\n    <styled.label {...getLabelProps()}>\n      <styled.input {...getInputProps()} />\n\n      <styled.span>{children}</styled.span>\n\n      {checked ? <SegmentedControlIndicator {...indicatorProps} /> : null}\n    </styled.label>\n  )\n}, \"item\")((props) => {\n  const { indicatorProps, itemProps } = useComponentContext()\n\n  return {\n    ...itemProps,\n    ...props,\n    indicatorProps: {\n      ...indicatorProps,\n      ...itemProps?.indicatorProps,\n      ...props.indicatorProps,\n    },\n  }\n}) as GenericsComponent<{\n  <Y extends string = string>(props: SegmentedControlItemProps<Y>): ReactElement\n}>\n\ninterface SegmentedControlIndicatorProps extends HTMLMotionProps {}\n\nconst SegmentedControlIndicator = withContext<\n  \"div\",\n  SegmentedControlIndicatorProps\n>(({ transition, ...props }) => {\n  return (\n    <motion.div\n      layoutDependency={false}\n      layoutId=\"indicator\"\n      transition={{ duration: 0.2, ...transition }}\n      {...props}\n    />\n  )\n}, \"indicator\")()\n"],"mappings":";;;;;;;;;;;AAqDA,MAAM,EACJ,kBACA,cAAc,8BACd,qBACA,iBAAiB,iCACjB,aACA,iBACE,oBAIF,qBAAqB,qBAAqB;;;;;;AAS5C,MAAa,uBAAuB,cACjC,EACC,UACA,QAAQ,CAAC,GACT,aAAa,iBACb,gBACA,WACA,GAAG,WACC;CAEJ,MAAM,EACJ,IACA,MACA,aACA,UACA,aACA,UACA,UACA,OACA,iBACE,oBAAoB;EAAE,aAXE,SAAS,eAWoB;EAAG,GAAG;CAAK,CAAC;CACrE,MAAM,gBAAgB,cAAc;EAClC,IAAI,UAAU,OAAO;OAEnB,OAAO,MAAM,KAAK,EAAE,OAAO,GAAG,QAAQ,UACpC,oBAAC,sBAAD;GAAkC,GAAI;aACnC;EACmB,GAFK,KAEL,CACvB;CACL,GAAG,CAAC,UAAU,KAAK,CAAC;CAUpB,OACE,oBAAC,yBAAD;EAAyB,OAVX,eACP;GAAE;GAAI;GAAM;GAAU;GAAa;GAAU;GAAU;EAAM,IACpE;GAAC;GAAI;GAAM;GAAU;GAAU;GAAa;GAAU;EAAK,CAQrB;YACpC,oBAAC,kBAAD;GAAkB,OAPG,eAChB;IAAE;IAAgB;GAAU,IACnC,CAAC,WAAW,cAAc,CAKgB;aACtC,oBAAC,oCAAD;IAAoC,OAAO;cACzC,oBAAC,aAAD;KAAiB;eACf,oBAAC,OAAO,KAAR;MAAY,GAAI,aAAa;gBAAI;KAA0B,CAAA;IAChD,CAAA;GACqB,CAAA;EACpB,CAAA;CACK,CAAA;AAE7B,GACA,QACA,EAAE,eAAe,CAAC,aAAa,EAAE,CACnC,CAAC,CAAC;AAYF,MAAa,uBAAuB,aAGjC,EAAE,UAAU,gBAAgB,GAAG,WAAW;CAC3C,MAAM,EAAE,SAAS,eAAe,kBAC9B,wBAAwB,IAAI;CAE9B,OACE,qBAAC,OAAO,OAAR;EAAc,GAAI,cAAc;YAAhC;GACE,oBAAC,OAAO,OAAR,EAAc,GAAI,cAAc,EAAI,CAAA;GAEpC,oBAAC,OAAO,MAAR,EAAc,SAAsB,CAAA;GAEnC,UAAU,oBAAC,2BAAD,EAA2B,GAAI,eAAiB,CAAA,IAAI;EACnD;;AAElB,GAAG,MAAM,CAAC,EAAE,UAAU;CACpB,MAAM,EAAE,gBAAgB,cAAc,oBAAoB;CAE1D,OAAO;EACL,GAAG;EACH,GAAG;EACH,gBAAgB;GACd,GAAG;GACH,GAAG,WAAW;GACd,GAAG,MAAM;EACX;CACF;AACF,CAAC;AAMD,MAAM,4BAA4B,aAG/B,EAAE,YAAY,GAAG,YAAY;CAC9B,OACE,oBAACA,SAAO,KAAR;EACE,kBAAkB;EAClB,UAAS;EACT,YAAY;GAAE,UAAU;GAAK,GAAG;EAAW;EAC3C,GAAI;CACL,CAAA;AAEL,GAAG,WAAW,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-select.js","names":["createContext"],"sources":["../../../../src/components/select/use-select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { MouseEvent, ReactNode } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type {\n  ComboboxItem,\n  ComboboxItemWithValue,\n  UseComboboxItemProps,\n  UseComboboxProps,\n} from \"../../hooks/use-combobox\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport {\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\"\nimport { useCombobox, useComboboxItem } from \"../../hooks/use-combobox\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isNumber,\n  isString,\n  isUndefined,\n  mergeRefs,\n  runKeyAction,\n  toArray,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface SelectRenderProps extends ComboboxItemWithValue {\n  count: number\n  index: number\n  separator: string\n  onClear: () => void\n}\n\nexport interface SelectItemRender {\n  (props: SelectRenderProps): ReactNode\n}\n\nconst defaultRender: SelectItemRender = ({\n  count,\n  index,\n  label,\n  separator,\n  value,\n}) => {\n  const last = count - 1 === index\n\n  return (\n    <span\n      style={{ marginInlineEnd: \"var(--gap)\" }}\n      data-placeholder={dataAttr(value === \"\")}\n    >\n      {label}\n      {!last ? separator : null}\n    </span>\n  )\n}\n\ninterface SelectContext extends Pick<UseSelectReturn, \"max\" | \"value\"> {}\n\nconst [SelectContext, useSelectContext] = createContext<SelectContext>({\n  name: \"SelectContext\",\n})\n\nexport { SelectContext, useSelectContext }\n\nexport interface UseSelectProps<Multiple extends boolean = false>\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"value\">,\n    Omit<\n      UseComboboxProps,\n      \"defaultValue\" | \"initialFocusValue\" | \"onChange\" | \"value\"\n    >,\n    FieldProps {\n  /**\n   * The initial value of the select.\n   */\n  defaultValue?: Multiple extends true ? string[] : string\n  /**\n   * If `true`, the field will be focused when the clear icon is clicked.\n   *\n   * @default true\n   */\n  focusOnClear?: boolean\n  /**\n   * The `id` attribute of the input element.\n   */\n  id?: string\n  /**\n   * If `true`, include placeholder in options.\n   *\n   * @default true\n   */\n  includePlaceholder?: boolean\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: ComboboxItem[]\n  /**\n   * The maximum selectable value.\n   */\n  max?: number\n  /**\n   * If `true`, the select will be multiple.\n   *\n   * @default false\n   */\n  multiple?: Multiple\n  /**\n   * The `name` attribute of the input element.\n   */\n  name?: string\n  /**\n   * The placeholder for select.\n   */\n  placeholder?: string\n  /**\n   * The visual separator between each value.\n   *\n   * @default ','\n   */\n  separator?: string\n  /**\n   * The value of the select.\n   */\n  value?: Multiple extends true ? string[] : string\n  /**\n   * The callback invoked when value state changes.\n   */\n  onChange?: (value: Multiple extends true ? string[] : string) => void\n  /**\n   * The function to render the selected items.\n   */\n  render?: (props: SelectRenderProps) => ReactNode\n}\n\nexport const useSelect = <Multiple extends boolean = false>(\n  props: UseSelectProps<Multiple> = {},\n) => {\n  type MaybeValue = Multiple extends true ? string[] : string\n\n  const { t } = useI18n(\"select\")\n  const {\n    context: { labelId } = {},\n    props: {\n      id,\n      name,\n      multiple = false,\n      closeOnSelect = !multiple,\n      defaultValue = (multiple ? [] : \"\") as MaybeValue,\n      disabled,\n      focusOnClear = true,\n      includePlaceholder = !multiple,\n      items: itemProp = [],\n      max,\n      placeholder,\n      readOnly,\n      render = defaultRender,\n      required,\n      separator = \",\",\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const fieldRef = useRef<HTMLDivElement>(null)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const onChange = useCallback(\n    (value: string) => {\n      setValue((prev) => {\n        if (isArray(prev)) {\n          if (prev.includes(value)) {\n            return prev.filter((prevValue) => prevValue !== value) as MaybeValue\n          } else if (!isNumber(max) || prev.length < max) {\n            return [...prev, value] as MaybeValue\n          } else {\n            return prev\n          }\n        } else {\n          return value as MaybeValue\n        }\n      })\n    },\n    [max, setValue],\n  )\n  const items = useMemo<ComboboxItem[]>(() => {\n    const items = [...itemProp]\n\n    if (placeholder)\n      items.unshift({\n        hidden: !includePlaceholder,\n        label: placeholder,\n        value: \"\",\n      })\n\n    return items\n  }, [itemProp, placeholder, includePlaceholder])\n  const empty = useMemo(\n    () => !items.filter(({ hidden }) => !hidden).length,\n    [items],\n  )\n  const {\n    descendants,\n    interactive,\n    open,\n    getContentProps: getComboboxContentProps,\n    getSeparatorProps,\n    getTriggerProps,\n    popoverProps,\n    onActiveDescendant,\n    onClose,\n    onOpen,\n    onSelect,\n  } = useCombobox({\n    closeOnSelect,\n    disabled,\n    initialFocusValue: isArray(value) ? value[0] : value,\n    readOnly,\n    onChange,\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...rest,\n  })\n  const valueMap = useMemo<{ [key: string]: ComboboxItemWithValue }>(() => {\n    const valueMap: { [key: string]: ComboboxItemWithValue } = {}\n\n    items.forEach((item) => {\n      if (\"items\" in item) {\n        item.items.forEach((item) => {\n          item.value ??= isString(item.label) ? item.label : undefined\n\n          if (!isUndefined(item.value)) valueMap[item.value] = item\n        })\n      } else {\n        item.value ??= isString(item.label) ? item.label : undefined\n\n        if (!isUndefined(item.value)) valueMap[item.value] = item\n      }\n    })\n\n    return valueMap\n  }, [items])\n  const selectedItems = useMemo<ComboboxItemWithValue[]>(() => {\n    if (isArray(value)) {\n      if (value.length) {\n        return toArray(value.map((value) => valueMap[value]))\n      } else {\n        return placeholder ? [{ label: placeholder, value: \"\" }] : []\n      }\n    } else {\n      return isString(value) ? toArray(valueMap[value]) : []\n    }\n  }, [placeholder, value, valueMap])\n  const children = useMemo<ReactNode>(() => {\n    const count = selectedItems.length\n\n    return selectedItems.map((item, index) => {\n      const onClear = (ev?: MouseEvent<HTMLElement>) => {\n        ev?.preventDefault()\n        ev?.stopPropagation()\n\n        if (item.value) onChange(item.value)\n      }\n\n      const component = render({\n        count,\n        index,\n        separator,\n        onClear,\n        ...item,\n      })\n\n      if (isValidElement<Dict>(component)) {\n        return cloneElement(component, { ...component.props, key: index })\n      } else {\n        return component\n      }\n    })\n  }, [onChange, render, selectedItems, separator])\n\n  const onFocus = useCallback(() => {\n    if (!interactive || !fieldRef.current) return\n\n    fieldRef.current.focus()\n  }, [interactive])\n\n  const onClear = useCallback(() => {\n    if (!interactive) return\n\n    setValue((prev) => (isArray(prev) ? [] : \"\") as MaybeValue)\n\n    if (!fieldRef.current) return\n\n    if (focusOnClear) fieldRef.current.focus()\n  }, [focusOnClear, interactive, setValue])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  const getFieldProps: PropGetter = useCallback(\n    ({ ref, \"aria-labelledby\": ariaLabelledby, ...props } = {}) =>\n      getTriggerProps({\n        ref: mergeRefs(ref, fieldRef),\n        \"aria-label\": placeholder,\n        \"aria-labelledby\": cx(ariaLabelledby, labelId),\n        ...props,\n        children,\n      }),\n    [children, getTriggerProps, labelId, placeholder],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      ...visuallyHiddenAttributes,\n      id,\n      name,\n      defaultValue: isString(value) ? value : value.join(\", \"),\n      disabled,\n      readOnly,\n      required,\n      ...props,\n      onFocus: handlerAll(props.onFocus, onFocus),\n    }),\n    [dataProps, disabled, id, name, onFocus, readOnly, required, value],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    (props) => getComboboxContentProps({ hidden: empty, ...props }),\n    [empty, getComboboxContentProps],\n  )\n\n  const getIconProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  const getClearIconProps: PropGetter = useCallback(\n    (props = {}) =>\n      getIconProps({\n        \"aria-disabled\": ariaAttr(!interactive),\n        \"aria-label\": t(\"Clear value\"),\n        role: \"button\",\n        tabIndex: interactive ? 0 : -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClear),\n        onKeyDown: handlerAll(props.onKeyDown, (ev) =>\n          runKeyAction(ev, { Enter: onClear, Space: onClear }),\n        ),\n      }),\n    [getIconProps, interactive, onClear, t],\n  )\n\n  return {\n    descendants,\n    includePlaceholder,\n    interactive,\n    items,\n    max,\n    open,\n    placeholder,\n    setValue,\n    value,\n    valueMap,\n    getClearIconProps,\n    getContentProps,\n    getFieldProps,\n    getIconProps,\n    getInputProps,\n    getRootProps,\n    getSeparatorProps,\n    popoverProps,\n    onActiveDescendant,\n    onChange,\n    onClose,\n    onOpen,\n    onSelect,\n  }\n}\n\nexport type UseSelectReturn = ReturnType<typeof useSelect>\n\nexport interface UseSelectOptionProps extends UseComboboxItemProps {}\n\nexport const useSelectOption = ({\n  children,\n  closeOnSelect,\n  disabled,\n  hidden,\n  value,\n  ...rest\n}: UseSelectOptionProps = {}) => {\n  const { max, value: selectedValue } = useSelectContext()\n\n  value ??= isString(children) ? children : undefined\n\n  const selected = isArray(selectedValue)\n    ? !isUndefined(value) && selectedValue.includes(value)\n    : selectedValue === value\n  const completed =\n    isNumber(max) && isArray(selectedValue) && selectedValue.length >= max\n  const { getIndicatorProps, getItemProps } = useComboboxItem({\n    children,\n    closeOnSelect,\n    disabled: disabled || hidden || (completed && !selected),\n    hidden,\n    selected,\n    value,\n    ...rest,\n  })\n\n  const getOptionProps: PropGetter = useCallback(\n    (props = {}) => getItemProps(props),\n    [getItemProps],\n  )\n\n  return { getIndicatorProps, getOptionProps }\n}\n\nexport type UseSelectOptionReturn = ReturnType<typeof useSelectOption>\n"],"mappings":"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"}
+{"version":3,"file":"use-select.js","names":["createContext"],"sources":["../../../../src/components/select/use-select.tsx"],"sourcesContent":["\"use client\"\n\nimport type { MouseEvent, ReactNode } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type {\n  ComboboxItem,\n  ComboboxItemWithValue,\n  UseComboboxItemProps,\n  UseComboboxProps,\n} from \"../../hooks/use-combobox\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport {\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\"\nimport { useCombobox, useComboboxItem } from \"../../hooks/use-combobox\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isNumber,\n  isString,\n  isUndefined,\n  mergeRefs,\n  runKeyAction,\n  toArray,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface SelectRenderProps extends ComboboxItemWithValue {\n  count: number\n  index: number\n  separator: string\n  onClear: () => void\n}\n\nexport interface SelectItemRender {\n  (props: SelectRenderProps): ReactNode\n}\n\nconst defaultRender: SelectItemRender = ({\n  count,\n  index,\n  label,\n  separator,\n  value,\n}) => {\n  const last = count - 1 === index\n\n  return (\n    <span\n      style={{ marginInlineEnd: \"var(--gap)\" }}\n      data-placeholder={dataAttr(value === \"\")}\n    >\n      {label}\n      {!last ? separator : null}\n    </span>\n  )\n}\n\ninterface SelectContext extends Pick<UseSelectReturn, \"max\" | \"value\"> {}\n\nconst [SelectContext, useSelectContext] = createContext<SelectContext>({\n  name: \"SelectContext\",\n})\n\nexport { SelectContext, useSelectContext }\n\nexport interface UseSelectProps<Multiple extends boolean = false>\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"value\">,\n    Omit<\n      UseComboboxProps,\n      \"defaultValue\" | \"initialFocusValue\" | \"onChange\" | \"value\"\n    >,\n    FieldProps {\n  /**\n   * The initial value of the select.\n   */\n  defaultValue?: Multiple extends true ? string[] : string\n  /**\n   * If `true`, the field will be focused when the clear icon is clicked.\n   *\n   * @default true\n   */\n  focusOnClear?: boolean\n  /**\n   * The `id` attribute of the input element.\n   */\n  id?: string\n  /**\n   * If `true`, include placeholder in options.\n   *\n   * @default true\n   */\n  includePlaceholder?: boolean\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: ComboboxItem[]\n  /**\n   * The maximum selectable value.\n   */\n  max?: number\n  /**\n   * If `true`, the select will be multiple.\n   *\n   * @default false\n   */\n  multiple?: Multiple\n  /**\n   * The `name` attribute of the input element.\n   */\n  name?: string\n  /**\n   * The placeholder for select.\n   */\n  placeholder?: string\n  /**\n   * The visual separator between each value.\n   *\n   * @default ','\n   */\n  separator?: string\n  /**\n   * The value of the select.\n   */\n  value?: Multiple extends true ? string[] : string\n  /**\n   * The callback invoked when value state changes.\n   */\n  onChange?: (value: Multiple extends true ? string[] : string) => void\n  /**\n   * The function to render the selected items.\n   */\n  render?: (props: SelectRenderProps) => ReactNode\n}\n\nexport const useSelect = <Multiple extends boolean = false>(\n  props: UseSelectProps<Multiple> = {},\n) => {\n  type MaybeValue = Multiple extends true ? string[] : string\n\n  const { t } = useI18n(\"select\")\n  const {\n    context: { labelId } = {},\n    props: {\n      id,\n      name,\n      multiple = false,\n      closeOnSelect = !multiple,\n      defaultValue = (multiple ? [] : \"\") as MaybeValue,\n      disabled,\n      focusOnClear = true,\n      includePlaceholder = !multiple,\n      items: itemProp = [],\n      max,\n      placeholder,\n      readOnly,\n      render = defaultRender,\n      required,\n      separator = \",\",\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const fieldRef = useRef<HTMLDivElement>(null)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const onChange = useCallback(\n    (value: string) => {\n      setValue((prev) => {\n        if (isArray(prev))\n          if (prev.includes(value))\n            return prev.filter((prevValue) => prevValue !== value) as MaybeValue\n          else if (!isNumber(max) || prev.length < max)\n            return [...prev, value] as MaybeValue\n          else return prev\n        else return value as MaybeValue\n      })\n    },\n    [max, setValue],\n  )\n  const items = useMemo<ComboboxItem[]>(() => {\n    const items = [...itemProp]\n\n    if (placeholder)\n      items.unshift({\n        hidden: !includePlaceholder,\n        label: placeholder,\n        value: \"\",\n      })\n\n    return items\n  }, [itemProp, placeholder, includePlaceholder])\n  const empty = useMemo(\n    () => !items.filter(({ hidden }) => !hidden).length,\n    [items],\n  )\n  const {\n    descendants,\n    interactive,\n    open,\n    getContentProps: getComboboxContentProps,\n    getSeparatorProps,\n    getTriggerProps,\n    popoverProps,\n    onActiveDescendant,\n    onClose,\n    onOpen,\n    onSelect,\n  } = useCombobox({\n    closeOnSelect,\n    disabled,\n    initialFocusValue: isArray(value) ? value[0] : value,\n    readOnly,\n    onChange,\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...rest,\n  })\n  const valueMap = useMemo<{ [key: string]: ComboboxItemWithValue }>(() => {\n    const valueMap: { [key: string]: ComboboxItemWithValue } = {}\n\n    items.forEach((item) => {\n      if (\"items\" in item) {\n        item.items.forEach((item) => {\n          item.value ??= isString(item.label) ? item.label : undefined\n\n          if (!isUndefined(item.value)) valueMap[item.value] = item\n        })\n      } else {\n        item.value ??= isString(item.label) ? item.label : undefined\n\n        if (!isUndefined(item.value)) valueMap[item.value] = item\n      }\n    })\n\n    return valueMap\n  }, [items])\n  const selectedItems = useMemo<ComboboxItemWithValue[]>(() => {\n    if (isArray(value))\n      if (value.length) return toArray(value.map((value) => valueMap[value]))\n      else return placeholder ? [{ label: placeholder, value: \"\" }] : []\n    else return isString(value) ? toArray(valueMap[value]) : []\n  }, [placeholder, value, valueMap])\n  const children = useMemo<ReactNode>(() => {\n    const count = selectedItems.length\n\n    return selectedItems.map((item, index) => {\n      const onClear = (ev?: MouseEvent<HTMLElement>) => {\n        ev?.preventDefault()\n        ev?.stopPropagation()\n\n        if (item.value) onChange(item.value)\n      }\n\n      const component = render({\n        count,\n        index,\n        separator,\n        onClear,\n        ...item,\n      })\n\n      if (isValidElement<Dict>(component))\n        return cloneElement(component, { ...component.props, key: index })\n      else return component\n    })\n  }, [onChange, render, selectedItems, separator])\n\n  const onFocus = useCallback(() => {\n    if (!interactive || !fieldRef.current) return\n\n    fieldRef.current.focus()\n  }, [interactive])\n\n  const onClear = useCallback(() => {\n    if (!interactive) return\n\n    setValue((prev) => (isArray(prev) ? [] : \"\") as MaybeValue)\n\n    if (!fieldRef.current) return\n\n    if (focusOnClear) fieldRef.current.focus()\n  }, [focusOnClear, interactive, setValue])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  const getFieldProps: PropGetter = useCallback(\n    ({ ref, \"aria-labelledby\": ariaLabelledby, ...props } = {}) =>\n      getTriggerProps({\n        ref: mergeRefs(ref, fieldRef),\n        \"aria-label\": placeholder,\n        \"aria-labelledby\": cx(ariaLabelledby, labelId),\n        ...props,\n        children,\n      }),\n    [children, getTriggerProps, labelId, placeholder],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      ...visuallyHiddenAttributes,\n      id,\n      name,\n      defaultValue: isString(value) ? value : value.join(\", \"),\n      disabled,\n      readOnly,\n      required,\n      ...props,\n      onFocus: handlerAll(props.onFocus, onFocus),\n    }),\n    [dataProps, disabled, id, name, onFocus, readOnly, required, value],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    (props) => getComboboxContentProps({ hidden: empty, ...props }),\n    [empty, getComboboxContentProps],\n  )\n\n  const getIconProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  const getClearIconProps: PropGetter = useCallback(\n    (props = {}) =>\n      getIconProps({\n        \"aria-disabled\": ariaAttr(!interactive),\n        \"aria-label\": t(\"Clear value\"),\n        role: \"button\",\n        tabIndex: interactive ? 0 : -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClear),\n        onKeyDown: handlerAll(props.onKeyDown, (ev) =>\n          runKeyAction(ev, { Enter: onClear, Space: onClear }),\n        ),\n      }),\n    [getIconProps, interactive, onClear, t],\n  )\n\n  return {\n    descendants,\n    includePlaceholder,\n    interactive,\n    items,\n    max,\n    open,\n    placeholder,\n    setValue,\n    value,\n    valueMap,\n    getClearIconProps,\n    getContentProps,\n    getFieldProps,\n    getIconProps,\n    getInputProps,\n    getRootProps,\n    getSeparatorProps,\n    popoverProps,\n    onActiveDescendant,\n    onChange,\n    onClose,\n    onOpen,\n    onSelect,\n  }\n}\n\nexport type UseSelectReturn = ReturnType<typeof useSelect>\n\nexport interface UseSelectOptionProps extends UseComboboxItemProps {}\n\nexport const useSelectOption = ({\n  children,\n  closeOnSelect,\n  disabled,\n  hidden,\n  value,\n  ...rest\n}: UseSelectOptionProps = {}) => {\n  const { max, value: selectedValue } = useSelectContext()\n\n  value ??= isString(children) ? children : undefined\n\n  const selected = isArray(selectedValue)\n    ? !isUndefined(value) && selectedValue.includes(value)\n    : selectedValue === value\n  const completed =\n    isNumber(max) && isArray(selectedValue) && selectedValue.length >= max\n  const { getIndicatorProps, getItemProps } = useComboboxItem({\n    children,\n    closeOnSelect,\n    disabled: disabled || hidden || (completed && !selected),\n    hidden,\n    selected,\n    value,\n    ...rest,\n  })\n\n  const getOptionProps: PropGetter = useCallback(\n    (props = {}) => getItemProps(props),\n    [getItemProps],\n  )\n\n  return { getIndicatorProps, getOptionProps }\n}\n\nexport type UseSelectOptionReturn = ReturnType<typeof useSelectOption>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"show.js","names":[],"sources":["../../../../src/components/show/show.tsx"],"sourcesContent":["import type { ReactNode } from \"react\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport { isValidElement } from \"react\"\nimport { runIfFn } from \"../../utils\"\n\nexport interface ShowProps<Y> {\n  /**\n   * The children to render if `when` is `true`\n   */\n  children: ReactNodeOrFunction<Y>\n  /**\n   * The fallback content to render if `when` is `false`\n   */\n  fallback?: ReactNode\n  /**\n   * If `true`, it'll render the `children` prop\n   */\n  when?: null | Y\n}\n\n/**\n * `Show` is a component that shows or hides its children based on a condition.\n *\n * @see https://yamada-ui.com/docs/components/show\n */\nexport const Show = <Y,>({\n  children,\n  fallback,\n  when,\n}: ShowProps<Y>): ReactNode => {\n  let result: ReactNode\n\n  if (!when) {\n    result = fallback\n  } else {\n    result = runIfFn(children, when)\n  }\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return isValidElement(result) ? result : <>{result}</>\n}\n"],"mappings":";;;;;;;;;AAyBA,MAAa,QAAY,EACvB,UACA,UACA,WAC6B;CAC7B,IAAI;CAEJ,IAAI,CAAC,MACH,SAAS;MAET,UAAA,GAAA,cAAA,QAAA,CAAiB,UAAU,IAAI;CAIjC,OAAO,eAAe,MAAM,IAAI,SAAS,oBAAA,YAAA,EAAA,UAAG,OAAS,CAAA;AACvD"}
+{"version":3,"file":"show.js","names":[],"sources":["../../../../src/components/show/show.tsx"],"sourcesContent":["import type { ReactNode } from \"react\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport { isValidElement } from \"react\"\nimport { runIfFn } from \"../../utils\"\n\nexport interface ShowProps<Y> {\n  /**\n   * The children to render if `when` is `true`\n   */\n  children: ReactNodeOrFunction<Y>\n  /**\n   * The fallback content to render if `when` is `false`\n   */\n  fallback?: ReactNode\n  /**\n   * If `true`, it'll render the `children` prop\n   */\n  when?: null | Y\n}\n\n/**\n * `Show` is a component that shows or hides its children based on a condition.\n *\n * @see https://yamada-ui.com/docs/components/show\n */\nexport const Show = <Y,>({\n  children,\n  fallback,\n  when,\n}: ShowProps<Y>): ReactNode => {\n  let result: ReactNode\n\n  if (!when) result = fallback\n  else result = runIfFn(children, when)\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return isValidElement(result) ? result : <>{result}</>\n}\n"],"mappings":";;;;;;;;;AAyBA,MAAa,QAAY,EACvB,UACA,UACA,WAC6B;CAC7B,IAAI;CAEJ,IAAI,CAAC,MAAM,SAAS;MACf,UAAA,GAAA,cAAA,QAAA,CAAiB,UAAU,IAAI;CAGpC,OAAO,eAAe,MAAM,IAAI,SAAS,oBAAA,YAAA,EAAA,UAAG,OAAS,CAAA;AACvD"}

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":["createContext","Drawer.Root","Drawer.Content"],"sources":["../../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type {\n  Breakpoint,\n  ExtractStyleValue,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CollapseProps } from \"../collapse\"\nimport type { Loading } from \"../loading\"\nimport type { WithTransitionProps } from \"../motion\"\nimport type {\n  UseSidebarGroupProps,\n  UseSidebarGroupReturn,\n  UseSidebarItemProps,\n  UseSidebarItemReturn,\n  UseSidebarProps,\n  UseSidebarReturn,\n} from \"./use-sidebar\"\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n} from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useBreakpointValue } from \"../../hooks/use-breakpoint\"\nimport { useValue } from \"../../hooks/use-value\"\nimport {\n  cast,\n  createContext,\n  dataAttr,\n  isObject,\n  isString,\n  runIfFn,\n  useIncludesChildren,\n  useSplitChildren,\n  useValidChildren,\n} from \"../../utils\"\nimport { Collapse } from \"../collapse\"\nimport { Drawer } from \"../drawer\"\nimport { ChevronRightIcon } from \"../icon\"\nimport { useLoadingComponent } from \"../loading\"\nimport { Tooltip, type TooltipProps } from \"../tooltip\"\nimport { sidebarStyle, type SidebarStyle } from \"./sidebar.style\"\nimport {\n  SidebarContext,\n  SidebarDescendantsContext,\n  SidebarItemContext,\n  useSidebar,\n  useSidebarContext,\n  useSidebarGroup,\n  useSidebarItem,\n} from \"./use-sidebar\"\n\ninterface SidebarItemCallBackProps {\n  disabled?: boolean\n  expanded?: boolean\n}\n\ntype SidebarItemReactNode =\n  | ReactNodeOrFunction<SidebarItemCallBackProps>\n  | {\n      group: ReactNodeOrFunction<SidebarItemCallBackProps>\n      item?: ReactNodeOrFunction<SidebarItemCallBackProps>\n    }\n  | {\n      item: ReactNodeOrFunction<SidebarItemCallBackProps>\n      group?: ReactNodeOrFunction<SidebarItemCallBackProps>\n    }\n\ninterface SidebarItemSharedRenderProps\n  extends\n    Pick<SidebarItemProps, \"label\">,\n    Pick<\n      UseSidebarItemReturn,\n      | \"expanded\"\n      | \"expandedValue\"\n      | \"onExpandedChange\"\n      | \"onSelectedChange\"\n      | \"selected\"\n      | \"selectedValue\"\n      | \"value\"\n    > {\n  itemProps: HTMLStyledProps<\"li\">\n  linkProps: HTMLStyledProps<\"a\">\n  triggerProps: HTMLStyledProps<\"button\">\n  endElement?: ReactNode\n  startElement?: ReactNode\n}\n\ninterface SidebarItemRenderProps\n  extends\n    PropsWithChildren,\n    Omit<SidebarItemSharedRenderProps, \"endElement\" | \"startElement\">,\n    Pick<\n      UseSidebarItemReturn,\n      | \"group\"\n      | \"groupLoading\"\n      | \"groupOpen\"\n      | \"onGroupClose\"\n      | \"onGroupOpen\"\n      | \"onGroupToggle\"\n    > {\n  endElement: { group?: ReactNode; item?: ReactNode }\n  startElement: { group?: ReactNode; item?: ReactNode }\n  indicator?: ReactNode\n  link?: ReactNode\n  trigger?: ReactNode\n}\n\ninterface SidebarItemLinkRenderProps extends Omit<\n  SidebarItemSharedRenderProps,\n  \"itemProps\" | \"triggerProps\"\n> {}\n\ninterface SidebarItemTriggerRenderProps\n  extends\n    Omit<SidebarItemSharedRenderProps, \"itemProps\" | \"linkProps\">,\n    Pick<\n      UseSidebarItemReturn,\n      | \"groupLoading\"\n      | \"groupOpen\"\n      | \"onGroupClose\"\n      | \"onGroupOpen\"\n      | \"onGroupToggle\"\n    > {\n  indicator?: ReactNode\n}\n\ninterface SidebarItemRender {\n  item?: ReactNodeOrFunction<SidebarItemRenderProps>\n  link?: ReactNodeOrFunction<SidebarItemLinkRenderProps>\n  trigger?: ReactNodeOrFunction<SidebarItemTriggerRenderProps>\n}\n\ninterface SidebarGroup extends Omit<SidebarGroupProps, \"children\" | \"value\"> {\n  children: SidebarItemWithValue[]\n  group: true\n}\n\nexport interface SidebarItemWithValue extends Omit<\n  SidebarItemProps,\n  \"children\"\n> {\n  children?: SidebarItemWithValue[]\n}\n\nexport type SidebarItem = SidebarGroup | SidebarItemWithValue\n\nconst createKey = (props: SidebarItem, index: number) => {\n  return \"value\" in props ? props.value || index : index\n}\n\nconst getReactNodeOrFunction = (\n  type: \"group\" | \"item\",\n  custom?: SidebarItemReactNode,\n  root?: SidebarItemReactNode,\n): ReactNodeOrFunction<SidebarItemCallBackProps> => {\n  if (isObject(custom) && (\"group\" in custom || \"item\" in custom)) {\n    return custom[type]\n  } else if (custom) {\n    return custom\n  } else if (isObject(root) && (\"group\" in root || \"item\" in root)) {\n    return root[type]\n  } else {\n    return root\n  }\n}\n\ninterface ComponentContext extends Pick<\n  UseSidebarReturn,\n  | \"getContentProps\"\n  | \"getFooterProps\"\n  | \"getHeaderProps\"\n  | \"getSidePanelProps\"\n  | \"getTriggerProps\"\n> {\n  breakpoint: ExtractStyleValue<NonNullable<SidebarRootProps[\"breakpoint\"]>>\n  mode: ExtractStyleValue<NonNullable<SidebarRootProps[\"mode\"]>>\n  placement: ExtractStyleValue<NonNullable<SidebarRootProps[\"placement\"]>>\n}\n\ninterface GroupComponentContext\n  extends\n    Pick<SidebarGroupProps, \"contentProps\" | \"labelProps\">,\n    Pick<UseSidebarGroupReturn, \"getContentProps\" | \"getLabelProps\"> {}\n\nconst [GroupComponentContext, useGroupComponentContext] =\n  createContext<GroupComponentContext>({ name: \"GroupComponentContext\" })\n\ninterface ItemComponentContext {\n  contentProps: SidebarItemContentProps\n  endElementProps: SidebarItemEndElementProps\n  indicatorProps: SidebarItemIndicatorProps\n  labelProps: SidebarItemLabelProps\n  startElementProps: SidebarItemStartElementProps\n  tooltipProps: SidebarItemTooltipProps\n}\n\nconst [ItemComponentContext, useItemComponentContext] =\n  createContext<ItemComponentContext>({ name: \"ItemComponentContext\" })\n\ninterface SidePanelComponentContext extends Pick<\n  SidebarSidePanelProps,\n  | \"animated\"\n  | \"contentProps\"\n  | \"endElement\"\n  | \"endElementProps\"\n  | \"footerProps\"\n  | \"groupContentProps\"\n  | \"groupProps\"\n  | \"handleProps\"\n  | \"headerProps\"\n  | \"indicator\"\n  | \"indicatorHidden\"\n  | \"indicatorProps\"\n  | \"itemContentProps\"\n  | \"itemProps\"\n  | \"items\"\n  | \"labelProps\"\n  | \"linkProps\"\n  | \"loadingScheme\"\n  | \"menuProps\"\n  | \"render\"\n  | \"startElement\"\n  | \"startElementProps\"\n  | \"tooltipProps\"\n  | \"triggerProps\"\n> {}\n\nconst [SidePanelComponentContext, useSidePanelComponentContext] =\n  createContext<SidePanelComponentContext>({\n    name: \"SidePanelComponentContext\",\n  })\n\nexport interface SidebarRootProps\n  extends\n    HTMLStyledProps<\"div\">,\n    ThemeProps<SidebarStyle>,\n    Omit<UseSidebarProps, \"mobile\"> {\n  /**\n   * The breakpoint to use for the sidebar. If `false`, the sidebar will be always visible.\n   *\n   * @default 'md'\n   */\n  breakpoint?: Exclude<Breakpoint, \"base\"> | false\n}\n\nconst {\n  ComponentContext,\n  PropsContext: SidebarPropsContext,\n  useComponentContext,\n  usePropsContext: useSidebarPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<SidebarRootProps, SidebarStyle, ComponentContext>(\n  \"sidebar\",\n  sidebarStyle,\n)\n\nexport { SidebarPropsContext, useSidebarPropsContext }\n\n/**\n * `Sidebar` is a component that is used to display a list of items in a sidebar.\n *\n * @see https://yamada-ui.com/docs/components/sidebar\n */\nexport const SidebarRoot = withProvider<\n  \"div\",\n  SidebarRootProps,\n  \"mode\" | \"placement\"\n>(\n  ({\n    breakpoint = \"md\",\n    mode: modeProp = \"offcanvas\",\n    placement: placementProp = \"start\",\n    ...rest\n  }) => {\n    const mobile =\n      useBreakpointValue<boolean | undefined>(\n        breakpoint ? { [breakpoint]: true } : { base: false },\n      ) ?? false\n    const mode = useValue(modeProp)\n    const placement = useValue(placementProp)\n    const {\n      descendants,\n      expandedValue,\n      open,\n      selectedValue,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getRootProps,\n      getSidePanelProps,\n      getTriggerProps,\n      onClose,\n      onExpandedChange,\n      onOpen,\n      onSelectedChange,\n      onToggle,\n    } = useSidebar({ mobile, ...rest })\n    const context = useMemo(\n      () => ({\n        expandedValue,\n        mobile,\n        open,\n        selectedValue,\n        onClose,\n        onExpandedChange,\n        onOpen,\n        onSelectedChange,\n        onToggle,\n      }),\n      [\n        mobile,\n        expandedValue,\n        open,\n        selectedValue,\n        onClose,\n        onExpandedChange,\n        onOpen,\n        onSelectedChange,\n        onToggle,\n      ],\n    )\n    const componentContext = useMemo(\n      () => ({\n        breakpoint,\n        mode,\n        placement,\n        getContentProps,\n        getFooterProps,\n        getHeaderProps,\n        getSidePanelProps,\n        getTriggerProps,\n      }),\n      [\n        breakpoint,\n        mode,\n        placement,\n        getContentProps,\n        getFooterProps,\n        getHeaderProps,\n        getSidePanelProps,\n        getTriggerProps,\n      ],\n    )\n\n    return (\n      <SidebarDescendantsContext value={descendants}>\n        <SidebarContext value={context}>\n          <ComponentContext value={componentContext}>\n            <styled.div data-group {...getRootProps()} />\n          </ComponentContext>\n        </SidebarContext>\n      </SidebarDescendantsContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"mode\", \"placement\"] },\n)()\n\nexport interface SidebarMainPanelProps extends HTMLStyledProps {}\n\nexport const SidebarMainPanel = withContext<\"div\", SidebarMainPanelProps>(\n  \"div\",\n  \"mainPanel\",\n)()\n\nexport interface SidebarTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarTrigger = withContext<\"button\", SidebarTriggerProps>(\n  \"button\",\n  \"trigger\",\n)(undefined, (props) => {\n  const { getTriggerProps } = useComponentContext()\n\n  return { asChild: true, ...getTriggerProps(props) }\n})\n\nexport interface SidebarSidePanelProps\n  extends\n    Omit<HTMLStyledProps<\"aside\">, \"content\">,\n    Pick<SidebarContentProps, \"items\">,\n    Pick<\n      SidebarItemProps,\n      | \"animated\"\n      | \"endElement\"\n      | \"endElementProps\"\n      | \"indicator\"\n      | \"indicatorProps\"\n      | \"labelProps\"\n      | \"linkProps\"\n      | \"loadingScheme\"\n      | \"render\"\n      | \"startElement\"\n      | \"startElementProps\"\n      | \"tooltipProps\"\n      | \"triggerProps\"\n    > {\n  /**\n   * The content of the sidebar.\n   */\n  content?: ReactNode\n  /**\n   * The footer of the sidebar.\n   */\n  footer?: ReactNode\n  /**\n   * The header of the sidebar.\n   */\n  header?: ReactNode\n  /**\n   * If `true`, hide the tree indicator icon for all items.\n   *\n   * @default false\n   */\n  indicatorHidden?: boolean\n  /**\n   * If `true`, the sidebar will be rendered with a handle.\n   *\n   * @default true\n   */\n  withHandle?: boolean\n  /**\n   * Props for the content component.\n   */\n  contentProps?: SidebarContentProps\n  /**\n   * Props for the drawer component.\n   */\n  drawerProps?: Omit<\n    Drawer.RootProps,\n    | \"body\"\n    | \"cancel\"\n    | \"children\"\n    | \"footer\"\n    | \"header\"\n    | \"middle\"\n    | \"onCancel\"\n    | \"onClose\"\n    | \"onMiddle\"\n    | \"onOpen\"\n    | \"onSuccess\"\n    | \"open\"\n    | \"success\"\n    | \"title\"\n    | \"trigger\"\n  >\n  /**\n   * Props for the footer component.\n   */\n  footerProps?: SidebarFooterProps\n  /**\n   * Props for the group content component.\n   */\n  groupContentProps?: Omit<SidebarGroupContentProps, \"children\">\n  /**\n   * Props for the group component.\n   */\n  groupProps?: Omit<SidebarGroupProps, \"children\" | \"label\" | \"value\">\n  /**\n   * Props for the handle component.\n   */\n  handleProps?: SidebarHandleProps\n  /**\n   * Props for the header component.\n   */\n  headerProps?: SidebarHeaderProps\n  /**\n   * Props for the item content component.\n   */\n  itemContentProps?: SidebarItemContentProps\n  /**\n   * Props for the item component.\n   */\n  itemProps?: Omit<\n    SidebarItemProps,\n    \"children\" | \"items\" | \"label\" | \"open\" | \"value\"\n  >\n  /**\n   * Props for the menu component.\n   *\n   * @default 'md'\n   */\n  menuProps?: SidebarMenuProps\n}\n\nexport const SidebarSidePanel = withContext<\"aside\", SidebarSidePanelProps>(\n  ({\n    animated = true,\n    children,\n    content,\n    endElement,\n    footer,\n    header,\n    indicator,\n    indicatorHidden,\n    items,\n    loadingScheme,\n    render,\n    startElement,\n    withHandle = true,\n    contentProps,\n    drawerProps,\n    endElementProps,\n    footerProps,\n    groupContentProps,\n    groupProps,\n    handleProps,\n    headerProps,\n    indicatorProps,\n    itemContentProps,\n    itemProps,\n    labelProps,\n    linkProps,\n    menuProps,\n    startElementProps,\n    tooltipProps,\n    triggerProps,\n    ...rest\n  }) => {\n    const { mobile, open, onClose } = useSidebarContext()\n    const { breakpoint, placement, getSidePanelProps } = useComponentContext()\n    const [\n      omittedChildren,\n      customHeader,\n      customContent,\n      customFooter,\n      customHandle,\n    ] = useSplitChildren(\n      children,\n      SidebarHeader,\n      SidebarContent,\n      SidebarFooter,\n      SidebarHandle,\n    )\n    const context = useMemo(\n      () => ({\n        animated,\n        endElement,\n        indicator,\n        indicatorHidden,\n        items,\n        loadingScheme,\n        render,\n        startElement,\n        contentProps,\n        endElementProps,\n        footerProps,\n        groupContentProps,\n        groupProps,\n        handleProps,\n        headerProps,\n        indicatorProps,\n        itemContentProps,\n        itemProps,\n        labelProps,\n        linkProps,\n        menuProps,\n        startElementProps,\n        tooltipProps,\n        triggerProps,\n      }),\n      [\n        animated,\n        endElement,\n        indicator,\n        indicatorHidden,\n        items,\n        render,\n        loadingScheme,\n        startElement,\n        contentProps,\n        endElementProps,\n        footerProps,\n        groupContentProps,\n        groupProps,\n        handleProps,\n        headerProps,\n        indicatorProps,\n        itemContentProps,\n        itemProps,\n        labelProps,\n        linkProps,\n        menuProps,\n        startElementProps,\n        tooltipProps,\n        triggerProps,\n      ],\n    )\n\n    return (\n      <SidePanelComponentContext value={context}>\n        {mobile ? (\n          <Drawer.Root\n            size=\"sm\"\n            autoFocus={false}\n            duration={!animated ? 0 : undefined}\n            open={open}\n            placement={`inline-${placement}`}\n            withCloseButton={false}\n            portalProps={{ disabled: true }}\n            onClose={onClose}\n            {...drawerProps}\n          >\n            <Drawer.Content>\n              {customHeader ??\n                (header ? <SidebarHeader>{header}</SidebarHeader> : null)}\n\n              {customContent ??\n                (content || items ? (\n                  <SidebarContent>{content}</SidebarContent>\n                ) : null)}\n\n              {customFooter ??\n                (footer ? <SidebarFooter>{footer}</SidebarFooter> : null)}\n            </Drawer.Content>\n          </Drawer.Root>\n        ) : (\n          <>\n            <SidebarGap\n              data-animated={dataAttr(animated)}\n              display={\n                breakpoint\n                  ? { base: undefined, [breakpoint]: \"none\" }\n                  : undefined\n              }\n            />\n\n            <styled.aside\n              data-animated={dataAttr(animated)}\n              data-group\n              display={\n                breakpoint\n                  ? { base: undefined, [breakpoint]: \"none\" }\n                  : undefined\n              }\n              {...getSidePanelProps(rest)}\n            >\n              {customHeader ??\n                (header ? <SidebarHeader>{header}</SidebarHeader> : null)}\n              {customContent ??\n                (content || items ? (\n                  <SidebarContent>{content}</SidebarContent>\n                ) : null)}\n              {customFooter ??\n                (footer ? <SidebarFooter>{footer}</SidebarFooter> : null)}\n              {customHandle ?? (withHandle ? <SidebarHandle /> : null)}\n\n              {omittedChildren}\n            </styled.aside>\n          </>\n        )}\n      </SidePanelComponentContext>\n    )\n  },\n  \"sidePanel\",\n)()\n\ninterface SidebarGapProps extends HTMLStyledProps<\"div\"> {}\n\nconst SidebarGap = withContext<\"div\", SidebarGapProps>(\"div\", \"gap\")()\n\nexport interface SidebarHeaderProps extends HTMLStyledProps<\"header\"> {}\n\nexport const SidebarHeader = withContext<\"header\", SidebarHeaderProps>(\n  \"header\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n  const { headerProps } = useSidePanelComponentContext()\n\n  return getHeaderProps(mergeProps(headerProps, props)())\n})\n\nexport interface SidebarFooterProps extends HTMLStyledProps<\"footer\"> {}\n\nexport const SidebarFooter = withContext<\"footer\", SidebarFooterProps>(\n  \"footer\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n  const { footerProps } = useSidePanelComponentContext()\n\n  return getFooterProps(mergeProps(footerProps, props)())\n})\n\nexport interface SidebarContentProps extends HTMLStyledProps<\"ul\"> {\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: SidebarItem[]\n}\n\nexport const SidebarContent = withContext<\"ul\", SidebarContentProps>(\n  ({ children, items, ...rest }) => {\n    const { getContentProps } = useComponentContext()\n    const { items: rootItems, contentProps } = useSidePanelComponentContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (items ?? rootItems)?.map((props, index) => {\n        const key = createKey(props, index)\n\n        if (\"group\" in props) {\n          const { children, group: _, ...rest } = props\n\n          return <SidebarGroup key={key} items={children} {...rest} />\n        } else {\n          const { children, ...rest } = props\n\n          return <SidebarItem key={key} items={children} {...rest} />\n        }\n      })\n    }, [children, items, rootItems])\n\n    return (\n      <styled.ul {...getContentProps(mergeProps(contentProps, rest)())}>\n        {computedChildren}\n      </styled.ul>\n    )\n  },\n  \"content\",\n)()\n\nexport interface SidebarHandleProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarHandle = withContext<\"button\", SidebarHandleProps>(\n  (props) => {\n    const { handleProps } = useSidePanelComponentContext()\n\n    return (\n      <SidebarTrigger {...mergeProps(handleProps, props)()}>\n        <styled.button tabIndex={-1} />\n      </SidebarTrigger>\n    )\n  },\n  \"handle\",\n)()\n\nexport interface SidebarGroupProps\n  extends\n    Omit<HTMLStyledProps<\"li\">, \"content\" | \"value\">,\n    UseSidebarGroupProps {\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: SidebarItemWithValue[]\n  /**\n   * The label of the group.\n   */\n  label?: ReactNode\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<SidebarGroupContentProps, \"children\">\n  /**\n   * Props for the label component.\n   */\n  labelProps?: HTMLStyledProps<\"span\">\n}\n\nexport const SidebarGroup = withContext<\"li\", SidebarGroupProps>(\n  ({\n    children,\n    items,\n    label,\n    value: valueProp = isString(label) ? label : undefined,\n    contentProps,\n    labelProps,\n    ...rest\n  }) => {\n    const { groupProps } = useSidePanelComponentContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items?.map(({ children, ...rest }, index) => {\n        const key = createKey(rest, index)\n\n        return <SidebarItem key={key} items={children} {...rest} />\n      })\n    }, [children, items])\n    const [omittedChildren, customLabel, customContent] = useSplitChildren(\n      computedChildren,\n      SidebarGroupLabel,\n      SidebarGroupContent,\n    )\n    const { getContentProps, getLabelProps, getRootProps } = useSidebarGroup({\n      ...mergeProps(groupProps, rest)(),\n      value: valueProp,\n    })\n    const context = useMemo(\n      () => ({ contentProps, getContentProps, getLabelProps, labelProps }),\n      [getLabelProps, labelProps, getContentProps, contentProps],\n    )\n\n    return (\n      <GroupComponentContext value={context}>\n        <styled.li {...getRootProps()}>\n          {customLabel ??\n            (label ? <SidebarGroupLabel>{label}</SidebarGroupLabel> : null)}\n          {customContent ?? (\n            <SidebarGroupContent>{omittedChildren}</SidebarGroupContent>\n          )}\n        </styled.li>\n      </GroupComponentContext>\n    )\n  },\n  \"group\",\n)()\n\nexport interface SidebarGroupLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const SidebarGroupLabel = withContext<\"span\", SidebarGroupLabelProps>(\n  \"span\",\n  \"groupLabel\",\n)(undefined, (props) => {\n  const { getLabelProps, labelProps } = useGroupComponentContext()\n\n  return getLabelProps(mergeProps(labelProps, props)())\n})\n\nexport interface SidebarGroupContentProps extends HTMLStyledProps<\"div\"> {}\n\nexport const SidebarGroupContent = withContext<\"div\", SidebarGroupContentProps>(\n  \"div\",\n  \"groupContent\",\n)(undefined, ({ children, ...rest }) => {\n  const validChildren = useValidChildren(children)\n  const list = useIncludesChildren(validChildren, SidebarItem)\n  const { groupContentProps } = useSidePanelComponentContext()\n  const { contentProps, getContentProps } = useGroupComponentContext()\n\n  return {\n    as: list ? \"ul\" : \"div\",\n    children,\n    ...getContentProps(mergeProps(groupContentProps, contentProps, rest)()),\n  }\n})\n\nexport interface SidebarMenuProps extends HTMLStyledProps<\"div\"> {}\n\nexport const SidebarMenu = withContext<\"div\", SidebarMenuProps>(\"div\", \"menu\")(\n  undefined,\n  (props) => {\n    const { menuProps } = useSidePanelComponentContext()\n\n    return { \"data-menu\": \"\", ...mergeProps(menuProps, props)() }\n  },\n)\n\nexport interface SidebarMenuButtonProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarMenuButton = withContext<\"button\", SidebarMenuButtonProps>(\n  \"button\",\n  [\"menu\", \"button\"],\n)(undefined, (props) => {\n  const { open } = useSidebarContext()\n  const { mode } = useComponentContext()\n  const { menuProps } = useSidePanelComponentContext()\n  const offcanvas = mode === \"offcanvas\"\n  const { disabled, ...rest } = mergeProps(menuProps, props)()\n\n  return {\n    \"data-menu\": \"\",\n    disabled,\n    ...rest,\n    tabIndex: (!offcanvas || open) && !disabled ? 0 : -1,\n  }\n})\n\nexport interface SidebarItemProps\n  extends\n    Omit<HTMLStyledProps<\"li\">, \"value\">,\n    Omit<UseSidebarItemProps, \"asyncChildren\"> {\n  /**\n   * The label to display in the item.\n   */\n  label: ReactNode\n  /**\n   * If `true`, the sidebar item will be animated.\n   *\n   * @default true\n   */\n  animated?: boolean\n  /**\n   * The element to display at the end of the item.\n   */\n  endElement?: SidebarItemReactNode\n  /**\n   * The sidebar item indicator icon to use.\n   */\n  indicator?: ReactNodeOrFunction<SidebarItemCallBackProps>\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: SidebarItemWithValue[]\n  /**\n   * The loading scheme.\n   *\n   * @default 'oval'\n   */\n  loadingScheme?: Loading.Scheme\n  /**\n   * If provided, the sidebar item will be rendered with custom components.\n   */\n  render?: SidebarItemRender\n  /**\n   * The element to display at the start of the item.\n   */\n  startElement?: SidebarItemReactNode\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<SidebarItemContentProps, \"children\">\n  /**\n   * Props for the end component.\n   */\n  endElementProps?: SidebarItemEndElementProps\n  /**\n   * Props for the indicator component.\n   */\n  indicatorProps?: SidebarItemIndicatorProps\n  /**\n   * Props for the label component.\n   */\n  labelProps?: SidebarItemLabelProps\n  /**\n   * Props for the link component.\n   */\n  linkProps?: SidebarItemLinkProps\n  /**\n   * Props for the start component.\n   */\n  startElementProps?: SidebarItemStartElementProps\n  /**\n   * Props for the tooltip component.\n   */\n  tooltipProps?: Omit<SidebarItemTooltipProps, \"children\" | \"content\">\n  /**\n   * Props for the trigger component.\n   */\n  triggerProps?: SidebarItemTriggerProps\n  /**\n   * If provided, the sidebar item will be rendered as an async sidebar item.\n   */\n  asyncChildren?: () => Promise<SidebarItemWithValue[]>\n}\n\nexport const SidebarItem = withContext<\"li\", SidebarItemProps>(\n  ({\n    animated: animatedProp,\n    asyncChildren: asyncChildrenProp,\n    children: childrenProp,\n    endElement,\n    indicator: indicatorProp,\n    items,\n    label,\n    loadingScheme,\n    render,\n    startElement,\n    contentProps,\n    endElementProps,\n    indicatorProps,\n    labelProps,\n    linkProps,\n    startElementProps,\n    tooltipProps,\n    triggerProps,\n    ...rest\n  }) => {\n    const { mode } = useComponentContext()\n    const offcanvas = mode === \"offcanvas\"\n    const componentContext = useSidePanelComponentContext()\n    const Loading = useLoadingComponent(\n      loadingScheme ?? componentContext.loadingScheme ?? \"oval\",\n    )\n    const computedChildren = useMemo(() => {\n      if (childrenProp) return childrenProp\n\n      return items?.map(({ children, ...rest }, index) => {\n        const key = createKey(rest, index)\n\n        return <SidebarItem key={key} items={children} {...rest} />\n      })\n    }, [childrenProp, items])\n    const asyncChildren = useCallback(async () => {\n      const items = await asyncChildrenProp?.()\n\n      return items?.map(({ children, ...rest }, index) => {\n        const key = createKey(rest, index)\n\n        return <SidebarItem key={key} items={children} {...rest} />\n      })\n    }, [asyncChildrenProp])\n    const {\n      branchOpen,\n      children,\n      disabled,\n      expanded,\n      expandedValue,\n      group,\n      groupLoading,\n      groupOpen,\n      open,\n      selected,\n      selectedValue,\n      value,\n      getContentProps,\n      getIndicatorProps,\n      getItemProps,\n      getLabelProps,\n      getLinkProps,\n      getTriggerProps,\n      onExpandedChange,\n      onGroupClose,\n      onGroupOpen,\n      onGroupToggle,\n      onSelectedChange,\n    } = useSidebarItem({\n      ...mergeProps(componentContext.itemProps, rest)(),\n      asyncChildren: asyncChildrenProp ? asyncChildren : undefined,\n      children: computedChildren,\n    })\n    const animated = animatedProp ?? componentContext.animated ?? true\n    const tabIndex = offcanvas\n      ? open && expanded && !disabled\n        ? 0\n        : -1\n      : expanded && !disabled\n        ? 0\n        : -1\n    const callbackProps = useMemo(\n      () => ({ disabled, expanded: groupOpen }),\n      [disabled, groupOpen],\n    )\n    const mergedTriggerProps = useMemo(() => {\n      return getTriggerProps({\n        tabIndex,\n        ...mergeProps(componentContext.triggerProps, triggerProps)(),\n      }) as SidebarItemTriggerProps\n    }, [getTriggerProps, tabIndex, componentContext.triggerProps, triggerProps])\n    const mergedLinkProps = useMemo(() => {\n      return getLinkProps({\n        tabIndex,\n        ...mergeProps(componentContext.linkProps, linkProps)(),\n      }) as SidebarItemLinkProps\n    }, [getLinkProps, tabIndex, componentContext.linkProps, linkProps])\n    const indicator = useMemo<ReactNode>(\n      () => runIfFn(indicatorProp ?? componentContext.indicator, callbackProps),\n      [indicatorProp, componentContext.indicator, callbackProps],\n    )\n    const groupStartElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"group\",\n            startElement,\n            componentContext.startElement,\n          ),\n          callbackProps,\n        ),\n      [startElement, componentContext.startElement, callbackProps],\n    )\n    const groupEndElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"group\",\n            endElement,\n            componentContext.endElement,\n          ),\n          callbackProps,\n        ),\n      [endElement, componentContext.endElement, callbackProps],\n    )\n    const itemStartElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"item\",\n            startElement,\n            componentContext.startElement,\n          ),\n          callbackProps,\n        ),\n      [startElement, componentContext.startElement, callbackProps],\n    )\n    const itemEndElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"item\",\n            endElement,\n            componentContext.endElement,\n          ),\n          callbackProps,\n        ),\n      [endElement, componentContext.endElement, callbackProps],\n    )\n    const trigger = useMemo<ReactNode>(\n      () =>\n        runIfFn(render?.trigger ?? componentContext.render?.trigger, {\n          endElement: groupEndElement,\n          expanded,\n          expandedValue,\n          groupLoading,\n          groupOpen,\n          indicator,\n          label,\n          selected,\n          selectedValue,\n          startElement: groupStartElement,\n          value,\n          triggerProps: mergedTriggerProps,\n          onExpandedChange,\n          onGroupClose,\n          onGroupOpen,\n          onGroupToggle,\n          onSelectedChange,\n        }),\n      [\n        render?.trigger,\n        componentContext.render?.trigger,\n        groupEndElement,\n        expanded,\n        expandedValue,\n        groupLoading,\n        groupOpen,\n        indicator,\n        label,\n        selected,\n        selectedValue,\n        groupStartElement,\n        value,\n        mergedTriggerProps,\n        onExpandedChange,\n        onGroupClose,\n        onGroupOpen,\n        onGroupToggle,\n        onSelectedChange,\n      ],\n    )\n    const link = useMemo<ReactNode>(\n      () =>\n        runIfFn(render?.link ?? componentContext.render?.link, {\n          endElement: itemEndElement,\n          expanded,\n          expandedValue,\n          label,\n          selected,\n          selectedValue,\n          startElement: itemStartElement,\n          value,\n          linkProps: mergedLinkProps,\n          onExpandedChange,\n          onSelectedChange,\n        }),\n      [\n        render?.link,\n        componentContext.render?.link,\n        itemEndElement,\n        expanded,\n        expandedValue,\n        label,\n        selected,\n        selectedValue,\n        itemStartElement,\n        value,\n        mergedLinkProps,\n        onExpandedChange,\n        onSelectedChange,\n      ],\n    )\n    const item = useMemo<ReactNode>(\n      () =>\n        runIfFn(render?.item ?? componentContext.render?.item, {\n          children,\n          endElement: { group: groupEndElement, item: itemEndElement },\n          expanded,\n          expandedValue,\n          group,\n          groupLoading,\n          groupOpen,\n          indicator,\n          label,\n          link,\n          selected,\n          selectedValue,\n          startElement: { group: groupStartElement, item: itemStartElement },\n          trigger,\n          value,\n          itemProps: getItemProps() as HTMLStyledProps<\"li\">,\n          linkProps: mergedLinkProps,\n          triggerProps: mergedTriggerProps,\n          onExpandedChange,\n          onGroupClose,\n          onGroupOpen,\n          onGroupToggle,\n          onSelectedChange,\n        }),\n      [\n        render?.item,\n        componentContext.render?.item,\n        children,\n        groupEndElement,\n        itemEndElement,\n        expanded,\n        expandedValue,\n        group,\n        groupLoading,\n        groupOpen,\n        indicator,\n        label,\n        link,\n        selected,\n        selectedValue,\n        groupStartElement,\n        itemStartElement,\n        trigger,\n        value,\n        getItemProps,\n        mergedLinkProps,\n        mergedTriggerProps,\n        onExpandedChange,\n        onGroupClose,\n        onGroupOpen,\n        onGroupToggle,\n        onSelectedChange,\n      ],\n    )\n    const context = useMemo(\n      () => ({ branchOpen, groupOpen }),\n      [branchOpen, groupOpen],\n    )\n    const itemComponentContext = useMemo(\n      () => ({\n        contentProps: {\n          duration: !animated ? 0 : undefined,\n          open: groupOpen,\n          ...getContentProps(\n            mergeProps(componentContext.itemContentProps, contentProps)(),\n          ),\n        },\n        endElementProps: mergeProps(\n          componentContext.endElementProps,\n          endElementProps,\n        )(),\n        indicatorProps: getIndicatorProps({\n          \"data-animated\": dataAttr(animated),\n          ...mergeProps(componentContext.indicatorProps, indicatorProps)(),\n        }) as SidebarItemIndicatorProps,\n        labelProps: getLabelProps(\n          mergeProps(componentContext.labelProps, labelProps)(),\n        ) as SidebarItemLabelProps,\n        startElementProps: mergeProps(\n          componentContext.startElementProps,\n          startElementProps,\n        )(),\n        tooltipProps: {\n          content: label,\n          disabled: open,\n          ...mergeProps(componentContext.tooltipProps, tooltipProps)(),\n        },\n      }),\n      [\n        animated,\n        componentContext.endElementProps,\n        componentContext.indicatorProps,\n        componentContext.itemContentProps,\n        componentContext.labelProps,\n        componentContext.startElementProps,\n        componentContext.tooltipProps,\n        contentProps,\n        endElementProps,\n        getContentProps,\n        getIndicatorProps,\n        getLabelProps,\n        groupOpen,\n        indicatorProps,\n        label,\n        labelProps,\n        open,\n        startElementProps,\n        tooltipProps,\n      ],\n    )\n\n    return (\n      <SidebarItemContext value={context}>\n        <ItemComponentContext value={itemComponentContext}>\n          {item ?? (\n            <styled.li {...getItemProps()}>\n              {group ? (\n                <>\n                  {trigger ?? (\n                    <SidebarItemTrigger {...mergedTriggerProps}>\n                      {groupStartElement ? (\n                        <SidebarItemStartElement>\n                          {groupStartElement}\n                        </SidebarItemStartElement>\n                      ) : null}\n                      {label ? (\n                        <SidebarItemLabel>{label}</SidebarItemLabel>\n                      ) : null}\n                      {groupEndElement ? (\n                        <SidebarItemEndElement>\n                          {groupEndElement}\n                        </SidebarItemEndElement>\n                      ) : null}\n                      <SidebarItemIndicator>\n                        {groupLoading ? (\n                          <Loading />\n                        ) : (\n                          runIfFn(indicator, callbackProps)\n                        )}\n                      </SidebarItemIndicator>\n                    </SidebarItemTrigger>\n                  )}\n\n                  <SidebarItemContent>{children}</SidebarItemContent>\n                </>\n              ) : (\n                (link ?? (\n                  <SidebarItemLink {...mergedLinkProps}>\n                    {itemStartElement ? (\n                      <SidebarItemStartElement>\n                        {itemStartElement}\n                      </SidebarItemStartElement>\n                    ) : null}\n                    {label ? (\n                      <SidebarItemLabel>{label}</SidebarItemLabel>\n                    ) : null}\n                    {itemEndElement ? (\n                      <SidebarItemEndElement>\n                        {itemEndElement}\n                      </SidebarItemEndElement>\n                    ) : null}\n                  </SidebarItemLink>\n                ))\n              )}\n            </styled.li>\n          )}\n        </ItemComponentContext>\n      </SidebarItemContext>\n    )\n  },\n  \"item\",\n)()\n\ninterface SidebarItemTooltipProps extends TooltipProps {}\n\nconst SidebarItemTooltip: FC<SidebarItemTooltipProps> = (props) => {\n  const { tooltipProps } = useItemComponentContext()\n  const { children, disabled, ...rest } = mergeProps(tooltipProps, props)()\n  const { mode, placement } = useComponentContext()\n  const offcanvas = mode === \"offcanvas\"\n\n  if (offcanvas || disabled) {\n    return children\n  } else {\n    return (\n      <Tooltip\n        closeOnClick={false}\n        gutter={16}\n        placement={`center-${placement === \"start\" ? \"end\" : \"start\"}`}\n        {...rest}\n      >\n        {children}\n      </Tooltip>\n    )\n  }\n}\n\nexport interface SidebarItemTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarItemTrigger = withContext<\n  \"button\",\n  SidebarItemTriggerProps\n>((props) => {\n  return (\n    <SidebarItemTooltip>\n      <styled.button {...props} />\n    </SidebarItemTooltip>\n  )\n}, \"itemTrigger\")()\n\nexport interface SidebarItemLinkProps extends HTMLStyledProps<\"a\"> {}\n\nexport const SidebarItemLink = withContext<\"a\", SidebarItemLinkProps>(\n  (props) => {\n    return (\n      <SidebarItemTooltip>\n        <styled.a {...props} />\n      </SidebarItemTooltip>\n    )\n  },\n  \"itemLink\",\n)()\n\nexport interface SidebarItemContentProps\n  extends\n    Omit<HTMLStyledProps<\"ul\">, \"transition\">,\n    Pick<CollapseProps, \"animationOpacity\" | keyof WithTransitionProps> {}\n\nexport const SidebarItemContent = withContext<\"ul\", SidebarItemContentProps>(\n  (props) => {\n    const { contentProps } = useItemComponentContext()\n\n    return (\n      <Collapse\n        as=\"ul\"\n        {...cast<CollapseProps>(mergeProps(contentProps, props)())}\n      />\n    )\n  },\n  \"itemContent\",\n)()\n\nexport interface SidebarItemIndicatorProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const SidebarItemIndicator = withContext<\n  \"svg\",\n  SidebarItemIndicatorProps\n>(({ children = <ChevronRightIcon />, ...rest }) => {\n  const { indicatorHidden } = useSidePanelComponentContext()\n\n  if (indicatorHidden) return null\n\n  if (isValidElement<HTMLProps<\"svg\">>(children))\n    return cloneElement(children, { ...rest, ...children.props })\n\n  return Children.count(children) > 1 ? Children.only(null) : null\n}, \"itemIndicator\")(undefined, (props) => {\n  const { indicatorProps } = useItemComponentContext()\n\n  return mergeProps(indicatorProps, props)()\n})\n\nexport interface SidebarItemStartElementProps extends HTMLStyledProps {}\n\nexport const SidebarItemStartElement = withContext<\n  \"div\",\n  SidebarItemStartElementProps\n>(\"div\", {\n  name: \"ItemStartElement\",\n  slot: [\"itemElement\", \"start\"],\n})(undefined, (props) => {\n  const { startElementProps } = useItemComponentContext()\n\n  return mergeProps(startElementProps, props)()\n})\n\nexport interface SidebarItemEndElementProps extends HTMLStyledProps {}\n\nexport const SidebarItemEndElement = withContext<\n  \"div\",\n  SidebarItemEndElementProps\n>(\"div\", {\n  name: \"ItemEndElement\",\n  slot: [\"itemElement\", \"end\"],\n})(undefined, (props) => {\n  const { endElementProps } = useItemComponentContext()\n\n  return mergeProps(endElementProps, props)()\n})\n\nexport interface SidebarItemLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const SidebarItemLabel = withContext<\"span\", SidebarItemLabelProps>(\n  \"span\",\n  \"itemLabel\",\n)(undefined, (props) => {\n  const { labelProps } = useItemComponentContext()\n\n  return mergeProps(labelProps, props)()\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA0JA,MAAM,aAAa,OAAoB,UAAkB;CACvD,OAAO,WAAW,QAAQ,MAAM,SAAS,QAAQ;AACnD;AAEA,MAAM,0BACJ,MACA,QACA,SACkD;CAClD,KAAA,GAAA,cAAA,SAAA,CAAa,MAAM,MAAM,WAAW,UAAU,UAAU,SACtD,OAAO,OAAO;MACT,IAAI,QACT,OAAO;MACF,KAAA,GAAA,cAAA,SAAA,CAAa,IAAI,MAAM,WAAW,QAAQ,UAAU,OACzD,OAAO,KAAK;MAEZ,OAAO;AAEX;AAoBA,MAAM,CAAC,uBAAuB,4BAC5BA,gBAAqC,EAAE,MAAM,wBAAwB,CAAC;AAWxE,MAAM,CAAC,sBAAsB,2BAC3BA,gBAAoC,EAAE,MAAM,uBAAuB,CAAC;AA8BtE,MAAM,CAAC,2BAA2B,gCAChCA,gBAAyC,EACvC,MAAM,4BACR,CAAC;AAeH,MAAM,EACJ,kBACA,cAAc,qBACd,qBACA,iBAAiB,wBACjB,aACA,iBACE,oBACF,WACA,YACF;;;;;;AASA,MAAa,cAAc,cAKxB,EACC,aAAa,MACb,MAAM,WAAW,aACjB,WAAW,gBAAgB,SAC3B,GAAG,WACC;CACJ,MAAM,SACJ,mBACE,aAAa,GAAG,aAAa,KAAK,IAAI,EAAE,MAAM,MAAM,CACtD,KAAK;CACP,MAAM,OAAO,SAAS,QAAQ;CAC9B,MAAM,YAAY,SAAS,aAAa;CACxC,MAAM,EACJ,aACA,eACA,MACA,eACA,iBACA,gBACA,gBACA,cACA,mBACA,iBACA,SACA,kBACA,QACA,kBACA,aACE,WAAW;EAAE;EAAQ,GAAG;CAAK,CAAC;CAgDlC,OACE,oBAAC,2BAAD;EAA2B,OAAO;YAChC,oBAAC,gBAAD;GAAgB,OAjDJ,eACP;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,IACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CA2B+B;aAC3B,oBAAC,kBAAD;IAAkB,OA1BC,eAChB;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACA;IACF,IACA;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACA;IACF,CAM4C;cACtC,oBAAC,OAAO,KAAR;KAAY,cAAA;KAAW,GAAI,aAAa;IAAI,CAAA;GAC5B,CAAA;EACJ,CAAA;CACS,CAAA;AAE/B,GACA,QACA,EAAE,eAAe,CAAC,QAAQ,WAAW,EAAE,CACzC,CAAC,CAAC;AAIF,MAAa,mBAAmB,YAC9B,OACA,WACF,CAAC,CAAC;AAIF,MAAa,iBAAiB,YAC5B,UACA,SACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,oBAAoB;CAEhD,OAAO;EAAE,SAAS;EAAM,GAAG,gBAAgB,KAAK;CAAE;AACpD,CAAC;AA8GD,MAAa,mBAAmB,aAC7B,EACC,WAAW,MACX,UACA,SACA,YACA,QACA,QACA,WACA,iBACA,OACA,eACA,QACA,cACA,aAAa,MACb,cACA,aACA,iBACA,aACA,mBACA,YACA,aACA,aACA,gBACA,kBACA,WACA,YACA,WACA,WACA,mBACA,cACA,cACA,GAAG,WACC;CACJ,MAAM,EAAE,QAAQ,MAAM,YAAY,kBAAkB;CACpD,MAAM,EAAE,YAAY,WAAW,sBAAsB,oBAAoB;CACzE,MAAM,CACJ,iBACA,cACA,eACA,cACA,gBACE,iBACF,UACA,eACA,gBACA,eACA,aACF;CAwDA,OACE,oBAAC,2BAAD;EAA2B,OAxDb,eACP;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAIwC;YACrC,SACC,oBAACC,YAAD;GACE,MAAK;GACL,WAAW;GACX,UAAU,CAAC,WAAW,IAAI,KAAA;GACpB;GACN,WAAW,UAAU;GACrB,iBAAiB;GACjB,aAAa,EAAE,UAAU,KAAK;GACrB;GACT,GAAI;aAEJ,qBAACC,eAAD,EAAA,UAAA;IACG,iBACE,S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"}
+{"version":3,"file":"sidebar.js","names":["createContext","Drawer.Root","Drawer.Content"],"sources":["../../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type {\n  Breakpoint,\n  ExtractStyleValue,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CollapseProps } from \"../collapse\"\nimport type { Loading } from \"../loading\"\nimport type { WithTransitionProps } from \"../motion\"\nimport type {\n  UseSidebarGroupProps,\n  UseSidebarGroupReturn,\n  UseSidebarItemProps,\n  UseSidebarItemReturn,\n  UseSidebarProps,\n  UseSidebarReturn,\n} from \"./use-sidebar\"\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n} from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useBreakpointValue } from \"../../hooks/use-breakpoint\"\nimport { useValue } from \"../../hooks/use-value\"\nimport {\n  cast,\n  createContext,\n  dataAttr,\n  isObject,\n  isString,\n  runIfFn,\n  useIncludesChildren,\n  useSplitChildren,\n  useValidChildren,\n} from \"../../utils\"\nimport { Collapse } from \"../collapse\"\nimport { Drawer } from \"../drawer\"\nimport { ChevronRightIcon } from \"../icon\"\nimport { useLoadingComponent } from \"../loading\"\nimport { Tooltip, type TooltipProps } from \"../tooltip\"\nimport { sidebarStyle, type SidebarStyle } from \"./sidebar.style\"\nimport {\n  SidebarContext,\n  SidebarDescendantsContext,\n  SidebarItemContext,\n  useSidebar,\n  useSidebarContext,\n  useSidebarGroup,\n  useSidebarItem,\n} from \"./use-sidebar\"\n\ninterface SidebarItemCallBackProps {\n  disabled?: boolean\n  expanded?: boolean\n}\n\ntype SidebarItemReactNode =\n  | ReactNodeOrFunction<SidebarItemCallBackProps>\n  | {\n      group: ReactNodeOrFunction<SidebarItemCallBackProps>\n      item?: ReactNodeOrFunction<SidebarItemCallBackProps>\n    }\n  | {\n      item: ReactNodeOrFunction<SidebarItemCallBackProps>\n      group?: ReactNodeOrFunction<SidebarItemCallBackProps>\n    }\n\ninterface SidebarItemSharedRenderProps\n  extends\n    Pick<SidebarItemProps, \"label\">,\n    Pick<\n      UseSidebarItemReturn,\n      | \"expanded\"\n      | \"expandedValue\"\n      | \"onExpandedChange\"\n      | \"onSelectedChange\"\n      | \"selected\"\n      | \"selectedValue\"\n      | \"value\"\n    > {\n  itemProps: HTMLStyledProps<\"li\">\n  linkProps: HTMLStyledProps<\"a\">\n  triggerProps: HTMLStyledProps<\"button\">\n  endElement?: ReactNode\n  startElement?: ReactNode\n}\n\ninterface SidebarItemRenderProps\n  extends\n    PropsWithChildren,\n    Omit<SidebarItemSharedRenderProps, \"endElement\" | \"startElement\">,\n    Pick<\n      UseSidebarItemReturn,\n      | \"group\"\n      | \"groupLoading\"\n      | \"groupOpen\"\n      | \"onGroupClose\"\n      | \"onGroupOpen\"\n      | \"onGroupToggle\"\n    > {\n  endElement: { group?: ReactNode; item?: ReactNode }\n  startElement: { group?: ReactNode; item?: ReactNode }\n  indicator?: ReactNode\n  link?: ReactNode\n  trigger?: ReactNode\n}\n\ninterface SidebarItemLinkRenderProps extends Omit<\n  SidebarItemSharedRenderProps,\n  \"itemProps\" | \"triggerProps\"\n> {}\n\ninterface SidebarItemTriggerRenderProps\n  extends\n    Omit<SidebarItemSharedRenderProps, \"itemProps\" | \"linkProps\">,\n    Pick<\n      UseSidebarItemReturn,\n      | \"groupLoading\"\n      | \"groupOpen\"\n      | \"onGroupClose\"\n      | \"onGroupOpen\"\n      | \"onGroupToggle\"\n    > {\n  indicator?: ReactNode\n}\n\ninterface SidebarItemRender {\n  item?: ReactNodeOrFunction<SidebarItemRenderProps>\n  link?: ReactNodeOrFunction<SidebarItemLinkRenderProps>\n  trigger?: ReactNodeOrFunction<SidebarItemTriggerRenderProps>\n}\n\ninterface SidebarGroup extends Omit<SidebarGroupProps, \"children\" | \"value\"> {\n  children: SidebarItemWithValue[]\n  group: true\n}\n\nexport interface SidebarItemWithValue extends Omit<\n  SidebarItemProps,\n  \"children\"\n> {\n  children?: SidebarItemWithValue[]\n}\n\nexport type SidebarItem = SidebarGroup | SidebarItemWithValue\n\nconst createKey = (props: SidebarItem, index: number) => {\n  return \"value\" in props ? props.value || index : index\n}\n\nconst getReactNodeOrFunction = (\n  type: \"group\" | \"item\",\n  custom?: SidebarItemReactNode,\n  root?: SidebarItemReactNode,\n): ReactNodeOrFunction<SidebarItemCallBackProps> => {\n  if (isObject(custom) && (\"group\" in custom || \"item\" in custom))\n    return custom[type]\n  else if (custom) return custom\n  else if (isObject(root) && (\"group\" in root || \"item\" in root))\n    return root[type]\n  else return root\n}\n\ninterface ComponentContext extends Pick<\n  UseSidebarReturn,\n  | \"getContentProps\"\n  | \"getFooterProps\"\n  | \"getHeaderProps\"\n  | \"getSidePanelProps\"\n  | \"getTriggerProps\"\n> {\n  breakpoint: ExtractStyleValue<NonNullable<SidebarRootProps[\"breakpoint\"]>>\n  mode: ExtractStyleValue<NonNullable<SidebarRootProps[\"mode\"]>>\n  placement: ExtractStyleValue<NonNullable<SidebarRootProps[\"placement\"]>>\n}\n\ninterface GroupComponentContext\n  extends\n    Pick<SidebarGroupProps, \"contentProps\" | \"labelProps\">,\n    Pick<UseSidebarGroupReturn, \"getContentProps\" | \"getLabelProps\"> {}\n\nconst [GroupComponentContext, useGroupComponentContext] =\n  createContext<GroupComponentContext>({ name: \"GroupComponentContext\" })\n\ninterface ItemComponentContext {\n  contentProps: SidebarItemContentProps\n  endElementProps: SidebarItemEndElementProps\n  indicatorProps: SidebarItemIndicatorProps\n  labelProps: SidebarItemLabelProps\n  startElementProps: SidebarItemStartElementProps\n  tooltipProps: SidebarItemTooltipProps\n}\n\nconst [ItemComponentContext, useItemComponentContext] =\n  createContext<ItemComponentContext>({ name: \"ItemComponentContext\" })\n\ninterface SidePanelComponentContext extends Pick<\n  SidebarSidePanelProps,\n  | \"animated\"\n  | \"contentProps\"\n  | \"endElement\"\n  | \"endElementProps\"\n  | \"footerProps\"\n  | \"groupContentProps\"\n  | \"groupProps\"\n  | \"handleProps\"\n  | \"headerProps\"\n  | \"indicator\"\n  | \"indicatorHidden\"\n  | \"indicatorProps\"\n  | \"itemContentProps\"\n  | \"itemProps\"\n  | \"items\"\n  | \"labelProps\"\n  | \"linkProps\"\n  | \"loadingScheme\"\n  | \"menuProps\"\n  | \"render\"\n  | \"startElement\"\n  | \"startElementProps\"\n  | \"tooltipProps\"\n  | \"triggerProps\"\n> {}\n\nconst [SidePanelComponentContext, useSidePanelComponentContext] =\n  createContext<SidePanelComponentContext>({\n    name: \"SidePanelComponentContext\",\n  })\n\nexport interface SidebarRootProps\n  extends\n    HTMLStyledProps<\"div\">,\n    ThemeProps<SidebarStyle>,\n    Omit<UseSidebarProps, \"mobile\"> {\n  /**\n   * The breakpoint to use for the sidebar. If `false`, the sidebar will be always visible.\n   *\n   * @default 'md'\n   */\n  breakpoint?: Exclude<Breakpoint, \"base\"> | false\n}\n\nconst {\n  ComponentContext,\n  PropsContext: SidebarPropsContext,\n  useComponentContext,\n  usePropsContext: useSidebarPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<SidebarRootProps, SidebarStyle, ComponentContext>(\n  \"sidebar\",\n  sidebarStyle,\n)\n\nexport { SidebarPropsContext, useSidebarPropsContext }\n\n/**\n * `Sidebar` is a component that is used to display a list of items in a sidebar.\n *\n * @see https://yamada-ui.com/docs/components/sidebar\n */\nexport const SidebarRoot = withProvider<\n  \"div\",\n  SidebarRootProps,\n  \"mode\" | \"placement\"\n>(\n  ({\n    breakpoint = \"md\",\n    mode: modeProp = \"offcanvas\",\n    placement: placementProp = \"start\",\n    ...rest\n  }) => {\n    const mobile =\n      useBreakpointValue<boolean | undefined>(\n        breakpoint ? { [breakpoint]: true } : { base: false },\n      ) ?? false\n    const mode = useValue(modeProp)\n    const placement = useValue(placementProp)\n    const {\n      descendants,\n      expandedValue,\n      open,\n      selectedValue,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getRootProps,\n      getSidePanelProps,\n      getTriggerProps,\n      onClose,\n      onExpandedChange,\n      onOpen,\n      onSelectedChange,\n      onToggle,\n    } = useSidebar({ mobile, ...rest })\n    const context = useMemo(\n      () => ({\n        expandedValue,\n        mobile,\n        open,\n        selectedValue,\n        onClose,\n        onExpandedChange,\n        onOpen,\n        onSelectedChange,\n        onToggle,\n      }),\n      [\n        mobile,\n        expandedValue,\n        open,\n        selectedValue,\n        onClose,\n        onExpandedChange,\n        onOpen,\n        onSelectedChange,\n        onToggle,\n      ],\n    )\n    const componentContext = useMemo(\n      () => ({\n        breakpoint,\n        mode,\n        placement,\n        getContentProps,\n        getFooterProps,\n        getHeaderProps,\n        getSidePanelProps,\n        getTriggerProps,\n      }),\n      [\n        breakpoint,\n        mode,\n        placement,\n        getContentProps,\n        getFooterProps,\n        getHeaderProps,\n        getSidePanelProps,\n        getTriggerProps,\n      ],\n    )\n\n    return (\n      <SidebarDescendantsContext value={descendants}>\n        <SidebarContext value={context}>\n          <ComponentContext value={componentContext}>\n            <styled.div data-group {...getRootProps()} />\n          </ComponentContext>\n        </SidebarContext>\n      </SidebarDescendantsContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"mode\", \"placement\"] },\n)()\n\nexport interface SidebarMainPanelProps extends HTMLStyledProps {}\n\nexport const SidebarMainPanel = withContext<\"div\", SidebarMainPanelProps>(\n  \"div\",\n  \"mainPanel\",\n)()\n\nexport interface SidebarTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarTrigger = withContext<\"button\", SidebarTriggerProps>(\n  \"button\",\n  \"trigger\",\n)(undefined, (props) => {\n  const { getTriggerProps } = useComponentContext()\n\n  return { asChild: true, ...getTriggerProps(props) }\n})\n\nexport interface SidebarSidePanelProps\n  extends\n    Omit<HTMLStyledProps<\"aside\">, \"content\">,\n    Pick<SidebarContentProps, \"items\">,\n    Pick<\n      SidebarItemProps,\n      | \"animated\"\n      | \"endElement\"\n      | \"endElementProps\"\n      | \"indicator\"\n      | \"indicatorProps\"\n      | \"labelProps\"\n      | \"linkProps\"\n      | \"loadingScheme\"\n      | \"render\"\n      | \"startElement\"\n      | \"startElementProps\"\n      | \"tooltipProps\"\n      | \"triggerProps\"\n    > {\n  /**\n   * The content of the sidebar.\n   */\n  content?: ReactNode\n  /**\n   * The footer of the sidebar.\n   */\n  footer?: ReactNode\n  /**\n   * The header of the sidebar.\n   */\n  header?: ReactNode\n  /**\n   * If `true`, hide the tree indicator icon for all items.\n   *\n   * @default false\n   */\n  indicatorHidden?: boolean\n  /**\n   * If `true`, the sidebar will be rendered with a handle.\n   *\n   * @default true\n   */\n  withHandle?: boolean\n  /**\n   * Props for the content component.\n   */\n  contentProps?: SidebarContentProps\n  /**\n   * Props for the drawer component.\n   */\n  drawerProps?: Omit<\n    Drawer.RootProps,\n    | \"body\"\n    | \"cancel\"\n    | \"children\"\n    | \"footer\"\n    | \"header\"\n    | \"middle\"\n    | \"onCancel\"\n    | \"onClose\"\n    | \"onMiddle\"\n    | \"onOpen\"\n    | \"onSuccess\"\n    | \"open\"\n    | \"success\"\n    | \"title\"\n    | \"trigger\"\n  >\n  /**\n   * Props for the footer component.\n   */\n  footerProps?: SidebarFooterProps\n  /**\n   * Props for the group content component.\n   */\n  groupContentProps?: Omit<SidebarGroupContentProps, \"children\">\n  /**\n   * Props for the group component.\n   */\n  groupProps?: Omit<SidebarGroupProps, \"children\" | \"label\" | \"value\">\n  /**\n   * Props for the handle component.\n   */\n  handleProps?: SidebarHandleProps\n  /**\n   * Props for the header component.\n   */\n  headerProps?: SidebarHeaderProps\n  /**\n   * Props for the item content component.\n   */\n  itemContentProps?: SidebarItemContentProps\n  /**\n   * Props for the item component.\n   */\n  itemProps?: Omit<\n    SidebarItemProps,\n    \"children\" | \"items\" | \"label\" | \"open\" | \"value\"\n  >\n  /**\n   * Props for the menu component.\n   *\n   * @default 'md'\n   */\n  menuProps?: SidebarMenuProps\n}\n\nexport const SidebarSidePanel = withContext<\"aside\", SidebarSidePanelProps>(\n  ({\n    animated = true,\n    children,\n    content,\n    endElement,\n    footer,\n    header,\n    indicator,\n    indicatorHidden,\n    items,\n    loadingScheme,\n    render,\n    startElement,\n    withHandle = true,\n    contentProps,\n    drawerProps,\n    endElementProps,\n    footerProps,\n    groupContentProps,\n    groupProps,\n    handleProps,\n    headerProps,\n    indicatorProps,\n    itemContentProps,\n    itemProps,\n    labelProps,\n    linkProps,\n    menuProps,\n    startElementProps,\n    tooltipProps,\n    triggerProps,\n    ...rest\n  }) => {\n    const { mobile, open, onClose } = useSidebarContext()\n    const { breakpoint, placement, getSidePanelProps } = useComponentContext()\n    const [\n      omittedChildren,\n      customHeader,\n      customContent,\n      customFooter,\n      customHandle,\n    ] = useSplitChildren(\n      children,\n      SidebarHeader,\n      SidebarContent,\n      SidebarFooter,\n      SidebarHandle,\n    )\n    const context = useMemo(\n      () => ({\n        animated,\n        endElement,\n        indicator,\n        indicatorHidden,\n        items,\n        loadingScheme,\n        render,\n        startElement,\n        contentProps,\n        endElementProps,\n        footerProps,\n        groupContentProps,\n        groupProps,\n        handleProps,\n        headerProps,\n        indicatorProps,\n        itemContentProps,\n        itemProps,\n        labelProps,\n        linkProps,\n        menuProps,\n        startElementProps,\n        tooltipProps,\n        triggerProps,\n      }),\n      [\n        animated,\n        endElement,\n        indicator,\n        indicatorHidden,\n        items,\n        render,\n        loadingScheme,\n        startElement,\n        contentProps,\n        endElementProps,\n        footerProps,\n        groupContentProps,\n        groupProps,\n        handleProps,\n        headerProps,\n        indicatorProps,\n        itemContentProps,\n        itemProps,\n        labelProps,\n        linkProps,\n        menuProps,\n        startElementProps,\n        tooltipProps,\n        triggerProps,\n      ],\n    )\n\n    return (\n      <SidePanelComponentContext value={context}>\n        {mobile ? (\n          <Drawer.Root\n            size=\"sm\"\n            autoFocus={false}\n            duration={!animated ? 0 : undefined}\n            open={open}\n            placement={`inline-${placement}`}\n            withCloseButton={false}\n            portalProps={{ disabled: true }}\n            onClose={onClose}\n            {...drawerProps}\n          >\n            <Drawer.Content>\n              {customHeader ??\n                (header ? <SidebarHeader>{header}</SidebarHeader> : null)}\n\n              {customContent ??\n                (content || items ? (\n                  <SidebarContent>{content}</SidebarContent>\n                ) : null)}\n\n              {customFooter ??\n                (footer ? <SidebarFooter>{footer}</SidebarFooter> : null)}\n            </Drawer.Content>\n          </Drawer.Root>\n        ) : (\n          <>\n            <SidebarGap\n              data-animated={dataAttr(animated)}\n              display={\n                breakpoint\n                  ? { base: undefined, [breakpoint]: \"none\" }\n                  : undefined\n              }\n            />\n\n            <styled.aside\n              data-animated={dataAttr(animated)}\n              data-group\n              display={\n                breakpoint\n                  ? { base: undefined, [breakpoint]: \"none\" }\n                  : undefined\n              }\n              {...getSidePanelProps(rest)}\n            >\n              {customHeader ??\n                (header ? <SidebarHeader>{header}</SidebarHeader> : null)}\n              {customContent ??\n                (content || items ? (\n                  <SidebarContent>{content}</SidebarContent>\n                ) : null)}\n              {customFooter ??\n                (footer ? <SidebarFooter>{footer}</SidebarFooter> : null)}\n              {customHandle ?? (withHandle ? <SidebarHandle /> : null)}\n\n              {omittedChildren}\n            </styled.aside>\n          </>\n        )}\n      </SidePanelComponentContext>\n    )\n  },\n  \"sidePanel\",\n)()\n\ninterface SidebarGapProps extends HTMLStyledProps<\"div\"> {}\n\nconst SidebarGap = withContext<\"div\", SidebarGapProps>(\"div\", \"gap\")()\n\nexport interface SidebarHeaderProps extends HTMLStyledProps<\"header\"> {}\n\nexport const SidebarHeader = withContext<\"header\", SidebarHeaderProps>(\n  \"header\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n  const { headerProps } = useSidePanelComponentContext()\n\n  return getHeaderProps(mergeProps(headerProps, props)())\n})\n\nexport interface SidebarFooterProps extends HTMLStyledProps<\"footer\"> {}\n\nexport const SidebarFooter = withContext<\"footer\", SidebarFooterProps>(\n  \"footer\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n  const { footerProps } = useSidePanelComponentContext()\n\n  return getFooterProps(mergeProps(footerProps, props)())\n})\n\nexport interface SidebarContentProps extends HTMLStyledProps<\"ul\"> {\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: SidebarItem[]\n}\n\nexport const SidebarContent = withContext<\"ul\", SidebarContentProps>(\n  ({ children, items, ...rest }) => {\n    const { getContentProps } = useComponentContext()\n    const { items: rootItems, contentProps } = useSidePanelComponentContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (items ?? rootItems)?.map((props, index) => {\n        const key = createKey(props, index)\n\n        if (\"group\" in props) {\n          const { children, group: _, ...rest } = props\n\n          return <SidebarGroup key={key} items={children} {...rest} />\n        } else {\n          const { children, ...rest } = props\n\n          return <SidebarItem key={key} items={children} {...rest} />\n        }\n      })\n    }, [children, items, rootItems])\n\n    return (\n      <styled.ul {...getContentProps(mergeProps(contentProps, rest)())}>\n        {computedChildren}\n      </styled.ul>\n    )\n  },\n  \"content\",\n)()\n\nexport interface SidebarHandleProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarHandle = withContext<\"button\", SidebarHandleProps>(\n  (props) => {\n    const { handleProps } = useSidePanelComponentContext()\n\n    return (\n      <SidebarTrigger {...mergeProps(handleProps, props)()}>\n        <styled.button tabIndex={-1} />\n      </SidebarTrigger>\n    )\n  },\n  \"handle\",\n)()\n\nexport interface SidebarGroupProps\n  extends\n    Omit<HTMLStyledProps<\"li\">, \"content\" | \"value\">,\n    UseSidebarGroupProps {\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: SidebarItemWithValue[]\n  /**\n   * The label of the group.\n   */\n  label?: ReactNode\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<SidebarGroupContentProps, \"children\">\n  /**\n   * Props for the label component.\n   */\n  labelProps?: HTMLStyledProps<\"span\">\n}\n\nexport const SidebarGroup = withContext<\"li\", SidebarGroupProps>(\n  ({\n    children,\n    items,\n    label,\n    value: valueProp = isString(label) ? label : undefined,\n    contentProps,\n    labelProps,\n    ...rest\n  }) => {\n    const { groupProps } = useSidePanelComponentContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items?.map(({ children, ...rest }, index) => {\n        const key = createKey(rest, index)\n\n        return <SidebarItem key={key} items={children} {...rest} />\n      })\n    }, [children, items])\n    const [omittedChildren, customLabel, customContent] = useSplitChildren(\n      computedChildren,\n      SidebarGroupLabel,\n      SidebarGroupContent,\n    )\n    const { getContentProps, getLabelProps, getRootProps } = useSidebarGroup({\n      ...mergeProps(groupProps, rest)(),\n      value: valueProp,\n    })\n    const context = useMemo(\n      () => ({ contentProps, getContentProps, getLabelProps, labelProps }),\n      [getLabelProps, labelProps, getContentProps, contentProps],\n    )\n\n    return (\n      <GroupComponentContext value={context}>\n        <styled.li {...getRootProps()}>\n          {customLabel ??\n            (label ? <SidebarGroupLabel>{label}</SidebarGroupLabel> : null)}\n          {customContent ?? (\n            <SidebarGroupContent>{omittedChildren}</SidebarGroupContent>\n          )}\n        </styled.li>\n      </GroupComponentContext>\n    )\n  },\n  \"group\",\n)()\n\nexport interface SidebarGroupLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const SidebarGroupLabel = withContext<\"span\", SidebarGroupLabelProps>(\n  \"span\",\n  \"groupLabel\",\n)(undefined, (props) => {\n  const { getLabelProps, labelProps } = useGroupComponentContext()\n\n  return getLabelProps(mergeProps(labelProps, props)())\n})\n\nexport interface SidebarGroupContentProps extends HTMLStyledProps<\"div\"> {}\n\nexport const SidebarGroupContent = withContext<\"div\", SidebarGroupContentProps>(\n  \"div\",\n  \"groupContent\",\n)(undefined, ({ children, ...rest }) => {\n  const validChildren = useValidChildren(children)\n  const list = useIncludesChildren(validChildren, SidebarItem)\n  const { groupContentProps } = useSidePanelComponentContext()\n  const { contentProps, getContentProps } = useGroupComponentContext()\n\n  return {\n    as: list ? \"ul\" : \"div\",\n    children,\n    ...getContentProps(mergeProps(groupContentProps, contentProps, rest)()),\n  }\n})\n\nexport interface SidebarMenuProps extends HTMLStyledProps<\"div\"> {}\n\nexport const SidebarMenu = withContext<\"div\", SidebarMenuProps>(\"div\", \"menu\")(\n  undefined,\n  (props) => {\n    const { menuProps } = useSidePanelComponentContext()\n\n    return { \"data-menu\": \"\", ...mergeProps(menuProps, props)() }\n  },\n)\n\nexport interface SidebarMenuButtonProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarMenuButton = withContext<\"button\", SidebarMenuButtonProps>(\n  \"button\",\n  [\"menu\", \"button\"],\n)(undefined, (props) => {\n  const { open } = useSidebarContext()\n  const { mode } = useComponentContext()\n  const { menuProps } = useSidePanelComponentContext()\n  const offcanvas = mode === \"offcanvas\"\n  const { disabled, ...rest } = mergeProps(menuProps, props)()\n\n  return {\n    \"data-menu\": \"\",\n    disabled,\n    ...rest,\n    tabIndex: (!offcanvas || open) && !disabled ? 0 : -1,\n  }\n})\n\nexport interface SidebarItemProps\n  extends\n    Omit<HTMLStyledProps<\"li\">, \"value\">,\n    Omit<UseSidebarItemProps, \"asyncChildren\"> {\n  /**\n   * The label to display in the item.\n   */\n  label: ReactNode\n  /**\n   * If `true`, the sidebar item will be animated.\n   *\n   * @default true\n   */\n  animated?: boolean\n  /**\n   * The element to display at the end of the item.\n   */\n  endElement?: SidebarItemReactNode\n  /**\n   * The sidebar item indicator icon to use.\n   */\n  indicator?: ReactNodeOrFunction<SidebarItemCallBackProps>\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: SidebarItemWithValue[]\n  /**\n   * The loading scheme.\n   *\n   * @default 'oval'\n   */\n  loadingScheme?: Loading.Scheme\n  /**\n   * If provided, the sidebar item will be rendered with custom components.\n   */\n  render?: SidebarItemRender\n  /**\n   * The element to display at the start of the item.\n   */\n  startElement?: SidebarItemReactNode\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<SidebarItemContentProps, \"children\">\n  /**\n   * Props for the end component.\n   */\n  endElementProps?: SidebarItemEndElementProps\n  /**\n   * Props for the indicator component.\n   */\n  indicatorProps?: SidebarItemIndicatorProps\n  /**\n   * Props for the label component.\n   */\n  labelProps?: SidebarItemLabelProps\n  /**\n   * Props for the link component.\n   */\n  linkProps?: SidebarItemLinkProps\n  /**\n   * Props for the start component.\n   */\n  startElementProps?: SidebarItemStartElementProps\n  /**\n   * Props for the tooltip component.\n   */\n  tooltipProps?: Omit<SidebarItemTooltipProps, \"children\" | \"content\">\n  /**\n   * Props for the trigger component.\n   */\n  triggerProps?: SidebarItemTriggerProps\n  /**\n   * If provided, the sidebar item will be rendered as an async sidebar item.\n   */\n  asyncChildren?: () => Promise<SidebarItemWithValue[]>\n}\n\nexport const SidebarItem = withContext<\"li\", SidebarItemProps>(\n  ({\n    animated: animatedProp,\n    asyncChildren: asyncChildrenProp,\n    children: childrenProp,\n    endElement,\n    indicator: indicatorProp,\n    items,\n    label,\n    loadingScheme,\n    render,\n    startElement,\n    contentProps,\n    endElementProps,\n    indicatorProps,\n    labelProps,\n    linkProps,\n    startElementProps,\n    tooltipProps,\n    triggerProps,\n    ...rest\n  }) => {\n    const { mode } = useComponentContext()\n    const offcanvas = mode === \"offcanvas\"\n    const componentContext = useSidePanelComponentContext()\n    const Loading = useLoadingComponent(\n      loadingScheme ?? componentContext.loadingScheme ?? \"oval\",\n    )\n    const computedChildren = useMemo(() => {\n      if (childrenProp) return childrenProp\n\n      return items?.map(({ children, ...rest }, index) => {\n        const key = createKey(rest, index)\n\n        return <SidebarItem key={key} items={children} {...rest} />\n      })\n    }, [childrenProp, items])\n    const asyncChildren = useCallback(async () => {\n      const items = await asyncChildrenProp?.()\n\n      return items?.map(({ children, ...rest }, index) => {\n        const key = createKey(rest, index)\n\n        return <SidebarItem key={key} items={children} {...rest} />\n      })\n    }, [asyncChildrenProp])\n    const {\n      branchOpen,\n      children,\n      disabled,\n      expanded,\n      expandedValue,\n      group,\n      groupLoading,\n      groupOpen,\n      open,\n      selected,\n      selectedValue,\n      value,\n      getContentProps,\n      getIndicatorProps,\n      getItemProps,\n      getLabelProps,\n      getLinkProps,\n      getTriggerProps,\n      onExpandedChange,\n      onGroupClose,\n      onGroupOpen,\n      onGroupToggle,\n      onSelectedChange,\n    } = useSidebarItem({\n      ...mergeProps(componentContext.itemProps, rest)(),\n      asyncChildren: asyncChildrenProp ? asyncChildren : undefined,\n      children: computedChildren,\n    })\n    const animated = animatedProp ?? componentContext.animated ?? true\n    const tabIndex = offcanvas\n      ? open && expanded && !disabled\n        ? 0\n        : -1\n      : expanded && !disabled\n        ? 0\n        : -1\n    const callbackProps = useMemo(\n      () => ({ disabled, expanded: groupOpen }),\n      [disabled, groupOpen],\n    )\n    const mergedTriggerProps = useMemo(() => {\n      return getTriggerProps({\n        tabIndex,\n        ...mergeProps(componentContext.triggerProps, triggerProps)(),\n      }) as SidebarItemTriggerProps\n    }, [getTriggerProps, tabIndex, componentContext.triggerProps, triggerProps])\n    const mergedLinkProps = useMemo(() => {\n      return getLinkProps({\n        tabIndex,\n        ...mergeProps(componentContext.linkProps, linkProps)(),\n      }) as SidebarItemLinkProps\n    }, [getLinkProps, tabIndex, componentContext.linkProps, linkProps])\n    const indicator = useMemo<ReactNode>(\n      () => runIfFn(indicatorProp ?? componentContext.indicator, callbackProps),\n      [indicatorProp, componentContext.indicator, callbackProps],\n    )\n    const groupStartElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"group\",\n            startElement,\n            componentContext.startElement,\n          ),\n          callbackProps,\n        ),\n      [startElement, componentContext.startElement, callbackProps],\n    )\n    const groupEndElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"group\",\n            endElement,\n            componentContext.endElement,\n          ),\n          callbackProps,\n        ),\n      [endElement, componentContext.endElement, callbackProps],\n    )\n    const itemStartElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"item\",\n            startElement,\n            componentContext.startElement,\n          ),\n          callbackProps,\n        ),\n      [startElement, componentContext.startElement, callbackProps],\n    )\n    const itemEndElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"item\",\n            endElement,\n            componentContext.endElement,\n          ),\n          callbackProps,\n        ),\n      [endElement, componentContext.endElement, callbackProps],\n    )\n    const trigger = useMemo<ReactNode>(\n      () =>\n        runIfFn(render?.trigger ?? componentContext.render?.trigger, {\n          endElement: groupEndElement,\n          expanded,\n          expandedValue,\n          groupLoading,\n          groupOpen,\n          indicator,\n          label,\n          selected,\n          selectedValue,\n          startElement: groupStartElement,\n          value,\n          triggerProps: mergedTriggerProps,\n          onExpandedChange,\n          onGroupClose,\n          onGroupOpen,\n          onGroupToggle,\n          onSelectedChange,\n        }),\n      [\n        render?.trigger,\n        componentContext.render?.trigger,\n        groupEndElement,\n        expanded,\n        expandedValue,\n        groupLoading,\n        groupOpen,\n        indicator,\n        label,\n        selected,\n        selectedValue,\n        groupStartElement,\n        value,\n        mergedTriggerProps,\n        onExpandedChange,\n        onGroupClose,\n        onGroupOpen,\n        onGroupToggle,\n        onSelectedChange,\n      ],\n    )\n    const link = useMemo<ReactNode>(\n      () =>\n        runIfFn(render?.link ?? componentContext.render?.link, {\n          endElement: itemEndElement,\n          expanded,\n          expandedValue,\n          label,\n          selected,\n          selectedValue,\n          startElement: itemStartElement,\n          value,\n          linkProps: mergedLinkProps,\n          onExpandedChange,\n          onSelectedChange,\n        }),\n      [\n        render?.link,\n        componentContext.render?.link,\n        itemEndElement,\n        expanded,\n        expandedValue,\n        label,\n        selected,\n        selectedValue,\n        itemStartElement,\n        value,\n        mergedLinkProps,\n        onExpandedChange,\n        onSelectedChange,\n      ],\n    )\n    const item = useMemo<ReactNode>(\n      () =>\n        runIfFn(render?.item ?? componentContext.render?.item, {\n          children,\n          endElement: { group: groupEndElement, item: itemEndElement },\n          expanded,\n          expandedValue,\n          group,\n          groupLoading,\n          groupOpen,\n          indicator,\n          label,\n          link,\n          selected,\n          selectedValue,\n          startElement: { group: groupStartElement, item: itemStartElement },\n          trigger,\n          value,\n          itemProps: getItemProps() as HTMLStyledProps<\"li\">,\n          linkProps: mergedLinkProps,\n          triggerProps: mergedTriggerProps,\n          onExpandedChange,\n          onGroupClose,\n          onGroupOpen,\n          onGroupToggle,\n          onSelectedChange,\n        }),\n      [\n        render?.item,\n        componentContext.render?.item,\n        children,\n        groupEndElement,\n        itemEndElement,\n        expanded,\n        expandedValue,\n        group,\n        groupLoading,\n        groupOpen,\n        indicator,\n        label,\n        link,\n        selected,\n        selectedValue,\n        groupStartElement,\n        itemStartElement,\n        trigger,\n        value,\n        getItemProps,\n        mergedLinkProps,\n        mergedTriggerProps,\n        onExpandedChange,\n        onGroupClose,\n        onGroupOpen,\n        onGroupToggle,\n        onSelectedChange,\n      ],\n    )\n    const context = useMemo(\n      () => ({ branchOpen, groupOpen }),\n      [branchOpen, groupOpen],\n    )\n    const itemComponentContext = useMemo(\n      () => ({\n        contentProps: {\n          duration: !animated ? 0 : undefined,\n          open: groupOpen,\n          ...getContentProps(\n            mergeProps(componentContext.itemContentProps, contentProps)(),\n          ),\n        },\n        endElementProps: mergeProps(\n          componentContext.endElementProps,\n          endElementProps,\n        )(),\n        indicatorProps: getIndicatorProps({\n          \"data-animated\": dataAttr(animated),\n          ...mergeProps(componentContext.indicatorProps, indicatorProps)(),\n        }) as SidebarItemIndicatorProps,\n        labelProps: getLabelProps(\n          mergeProps(componentContext.labelProps, labelProps)(),\n        ) as SidebarItemLabelProps,\n        startElementProps: mergeProps(\n          componentContext.startElementProps,\n          startElementProps,\n        )(),\n        tooltipProps: {\n          content: label,\n          disabled: open,\n          ...mergeProps(componentContext.tooltipProps, tooltipProps)(),\n        },\n      }),\n      [\n        animated,\n        componentContext.endElementProps,\n        componentContext.indicatorProps,\n        componentContext.itemContentProps,\n        componentContext.labelProps,\n        componentContext.startElementProps,\n        componentContext.tooltipProps,\n        contentProps,\n        endElementProps,\n        getContentProps,\n        getIndicatorProps,\n        getLabelProps,\n        groupOpen,\n        indicatorProps,\n        label,\n        labelProps,\n        open,\n        startElementProps,\n        tooltipProps,\n      ],\n    )\n\n    return (\n      <SidebarItemContext value={context}>\n        <ItemComponentContext value={itemComponentContext}>\n          {item ?? (\n            <styled.li {...getItemProps()}>\n              {group ? (\n                <>\n                  {trigger ?? (\n                    <SidebarItemTrigger {...mergedTriggerProps}>\n                      {groupStartElement ? (\n                        <SidebarItemStartElement>\n                          {groupStartElement}\n                        </SidebarItemStartElement>\n                      ) : null}\n                      {label ? (\n                        <SidebarItemLabel>{label}</SidebarItemLabel>\n                      ) : null}\n                      {groupEndElement ? (\n                        <SidebarItemEndElement>\n                          {groupEndElement}\n                        </SidebarItemEndElement>\n                      ) : null}\n                      <SidebarItemIndicator>\n                        {groupLoading ? (\n                          <Loading />\n                        ) : (\n                          runIfFn(indicator, callbackProps)\n                        )}\n                      </SidebarItemIndicator>\n                    </SidebarItemTrigger>\n                  )}\n\n                  <SidebarItemContent>{children}</SidebarItemContent>\n                </>\n              ) : (\n                (link ?? (\n                  <SidebarItemLink {...mergedLinkProps}>\n                    {itemStartElement ? (\n                      <SidebarItemStartElement>\n                        {itemStartElement}\n                      </SidebarItemStartElement>\n                    ) : null}\n                    {label ? (\n                      <SidebarItemLabel>{label}</SidebarItemLabel>\n                    ) : null}\n                    {itemEndElement ? (\n                      <SidebarItemEndElement>\n                        {itemEndElement}\n                      </SidebarItemEndElement>\n                    ) : null}\n                  </SidebarItemLink>\n                ))\n              )}\n            </styled.li>\n          )}\n        </ItemComponentContext>\n      </SidebarItemContext>\n    )\n  },\n  \"item\",\n)()\n\ninterface SidebarItemTooltipProps extends TooltipProps {}\n\nconst SidebarItemTooltip: FC<SidebarItemTooltipProps> = (props) => {\n  const { tooltipProps } = useItemComponentContext()\n  const { children, disabled, ...rest } = mergeProps(tooltipProps, props)()\n  const { mode, placement } = useComponentContext()\n  const offcanvas = mode === \"offcanvas\"\n\n  if (offcanvas || disabled) return children\n  else\n    return (\n      <Tooltip\n        closeOnClick={false}\n        gutter={16}\n        placement={`center-${placement === \"start\" ? \"end\" : \"start\"}`}\n        {...rest}\n      >\n        {children}\n      </Tooltip>\n    )\n}\n\nexport interface SidebarItemTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarItemTrigger = withContext<\n  \"button\",\n  SidebarItemTriggerProps\n>((props) => {\n  return (\n    <SidebarItemTooltip>\n      <styled.button {...props} />\n    </SidebarItemTooltip>\n  )\n}, \"itemTrigger\")()\n\nexport interface SidebarItemLinkProps extends HTMLStyledProps<\"a\"> {}\n\nexport const SidebarItemLink = withContext<\"a\", SidebarItemLinkProps>(\n  (props) => {\n    return (\n      <SidebarItemTooltip>\n        <styled.a {...props} />\n      </SidebarItemTooltip>\n    )\n  },\n  \"itemLink\",\n)()\n\nexport interface SidebarItemContentProps\n  extends\n    Omit<HTMLStyledProps<\"ul\">, \"transition\">,\n    Pick<CollapseProps, \"animationOpacity\" | keyof WithTransitionProps> {}\n\nexport const SidebarItemContent = withContext<\"ul\", SidebarItemContentProps>(\n  (props) => {\n    const { contentProps } = useItemComponentContext()\n\n    return (\n      <Collapse\n        as=\"ul\"\n        {...cast<CollapseProps>(mergeProps(contentProps, props)())}\n      />\n    )\n  },\n  \"itemContent\",\n)()\n\nexport interface SidebarItemIndicatorProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const SidebarItemIndicator = withContext<\n  \"svg\",\n  SidebarItemIndicatorProps\n>(({ children = <ChevronRightIcon />, ...rest }) => {\n  const { indicatorHidden } = useSidePanelComponentContext()\n\n  if (indicatorHidden) return null\n\n  if (isValidElement<HTMLProps<\"svg\">>(children))\n    return cloneElement(children, { ...rest, ...children.props })\n\n  return Children.count(children) > 1 ? Children.only(null) : null\n}, \"itemIndicator\")(undefined, (props) => {\n  const { indicatorProps } = useItemComponentContext()\n\n  return mergeProps(indicatorProps, props)()\n})\n\nexport interface SidebarItemStartElementProps extends HTMLStyledProps {}\n\nexport const SidebarItemStartElement = withContext<\n  \"div\",\n  SidebarItemStartElementProps\n>(\"div\", {\n  name: \"ItemStartElement\",\n  slot: [\"itemElement\", \"start\"],\n})(undefined, (props) => {\n  const { startElementProps } = useItemComponentContext()\n\n  return mergeProps(startElementProps, props)()\n})\n\nexport interface SidebarItemEndElementProps extends HTMLStyledProps {}\n\nexport const SidebarItemEndElement = withContext<\n  \"div\",\n  SidebarItemEndElementProps\n>(\"div\", {\n  name: \"ItemEndElement\",\n  slot: [\"itemElement\", \"end\"],\n})(undefined, (props) => {\n  const { endElementProps } = useItemComponentContext()\n\n  return mergeProps(endElementProps, props)()\n})\n\nexport interface SidebarItemLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const SidebarItemLabel = withContext<\"span\", SidebarItemLabelProps>(\n  \"span\",\n  \"itemLabel\",\n)(undefined, (props) => {\n  const { labelProps } = useItemComponentContext()\n\n  return mergeProps(labelProps, props)()\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA0JA,MAAM,aAAa,OAAoB,UAAkB;CACvD,OAAO,WAAW,QAAQ,MAAM,SAAS,QAAQ;AACnD;AAEA,MAAM,0BACJ,MACA,QACA,SACkD;CAClD,KAAA,GAAA,cAAA,SAAA,CAAa,MAAM,MAAM,WAAW,UAAU,UAAU,SACtD,OAAO,OAAO;MACX,IAAI,QAAQ,OAAO;MACnB,KAAA,GAAA,cAAA,SAAA,CAAa,IAAI,MAAM,WAAW,QAAQ,UAAU,OACvD,OAAO,KAAK;MACT,OAAO;AACd;AAoBA,MAAM,CAAC,uBAAuB,4BAC5BA,gBAAqC,EAAE,MAAM,wBAAwB,CAAC;AAWxE,MAAM,CAAC,sBAAsB,2BAC3BA,gBAAoC,EAAE,MAAM,uBAAuB,CAAC;AA8BtE,MAAM,CAAC,2BAA2B,gCAChCA,gBAAyC,EACvC,MAAM,4BACR,CAAC;AAeH,MAAM,EACJ,kBACA,cAAc,qBACd,qBACA,iBAAiB,wBACjB,aACA,iBACE,oBACF,WACA,YACF;;;;;;AASA,MAAa,cAAc,cAKxB,EACC,aAAa,MACb,MAAM,WAAW,aACjB,WAAW,gBAAgB,SAC3B,GAAG,WACC;CACJ,MAAM,SACJ,mBACE,aAAa,GAAG,aAAa,KAAK,IAAI,EAAE,MAAM,MAAM,CACtD,KAAK;CACP,MAAM,OAAO,SAAS,QAAQ;CAC9B,MAAM,YAAY,SAAS,aAAa;CACxC,MAAM,EACJ,aACA,eACA,MACA,eACA,iBACA,gBACA,gBACA,cACA,mBACA,iBACA,SACA,kBACA,QACA,kBACA,aACE,WAAW;EAAE;EAAQ,GAAG;CAAK,CAAC;CAgDlC,OACE,oBAAC,2BAAD;EAA2B,OAAO;YAChC,oBAAC,gBAAD;GAAgB,OAjDJ,eACP;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,IACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CA2B+B;aAC3B,oBAAC,kBAAD;IAAkB,OA1BC,eAChB;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACA;IACF,IACA;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACA;IACF,CAM4C;cACtC,oBAAC,OAAO,KAAR;KAAY,cAAA;KAAW,GAAI,aAAa;IAAI,CAAA;GAC5B,CAAA;EACJ,CAAA;CACS,CAAA;AAE/B,GACA,QACA,EAAE,eAAe,CAAC,QAAQ,WAAW,EAAE,CACzC,CAAC,CAAC;AAIF,MAAa,mBAAmB,YAC9B,OACA,WACF,CAAC,CAAC;AAIF,MAAa,iBAAiB,YAC5B,UACA,SACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,oBAAoB;CAEhD,OAAO;EAAE,SAAS;EAAM,GAAG,gBAAgB,KAAK;CAAE;AACpD,CAAC;AA8GD,MAAa,mBAAmB,aAC7B,EACC,WAAW,MACX,UACA,SACA,YACA,QACA,QACA,WACA,iBACA,OACA,eACA,QACA,cACA,aAAa,MACb,cACA,aACA,iBACA,aACA,mBACA,YACA,aACA,aACA,gBACA,kBACA,WACA,YACA,WACA,WACA,mBACA,cACA,cACA,GAAG,WACC;CACJ,MAAM,EAAE,QAAQ,MAAM,YAAY,kBAAkB;CACpD,MAAM,EAAE,YAAY,WAAW,sBAAsB,oBAAoB;CACzE,MAAM,CACJ,iBACA,cACA,eACA,cACA,gBACE,iBACF,UACA,eACA,gBACA,eACA,aACF;CAwDA,OACE,oBAAC,2BAAD;EAA2B,OAxDb,eACP;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAIwC;YACrC,SACC,oBAACC,YAAD;GACE,MAAK;GACL,WAAW;GACX,UAAU,CAAC,WAAW,IAAI,KAAA;GACpB;GACN,WAAW,UAAU;GACrB,iBAAiB;GACjB,aAAa,EAAE,UAAU,KAAK;GACrB;GACT,GAAI;aAEJ,qBAACC,eAAD,EAAA,UAAA;IACG,iBACE,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-sidebar.js","names":["createContext"],"sources":["../../../../src/components/sidebar/use-sidebar.ts"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode, RefObject } from \"react\"\nimport { Children, useCallback, useId, useRef, useState } from \"react\"\nimport {\n  type HTMLProps,\n  mergeProps,\n  type PropGetter,\n  useEnvironment,\n} from \"../../core\"\nimport { useAsyncCallback } from \"../../hooks/use-async-callback\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport {\n  useDisclosure,\n  type UseDisclosureProps,\n} from \"../../hooks/use-disclosure\"\nimport { useWindowEvent } from \"../../hooks/use-window-event\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  assignRef,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n  setAttribute,\n  useIds,\n  useSafeLayoutEffect,\n} from \"../../utils\"\n\nexport interface SidebarControl {\n  collapse: () => void\n  expand: () => void\n}\n\ninterface SidebarDescendantProps {\n  expanded: boolean\n  group: boolean\n  id: string\n  value: string\n}\n\nconst {\n  DescendantsContext: SidebarDescendantsContext,\n  useDescendant: useSidebarDescendant,\n  useDescendants: useSidebarDescendants,\n} = createDescendants<HTMLElement, SidebarDescendantProps>()\n\nexport {\n  SidebarDescendantsContext,\n  useSidebarDescendant,\n  useSidebarDescendants,\n}\n\ninterface SidebarContext extends Pick<\n  UseSidebarReturn,\n  | \"expandedValue\"\n  | \"mobile\"\n  | \"onClose\"\n  | \"onExpandedChange\"\n  | \"onOpen\"\n  | \"onSelectedChange\"\n  | \"onToggle\"\n  | \"open\"\n  | \"selectedValue\"\n> {}\n\nconst [SidebarContext, useSidebarContext] = createContext<SidebarContext>({\n  name: \"SidebarContext\",\n})\n\nexport { SidebarContext, useSidebarContext }\n\ninterface SidebarItemContext extends Pick<\n  UseSidebarItemReturn,\n  \"branchOpen\" | \"groupOpen\"\n> {}\n\nconst [SidebarItemContext, useSidebarItemContext] =\n  createContext<SidebarItemContext>({\n    name: \"SidebarItemContext\",\n    strict: false,\n  })\n\nexport { SidebarItemContext, useSidebarItemContext }\n\nexport interface UseSidebarProps extends HTMLProps<\"div\"> {\n  /**\n   * Ref of the sidebar callbacks.\n   */\n  controlRef?: RefObject<null | SidebarControl>\n  /**\n   * The initial expanded value of the sidebar.\n   */\n  defaultExpandedValue?: string[]\n  /**\n   * The initial selected value of the sidebar.\n   */\n  defaultSelectedValue?: string\n  /**\n   * The disclosure props for the desktop and mobile.\n   */\n  disclosure?: {\n    desktop?: Omit<UseDisclosureProps, \"timing\">\n    mobile?: Omit<UseDisclosureProps, \"timing\">\n  }\n  /**\n   * The expanded value of the sidebar.\n   */\n  expandedValue?: string[]\n  /**\n   * If `true`, the trigger click event will be switched to mobile.\n   *\n   * @default false\n   */\n  mobile?: boolean\n  /**\n   * The selected value of the sidebar.\n   */\n  selectedValue?: string\n  /**\n   * The callback invoked when expanded value changes.\n   */\n  onExpandedChange?: (value: string[]) => void\n  /**\n   * The callback invoked when selected value changes.\n   */\n  onSelectedChange?: (value: string) => void\n}\n\nexport const useSidebar = ({\n  controlRef,\n  defaultExpandedValue = [],\n  defaultSelectedValue,\n  disclosure,\n  expandedValue: expandedValueProp,\n  mobile = false,\n  selectedValue: selectedValueProp,\n  onExpandedChange: onExpandedChangeProp,\n  onSelectedChange: onSelectedChangeProp,\n  ...rest\n}: UseSidebarProps = {}) => {\n  const { t } = useI18n(\"sidebar\")\n  const desktopDisclosure = useDisclosure({\n    defaultOpen: disclosure?.desktop?.defaultOpen ?? true,\n    open: disclosure?.desktop?.open,\n    onClose: disclosure?.desktop?.onClose,\n    onOpen: disclosure?.desktop?.onOpen,\n  })\n  const mobileDisclosure = useDisclosure({\n    defaultOpen: disclosure?.mobile?.defaultOpen ?? false,\n    open: disclosure?.mobile?.open,\n    onClose: disclosure?.mobile?.onClose,\n    onOpen: disclosure?.mobile?.onOpen,\n  })\n  const [selectedValue, setSelectedValue] = useControllableState({\n    defaultValue: defaultSelectedValue,\n    value: selectedValueProp,\n    onChange: onSelectedChangeProp,\n  })\n  const [expandedValue, setExpandedValue] = useControllableState({\n    defaultValue: defaultExpandedValue,\n    value: expandedValueProp,\n    onChange: onExpandedChangeProp,\n  })\n  const descendants = useSidebarDescendants()\n  const open = mobile ? mobileDisclosure.open : desktopDisclosure.open\n  const onOpen = mobile ? mobileDisclosure.onOpen : desktopDisclosure.onOpen\n  const onClose = mobile ? mobileDisclosure.onClose : desktopDisclosure.onClose\n  const onToggle = mobile\n    ? mobileDisclosure.onToggle\n    : desktopDisclosure.onToggle\n\n  const onSelectedChange = useCallback(\n    (value: string) => {\n      setSelectedValue(value)\n    },\n    [setSelectedValue],\n  )\n\n  const onExpandAll = useCallback(() => {\n    const values = descendants.enabledValues()\n    const group = values.filter(({ group }) => group)\n    const value = group.map(({ value }) => value)\n\n    setExpandedValue(value)\n  }, [descendants, setExpandedValue])\n\n  const onCollapseAll = useCallback(() => {\n    setExpandedValue([])\n  }, [setExpandedValue])\n\n  const onExpandedChange = useCallback(\n    (value: string) => {\n      setExpandedValue((prev) => {\n        if (prev.includes(value)) {\n          return prev.filter((prevValue) => prevValue !== value)\n        } else {\n          return [...prev, value]\n        }\n      })\n    },\n    [setExpandedValue],\n  )\n\n  assignRef(controlRef, { collapse: onCollapseAll, expand: onExpandAll })\n\n  useWindowEvent(\"keydown\", (ev) => {\n    if (ev.key !== \"b\") return\n    if (!ev.metaKey && !ev.ctrlKey) return\n\n    ev.preventDefault()\n\n    desktopDisclosure.onToggle()\n  })\n\n  const getRootProps: PropGetter<\"div\"> = useCallback(\n    (props = {}) =>\n      mergeProps({ \"data-expanded\": dataAttr(open) }, rest, props)(),\n    [open, rest],\n  )\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-expanded\": open,\n      \"aria-label\": t(open ? \"Close sidebar\" : \"Open sidebar\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onToggle),\n    }),\n    [open, t, onToggle],\n  )\n\n  const getSidePanelProps: PropGetter<\"aside\"> = useCallback(\n    (props = {}) => ({ \"data-expanded\": dataAttr(open), ...props }),\n    [open],\n  )\n\n  const getHeaderProps: PropGetter<\"header\"> = useCallback(\n    (props = {}) => ({ ...props }),\n    [],\n  )\n\n  const getFooterProps: PropGetter<\"footer\"> = useCallback(\n    (props = {}) => ({ ...props }),\n    [],\n  )\n\n  const getContentProps: PropGetter<\"ul\"> = useCallback(\n    (props = {}) => ({ ...props }),\n    [],\n  )\n\n  return {\n    descendants,\n    expandedValue,\n    mobile,\n    open,\n    selectedValue,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getRootProps,\n    getSidePanelProps,\n    getTriggerProps,\n    onClose,\n    onExpandedChange,\n    onOpen,\n    onSelectedChange,\n    onToggle,\n  }\n}\n\nexport type UseSidebarReturn = ReturnType<typeof useSidebar>\n\nexport interface UseSidebarGroupProps extends HTMLProps<\"li\"> {}\n\nexport const useSidebarGroup = ({ ...rest }: UseSidebarGroupProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const rootRef = useRef<HTMLLIElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const labelId = useId()\n\n  useSafeLayoutEffect(() => {\n    const el = getDocument()?.getElementById(labelId)\n\n    if (!el) return\n\n    if (rootRef.current)\n      setAttribute(rootRef.current, \"aria-labelledby\", labelId)\n    if (contentRef.current)\n      setAttribute(contentRef.current, \"aria-labelledby\", labelId)\n  }, [])\n\n  const getRootProps: PropGetter<\"li\"> = useCallback(\n    ({ ref, ...props } = {}) =>\n      mergeProps({ ref }, rest, props, { ref: rootRef })(),\n    [rest, rootRef],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props = {}) => ({ id: labelId, ...props }),\n    [labelId],\n  )\n\n  const getContentProps: PropGetter<\"div\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ref: mergeRefs(ref, contentRef),\n      ...props,\n    }),\n    [],\n  )\n\n  return { getContentProps, getLabelProps, getRootProps }\n}\n\nexport type UseSidebarGroupReturn = ReturnType<typeof useSidebarGroup>\n\nexport interface UseSidebarItemProps\n  extends HTMLProps<\"li\">, Omit<UseDisclosureProps, \"timing\"> {\n  /**\n   * The value of the item.\n   */\n  value: string\n  /**\n   * If `true`, the tree item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, the link will open in new tab.\n   *\n   * @default false\n   */\n  external?: boolean\n  /**\n   * If provided, the sidebar item will be rendered as an async sidebar item.\n   */\n  asyncChildren?: () => Promise<ReactNode>\n}\n\nexport const useSidebarItem = ({\n  asyncChildren,\n  children: childrenProp,\n  defaultOpen,\n  disabled = false,\n  external,\n  open: openProp,\n  value,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n  ...rest\n}: UseSidebarItemProps) => {\n  const context = useSidebarItemContext()\n  const {\n    expandedValue,\n    open,\n    selectedValue,\n    onExpandedChange,\n    onSelectedChange,\n  } = useSidebarContext()\n  const [children, setChildren] = useState<ReactNode>(childrenProp)\n  const [itemId, labelId, contentId] = useIds()\n  const initialAsyncRef = useRef(false)\n  const async = !!asyncChildren\n  const group = async || Children.count(children) > 0\n  const nested = !!context\n  const selected = !!value && selectedValue === value\n  const defaultExpanded = !!value && expandedValue.includes(value)\n  const {\n    open: groupOpen,\n    onClose,\n    onOpen,\n  } = useDisclosure({\n    defaultOpen: defaultOpen ?? defaultExpanded,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const branchOpen: boolean[] = nested\n    ? [...context.branchOpen, groupOpen]\n    : [groupOpen]\n  const expanded = branchOpen.slice(0, -1).every(Boolean)\n  const { register } = useSidebarDescendant({\n    id: itemId!,\n    disabled,\n    expanded,\n    group,\n    value,\n  })\n\n  const [groupLoading, onGroupChildren] = useAsyncCallback(async () => {\n    const children = await asyncChildren?.()\n\n    setChildren(children)\n  }, [asyncChildren])\n\n  const onGroupOpen = useCallback(() => {\n    if (disabled || !group || !value || groupLoading) return\n\n    if (async && !initialAsyncRef.current) {\n      initialAsyncRef.current = true\n\n      onGroupChildren()\n        .then(() => {\n          onOpen()\n          onExpandedChange(value)\n        })\n        .catch(() => {\n          initialAsyncRef.current = false\n        })\n    } else {\n      onOpen()\n      onExpandedChange(value)\n    }\n  }, [\n    disabled,\n    group,\n    value,\n    groupLoading,\n    async,\n    onGroupChildren,\n    onOpen,\n    onExpandedChange,\n  ])\n\n  const onGroupClose = useCallback(() => {\n    if (disabled || !group || !value) return\n\n    onClose()\n    onExpandedChange(value)\n  }, [disabled, group, value, onClose, onExpandedChange])\n\n  const onGroupToggle = useCallback(() => {\n    if (groupOpen) {\n      onGroupClose()\n    } else {\n      onGroupOpen()\n    }\n  }, [groupOpen, onGroupClose, onGroupOpen])\n\n  useSafeLayoutEffect(() => {\n    if (defaultExpanded) {\n      if (async && !initialAsyncRef.current) {\n        initialAsyncRef.current = true\n\n        onGroupChildren()\n          .then(() => {\n            onOpen()\n          })\n          .catch(() => {\n            initialAsyncRef.current = false\n          })\n      } else {\n        onOpen()\n      }\n    } else {\n      onClose()\n    }\n  }, [defaultExpanded])\n\n  const getItemProps: PropGetter<\"li\"> = useCallback(\n    ({ ref, \"aria-labelledby\": ariaLabelledby, ...props } = {}) => {\n      const merged = mergeProps(\n        {\n          id: itemId,\n          \"aria-current\": selected ? \"page\" : undefined,\n          \"aria-disabled\": ariaAttr(disabled),\n          \"aria-labelledby\": cx(ariaLabelledby, labelId),\n          \"data-disabled\": dataAttr(disabled),\n          \"data-selected\": dataAttr(selected),\n        },\n        rest,\n        props,\n        { ref },\n        { ref: register },\n      )()\n\n      return {\n        ...merged,\n        onClick: handlerAll(\n          merged.onClick,\n          !group ? () => onSelectedChange(value) : undefined,\n        ),\n      }\n    },\n    [\n      itemId,\n      register,\n      selected,\n      disabled,\n      labelId,\n      rest,\n      group,\n      onSelectedChange,\n      value,\n    ],\n  )\n\n  const getIndicatorProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": groupOpen,\n      \"aria-hidden\": true,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-loading\": dataAttr(groupLoading),\n      \"data-selected\": dataAttr(selected),\n      role: \"presentation\",\n      ...props,\n    }),\n    [disabled, groupOpen, groupLoading, selected],\n  )\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-controls\": contentId,\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": groupOpen,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-expanded\": dataAttr(groupOpen),\n      \"data-selected\": dataAttr(selected),\n      tabIndex: open && expanded && !disabled ? 0 : -1,\n      ...props,\n      onClick: handlerAll(props.onClick, onGroupToggle),\n    }),\n    [contentId, disabled, groupOpen, selected, open, expanded, onGroupToggle],\n  )\n\n  const getLinkProps: PropGetter<\"a\"> = useCallback(\n    (props = {}) => ({\n      href: value,\n      rel: external ? \"noopener\" : undefined,\n      target: external ? \"_blank\" : undefined,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-selected\": dataAttr(selected),\n      tabIndex: open && expanded && !disabled ? 0 : -1,\n      ...props,\n      onClick: handlerAll(props.onClick, (ev) => {\n        if (!disabled) return\n\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n    }),\n    [disabled, expanded, external, open, selected, value],\n  )\n\n  const getContentProps: PropGetter<\"ul\"> = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: contentId,\n      \"aria-busy\": ariaAttr(groupLoading),\n      \"aria-labelledby\": cx(ariaLabelledby, labelId),\n      \"data-disabled\": dataAttr(disabled),\n      ...props,\n    }),\n    [contentId, labelId, disabled, groupLoading],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props = {}) => ({ id: labelId, ...props }),\n    [labelId],\n  )\n\n  return {\n    branchOpen,\n    children,\n    disabled,\n    expanded,\n    expandedValue,\n    group,\n    groupLoading,\n    groupOpen,\n    open,\n    selected,\n    selectedValue,\n    value,\n    getContentProps,\n    getIndicatorProps,\n    getItemProps,\n    getLabelProps,\n    getLinkProps,\n    getTriggerProps,\n    onExpandedChange,\n    onGroupClose,\n    onGroupOpen,\n    onGroupToggle,\n    onSelectedChange,\n  }\n}\n\nexport type UseSidebarItemReturn = ReturnType<typeof useSidebarItem>\n"],"mappings":"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"}
+{"version":3,"file":"use-sidebar.js","names":["createContext"],"sources":["../../../../src/components/sidebar/use-sidebar.ts"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode, RefObject } from \"react\"\nimport { Children, useCallback, useId, useRef, useState } from \"react\"\nimport {\n  type HTMLProps,\n  mergeProps,\n  type PropGetter,\n  useEnvironment,\n} from \"../../core\"\nimport { useAsyncCallback } from \"../../hooks/use-async-callback\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport {\n  useDisclosure,\n  type UseDisclosureProps,\n} from \"../../hooks/use-disclosure\"\nimport { useWindowEvent } from \"../../hooks/use-window-event\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  assignRef,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n  setAttribute,\n  useIds,\n  useSafeLayoutEffect,\n} from \"../../utils\"\n\nexport interface SidebarControl {\n  collapse: () => void\n  expand: () => void\n}\n\ninterface SidebarDescendantProps {\n  expanded: boolean\n  group: boolean\n  id: string\n  value: string\n}\n\nconst {\n  DescendantsContext: SidebarDescendantsContext,\n  useDescendant: useSidebarDescendant,\n  useDescendants: useSidebarDescendants,\n} = createDescendants<HTMLElement, SidebarDescendantProps>()\n\nexport {\n  SidebarDescendantsContext,\n  useSidebarDescendant,\n  useSidebarDescendants,\n}\n\ninterface SidebarContext extends Pick<\n  UseSidebarReturn,\n  | \"expandedValue\"\n  | \"mobile\"\n  | \"onClose\"\n  | \"onExpandedChange\"\n  | \"onOpen\"\n  | \"onSelectedChange\"\n  | \"onToggle\"\n  | \"open\"\n  | \"selectedValue\"\n> {}\n\nconst [SidebarContext, useSidebarContext] = createContext<SidebarContext>({\n  name: \"SidebarContext\",\n})\n\nexport { SidebarContext, useSidebarContext }\n\ninterface SidebarItemContext extends Pick<\n  UseSidebarItemReturn,\n  \"branchOpen\" | \"groupOpen\"\n> {}\n\nconst [SidebarItemContext, useSidebarItemContext] =\n  createContext<SidebarItemContext>({\n    name: \"SidebarItemContext\",\n    strict: false,\n  })\n\nexport { SidebarItemContext, useSidebarItemContext }\n\nexport interface UseSidebarProps extends HTMLProps<\"div\"> {\n  /**\n   * Ref of the sidebar callbacks.\n   */\n  controlRef?: RefObject<null | SidebarControl>\n  /**\n   * The initial expanded value of the sidebar.\n   */\n  defaultExpandedValue?: string[]\n  /**\n   * The initial selected value of the sidebar.\n   */\n  defaultSelectedValue?: string\n  /**\n   * The disclosure props for the desktop and mobile.\n   */\n  disclosure?: {\n    desktop?: Omit<UseDisclosureProps, \"timing\">\n    mobile?: Omit<UseDisclosureProps, \"timing\">\n  }\n  /**\n   * The expanded value of the sidebar.\n   */\n  expandedValue?: string[]\n  /**\n   * If `true`, the trigger click event will be switched to mobile.\n   *\n   * @default false\n   */\n  mobile?: boolean\n  /**\n   * The selected value of the sidebar.\n   */\n  selectedValue?: string\n  /**\n   * The callback invoked when expanded value changes.\n   */\n  onExpandedChange?: (value: string[]) => void\n  /**\n   * The callback invoked when selected value changes.\n   */\n  onSelectedChange?: (value: string) => void\n}\n\nexport const useSidebar = ({\n  controlRef,\n  defaultExpandedValue = [],\n  defaultSelectedValue,\n  disclosure,\n  expandedValue: expandedValueProp,\n  mobile = false,\n  selectedValue: selectedValueProp,\n  onExpandedChange: onExpandedChangeProp,\n  onSelectedChange: onSelectedChangeProp,\n  ...rest\n}: UseSidebarProps = {}) => {\n  const { t } = useI18n(\"sidebar\")\n  const desktopDisclosure = useDisclosure({\n    defaultOpen: disclosure?.desktop?.defaultOpen ?? true,\n    open: disclosure?.desktop?.open,\n    onClose: disclosure?.desktop?.onClose,\n    onOpen: disclosure?.desktop?.onOpen,\n  })\n  const mobileDisclosure = useDisclosure({\n    defaultOpen: disclosure?.mobile?.defaultOpen ?? false,\n    open: disclosure?.mobile?.open,\n    onClose: disclosure?.mobile?.onClose,\n    onOpen: disclosure?.mobile?.onOpen,\n  })\n  const [selectedValue, setSelectedValue] = useControllableState({\n    defaultValue: defaultSelectedValue,\n    value: selectedValueProp,\n    onChange: onSelectedChangeProp,\n  })\n  const [expandedValue, setExpandedValue] = useControllableState({\n    defaultValue: defaultExpandedValue,\n    value: expandedValueProp,\n    onChange: onExpandedChangeProp,\n  })\n  const descendants = useSidebarDescendants()\n  const open = mobile ? mobileDisclosure.open : desktopDisclosure.open\n  const onOpen = mobile ? mobileDisclosure.onOpen : desktopDisclosure.onOpen\n  const onClose = mobile ? mobileDisclosure.onClose : desktopDisclosure.onClose\n  const onToggle = mobile\n    ? mobileDisclosure.onToggle\n    : desktopDisclosure.onToggle\n\n  const onSelectedChange = useCallback(\n    (value: string) => {\n      setSelectedValue(value)\n    },\n    [setSelectedValue],\n  )\n\n  const onExpandAll = useCallback(() => {\n    const values = descendants.enabledValues()\n    const group = values.filter(({ group }) => group)\n    const value = group.map(({ value }) => value)\n\n    setExpandedValue(value)\n  }, [descendants, setExpandedValue])\n\n  const onCollapseAll = useCallback(() => {\n    setExpandedValue([])\n  }, [setExpandedValue])\n\n  const onExpandedChange = useCallback(\n    (value: string) => {\n      setExpandedValue((prev) => {\n        if (prev.includes(value))\n          return prev.filter((prevValue) => prevValue !== value)\n        else return [...prev, value]\n      })\n    },\n    [setExpandedValue],\n  )\n\n  assignRef(controlRef, { collapse: onCollapseAll, expand: onExpandAll })\n\n  useWindowEvent(\"keydown\", (ev) => {\n    if (ev.key !== \"b\") return\n    if (!ev.metaKey && !ev.ctrlKey) return\n\n    ev.preventDefault()\n\n    desktopDisclosure.onToggle()\n  })\n\n  const getRootProps: PropGetter<\"div\"> = useCallback(\n    (props = {}) =>\n      mergeProps({ \"data-expanded\": dataAttr(open) }, rest, props)(),\n    [open, rest],\n  )\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-expanded\": open,\n      \"aria-label\": t(open ? \"Close sidebar\" : \"Open sidebar\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onToggle),\n    }),\n    [open, t, onToggle],\n  )\n\n  const getSidePanelProps: PropGetter<\"aside\"> = useCallback(\n    (props = {}) => ({ \"data-expanded\": dataAttr(open), ...props }),\n    [open],\n  )\n\n  const getHeaderProps: PropGetter<\"header\"> = useCallback(\n    (props = {}) => ({ ...props }),\n    [],\n  )\n\n  const getFooterProps: PropGetter<\"footer\"> = useCallback(\n    (props = {}) => ({ ...props }),\n    [],\n  )\n\n  const getContentProps: PropGetter<\"ul\"> = useCallback(\n    (props = {}) => ({ ...props }),\n    [],\n  )\n\n  return {\n    descendants,\n    expandedValue,\n    mobile,\n    open,\n    selectedValue,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getRootProps,\n    getSidePanelProps,\n    getTriggerProps,\n    onClose,\n    onExpandedChange,\n    onOpen,\n    onSelectedChange,\n    onToggle,\n  }\n}\n\nexport type UseSidebarReturn = ReturnType<typeof useSidebar>\n\nexport interface UseSidebarGroupProps extends HTMLProps<\"li\"> {}\n\nexport const useSidebarGroup = ({ ...rest }: UseSidebarGroupProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const rootRef = useRef<HTMLLIElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const labelId = useId()\n\n  useSafeLayoutEffect(() => {\n    const el = getDocument()?.getElementById(labelId)\n\n    if (!el) return\n\n    if (rootRef.current)\n      setAttribute(rootRef.current, \"aria-labelledby\", labelId)\n    if (contentRef.current)\n      setAttribute(contentRef.current, \"aria-labelledby\", labelId)\n  }, [])\n\n  const getRootProps: PropGetter<\"li\"> = useCallback(\n    ({ ref, ...props } = {}) =>\n      mergeProps({ ref }, rest, props, { ref: rootRef })(),\n    [rest, rootRef],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props = {}) => ({ id: labelId, ...props }),\n    [labelId],\n  )\n\n  const getContentProps: PropGetter<\"div\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ref: mergeRefs(ref, contentRef),\n      ...props,\n    }),\n    [],\n  )\n\n  return { getContentProps, getLabelProps, getRootProps }\n}\n\nexport type UseSidebarGroupReturn = ReturnType<typeof useSidebarGroup>\n\nexport interface UseSidebarItemProps\n  extends HTMLProps<\"li\">, Omit<UseDisclosureProps, \"timing\"> {\n  /**\n   * The value of the item.\n   */\n  value: string\n  /**\n   * If `true`, the tree item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, the link will open in new tab.\n   *\n   * @default false\n   */\n  external?: boolean\n  /**\n   * If provided, the sidebar item will be rendered as an async sidebar item.\n   */\n  asyncChildren?: () => Promise<ReactNode>\n}\n\nexport const useSidebarItem = ({\n  asyncChildren,\n  children: childrenProp,\n  defaultOpen,\n  disabled = false,\n  external,\n  open: openProp,\n  value,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n  ...rest\n}: UseSidebarItemProps) => {\n  const context = useSidebarItemContext()\n  const {\n    expandedValue,\n    open,\n    selectedValue,\n    onExpandedChange,\n    onSelectedChange,\n  } = useSidebarContext()\n  const [children, setChildren] = useState<ReactNode>(childrenProp)\n  const [itemId, labelId, contentId] = useIds()\n  const initialAsyncRef = useRef(false)\n  const async = !!asyncChildren\n  const group = async || Children.count(children) > 0\n  const nested = !!context\n  const selected = !!value && selectedValue === value\n  const defaultExpanded = !!value && expandedValue.includes(value)\n  const {\n    open: groupOpen,\n    onClose,\n    onOpen,\n  } = useDisclosure({\n    defaultOpen: defaultOpen ?? defaultExpanded,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const branchOpen: boolean[] = nested\n    ? [...context.branchOpen, groupOpen]\n    : [groupOpen]\n  const expanded = branchOpen.slice(0, -1).every(Boolean)\n  const { register } = useSidebarDescendant({\n    id: itemId!,\n    disabled,\n    expanded,\n    group,\n    value,\n  })\n\n  const [groupLoading, onGroupChildren] = useAsyncCallback(async () => {\n    const children = await asyncChildren?.()\n\n    setChildren(children)\n  }, [asyncChildren])\n\n  const onGroupOpen = useCallback(() => {\n    if (disabled || !group || !value || groupLoading) return\n\n    if (async && !initialAsyncRef.current) {\n      initialAsyncRef.current = true\n\n      onGroupChildren()\n        .then(() => {\n          onOpen()\n          onExpandedChange(value)\n        })\n        .catch(() => {\n          initialAsyncRef.current = false\n        })\n    } else {\n      onOpen()\n      onExpandedChange(value)\n    }\n  }, [\n    disabled,\n    group,\n    value,\n    groupLoading,\n    async,\n    onGroupChildren,\n    onOpen,\n    onExpandedChange,\n  ])\n\n  const onGroupClose = useCallback(() => {\n    if (disabled || !group || !value) return\n\n    onClose()\n    onExpandedChange(value)\n  }, [disabled, group, value, onClose, onExpandedChange])\n\n  const onGroupToggle = useCallback(() => {\n    if (groupOpen) onGroupClose()\n    else onGroupOpen()\n  }, [groupOpen, onGroupClose, onGroupOpen])\n\n  useSafeLayoutEffect(() => {\n    if (defaultExpanded)\n      if (async && !initialAsyncRef.current) {\n        initialAsyncRef.current = true\n\n        onGroupChildren()\n          .then(() => {\n            onOpen()\n          })\n          .catch(() => {\n            initialAsyncRef.current = false\n          })\n      } else {\n        onOpen()\n      }\n    else onClose()\n  }, [defaultExpanded])\n\n  const getItemProps: PropGetter<\"li\"> = useCallback(\n    ({ ref, \"aria-labelledby\": ariaLabelledby, ...props } = {}) => {\n      const merged = mergeProps(\n        {\n          id: itemId,\n          \"aria-current\": selected ? \"page\" : undefined,\n          \"aria-disabled\": ariaAttr(disabled),\n          \"aria-labelledby\": cx(ariaLabelledby, labelId),\n          \"data-disabled\": dataAttr(disabled),\n          \"data-selected\": dataAttr(selected),\n        },\n        rest,\n        props,\n        { ref },\n        { ref: register },\n      )()\n\n      return {\n        ...merged,\n        onClick: handlerAll(\n          merged.onClick,\n          !group ? () => onSelectedChange(value) : undefined,\n        ),\n      }\n    },\n    [\n      itemId,\n      register,\n      selected,\n      disabled,\n      labelId,\n      rest,\n      group,\n      onSelectedChange,\n      value,\n    ],\n  )\n\n  const getIndicatorProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": groupOpen,\n      \"aria-hidden\": true,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-loading\": dataAttr(groupLoading),\n      \"data-selected\": dataAttr(selected),\n      role: \"presentation\",\n      ...props,\n    }),\n    [disabled, groupOpen, groupLoading, selected],\n  )\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-controls\": contentId,\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": groupOpen,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-expanded\": dataAttr(groupOpen),\n      \"data-selected\": dataAttr(selected),\n      tabIndex: open && expanded && !disabled ? 0 : -1,\n      ...props,\n      onClick: handlerAll(props.onClick, onGroupToggle),\n    }),\n    [contentId, disabled, groupOpen, selected, open, expanded, onGroupToggle],\n  )\n\n  const getLinkProps: PropGetter<\"a\"> = useCallback(\n    (props = {}) => ({\n      href: value,\n      rel: external ? \"noopener\" : undefined,\n      target: external ? \"_blank\" : undefined,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-selected\": dataAttr(selected),\n      tabIndex: open && expanded && !disabled ? 0 : -1,\n      ...props,\n      onClick: handlerAll(props.onClick, (ev) => {\n        if (!disabled) return\n\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n    }),\n    [disabled, expanded, external, open, selected, value],\n  )\n\n  const getContentProps: PropGetter<\"ul\"> = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: contentId,\n      \"aria-busy\": ariaAttr(groupLoading),\n      \"aria-labelledby\": cx(ariaLabelledby, labelId),\n      \"data-disabled\": dataAttr(disabled),\n      ...props,\n    }),\n    [contentId, labelId, disabled, groupLoading],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props = {}) => ({ id: labelId, ...props }),\n    [labelId],\n  )\n\n  return {\n    branchOpen,\n    children,\n    disabled,\n    expanded,\n    expandedValue,\n    group,\n    groupLoading,\n    groupOpen,\n    open,\n    selected,\n    selectedValue,\n    value,\n    getContentProps,\n    getIndicatorProps,\n    getItemProps,\n    getLabelProps,\n    getLinkProps,\n    getTriggerProps,\n    onExpandedChange,\n    onGroupClose,\n    onGroupOpen,\n    onGroupToggle,\n    onSelectedChange,\n  }\n}\n\nexport type UseSidebarItemReturn = ReturnType<typeof useSidebarItem>\n"],"mappings":"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"}

package/dist/esm/components/simple-grid/simple-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"simple-grid.js","names":[],"sources":["../../../../src/components/simple-grid/simple-grid.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  CSSProps,\n  StyleValue,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GridProps } from \"../grid\"\nimport type { SimpleGridStyle } from \"./simple-grid.style\"\nimport { useMemo } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { replaceObject } from \"../../utils\"\nimport { Grid } from \"../grid\"\nimport { simpleGridStyle } from \"./simple-grid.style\"\n\nexport interface SimpleGridProps\n  extends\n    Omit<WithoutThemeProps<GridProps, SimpleGridStyle>, \"columns\">,\n    ThemeProps<SimpleGridStyle> {\n  /**\n   * The number of columns.\n   */\n  columns?: StyleValue<number>\n  /**\n   * The width at which child elements will break into columns.\n   * Pass a number for pixel values or a string for any other valid CSS length.\n   */\n  minChildWidth?: CSSProps[\"minWidth\"]\n}\n\nconst {\n  PropsContext: SimpleGridPropsContext,\n  usePropsContext: useSimpleGridPropsContext,\n  withContext,\n} = createComponent<SimpleGridProps, SimpleGridStyle>(\n  \"simple-grid\",\n  simpleGridStyle,\n)\n\nexport { SimpleGridPropsContext, useSimpleGridPropsContext }\n\n/**\n * `SimpleGrid` is a component that makes `Grid` simpler and more user-friendly.\n *\n * @see https://yamada-ui.com/docs/components/simple-grid\n */\nexport const SimpleGrid = withContext<\"div\", SimpleGridProps>(Grid)(\n  undefined,\n  ({ columns, minChildWidth, ...rest }) => {\n    const templateColumns = useMemo(() => {\n      if (minChildWidth) {\n        return replaceObject(minChildWidth, (value) => {\n          return value != null\n            ? `repeat(auto-fit, minmax({sizes.${value}, ${value}}, 1fr))`\n            : undefined\n        })\n      } else {\n        return replaceObject(columns, (value) =>\n          value != null ? `repeat(${value}, minmax(0, 1fr))` : undefined,\n        )\n      }\n    }, [minChildWidth, columns])\n\n    return { templateColumns, ...rest }\n  },\n)\n"],"mappings":";;;;;;;AA+BA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACE,gBACF,eACA,eACF;;;;;;AASA,MAAa,aAAa,YAAoC,IAAI,CAAC,CACjE,KAAA,IACC,EAAE,SAAS,eAAe,GAAG,WAAW;CAevC,OAAO;EAAE,iBAde,cAAc;GACpC,IAAI,eACF,QAAA,GAAA,cAAA,cAAA,CAAqB,gBAAgB,UAAU;IAC7C,OAAO,SAAS,OACZ,kCAAkC,MAAM,IAAI,MAAM,YAClD,KAAA;GACN,CAAC;QAED,QAAA,GAAA,cAAA,cAAA,CAAqB,UAAU,UAC7B,SAAS,OAAO,UAAU,MAAM,qBAAqB,KAAA,CACvD;EAEJ,GAAG,CAAC,eAAe,OAAO,CAEH;EAAG,GAAG;CAAK;AACpC,CACF"}
+{"version":3,"file":"simple-grid.js","names":[],"sources":["../../../../src/components/simple-grid/simple-grid.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  CSSProps,\n  StyleValue,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GridProps } from \"../grid\"\nimport type { SimpleGridStyle } from \"./simple-grid.style\"\nimport { useMemo } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { replaceObject } from \"../../utils\"\nimport { Grid } from \"../grid\"\nimport { simpleGridStyle } from \"./simple-grid.style\"\n\nexport interface SimpleGridProps\n  extends\n    Omit<WithoutThemeProps<GridProps, SimpleGridStyle>, \"columns\">,\n    ThemeProps<SimpleGridStyle> {\n  /**\n   * The number of columns.\n   */\n  columns?: StyleValue<number>\n  /**\n   * The width at which child elements will break into columns.\n   * Pass a number for pixel values or a string for any other valid CSS length.\n   */\n  minChildWidth?: CSSProps[\"minWidth\"]\n}\n\nconst {\n  PropsContext: SimpleGridPropsContext,\n  usePropsContext: useSimpleGridPropsContext,\n  withContext,\n} = createComponent<SimpleGridProps, SimpleGridStyle>(\n  \"simple-grid\",\n  simpleGridStyle,\n)\n\nexport { SimpleGridPropsContext, useSimpleGridPropsContext }\n\n/**\n * `SimpleGrid` is a component that makes `Grid` simpler and more user-friendly.\n *\n * @see https://yamada-ui.com/docs/components/simple-grid\n */\nexport const SimpleGrid = withContext<\"div\", SimpleGridProps>(Grid)(\n  undefined,\n  ({ columns, minChildWidth, ...rest }) => {\n    const templateColumns = useMemo(() => {\n      if (minChildWidth)\n        return replaceObject(minChildWidth, (value) => {\n          return value != null\n            ? `repeat(auto-fit, minmax({sizes.${value}, ${value}}, 1fr))`\n            : undefined\n        })\n      else\n        return replaceObject(columns, (value) =>\n          value != null ? `repeat(${value}, minmax(0, 1fr))` : undefined,\n        )\n    }, [minChildWidth, columns])\n\n    return { templateColumns, ...rest }\n  },\n)\n"],"mappings":";;;;;;;AA+BA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACE,gBACF,eACA,eACF;;;;;;AASA,MAAa,aAAa,YAAoC,IAAI,CAAC,CACjE,KAAA,IACC,EAAE,SAAS,eAAe,GAAG,WAAW;CAcvC,OAAO;EAAE,iBAbe,cAAc;GACpC,IAAI,eACF,QAAA,GAAA,cAAA,cAAA,CAAqB,gBAAgB,UAAU;IAC7C,OAAO,SAAS,OACZ,kCAAkC,MAAM,IAAI,MAAM,YAClD,KAAA;GACN,CAAC;QAED,QAAA,GAAA,cAAA,cAAA,CAAqB,UAAU,UAC7B,SAAS,OAAO,UAAU,MAAM,qBAAqB,KAAA,CACvD;EACJ,GAAG,CAAC,eAAe,OAAO,CAEH;EAAG,GAAG;CAAK;AACpC,CACF"}