@yamada-ui/react 2.0.10-dev-20260224132828 → 2.0.10-dev-20260226095744

package/dist/cjs/components/ripple/ripple.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ripple.cjs","names":["createComponent","rippleStyle","AnimatePresence","motion"],"sources":["../../../../src/components/ripple/ripple.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Key } from \"react\"\nimport type { ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { RippleStyle } from \"./ripple.style\"\nimport type { RippleOptions } from \"./use-ripple\"\nimport { AnimatePresence } from \"motion/react\"\nimport { createComponent } from \"../../core\"\nimport { handlerAll } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { rippleStyle } from \"./ripple.style\"\n\nconst clamp = (value: number, min: number, max: number) =>\n  Math.min(Math.max(value, min), max)\n\nexport interface RippleProps\n  extends HTMLMotionProps<\"span\">, ThemeProps<RippleStyle> {\n  /**\n   * If `true`, disable ripple effects when pressing a element.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The ripples to use.\n   */\n  ripples: RippleOptions[]\n  /**\n   * The callback invoked when a ripple is cleared.\n   */\n  onClear: (key: Key) => void\n}\n\nconst {\n  PropsContext: RipplePropsContext,\n  usePropsContext: useRipplePropsContext,\n  withContext,\n} = createComponent<RippleProps, RippleStyle>(\"ripple\", rippleStyle)\n\nexport { RipplePropsContext, useRipplePropsContext }\n\n/**\n * `Ripple` is a component that adds a ripple effect to elements, allowing users to recognize when they have clicked.\n *\n * @see https://yamada-ui.com/docs/components/ripple\n */\nexport const Ripple = withContext<\"span\", RippleProps>(\n  ({\n    style,\n    color = \"currentColor\",\n    disabled,\n    ripples,\n    onAnimationComplete,\n    onClear,\n    ...rest\n  }) => {\n    if (disabled) return null\n\n    return (\n      <>\n        {ripples.map(({ key, size, x, y }) => {\n          const duration = clamp(0.01 * size, 0.2, size > 100 ? 0.75 : 0.5)\n\n          return (\n            <AnimatePresence key={key} mode=\"popLayout\">\n              <motion.span\n                style={{\n                  height: `${size}px`,\n                  left: x,\n                  pointerEvents: \"none\",\n                  position: \"absolute\",\n                  top: y,\n                  transformOrigin: \"center\",\n                  width: `${size}px`,\n                  ...style,\n                }}\n                animate={{ opacity: 0, transform: \"scale(2)\" }}\n                bgColor={color}\n                exit={{ opacity: 0 }}\n                initial={{ opacity: 0.35, transform: \"scale(0)\" }}\n                transition={{ duration }}\n                {...rest}\n                onAnimationComplete={handlerAll(onAnimationComplete, () =>\n                  onClear(key),\n                )}\n              />\n            </AnimatePresence>\n          )\n        })}\n      </>\n    )\n  },\n)()\n"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,SAAS,OAAe,KAAa,QACzC,KAAK,IAAI,KAAK,IAAI,OAAO,IAAI,EAAE,IAAI;AAoBrC,MAAM,EACJ,cAAc,oBACd,iBAAiB,uBACjB,gBACEA,yCAA0C,UAAUC,iCAAY;;;;;;AASpE,MAAa,SAAS,aACnB,EACC,OACA,QAAQ,gBACR,UACA,SACA,qBACA,SACA,GAAG,WACC;AACJ,KAAI,SAAU,QAAO;AAErB,QACE,mFACG,QAAQ,KAAK,EAAE,KAAK,MAAM,GAAG,QAAQ;EACpC,MAAM,WAAW,MAAM,MAAO,MAAM,IAAK,OAAO,MAAM,MAAO,GAAI;AAEjE,SACE,2CAACC;GAA0B,MAAK;aAC9B,2CAACC,uBAAO;IACN,OAAO;KACL,QAAQ,GAAG,KAAK;KAChB,MAAM;KACN,eAAe;KACf,UAAU;KACV,KAAK;KACL,iBAAiB;KACjB,OAAO,GAAG,KAAK;KACf,GAAG;KACJ;IACD,SAAS;KAAE,SAAS;KAAG,WAAW;KAAY;IAC9C,SAAS;IACT,MAAM,EAAE,SAAS,GAAG;IACpB,SAAS;KAAE,SAAS;KAAM,WAAW;KAAY;IACjD,YAAY,EAAE,UAAU;IACxB,GAAI;IACJ,uEAAgC,2BAC9B,QAAQ,IAAI,CACb;KACD;KArBkB,IAsBJ;GAEpB,GACD;EAGR,EAAE"}
+{"version":3,"file":"ripple.cjs","names":["createComponent","rippleStyle","AnimatePresence","motion"],"sources":["../../../../src/components/ripple/ripple.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Key } from \"react\"\nimport type { ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { RippleStyle } from \"./ripple.style\"\nimport type { RippleOptions } from \"./use-ripple\"\nimport { AnimatePresence } from \"motion/react\"\nimport { createComponent } from \"../../core\"\nimport { handlerAll } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { rippleStyle } from \"./ripple.style\"\n\nconst clamp = (value: number, min: number, max: number) =>\n  Math.min(Math.max(value, min), max)\n\nexport interface RippleProps\n  extends HTMLMotionProps<\"span\">, ThemeProps<RippleStyle> {\n  /**\n   * The ripples to use.\n   */\n  ripples: RippleOptions[]\n  /**\n   * The callback invoked when a ripple is cleared.\n   */\n  onClear: (key: Key) => void\n  /**\n   * If `true`, disable ripple effects when pressing a element.\n   *\n   * @default false\n   */\n  disabled?: boolean\n}\n\nconst {\n  PropsContext: RipplePropsContext,\n  usePropsContext: useRipplePropsContext,\n  withContext,\n} = createComponent<RippleProps, RippleStyle>(\"ripple\", rippleStyle)\n\nexport { RipplePropsContext, useRipplePropsContext }\n\n/**\n * `Ripple` is a component that adds a ripple effect to elements, allowing users to recognize when they have clicked.\n *\n * @see https://yamada-ui.com/docs/components/ripple\n */\nexport const Ripple = withContext<\"span\", RippleProps>(\n  ({\n    style,\n    color = \"currentColor\",\n    disabled,\n    ripples,\n    onAnimationComplete,\n    onClear,\n    ...rest\n  }) => {\n    if (disabled) return null\n\n    return (\n      <>\n        {ripples.map(({ key, size, x, y }) => {\n          const duration = clamp(0.01 * size, 0.2, size > 100 ? 0.75 : 0.5)\n\n          return (\n            <AnimatePresence key={key} mode=\"popLayout\">\n              <motion.span\n                style={{\n                  height: `${size}px`,\n                  left: x,\n                  pointerEvents: \"none\",\n                  position: \"absolute\",\n                  top: y,\n                  transformOrigin: \"center\",\n                  width: `${size}px`,\n                  ...style,\n                }}\n                animate={{ opacity: 0, transform: \"scale(2)\" }}\n                bgColor={color}\n                exit={{ opacity: 0 }}\n                initial={{ opacity: 0.35, transform: \"scale(0)\" }}\n                transition={{ duration }}\n                {...rest}\n                onAnimationComplete={handlerAll(onAnimationComplete, () =>\n                  onClear(key),\n                )}\n              />\n            </AnimatePresence>\n          )\n        })}\n      </>\n    )\n  },\n)()\n"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,SAAS,OAAe,KAAa,QACzC,KAAK,IAAI,KAAK,IAAI,OAAO,IAAI,EAAE,IAAI;AAoBrC,MAAM,EACJ,cAAc,oBACd,iBAAiB,uBACjB,gBACEA,yCAA0C,UAAUC,iCAAY;;;;;;AASpE,MAAa,SAAS,aACnB,EACC,OACA,QAAQ,gBACR,UACA,SACA,qBACA,SACA,GAAG,WACC;AACJ,KAAI,SAAU,QAAO;AAErB,QACE,mFACG,QAAQ,KAAK,EAAE,KAAK,MAAM,GAAG,QAAQ;EACpC,MAAM,WAAW,MAAM,MAAO,MAAM,IAAK,OAAO,MAAM,MAAO,GAAI;AAEjE,SACE,2CAACC;GAA0B,MAAK;aAC9B,2CAACC,uBAAO;IACN,OAAO;KACL,QAAQ,GAAG,KAAK;KAChB,MAAM;KACN,eAAe;KACf,UAAU;KACV,KAAK;KACL,iBAAiB;KACjB,OAAO,GAAG,KAAK;KACf,GAAG;KACJ;IACD,SAAS;KAAE,SAAS;KAAG,WAAW;KAAY;IAC9C,SAAS;IACT,MAAM,EAAE,SAAS,GAAG;IACpB,SAAS;KAAE,SAAS;KAAM,WAAW;KAAY;IACjD,YAAY,EAAE,UAAU;IACxB,GAAI;IACJ,uEAAgC,2BAC9B,QAAQ,IAAI,CACb;KACD;KArBkB,IAsBJ;GAEpB,GACD;EAGR,EAAE"}

package/dist/cjs/components/rotate/rotate.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"rotate.cjs","names":["createComponent","rotateStyle","useControllableState","motion","useInjectVarsIntoCss","useInjectVarsIntoProps"],"sources":["../../../../src/components/rotate/rotate.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { KeyframeIdent, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { RotateStyle } from \"./rotate.style\"\nimport { useAnimation } from \"motion/react\"\nimport { useCallback } from \"react\"\nimport {\n  createComponent,\n  useInjectVarsIntoCss,\n  useInjectVarsIntoProps,\n} from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { dataAttr, handlerAll } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { rotateStyle } from \"./rotate.style\"\n\nexport interface RotateProps\n  extends\n    Omit<HTMLMotionProps<\"button\">, \"onChange\" | \"rotate\">,\n    ThemeProps<RotateStyle> {\n  /**\n   * You can set the initial state.\n   *\n   * @default 'from'\n   */\n  defaultValue?: KeyframeIdent\n  /**\n   *　The animation delay.\n   *\n   * @default 0\n   */\n  delay?: number\n  /**\n   * If `true`, the component is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The animation duration.\n   *\n   * @default 0.4\n   */\n  duration?: number\n  /**\n   * Passing React elements to \"from\" is required.\n   */\n  from: ReactNode\n  /**\n   * If `true`, the component is readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * The animation rotation.\n   *\n   * @default 45\n   */\n  rotate?: number\n  /**\n   * Passing React elements to \"to\" is required.\n   */\n  to: ReactNode\n  /**\n   * Use this when you want to control the animation from outside the component.\n   */\n  value?: KeyframeIdent\n  /**\n   * This is a callback function that is called when the animation state changes.\n   */\n  onChange?: (value: KeyframeIdent) => void\n}\n\nconst {\n  PropsContext: RotatePropsContext,\n  usePropsContext: useRotatePropsContext,\n  withContext,\n} = createComponent<RotateProps, RotateStyle>(\"rotate\", rotateStyle)\n\nexport { RotatePropsContext, useRotatePropsContext }\n\n/**\n * `Rotate` is an animation component that alternately rotates two elements as they switch.\n *\n * @see https://yamada-ui.com/docs/components/rotate\n */\nexport const Rotate = withContext<\"button\", RotateProps>(\n  ({\n    defaultValue = \"from\",\n    delay = 0,\n    disabled,\n    duration = 0.4,\n    from,\n    readOnly,\n    rotate = 45,\n    to,\n    value: valueProp,\n    onChange,\n    onClick: onClickProp,\n    ...rest\n  }) => {\n    const opacity = \"var(--opacity)\"\n    const animate = useAnimation()\n    const [value, setValue] = useControllableState<KeyframeIdent>({\n      defaultValue,\n      value: valueProp,\n      onChange,\n    })\n\n    const onClick = useCallback(async () => {\n      if (readOnly) return\n\n      await animate.start({\n        opacity: 0,\n        rotate: `${rotate}deg`,\n        transition: { delay, duration },\n      })\n\n      setValue((prev) => (prev === \"from\" ? \"to\" : \"from\"))\n\n      await animate.start({\n        opacity: \"var(--opacity)\",\n        rotate: \"0deg\",\n        transition: { duration },\n      })\n    }, [readOnly, animate, rotate, duration, delay, setValue])\n\n    return (\n      <motion.button\n        type=\"button\"\n        data-disabled={dataAttr(disabled)}\n        data-readonly={dataAttr(readOnly)}\n        data-value={value}\n        animate={animate}\n        custom={{ rotate }}\n        disabled={disabled}\n        initial={{ opacity, rotate: \"0deg\" }}\n        onClick={handlerAll(onClickProp, onClick)}\n        {...rest}\n      >\n        {value === \"from\" ? from : to}\n      </motion.button>\n    )\n  },\n)(undefined, (props) => {\n  const css = useInjectVarsIntoCss(props.css, { opacity: \"opacity\" })\n  const rest = useInjectVarsIntoProps(props, { opacity: \"opacity\" })\n\n  return { ...rest, css, opacity: \"{opacity}\" }\n})\n"],"mappings":";;;;;;;;;;;;;;;;AA4EA,MAAM,EACJ,cAAc,oBACd,iBAAiB,uBACjB,gBACEA,yCAA0C,UAAUC,iCAAY;;;;;;AASpE,MAAa,SAAS,aACnB,EACC,eAAe,QACf,QAAQ,GACR,UACA,WAAW,IACX,MACA,UACA,SAAS,IACT,IACA,OAAO,WACP,UACA,SAAS,aACT,GAAG,WACC;CACJ,MAAM,UAAU;CAChB,MAAM,0CAAwB;CAC9B,MAAM,CAAC,OAAO,YAAYC,gEAAoC;EAC5D;EACA,OAAO;EACP;EACD,CAAC;CAEF,MAAM,iCAAsB,YAAY;AACtC,MAAI,SAAU;AAEd,QAAM,QAAQ,MAAM;GAClB,SAAS;GACT,QAAQ,GAAG,OAAO;GAClB,YAAY;IAAE;IAAO;IAAU;GAChC,CAAC;AAEF,YAAU,SAAU,SAAS,SAAS,OAAO,OAAQ;AAErD,QAAM,QAAQ,MAAM;GAClB,SAAS;GACT,QAAQ;GACR,YAAY,EAAE,UAAU;GACzB,CAAC;IACD;EAAC;EAAU;EAAS;EAAQ;EAAU;EAAO;EAAS,CAAC;AAE1D,QACE,2CAACC,uBAAO;EACN,MAAK;EACL,iEAAwB,SAAS;EACjC,iEAAwB,SAAS;EACjC,cAAY;EACH;EACT,QAAQ,EAAE,QAAQ;EACR;EACV,SAAS;GAAE;GAAS,QAAQ;GAAQ;EACpC,2DAAoB,aAAa,QAAQ;EACzC,GAAI;YAEH,UAAU,SAAS,OAAO;GACb;EAGrB,CAAC,SAAY,UAAU;CACtB,MAAM,MAAMC,6CAAqB,MAAM,KAAK,EAAE,SAAS,WAAW,CAAC;AAGnE,QAAO;EAAE,GAFIC,+CAAuB,OAAO,EAAE,SAAS,WAAW,CAAC;EAEhD;EAAK,SAAS;EAAa;EAC7C"}
+{"version":3,"file":"rotate.cjs","names":["createComponent","rotateStyle","useControllableState","motion","useInjectVarsIntoCss","useInjectVarsIntoProps"],"sources":["../../../../src/components/rotate/rotate.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { KeyframeIdent, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { RotateStyle } from \"./rotate.style\"\nimport { useAnimation } from \"motion/react\"\nimport { useCallback } from \"react\"\nimport {\n  createComponent,\n  useInjectVarsIntoCss,\n  useInjectVarsIntoProps,\n} from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { dataAttr, handlerAll } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { rotateStyle } from \"./rotate.style\"\n\nexport interface RotateProps\n  extends\n    Omit<HTMLMotionProps<\"button\">, \"onChange\" | \"rotate\">,\n    ThemeProps<RotateStyle> {\n  /**\n   * Passing React elements to \"from\" is required.\n   */\n  from: ReactNode\n  /**\n   * Passing React elements to \"to\" is required.\n   */\n  to: ReactNode\n  /**\n   * You can set the initial state.\n   *\n   * @default 'from'\n   */\n  defaultValue?: KeyframeIdent\n  /**\n   *　The animation delay.\n   *\n   * @default 0\n   */\n  delay?: number\n  /**\n   * If `true`, the component is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The animation duration.\n   *\n   * @default 0.4\n   */\n  duration?: number\n  /**\n   * If `true`, the component is readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * The animation rotation.\n   *\n   * @default 45\n   */\n  rotate?: number\n  /**\n   * Use this when you want to control the animation from outside the component.\n   */\n  value?: KeyframeIdent\n  /**\n   * This is a callback function that is called when the animation state changes.\n   */\n  onChange?: (value: KeyframeIdent) => void\n}\n\nconst {\n  PropsContext: RotatePropsContext,\n  usePropsContext: useRotatePropsContext,\n  withContext,\n} = createComponent<RotateProps, RotateStyle>(\"rotate\", rotateStyle)\n\nexport { RotatePropsContext, useRotatePropsContext }\n\n/**\n * `Rotate` is an animation component that alternately rotates two elements as they switch.\n *\n * @see https://yamada-ui.com/docs/components/rotate\n */\nexport const Rotate = withContext<\"button\", RotateProps>(\n  ({\n    defaultValue = \"from\",\n    delay = 0,\n    disabled,\n    duration = 0.4,\n    from,\n    readOnly,\n    rotate = 45,\n    to,\n    value: valueProp,\n    onChange,\n    onClick: onClickProp,\n    ...rest\n  }) => {\n    const opacity = \"var(--opacity)\"\n    const animate = useAnimation()\n    const [value, setValue] = useControllableState<KeyframeIdent>({\n      defaultValue,\n      value: valueProp,\n      onChange,\n    })\n\n    const onClick = useCallback(async () => {\n      if (readOnly) return\n\n      await animate.start({\n        opacity: 0,\n        rotate: `${rotate}deg`,\n        transition: { delay, duration },\n      })\n\n      setValue((prev) => (prev === \"from\" ? \"to\" : \"from\"))\n\n      await animate.start({\n        opacity: \"var(--opacity)\",\n        rotate: \"0deg\",\n        transition: { duration },\n      })\n    }, [readOnly, animate, rotate, duration, delay, setValue])\n\n    return (\n      <motion.button\n        type=\"button\"\n        data-disabled={dataAttr(disabled)}\n        data-readonly={dataAttr(readOnly)}\n        data-value={value}\n        animate={animate}\n        custom={{ rotate }}\n        disabled={disabled}\n        initial={{ opacity, rotate: \"0deg\" }}\n        onClick={handlerAll(onClickProp, onClick)}\n        {...rest}\n      >\n        {value === \"from\" ? from : to}\n      </motion.button>\n    )\n  },\n)(undefined, (props) => {\n  const css = useInjectVarsIntoCss(props.css, { opacity: \"opacity\" })\n  const rest = useInjectVarsIntoProps(props, { opacity: \"opacity\" })\n\n  return { ...rest, css, opacity: \"{opacity}\" }\n})\n"],"mappings":";;;;;;;;;;;;;;;;AA4EA,MAAM,EACJ,cAAc,oBACd,iBAAiB,uBACjB,gBACEA,yCAA0C,UAAUC,iCAAY;;;;;;AASpE,MAAa,SAAS,aACnB,EACC,eAAe,QACf,QAAQ,GACR,UACA,WAAW,IACX,MACA,UACA,SAAS,IACT,IACA,OAAO,WACP,UACA,SAAS,aACT,GAAG,WACC;CACJ,MAAM,UAAU;CAChB,MAAM,0CAAwB;CAC9B,MAAM,CAAC,OAAO,YAAYC,gEAAoC;EAC5D;EACA,OAAO;EACP;EACD,CAAC;CAEF,MAAM,iCAAsB,YAAY;AACtC,MAAI,SAAU;AAEd,QAAM,QAAQ,MAAM;GAClB,SAAS;GACT,QAAQ,GAAG,OAAO;GAClB,YAAY;IAAE;IAAO;IAAU;GAChC,CAAC;AAEF,YAAU,SAAU,SAAS,SAAS,OAAO,OAAQ;AAErD,QAAM,QAAQ,MAAM;GAClB,SAAS;GACT,QAAQ;GACR,YAAY,EAAE,UAAU;GACzB,CAAC;IACD;EAAC;EAAU;EAAS;EAAQ;EAAU;EAAO;EAAS,CAAC;AAE1D,QACE,2CAACC,uBAAO;EACN,MAAK;EACL,iEAAwB,SAAS;EACjC,iEAAwB,SAAS;EACjC,cAAY;EACH;EACT,QAAQ,EAAE,QAAQ;EACR;EACV,SAAS;GAAE;GAAS,QAAQ;GAAQ;EACpC,2DAAoB,aAAa,QAAQ;EACzC,GAAI;YAEH,UAAU,SAAS,OAAO;GACb;EAGrB,CAAC,SAAY,UAAU;CACtB,MAAM,MAAMC,6CAAqB,MAAM,KAAK,EAAE,SAAS,WAAW,CAAC;AAGnE,QAAO;EAAE,GAFIC,+CAAuB,OAAO,EAAE,SAAS,WAAW,CAAC;EAEhD;EAAK,SAAS;EAAa;EAC7C"}

package/dist/cjs/components/saturation-slider/use-saturation-slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-saturation-slider.cjs","names":["useFieldProps","useI18n","useControllableState","usePanEvent","h","s","v","getRootProps: PropGetter","props","getInputProps: PropGetter<\"input\">","visuallyHiddenAttributes","mergeRefs","getTrackProps: PropGetter"],"sources":["../../../../src/components/saturation-slider/use-saturation-slider.ts"],"sourcesContent":["\"use client\"\n\nimport type { KeyboardEvent } from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type { Point } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { usePanEvent } from \"../../hooks/use-pan-event\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  clampNumber,\n  cx,\n  handlerAll,\n  mergeRefs,\n  roundNumberToStep,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { runKeyAction } from \"../../utils/dom\"\nimport { useFieldProps } from \"../field\"\n\nfunction clampValue(value: [number, number, number]) {\n  return [\n    clampNumber(value[0], 0, 360),\n    clampNumber(value[1], 0, 1),\n    clampNumber(value[2], 0, 1),\n  ] as [number, number, number]\n}\n\nexport interface UseSaturationSliderProps\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"ref\">,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * The base `id` to use for the slider.\n   */\n  id?: string\n  /**\n   * The name attribute of the hidden `input` field.\n   * This is particularly useful in forms.\n   */\n  name?: string\n  /**\n   * The initial value of the saturation slider.\n   *\n   * @default [0, 0, 1]\n   */\n  defaultValue?: [number, number, number]\n  /**\n   * This is used to format the value so that screen readers\n   * can speak out a more human-friendly value.\n   *\n   * It is used to set the `aria-valuetext` property of the input.\n   */\n  getAriaValueText?: (value: [number, number, number]) => string | undefined\n  /**\n   * The step in which increments or decrements have to be made.\n   *\n   * @default 0.01\n   */\n  step?: number\n  /**\n   * The value of the saturation slider.\n   */\n  value?: [number, number, number]\n  /**\n   * Function called whenever the saturation slider value changes.\n   */\n  onChange?: (value: [number, number, number]) => void\n  /**\n   * Function called when the user is done selecting a new value.\n   */\n  onChangeEnd?: (value: [number, number, number]) => void\n  /**\n   * Function called when the user starts selecting a new value.\n   */\n  onChangeStart?: (value: [number, number, number]) => void\n}\n\nexport const useSaturationSlider = (props: UseSaturationSliderProps = {}) => {\n  const {\n    props: {\n      id,\n      ref,\n      name,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-valuetext\": ariaValueText,\n      defaultValue = [0, 0, 1],\n      disabled,\n      getAriaValueText,\n      readOnly,\n      required,\n      step = 0.01,\n      value: valueProp,\n      onChange: onChangeProp,\n      onChangeEnd,\n      onChangeStart,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const { t } = useI18n(\"saturationSlider\")\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const [h, s, v] = clampValue(value)\n  const interactive = !(disabled || readOnly)\n  const [_, getPanEventProps] = usePanEvent<HTMLDivElement>({\n    onEnd: (_, point, rect) => {\n      if (!interactive) return\n\n      const panValue = getPanValue(point, rect)\n\n      onChangeEnd?.(panValue)\n    },\n    onMove: (_, point, rect) => {\n      if (!interactive) return\n\n      const panValue = getPanValue(point, rect)\n\n      setValue(panValue)\n    },\n    onStart: (_, point, rect) => {\n      if (!interactive) return\n\n      const panValue = getPanValue(point, rect)\n\n      onChangeStart?.(value)\n      setValue(panValue)\n    },\n  })\n\n  const onChange = useCallback(\n    ([h, s, v]: [number, number, number]) => {\n      if (!interactive) return\n\n      s = clampNumber(s, 0, 1)\n      v = clampNumber(v, 0, 1)\n\n      setValue([h, s, v])\n    },\n    [interactive, setValue],\n  )\n\n  const getPanValue = useCallback(\n    (\n      { x, y }: Point,\n      { bottom, height, left, width }: DOMRect,\n    ): [number, number, number] => {\n      const diff = { x: x - left, y: bottom - y }\n      const percent = { x: diff.x / width, y: diff.y / height }\n      const clamp = {\n        x: clampNumber(percent.x, 0, 1),\n        y: clampNumber(percent.y, 0, 1),\n      }\n      const s = roundNumberToStep(clamp.x, 0, step)\n      const v = roundNumberToStep(clamp.y, 0, step)\n\n      return [h, parseFloat(s), parseFloat(v)]\n    },\n    [h, step],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLDivElement>) => {\n      runKeyAction(ev, {\n        ArrowDown: () => onChange([h, s, v - step]),\n        ArrowLeft: () => onChange([h, s - step, v]),\n        ArrowRight: () => onChange([h, s + step, v]),\n        ArrowUp: () => onChange([h, s, v + step]),\n      })\n    },\n    [h, onChange, s, step, v],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      ...rest,\n      ...props,\n      style: {\n        ...rest.style,\n        ...props.style,\n        \"--x\": `${Math.abs(s * 100)}%`,\n        \"--y\": `${Math.abs(100 - v * 100)}%`,\n        backgroundColor: `hsl(${h}, 100%, 50%)`,\n        backgroundImage:\n          \"linear-gradient(0deg, #000, transparent), linear-gradient(90deg, #fff, transparent)\",\n      },\n      onBlur: handlerAll(props.onBlur, eventProps.onBlur),\n      onFocus: handlerAll(props.onFocus, eventProps.onFocus),\n    }),\n    [dataProps, eventProps, h, rest, s, v],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      ...visuallyHiddenAttributes,\n      ...dataProps,\n      ...ariaProps,\n      id,\n      type: \"hidden\",\n      name,\n      disabled,\n      readOnly,\n      required,\n      value: [h, s, v].toString(),\n      ...props,\n      ref: mergeRefs(props.ref, ref),\n    }),\n    [\n      ariaProps,\n      dataProps,\n      disabled,\n      h,\n      id,\n      name,\n      readOnly,\n      ref,\n      required,\n      s,\n      v,\n    ],\n  )\n\n  const getTrackProps: PropGetter = useCallback(\n    (props = {}) => getPanEventProps({ ...dataProps, ...props }),\n    [dataProps, getPanEventProps],\n  )\n\n  const getThumbProps: PropGetter = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      ...ariaProps,\n      \"aria-label\": t(\"Saturation and brightness thumb\"),\n      \"aria-roledescription\": \"2D slider\",\n      \"aria-valuemax\": 100,\n      \"aria-valuemin\": 0,\n      \"aria-valuenow\": s * 100,\n      \"aria-valuetext\":\n        ariaValueText ??\n        getAriaValueText?.(value) ??\n        t(\"Saturation {saturation}%, Brightness {brightness}%\", {\n          brightness: v * 100,\n          saturation: s * 100,\n        }),\n      role: \"slider\",\n      tabIndex: interactive ? 0 : -1,\n      ...props,\n      \"aria-labelledby\": cx(props[\"aria-labelledby\"], ariaLabelledBy),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      ariaLabelledBy,\n      ariaProps,\n      ariaValueText,\n      dataProps,\n      getAriaValueText,\n      interactive,\n      onKeyDown,\n      s,\n      t,\n      v,\n      value,\n    ],\n  )\n\n  return {\n    setValue,\n    value,\n    getInputProps,\n    getRootProps,\n    getThumbProps,\n    getTrackProps,\n    onChange,\n  }\n}\n\nexport type UseSaturationSliderReturn = ReturnType<typeof useSaturationSlider>\n"],"mappings":"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"}
+{"version":3,"file":"use-saturation-slider.cjs","names":["useFieldProps","useI18n","useControllableState","usePanEvent","h","s","v","getRootProps: PropGetter","props","getInputProps: PropGetter<\"input\">","visuallyHiddenAttributes","mergeRefs","getTrackProps: PropGetter"],"sources":["../../../../src/components/saturation-slider/use-saturation-slider.ts"],"sourcesContent":["\"use client\"\n\nimport type { KeyboardEvent } from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type { Point } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { usePanEvent } from \"../../hooks/use-pan-event\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  clampNumber,\n  cx,\n  handlerAll,\n  mergeRefs,\n  roundNumberToStep,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { runKeyAction } from \"../../utils/dom\"\nimport { useFieldProps } from \"../field\"\n\nfunction clampValue(value: [number, number, number]) {\n  return [\n    clampNumber(value[0], 0, 360),\n    clampNumber(value[1], 0, 1),\n    clampNumber(value[2], 0, 1),\n  ] as [number, number, number]\n}\n\nexport interface UseSaturationSliderProps\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"ref\">,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * The initial value of the saturation slider.\n   *\n   * @default [0, 0, 1]\n   */\n  defaultValue?: [number, number, number]\n  /**\n   * The base `id` to use for the slider.\n   */\n  id?: string\n  /**\n   * The name attribute of the hidden `input` field.\n   * This is particularly useful in forms.\n   */\n  name?: string\n  /**\n   * The step in which increments or decrements have to be made.\n   *\n   * @default 0.01\n   */\n  step?: number\n  /**\n   * The value of the saturation slider.\n   */\n  value?: [number, number, number]\n  /**\n   * This is used to format the value so that screen readers\n   * can speak out a more human-friendly value.\n   *\n   * It is used to set the `aria-valuetext` property of the input.\n   */\n  getAriaValueText?: (value: [number, number, number]) => string | undefined\n  /**\n   * Function called whenever the saturation slider value changes.\n   */\n  onChange?: (value: [number, number, number]) => void\n  /**\n   * Function called when the user is done selecting a new value.\n   */\n  onChangeEnd?: (value: [number, number, number]) => void\n  /**\n   * Function called when the user starts selecting a new value.\n   */\n  onChangeStart?: (value: [number, number, number]) => void\n}\n\nexport const useSaturationSlider = (props: UseSaturationSliderProps = {}) => {\n  const {\n    props: {\n      id,\n      ref,\n      name,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-valuetext\": ariaValueText,\n      defaultValue = [0, 0, 1],\n      disabled,\n      getAriaValueText,\n      readOnly,\n      required,\n      step = 0.01,\n      value: valueProp,\n      onChange: onChangeProp,\n      onChangeEnd,\n      onChangeStart,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const { t } = useI18n(\"saturationSlider\")\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const [h, s, v] = clampValue(value)\n  const interactive = !(disabled || readOnly)\n  const [_, getPanEventProps] = usePanEvent<HTMLDivElement>({\n    onEnd: (_, point, rect) => {\n      if (!interactive) return\n\n      const panValue = getPanValue(point, rect)\n\n      onChangeEnd?.(panValue)\n    },\n    onMove: (_, point, rect) => {\n      if (!interactive) return\n\n      const panValue = getPanValue(point, rect)\n\n      setValue(panValue)\n    },\n    onStart: (_, point, rect) => {\n      if (!interactive) return\n\n      const panValue = getPanValue(point, rect)\n\n      onChangeStart?.(value)\n      setValue(panValue)\n    },\n  })\n\n  const onChange = useCallback(\n    ([h, s, v]: [number, number, number]) => {\n      if (!interactive) return\n\n      s = clampNumber(s, 0, 1)\n      v = clampNumber(v, 0, 1)\n\n      setValue([h, s, v])\n    },\n    [interactive, setValue],\n  )\n\n  const getPanValue = useCallback(\n    (\n      { x, y }: Point,\n      { bottom, height, left, width }: DOMRect,\n    ): [number, number, number] => {\n      const diff = { x: x - left, y: bottom - y }\n      const percent = { x: diff.x / width, y: diff.y / height }\n      const clamp = {\n        x: clampNumber(percent.x, 0, 1),\n        y: clampNumber(percent.y, 0, 1),\n      }\n      const s = roundNumberToStep(clamp.x, 0, step)\n      const v = roundNumberToStep(clamp.y, 0, step)\n\n      return [h, parseFloat(s), parseFloat(v)]\n    },\n    [h, step],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLDivElement>) => {\n      runKeyAction(ev, {\n        ArrowDown: () => onChange([h, s, v - step]),\n        ArrowLeft: () => onChange([h, s - step, v]),\n        ArrowRight: () => onChange([h, s + step, v]),\n        ArrowUp: () => onChange([h, s, v + step]),\n      })\n    },\n    [h, onChange, s, step, v],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      ...rest,\n      ...props,\n      style: {\n        ...rest.style,\n        ...props.style,\n        \"--x\": `${Math.abs(s * 100)}%`,\n        \"--y\": `${Math.abs(100 - v * 100)}%`,\n        backgroundColor: `hsl(${h}, 100%, 50%)`,\n        backgroundImage:\n          \"linear-gradient(0deg, #000, transparent), linear-gradient(90deg, #fff, transparent)\",\n      },\n      onBlur: handlerAll(props.onBlur, eventProps.onBlur),\n      onFocus: handlerAll(props.onFocus, eventProps.onFocus),\n    }),\n    [dataProps, eventProps, h, rest, s, v],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      ...visuallyHiddenAttributes,\n      ...dataProps,\n      ...ariaProps,\n      id,\n      type: \"hidden\",\n      name,\n      disabled,\n      readOnly,\n      required,\n      value: [h, s, v].toString(),\n      ...props,\n      ref: mergeRefs(props.ref, ref),\n    }),\n    [\n      ariaProps,\n      dataProps,\n      disabled,\n      h,\n      id,\n      name,\n      readOnly,\n      ref,\n      required,\n      s,\n      v,\n    ],\n  )\n\n  const getTrackProps: PropGetter = useCallback(\n    (props = {}) => getPanEventProps({ ...dataProps, ...props }),\n    [dataProps, getPanEventProps],\n  )\n\n  const getThumbProps: PropGetter = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      ...ariaProps,\n      \"aria-label\": t(\"Saturation and brightness thumb\"),\n      \"aria-roledescription\": \"2D slider\",\n      \"aria-valuemax\": 100,\n      \"aria-valuemin\": 0,\n      \"aria-valuenow\": s * 100,\n      \"aria-valuetext\":\n        ariaValueText ??\n        getAriaValueText?.(value) ??\n        t(\"Saturation {saturation}%, Brightness {brightness}%\", {\n          brightness: v * 100,\n          saturation: s * 100,\n        }),\n      role: \"slider\",\n      tabIndex: interactive ? 0 : -1,\n      ...props,\n      \"aria-labelledby\": cx(props[\"aria-labelledby\"], ariaLabelledBy),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      ariaLabelledBy,\n      ariaProps,\n      ariaValueText,\n      dataProps,\n      getAriaValueText,\n      interactive,\n      onKeyDown,\n      s,\n      t,\n      v,\n      value,\n    ],\n  )\n\n  return {\n    setValue,\n    value,\n    getInputProps,\n    getRootProps,\n    getThumbProps,\n    getTrackProps,\n    onChange,\n  }\n}\n\nexport type UseSaturationSliderReturn = ReturnType<typeof useSaturationSlider>\n"],"mappings":"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"}

package/dist/cjs/components/scroll-area/use-scroll-area.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-scroll-area.cjs","names":["mergeRefs"],"sources":["../../../../src/components/scroll-area/use-scroll-area.ts"],"sourcesContent":["\"use client\"\n\nimport type { UIEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useEffect, useId, useMemo, useRef, useState } from \"react\"\nimport {\n  dataAttr,\n  handlerAll,\n  isMac,\n  mergeRefs,\n  useSafeLayoutEffect,\n  vendor,\n} from \"../../utils\"\n\nexport interface UseScrollAreaProps extends HTMLProps {\n  /**\n   * Scrollbar visibility type.\n   *\n   * @default 'hover'\n   */\n  type?: \"always\" | \"hover\" | \"never\" | \"scroll\"\n  /**\n   * Delay in milliseconds before scrollbars are hidden.\n   *\n   * @default 1000\n   */\n  scrollHideDelay?: number\n  /**\n   * Callback function for when the scroll position changes.\n   */\n  onScrollPositionChange?: ({ x, y }: { x: number; y: number }) => void\n}\n\nexport const useScrollArea = ({\n  id,\n  ref,\n  type = \"hover\",\n  scrollHideDelay = 1000,\n  onScrollPositionChange,\n  ...rest\n}: UseScrollAreaProps = {}) => {\n  const [isHovered, setIsHovered] = useState<boolean>(false)\n  const [isScrolling, setIsScrolling] = useState<boolean>(false)\n  const isAlways = type === \"always\"\n  const isNever = type === \"never\"\n  const isHidden = !isAlways && !isHovered && !isScrolling\n  const isSafari = isMac() && vendor(/apple/i)\n  const uuid = useId()\n  const key = `${id ?? uuid}-${isHovered}-${isScrolling}`\n\n  const hoverTimeout = useRef<any>(undefined)\n  const scrollTimeout = useRef<any>(undefined)\n  const scrollAreaRef = useRef<HTMLDivElement>(null)\n  const scrollPosition = useRef({ x: 0, y: 0 })\n\n  useSafeLayoutEffect(() => {\n    if (!scrollAreaRef.current || !isSafari) return\n\n    scrollAreaRef.current.scrollLeft = scrollPosition.current.x\n    scrollAreaRef.current.scrollTop = scrollPosition.current.y\n  })\n\n  const onMouseEnter = useCallback(() => {\n    if (type !== \"hover\") return\n\n    clearTimeout(hoverTimeout.current)\n\n    setIsHovered(true)\n  }, [type])\n\n  const onMouseLeave = useCallback(() => {\n    if (type !== \"hover\") return\n\n    hoverTimeout.current = setTimeout(\n      () => setIsHovered(false),\n      scrollHideDelay,\n    )\n  }, [scrollHideDelay, type])\n\n  const onScroll = useCallback(\n    (ev: UIEvent<HTMLDivElement>) => {\n      const el = ev.target as HTMLDivElement\n\n      const { scrollLeft: x, scrollTop: y } = el\n      const { x: prevX, y: prevY } = scrollPosition.current\n      const isEqual = Math.abs(x - prevX) <= 5 && Math.abs(y - prevY) <= 5\n\n      onScrollPositionChange?.({ x, y })\n      scrollPosition.current = { x, y }\n\n      if (type !== \"scroll\" || isEqual) return\n\n      if (!isScrolling) setIsScrolling(true)\n\n      clearTimeout(scrollTimeout.current)\n\n      scrollTimeout.current = setTimeout(\n        () => setIsScrolling(false),\n        scrollHideDelay,\n      )\n    },\n    [isScrolling, onScrollPositionChange, scrollHideDelay, type],\n  )\n\n  useEffect(() => {\n    return () => {\n      if (hoverTimeout.current) clearTimeout(hoverTimeout.current)\n      if (scrollTimeout.current) clearTimeout(scrollTimeout.current)\n    }\n  }, [])\n\n  const safariProps = useMemo(\n    () => ({\n      key,\n      ref: mergeRefs(ref, scrollAreaRef),\n      \"data-key\": key,\n    }),\n    [key, ref, scrollAreaRef],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    ({ style, ...props } = {}) => ({\n      ref,\n      style: { overflow: \"auto\", ...style },\n      ...rest,\n      ...(isSafari ? safariProps : {}),\n      ...props,\n      \"data-hidden\": dataAttr(isHidden),\n      \"data-hover\": dataAttr(isHovered),\n      \"data-never\": dataAttr(isNever),\n      \"data-scroll\": dataAttr(isScrolling),\n      tabIndex: 0,\n      onMouseEnter: handlerAll(\n        props.onMouseEnter,\n        rest.onMouseEnter,\n        onMouseEnter,\n      ),\n      onMouseLeave: handlerAll(\n        props.onMouseLeave,\n        rest.onMouseLeave,\n        onMouseLeave,\n      ),\n      onScroll: handlerAll(props.onScroll, rest.onScroll, onScroll),\n    }),\n    [\n      isNever,\n      ref,\n      isHidden,\n      isHovered,\n      isScrolling,\n      isSafari,\n      safariProps,\n      rest,\n      onMouseEnter,\n      onMouseLeave,\n      onScroll,\n    ],\n  )\n\n  return {\n    isAlways,\n    isHidden,\n    isHovered,\n    isNever,\n    isScrolling,\n    getRootProps,\n  }\n}\n\nexport type UseScrollAreaReturn = ReturnType<typeof useScrollArea>\n"],"mappings":";;;;;;;;;AAiCA,MAAa,iBAAiB,EAC5B,IACA,KACA,OAAO,SACP,kBAAkB,KAClB,wBACA,GAAG,SACmB,EAAE,KAAK;CAC7B,MAAM,CAAC,WAAW,oCAAkC,MAAM;CAC1D,MAAM,CAAC,aAAa,sCAAoC,MAAM;CAC9D,MAAM,WAAW,SAAS;CAC1B,MAAM,UAAU,SAAS;CACzB,MAAM,WAAW,CAAC,YAAY,CAAC,aAAa,CAAC;CAC7C,MAAM,yDAAkB,kDAAW,SAAS;CAC5C,MAAM,yBAAc;CACpB,MAAM,MAAM,GAAG,MAAM,KAAK,GAAG,UAAU,GAAG;CAE1C,MAAM,iCAA2B,OAAU;CAC3C,MAAM,kCAA4B,OAAU;CAC5C,MAAM,kCAAuC,KAAK;CAClD,MAAM,mCAAwB;EAAE,GAAG;EAAG,GAAG;EAAG,CAAC;AAE7C,0CAA0B;AACxB,MAAI,CAAC,cAAc,WAAW,CAAC,SAAU;AAEzC,gBAAc,QAAQ,aAAa,eAAe,QAAQ;AAC1D,gBAAc,QAAQ,YAAY,eAAe,QAAQ;GACzD;CAEF,MAAM,4CAAiC;AACrC,MAAI,SAAS,QAAS;AAEtB,eAAa,aAAa,QAAQ;AAElC,eAAa,KAAK;IACjB,CAAC,KAAK,CAAC;CAEV,MAAM,4CAAiC;AACrC,MAAI,SAAS,QAAS;AAEtB,eAAa,UAAU,iBACf,aAAa,MAAM,EACzB,gBACD;IACA,CAAC,iBAAiB,KAAK,CAAC;CAE3B,MAAM,mCACH,OAAgC;EAG/B,MAAM,EAAE,YAAY,GAAG,WAAW,MAFvB,GAAG;EAGd,MAAM,EAAE,GAAG,OAAO,GAAG,UAAU,eAAe;EAC9C,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,IAAI,KAAK,KAAK,IAAI,IAAI,MAAM,IAAI;AAEnE,2BAAyB;GAAE;GAAG;GAAG,CAAC;AAClC,iBAAe,UAAU;GAAE;GAAG;GAAG;AAEjC,MAAI,SAAS,YAAY,QAAS;AAElC,MAAI,CAAC,YAAa,gBAAe,KAAK;AAEtC,eAAa,cAAc,QAAQ;AAEnC,gBAAc,UAAU,iBAChB,eAAe,MAAM,EAC3B,gBACD;IAEH;EAAC;EAAa;EAAwB;EAAiB;EAAK,CAC7D;AAED,4BAAgB;AACd,eAAa;AACX,OAAI,aAAa,QAAS,cAAa,aAAa,QAAQ;AAC5D,OAAI,cAAc,QAAS,cAAa,cAAc,QAAQ;;IAE/D,EAAE,CAAC;CAEN,MAAM,wCACG;EACL;EACA,KAAKA,sBAAU,KAAK,cAAc;EAClC,YAAY;EACb,GACD;EAAC;EAAK;EAAK;EAAc,CAC1B;AAyCD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA,sCA5CC,EAAE,OAAO,GAAG,UAAU,EAAE,MAAM;GAC7B;GACA,OAAO;IAAE,UAAU;IAAQ,GAAG;IAAO;GACrC,GAAG;GACH,GAAI,WAAW,cAAc,EAAE;GAC/B,GAAG;GACH,+DAAwB,SAAS;GACjC,8DAAuB,UAAU;GACjC,8DAAuB,QAAQ;GAC/B,+DAAwB,YAAY;GACpC,UAAU;GACV,gEACE,MAAM,cACN,KAAK,cACL,aACD;GACD,gEACE,MAAM,cACN,KAAK,cACL,aACD;GACD,4DAAqB,MAAM,UAAU,KAAK,UAAU,SAAS;GAC9D,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EASA"}
+{"version":3,"file":"use-scroll-area.cjs","names":["mergeRefs"],"sources":["../../../../src/components/scroll-area/use-scroll-area.ts"],"sourcesContent":["\"use client\"\n\nimport type { UIEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useEffect, useId, useMemo, useRef, useState } from \"react\"\nimport {\n  dataAttr,\n  handlerAll,\n  isMac,\n  mergeRefs,\n  useSafeLayoutEffect,\n  vendor,\n} from \"../../utils\"\n\nexport interface UseScrollAreaProps extends HTMLProps {\n  /**\n   * Delay in milliseconds before scrollbars are hidden.\n   *\n   * @default 1000\n   */\n  scrollHideDelay?: number\n  /**\n   * Scrollbar visibility type.\n   *\n   * @default 'hover'\n   */\n  type?: \"always\" | \"hover\" | \"never\" | \"scroll\"\n  /**\n   * Callback function for when the scroll position changes.\n   */\n  onScrollPositionChange?: ({ x, y }: { x: number; y: number }) => void\n}\n\nexport const useScrollArea = ({\n  id,\n  ref,\n  type = \"hover\",\n  scrollHideDelay = 1000,\n  onScrollPositionChange,\n  ...rest\n}: UseScrollAreaProps = {}) => {\n  const [isHovered, setIsHovered] = useState<boolean>(false)\n  const [isScrolling, setIsScrolling] = useState<boolean>(false)\n  const isAlways = type === \"always\"\n  const isNever = type === \"never\"\n  const isHidden = !isAlways && !isHovered && !isScrolling\n  const isSafari = isMac() && vendor(/apple/i)\n  const uuid = useId()\n  const key = `${id ?? uuid}-${isHovered}-${isScrolling}`\n\n  const hoverTimeout = useRef<any>(undefined)\n  const scrollTimeout = useRef<any>(undefined)\n  const scrollAreaRef = useRef<HTMLDivElement>(null)\n  const scrollPosition = useRef({ x: 0, y: 0 })\n\n  useSafeLayoutEffect(() => {\n    if (!scrollAreaRef.current || !isSafari) return\n\n    scrollAreaRef.current.scrollLeft = scrollPosition.current.x\n    scrollAreaRef.current.scrollTop = scrollPosition.current.y\n  })\n\n  const onMouseEnter = useCallback(() => {\n    if (type !== \"hover\") return\n\n    clearTimeout(hoverTimeout.current)\n\n    setIsHovered(true)\n  }, [type])\n\n  const onMouseLeave = useCallback(() => {\n    if (type !== \"hover\") return\n\n    hoverTimeout.current = setTimeout(\n      () => setIsHovered(false),\n      scrollHideDelay,\n    )\n  }, [scrollHideDelay, type])\n\n  const onScroll = useCallback(\n    (ev: UIEvent<HTMLDivElement>) => {\n      const el = ev.target as HTMLDivElement\n\n      const { scrollLeft: x, scrollTop: y } = el\n      const { x: prevX, y: prevY } = scrollPosition.current\n      const isEqual = Math.abs(x - prevX) <= 5 && Math.abs(y - prevY) <= 5\n\n      onScrollPositionChange?.({ x, y })\n      scrollPosition.current = { x, y }\n\n      if (type !== \"scroll\" || isEqual) return\n\n      if (!isScrolling) setIsScrolling(true)\n\n      clearTimeout(scrollTimeout.current)\n\n      scrollTimeout.current = setTimeout(\n        () => setIsScrolling(false),\n        scrollHideDelay,\n      )\n    },\n    [isScrolling, onScrollPositionChange, scrollHideDelay, type],\n  )\n\n  useEffect(() => {\n    return () => {\n      if (hoverTimeout.current) clearTimeout(hoverTimeout.current)\n      if (scrollTimeout.current) clearTimeout(scrollTimeout.current)\n    }\n  }, [])\n\n  const safariProps = useMemo(\n    () => ({\n      key,\n      ref: mergeRefs(ref, scrollAreaRef),\n      \"data-key\": key,\n    }),\n    [key, ref, scrollAreaRef],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    ({ style, ...props } = {}) => ({\n      ref,\n      style: { overflow: \"auto\", ...style },\n      ...rest,\n      ...(isSafari ? safariProps : {}),\n      ...props,\n      \"data-hidden\": dataAttr(isHidden),\n      \"data-hover\": dataAttr(isHovered),\n      \"data-never\": dataAttr(isNever),\n      \"data-scroll\": dataAttr(isScrolling),\n      tabIndex: 0,\n      onMouseEnter: handlerAll(\n        props.onMouseEnter,\n        rest.onMouseEnter,\n        onMouseEnter,\n      ),\n      onMouseLeave: handlerAll(\n        props.onMouseLeave,\n        rest.onMouseLeave,\n        onMouseLeave,\n      ),\n      onScroll: handlerAll(props.onScroll, rest.onScroll, onScroll),\n    }),\n    [\n      isNever,\n      ref,\n      isHidden,\n      isHovered,\n      isScrolling,\n      isSafari,\n      safariProps,\n      rest,\n      onMouseEnter,\n      onMouseLeave,\n      onScroll,\n    ],\n  )\n\n  return {\n    isAlways,\n    isHidden,\n    isHovered,\n    isNever,\n    isScrolling,\n    getRootProps,\n  }\n}\n\nexport type UseScrollAreaReturn = ReturnType<typeof useScrollArea>\n"],"mappings":";;;;;;;;;AAiCA,MAAa,iBAAiB,EAC5B,IACA,KACA,OAAO,SACP,kBAAkB,KAClB,wBACA,GAAG,SACmB,EAAE,KAAK;CAC7B,MAAM,CAAC,WAAW,oCAAkC,MAAM;CAC1D,MAAM,CAAC,aAAa,sCAAoC,MAAM;CAC9D,MAAM,WAAW,SAAS;CAC1B,MAAM,UAAU,SAAS;CACzB,MAAM,WAAW,CAAC,YAAY,CAAC,aAAa,CAAC;CAC7C,MAAM,yDAAkB,kDAAW,SAAS;CAC5C,MAAM,yBAAc;CACpB,MAAM,MAAM,GAAG,MAAM,KAAK,GAAG,UAAU,GAAG;CAE1C,MAAM,iCAA2B,OAAU;CAC3C,MAAM,kCAA4B,OAAU;CAC5C,MAAM,kCAAuC,KAAK;CAClD,MAAM,mCAAwB;EAAE,GAAG;EAAG,GAAG;EAAG,CAAC;AAE7C,0CAA0B;AACxB,MAAI,CAAC,cAAc,WAAW,CAAC,SAAU;AAEzC,gBAAc,QAAQ,aAAa,eAAe,QAAQ;AAC1D,gBAAc,QAAQ,YAAY,eAAe,QAAQ;GACzD;CAEF,MAAM,4CAAiC;AACrC,MAAI,SAAS,QAAS;AAEtB,eAAa,aAAa,QAAQ;AAElC,eAAa,KAAK;IACjB,CAAC,KAAK,CAAC;CAEV,MAAM,4CAAiC;AACrC,MAAI,SAAS,QAAS;AAEtB,eAAa,UAAU,iBACf,aAAa,MAAM,EACzB,gBACD;IACA,CAAC,iBAAiB,KAAK,CAAC;CAE3B,MAAM,mCACH,OAAgC;EAG/B,MAAM,EAAE,YAAY,GAAG,WAAW,MAFvB,GAAG;EAGd,MAAM,EAAE,GAAG,OAAO,GAAG,UAAU,eAAe;EAC9C,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,IAAI,KAAK,KAAK,IAAI,IAAI,MAAM,IAAI;AAEnE,2BAAyB;GAAE;GAAG;GAAG,CAAC;AAClC,iBAAe,UAAU;GAAE;GAAG;GAAG;AAEjC,MAAI,SAAS,YAAY,QAAS;AAElC,MAAI,CAAC,YAAa,gBAAe,KAAK;AAEtC,eAAa,cAAc,QAAQ;AAEnC,gBAAc,UAAU,iBAChB,eAAe,MAAM,EAC3B,gBACD;IAEH;EAAC;EAAa;EAAwB;EAAiB;EAAK,CAC7D;AAED,4BAAgB;AACd,eAAa;AACX,OAAI,aAAa,QAAS,cAAa,aAAa,QAAQ;AAC5D,OAAI,cAAc,QAAS,cAAa,cAAc,QAAQ;;IAE/D,EAAE,CAAC;CAEN,MAAM,wCACG;EACL;EACA,KAAKA,sBAAU,KAAK,cAAc;EAClC,YAAY;EACb,GACD;EAAC;EAAK;EAAK;EAAc,CAC1B;AAyCD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA,sCA5CC,EAAE,OAAO,GAAG,UAAU,EAAE,MAAM;GAC7B;GACA,OAAO;IAAE,UAAU;IAAQ,GAAG;IAAO;GACrC,GAAG;GACH,GAAI,WAAW,cAAc,EAAE;GAC/B,GAAG;GACH,+DAAwB,SAAS;GACjC,8DAAuB,UAAU;GACjC,8DAAuB,QAAQ;GAC/B,+DAAwB,YAAY;GACpC,UAAU;GACV,gEACE,MAAM,cACN,KAAK,cACL,aACD;GACD,gEACE,MAAM,cACN,KAAK,cACL,aACD;GACD,4DAAqB,MAAM,UAAU,KAAK,UAAU,SAAS;GAC9D,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EASA"}

package/dist/cjs/components/segmented-control/use-segmented-control.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-segmented-control.cjs","names":["createContext","createDescendants","useControllableState","getRootProps: PropGetter","getLabelProps: PropGetter<\"label\">","visuallyHiddenAttributes","mergeRefs"],"sources":["../../../../src/components/segmented-control/use-segmented-control.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent } from \"react\"\nimport type { HTMLProps, Orientation, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useId } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport {\n  ariaAttr,\n  createContext,\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\n\ninterface SegmentedControlContext extends Omit<\n  UseSegmentedControlReturn,\n  \"descendants\" | \"getRootProps\"\n> {}\n\nconst [SegmentedControlContext, useSegmentedControlContext] =\n  createContext<SegmentedControlContext>({\n    name: \"SegmentedControlContext\",\n  })\n\nexport { SegmentedControlContext, useSegmentedControlContext }\n\nconst {\n  DescendantsContext: SegmentedControlDescendantsContext,\n  useDescendant: useSegmentedControlDescendant,\n  useDescendants: useSegmentedControlDescendants,\n} = createDescendants<HTMLInputElement>()\n\nexport {\n  SegmentedControlDescendantsContext,\n  useSegmentedControlDescendant,\n  useSegmentedControlDescendants,\n}\n\nexport interface UseSegmentedControlProps<\n  Y extends string = string,\n> extends Omit<HTMLProps, \"onChange\"> {\n  /**\n   * The HTML `name` attribute used for forms.\n   */\n  name?: string\n  /**\n   * The initial value of the segmented control.\n   */\n  defaultValue?: Y\n  /**\n   * If `true`, the segmented control will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The orientation of the segmented control.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation\n  /**\n   * If `true`, the segmented control will be readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * The value of the segmented control.\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 useSegmentedControl = <Y extends string = string>({\n  id,\n  name,\n  defaultValue,\n  disabled,\n  orientation = \"horizontal\",\n  readOnly,\n  value: valueProp,\n  onChange: onChangeProp,\n  ...rest\n}: UseSegmentedControlProps<Y> = {}) => {\n  const uuid = useId()\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const descendants = useSegmentedControlDescendants()\n\n  id ??= uuid\n  name ??= uuid\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      id,\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-orientation\": orientation,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": orientation,\n      \"data-readonly\": dataAttr(readOnly),\n      role: \"radiogroup\",\n      ...rest,\n      ...props,\n    }),\n    [disabled, id, orientation, readOnly, rest],\n  )\n\n  return {\n    id,\n    name,\n    descendants,\n    disabled,\n    orientation,\n    readOnly,\n    setValue,\n    value,\n    getRootProps,\n  }\n}\n\nexport type UseSegmentedControlReturn = ReturnType<typeof useSegmentedControl>\n\nexport interface UseSegmentedControlItemProps<Y extends string = string>\n  extends HTMLProps<\"label\">, Pick<FieldProps, \"disabled\" | \"readOnly\"> {\n  /**\n   * The value of the segmented control item.\n   */\n  value: Y\n  /**\n   * Props for the input element.\n   */\n  inputProps?: HTMLProps<\"input\">\n}\n\nexport const useSegmentedControlItem = <Y extends string = string>({\n  disabled,\n  readOnly,\n  value,\n  inputProps,\n  ...rest\n}: UseSegmentedControlItemProps<Y>) => {\n  const {\n    name,\n    disabled: rootDisabled,\n    orientation,\n    readOnly: rootReadOnly,\n    setValue,\n    value: selectedValue,\n  } = useSegmentedControlContext()\n  const { register } = useSegmentedControlDescendant({\n    disabled: disabled || readOnly,\n  })\n  const checked = value === selectedValue\n  const trulyDisabled = disabled ?? rootDisabled\n  const trulyReadOnly = readOnly ?? rootReadOnly\n  const interactive = !(trulyReadOnly || trulyDisabled)\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      setValue(ev.target.value)\n    },\n    [setValue],\n  )\n\n  const getLabelProps: PropGetter<\"label\"> = useCallback(\n    (props) => ({\n      \"aria-disabled\": ariaAttr(trulyDisabled),\n      \"aria-readonly\": ariaAttr(trulyReadOnly),\n      \"data-checked\": dataAttr(checked),\n      \"data-disabled\": dataAttr(trulyDisabled),\n      \"data-orientation\": orientation,\n      \"data-readonly\": dataAttr(trulyReadOnly),\n      \"data-root-disabled\": dataAttr(rootDisabled),\n      \"data-root-readonly\": dataAttr(rootReadOnly),\n      ...props,\n      ...rest,\n    }),\n    [\n      orientation,\n      trulyDisabled,\n      trulyReadOnly,\n      checked,\n      rootDisabled,\n      rootReadOnly,\n      rest,\n    ],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      type: \"radio\",\n      name,\n      style: visuallyHiddenAttributes.style,\n      \"aria-disabled\": ariaAttr(trulyDisabled),\n      \"aria-readonly\": ariaAttr(trulyReadOnly),\n      \"data-checked\": dataAttr(checked),\n      \"data-disabled\": dataAttr(trulyDisabled),\n      \"data-orientation\": orientation,\n      \"data-readonly\": dataAttr(trulyReadOnly),\n      checked,\n      disabled: trulyDisabled || trulyReadOnly,\n      readOnly: trulyReadOnly,\n      tabIndex: interactive ? undefined : -1,\n      value,\n      ...inputProps,\n      ...props,\n      ref: mergeRefs(register, ref),\n      onChange: handlerAll(props.onChange, inputProps?.onChange, onChange),\n    }),\n    [\n      orientation,\n      name,\n      trulyDisabled,\n      trulyReadOnly,\n      checked,\n      interactive,\n      value,\n      inputProps,\n      register,\n      onChange,\n    ],\n  )\n\n  return {\n    checked,\n    getInputProps,\n    getLabelProps,\n  }\n}\n\nexport type UseSegmentedControlItemReturn = ReturnType<\n  typeof useSegmentedControlItem\n>\n"],"mappings":";;;;;;;;;;;;AAsBA,MAAM,CAAC,yBAAyB,8BAC9BA,8BAAuC,EACrC,MAAM,2BACP,CAAC;AAIJ,MAAM,EACJ,oBAAoB,oCACpB,eAAe,+BACf,gBAAgB,mCACdC,uDAAqC;AA+CzC,MAAa,uBAAkD,EAC7D,IACA,MACA,cACA,UACA,cAAc,cACd,UACA,OAAO,WACP,UAAU,cACV,GAAG,SAC4B,EAAE,KAAK;CACtC,MAAM,yBAAc;CACpB,MAAM,CAAC,OAAO,YAAYC,gEAAqB;EAC7C;EACA,OAAO;EACP,UAAU;EACX,CAAC;CACF,MAAM,cAAc,gCAAgC;AAEpD,QAAO;AACP,UAAS;CAET,MAAMC,uCACH,WAAW;EACV;EACA,iEAA0B,SAAS;EACnC,oBAAoB;EACpB,iEAA0B,SAAS;EACnC,oBAAoB;EACpB,iEAA0B,SAAS;EACnC,MAAM;EACN,GAAG;EACH,GAAG;EACJ,GACD;EAAC;EAAU;EAAI;EAAa;EAAU;EAAK,CAC5C;AAED,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;;AAiBH,MAAa,2BAAsD,EACjE,UACA,UACA,OACA,YACA,GAAG,WACkC;CACrC,MAAM,EACJ,MACA,UAAU,cACV,aACA,UAAU,cACV,UACA,OAAO,kBACL,4BAA4B;CAChC,MAAM,EAAE,aAAa,8BAA8B,EACjD,UAAU,YAAY,UACvB,CAAC;CACF,MAAM,UAAU,UAAU;CAC1B,MAAM,gBAAgB,YAAY;CAClC,MAAM,gBAAgB,YAAY;CAClC,MAAM,cAAc,EAAE,iBAAiB;CAEvC,MAAM,mCACH,OAAsC;AACrC,WAAS,GAAG,OAAO,MAAM;IAE3B,CAAC,SAAS,CACX;CAED,MAAMC,wCACH,WAAW;EACV,iEAA0B,cAAc;EACxC,iEAA0B,cAAc;EACxC,gEAAyB,QAAQ;EACjC,iEAA0B,cAAc;EACxC,oBAAoB;EACpB,iEAA0B,cAAc;EACxC,sEAA+B,aAAa;EAC5C,sEAA+B,aAAa;EAC5C,GAAG;EACH,GAAG;EACJ,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAqCD,QAAO;EACL;EACA,uCApCC,EAAE,KAAK,GAAG,UAAU,EAAE,MAAM;GAC3B,MAAM;GACN;GACA,OAAOC,qCAAyB;GAChC,iEAA0B,cAAc;GACxC,iEAA0B,cAAc;GACxC,gEAAyB,QAAQ;GACjC,iEAA0B,cAAc;GACxC,oBAAoB;GACpB,iEAA0B,cAAc;GACxC;GACA,UAAU,iBAAiB;GAC3B,UAAU;GACV,UAAU,cAAc,SAAY;GACpC;GACA,GAAG;GACH,GAAG;GACH,KAAKC,sBAAU,UAAU,IAAI;GAC7B,4DAAqB,MAAM,UAAU,YAAY,UAAU,SAAS;GACrE,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAKC;EACD"}
+{"version":3,"file":"use-segmented-control.cjs","names":["createContext","createDescendants","useControllableState","getRootProps: PropGetter","getLabelProps: PropGetter<\"label\">","visuallyHiddenAttributes","mergeRefs"],"sources":["../../../../src/components/segmented-control/use-segmented-control.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent } from \"react\"\nimport type { HTMLProps, Orientation, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useId } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendants } from \"../../hooks/use-descendants\"\nimport {\n  ariaAttr,\n  createContext,\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\n\ninterface SegmentedControlContext extends Omit<\n  UseSegmentedControlReturn,\n  \"descendants\" | \"getRootProps\"\n> {}\n\nconst [SegmentedControlContext, useSegmentedControlContext] =\n  createContext<SegmentedControlContext>({\n    name: \"SegmentedControlContext\",\n  })\n\nexport { SegmentedControlContext, useSegmentedControlContext }\n\nconst {\n  DescendantsContext: SegmentedControlDescendantsContext,\n  useDescendant: useSegmentedControlDescendant,\n  useDescendants: useSegmentedControlDescendants,\n} = createDescendants<HTMLInputElement>()\n\nexport {\n  SegmentedControlDescendantsContext,\n  useSegmentedControlDescendant,\n  useSegmentedControlDescendants,\n}\n\nexport interface UseSegmentedControlProps<\n  Y extends string = string,\n> extends Omit<HTMLProps, \"onChange\"> {\n  /**\n   * The initial value of the segmented control.\n   */\n  defaultValue?: Y\n  /**\n   * If `true`, the segmented control will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The HTML `name` attribute used for forms.\n   */\n  name?: string\n  /**\n   * The orientation of the segmented control.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation\n  /**\n   * If `true`, the segmented control will be readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * The value of the segmented control.\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 useSegmentedControl = <Y extends string = string>({\n  id,\n  name,\n  defaultValue,\n  disabled,\n  orientation = \"horizontal\",\n  readOnly,\n  value: valueProp,\n  onChange: onChangeProp,\n  ...rest\n}: UseSegmentedControlProps<Y> = {}) => {\n  const uuid = useId()\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const descendants = useSegmentedControlDescendants()\n\n  id ??= uuid\n  name ??= uuid\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      id,\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-orientation\": orientation,\n      \"data-disabled\": dataAttr(disabled),\n      \"data-orientation\": orientation,\n      \"data-readonly\": dataAttr(readOnly),\n      role: \"radiogroup\",\n      ...rest,\n      ...props,\n    }),\n    [disabled, id, orientation, readOnly, rest],\n  )\n\n  return {\n    id,\n    name,\n    descendants,\n    disabled,\n    orientation,\n    readOnly,\n    setValue,\n    value,\n    getRootProps,\n  }\n}\n\nexport type UseSegmentedControlReturn = ReturnType<typeof useSegmentedControl>\n\nexport interface UseSegmentedControlItemProps<Y extends string = string>\n  extends HTMLProps<\"label\">, Pick<FieldProps, \"disabled\" | \"readOnly\"> {\n  /**\n   * The value of the segmented control item.\n   */\n  value: Y\n  /**\n   * Props for the input element.\n   */\n  inputProps?: HTMLProps<\"input\">\n}\n\nexport const useSegmentedControlItem = <Y extends string = string>({\n  disabled,\n  readOnly,\n  value,\n  inputProps,\n  ...rest\n}: UseSegmentedControlItemProps<Y>) => {\n  const {\n    name,\n    disabled: rootDisabled,\n    orientation,\n    readOnly: rootReadOnly,\n    setValue,\n    value: selectedValue,\n  } = useSegmentedControlContext()\n  const { register } = useSegmentedControlDescendant({\n    disabled: disabled || readOnly,\n  })\n  const checked = value === selectedValue\n  const trulyDisabled = disabled ?? rootDisabled\n  const trulyReadOnly = readOnly ?? rootReadOnly\n  const interactive = !(trulyReadOnly || trulyDisabled)\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      setValue(ev.target.value)\n    },\n    [setValue],\n  )\n\n  const getLabelProps: PropGetter<\"label\"> = useCallback(\n    (props) => ({\n      \"aria-disabled\": ariaAttr(trulyDisabled),\n      \"aria-readonly\": ariaAttr(trulyReadOnly),\n      \"data-checked\": dataAttr(checked),\n      \"data-disabled\": dataAttr(trulyDisabled),\n      \"data-orientation\": orientation,\n      \"data-readonly\": dataAttr(trulyReadOnly),\n      \"data-root-disabled\": dataAttr(rootDisabled),\n      \"data-root-readonly\": dataAttr(rootReadOnly),\n      ...props,\n      ...rest,\n    }),\n    [\n      orientation,\n      trulyDisabled,\n      trulyReadOnly,\n      checked,\n      rootDisabled,\n      rootReadOnly,\n      rest,\n    ],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      type: \"radio\",\n      name,\n      style: visuallyHiddenAttributes.style,\n      \"aria-disabled\": ariaAttr(trulyDisabled),\n      \"aria-readonly\": ariaAttr(trulyReadOnly),\n      \"data-checked\": dataAttr(checked),\n      \"data-disabled\": dataAttr(trulyDisabled),\n      \"data-orientation\": orientation,\n      \"data-readonly\": dataAttr(trulyReadOnly),\n      checked,\n      disabled: trulyDisabled || trulyReadOnly,\n      readOnly: trulyReadOnly,\n      tabIndex: interactive ? undefined : -1,\n      value,\n      ...inputProps,\n      ...props,\n      ref: mergeRefs(register, ref),\n      onChange: handlerAll(props.onChange, inputProps?.onChange, onChange),\n    }),\n    [\n      orientation,\n      name,\n      trulyDisabled,\n      trulyReadOnly,\n      checked,\n      interactive,\n      value,\n      inputProps,\n      register,\n      onChange,\n    ],\n  )\n\n  return {\n    checked,\n    getInputProps,\n    getLabelProps,\n  }\n}\n\nexport type UseSegmentedControlItemReturn = ReturnType<\n  typeof useSegmentedControlItem\n>\n"],"mappings":";;;;;;;;;;;;AAsBA,MAAM,CAAC,yBAAyB,8BAC9BA,8BAAuC,EACrC,MAAM,2BACP,CAAC;AAIJ,MAAM,EACJ,oBAAoB,oCACpB,eAAe,+BACf,gBAAgB,mCACdC,uDAAqC;AA+CzC,MAAa,uBAAkD,EAC7D,IACA,MACA,cACA,UACA,cAAc,cACd,UACA,OAAO,WACP,UAAU,cACV,GAAG,SAC4B,EAAE,KAAK;CACtC,MAAM,yBAAc;CACpB,MAAM,CAAC,OAAO,YAAYC,gEAAqB;EAC7C;EACA,OAAO;EACP,UAAU;EACX,CAAC;CACF,MAAM,cAAc,gCAAgC;AAEpD,QAAO;AACP,UAAS;CAET,MAAMC,uCACH,WAAW;EACV;EACA,iEAA0B,SAAS;EACnC,oBAAoB;EACpB,iEAA0B,SAAS;EACnC,oBAAoB;EACpB,iEAA0B,SAAS;EACnC,MAAM;EACN,GAAG;EACH,GAAG;EACJ,GACD;EAAC;EAAU;EAAI;EAAa;EAAU;EAAK,CAC5C;AAED,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;;AAiBH,MAAa,2BAAsD,EACjE,UACA,UACA,OACA,YACA,GAAG,WACkC;CACrC,MAAM,EACJ,MACA,UAAU,cACV,aACA,UAAU,cACV,UACA,OAAO,kBACL,4BAA4B;CAChC,MAAM,EAAE,aAAa,8BAA8B,EACjD,UAAU,YAAY,UACvB,CAAC;CACF,MAAM,UAAU,UAAU;CAC1B,MAAM,gBAAgB,YAAY;CAClC,MAAM,gBAAgB,YAAY;CAClC,MAAM,cAAc,EAAE,iBAAiB;CAEvC,MAAM,mCACH,OAAsC;AACrC,WAAS,GAAG,OAAO,MAAM;IAE3B,CAAC,SAAS,CACX;CAED,MAAMC,wCACH,WAAW;EACV,iEAA0B,cAAc;EACxC,iEAA0B,cAAc;EACxC,gEAAyB,QAAQ;EACjC,iEAA0B,cAAc;EACxC,oBAAoB;EACpB,iEAA0B,cAAc;EACxC,sEAA+B,aAAa;EAC5C,sEAA+B,aAAa;EAC5C,GAAG;EACH,GAAG;EACJ,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAqCD,QAAO;EACL;EACA,uCApCC,EAAE,KAAK,GAAG,UAAU,EAAE,MAAM;GAC3B,MAAM;GACN;GACA,OAAOC,qCAAyB;GAChC,iEAA0B,cAAc;GACxC,iEAA0B,cAAc;GACxC,gEAAyB,QAAQ;GACjC,iEAA0B,cAAc;GACxC,oBAAoB;GACpB,iEAA0B,cAAc;GACxC;GACA,UAAU,iBAAiB;GAC3B,UAAU;GACV,UAAU,cAAc,SAAY;GACpC;GACA,GAAG;GACH,GAAG;GACH,KAAKC,sBAAU,UAAU,IAAI;GAC7B,4DAAqB,MAAM,UAAU,YAAY,UAAU,SAAS;GACrE,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAKC;EACD"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-select.cjs","names":["defaultRender: SelectItemRender","createContext","useI18n","useFieldProps","useControllableState","value","items","useCombobox","valueMap: { [key: string]: ComboboxItemWithValue }","item","valueMap","onClear","getRootProps: PropGetter","props","getFieldProps: PropGetter","mergeRefs","getInputProps: PropGetter<\"input\">","visuallyHiddenAttributes","getContentProps: PropGetter","getIconProps: PropGetter","runKeyAction","useComboboxItem"],"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 `id` attribute of the input element.\n   */\n  id?: string\n  /**\n   * The `name` attribute of the input element.\n   */\n  name?: string\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   * 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 placeholder for select.\n   */\n  placeholder?: string\n  /**\n   * The function to render the selected items.\n   */\n  render?: (props: SelectRenderProps) => ReactNode\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\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.cjs","names":["defaultRender: SelectItemRender","createContext","useI18n","useFieldProps","useControllableState","value","items","useCombobox","valueMap: { [key: string]: ComboboxItemWithValue }","item","valueMap","onClear","getRootProps: PropGetter","props","getFieldProps: PropGetter","mergeRefs","getInputProps: PropGetter<\"input\">","visuallyHiddenAttributes","getContentProps: PropGetter","getIconProps: PropGetter","runKeyAction","useComboboxItem"],"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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"}

package/dist/cjs/components/slider/slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"slider.cjs","names":["createSlotComponent","sliderStyle","useSlider","useValue","styled","varAttr","SliderInput: FC<SliderInputProps>","SliderMarks: FC<SliderMarksProps>","SliderThumbs: FC<SliderThumbsProps>"],"sources":["../../../../src/components/slider/slider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, ReactElement, ReactNode } from \"react\"\nimport type {\n  CSSProps,\n  GenericsComponent,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { SliderStyle } from \"./slider.style\"\nimport type { UseSliderProps, UseSliderReturn } from \"./use-slider\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled, varAttr } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { dataAttr, isNumber } from \"../../utils\"\nimport { sliderStyle } from \"./slider.style\"\nimport { useSlider } from \"./use-slider\"\n\ninterface ComponentContext extends Pick<\n  UseSliderReturn,\n  | \"getInputProps\"\n  | \"getMarkProps\"\n  | \"getRangeProps\"\n  | \"getThumbProps\"\n  | \"getTrackProps\"\n  | \"range\"\n> {}\n\nexport interface SliderRootProps<Y extends [number, number] | number = number>\n  extends\n    Omit<HTMLStyledProps, \"defaultValue\" | \"onChange\" | \"ref\">,\n    Omit<UseSliderProps<Y>, \"orientation\">,\n    ThemeProps<SliderStyle> {\n  /**\n   * The fill color of the indicator.\n   */\n  indicatorFill?: CSSProps[\"color\"]\n  /**\n   * The rounded of the indicator.\n   */\n  indicatorRounded?: CSSProps[\"rounded\"]\n  /**\n   * The marks to display on the slider.\n   */\n  marks?: SliderMarksProps[\"marks\"]\n  /**\n   * The fill color of the range.\n   */\n  rangeFill?: CSSProps[\"color\"]\n  /**\n   * The fill color of the thumb.\n   */\n  thumbFill?: CSSProps[\"color\"]\n  /**\n   * The rounded of the thumb.\n   */\n  thumbRounded?: CSSProps[\"rounded\"]\n  /**\n   * The size of the thumb.\n   */\n  thumbSize?: CSSProps[\"boxSize\"]\n  /**\n   * The stroke color of the thumb.\n   */\n  thumbStroke?: CSSProps[\"color\"]\n  /**\n   * The fill color of the track.\n   */\n  trackFill?: CSSProps[\"color\"]\n  /**\n   * The rounded of the track.\n   */\n  trackRounded?: CSSProps[\"rounded\"]\n  /**\n   * The size of the track.\n   */\n  trackSize?: CSSProps[\"boxSize\"]\n  /**\n   * Props for the input element.\n   */\n  inputProps?: SliderInputProps\n  /**\n   * Props for the marks element.\n   */\n  marksProps?: Partial<SliderMarksProps>\n  /**\n   * Props for the range element.\n   */\n  rangeProps?: SliderRangeProps\n  /**\n   * Props for the thumb element.\n   */\n  thumbProps?: SliderThumbProps\n  /**\n   * Props for the track element.\n   */\n  trackProps?: SliderTrackProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: SliderPropsContext,\n  useComponentContext,\n  usePropsContext: useSliderPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<SliderRootProps, SliderStyle, ComponentContext>(\n  \"slider\",\n  sliderStyle,\n)\n\nexport { SliderPropsContext, useSliderPropsContext }\n\n/**\n * `Slider` is a component used for allowing users to select a value from a range.\n *\n * @see https://yamada-ui.com/docs/components/slider\n */\nexport const SliderRoot = withProvider<\"input\", SliderRootProps, \"orientation\">(\n  <Y extends [number, number] | number = number>({\n    children,\n    marks,\n    orientation: orientationProp,\n    inputProps,\n    marksProps,\n    rangeProps,\n    thumbProps,\n    trackProps,\n    ...rest\n  }: SliderRootProps<Y>) => {\n    const orientation = useValue(orientationProp)\n    const {\n      range,\n      getInputProps,\n      getMarkProps,\n      getRangeProps,\n      getRootProps,\n      getThumbProps,\n      getTrackProps,\n    } = useSlider<Y>({ orientation, ...rest })\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (\n        <>\n          <SliderTrack {...trackProps}>\n            <SliderRange {...rangeProps} />\n\n            {range ? (\n              <SliderThumbs {...thumbProps} />\n            ) : (\n              <SliderThumb {...thumbProps} />\n            )}\n          </SliderTrack>\n\n          {marks ? <SliderMarks marks={marks} {...marksProps} /> : null}\n        </>\n      )\n    }, [children, marks, marksProps, range, rangeProps, thumbProps, trackProps])\n    const context = useMemo(\n      () => ({\n        range,\n        getInputProps,\n        getMarkProps,\n        getRangeProps,\n        getThumbProps,\n        getTrackProps,\n      }),\n      [\n        range,\n        getInputProps,\n        getMarkProps,\n        getRangeProps,\n        getThumbProps,\n        getTrackProps,\n      ],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <styled.div {...getRootProps()}>\n          <SliderInput {...inputProps} />\n\n          {computedChildren}\n        </styled.div>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"orientation\"] },\n)(\n  undefined,\n  ({\n    indicatorFill,\n    indicatorRounded,\n    rangeFill,\n    thumbFill,\n    thumbRounded,\n    thumbSize,\n    thumbStroke,\n    trackFill,\n    trackRounded,\n    trackSize,\n    ...rest\n  }) => ({\n    \"--indicator-fill\": varAttr(indicatorFill, \"colors\"),\n    \"--indicator-rounded\": varAttr(indicatorRounded, \"radii\"),\n    \"--range-fill\": varAttr(rangeFill, \"colors\"),\n    \"--thumb-fill\": varAttr(thumbFill, \"colors\"),\n    \"--thumb-rounded\": varAttr(thumbRounded, \"radii\"),\n    \"--thumb-size\": varAttr(thumbSize, \"sizes\"),\n    \"--thumb-stroke\": varAttr(thumbStroke, \"colors\"),\n    \"--track-fill\": varAttr(trackFill, \"colors\"),\n    \"--track-rounded\": varAttr(trackRounded, \"radii\"),\n    \"--track-size\": varAttr(trackSize, \"sizes\"),\n    ...rest,\n  }),\n) as GenericsComponent<{\n  <Y extends [number, number] | number = number>(\n    props: SliderRootProps<Y>,\n  ): ReactElement\n}>\n\ninterface SliderInputProps extends HTMLStyledProps<\"input\"> {}\n\nconst SliderInput: FC<SliderInputProps> = () => {\n  const { range, getInputProps } = useComponentContext()\n\n  return range ? (\n    Array.from({ length: 2 }).map((_, index) => (\n      <styled.input key={index} {...getInputProps({ index })} />\n    ))\n  ) : (\n    <styled.input {...getInputProps()} />\n  )\n}\n\nexport interface SliderTrackProps extends HTMLStyledProps {}\n\nexport const SliderTrack = withContext<\"div\", SliderTrackProps>(\"div\", \"track\")(\n  undefined,\n  (props) => {\n    const { getTrackProps } = useComponentContext()\n\n    return getTrackProps(props)\n  },\n)\n\nexport interface SliderRangeProps extends HTMLStyledProps {}\n\nexport const SliderRange = withContext<\"div\", SliderRangeProps>(\"div\", \"range\")(\n  undefined,\n  (props) => {\n    const { getRangeProps } = useComponentContext()\n\n    return getRangeProps(props)\n  },\n)\n\nexport interface SliderMarkProps extends HTMLStyledProps {\n  /**\n   * Whether the mark is an indicator.\n   *\n   * @default true\n   */\n  indicator?: boolean\n  /**\n   * The value of the mark.\n   */\n  value: number\n}\n\nexport const SliderMark = withContext<\"div\", SliderMarkProps>(\"div\", \"mark\")(\n  undefined,\n  ({ indicator = true, ...props }) => {\n    const { getMarkProps } = useComponentContext()\n\n    return getMarkProps({ \"data-indicator\": dataAttr(indicator), ...props })\n  },\n)\n\nexport interface SliderMarksProps extends Omit<SliderMarkProps, \"value\"> {\n  /**\n   * The marks to display on the slider.\n   */\n  marks: (number | { indicator?: boolean; label: ReactNode; value: number })[]\n}\n\nexport const SliderMarks: FC<SliderMarksProps> = ({ marks, ...props }) => {\n  return (\n    <>\n      {marks.map((mark, index) => {\n        if (isNumber(mark)) {\n          return <SliderMark key={index} value={mark} {...props} />\n        } else {\n          const { indicator, label, value } = mark\n\n          return (\n            <SliderMark key={index} indicator={indicator} value={value}>\n              {label}\n            </SliderMark>\n          )\n        }\n      })}\n    </>\n  )\n}\n\nexport interface SliderThumbProps extends HTMLStyledProps {\n  /**\n   * The index of the thumb.\n   */\n  index?: number\n}\n\nexport const SliderThumb = withContext<\"div\", SliderThumbProps>(\"div\", \"thumb\")(\n  undefined,\n  (props) => {\n    const { getThumbProps } = useComponentContext()\n\n    return getThumbProps(props)\n  },\n)\n\nexport interface SliderThumbsProps extends SliderThumbProps {}\n\nexport const SliderThumbs: FC<SliderThumbsProps> = (props) => {\n  return (\n    <>\n      {Array.from({ length: 2 }).map((_, index) => (\n        <SliderThumb key={index} index={index} {...props} />\n      ))}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAmGA,MAAM,EACJ,kBACA,cAAc,oBACd,qBACA,iBAAiB,uBACjB,aACA,iBACEA,6CACF,UACAC,iCACD;;;;;;AASD,MAAa,aAAa,cACuB,EAC7C,UACA,OACA,aAAa,iBACb,YACA,YACA,YACA,YACA,YACA,GAAG,WACqB;CAExB,MAAM,EACJ,OACA,eACA,cACA,eACA,cACA,eACA,kBACEC,6BAAa;EAAE,aATCC,uCAAS,gBAAgB;EASb,GAAG;EAAM,CAAC;CAC1C,MAAM,4CAAiC;AACrC,MAAI,SAAU,QAAO;AAErB,SACE,qFACE,4CAAC;GAAY,GAAI;cACf,2CAAC,eAAY,GAAI,aAAc,EAE9B,QACC,2CAAC,gBAAa,GAAI,aAAc,GAEhC,2CAAC,eAAY,GAAI,aAAc;IAErB,EAEb,QAAQ,2CAAC;GAAmB;GAAO,GAAI;IAAc,GAAG,QACxD;IAEJ;EAAC;EAAU;EAAO;EAAY;EAAO;EAAY;EAAY;EAAW,CAAC;AAoB5E,QACE,2CAAC;EAAiB,iCAnBX;GACL;GACA;GACA;GACA;GACA;GACA;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACD,CACF;YAIG,4CAACC,uBAAO;GAAI,GAAI,cAAc;cAC5B,2CAAC,eAAY,GAAI,aAAc,EAE9B;IACU;GACI;GAGvB,QACA,EAAE,eAAe,CAAC,cAAc,EAAE,CACnC,CACC,SACC,EACC,eACA,kBACA,WACA,WACA,cACA,WACA,aACA,WACA,cACA,WACA,GAAG,YACE;CACL,oBAAoBC,oBAAQ,eAAe,SAAS;CACpD,uBAAuBA,oBAAQ,kBAAkB,QAAQ;CACzD,gBAAgBA,oBAAQ,WAAW,SAAS;CAC5C,gBAAgBA,oBAAQ,WAAW,SAAS;CAC5C,mBAAmBA,oBAAQ,cAAc,QAAQ;CACjD,gBAAgBA,oBAAQ,WAAW,QAAQ;CAC3C,kBAAkBA,oBAAQ,aAAa,SAAS;CAChD,gBAAgBA,oBAAQ,WAAW,SAAS;CAC5C,mBAAmBA,oBAAQ,cAAc,QAAQ;CACjD,gBAAgBA,oBAAQ,WAAW,QAAQ;CAC3C,GAAG;CACJ,EACF;AAQD,MAAMC,oBAA0C;CAC9C,MAAM,EAAE,OAAO,kBAAkB,qBAAqB;AAEtD,QAAO,QACL,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,UAChC,2CAACF,uBAAO,SAAkB,GAAI,cAAc,EAAE,OAAO,CAAC,IAAnC,MAAuC,CAC1D,GAEF,2CAACA,uBAAO,SAAM,GAAI,eAAe,GAAI;;AAMzC,MAAa,cAAc,YAAqC,OAAO,QAAQ,CAC7E,SACC,UAAU;CACT,MAAM,EAAE,kBAAkB,qBAAqB;AAE/C,QAAO,cAAc,MAAM;EAE9B;AAID,MAAa,cAAc,YAAqC,OAAO,QAAQ,CAC7E,SACC,UAAU;CACT,MAAM,EAAE,kBAAkB,qBAAqB;AAE/C,QAAO,cAAc,MAAM;EAE9B;AAeD,MAAa,aAAa,YAAoC,OAAO,OAAO,CAC1E,SACC,EAAE,YAAY,MAAM,GAAG,YAAY;CAClC,MAAM,EAAE,iBAAiB,qBAAqB;AAE9C,QAAO,aAAa;EAAE,kEAA2B,UAAU;EAAE,GAAG;EAAO,CAAC;EAE3E;AASD,MAAaG,eAAqC,EAAE,OAAO,GAAG,YAAY;AACxE,QACE,mFACG,MAAM,KAAK,MAAM,UAAU;AAC1B,sDAAa,KAAK,CAChB,QAAO,2CAAC;GAAuB,OAAO;GAAM,GAAI;KAAxB,MAAiC;OACpD;GACL,MAAM,EAAE,WAAW,OAAO,UAAU;AAEpC,UACE,2CAAC;IAAkC;IAAkB;cAClD;MADc,MAEJ;;GAGjB,GACD;;AAWP,MAAa,cAAc,YAAqC,OAAO,QAAQ,CAC7E,SACC,UAAU;CACT,MAAM,EAAE,kBAAkB,qBAAqB;AAE/C,QAAO,cAAc,MAAM;EAE9B;AAID,MAAaC,gBAAuC,UAAU;AAC5D,QACE,mFACG,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,UACjC,2CAAC;EAA+B;EAAO,GAAI;IAAzB,MAAkC,CACpD,GACD"}
+{"version":3,"file":"slider.cjs","names":["createSlotComponent","sliderStyle","useSlider","useValue","styled","varAttr","SliderInput: FC<SliderInputProps>","SliderMarks: FC<SliderMarksProps>","SliderThumbs: FC<SliderThumbsProps>"],"sources":["../../../../src/components/slider/slider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, ReactElement, ReactNode } from \"react\"\nimport type {\n  CSSProps,\n  GenericsComponent,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { SliderStyle } from \"./slider.style\"\nimport type { UseSliderProps, UseSliderReturn } from \"./use-slider\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled, varAttr } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { dataAttr, isNumber } from \"../../utils\"\nimport { sliderStyle } from \"./slider.style\"\nimport { useSlider } from \"./use-slider\"\n\ninterface ComponentContext extends Pick<\n  UseSliderReturn,\n  | \"getInputProps\"\n  | \"getMarkProps\"\n  | \"getRangeProps\"\n  | \"getThumbProps\"\n  | \"getTrackProps\"\n  | \"range\"\n> {}\n\nexport interface SliderRootProps<Y extends [number, number] | number = number>\n  extends\n    Omit<HTMLStyledProps, \"defaultValue\" | \"onChange\" | \"ref\">,\n    Omit<UseSliderProps<Y>, \"orientation\">,\n    ThemeProps<SliderStyle> {\n  /**\n   * The fill color of the indicator.\n   */\n  indicatorFill?: CSSProps[\"color\"]\n  /**\n   * The rounded of the indicator.\n   */\n  indicatorRounded?: CSSProps[\"rounded\"]\n  /**\n   * The marks to display on the slider.\n   */\n  marks?: SliderMarksProps[\"marks\"]\n  /**\n   * The fill color of the range.\n   */\n  rangeFill?: CSSProps[\"color\"]\n  /**\n   * The fill color of the thumb.\n   */\n  thumbFill?: CSSProps[\"color\"]\n  /**\n   * The rounded of the thumb.\n   */\n  thumbRounded?: CSSProps[\"rounded\"]\n  /**\n   * The size of the thumb.\n   */\n  thumbSize?: CSSProps[\"boxSize\"]\n  /**\n   * The stroke color of the thumb.\n   */\n  thumbStroke?: CSSProps[\"color\"]\n  /**\n   * The fill color of the track.\n   */\n  trackFill?: CSSProps[\"color\"]\n  /**\n   * The rounded of the track.\n   */\n  trackRounded?: CSSProps[\"rounded\"]\n  /**\n   * The size of the track.\n   */\n  trackSize?: CSSProps[\"boxSize\"]\n  /**\n   * Props for the input element.\n   */\n  inputProps?: SliderInputProps\n  /**\n   * Props for the marks element.\n   */\n  marksProps?: Partial<SliderMarksProps>\n  /**\n   * Props for the range element.\n   */\n  rangeProps?: SliderRangeProps\n  /**\n   * Props for the thumb element.\n   */\n  thumbProps?: SliderThumbProps\n  /**\n   * Props for the track element.\n   */\n  trackProps?: SliderTrackProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: SliderPropsContext,\n  useComponentContext,\n  usePropsContext: useSliderPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<SliderRootProps, SliderStyle, ComponentContext>(\n  \"slider\",\n  sliderStyle,\n)\n\nexport { SliderPropsContext, useSliderPropsContext }\n\n/**\n * `Slider` is a component used for allowing users to select a value from a range.\n *\n * @see https://yamada-ui.com/docs/components/slider\n */\nexport const SliderRoot = withProvider<\"input\", SliderRootProps, \"orientation\">(\n  <Y extends [number, number] | number = number>({\n    children,\n    marks,\n    orientation: orientationProp,\n    inputProps,\n    marksProps,\n    rangeProps,\n    thumbProps,\n    trackProps,\n    ...rest\n  }: SliderRootProps<Y>) => {\n    const orientation = useValue(orientationProp)\n    const {\n      range,\n      getInputProps,\n      getMarkProps,\n      getRangeProps,\n      getRootProps,\n      getThumbProps,\n      getTrackProps,\n    } = useSlider<Y>({ orientation, ...rest })\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (\n        <>\n          <SliderTrack {...trackProps}>\n            <SliderRange {...rangeProps} />\n\n            {range ? (\n              <SliderThumbs {...thumbProps} />\n            ) : (\n              <SliderThumb {...thumbProps} />\n            )}\n          </SliderTrack>\n\n          {marks ? <SliderMarks marks={marks} {...marksProps} /> : null}\n        </>\n      )\n    }, [children, marks, marksProps, range, rangeProps, thumbProps, trackProps])\n    const context = useMemo(\n      () => ({\n        range,\n        getInputProps,\n        getMarkProps,\n        getRangeProps,\n        getThumbProps,\n        getTrackProps,\n      }),\n      [\n        range,\n        getInputProps,\n        getMarkProps,\n        getRangeProps,\n        getThumbProps,\n        getTrackProps,\n      ],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <styled.div {...getRootProps()}>\n          <SliderInput {...inputProps} />\n\n          {computedChildren}\n        </styled.div>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"orientation\"] },\n)(\n  undefined,\n  ({\n    indicatorFill,\n    indicatorRounded,\n    rangeFill,\n    thumbFill,\n    thumbRounded,\n    thumbSize,\n    thumbStroke,\n    trackFill,\n    trackRounded,\n    trackSize,\n    ...rest\n  }) => ({\n    \"--indicator-fill\": varAttr(indicatorFill, \"colors\"),\n    \"--indicator-rounded\": varAttr(indicatorRounded, \"radii\"),\n    \"--range-fill\": varAttr(rangeFill, \"colors\"),\n    \"--thumb-fill\": varAttr(thumbFill, \"colors\"),\n    \"--thumb-rounded\": varAttr(thumbRounded, \"radii\"),\n    \"--thumb-size\": varAttr(thumbSize, \"sizes\"),\n    \"--thumb-stroke\": varAttr(thumbStroke, \"colors\"),\n    \"--track-fill\": varAttr(trackFill, \"colors\"),\n    \"--track-rounded\": varAttr(trackRounded, \"radii\"),\n    \"--track-size\": varAttr(trackSize, \"sizes\"),\n    ...rest,\n  }),\n) as GenericsComponent<{\n  <Y extends [number, number] | number = number>(\n    props: SliderRootProps<Y>,\n  ): ReactElement\n}>\n\ninterface SliderInputProps extends HTMLStyledProps<\"input\"> {}\n\nconst SliderInput: FC<SliderInputProps> = () => {\n  const { range, getInputProps } = useComponentContext()\n\n  return range ? (\n    Array.from({ length: 2 }).map((_, index) => (\n      <styled.input key={index} {...getInputProps({ index })} />\n    ))\n  ) : (\n    <styled.input {...getInputProps()} />\n  )\n}\n\nexport interface SliderTrackProps extends HTMLStyledProps {}\n\nexport const SliderTrack = withContext<\"div\", SliderTrackProps>(\"div\", \"track\")(\n  undefined,\n  (props) => {\n    const { getTrackProps } = useComponentContext()\n\n    return getTrackProps(props)\n  },\n)\n\nexport interface SliderRangeProps extends HTMLStyledProps {}\n\nexport const SliderRange = withContext<\"div\", SliderRangeProps>(\"div\", \"range\")(\n  undefined,\n  (props) => {\n    const { getRangeProps } = useComponentContext()\n\n    return getRangeProps(props)\n  },\n)\n\nexport interface SliderMarkProps extends HTMLStyledProps {\n  /**\n   * The value of the mark.\n   */\n  value: number\n  /**\n   * Whether the mark is an indicator.\n   *\n   * @default true\n   */\n  indicator?: boolean\n}\n\nexport const SliderMark = withContext<\"div\", SliderMarkProps>(\"div\", \"mark\")(\n  undefined,\n  ({ indicator = true, ...props }) => {\n    const { getMarkProps } = useComponentContext()\n\n    return getMarkProps({ \"data-indicator\": dataAttr(indicator), ...props })\n  },\n)\n\nexport interface SliderMarksProps extends Omit<SliderMarkProps, \"value\"> {\n  /**\n   * The marks to display on the slider.\n   */\n  marks: (number | { label: ReactNode; value: number; indicator?: boolean })[]\n}\n\nexport const SliderMarks: FC<SliderMarksProps> = ({ marks, ...props }) => {\n  return (\n    <>\n      {marks.map((mark, index) => {\n        if (isNumber(mark)) {\n          return <SliderMark key={index} value={mark} {...props} />\n        } else {\n          const { indicator, label, value } = mark\n\n          return (\n            <SliderMark key={index} indicator={indicator} value={value}>\n              {label}\n            </SliderMark>\n          )\n        }\n      })}\n    </>\n  )\n}\n\nexport interface SliderThumbProps extends HTMLStyledProps {\n  /**\n   * The index of the thumb.\n   */\n  index?: number\n}\n\nexport const SliderThumb = withContext<\"div\", SliderThumbProps>(\"div\", \"thumb\")(\n  undefined,\n  (props) => {\n    const { getThumbProps } = useComponentContext()\n\n    return getThumbProps(props)\n  },\n)\n\nexport interface SliderThumbsProps extends SliderThumbProps {}\n\nexport const SliderThumbs: FC<SliderThumbsProps> = (props) => {\n  return (\n    <>\n      {Array.from({ length: 2 }).map((_, index) => (\n        <SliderThumb key={index} index={index} {...props} />\n      ))}\n    </>\n  )\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-slider.cjs","names":["useFieldProps","useControllableState","useI18n","usePanEvent","value","min","max","step","getRootProps: PropGetter","computedProps: HTMLProps","props","getInputProps: PropGetter<\"input\", { index?: number }>","visuallyHiddenAttributes","mergeRefs","getTrackProps: PropGetter","getRangeProps: PropGetter","valueProp","percent","rest","props: HTMLProps"],"sources":["../../../../src/components/slider/use-slider.ts"],"sourcesContent":["\"use client\"\n\nimport type { KeyboardEvent } from \"react\"\nimport type {\n  HTMLProps,\n  HTMLRefAttributes,\n  Orientation,\n  PropGetter,\n  RequiredPropGetter,\n} from \"../../core\"\nimport type { Point } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useRef } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { usePanEvent } from \"../../hooks/use-pan-event\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  clampNumber,\n  cx,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isNumber,\n  mergeRefs,\n  percentToValue,\n  roundNumberToStep,\n  runKeyAction,\n  valueToPercent,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport interface UseSliderProps<Y extends [number, number] | number = number>\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"ref\">,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * The base `id` to use for the slider.\n   */\n  id?: string\n  /**\n   * The name attribute of the hidden `input` field.\n   * This is particularly useful in forms.\n   */\n  name?: string\n  /**\n   * The minimum distance between slider thumbs.\n   * Useful for preventing the thumbs from being too close together.\n   *\n   * @default 0\n   */\n  betweenThumbs?: number\n  /**\n   * The initial value of the slider.\n   */\n  defaultValue?: Y\n  /**\n   * This is used to format the value so that screen readers\n   * can speak out a more human-friendly value.\n   *\n   * It is used to set the `aria-valuetext` property of the input.\n   */\n  getAriaValueText?: (value: number, index: number) => string | undefined\n  /**\n   * The maximum allowed value of the slider. Cannot be less than min.\n   *\n   * @default 100\n   */\n  max?: number\n  /**\n   * The minimum allowed value of the slider. Cannot be greater than max.\n   *\n   * @default 0\n   */\n  min?: number\n  /**\n   * The orientation of the slider.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation\n  /**\n   * The step in which increments or decrements have to be made.\n   *\n   * @default 1\n   */\n  step?: number\n  /**\n   * The value of the slider.\n   */\n  value?: Y\n  /**\n   * Function called whenever the slider value changes.\n   */\n  onChange?: (value: Y) => void\n  /**\n   * Function called when the user is done selecting a new value.\n   */\n  onChangeEnd?: (value: Y) => void\n  /**\n   * Function called when the user starts selecting a new value.\n   */\n  onChangeStart?: (value: Y) => void\n}\n\nexport const useSlider = <Y extends [number, number] | number = number>(\n  props: UseSliderProps<Y> = {},\n) => {\n  const {\n    props: {\n      id,\n      ref,\n      name,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-valuetext\": ariaValueText,\n      betweenThumbs = 0,\n      defaultValue = 0 as Y,\n      disabled,\n      getAriaValueText,\n      max = 100,\n      min = 0,\n      orientation = \"horizontal\",\n      readOnly,\n      required,\n      step = 1,\n      value: valueProp,\n      onChange: onChangeProp,\n      onChangeEnd,\n      onChangeStart,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const { t } = useI18n(\"slider\")\n  const currentIndex = useRef(0)\n  const interactive = !(disabled || readOnly)\n  const [_, getPanEventProps] = usePanEvent<HTMLDivElement>({\n    onEnd: (_, point, rect) => {\n      if (!interactive) return\n\n      const panValue = getPanValue(point, rect)\n\n      if (range) {\n        const start = currentIndex.current === 0\n        const oppositeIndex = currentIndex.current === 0 ? 1 : 0\n        const oppositeValue = value[oppositeIndex]!\n\n        onChangeEnd?.(\n          (start ? [panValue, oppositeValue] : [oppositeValue, panValue]) as Y,\n        )\n      } else {\n        onChangeEnd?.(panValue as Y)\n      }\n    },\n    onMove: (_, point, rect) => {\n      if (!interactive) return\n\n      const panValue = getPanValue(point, rect)\n\n      onChange(currentIndex.current, panValue)\n    },\n    onStart: (_, point, rect) => {\n      if (!interactive) return\n\n      const panValue = getPanValue(point, rect)\n\n      if (range) {\n        const distances = value.map((value) => Math.abs(value - panValue))\n        const closest = Math.min(...distances)\n        const index = distances.indexOf(closest)\n\n        currentIndex.current = index\n\n        const start = index === 0\n        const oppositeIndex = index === 0 ? 1 : 0\n        const oppositeValue = value[oppositeIndex]!\n\n        onChangeStart?.(\n          (start ? [panValue, oppositeValue] : [oppositeValue, panValue]) as Y,\n        )\n      } else {\n        currentIndex.current = 0\n\n        onChangeStart?.(value as Y)\n      }\n\n      onChange(currentIndex.current, panValue)\n    },\n  })\n  const range = !isNumber(value)\n  const percent = (\n    range\n      ? value.map((value) => valueToPercent(value, min, max))\n      : valueToPercent(value, min, max)\n  ) as Y extends number ? number : number[]\n  const tenStep = (max - min) / 10\n  const oneStep = step || (max - min) / 100\n\n  if (max < min) console.warn(\"Do not assign a number less than 'min' to 'max'\")\n\n  const getMinMax = useCallback(\n    (index: number) => {\n      const start = index === 0\n      const oppositeIndex = index === 0 ? 1 : 0\n      const oppositeValue = range ? value[oppositeIndex]! : value\n\n      return {\n        max: range ? (start ? oppositeValue - betweenThumbs : max) : max,\n        min: range ? (start ? min : oppositeValue + betweenThumbs) : min,\n      }\n    },\n    [betweenThumbs, max, min, range, value],\n  )\n\n  const getPanValue = useCallback(\n    ({ x, y }: Point, { bottom, height, left, width }: DOMRect) => {\n      const diff = orientation === \"horizontal\" ? x - left : bottom - y\n      const length = orientation === \"horizontal\" ? width : height\n      const percent = diff / length\n\n      let nextValue = percentToValue(percent, min, max)\n\n      nextValue = parseFloat(roundNumberToStep(nextValue, min, step))\n      nextValue = clampNumber(nextValue, min, max)\n\n      return nextValue\n    },\n    [orientation, min, max, step],\n  )\n\n  const onChange = useCallback(\n    (index: number, value: number) => {\n      if (!interactive) return\n\n      const { max, min } = getMinMax(index)\n\n      value = parseFloat(roundNumberToStep(value, min, oneStep))\n      value = clampNumber(value, min, max)\n\n      setValue((prev) => {\n        if (isArray(prev)) {\n          const next = [...prev]\n\n          next[index] = value\n\n          return next as Y\n        } else {\n          return value as Y\n        }\n      })\n    },\n    [getMinMax, interactive, oneStep, setValue],\n  )\n\n  const stepUp = useCallback(\n    (index: number, step = oneStep) =>\n      range\n        ? onChange(index, value[index]! + step)\n        : onChange(index, value + step),\n    [oneStep, range, onChange, value],\n  )\n\n  const stepDown = useCallback(\n    (index: number, step = oneStep) =>\n      range\n        ? onChange(index, value[index]! - step)\n        : onChange(index, value - step),\n    [oneStep, range, onChange, value],\n  )\n\n  const onKeyDown = useCallback(\n    (index: number) => (ev: KeyboardEvent<HTMLDivElement>) => {\n      const { max, min } = getMinMax(index)\n\n      runKeyAction(ev, {\n        ArrowDown: () => stepDown(index),\n        ArrowLeft: () => stepDown(index),\n        ArrowRight: () => stepUp(index),\n        ArrowUp: () => stepUp(index),\n        End: () => onChange(index, max),\n        Home: () => onChange(index, min),\n        PageDown: () => stepDown(index, tenStep),\n        PageUp: () => stepUp(index, tenStep),\n      })\n    },\n    [getMinMax, onChange, stepDown, stepUp, tenStep],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    (props = {}) => {\n      const computedProps: HTMLProps = {\n        ...dataProps,\n        \"data-orientation\": orientation,\n        ...rest,\n        ...props,\n        onBlur: handlerAll(props.onBlur, eventProps.onBlur),\n        onFocus: handlerAll(props.onFocus, eventProps.onFocus),\n      }\n\n      computedProps.style ??= {}\n\n      if (isArray(percent)) {\n        computedProps.style[\"--range-start\"] = `${Math.abs(percent[0]!)}%`\n        computedProps.style[\"--range-end\"] = `${Math.abs(percent[1]!)}%`\n      } else {\n        computedProps.style[\"--range-start\"] = \"0%\"\n        computedProps.style[\"--range-end\"] = `${Math.abs(percent)}%`\n      }\n\n      return computedProps\n    },\n    [dataProps, eventProps, orientation, percent, rest],\n  )\n\n  const getInputProps: PropGetter<\"input\", { index?: number }> = useCallback(\n    ({ index = 0, ...props } = {}) => ({\n      ...visuallyHiddenAttributes,\n      ...dataProps,\n      ...ariaProps,\n      id,\n      type: \"hidden\",\n      name,\n      disabled,\n      readOnly,\n      required,\n      value: range ? value[index]! : value,\n      ...props,\n      ref: index === 0 ? mergeRefs(props.ref, ref) : props.ref,\n    }),\n    [\n      dataProps,\n      ariaProps,\n      id,\n      name,\n      disabled,\n      readOnly,\n      required,\n      range,\n      value,\n      ref,\n    ],\n  )\n\n  const getTrackProps: PropGetter = useCallback(\n    (props) =>\n      getPanEventProps({\n        ...dataProps,\n        \"data-orientation\": orientation,\n        ...props,\n      }),\n    [dataProps, getPanEventProps, orientation],\n  )\n\n  const getRangeProps: PropGetter = useCallback(\n    (props) => ({\n      ...dataProps,\n      \"data-orientation\": orientation,\n      \"data-range\": dataAttr(range),\n      ...props,\n    }),\n    [dataProps, orientation, range],\n  )\n\n  const getMarkProps: RequiredPropGetter<\"div\", { value: number }> =\n    useCallback(\n      ({ style, value: valueProp, ...props }) => {\n        const between = range\n          ? value[0]! < valueProp && valueProp < value[1]!\n          : valueProp < value\n        const percent = valueToPercent(valueProp, min, max)\n\n        return {\n          ...dataProps,\n          \"aria-hidden\": true,\n          \"data-between\": dataAttr(between),\n          \"data-orientation\": orientation,\n          role: \"presentation\",\n          ...props,\n          style: { ...style, \"--mark-position\": `${percent}%` },\n        }\n      },\n      [dataProps, max, min, orientation, range, value],\n    )\n\n  const getThumbProps: PropGetter<\"div\", { index?: number }> = useCallback(\n    ({ index = 0, ...rest } = {}) => {\n      const { max, min } = getMinMax(index)\n\n      const props: HTMLProps = {\n        ...dataProps,\n        ...ariaProps,\n        \"aria-label\": t(\"Slider thumb\"),\n        \"aria-orientation\": orientation,\n        \"aria-valuemax\": max,\n        \"aria-valuemin\": min,\n        role: \"slider\",\n        tabIndex: interactive ? 0 : -1,\n        ...rest,\n        \"aria-labelledby\": cx(rest[\"aria-labelledby\"], ariaLabelledBy),\n        onKeyDown: handlerAll(rest.onKeyDown, onKeyDown(index)),\n      }\n\n      if (range) {\n        const currentValue = value[index]!\n\n        props[\"data-start\"] = dataAttr(index === 0)\n        props[\"data-end\"] = dataAttr(index === 1)\n        props[\"aria-valuenow\"] = currentValue\n        props[\"aria-valuetext\"] =\n          ariaValueText ??\n          getAriaValueText?.(currentValue, index) ??\n          currentValue.toString()\n      } else {\n        props[\"data-end\"] = dataAttr(index === 0)\n        props[\"aria-valuenow\"] = value\n        props[\"aria-valuetext\"] =\n          ariaValueText ?? getAriaValueText?.(value, index) ?? value.toString()\n      }\n\n      return props\n    },\n    [\n      t,\n      ariaLabelledBy,\n      ariaProps,\n      ariaValueText,\n      dataProps,\n      getAriaValueText,\n      getMinMax,\n      interactive,\n      onKeyDown,\n      orientation,\n      range,\n      value,\n    ],\n  )\n\n  return {\n    percent,\n    range,\n    setValue,\n    stepDown,\n    stepUp,\n    value,\n    getInputProps,\n    getMarkProps,\n    getRangeProps,\n    getRootProps,\n    getThumbProps,\n    getTrackProps,\n    onChange,\n  }\n}\n\nexport type UseSliderReturn = ReturnType<typeof useSlider>\n"],"mappings":"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"}
+{"version":3,"file":"use-slider.cjs","names":["useFieldProps","useControllableState","useI18n","usePanEvent","value","min","max","step","getRootProps: PropGetter","computedProps: HTMLProps","props","getInputProps: PropGetter<\"input\", { index?: number }>","visuallyHiddenAttributes","mergeRefs","getTrackProps: PropGetter","getRangeProps: PropGetter","valueProp","percent","rest","props: HTMLProps"],"sources":["../../../../src/components/slider/use-slider.ts"],"sourcesContent":["\"use client\"\n\nimport type { KeyboardEvent } from \"react\"\nimport type {\n  HTMLProps,\n  HTMLRefAttributes,\n  Orientation,\n  PropGetter,\n  RequiredPropGetter,\n} from \"../../core\"\nimport type { Point } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useRef } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { usePanEvent } from \"../../hooks/use-pan-event\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  clampNumber,\n  cx,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isNumber,\n  mergeRefs,\n  percentToValue,\n  roundNumberToStep,\n  runKeyAction,\n  valueToPercent,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport interface UseSliderProps<Y extends [number, number] | number = number>\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"ref\">,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * The minimum distance between slider thumbs.\n   * Useful for preventing the thumbs from being too close together.\n   *\n   * @default 0\n   */\n  betweenThumbs?: number\n  /**\n   * The initial value of the slider.\n   */\n  defaultValue?: Y\n  /**\n   * The base `id` to use for the slider.\n   */\n  id?: string\n  /**\n   * The maximum allowed value of the slider. Cannot be less than min.\n   *\n   * @default 100\n   */\n  max?: number\n  /**\n   * The minimum allowed value of the slider. Cannot be greater than max.\n   *\n   * @default 0\n   */\n  min?: number\n  /**\n   * The name attribute of the hidden `input` field.\n   * This is particularly useful in forms.\n   */\n  name?: string\n  /**\n   * The orientation of the slider.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation\n  /**\n   * The step in which increments or decrements have to be made.\n   *\n   * @default 1\n   */\n  step?: number\n  /**\n   * The value of the slider.\n   */\n  value?: Y\n  /**\n   * This is used to format the value so that screen readers\n   * can speak out a more human-friendly value.\n   *\n   * It is used to set the `aria-valuetext` property of the input.\n   */\n  getAriaValueText?: (value: number, index: number) => string | undefined\n  /**\n   * Function called whenever the slider value changes.\n   */\n  onChange?: (value: Y) => void\n  /**\n   * Function called when the user is done selecting a new value.\n   */\n  onChangeEnd?: (value: Y) => void\n  /**\n   * Function called when the user starts selecting a new value.\n   */\n  onChangeStart?: (value: Y) => void\n}\n\nexport const useSlider = <Y extends [number, number] | number = number>(\n  props: UseSliderProps<Y> = {},\n) => {\n  const {\n    props: {\n      id,\n      ref,\n      name,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-valuetext\": ariaValueText,\n      betweenThumbs = 0,\n      defaultValue = 0 as Y,\n      disabled,\n      getAriaValueText,\n      max = 100,\n      min = 0,\n      orientation = \"horizontal\",\n      readOnly,\n      required,\n      step = 1,\n      value: valueProp,\n      onChange: onChangeProp,\n      onChangeEnd,\n      onChangeStart,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const { t } = useI18n(\"slider\")\n  const currentIndex = useRef(0)\n  const interactive = !(disabled || readOnly)\n  const [_, getPanEventProps] = usePanEvent<HTMLDivElement>({\n    onEnd: (_, point, rect) => {\n      if (!interactive) return\n\n      const panValue = getPanValue(point, rect)\n\n      if (range) {\n        const start = currentIndex.current === 0\n        const oppositeIndex = currentIndex.current === 0 ? 1 : 0\n        const oppositeValue = value[oppositeIndex]!\n\n        onChangeEnd?.(\n          (start ? [panValue, oppositeValue] : [oppositeValue, panValue]) as Y,\n        )\n      } else {\n        onChangeEnd?.(panValue as Y)\n      }\n    },\n    onMove: (_, point, rect) => {\n      if (!interactive) return\n\n      const panValue = getPanValue(point, rect)\n\n      onChange(currentIndex.current, panValue)\n    },\n    onStart: (_, point, rect) => {\n      if (!interactive) return\n\n      const panValue = getPanValue(point, rect)\n\n      if (range) {\n        const distances = value.map((value) => Math.abs(value - panValue))\n        const closest = Math.min(...distances)\n        const index = distances.indexOf(closest)\n\n        currentIndex.current = index\n\n        const start = index === 0\n        const oppositeIndex = index === 0 ? 1 : 0\n        const oppositeValue = value[oppositeIndex]!\n\n        onChangeStart?.(\n          (start ? [panValue, oppositeValue] : [oppositeValue, panValue]) as Y,\n        )\n      } else {\n        currentIndex.current = 0\n\n        onChangeStart?.(value as Y)\n      }\n\n      onChange(currentIndex.current, panValue)\n    },\n  })\n  const range = !isNumber(value)\n  const percent = (\n    range\n      ? value.map((value) => valueToPercent(value, min, max))\n      : valueToPercent(value, min, max)\n  ) as Y extends number ? number : number[]\n  const tenStep = (max - min) / 10\n  const oneStep = step || (max - min) / 100\n\n  if (max < min) console.warn(\"Do not assign a number less than 'min' to 'max'\")\n\n  const getMinMax = useCallback(\n    (index: number) => {\n      const start = index === 0\n      const oppositeIndex = index === 0 ? 1 : 0\n      const oppositeValue = range ? value[oppositeIndex]! : value\n\n      return {\n        max: range ? (start ? oppositeValue - betweenThumbs : max) : max,\n        min: range ? (start ? min : oppositeValue + betweenThumbs) : min,\n      }\n    },\n    [betweenThumbs, max, min, range, value],\n  )\n\n  const getPanValue = useCallback(\n    ({ x, y }: Point, { bottom, height, left, width }: DOMRect) => {\n      const diff = orientation === \"horizontal\" ? x - left : bottom - y\n      const length = orientation === \"horizontal\" ? width : height\n      const percent = diff / length\n\n      let nextValue = percentToValue(percent, min, max)\n\n      nextValue = parseFloat(roundNumberToStep(nextValue, min, step))\n      nextValue = clampNumber(nextValue, min, max)\n\n      return nextValue\n    },\n    [orientation, min, max, step],\n  )\n\n  const onChange = useCallback(\n    (index: number, value: number) => {\n      if (!interactive) return\n\n      const { max, min } = getMinMax(index)\n\n      value = parseFloat(roundNumberToStep(value, min, oneStep))\n      value = clampNumber(value, min, max)\n\n      setValue((prev) => {\n        if (isArray(prev)) {\n          const next = [...prev]\n\n          next[index] = value\n\n          return next as Y\n        } else {\n          return value as Y\n        }\n      })\n    },\n    [getMinMax, interactive, oneStep, setValue],\n  )\n\n  const stepUp = useCallback(\n    (index: number, step = oneStep) =>\n      range\n        ? onChange(index, value[index]! + step)\n        : onChange(index, value + step),\n    [oneStep, range, onChange, value],\n  )\n\n  const stepDown = useCallback(\n    (index: number, step = oneStep) =>\n      range\n        ? onChange(index, value[index]! - step)\n        : onChange(index, value - step),\n    [oneStep, range, onChange, value],\n  )\n\n  const onKeyDown = useCallback(\n    (index: number) => (ev: KeyboardEvent<HTMLDivElement>) => {\n      const { max, min } = getMinMax(index)\n\n      runKeyAction(ev, {\n        ArrowDown: () => stepDown(index),\n        ArrowLeft: () => stepDown(index),\n        ArrowRight: () => stepUp(index),\n        ArrowUp: () => stepUp(index),\n        End: () => onChange(index, max),\n        Home: () => onChange(index, min),\n        PageDown: () => stepDown(index, tenStep),\n        PageUp: () => stepUp(index, tenStep),\n      })\n    },\n    [getMinMax, onChange, stepDown, stepUp, tenStep],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    (props = {}) => {\n      const computedProps: HTMLProps = {\n        ...dataProps,\n        \"data-orientation\": orientation,\n        ...rest,\n        ...props,\n        onBlur: handlerAll(props.onBlur, eventProps.onBlur),\n        onFocus: handlerAll(props.onFocus, eventProps.onFocus),\n      }\n\n      computedProps.style ??= {}\n\n      if (isArray(percent)) {\n        computedProps.style[\"--range-start\"] = `${Math.abs(percent[0]!)}%`\n        computedProps.style[\"--range-end\"] = `${Math.abs(percent[1]!)}%`\n      } else {\n        computedProps.style[\"--range-start\"] = \"0%\"\n        computedProps.style[\"--range-end\"] = `${Math.abs(percent)}%`\n      }\n\n      return computedProps\n    },\n    [dataProps, eventProps, orientation, percent, rest],\n  )\n\n  const getInputProps: PropGetter<\"input\", { index?: number }> = useCallback(\n    ({ index = 0, ...props } = {}) => ({\n      ...visuallyHiddenAttributes,\n      ...dataProps,\n      ...ariaProps,\n      id,\n      type: \"hidden\",\n      name,\n      disabled,\n      readOnly,\n      required,\n      value: range ? value[index]! : value,\n      ...props,\n      ref: index === 0 ? mergeRefs(props.ref, ref) : props.ref,\n    }),\n    [\n      dataProps,\n      ariaProps,\n      id,\n      name,\n      disabled,\n      readOnly,\n      required,\n      range,\n      value,\n      ref,\n    ],\n  )\n\n  const getTrackProps: PropGetter = useCallback(\n    (props) =>\n      getPanEventProps({\n        ...dataProps,\n        \"data-orientation\": orientation,\n        ...props,\n      }),\n    [dataProps, getPanEventProps, orientation],\n  )\n\n  const getRangeProps: PropGetter = useCallback(\n    (props) => ({\n      ...dataProps,\n      \"data-orientation\": orientation,\n      \"data-range\": dataAttr(range),\n      ...props,\n    }),\n    [dataProps, orientation, range],\n  )\n\n  const getMarkProps: RequiredPropGetter<\"div\", { value: number }> =\n    useCallback(\n      ({ style, value: valueProp, ...props }) => {\n        const between = range\n          ? value[0]! < valueProp && valueProp < value[1]!\n          : valueProp < value\n        const percent = valueToPercent(valueProp, min, max)\n\n        return {\n          ...dataProps,\n          \"aria-hidden\": true,\n          \"data-between\": dataAttr(between),\n          \"data-orientation\": orientation,\n          role: \"presentation\",\n          ...props,\n          style: { ...style, \"--mark-position\": `${percent}%` },\n        }\n      },\n      [dataProps, max, min, orientation, range, value],\n    )\n\n  const getThumbProps: PropGetter<\"div\", { index?: number }> = useCallback(\n    ({ index = 0, ...rest } = {}) => {\n      const { max, min } = getMinMax(index)\n\n      const props: HTMLProps = {\n        ...dataProps,\n        ...ariaProps,\n        \"aria-label\": t(\"Slider thumb\"),\n        \"aria-orientation\": orientation,\n        \"aria-valuemax\": max,\n        \"aria-valuemin\": min,\n        role: \"slider\",\n        tabIndex: interactive ? 0 : -1,\n        ...rest,\n        \"aria-labelledby\": cx(rest[\"aria-labelledby\"], ariaLabelledBy),\n        onKeyDown: handlerAll(rest.onKeyDown, onKeyDown(index)),\n      }\n\n      if (range) {\n        const currentValue = value[index]!\n\n        props[\"data-start\"] = dataAttr(index === 0)\n        props[\"data-end\"] = dataAttr(index === 1)\n        props[\"aria-valuenow\"] = currentValue\n        props[\"aria-valuetext\"] =\n          ariaValueText ??\n          getAriaValueText?.(currentValue, index) ??\n          currentValue.toString()\n      } else {\n        props[\"data-end\"] = dataAttr(index === 0)\n        props[\"aria-valuenow\"] = value\n        props[\"aria-valuetext\"] =\n          ariaValueText ?? getAriaValueText?.(value, index) ?? value.toString()\n      }\n\n      return props\n    },\n    [\n      t,\n      ariaLabelledBy,\n      ariaProps,\n      ariaValueText,\n      dataProps,\n      getAriaValueText,\n      getMinMax,\n      interactive,\n      onKeyDown,\n      orientation,\n      range,\n      value,\n    ],\n  )\n\n  return {\n    percent,\n    range,\n    setValue,\n    stepDown,\n    stepUp,\n    value,\n    getInputProps,\n    getMarkProps,\n    getRangeProps,\n    getRootProps,\n    getThumbProps,\n    getTrackProps,\n    onChange,\n  }\n}\n\nexport type UseSliderReturn = ReturnType<typeof useSlider>\n"],"mappings":"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"}

package/dist/cjs/components/snacks/snacks.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"snacks.cjs","names":["createSlotComponent","snacksStyle","height","AnimatePresence","motion","varAttr","createTransition","CloseButton"],"sources":["../../../../src/components/snacks/snacks.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Dispatch, RefObject, SetStateAction } from \"react\"\nimport type { CSSProps, HTMLStyledProps, SimpleDirection } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { CloseButtonProps } from \"../close-button\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { SnacksStyle } from \"./snacks.style\"\nimport type { Snack, UseSnacksReturn } from \"./use-snacks\"\nimport { AnimatePresence, useIsPresent } from \"motion/react\"\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\"\nimport { createSlotComponent, varAttr } from \"../../core\"\nimport { useTimeout } from \"../../hooks/use-timeout\"\nimport { dataAttr, handlerAll, noop, useUpdateEffect } from \"../../utils\"\nimport { Alert } from \"../alert\"\nimport { CloseButton } from \"../close-button\"\nimport { createTransition, motion } from \"../motion\"\nimport { snacksStyle } from \"./snacks.style\"\n\ninterface ComponentContext {\n  direction: SimpleDirection\n  elMapRef: RefObject<Map<number, HTMLDivElement | null>>\n  setExist: Dispatch<SetStateAction<boolean>>\n  startIndex: number\n}\n\nexport interface SnacksProps extends HTMLMotionProps {\n  /**\n   * The CSS `gap` property.\n   *\n   * @default 'md'\n   */\n  gap?: CSSProps[\"gap\"]\n  /**\n   * A property that provides spacing between the top and bottom.\n   *\n   * @default [0, \"lg\"]\n   */\n  gutter?: [CSSProps[\"paddingTop\"], CSSProps[\"paddingBottom\"]]\n  /**\n   * If `true`, apply gutter value to negative margins\n   *\n   * @default true\n   */\n  negativeMargins?: boolean\n  /**\n   * The snacks created by `useSnacks`.\n   */\n  snacks: UseSnacksReturn[\"snacks\"]\n  /**\n   * Props for the snacks list element.\n   */\n  listProps?: HTMLMotionProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: SnacksPropsContext,\n  useComponentContext,\n  usePropsContext: useSnacksPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<SnacksProps, SnacksStyle, ComponentContext>(\n  \"snacks\",\n  snacksStyle,\n)\n\nexport { SnacksPropsContext, useSnacksPropsContext }\n\nexport const Snacks = withProvider<\"div\", SnacksProps>(\n  ({\n    snacks: { direction = \"start\", items, startIndex = 0 },\n    listProps,\n    ...rest\n  }) => {\n    const count = items.length\n    const elMapRef = useRef<Map<number, HTMLDivElement | null>>(new Map())\n    const [height, setHeight] = useState(0)\n    const [exist, setExist] = useState(!!count)\n    const show = !!count || exist\n    const context = useMemo(\n      () => ({ direction, elMapRef, setExist, startIndex }),\n      [direction, startIndex],\n    )\n\n    const onExitComplete = useCallback(() => {\n      if (!count) setExist(false)\n    }, [count])\n\n    useEffect(() => {\n      let height = 0\n\n      if (!count) return\n\n      const els = [...elMapRef.current.values()].slice(0, count)\n\n      for (const el of els) {\n        if (!el) continue\n\n        let { offsetHeight, offsetTop } = el\n\n        offsetHeight += offsetTop\n\n        if (offsetHeight > height) height = offsetHeight\n      }\n\n      setHeight(height)\n    }, [count, direction])\n\n    useUpdateEffect(() => {\n      if (!!count) setExist(true)\n    }, [count])\n\n    return (\n      <ComponentContext value={context}>\n        <AnimatePresence initial={false}>\n          {show ? (\n            <motion.div {...rest}>\n              <SnackList custom={{ height }} {...listProps}>\n                <AnimatePresence onExitComplete={onExitComplete}>\n                  {items.map((props, index) => {\n                    return (\n                      <Snack\n                        key={props.id}\n                        index={index}\n                        lastIndex={count - index - 1}\n                        {...props}\n                      />\n                    )\n                  })}\n                </AnimatePresence>\n              </SnackList>\n            </motion.div>\n          ) : null}\n        </AnimatePresence>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)(\n  {\n    animate: \"animate\",\n    exit: \"exit\",\n    initial: \"initial\",\n    variants: {\n      animate: {\n        padding: \"var(--top) 0 var(--bottom)\",\n        transition: { duration: 0.4 },\n      },\n      exit: { padding: 0 },\n      initial: { padding: 0 },\n    },\n  },\n  ({ gap, gutter = [0, \"lg\"], negativeMargins = true, ...rest }) => ({\n    \"data-negative\": dataAttr(negativeMargins),\n    \"--bottom\": varAttr(gutter[1], \"spaces\", \"0px\"),\n    \"--gap\": varAttr(gap, \"spaces\"),\n    \"--top\": varAttr(gutter[0], \"spaces\", \"0px\"),\n    ...rest,\n  }),\n)\n\ninterface SnackListProps extends HTMLMotionProps {}\n\nconst SnackList = withContext<\"div\", SnackListProps>(\n  motion.div,\n  \"list\",\n)({\n  animate: \"animate\",\n  exit: \"exit\",\n  initial: \"initial\",\n  role: \"list\",\n  variants: {\n    animate: ({ height }) => ({\n      height,\n      opacity: 1,\n      transition: { duration: 0.4 },\n    }),\n    exit: { height: 0, opacity: 0 },\n    initial: { height: 0, opacity: 1 },\n  },\n})\n\ninterface SnackProps extends Merge<\n  HTMLMotionProps,\n  Merge<Alert.RootProps, Snack>\n> {\n  index: number\n  lastIndex: number\n}\n\nconst Snack = withContext<\"div\", SnackProps>(\n  ({\n    variant = \"plain\",\n    closable = true,\n    description,\n    duration: durationProp = null,\n    loadingScheme,\n    status,\n    title,\n    withIcon = true,\n    closeButtonProps,\n    contentProps,\n    descriptionProps,\n    iconProps,\n    loadingProps,\n    titleProps,\n    onClose: onCloseProp,\n    onCloseComplete,\n    ...rest\n  }) => {\n    const [duration, setDuration] = useState(durationProp)\n    const present = useIsPresent()\n    const onClose = present ? onCloseProp : noop\n\n    const onMouseEnter = useCallback(() => {\n      setDuration(null)\n    }, [])\n\n    const onMouseLeave = useCallback(() => {\n      setDuration(durationProp)\n    }, [durationProp])\n\n    useUpdateEffect(() => {\n      if (!present) onCloseComplete?.()\n    }, [present])\n\n    useUpdateEffect(() => {\n      setDuration(durationProp)\n    }, [durationProp])\n\n    useTimeout(onClose, duration)\n\n    return (\n      <Alert.Root\n        as={motion.div}\n        variant={variant}\n        status={status}\n        {...rest}\n        onMouseEnter={handlerAll(rest.onMouseEnter, onMouseEnter)}\n        onMouseLeave={handlerAll(rest.onMouseLeave, onMouseLeave)}\n      >\n        {withIcon ? (\n          loadingScheme ? (\n            <Alert.Loading loadingScheme={loadingScheme} {...loadingProps} />\n          ) : (\n            <Alert.Icon {...iconProps} />\n          )\n        ) : null}\n\n        <SnackContent data-close-button={dataAttr(closable)} {...contentProps}>\n          {title ? (\n            <Alert.Title me=\"0\" {...titleProps}>\n              {title}\n            </Alert.Title>\n          ) : null}\n\n          {description ? (\n            <Alert.Description {...descriptionProps}>\n              {description}\n            </Alert.Description>\n          ) : null}\n        </SnackContent>\n\n        {closable ? (\n          <SnackCloseButton\n            data-variant={variant}\n            {...closeButtonProps}\n            onClick={handlerAll(closeButtonProps?.onClick, onClose)}\n          />\n        ) : null}\n      </Alert.Root>\n    )\n  },\n  \"item\",\n)(\n  {\n    animate: \"animate\",\n    exit: \"exit\",\n    initial: \"initial\",\n    layout: true,\n    role: \"listitem\",\n    variants: {\n      animate: ({ index }) => ({\n        opacity: 1,\n        transition: createTransition.enter()(!index ? 0.2 : 0, 0.4),\n        y: 0,\n      }),\n      exit: {\n        opacity: 0,\n        transition: createTransition.exit()(undefined, 0.2),\n      },\n      initial: ({ direction, index }) => ({\n        opacity: 0,\n        ...(index ? { y: (direction === \"start\" ? -1 : 1) * 16 } : {}),\n      }),\n    },\n  },\n  ({ index, lastIndex, ...rest }) => {\n    const ref = useRef<HTMLDivElement>(null)\n    const { direction, elMapRef, startIndex } = useComponentContext()\n\n    useEffect(() => {\n      const elMap = elMapRef.current\n\n      elMap.set(index, ref.current)\n\n      return () => {\n        elMap.delete(index)\n      }\n    }, [elMapRef, index])\n\n    return {\n      ref,\n      \"--index\": direction === \"start\" ? lastIndex : index,\n      \"--z-index\": startIndex + index,\n      custom: { direction, index },\n      ...rest,\n    }\n  },\n)\n\nexport interface SnackContentProps extends HTMLStyledProps {}\n\nconst SnackContent = withContext<\"div\", SnackContentProps>(\"div\", \"content\")()\n\nexport interface SnackCloseButtonProps extends CloseButtonProps {}\n\nconst SnackCloseButton = withContext<\"button\", SnackCloseButtonProps>(\n  CloseButton,\n  \"closeButton\",\n)()\n"],"mappings":"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"}
+{"version":3,"file":"snacks.cjs","names":["createSlotComponent","snacksStyle","height","AnimatePresence","motion","varAttr","createTransition","CloseButton"],"sources":["../../../../src/components/snacks/snacks.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Dispatch, RefObject, SetStateAction } from \"react\"\nimport type { CSSProps, HTMLStyledProps, SimpleDirection } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { CloseButtonProps } from \"../close-button\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { SnacksStyle } from \"./snacks.style\"\nimport type { Snack, UseSnacksReturn } from \"./use-snacks\"\nimport { AnimatePresence, useIsPresent } from \"motion/react\"\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\"\nimport { createSlotComponent, varAttr } from \"../../core\"\nimport { useTimeout } from \"../../hooks/use-timeout\"\nimport { dataAttr, handlerAll, noop, useUpdateEffect } from \"../../utils\"\nimport { Alert } from \"../alert\"\nimport { CloseButton } from \"../close-button\"\nimport { createTransition, motion } from \"../motion\"\nimport { snacksStyle } from \"./snacks.style\"\n\ninterface ComponentContext {\n  direction: SimpleDirection\n  elMapRef: RefObject<Map<number, HTMLDivElement | null>>\n  setExist: Dispatch<SetStateAction<boolean>>\n  startIndex: number\n}\n\nexport interface SnacksProps extends HTMLMotionProps {\n  /**\n   * The snacks created by `useSnacks`.\n   */\n  snacks: UseSnacksReturn[\"snacks\"]\n  /**\n   * The CSS `gap` property.\n   *\n   * @default 'md'\n   */\n  gap?: CSSProps[\"gap\"]\n  /**\n   * A property that provides spacing between the top and bottom.\n   *\n   * @default [0, \"lg\"]\n   */\n  gutter?: [CSSProps[\"paddingTop\"], CSSProps[\"paddingBottom\"]]\n  /**\n   * If `true`, apply gutter value to negative margins\n   *\n   * @default true\n   */\n  negativeMargins?: boolean\n  /**\n   * Props for the snacks list element.\n   */\n  listProps?: HTMLMotionProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: SnacksPropsContext,\n  useComponentContext,\n  usePropsContext: useSnacksPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<SnacksProps, SnacksStyle, ComponentContext>(\n  \"snacks\",\n  snacksStyle,\n)\n\nexport { SnacksPropsContext, useSnacksPropsContext }\n\nexport const Snacks = withProvider<\"div\", SnacksProps>(\n  ({\n    snacks: { direction = \"start\", items, startIndex = 0 },\n    listProps,\n    ...rest\n  }) => {\n    const count = items.length\n    const elMapRef = useRef<Map<number, HTMLDivElement | null>>(new Map())\n    const [height, setHeight] = useState(0)\n    const [exist, setExist] = useState(!!count)\n    const show = !!count || exist\n    const context = useMemo(\n      () => ({ direction, elMapRef, setExist, startIndex }),\n      [direction, startIndex],\n    )\n\n    const onExitComplete = useCallback(() => {\n      if (!count) setExist(false)\n    }, [count])\n\n    useEffect(() => {\n      let height = 0\n\n      if (!count) return\n\n      const els = [...elMapRef.current.values()].slice(0, count)\n\n      for (const el of els) {\n        if (!el) continue\n\n        let { offsetHeight, offsetTop } = el\n\n        offsetHeight += offsetTop\n\n        if (offsetHeight > height) height = offsetHeight\n      }\n\n      setHeight(height)\n    }, [count, direction])\n\n    useUpdateEffect(() => {\n      if (!!count) setExist(true)\n    }, [count])\n\n    return (\n      <ComponentContext value={context}>\n        <AnimatePresence initial={false}>\n          {show ? (\n            <motion.div {...rest}>\n              <SnackList custom={{ height }} {...listProps}>\n                <AnimatePresence onExitComplete={onExitComplete}>\n                  {items.map((props, index) => {\n                    return (\n                      <Snack\n                        key={props.id}\n                        index={index}\n                        lastIndex={count - index - 1}\n                        {...props}\n                      />\n                    )\n                  })}\n                </AnimatePresence>\n              </SnackList>\n            </motion.div>\n          ) : null}\n        </AnimatePresence>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)(\n  {\n    animate: \"animate\",\n    exit: \"exit\",\n    initial: \"initial\",\n    variants: {\n      animate: {\n        padding: \"var(--top) 0 var(--bottom)\",\n        transition: { duration: 0.4 },\n      },\n      exit: { padding: 0 },\n      initial: { padding: 0 },\n    },\n  },\n  ({ gap, gutter = [0, \"lg\"], negativeMargins = true, ...rest }) => ({\n    \"data-negative\": dataAttr(negativeMargins),\n    \"--bottom\": varAttr(gutter[1], \"spaces\", \"0px\"),\n    \"--gap\": varAttr(gap, \"spaces\"),\n    \"--top\": varAttr(gutter[0], \"spaces\", \"0px\"),\n    ...rest,\n  }),\n)\n\ninterface SnackListProps extends HTMLMotionProps {}\n\nconst SnackList = withContext<\"div\", SnackListProps>(\n  motion.div,\n  \"list\",\n)({\n  animate: \"animate\",\n  exit: \"exit\",\n  initial: \"initial\",\n  role: \"list\",\n  variants: {\n    animate: ({ height }) => ({\n      height,\n      opacity: 1,\n      transition: { duration: 0.4 },\n    }),\n    exit: { height: 0, opacity: 0 },\n    initial: { height: 0, opacity: 1 },\n  },\n})\n\ninterface SnackProps extends Merge<\n  HTMLMotionProps,\n  Merge<Alert.RootProps, Snack>\n> {\n  index: number\n  lastIndex: number\n}\n\nconst Snack = withContext<\"div\", SnackProps>(\n  ({\n    variant = \"plain\",\n    closable = true,\n    description,\n    duration: durationProp = null,\n    loadingScheme,\n    status,\n    title,\n    withIcon = true,\n    closeButtonProps,\n    contentProps,\n    descriptionProps,\n    iconProps,\n    loadingProps,\n    titleProps,\n    onClose: onCloseProp,\n    onCloseComplete,\n    ...rest\n  }) => {\n    const [duration, setDuration] = useState(durationProp)\n    const present = useIsPresent()\n    const onClose = present ? onCloseProp : noop\n\n    const onMouseEnter = useCallback(() => {\n      setDuration(null)\n    }, [])\n\n    const onMouseLeave = useCallback(() => {\n      setDuration(durationProp)\n    }, [durationProp])\n\n    useUpdateEffect(() => {\n      if (!present) onCloseComplete?.()\n    }, [present])\n\n    useUpdateEffect(() => {\n      setDuration(durationProp)\n    }, [durationProp])\n\n    useTimeout(onClose, duration)\n\n    return (\n      <Alert.Root\n        as={motion.div}\n        variant={variant}\n        status={status}\n        {...rest}\n        onMouseEnter={handlerAll(rest.onMouseEnter, onMouseEnter)}\n        onMouseLeave={handlerAll(rest.onMouseLeave, onMouseLeave)}\n      >\n        {withIcon ? (\n          loadingScheme ? (\n            <Alert.Loading loadingScheme={loadingScheme} {...loadingProps} />\n          ) : (\n            <Alert.Icon {...iconProps} />\n          )\n        ) : null}\n\n        <SnackContent data-close-button={dataAttr(closable)} {...contentProps}>\n          {title ? (\n            <Alert.Title me=\"0\" {...titleProps}>\n              {title}\n            </Alert.Title>\n          ) : null}\n\n          {description ? (\n            <Alert.Description {...descriptionProps}>\n              {description}\n            </Alert.Description>\n          ) : null}\n        </SnackContent>\n\n        {closable ? (\n          <SnackCloseButton\n            data-variant={variant}\n            {...closeButtonProps}\n            onClick={handlerAll(closeButtonProps?.onClick, onClose)}\n          />\n        ) : null}\n      </Alert.Root>\n    )\n  },\n  \"item\",\n)(\n  {\n    animate: \"animate\",\n    exit: \"exit\",\n    initial: \"initial\",\n    layout: true,\n    role: \"listitem\",\n    variants: {\n      animate: ({ index }) => ({\n        opacity: 1,\n        transition: createTransition.enter()(!index ? 0.2 : 0, 0.4),\n        y: 0,\n      }),\n      exit: {\n        opacity: 0,\n        transition: createTransition.exit()(undefined, 0.2),\n      },\n      initial: ({ direction, index }) => ({\n        opacity: 0,\n        ...(index ? { y: (direction === \"start\" ? -1 : 1) * 16 } : {}),\n      }),\n    },\n  },\n  ({ index, lastIndex, ...rest }) => {\n    const ref = useRef<HTMLDivElement>(null)\n    const { direction, elMapRef, startIndex } = useComponentContext()\n\n    useEffect(() => {\n      const elMap = elMapRef.current\n\n      elMap.set(index, ref.current)\n\n      return () => {\n        elMap.delete(index)\n      }\n    }, [elMapRef, index])\n\n    return {\n      ref,\n      \"--index\": direction === \"start\" ? lastIndex : index,\n      \"--z-index\": startIndex + index,\n      custom: { direction, index },\n      ...rest,\n    }\n  },\n)\n\nexport interface SnackContentProps extends HTMLStyledProps {}\n\nconst SnackContent = withContext<\"div\", SnackContentProps>(\"div\", \"content\")()\n\nexport interface SnackCloseButtonProps extends CloseButtonProps {}\n\nconst SnackCloseButton = withContext<\"button\", SnackCloseButtonProps>(\n  CloseButton,\n  \"closeButton\",\n)()\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-switch.cjs","names":["useFieldProps","useControllableState","getRootProps: PropGetter<\"label\">","props","getTrackProps: PropGetter","getThumbProps: PropGetter","visuallyHiddenAttributes","mergeRefs"],"sources":["../../../../src/components/switch/use-switch.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  ChangeEvent,\n  ChangeEventHandler,\n  FocusEventHandler,\n  KeyboardEvent,\n} from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useId, useRef } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport interface UseSwitchProps<Y extends number | string = string>\n  extends\n    Omit<HTMLProps<\"label\">, \"onBlur\" | \"onChange\" | \"onFocus\" | \"ref\">,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * id assigned to input.\n   */\n  id?: string\n  /**\n   * The HTML `name` attribute used for forms.\n   */\n  name?: string\n  /**\n   * If `true`, the switch will be checked.\n   *\n   * @default false\n   */\n  checked?: boolean\n  /**\n   * If `true`, the switch will be checked when the Enter key is pressed.\n   *\n   * @default true\n   */\n  checkOnEnter?: boolean\n  /**\n   * If `true`, the switch will be initially checked.\n   *\n   * @default false\n   */\n  defaultChecked?: boolean\n  /**\n   * The tab-index property of the underlying input element.\n   */\n  tabIndex?: number\n  /**\n   * The value to be used in the switch input.\n   */\n  value?: Y\n  /**\n   * The callback invoked when the switch is blurred.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement>\n  /**\n   * The callback invoked when the checked state changes.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>\n  /**\n   * The callback invoked when the switch is focused.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement>\n}\n\nexport const useSwitch = <Y extends number | string = string>(\n  props: UseSwitchProps<Y> = {},\n) => {\n  const uuid = useId()\n  const {\n    props: {\n      id = uuid,\n      ref,\n      name,\n      checked: checkedProp,\n      checkOnEnter = true,\n      defaultChecked = false,\n      disabled,\n      readOnly,\n      required,\n      value,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [checked, setChecked] = useControllableState({\n    defaultValue: defaultChecked,\n    value: checkedProp,\n  })\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (!interactive) return ev.preventDefault()\n\n      setChecked(ev.target.checked)\n      onChangeProp?.(ev)\n    },\n    [onChangeProp, setChecked, interactive],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (interactive && checkOnEnter && ev.key === \"Enter\")\n        inputRef.current?.click()\n    },\n    [interactive, checkOnEnter],\n  )\n\n  const getRootProps: PropGetter<\"label\"> = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      htmlFor: id,\n      \"data-checked\": dataAttr(checked),\n      ...rest,\n      ...props,\n    }),\n    [checked, rest, id, dataProps],\n  )\n\n  const getTrackProps: PropGetter = useCallback(\n    (props = {}) => ({\n      \"data-checked\": dataAttr(checked),\n      ...dataProps,\n      ...props,\n    }),\n    [checked, dataProps],\n  )\n\n  const getThumbProps: PropGetter = useCallback(\n    (props = {}) => ({\n      \"data-checked\": dataAttr(checked),\n      ...dataProps,\n      ...props,\n    }),\n    [checked, dataProps],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      ...ariaProps,\n      ...dataProps,\n      id,\n      type: \"checkbox\",\n      name,\n      style: visuallyHiddenAttributes.style,\n      checked,\n      disabled,\n      readOnly,\n      required,\n      role: \"switch\",\n      tabIndex: interactive ? 0 : -1,\n      value,\n      ...props,\n      ref: mergeRefs(inputRef, props.ref, ref),\n      onBlur: handlerAll(eventProps.onBlur, props.onBlur),\n      onChange: handlerAll(props.onChange, onChange),\n      onFocus: handlerAll(eventProps.onFocus, props.onFocus),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      ariaProps,\n      dataProps,\n      id,\n      name,\n      checked,\n      disabled,\n      readOnly,\n      required,\n      interactive,\n      value,\n      ref,\n      eventProps,\n      onChange,\n      onKeyDown,\n    ],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      \"data-checked\": dataAttr(checked),\n      ...props,\n    }),\n    [dataProps, checked],\n  )\n\n  return {\n    checked,\n    getInputProps,\n    getLabelProps,\n    getRootProps,\n    getThumbProps,\n    getTrackProps,\n  }\n}\n\nexport type UseSwitchReturn = ReturnType<typeof useSwitch>\n"],"mappings":";;;;;;;;;;;;AAyEA,MAAa,aACX,QAA2B,EAAE,KAC1B;CACH,MAAM,yBAAc;CACpB,MAAM,EACJ,OAAO,EACL,KAAK,MACL,KACA,MACA,SAAS,aACT,eAAe,MACf,iBAAiB,OACjB,UACA,UACA,UACA,OACA,UAAU,cACV,GAAG,QAEL,WACA,WACA,eACEA,sCAAc,MAAM;CACxB,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,6BAAoC,KAAK;CAC/C,MAAM,CAAC,SAAS,cAAcC,gEAAqB;EACjD,cAAc;EACd,OAAO;EACR,CAAC;CAEF,MAAM,mCACH,OAAsC;AACrC,MAAI,CAAC,YAAa,QAAO,GAAG,gBAAgB;AAE5C,aAAW,GAAG,OAAO,QAAQ;AAC7B,iBAAe,GAAG;IAEpB;EAAC;EAAc;EAAY;EAAY,CACxC;CAED,MAAM,oCACH,OAAwC;AACvC,MAAI,eAAe,gBAAgB,GAAG,QAAQ,QAC5C,UAAS,SAAS,OAAO;IAE7B,CAAC,aAAa,aAAa,CAC5B;CAED,MAAMC,uCACH,UAAQ,EAAE,MAAM;EACf,GAAG;EACH,SAAS;EACT,gEAAyB,QAAQ;EACjC,GAAG;EACH,GAAGC;EACJ,GACD;EAAC;EAAS;EAAM;EAAI;EAAU,CAC/B;CAED,MAAMC,wCACH,UAAQ,EAAE,MAAM;EACf,gEAAyB,QAAQ;EACjC,GAAG;EACH,GAAGD;EACJ,GACD,CAAC,SAAS,UAAU,CACrB;CAED,MAAME,wCACH,UAAQ,EAAE,MAAM;EACf,gEAAyB,QAAQ;EACjC,GAAG;EACH,GAAGF;EACJ,GACD,CAAC,SAAS,UAAU,CACrB;AAmDD,QAAO;EACL;EACA,uCAlDC,UAAQ,EAAE,MAAM;GACf,GAAG;GACH,GAAG;GACH;GACA,MAAM;GACN;GACA,OAAOG,qCAAyB;GAChC;GACA;GACA;GACA;GACA,MAAM;GACN,UAAU,cAAc,IAAI;GAC5B;GACA,GAAGH;GACH,KAAKI,sBAAU,UAAUJ,QAAM,KAAK,IAAI;GACxC,0DAAmB,WAAW,QAAQA,QAAM,OAAO;GACnD,4DAAqBA,QAAM,UAAU,SAAS;GAC9C,2DAAoB,WAAW,SAASA,QAAM,QAAQ;GACtD,6DAAsBA,QAAM,WAAW,UAAU;GAClD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAcC,uCAXC,UAAQ,EAAE,MAAM;GACf,GAAG;GACH,gEAAyB,QAAQ;GACjC,GAAGA;GACJ,GACD,CAAC,WAAW,QAAQ,CACrB;EAMC;EACA;EACA;EACD"}
+{"version":3,"file":"use-switch.cjs","names":["useFieldProps","useControllableState","getRootProps: PropGetter<\"label\">","props","getTrackProps: PropGetter","getThumbProps: PropGetter","visuallyHiddenAttributes","mergeRefs"],"sources":["../../../../src/components/switch/use-switch.ts"],"sourcesContent":["\"use client\"\n\nimport type {\n  ChangeEvent,\n  ChangeEventHandler,\n  FocusEventHandler,\n  KeyboardEvent,\n} from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useId, useRef } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n  dataAttr,\n  handlerAll,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport interface UseSwitchProps<Y extends number | string = string>\n  extends\n    Omit<HTMLProps<\"label\">, \"onBlur\" | \"onChange\" | \"onFocus\" | \"ref\">,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * If `true`, the switch will be checked.\n   *\n   * @default false\n   */\n  checked?: boolean\n  /**\n   * If `true`, the switch will be checked when the Enter key is pressed.\n   *\n   * @default true\n   */\n  checkOnEnter?: boolean\n  /**\n   * If `true`, the switch will be initially checked.\n   *\n   * @default false\n   */\n  defaultChecked?: boolean\n  /**\n   * id assigned to input.\n   */\n  id?: string\n  /**\n   * The HTML `name` attribute used for forms.\n   */\n  name?: string\n  /**\n   * The tab-index property of the underlying input element.\n   */\n  tabIndex?: number\n  /**\n   * The value to be used in the switch input.\n   */\n  value?: Y\n  /**\n   * The callback invoked when the switch is blurred.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement>\n  /**\n   * The callback invoked when the checked state changes.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>\n  /**\n   * The callback invoked when the switch is focused.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement>\n}\n\nexport const useSwitch = <Y extends number | string = string>(\n  props: UseSwitchProps<Y> = {},\n) => {\n  const uuid = useId()\n  const {\n    props: {\n      id = uuid,\n      ref,\n      name,\n      checked: checkedProp,\n      checkOnEnter = true,\n      defaultChecked = false,\n      disabled,\n      readOnly,\n      required,\n      value,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [checked, setChecked] = useControllableState({\n    defaultValue: defaultChecked,\n    value: checkedProp,\n  })\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (!interactive) return ev.preventDefault()\n\n      setChecked(ev.target.checked)\n      onChangeProp?.(ev)\n    },\n    [onChangeProp, setChecked, interactive],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (interactive && checkOnEnter && ev.key === \"Enter\")\n        inputRef.current?.click()\n    },\n    [interactive, checkOnEnter],\n  )\n\n  const getRootProps: PropGetter<\"label\"> = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      htmlFor: id,\n      \"data-checked\": dataAttr(checked),\n      ...rest,\n      ...props,\n    }),\n    [checked, rest, id, dataProps],\n  )\n\n  const getTrackProps: PropGetter = useCallback(\n    (props = {}) => ({\n      \"data-checked\": dataAttr(checked),\n      ...dataProps,\n      ...props,\n    }),\n    [checked, dataProps],\n  )\n\n  const getThumbProps: PropGetter = useCallback(\n    (props = {}) => ({\n      \"data-checked\": dataAttr(checked),\n      ...dataProps,\n      ...props,\n    }),\n    [checked, dataProps],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      ...ariaProps,\n      ...dataProps,\n      id,\n      type: \"checkbox\",\n      name,\n      style: visuallyHiddenAttributes.style,\n      checked,\n      disabled,\n      readOnly,\n      required,\n      role: \"switch\",\n      tabIndex: interactive ? 0 : -1,\n      value,\n      ...props,\n      ref: mergeRefs(inputRef, props.ref, ref),\n      onBlur: handlerAll(eventProps.onBlur, props.onBlur),\n      onChange: handlerAll(props.onChange, onChange),\n      onFocus: handlerAll(eventProps.onFocus, props.onFocus),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      ariaProps,\n      dataProps,\n      id,\n      name,\n      checked,\n      disabled,\n      readOnly,\n      required,\n      interactive,\n      value,\n      ref,\n      eventProps,\n      onChange,\n      onKeyDown,\n    ],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      \"data-checked\": dataAttr(checked),\n      ...props,\n    }),\n    [dataProps, checked],\n  )\n\n  return {\n    checked,\n    getInputProps,\n    getLabelProps,\n    getRootProps,\n    getThumbProps,\n    getTrackProps,\n  }\n}\n\nexport type UseSwitchReturn = ReturnType<typeof useSwitch>\n"],"mappings":";;;;;;;;;;;;AAyEA,MAAa,aACX,QAA2B,EAAE,KAC1B;CACH,MAAM,yBAAc;CACpB,MAAM,EACJ,OAAO,EACL,KAAK,MACL,KACA,MACA,SAAS,aACT,eAAe,MACf,iBAAiB,OACjB,UACA,UACA,UACA,OACA,UAAU,cACV,GAAG,QAEL,WACA,WACA,eACEA,sCAAc,MAAM;CACxB,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,6BAAoC,KAAK;CAC/C,MAAM,CAAC,SAAS,cAAcC,gEAAqB;EACjD,cAAc;EACd,OAAO;EACR,CAAC;CAEF,MAAM,mCACH,OAAsC;AACrC,MAAI,CAAC,YAAa,QAAO,GAAG,gBAAgB;AAE5C,aAAW,GAAG,OAAO,QAAQ;AAC7B,iBAAe,GAAG;IAEpB;EAAC;EAAc;EAAY;EAAY,CACxC;CAED,MAAM,oCACH,OAAwC;AACvC,MAAI,eAAe,gBAAgB,GAAG,QAAQ,QAC5C,UAAS,SAAS,OAAO;IAE7B,CAAC,aAAa,aAAa,CAC5B;CAED,MAAMC,uCACH,UAAQ,EAAE,MAAM;EACf,GAAG;EACH,SAAS;EACT,gEAAyB,QAAQ;EACjC,GAAG;EACH,GAAGC;EACJ,GACD;EAAC;EAAS;EAAM;EAAI;EAAU,CAC/B;CAED,MAAMC,wCACH,UAAQ,EAAE,MAAM;EACf,gEAAyB,QAAQ;EACjC,GAAG;EACH,GAAGD;EACJ,GACD,CAAC,SAAS,UAAU,CACrB;CAED,MAAME,wCACH,UAAQ,EAAE,MAAM;EACf,gEAAyB,QAAQ;EACjC,GAAG;EACH,GAAGF;EACJ,GACD,CAAC,SAAS,UAAU,CACrB;AAmDD,QAAO;EACL;EACA,uCAlDC,UAAQ,EAAE,MAAM;GACf,GAAG;GACH,GAAG;GACH;GACA,MAAM;GACN;GACA,OAAOG,qCAAyB;GAChC;GACA;GACA;GACA;GACA,MAAM;GACN,UAAU,cAAc,IAAI;GAC5B;GACA,GAAGH;GACH,KAAKI,sBAAU,UAAUJ,QAAM,KAAK,IAAI;GACxC,0DAAmB,WAAW,QAAQA,QAAM,OAAO;GACnD,4DAAqBA,QAAM,UAAU,SAAS;GAC9C,2DAAoB,WAAW,SAASA,QAAM,QAAQ;GACtD,6DAAsBA,QAAM,WAAW,UAAU;GAClD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAcC,uCAXC,UAAQ,EAAE,MAAM;GACf,GAAG;GACH,gEAAyB,QAAQ;GACjC,GAAGA;GACJ,GACD,CAAC,WAAW,QAAQ,CACrB;EAMC;EACA;EACA;EACD"}