@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/textarea/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea/textarea.js","sources":["../../../src/textarea/textarea.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ReactNode,\n  type TextareaHTMLAttributes,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n} from 'react';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { animateMotion, useMotionEnabled } from '../shared/motion';\nimport type { ControlSize, ControlStatus } from '../shared/types';\n\nexport interface TextareaAutoSize {\n  minRows?: number;\n  maxRows?: number;\n}\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n  size?: ControlSize;\n  status?: ControlStatus;\n  resize?: 'none' | 'vertical' | 'both';\n  autoSize?: boolean | TextareaAutoSize;\n  showCount?: boolean | ((value: string, maxLength?: number) => ReactNode);\n}\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  {\n    size = 'md',\n    status: statusProp,\n    resize = 'vertical',\n    rows = 3,\n    autoSize = false,\n    showCount = false,\n    value,\n    defaultValue,\n    onChange,\n    className,\n    style,\n    disabled: disabledProp,\n    'aria-invalid': ariaInvalid,\n    ...props\n  },\n  ref,\n) {\n  const field = useFormField();\n  const textarea = useRef<HTMLTextAreaElement>(null);\n  const heightAnimation = useRef<Animation | undefined>(undefined);\n  const measuredHeight = useRef(false);\n  const motionEnabled = useMotionEnabled();\n  const merged = useMergedRef(textarea, ref);\n  const [current, setCurrent] = useFieldValue(\n    value === undefined ? undefined : String(value),\n    String(defaultValue ?? ''),\n    textarea,\n    props.form,\n  );\n  const disabled = disabledProp || field?.disabled;\n  const status = statusProp ?? (field?.error ? 'error' : undefined);\n  const minRows = typeof autoSize === 'object' ? Math.max(1, autoSize.minRows ?? rows) : rows;\n  const maxRows =\n    typeof autoSize === 'object' ? Math.max(minRows, autoSize.maxRows ?? Infinity) : Infinity;\n  useBrowserLayoutEffect(() => {\n    if (!autoSize || !textarea.current) {\n      heightAnimation.current?.cancel();\n      measuredHeight.current = false;\n      return;\n    }\n    const node = textarea.current;\n    const measure = () => {\n      const previousHeight = Number.parseFloat(getComputedStyle(node).height) || node.offsetHeight;\n      heightAnimation.current?.cancel();\n      const computed = getComputedStyle(node);\n      const lineHeight =\n        Number.parseFloat(computed.lineHeight) ||\n        (Number.parseFloat(computed.fontSize) || 14) * 1.5;\n      const padding =\n        (Number.parseFloat(computed.paddingTop) || 0) +\n        (Number.parseFloat(computed.paddingBottom) || 0);\n      const border =\n        (Number.parseFloat(computed.borderTopWidth) || 0) +\n        (Number.parseFloat(computed.borderBottomWidth) || 0);\n      const addition = computed.boxSizing === 'border-box' ? padding + border : 0;\n      node.style.height = 'auto';\n      const measured =\n        node.scrollHeight + (computed.boxSizing === 'border-box' ? border : -padding);\n      const maximum = lineHeight * maxRows + addition;\n      const height = Math.min(maximum, Math.max(lineHeight * minRows + addition, measured));\n      node.style.height = `${height}px`;\n      node.style.overflowY = measured > maximum ? 'auto' : 'hidden';\n      if (measuredHeight.current && motionEnabled && Math.abs(previousHeight - height) > 0.5)\n        heightAnimation.current = animateMotion(\n          node,\n          [{ height: `${previousHeight}px` }, { height: `${height}px` }],\n          { durationMultiplier: 0.8 },\n        );\n      measuredHeight.current = true;\n    };\n    measure();\n    let width = node.clientWidth;\n    const observer =\n      typeof ResizeObserver === 'undefined'\n        ? null\n        : new ResizeObserver(() => {\n            if (width !== node.clientWidth) {\n              width = node.clientWidth;\n              measure();\n            }\n          });\n    observer?.observe(node);\n    return () => observer?.disconnect();\n  }, [autoSize, minRows, maxRows, current, motionEnabled]);\n  useEffect(() => () => heightAnimation.current?.cancel(), []);\n  const control = (\n    <textarea\n      {...props}\n      id={props.id ?? field?.id}\n      required={props.required ?? field?.required}\n      aria-describedby={\n        [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n      }\n      ref={merged}\n      disabled={disabled}\n      rows={rows}\n      value={current}\n      onChange={(event) => {\n        setCurrent(event.target.value);\n        onChange?.(event);\n      }}\n      className={classes('leaf-textarea', `leaf-textarea--${size}`, className)}\n      style={{ resize: autoSize ? 'none' : resize, ...style }}\n      data-status={status}\n      aria-invalid={status === 'error' ? true : ariaInvalid}\n    />\n  );\n  return showCount ? (\n    <div className=\"leaf-textarea-wrap\">\n      {control}\n      <span className=\"leaf-textarea__count\">\n        {typeof showCount === 'function'\n          ? showCount(current, props.maxLength)\n          : `${current.length}${props.maxLength === undefined ? '' : ` / ${props.maxLength}`}`}\n      </span>\n    </div>\n  ) : (\n    control\n  );\n});\nTextarea.displayName = 'Textarea';\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","Textarea","forwardRef","size","statusProp","resize","rows","autoSize","showCount","value","defaultValue","onChange","className","style","disabledProp","ariaInvalid","props","ref","field","useFormField","textarea","useRef","heightAnimation","undefined","measuredHeight","motionEnabled","useMotionEnabled","merged","useMergedRef","current","setCurrent","useFieldValue","String","disabled","status","minRows","Math","maxRows","Infinity","node","measure","previousHeight","Number","getComputedStyle","computed","lineHeight","padding","border","addition","measured","maximum","height","animateMotion","width","observer","ResizeObserver","control","Boolean","event","classes"],"mappings":"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"}
+{"version":3,"file":"textarea/textarea.js","sources":["../../../src/textarea/textarea.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ReactNode,\n  type TextareaHTMLAttributes,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { animateMotion, useMotionEnabled } from '../shared/motion';\nimport type { ControlSize, ControlStatus } from '../shared/types';\n\nexport interface TextareaAutoSize {\n  minRows?: number;\n  maxRows?: number;\n}\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n  size?: ControlSize;\n  status?: ControlStatus;\n  resize?: 'none' | 'vertical' | 'both';\n  autoSize?: boolean | TextareaAutoSize;\n  showCount?: boolean | ((value: string, maxLength?: number) => ReactNode);\n}\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\nexport const TextareaControl = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  function TextareaControl(\n    {\n      size = 'md',\n      status: statusProp,\n      resize = 'vertical',\n      rows = 3,\n      autoSize = false,\n      showCount = false,\n      value,\n      defaultValue,\n      onChange,\n      className,\n      style,\n      disabled: disabledProp,\n      'aria-invalid': ariaInvalid,\n      ...props\n    }: TextareaProps,\n    ref,\n  ) {\n    const field = useFormField();\n    const textarea = useRef<HTMLTextAreaElement>(null);\n    const heightAnimation = useRef<Animation | undefined>(undefined);\n    const measuredHeight = useRef(false);\n    const motionEnabled = useMotionEnabled();\n    const merged = useMergedRef(textarea, ref);\n    const [current, setCurrent] = useFieldValue(\n      value === undefined ? undefined : String(value),\n      String(defaultValue ?? ''),\n      textarea,\n      props.form,\n    );\n    const disabled = disabledProp || field?.disabled;\n    const status = statusProp ?? (field?.error ? 'error' : undefined);\n    const minRows = typeof autoSize === 'object' ? Math.max(1, autoSize.minRows ?? rows) : rows;\n    const maxRows =\n      typeof autoSize === 'object' ? Math.max(minRows, autoSize.maxRows ?? Infinity) : Infinity;\n    useBrowserLayoutEffect(() => {\n      if (!autoSize || !textarea.current) {\n        heightAnimation.current?.cancel();\n        measuredHeight.current = false;\n        return;\n      }\n      const node = textarea.current;\n      const measure = () => {\n        const previousHeight =\n          Number.parseFloat(getComputedStyle(node).height) || node.offsetHeight;\n        heightAnimation.current?.cancel();\n        const computed = getComputedStyle(node);\n        const lineHeight =\n          Number.parseFloat(computed.lineHeight) ||\n          (Number.parseFloat(computed.fontSize) || 14) * 1.5;\n        const padding =\n          (Number.parseFloat(computed.paddingTop) || 0) +\n          (Number.parseFloat(computed.paddingBottom) || 0);\n        const border =\n          (Number.parseFloat(computed.borderTopWidth) || 0) +\n          (Number.parseFloat(computed.borderBottomWidth) || 0);\n        const addition = computed.boxSizing === 'border-box' ? padding + border : 0;\n        node.style.height = 'auto';\n        const measured =\n          node.scrollHeight + (computed.boxSizing === 'border-box' ? border : -padding);\n        const maximum = lineHeight * maxRows + addition;\n        const height = Math.min(maximum, Math.max(lineHeight * minRows + addition, measured));\n        node.style.height = `${height}px`;\n        node.style.overflowY = measured > maximum ? 'auto' : 'hidden';\n        if (measuredHeight.current && motionEnabled && Math.abs(previousHeight - height) > 0.5)\n          heightAnimation.current = animateMotion(\n            node,\n            [{ height: `${previousHeight}px` }, { height: `${height}px` }],\n            { durationMultiplier: 0.8 },\n          );\n        measuredHeight.current = true;\n      };\n      measure();\n      let width = node.clientWidth;\n      const observer =\n        typeof ResizeObserver === 'undefined'\n          ? null\n          : new ResizeObserver(() => {\n              if (width !== node.clientWidth) {\n                width = node.clientWidth;\n                measure();\n              }\n            });\n      observer?.observe(node);\n      return () => observer?.disconnect();\n    }, [autoSize, minRows, maxRows, current, motionEnabled]);\n    useEffect(() => () => heightAnimation.current?.cancel(), []);\n    const control = (\n      <textarea\n        {...props}\n        id={props.id ?? field?.id}\n        required={props.required ?? field?.required}\n        aria-describedby={\n          [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n        }\n        ref={merged}\n        disabled={disabled}\n        rows={rows}\n        value={current}\n        onChange={(event) => {\n          setCurrent(event.target.value);\n          onChange?.(event);\n        }}\n        className={classes('leaf-textarea', `leaf-textarea--${size}`, className)}\n        style={{ resize: autoSize ? 'none' : resize, ...style }}\n        data-status={status}\n        aria-invalid={status === 'error' ? true : ariaInvalid}\n      />\n    );\n    return showCount ? (\n      <div className=\"leaf-textarea-wrap\">\n        {control}\n        <span className=\"leaf-textarea__count\">\n          {typeof showCount === 'function'\n            ? showCount(current, props.maxLength)\n            : `${current.length}${props.maxLength === undefined ? '' : ` / ${props.maxLength}`}`}\n        </span>\n      </div>\n    ) : (\n      control\n    );\n  },\n);\nTextareaControl.displayName = 'TextareaControl';\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  rawProps: TextareaProps,\n  ref,\n) {\n  const props = useComponentProps('Textarea', rawProps);\n  return <TextareaControl {...props} ref={ref} />;\n});\nTextarea.displayName = 'Textarea';\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","TextareaControl","forwardRef","size","statusProp","resize","rows","autoSize","showCount","value","defaultValue","onChange","className","style","disabledProp","ariaInvalid","props","ref","field","useFormField","textarea","useRef","heightAnimation","undefined","measuredHeight","motionEnabled","useMotionEnabled","merged","useMergedRef","current","setCurrent","useFieldValue","String","disabled","status","minRows","Math","maxRows","Infinity","node","measure","previousHeight","Number","getComputedStyle","computed","lineHeight","padding","border","addition","measured","maximum","height","animateMotion","width","observer","ResizeObserver","control","Boolean","event","classes","Textarea","rawProps","useComponentProps"],"mappings":"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"}

package/dist/esm/timeline/timeline.d.ts

@@ -12,5 +12,5 @@ export interface TimelineProps extends Omit<HTMLAttributes<HTMLOListElement>, 'o
     reverse?: boolean;
     pending?: ReactNode;
 }
-export declare function Timeline({ items, mode, reverse, pending, className, ...props }: TimelineProps): import("react").JSX.Element;
+export declare function Timeline(rawProps: TimelineProps): import("react").JSX.Element;
 //# sourceMappingURL=timeline.d.ts.map

package/dist/esm/timeline/timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../src/timeline/timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAIpE,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC9E;AACD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACvF,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AACD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAa,EACb,OAAe,EACf,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,+BAkDf"}
+{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../src/timeline/timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAKpE,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CAC9E;AACD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACvF,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AACD,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,aAAa,+BA0D/C"}

package/dist/esm/timeline/timeline.js

@@ -1,9 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { classes } from "../shared/classes.js";
 import { useListMotion } from "../shared/motion.js";
-function Timeline({ items, mode = 'left', reverse = false, pending, className, ...props }) {
+function Timeline(rawProps) {
+    const { items, mode = 'left', reverse = false, pending, className, ...props } = useComponentProps('Timeline', rawProps);
     const root = useRef(null);
     const entries = [
         ...items

package/dist/esm/timeline/timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline/timeline.js","sources":["../../../src/timeline/timeline.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, useRef } from 'react';\nimport { classes } from '../shared/classes';\nimport { useListMotion } from '../shared/motion';\nimport type { LeafThemeStyle } from '../theme';\nexport interface TimelineItem {\n  key: string;\n  label?: ReactNode;\n  children: ReactNode;\n  dot?: ReactNode;\n  color?: 'primary' | 'success' | 'warning' | 'error' | 'info' | (string & {});\n}\nexport interface TimelineProps extends Omit<HTMLAttributes<HTMLOListElement>, 'onChange'> {\n  items: readonly TimelineItem[];\n  mode?: 'left' | 'right' | 'alternate';\n  reverse?: boolean;\n  pending?: ReactNode;\n}\nexport function Timeline({\n  items,\n  mode = 'left',\n  reverse = false,\n  pending,\n  className,\n  ...props\n}: TimelineProps) {\n  const root = useRef<HTMLOListElement>(null);\n  const entries = [...items];\n  if (reverse) entries.reverse();\n  if (pending != null) entries.push({ key: '__leaf-pending', children: pending });\n  useListMotion(\n    root,\n    JSON.stringify([mode, entries.map((item) => item.key)]),\n    '.leaf-timeline__item',\n  );\n  const colors = {\n    primary: 'primary',\n    success: 'success',\n    warning: 'warning',\n    error: 'danger',\n    info: 'info',\n  };\n  return (\n    <ol\n      {...props}\n      ref={root}\n      className={classes('leaf-timeline', `leaf-timeline--${mode}`, className)}\n    >\n      {entries.map((item, index) => (\n        <li\n          key={item.key}\n          data-motion-key={item.key}\n          className=\"leaf-timeline__item\"\n          data-pending={item.key === '__leaf-pending' || undefined}\n          data-side={mode === 'right' || (mode === 'alternate' && index % 2) ? 'right' : 'left'}\n          style={\n            {\n              '--leaf-timeline-color':\n                item.color && item.color in colors\n                  ? `var(--leaf-color-${colors[item.color as keyof typeof colors]})`\n                  : (item.color ?? 'var(--leaf-color-primary)'),\n            } as LeafThemeStyle\n          }\n        >\n          <div className=\"leaf-timeline__dot\" aria-hidden=\"true\">\n            {item.dot}\n          </div>\n          <div className=\"leaf-timeline__content\">\n            {item.label != null && <div className=\"leaf-timeline__label\">{item.label}</div>}\n            {item.children}\n          </div>\n        </li>\n      ))}\n    </ol>\n  );\n}\n"],"names":["Timeline","items","mode","reverse","pending","className","props","root","useRef","entries","useListMotion","JSON","item","colors","classes","index","undefined"],"mappings":";;;;;AAiBO,SAASA,SAAS,EACvBC,KAAK,EACLC,OAAO,MAAM,EACbC,UAAU,KAAK,EACfC,OAAO,EACPC,SAAS,EACT,GAAGC,OACW;IACd,MAAMC,OAAOC,OAAyB;IACtC,MAAMC,UAAU;WAAIR;KAAM;IAC1B,IAAIE,SAASM,QAAQ,OAAO;IAC5B,IAAIL,AAAW,QAAXA,SAAiBK,QAAQ,IAAI,CAAC;QAAE,KAAK;QAAkB,UAAUL;IAAQ;IAC7EM,cACEH,MACAI,KAAK,SAAS,CAAC;QAACT;QAAMO,QAAQ,GAAG,CAAC,CAACG,OAASA,KAAK,GAAG;KAAE,GACtD;IAEF,MAAMC,SAAS;QACb,SAAS;QACT,SAAS;QACT,SAAS;QACT,OAAO;QACP,MAAM;IACR;IACA,OAAO,WAAP,GACE,IAAC;QACE,GAAGP,KAAK;QACT,KAAKC;QACL,WAAWO,QAAQ,iBAAiB,CAAC,eAAe,EAAEZ,MAAM,EAAEG;kBAE7DI,QAAQ,GAAG,CAAC,CAACG,MAAMG,QAAAA,WAAAA,GAClB,KAAC;gBAEC,mBAAiBH,KAAK,GAAG;gBACzB,WAAU;gBACV,gBAAcA,AAAa,qBAAbA,KAAK,GAAG,IAAyBI;gBAC/C,aAAWd,AAAS,YAATA,QAAqBA,AAAS,gBAATA,QAAwBa,QAAQ,IAAK,UAAU;gBAC/E,OACE;oBACE,yBACEH,KAAK,KAAK,IAAIA,KAAK,KAAK,IAAIC,SACxB,CAAC,iBAAiB,EAAEA,MAAM,CAACD,KAAK,KAAK,CAAwB,CAAC,CAAC,CAAC,GAC/DA,KAAK,KAAK,IAAI;gBACvB;;kCAGF,IAAC;wBAAI,WAAU;wBAAqB,eAAY;kCAC7CA,KAAK,GAAG;;kCAEX,KAAC;wBAAI,WAAU;;4BACE,QAAdA,KAAK,KAAK,IAAY,WAAR,GAAQ,IAAC;gCAAI,WAAU;0CAAwBA,KAAK,KAAK;;4BACvEA,KAAK,QAAQ;;;;eAnBXA,KAAK,GAAG;;AAyBvB"}
+{"version":3,"file":"timeline/timeline.js","sources":["../../../src/timeline/timeline.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, useRef } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { useListMotion } from '../shared/motion';\nimport type { LeafThemeStyle } from '../theme';\nexport interface TimelineItem {\n  key: string;\n  label?: ReactNode;\n  children: ReactNode;\n  dot?: ReactNode;\n  color?: 'primary' | 'success' | 'warning' | 'error' | 'info' | (string & {});\n}\nexport interface TimelineProps extends Omit<HTMLAttributes<HTMLOListElement>, 'onChange'> {\n  items: readonly TimelineItem[];\n  mode?: 'left' | 'right' | 'alternate';\n  reverse?: boolean;\n  pending?: ReactNode;\n}\nexport function Timeline(rawProps: TimelineProps) {\n  const {\n    items,\n    mode = 'left',\n    reverse = false,\n    pending,\n    className,\n    ...props\n  } = useComponentProps('Timeline', rawProps);\n  const root = useRef<HTMLOListElement>(null);\n  const entries = [...items];\n  if (reverse) entries.reverse();\n  if (pending != null) entries.push({ key: '__leaf-pending', children: pending });\n  useListMotion(\n    root,\n    JSON.stringify([mode, entries.map((item) => item.key)]),\n    '.leaf-timeline__item',\n  );\n  const colors = {\n    primary: 'primary',\n    success: 'success',\n    warning: 'warning',\n    error: 'danger',\n    info: 'info',\n  };\n  return (\n    <ol\n      {...props}\n      ref={root}\n      className={classes('leaf-timeline', `leaf-timeline--${mode}`, className)}\n    >\n      {entries.map((item, index) => (\n        <li\n          key={item.key}\n          data-motion-key={item.key}\n          className=\"leaf-timeline__item\"\n          data-pending={item.key === '__leaf-pending' || undefined}\n          data-side={mode === 'right' || (mode === 'alternate' && index % 2) ? 'right' : 'left'}\n          style={\n            {\n              '--leaf-timeline-color':\n                item.color && item.color in colors\n                  ? `var(--leaf-color-${colors[item.color as keyof typeof colors]})`\n                  : (item.color ?? 'var(--leaf-color-primary)'),\n            } as LeafThemeStyle\n          }\n        >\n          <div className=\"leaf-timeline__dot\" aria-hidden=\"true\">\n            {item.dot}\n          </div>\n          <div className=\"leaf-timeline__content\">\n            {item.label != null && <div className=\"leaf-timeline__label\">{item.label}</div>}\n            {item.children}\n          </div>\n        </li>\n      ))}\n    </ol>\n  );\n}\n"],"names":["Timeline","rawProps","items","mode","reverse","pending","className","props","useComponentProps","root","useRef","entries","useListMotion","JSON","item","colors","classes","index","undefined"],"mappings":";;;;;;AAkBO,SAASA,SAASC,QAAuB;IAC9C,MAAM,EACJC,KAAK,EACLC,OAAO,MAAM,EACbC,UAAU,KAAK,EACfC,OAAO,EACPC,SAAS,EACT,GAAGC,OACJ,GAAGC,kBAAkB,YAAYP;IAClC,MAAMQ,OAAOC,OAAyB;IACtC,MAAMC,UAAU;WAAIT;KAAM;IAC1B,IAAIE,SAASO,QAAQ,OAAO;IAC5B,IAAIN,AAAW,QAAXA,SAAiBM,QAAQ,IAAI,CAAC;QAAE,KAAK;QAAkB,UAAUN;IAAQ;IAC7EO,cACEH,MACAI,KAAK,SAAS,CAAC;QAACV;QAAMQ,QAAQ,GAAG,CAAC,CAACG,OAASA,KAAK,GAAG;KAAE,GACtD;IAEF,MAAMC,SAAS;QACb,SAAS;QACT,SAAS;QACT,SAAS;QACT,OAAO;QACP,MAAM;IACR;IACA,OAAO,WAAP,GACE,IAAC;QACE,GAAGR,KAAK;QACT,KAAKE;QACL,WAAWO,QAAQ,iBAAiB,CAAC,eAAe,EAAEb,MAAM,EAAEG;kBAE7DK,QAAQ,GAAG,CAAC,CAACG,MAAMG,QAAAA,WAAAA,GAClB,KAAC;gBAEC,mBAAiBH,KAAK,GAAG;gBACzB,WAAU;gBACV,gBAAcA,AAAa,qBAAbA,KAAK,GAAG,IAAyBI;gBAC/C,aAAWf,AAAS,YAATA,QAAqBA,AAAS,gBAATA,QAAwBc,QAAQ,IAAK,UAAU;gBAC/E,OACE;oBACE,yBACEH,KAAK,KAAK,IAAIA,KAAK,KAAK,IAAIC,SACxB,CAAC,iBAAiB,EAAEA,MAAM,CAACD,KAAK,KAAK,CAAwB,CAAC,CAAC,CAAC,GAC/DA,KAAK,KAAK,IAAI;gBACvB;;kCAGF,IAAC;wBAAI,WAAU;wBAAqB,eAAY;kCAC7CA,KAAK,GAAG;;kCAEX,KAAC;wBAAI,WAAU;;4BACE,QAAdA,KAAK,KAAK,IAAY,WAAR,GAAQ,IAAC;gCAAI,WAAU;0CAAwBA,KAAK,KAAK;;4BACvEA,KAAK,QAAQ;;;;eAnBXA,KAAK,GAAG;;AAyBvB"}

package/dist/esm/timepicker/index.d.ts

@@ -1,2 +1,3 @@
-export * from './timepicker.js';
+export type { TimePickerProps } from './timepicker.js';
+export { TimePicker } from './timepicker.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/timepicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/timepicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/timepicker/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/esm/timepicker/index.js

@@ -1,2 +1,2 @@
 "use client";
-export * from "./timepicker.js";
+export { TimePicker } from "./timepicker.js";

package/dist/esm/timepicker/time-panel.js

@@ -142,36 +142,36 @@ function TimePanel({ value, onChange, showSeconds, use12Hours, minuteStep = 5, s
         ref: ref,
         className: "leaf-time-picker__columns",
         children: [
-            column(messages.hours, hours, use12Hours ? value.hour % 12 || 12 : value.hour, (hour)=>onChange({
+            column(messages.timePicker.hours, hours, use12Hours ? value.hour % 12 || 12 : value.hour, (hour)=>onChange({
                     ...value,
                     hour: use12Hours ? hour % 12 + (value.hour < 12 ? 0 : 12) : hour
                 }), void 0, (hour)=>!!disabledTime?.({
                     ...value,
                     hour: use12Hours ? hour % 12 + (value.hour < 12 ? 0 : 12) : hour
                 })),
-            column(messages.minutes, options(minuteStep, value.minute), value.minute, (minute)=>onChange({
+            column(messages.timePicker.minutes, options(minuteStep, value.minute), value.minute, (minute)=>onChange({
                     ...value,
                     minute
                 }), void 0, (minute)=>!!disabledTime?.({
                     ...value,
                     minute
                 })),
-            showSeconds && column(messages.seconds, options(secondStep, value.second), value.second, (second)=>onChange({
+            showSeconds && column(messages.timePicker.seconds, options(secondStep, value.second), value.second, (second)=>onChange({
                     ...value,
                     second
                 }), void 0, (second)=>!!disabledTime?.({
                     ...value,
                     second
                 })),
-            use12Hours && column(messages.period, [
+            use12Hours && column(messages.timePicker.period, [
                 0,
                 1
             ], value.hour < 12 ? 0 : 1, (period)=>onChange({
                     ...value,
                     hour: value.hour % 12 + 12 * period
                 }), [
-                messages.am,
-                messages.pm
+                messages.timePicker.am,
+                messages.timePicker.pm
             ], (period)=>!!disabledTime?.({
                     ...value,
                     hour: value.hour % 12 + 12 * period

package/dist/esm/timepicker/time-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"timepicker/time-panel.js","sources":["../../../src/timepicker/time-panel.tsx"],"sourcesContent":["import { Check } from 'lucide-react';\nimport {\n  type CSSProperties,\n  type KeyboardEvent,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { padTime, type TimeParts } from '../shared/time';\n\ninterface TimePanelProps {\n  value: TimeParts;\n  onChange: (value: TimeParts) => void;\n  showSeconds?: boolean;\n  use12Hours?: boolean;\n  minuteStep?: number;\n  secondStep?: number;\n  autoFocus?: boolean;\n  disabledTime?: (parts: TimeParts) => boolean;\n}\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\ninterface TimeColumnProps {\n  label: string;\n  choices: number[];\n  selected: number;\n  change: (next: number) => void;\n  labels?: string[];\n  disabled?: (choice: number) => boolean;\n}\nfunction keepTimeOptionVisible(column: HTMLElement, row: HTMLElement) {\n  const top = row.offsetTop;\n  const bottom = top + row.offsetHeight;\n  if (top < column.scrollTop) column.scrollTop = top;\n  else if (bottom > column.scrollTop + column.clientHeight)\n    column.scrollTop = bottom - column.clientHeight;\n}\n\nfunction TimeColumn({ label, choices, selected, change, labels, disabled }: TimeColumnProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const [selection, setSelection] = useState<CSSProperties>();\n  useBrowserLayoutEffect(() => {\n    const column = ref.current;\n    if (!column) return;\n    const row = column.querySelector<HTMLButtonElement>('[aria-selected=\"true\"]:not(:disabled)');\n    const update = () => {\n      setSelection(\n        row\n          ? ({\n              '--leaf-time-selection-y': `${row.offsetTop}px`,\n              '--leaf-time-selection-height': `${row.offsetHeight}px`,\n            } as CSSProperties)\n          : undefined,\n      );\n      // Scrolling a row into every ancestor moves the whole range popup and can\n      // hide its endpoint labels when both time panels are present.\n      if (row) keepTimeOptionVisible(column, row);\n    };\n    update();\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(update);\n    observer.observe(column);\n    if (row) observer.observe(row);\n    return () => observer.disconnect();\n  }, [selected, choices, disabled]);\n  const key = (event: KeyboardEvent<HTMLButtonElement>, current: number) => {\n    const available = choices.filter((choice) => !disabled?.(choice));\n    if (!available.length) return;\n    const index = available.indexOf(current);\n    let next = index;\n    if (event.key === 'ArrowDown') next = (index + 1) % available.length;\n    else if (event.key === 'ArrowUp') next = (index - 1 + available.length) % available.length;\n    else if (event.key === 'Home') next = 0;\n    else if (event.key === 'End') next = available.length - 1;\n    else return;\n    event.preventDefault();\n    change(available[next] ?? current);\n    const node =\n      event.currentTarget.parentElement?.querySelectorAll<HTMLButtonElement>(\n        'button:not(:disabled)',\n      )[next];\n    node?.focus({ preventScroll: true });\n    if (node && ref.current) keepTimeOptionVisible(ref.current, node);\n  };\n  return (\n    <div className=\"leaf-time-picker__column-wrap\">\n      <div className=\"leaf-time-picker__column-label\" aria-hidden=\"true\">\n        {label}\n      </div>\n      <div ref={ref} className=\"leaf-time-picker__column\" role=\"listbox\" aria-label={label}>\n        <div\n          className=\"leaf-time-picker__selection\"\n          data-ready={Boolean(selection)}\n          aria-hidden=\"true\"\n          style={selection}\n        />\n        {choices.map((option) => (\n          <button\n            type=\"button\"\n            key={option}\n            role=\"option\"\n            disabled={disabled?.(option)}\n            tabIndex={\n              option ===\n              (disabled?.(selected) ? choices.find((choice) => !disabled?.(choice)) : selected)\n                ? 0\n                : -1\n            }\n            aria-selected={option === selected}\n            className=\"leaf-floating__option\"\n            onClick={() => change(option)}\n            onKeyDown={(event) => key(event, option)}\n          >\n            <span>{labels?.[option] ?? padTime(option)}</span>\n            <Check\n              size={14}\n              aria-hidden=\"true\"\n              className=\"leaf-time-picker__check\"\n              style={{ opacity: option === selected ? 1 : 0 }}\n            />\n          </button>\n        ))}\n      </div>\n    </div>\n  );\n}\nexport function TimePanel({\n  value,\n  onChange,\n  showSeconds,\n  use12Hours,\n  minuteStep = 5,\n  secondStep = 1,\n  autoFocus,\n  disabledTime,\n}: TimePanelProps) {\n  const { messages } = useLeafConfig();\n  const ref = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (autoFocus)\n      ref.current\n        ?.querySelector<HTMLButtonElement>('[aria-selected=\"true\"]')\n        ?.focus({ preventScroll: true });\n  }, [autoFocus]);\n  const options = (step: number, selected: number) => {\n    const safe = Number.isFinite(step) ? Math.max(1, Math.min(60, Math.floor(step))) : 1;\n    return [\n      ...new Set([...Array.from({ length: Math.ceil(60 / safe) }, (_, i) => i * safe), selected]),\n    ].sort((a, b) => a - b);\n  };\n  const column = (\n    label: string,\n    choices: number[],\n    selected: number,\n    change: (next: number) => void,\n    labels?: string[],\n    disabled?: (choice: number) => boolean,\n  ) => {\n    return (\n      <TimeColumn\n        key={label}\n        label={label}\n        choices={choices}\n        selected={selected}\n        change={change}\n        labels={labels}\n        disabled={disabled}\n      />\n    );\n  };\n  const hours = use12Hours\n    ? Array.from({ length: 12 }, (_, i) => i + 1)\n    : Array.from({ length: 24 }, (_, i) => i);\n  return (\n    <div ref={ref} className=\"leaf-time-picker__columns\">\n      {column(\n        messages.hours,\n        hours,\n        use12Hours ? value.hour % 12 || 12 : value.hour,\n        (hour) =>\n          onChange({\n            ...value,\n            hour: use12Hours ? (hour % 12) + (value.hour < 12 ? 0 : 12) : hour,\n          }),\n        undefined,\n        (hour) =>\n          !!disabledTime?.({\n            ...value,\n            hour: use12Hours ? (hour % 12) + (value.hour < 12 ? 0 : 12) : hour,\n          }),\n      )}\n      {column(\n        messages.minutes,\n        options(minuteStep, value.minute),\n        value.minute,\n        (minute) => onChange({ ...value, minute }),\n        undefined,\n        (minute) => !!disabledTime?.({ ...value, minute }),\n      )}\n      {showSeconds &&\n        column(\n          messages.seconds,\n          options(secondStep, value.second),\n          value.second,\n          (second) => onChange({ ...value, second }),\n          undefined,\n          (second) => !!disabledTime?.({ ...value, second }),\n        )}\n      {use12Hours &&\n        column(\n          messages.period,\n          [0, 1],\n          value.hour < 12 ? 0 : 1,\n          (period) => onChange({ ...value, hour: (value.hour % 12) + period * 12 }),\n          [messages.am, messages.pm],\n          (period) => !!disabledTime?.({ ...value, hour: (value.hour % 12) + period * 12 }),\n        )}\n    </div>\n  );\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","keepTimeOptionVisible","column","row","top","bottom","TimeColumn","label","choices","selected","change","labels","disabled","ref","useRef","selection","setSelection","useState","update","undefined","ResizeObserver","observer","key","event","current","available","choice","index","next","node","Boolean","option","padTime","Check","TimePanel","value","onChange","showSeconds","use12Hours","minuteStep","secondStep","autoFocus","disabledTime","messages","useLeafConfig","options","step","safe","Number","Math","Set","Array","_","i","a","b","hours","hour","minute","second","period"],"mappings":";;;;;;AAsBA,MAAMA,yBAAyB,AAAkB,MAAlB,OAAOC,SAAyBC,YAAYC;AAU3E,SAASC,sBAAsBC,MAAmB,EAAEC,GAAgB;IAClE,MAAMC,MAAMD,IAAI,SAAS;IACzB,MAAME,SAASD,MAAMD,IAAI,YAAY;IACrC,IAAIC,MAAMF,OAAO,SAAS,EAAEA,OAAO,SAAS,GAAGE;SAC1C,IAAIC,SAASH,OAAO,SAAS,GAAGA,OAAO,YAAY,EACtDA,OAAO,SAAS,GAAGG,SAASH,OAAO,YAAY;AACnD;AAEA,SAASI,WAAW,EAAEC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,MAAM,EAAEC,QAAQ,EAAmB;IACzF,MAAMC,MAAMC,OAAuB;IACnC,MAAM,CAACC,WAAWC,aAAa,GAAGC;IAClCpB,uBAAuB;QACrB,MAAMK,SAASW,IAAI,OAAO;QAC1B,IAAI,CAACX,QAAQ;QACb,MAAMC,MAAMD,OAAO,aAAa,CAAoB;QACpD,MAAMgB,SAAS;YACbF,aACEb,MACK;gBACC,2BAA2B,GAAGA,IAAI,SAAS,CAAC,EAAE,CAAC;gBAC/C,gCAAgC,GAAGA,IAAI,YAAY,CAAC,EAAE,CAAC;YACzD,IACAgB;YAIN,IAAIhB,KAAKF,sBAAsBC,QAAQC;QACzC;QACAe;QACA,IAAI,AAA0B,MAA1B,OAAOE,gBAAgC;QAC3C,MAAMC,WAAW,IAAID,eAAeF;QACpCG,SAAS,OAAO,CAACnB;QACjB,IAAIC,KAAKkB,SAAS,OAAO,CAAClB;QAC1B,OAAO,IAAMkB,SAAS,UAAU;IAClC,GAAG;QAACZ;QAAUD;QAASI;KAAS;IAChC,MAAMU,MAAM,CAACC,OAAyCC;QACpD,MAAMC,YAAYjB,QAAQ,MAAM,CAAC,CAACkB,SAAW,CAACd,WAAWc;QACzD,IAAI,CAACD,UAAU,MAAM,EAAE;QACvB,MAAME,QAAQF,UAAU,OAAO,CAACD;QAChC,IAAII,OAAOD;QACX,IAAIJ,AAAc,gBAAdA,MAAM,GAAG,EAAkBK,OAAQD,AAAAA,CAAAA,QAAQ,KAAKF,UAAU,MAAM;aAC/D,IAAIF,AAAc,cAAdA,MAAM,GAAG,EAAgBK,OAAQD,AAAAA,CAAAA,QAAQ,IAAIF,UAAU,MAAK,IAAKA,UAAU,MAAM;aACrF,IAAIF,AAAc,WAAdA,MAAM,GAAG,EAAaK,OAAO;;YACjC,IAAIL,AAAc,UAAdA,MAAM,GAAG,EACb;YADyBK,OAAOH,UAAU,MAAM,GAAG;;QAExDF,MAAM,cAAc;QACpBb,OAAOe,SAAS,CAACG,KAAK,IAAIJ;QAC1B,MAAMK,OACJN,MAAM,aAAa,CAAC,aAAa,EAAE,iBACjC,wBACD,CAACK,KAAK;QACTC,MAAM,MAAM;YAAE,eAAe;QAAK;QAClC,IAAIA,QAAQhB,IAAI,OAAO,EAAEZ,sBAAsBY,IAAI,OAAO,EAAEgB;IAC9D;IACA,OAAO,WAAP,GACE,KAAC;QAAI,WAAU;;0BACb,IAAC;gBAAI,WAAU;gBAAiC,eAAY;0BACzDtB;;0BAEH,KAAC;gBAAI,KAAKM;gBAAK,WAAU;gBAA2B,MAAK;gBAAU,cAAYN;;kCAC7E,IAAC;wBACC,WAAU;wBACV,cAAYuB,QAAQf;wBACpB,eAAY;wBACZ,OAAOA;;oBAERP,QAAQ,GAAG,CAAC,CAACuB,SAAAA,WAAAA,GACZ,KAAC;4BACC,MAAK;4BAEL,MAAK;4BACL,UAAUnB,WAAWmB;4BACrB,UACEA,WACCnB,CAAAA,WAAWH,YAAYD,QAAQ,IAAI,CAAC,CAACkB,SAAW,CAACd,WAAWc,WAAWjB,QAAO,IAC3E,IACA;4BAEN,iBAAesB,WAAWtB;4BAC1B,WAAU;4BACV,SAAS,IAAMC,OAAOqB;4BACtB,WAAW,CAACR,QAAUD,IAAIC,OAAOQ;;8CAEjC,IAAC;8CAAMpB,QAAQ,CAACoB,OAAO,IAAIC,QAAQD;;8CACnC,IAACE,OAAKA;oCACJ,MAAM;oCACN,eAAY;oCACZ,WAAU;oCACV,OAAO;wCAAE,SAASF,WAAWtB,WAAW,IAAI;oCAAE;;;2BAnB3CsB;;;;;AA0BjB;AACO,SAASG,UAAU,EACxBC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,UAAU,EACVC,aAAa,CAAC,EACdC,aAAa,CAAC,EACdC,SAAS,EACTC,YAAY,EACG;IACf,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAM/B,MAAMC,OAAuB;IACnCf,UAAU;QACR,IAAI0C,WACF5B,IAAI,OAAO,EACP,cAAiC,2BACjC,MAAM;YAAE,eAAe;QAAK;IACpC,GAAG;QAAC4B;KAAU;IACd,MAAMI,UAAU,CAACC,MAAcrC;QAC7B,MAAMsC,OAAOC,OAAO,QAAQ,CAACF,QAAQG,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,IAAIA,KAAK,KAAK,CAACH,UAAU;QACnF,OAAO;eACF,IAAII,IAAI;mBAAIC,MAAM,IAAI,CAAC;oBAAE,QAAQF,KAAK,IAAI,CAAC,KAAKF;gBAAM,GAAG,CAACK,GAAGC,IAAMA,IAAIN;gBAAOtC;aAAS;SAC3F,CAAC,IAAI,CAAC,CAAC6C,GAAGC,IAAMD,IAAIC;IACvB;IACA,MAAMrD,SAAS,CACbK,OACAC,SACAC,UACAC,QACAC,QACAC,WAEO,WAAP,GACE,IAACN,YAAUA;YAET,OAAOC;YACP,SAASC;YACT,UAAUC;YACV,QAAQC;YACR,QAAQC;YACR,UAAUC;WANLL;IAUX,MAAMiD,QAAQlB,aACVa,MAAM,IAAI,CAAC;QAAE,QAAQ;IAAG,GAAG,CAACC,GAAGC,IAAMA,IAAI,KACzCF,MAAM,IAAI,CAAC;QAAE,QAAQ;IAAG,GAAG,CAACC,GAAGC,IAAMA;IACzC,OAAO,WAAP,GACE,KAAC;QAAI,KAAKxC;QAAK,WAAU;;YACtBX,OACCyC,SAAS,KAAK,EACda,OACAlB,aAAaH,MAAM,IAAI,GAAG,MAAM,KAAKA,MAAM,IAAI,EAC/C,CAACsB,OACCrB,SAAS;oBACP,GAAGD,KAAK;oBACR,MAAMG,aAAcmB,OAAO,KAAOtB,CAAAA,MAAM,IAAI,GAAG,KAAK,IAAI,EAAC,IAAKsB;gBAChE,IACFtC,QACA,CAACsC,OACC,CAAC,CAACf,eAAe;oBACf,GAAGP,KAAK;oBACR,MAAMG,aAAcmB,OAAO,KAAOtB,CAAAA,MAAM,IAAI,GAAG,KAAK,IAAI,EAAC,IAAKsB;gBAChE;YAEHvD,OACCyC,SAAS,OAAO,EAChBE,QAAQN,YAAYJ,MAAM,MAAM,GAChCA,MAAM,MAAM,EACZ,CAACuB,SAAWtB,SAAS;oBAAE,GAAGD,KAAK;oBAAEuB;gBAAO,IACxCvC,QACA,CAACuC,SAAW,CAAC,CAAChB,eAAe;oBAAE,GAAGP,KAAK;oBAAEuB;gBAAO;YAEjDrB,eACCnC,OACEyC,SAAS,OAAO,EAChBE,QAAQL,YAAYL,MAAM,MAAM,GAChCA,MAAM,MAAM,EACZ,CAACwB,SAAWvB,SAAS;oBAAE,GAAGD,KAAK;oBAAEwB;gBAAO,IACxCxC,QACA,CAACwC,SAAW,CAAC,CAACjB,eAAe;oBAAE,GAAGP,KAAK;oBAAEwB;gBAAO;YAEnDrB,cACCpC,OACEyC,SAAS,MAAM,EACf;gBAAC;gBAAG;aAAE,EACNR,MAAM,IAAI,GAAG,KAAK,IAAI,GACtB,CAACyB,SAAWxB,SAAS;oBAAE,GAAGD,KAAK;oBAAE,MAAOA,MAAM,IAAI,GAAG,KAAMyB,AAAS,KAATA;gBAAY,IACvE;gBAACjB,SAAS,EAAE;gBAAEA,SAAS,EAAE;aAAC,EAC1B,CAACiB,SAAW,CAAC,CAAClB,eAAe;oBAAE,GAAGP,KAAK;oBAAE,MAAOA,MAAM,IAAI,GAAG,KAAMyB,AAAS,KAATA;gBAAY;;;AAIzF"}
+{"version":3,"file":"timepicker/time-panel.js","sources":["../../../src/timepicker/time-panel.tsx"],"sourcesContent":["import { Check } from 'lucide-react';\nimport {\n  type CSSProperties,\n  type KeyboardEvent,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { padTime, type TimeParts } from '../shared/time';\n\ninterface TimePanelProps {\n  value: TimeParts;\n  onChange: (value: TimeParts) => void;\n  showSeconds?: boolean;\n  use12Hours?: boolean;\n  minuteStep?: number;\n  secondStep?: number;\n  autoFocus?: boolean;\n  disabledTime?: (parts: TimeParts) => boolean;\n}\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\ninterface TimeColumnProps {\n  label: string;\n  choices: number[];\n  selected: number;\n  change: (next: number) => void;\n  labels?: string[];\n  disabled?: (choice: number) => boolean;\n}\nfunction keepTimeOptionVisible(column: HTMLElement, row: HTMLElement) {\n  const top = row.offsetTop;\n  const bottom = top + row.offsetHeight;\n  if (top < column.scrollTop) column.scrollTop = top;\n  else if (bottom > column.scrollTop + column.clientHeight)\n    column.scrollTop = bottom - column.clientHeight;\n}\n\nfunction TimeColumn({ label, choices, selected, change, labels, disabled }: TimeColumnProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const [selection, setSelection] = useState<CSSProperties>();\n  useBrowserLayoutEffect(() => {\n    const column = ref.current;\n    if (!column) return;\n    const row = column.querySelector<HTMLButtonElement>('[aria-selected=\"true\"]:not(:disabled)');\n    const update = () => {\n      setSelection(\n        row\n          ? ({\n              '--leaf-time-selection-y': `${row.offsetTop}px`,\n              '--leaf-time-selection-height': `${row.offsetHeight}px`,\n            } as CSSProperties)\n          : undefined,\n      );\n      // Scrolling a row into every ancestor moves the whole range popup and can\n      // hide its endpoint labels when both time panels are present.\n      if (row) keepTimeOptionVisible(column, row);\n    };\n    update();\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(update);\n    observer.observe(column);\n    if (row) observer.observe(row);\n    return () => observer.disconnect();\n  }, [selected, choices, disabled]);\n  const key = (event: KeyboardEvent<HTMLButtonElement>, current: number) => {\n    const available = choices.filter((choice) => !disabled?.(choice));\n    if (!available.length) return;\n    const index = available.indexOf(current);\n    let next = index;\n    if (event.key === 'ArrowDown') next = (index + 1) % available.length;\n    else if (event.key === 'ArrowUp') next = (index - 1 + available.length) % available.length;\n    else if (event.key === 'Home') next = 0;\n    else if (event.key === 'End') next = available.length - 1;\n    else return;\n    event.preventDefault();\n    change(available[next] ?? current);\n    const node =\n      event.currentTarget.parentElement?.querySelectorAll<HTMLButtonElement>(\n        'button:not(:disabled)',\n      )[next];\n    node?.focus({ preventScroll: true });\n    if (node && ref.current) keepTimeOptionVisible(ref.current, node);\n  };\n  return (\n    <div className=\"leaf-time-picker__column-wrap\">\n      <div className=\"leaf-time-picker__column-label\" aria-hidden=\"true\">\n        {label}\n      </div>\n      <div ref={ref} className=\"leaf-time-picker__column\" role=\"listbox\" aria-label={label}>\n        <div\n          className=\"leaf-time-picker__selection\"\n          data-ready={Boolean(selection)}\n          aria-hidden=\"true\"\n          style={selection}\n        />\n        {choices.map((option) => (\n          <button\n            type=\"button\"\n            key={option}\n            role=\"option\"\n            disabled={disabled?.(option)}\n            tabIndex={\n              option ===\n              (disabled?.(selected) ? choices.find((choice) => !disabled?.(choice)) : selected)\n                ? 0\n                : -1\n            }\n            aria-selected={option === selected}\n            className=\"leaf-floating__option\"\n            onClick={() => change(option)}\n            onKeyDown={(event) => key(event, option)}\n          >\n            <span>{labels?.[option] ?? padTime(option)}</span>\n            <Check\n              size={14}\n              aria-hidden=\"true\"\n              className=\"leaf-time-picker__check\"\n              style={{ opacity: option === selected ? 1 : 0 }}\n            />\n          </button>\n        ))}\n      </div>\n    </div>\n  );\n}\nexport function TimePanel({\n  value,\n  onChange,\n  showSeconds,\n  use12Hours,\n  minuteStep = 5,\n  secondStep = 1,\n  autoFocus,\n  disabledTime,\n}: TimePanelProps) {\n  const { messages } = useLeafConfig();\n  const ref = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (autoFocus)\n      ref.current\n        ?.querySelector<HTMLButtonElement>('[aria-selected=\"true\"]')\n        ?.focus({ preventScroll: true });\n  }, [autoFocus]);\n  const options = (step: number, selected: number) => {\n    const safe = Number.isFinite(step) ? Math.max(1, Math.min(60, Math.floor(step))) : 1;\n    return [\n      ...new Set([...Array.from({ length: Math.ceil(60 / safe) }, (_, i) => i * safe), selected]),\n    ].sort((a, b) => a - b);\n  };\n  const column = (\n    label: string,\n    choices: number[],\n    selected: number,\n    change: (next: number) => void,\n    labels?: string[],\n    disabled?: (choice: number) => boolean,\n  ) => {\n    return (\n      <TimeColumn\n        key={label}\n        label={label}\n        choices={choices}\n        selected={selected}\n        change={change}\n        labels={labels}\n        disabled={disabled}\n      />\n    );\n  };\n  const hours = use12Hours\n    ? Array.from({ length: 12 }, (_, i) => i + 1)\n    : Array.from({ length: 24 }, (_, i) => i);\n  return (\n    <div ref={ref} className=\"leaf-time-picker__columns\">\n      {column(\n        messages.timePicker.hours,\n        hours,\n        use12Hours ? value.hour % 12 || 12 : value.hour,\n        (hour) =>\n          onChange({\n            ...value,\n            hour: use12Hours ? (hour % 12) + (value.hour < 12 ? 0 : 12) : hour,\n          }),\n        undefined,\n        (hour) =>\n          !!disabledTime?.({\n            ...value,\n            hour: use12Hours ? (hour % 12) + (value.hour < 12 ? 0 : 12) : hour,\n          }),\n      )}\n      {column(\n        messages.timePicker.minutes,\n        options(minuteStep, value.minute),\n        value.minute,\n        (minute) => onChange({ ...value, minute }),\n        undefined,\n        (minute) => !!disabledTime?.({ ...value, minute }),\n      )}\n      {showSeconds &&\n        column(\n          messages.timePicker.seconds,\n          options(secondStep, value.second),\n          value.second,\n          (second) => onChange({ ...value, second }),\n          undefined,\n          (second) => !!disabledTime?.({ ...value, second }),\n        )}\n      {use12Hours &&\n        column(\n          messages.timePicker.period,\n          [0, 1],\n          value.hour < 12 ? 0 : 1,\n          (period) => onChange({ ...value, hour: (value.hour % 12) + period * 12 }),\n          [messages.timePicker.am, messages.timePicker.pm],\n          (period) => !!disabledTime?.({ ...value, hour: (value.hour % 12) + period * 12 }),\n        )}\n    </div>\n  );\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","keepTimeOptionVisible","column","row","top","bottom","TimeColumn","label","choices","selected","change","labels","disabled","ref","useRef","selection","setSelection","useState","update","undefined","ResizeObserver","observer","key","event","current","available","choice","index","next","node","Boolean","option","padTime","Check","TimePanel","value","onChange","showSeconds","use12Hours","minuteStep","secondStep","autoFocus","disabledTime","messages","useLeafConfig","options","step","safe","Number","Math","Set","Array","_","i","a","b","hours","hour","minute","second","period"],"mappings":"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"}

package/dist/esm/timepicker/timepicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timepicker.d.ts","sourceRoot":"","sources":["../../../src/timepicker/timepicker.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0B,KAAK,SAAS,EAAc,MAAM,gBAAgB,CAAC;AAGpF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC;CAC9C;AACD,eAAO,MAAM,UAAU,8GA0HrB,CAAC"}
+{"version":3,"file":"timepicker.d.ts","sourceRoot":"","sources":["../../../src/timepicker/timepicker.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0B,KAAK,SAAS,EAAc,MAAM,gBAAgB,CAAC;AAGpF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC;CAC9C;AACD,eAAO,MAAM,UAAU,8GA2HrB,CAAC"}

package/dist/esm/timepicker/timepicker.js

@@ -2,7 +2,8 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Clock3 } from "lucide-react";
 import { forwardRef, useRef, useState } from "react";
-import { Button } from "../button/index.js";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { useFormField } from "../form/form.js";
 import { DateInput } from "../shared/date-input.js";
@@ -10,7 +11,8 @@ import { useFieldValue, useMergedRef } from "../shared/field.js";
 import { usePopupState } from "../shared/floating.js";
 import { displayTime, parseTime, timeString } from "../shared/time.js";
 import { TimePanel } from "./time-panel.js";
-const timepicker_TimePicker = /*#__PURE__*/ forwardRef(function({ value, defaultValue = null, minuteStep = 5, secondStep = 1, showSeconds = false, use12Hours = false, onChange, onOpenChange, disabledTime, open: controlledOpen, defaultOpen, ...props }, ref) {
+const timepicker_TimePicker = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { value, defaultValue = null, minuteStep = 5, secondStep = 1, showSeconds = false, use12Hours = false, onChange, onOpenChange, disabledTime, open: controlledOpen, defaultOpen, ...props } = useComponentProps('TimePicker', rawProps);
     const { messages } = useLeafConfig();
     const field = useFormField();
     const trigger = useRef(null);
@@ -30,8 +32,8 @@ const timepicker_TimePicker = /*#__PURE__*/ forwardRef(function({ value, default
         onChange?.(next);
     };
     const formatted = (parts)=>displayTime(parts, showSeconds, use12Hours, [
-            messages.am,
-            messages.pm
+            messages.timePicker.am,
+            messages.timePicker.pm
         ]);
     const parsed = parseTime(selected);
     return /*#__PURE__*/ jsx(DateInput, {
@@ -41,13 +43,13 @@ const timepicker_TimePicker = /*#__PURE__*/ forwardRef(function({ value, default
             'leaf-time-picker',
             props.className
         ].filter(Boolean).join(' '),
-        placeholder: props.placeholder ?? messages.time,
+        placeholder: props.placeholder ?? messages.timePicker.placeholder,
         icon: /*#__PURE__*/ jsx(Clock3, {
             size: 16,
             "aria-hidden": "true"
         }),
-        panelLabel: messages.chooseTime,
-        clearLabel: messages.clearTime,
+        panelLabel: messages.timePicker.label,
+        clearLabel: messages.timePicker.clear,
         commitOnBlur: false,
         displayValue: parsed ? formatted(parsed) : '',
         formValue: parsed ? timeString(parsed, showSeconds) : '',
@@ -63,7 +65,10 @@ const timepicker_TimePicker = /*#__PURE__*/ forwardRef(function({ value, default
         },
         onClear: ()=>change(null),
         onTextChange: (text)=>{
-            const next = parseTime(text.trim());
+            const next = parseTime(text.trim(), [
+                messages.timePicker.am,
+                messages.timePicker.pm
+            ]);
             setValidText(Boolean(next));
             if (next) setDraft(next);
         },
@@ -72,7 +77,10 @@ const timepicker_TimePicker = /*#__PURE__*/ forwardRef(function({ value, default
                 change(null);
                 return true;
             }
-            const next = parseTime(text);
+            const next = parseTime(text, [
+                messages.timePicker.am,
+                messages.timePicker.pm
+            ]);
             if (!next || disabledTime?.(next)) return false;
             change(next);
             return true;
@@ -95,7 +103,7 @@ const timepicker_TimePicker = /*#__PURE__*/ forwardRef(function({ value, default
                     /*#__PURE__*/ jsxs("div", {
                         className: "leaf-picker-footer",
                         children: [
-                            /*#__PURE__*/ jsx(Button, {
+                            /*#__PURE__*/ jsx(ButtonControl, {
                                 variant: "ghost",
                                 size: "sm",
                                 onClick: ()=>{
@@ -107,16 +115,16 @@ const timepicker_TimePicker = /*#__PURE__*/ forwardRef(function({ value, default
                                     });
                                     setValidText(true);
                                 },
-                                children: messages.now
+                                children: messages.timePicker.now
                             }),
-                            /*#__PURE__*/ jsx(Button, {
+                            /*#__PURE__*/ jsx(ButtonControl, {
                                 size: "sm",
                                 disabled: !validText || disabledTime?.(draft),
                                 onClick: ()=>{
                                     change(draft);
                                     close();
                                 },
-                                children: messages.confirm
+                                children: messages.common.confirm
                             })
                         ]
                     })

package/dist/esm/timepicker/timepicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"timepicker/timepicker.js","sources":["../../../src/timepicker/timepicker.tsx"],"sourcesContent":["import { Clock3 } from 'lucide-react';\nimport { forwardRef, useRef, useState } from 'react';\nimport { Button } from '../button';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { DateInput, type PickerFieldProps } from '../shared/date-input';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { usePopupState } from '../shared/floating';\nimport { displayTime, parseTime, type TimeParts, timeString } from '../shared/time';\nimport { TimePanel } from './time-panel';\n\nexport interface TimePickerProps extends PickerFieldProps {\n  value?: string | null;\n  defaultValue?: string | null;\n  minuteStep?: number;\n  secondStep?: number;\n  showSeconds?: boolean;\n  use12Hours?: boolean;\n  onChange?: (value: string | null) => void;\n  onOpenChange?: (open: boolean) => void;\n  disabledTime?: (parts: TimeParts) => boolean;\n}\nexport const TimePicker = forwardRef<HTMLInputElement, TimePickerProps>(function TimePicker(\n  {\n    value,\n    defaultValue = null,\n    minuteStep = 5,\n    secondStep = 1,\n    showSeconds = false,\n    use12Hours = false,\n    onChange,\n    onOpenChange,\n    disabledTime,\n    open: controlledOpen,\n    defaultOpen,\n    ...props\n  },\n  ref,\n) {\n  const { messages } = useLeafConfig();\n  const field = useFormField();\n  const trigger = useRef<HTMLInputElement>(null);\n  const merged = useMergedRef(trigger, ref);\n  const [selected, setSelected] = useFieldValue(value, defaultValue, trigger, props.form);\n  const [draft, setDraft] = useState<TimeParts>(\n    parseTime(selected) ?? { hour: 9, minute: 0, second: 0 },\n  );\n  const [validText, setValidText] = useState(true);\n  const [open, setOpen] = usePopupState(\n    props.disabled || field?.disabled || props.readOnly,\n    onOpenChange,\n    controlledOpen,\n    defaultOpen,\n  );\n  const change = (parts: TimeParts | null) => {\n    if (props.readOnly || props.disabled || field?.disabled || (parts && disabledTime?.(parts)))\n      return;\n    const next = parts ? timeString(parts, showSeconds) : null;\n    setSelected(next);\n    onChange?.(next);\n  };\n  const formatted = (parts: TimeParts) =>\n    displayTime(parts, showSeconds, use12Hours, [messages.am, messages.pm]);\n  const parsed = parseTime(selected);\n  return (\n    <DateInput\n      {...props}\n      ref={merged}\n      className={['leaf-time-picker', props.className].filter(Boolean).join(' ')}\n      placeholder={props.placeholder ?? messages.time}\n      icon={<Clock3 size={16} aria-hidden=\"true\" />}\n      panelLabel={messages.chooseTime}\n      clearLabel={messages.clearTime}\n      commitOnBlur={false}\n      displayValue={parsed ? formatted(parsed) : ''}\n      formValue={parsed ? timeString(parsed, showSeconds) : ''}\n      open={open}\n      onOpenChange={setOpen}\n      onOpening={() => {\n        setDraft(parseTime(selected) ?? { hour: 9, minute: 0, second: 0 });\n        setValidText(true);\n      }}\n      onClear={() => change(null)}\n      onTextChange={(text) => {\n        const next = parseTime(text.trim());\n        setValidText(Boolean(next));\n        if (next) setDraft(next);\n      }}\n      onTextCommit={(text) => {\n        if (!text) {\n          change(null);\n          return true;\n        }\n        const next = parseTime(text);\n        if (!next || disabledTime?.(next)) return false;\n        change(next);\n        return true;\n      }}\n      panelClassName=\"leaf-time-picker__panel\"\n      renderPanel={(close) => (\n        <>\n          <TimePanel\n            disabledTime={disabledTime}\n            value={draft}\n            onChange={(next) => {\n              setDraft(next);\n              setValidText(true);\n            }}\n            minuteStep={minuteStep}\n            secondStep={secondStep}\n            showSeconds={showSeconds}\n            use12Hours={use12Hours}\n          />\n          <div className=\"leaf-picker-footer\">\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => {\n                const now = new Date();\n                setDraft({\n                  hour: now.getHours(),\n                  minute: now.getMinutes(),\n                  second: now.getSeconds(),\n                });\n                setValidText(true);\n              }}\n            >\n              {messages.now}\n            </Button>\n            <Button\n              size=\"sm\"\n              disabled={!validText || disabledTime?.(draft)}\n              onClick={() => {\n                change(draft);\n                close();\n              }}\n            >\n              {messages.confirm}\n            </Button>\n          </div>\n        </>\n      )}\n    />\n  );\n});\nTimePicker.displayName = 'TimePicker';\n"],"names":["TimePicker","forwardRef","value","defaultValue","minuteStep","secondStep","showSeconds","use12Hours","onChange","onOpenChange","disabledTime","controlledOpen","defaultOpen","props","ref","messages","useLeafConfig","field","useFormField","trigger","useRef","merged","useMergedRef","selected","setSelected","useFieldValue","draft","setDraft","useState","parseTime","validText","setValidText","open","setOpen","usePopupState","change","parts","next","timeString","formatted","displayTime","parsed","DateInput","Boolean","Clock3","text","close","TimePanel","Button","now","Date"],"mappings":"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"}
+{"version":3,"file":"timepicker/timepicker.js","sources":["../../../src/timepicker/timepicker.tsx"],"sourcesContent":["import { Clock3 } from 'lucide-react';\nimport { forwardRef, useRef, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { DateInput, type PickerFieldProps } from '../shared/date-input';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { usePopupState } from '../shared/floating';\nimport { displayTime, parseTime, type TimeParts, timeString } from '../shared/time';\nimport { TimePanel } from './time-panel';\n\nexport interface TimePickerProps extends PickerFieldProps {\n  value?: string | null;\n  defaultValue?: string | null;\n  minuteStep?: number;\n  secondStep?: number;\n  showSeconds?: boolean;\n  use12Hours?: boolean;\n  onChange?: (value: string | null) => void;\n  onOpenChange?: (open: boolean) => void;\n  disabledTime?: (parts: TimeParts) => boolean;\n}\nexport const TimePicker = forwardRef<HTMLInputElement, TimePickerProps>(function TimePicker(\n  rawProps: TimePickerProps,\n  ref,\n) {\n  const {\n    value,\n    defaultValue = null,\n    minuteStep = 5,\n    secondStep = 1,\n    showSeconds = false,\n    use12Hours = false,\n    onChange,\n    onOpenChange,\n    disabledTime,\n    open: controlledOpen,\n    defaultOpen,\n    ...props\n  } = useComponentProps('TimePicker', rawProps);\n  const { messages } = useLeafConfig();\n  const field = useFormField();\n  const trigger = useRef<HTMLInputElement>(null);\n  const merged = useMergedRef(trigger, ref);\n  const [selected, setSelected] = useFieldValue(value, defaultValue, trigger, props.form);\n  const [draft, setDraft] = useState<TimeParts>(\n    parseTime(selected) ?? { hour: 9, minute: 0, second: 0 },\n  );\n  const [validText, setValidText] = useState(true);\n  const [open, setOpen] = usePopupState(\n    props.disabled || field?.disabled || props.readOnly,\n    onOpenChange,\n    controlledOpen,\n    defaultOpen,\n  );\n  const change = (parts: TimeParts | null) => {\n    if (props.readOnly || props.disabled || field?.disabled || (parts && disabledTime?.(parts)))\n      return;\n    const next = parts ? timeString(parts, showSeconds) : null;\n    setSelected(next);\n    onChange?.(next);\n  };\n  const formatted = (parts: TimeParts) =>\n    displayTime(parts, showSeconds, use12Hours, [messages.timePicker.am, messages.timePicker.pm]);\n  const parsed = parseTime(selected);\n  return (\n    <DateInput\n      {...props}\n      ref={merged}\n      className={['leaf-time-picker', props.className].filter(Boolean).join(' ')}\n      placeholder={props.placeholder ?? messages.timePicker.placeholder}\n      icon={<Clock3 size={16} aria-hidden=\"true\" />}\n      panelLabel={messages.timePicker.label}\n      clearLabel={messages.timePicker.clear}\n      commitOnBlur={false}\n      displayValue={parsed ? formatted(parsed) : ''}\n      formValue={parsed ? timeString(parsed, showSeconds) : ''}\n      open={open}\n      onOpenChange={setOpen}\n      onOpening={() => {\n        setDraft(parseTime(selected) ?? { hour: 9, minute: 0, second: 0 });\n        setValidText(true);\n      }}\n      onClear={() => change(null)}\n      onTextChange={(text) => {\n        const next = parseTime(text.trim(), [messages.timePicker.am, messages.timePicker.pm]);\n        setValidText(Boolean(next));\n        if (next) setDraft(next);\n      }}\n      onTextCommit={(text) => {\n        if (!text) {\n          change(null);\n          return true;\n        }\n        const next = parseTime(text, [messages.timePicker.am, messages.timePicker.pm]);\n        if (!next || disabledTime?.(next)) return false;\n        change(next);\n        return true;\n      }}\n      panelClassName=\"leaf-time-picker__panel\"\n      renderPanel={(close) => (\n        <>\n          <TimePanel\n            disabledTime={disabledTime}\n            value={draft}\n            onChange={(next) => {\n              setDraft(next);\n              setValidText(true);\n            }}\n            minuteStep={minuteStep}\n            secondStep={secondStep}\n            showSeconds={showSeconds}\n            use12Hours={use12Hours}\n          />\n          <div className=\"leaf-picker-footer\">\n            <ButtonControl\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => {\n                const now = new Date();\n                setDraft({\n                  hour: now.getHours(),\n                  minute: now.getMinutes(),\n                  second: now.getSeconds(),\n                });\n                setValidText(true);\n              }}\n            >\n              {messages.timePicker.now}\n            </ButtonControl>\n            <ButtonControl\n              size=\"sm\"\n              disabled={!validText || disabledTime?.(draft)}\n              onClick={() => {\n                change(draft);\n                close();\n              }}\n            >\n              {messages.common.confirm}\n            </ButtonControl>\n          </div>\n        </>\n      )}\n    />\n  );\n});\nTimePicker.displayName = 'TimePicker';\n"],"names":["TimePicker","forwardRef","rawProps","ref","value","defaultValue","minuteStep","secondStep","showSeconds","use12Hours","onChange","onOpenChange","disabledTime","controlledOpen","defaultOpen","props","useComponentProps","messages","useLeafConfig","field","useFormField","trigger","useRef","merged","useMergedRef","selected","setSelected","useFieldValue","draft","setDraft","useState","parseTime","validText","setValidText","open","setOpen","usePopupState","change","parts","next","timeString","formatted","displayTime","parsed","DateInput","Boolean","Clock3","text","close","TimePanel","ButtonControl","now","Date"],"mappings":"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"}

package/dist/esm/timerangepicker/timerangepicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timerangepicker.d.ts","sourceRoot":"","sources":["../../../src/timerangepicker/timerangepicker.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0B,KAAK,SAAS,EAAc,MAAM,gBAAgB,CAAC;AAGpF,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAClD,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC5D,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,KAAK,OAAO,CAAC;CACzE;AAGD,eAAO,MAAM,eAAe,mHAuJ3B,CAAC"}
+{"version":3,"file":"timerangepicker.d.ts","sourceRoot":"","sources":["../../../src/timerangepicker/timerangepicker.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0B,KAAK,SAAS,EAAc,MAAM,gBAAgB,CAAC;AAGpF,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAClD,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC5D,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,KAAK,OAAO,CAAC;CACzE;AAGD,eAAO,MAAM,eAAe,mHAsJ3B,CAAC"}

package/dist/esm/timerangepicker/timerangepicker.js

@@ -2,7 +2,8 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Clock3 } from "lucide-react";
 import { forwardRef, useRef, useState } from "react";
-import { Button } from "../button/index.js";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { useFormField } from "../form/form.js";
 import { DateInput } from "../shared/date-input.js";
@@ -21,7 +22,8 @@ const endTime = {
     minute: 0,
     second: 0
 };
-const timerangepicker_TimeRangePicker = /*#__PURE__*/ forwardRef(function({ value, defaultValue = null, onChange, onOpenChange, open: controlledOpen, defaultOpen, showSeconds = false, use12Hours = false, minuteStep = 5, secondStep = 1, allowOvernight = false, disabledTime, ...props }, ref) {
+const timerangepicker_TimeRangePicker = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { value, defaultValue = null, onChange, onOpenChange, open: controlledOpen, defaultOpen, showSeconds = false, use12Hours = false, minuteStep = 5, secondStep = 1, allowOvernight = false, disabledTime, ...props } = useComponentProps('TimeRangePicker', rawProps);
     const t = useText();
     const field = useFormField();
     const { messages } = useLeafConfig();
@@ -37,8 +39,8 @@ const timerangepicker_TimeRangePicker = /*#__PURE__*/ forwardRef(function({ valu
     const [validText, setValidText] = useState(true);
     const valid = (range)=>(allowOvernight || timeString(range[0], true) <= timeString(range[1], true)) && !disabledTime?.(range[0], 'start') && !disabledTime?.(range[1], 'end');
     const format = (parts)=>displayTime(parts, showSeconds, use12Hours, [
-            messages.am,
-            messages.pm
+            messages.timePicker.am,
+            messages.timePicker.pm
         ]);
     const change = (parts)=>{
         if (props.disabled || field?.disabled || props.readOnly || parts && !valid(parts)) return;
@@ -52,8 +54,12 @@ const timerangepicker_TimeRangePicker = /*#__PURE__*/ forwardRef(function({ valu
     const parseRange = (text)=>{
         const pair = text.split(/\s*[~～–—]\s*/);
         if (2 !== pair.length) return null;
-        const first = parseTime(pair[0]);
-        const second = parseTime(pair[1]);
+        const periods = [
+            messages.timePicker.am,
+            messages.timePicker.pm
+        ];
+        const first = parseTime(pair[0], periods);
+        const second = parseTime(pair[1], periods);
         return first && second ? [
             first,
             second
@@ -64,13 +70,13 @@ const timerangepicker_TimeRangePicker = /*#__PURE__*/ forwardRef(function({ valu
     return /*#__PURE__*/ jsx(DateInput, {
         ...props,
         ref: merged,
-        placeholder: props.placeholder ?? t('开始时间 ～ 结束时间', 'Start time ~ End time'),
+        placeholder: props.placeholder ?? t('timeRangePicker.placeholder'),
         icon: /*#__PURE__*/ jsx(Clock3, {
             size: 16,
             "aria-hidden": "true"
         }),
-        panelLabel: t('选择时间范围', 'Choose time range'),
-        clearLabel: t('清除时间范围', 'Clear time range'),
+        panelLabel: t('timeRangePicker.label'),
+        clearLabel: t('timeRangePicker.clear'),
         displayValue: first && second ? `${format(first)} ~ ${format(second)}` : '',
         formValue: selected ? selected.join('/') : '',
         open: open,
@@ -112,7 +118,7 @@ const timerangepicker_TimeRangePicker = /*#__PURE__*/ forwardRef(function({ valu
                                 onFocusCapture: ()=>setActive(index),
                                 children: [
                                     /*#__PURE__*/ jsx("legend", {
-                                        children: 0 === index ? messages.start : messages.end
+                                        children: 0 === index ? messages.common.start : messages.common.end
                                     }),
                                     /*#__PURE__*/ jsx(TimePanel, {
                                         disabledTime: (parts)=>!!disabledTime?.(parts, 0 === index ? 'start' : 'end'),
@@ -139,7 +145,7 @@ const timerangepicker_TimeRangePicker = /*#__PURE__*/ forwardRef(function({ valu
                     /*#__PURE__*/ jsxs("div", {
                         className: "leaf-picker-footer",
                         children: [
-                            /*#__PURE__*/ jsx(Button, {
+                            /*#__PURE__*/ jsx(ButtonControl, {
                                 variant: "ghost",
                                 size: "sm",
                                 onClick: ()=>{
@@ -158,16 +164,16 @@ const timerangepicker_TimeRangePicker = /*#__PURE__*/ forwardRef(function({ valu
                                         ]);
                                     setValidText(true);
                                 },
-                                children: messages.now
+                                children: messages.timePicker.now
                             }),
-                            /*#__PURE__*/ jsx(Button, {
+                            /*#__PURE__*/ jsx(ButtonControl, {
                                 size: "sm",
                                 disabled: !validText || !valid(draft),
                                 onClick: ()=>{
                                     change(draft);
                                     close();
                                 },
-                                children: messages.confirm
+                                children: messages.common.confirm
                             })
                         ]
                     })

package/dist/esm/timerangepicker/timerangepicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"timerangepicker/timerangepicker.js","sources":["../../../src/timerangepicker/timerangepicker.tsx"],"sourcesContent":["import { Clock3 } from 'lucide-react';\nimport { forwardRef, useRef, useState } from 'react';\nimport { Button } from '../button';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { DateInput, type PickerFieldProps } from '../shared/date-input';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { usePopupState } from '../shared/floating';\nimport { displayTime, parseTime, type TimeParts, timeString } from '../shared/time';\nimport { useText } from '../shared/use-text';\nimport { TimePanel } from '../timepicker/time-panel';\nexport type TimeRange = readonly [string, string];\nexport interface TimeRangePickerProps extends PickerFieldProps {\n  value?: TimeRange | null;\n  defaultValue?: TimeRange | null;\n  onChange?: (value: TimeRange | null) => void;\n  onOpenChange?: (open: boolean) => void;\n  showSeconds?: boolean;\n  use12Hours?: boolean;\n  minuteStep?: number;\n  secondStep?: number;\n  allowOvernight?: boolean;\n  disabledTime?: (parts: TimeParts, position: 'start' | 'end') => boolean;\n}\nconst startTime: TimeParts = { hour: 9, minute: 0, second: 0 };\nconst endTime: TimeParts = { hour: 18, minute: 0, second: 0 };\nexport const TimeRangePicker = forwardRef<HTMLInputElement, TimeRangePickerProps>(\n  function TimeRangePicker(\n    {\n      value,\n      defaultValue = null,\n      onChange,\n      onOpenChange,\n      open: controlledOpen,\n      defaultOpen,\n      showSeconds = false,\n      use12Hours = false,\n      minuteStep = 5,\n      secondStep = 1,\n      allowOvernight = false,\n      disabledTime,\n      ...props\n    },\n    ref,\n  ) {\n    const t = useText();\n    const field = useFormField();\n    const { messages } = useLeafConfig();\n    const trigger = useRef<HTMLInputElement>(null);\n    const merged = useMergedRef(trigger, ref);\n    const [selected, setSelected] = useFieldValue(value, defaultValue, trigger, props.form);\n    const [open, setOpen] = usePopupState(\n      props.disabled || field?.disabled || props.readOnly,\n      onOpenChange,\n      controlledOpen,\n      defaultOpen,\n    );\n    const [draft, setDraft] = useState<readonly [TimeParts, TimeParts]>([startTime, endTime]);\n    const [active, setActive] = useState<0 | 1>(0);\n    const [validText, setValidText] = useState(true);\n    const valid = (range: readonly [TimeParts, TimeParts]) =>\n      (allowOvernight || timeString(range[0], true) <= timeString(range[1], true)) &&\n      !disabledTime?.(range[0], 'start') &&\n      !disabledTime?.(range[1], 'end');\n    const format = (parts: TimeParts) =>\n      displayTime(parts, showSeconds, use12Hours, [messages.am, messages.pm]);\n    const change = (parts: readonly [TimeParts, TimeParts] | null) => {\n      if (props.disabled || field?.disabled || props.readOnly || (parts && !valid(parts))) return;\n      const next = parts\n        ? ([timeString(parts[0], showSeconds), timeString(parts[1], showSeconds)] as const)\n        : null;\n      setSelected(next);\n      onChange?.(next);\n    };\n    const parseRange = (text: string): readonly [TimeParts, TimeParts] | null => {\n      const pair = text.split(/\\s*[~～–—]\\s*/);\n      if (pair.length !== 2) return null;\n      const first = parseTime(pair[0]);\n      const second = parseTime(pair[1]);\n      return first && second ? [first, second] : null;\n    };\n    const first = parseTime(selected?.[0]);\n    const second = parseTime(selected?.[1]);\n    return (\n      <DateInput\n        {...props}\n        ref={merged}\n        placeholder={props.placeholder ?? t('开始时间 ～ 结束时间', 'Start time ~ End time')}\n        icon={<Clock3 size={16} aria-hidden=\"true\" />}\n        panelLabel={t('选择时间范围', 'Choose time range')}\n        clearLabel={t('清除时间范围', 'Clear time range')}\n        displayValue={first && second ? `${format(first)} ~ ${format(second)}` : ''}\n        formValue={selected ? selected.join('/') : ''}\n        open={open}\n        onOpenChange={setOpen}\n        onOpening={() => {\n          setDraft([first ?? startTime, second ?? endTime]);\n          setActive(0);\n          setValidText(true);\n        }}\n        onClear={() => change(null)}\n        commitOnBlur={false}\n        onTextChange={(text) => {\n          const next = parseRange(text);\n          setValidText(Boolean(next && valid(next)));\n          if (next) setDraft(next);\n        }}\n        onTextCommit={(text) => {\n          if (!text) {\n            change(null);\n            return true;\n          }\n          const next = parseRange(text);\n          if (!next || !valid(next)) return false;\n          change(next);\n          return true;\n        }}\n        panelClassName=\"leaf-time-range-picker__panel\"\n        renderPanel={(close) => (\n          <>\n            <div className=\"leaf-time-range-picker__panels\">\n              {([0, 1] as const).map((index) => (\n                <fieldset key={index} onFocusCapture={() => setActive(index)}>\n                  <legend>{index === 0 ? messages.start : messages.end}</legend>\n                  <TimePanel\n                    disabledTime={(parts) => !!disabledTime?.(parts, index === 0 ? 'start' : 'end')}\n                    value={draft[index]}\n                    onChange={(next) => {\n                      setActive(index);\n                      setDraft((previous) =>\n                        index === 0 ? [next, previous[1]] : [previous[0], next],\n                      );\n                      setValidText(true);\n                    }}\n                    minuteStep={minuteStep}\n                    secondStep={secondStep}\n                    showSeconds={showSeconds}\n                    use12Hours={use12Hours}\n                  />\n                </fieldset>\n              ))}\n            </div>\n            <div className=\"leaf-picker-footer\">\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => {\n                  const now = new Date();\n                  const next = {\n                    hour: now.getHours(),\n                    minute: now.getMinutes(),\n                    second: now.getSeconds(),\n                  };\n                  setDraft((previous) =>\n                    active === 0 ? [next, previous[1]] : [previous[0], next],\n                  );\n                  setValidText(true);\n                }}\n              >\n                {messages.now}\n              </Button>\n              <Button\n                size=\"sm\"\n                disabled={!validText || !valid(draft)}\n                onClick={() => {\n                  change(draft);\n                  close();\n                }}\n              >\n                {messages.confirm}\n              </Button>\n            </div>\n          </>\n        )}\n      />\n    );\n  },\n);\n"],"names":["startTime","endTime","TimeRangePicker","forwardRef","value","defaultValue","onChange","onOpenChange","controlledOpen","defaultOpen","showSeconds","use12Hours","minuteStep","secondStep","allowOvernight","disabledTime","props","ref","t","useText","field","useFormField","messages","useLeafConfig","trigger","useRef","merged","useMergedRef","selected","setSelected","useFieldValue","open","setOpen","usePopupState","draft","setDraft","useState","active","setActive","validText","setValidText","valid","range","timeString","format","parts","displayTime","change","next","parseRange","text","pair","first","parseTime","second","DateInput","Clock3","Boolean","close","index","TimePanel","previous","Button","now","Date"],"mappings":"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"}
+{"version":3,"file":"timerangepicker/timerangepicker.js","sources":["../../../src/timerangepicker/timerangepicker.tsx"],"sourcesContent":["import { Clock3 } from 'lucide-react';\nimport { forwardRef, useRef, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { DateInput, type PickerFieldProps } from '../shared/date-input';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { usePopupState } from '../shared/floating';\nimport { displayTime, parseTime, type TimeParts, timeString } from '../shared/time';\nimport { useText } from '../shared/use-text';\nimport { TimePanel } from '../timepicker/time-panel';\nexport type TimeRange = readonly [string, string];\nexport interface TimeRangePickerProps extends PickerFieldProps {\n  value?: TimeRange | null;\n  defaultValue?: TimeRange | null;\n  onChange?: (value: TimeRange | null) => void;\n  onOpenChange?: (open: boolean) => void;\n  showSeconds?: boolean;\n  use12Hours?: boolean;\n  minuteStep?: number;\n  secondStep?: number;\n  allowOvernight?: boolean;\n  disabledTime?: (parts: TimeParts, position: 'start' | 'end') => boolean;\n}\nconst startTime: TimeParts = { hour: 9, minute: 0, second: 0 };\nconst endTime: TimeParts = { hour: 18, minute: 0, second: 0 };\nexport const TimeRangePicker = forwardRef<HTMLInputElement, TimeRangePickerProps>(\n  function TimeRangePicker(rawProps: TimeRangePickerProps, ref) {\n    const {\n      value,\n      defaultValue = null,\n      onChange,\n      onOpenChange,\n      open: controlledOpen,\n      defaultOpen,\n      showSeconds = false,\n      use12Hours = false,\n      minuteStep = 5,\n      secondStep = 1,\n      allowOvernight = false,\n      disabledTime,\n      ...props\n    } = useComponentProps('TimeRangePicker', rawProps);\n    const t = useText();\n    const field = useFormField();\n    const { messages } = useLeafConfig();\n    const trigger = useRef<HTMLInputElement>(null);\n    const merged = useMergedRef(trigger, ref);\n    const [selected, setSelected] = useFieldValue(value, defaultValue, trigger, props.form);\n    const [open, setOpen] = usePopupState(\n      props.disabled || field?.disabled || props.readOnly,\n      onOpenChange,\n      controlledOpen,\n      defaultOpen,\n    );\n    const [draft, setDraft] = useState<readonly [TimeParts, TimeParts]>([startTime, endTime]);\n    const [active, setActive] = useState<0 | 1>(0);\n    const [validText, setValidText] = useState(true);\n    const valid = (range: readonly [TimeParts, TimeParts]) =>\n      (allowOvernight || timeString(range[0], true) <= timeString(range[1], true)) &&\n      !disabledTime?.(range[0], 'start') &&\n      !disabledTime?.(range[1], 'end');\n    const format = (parts: TimeParts) =>\n      displayTime(parts, showSeconds, use12Hours, [messages.timePicker.am, messages.timePicker.pm]);\n    const change = (parts: readonly [TimeParts, TimeParts] | null) => {\n      if (props.disabled || field?.disabled || props.readOnly || (parts && !valid(parts))) return;\n      const next = parts\n        ? ([timeString(parts[0], showSeconds), timeString(parts[1], showSeconds)] as const)\n        : null;\n      setSelected(next);\n      onChange?.(next);\n    };\n    const parseRange = (text: string): readonly [TimeParts, TimeParts] | null => {\n      const pair = text.split(/\\s*[~～–—]\\s*/);\n      if (pair.length !== 2) return null;\n      const periods = [messages.timePicker.am, messages.timePicker.pm] as const;\n      const first = parseTime(pair[0], periods);\n      const second = parseTime(pair[1], periods);\n      return first && second ? [first, second] : null;\n    };\n    const first = parseTime(selected?.[0]);\n    const second = parseTime(selected?.[1]);\n    return (\n      <DateInput\n        {...props}\n        ref={merged}\n        placeholder={props.placeholder ?? t('timeRangePicker.placeholder')}\n        icon={<Clock3 size={16} aria-hidden=\"true\" />}\n        panelLabel={t('timeRangePicker.label')}\n        clearLabel={t('timeRangePicker.clear')}\n        displayValue={first && second ? `${format(first)} ~ ${format(second)}` : ''}\n        formValue={selected ? selected.join('/') : ''}\n        open={open}\n        onOpenChange={setOpen}\n        onOpening={() => {\n          setDraft([first ?? startTime, second ?? endTime]);\n          setActive(0);\n          setValidText(true);\n        }}\n        onClear={() => change(null)}\n        commitOnBlur={false}\n        onTextChange={(text) => {\n          const next = parseRange(text);\n          setValidText(Boolean(next && valid(next)));\n          if (next) setDraft(next);\n        }}\n        onTextCommit={(text) => {\n          if (!text) {\n            change(null);\n            return true;\n          }\n          const next = parseRange(text);\n          if (!next || !valid(next)) return false;\n          change(next);\n          return true;\n        }}\n        panelClassName=\"leaf-time-range-picker__panel\"\n        renderPanel={(close) => (\n          <>\n            <div className=\"leaf-time-range-picker__panels\">\n              {([0, 1] as const).map((index) => (\n                <fieldset key={index} onFocusCapture={() => setActive(index)}>\n                  <legend>{index === 0 ? messages.common.start : messages.common.end}</legend>\n                  <TimePanel\n                    disabledTime={(parts) => !!disabledTime?.(parts, index === 0 ? 'start' : 'end')}\n                    value={draft[index]}\n                    onChange={(next) => {\n                      setActive(index);\n                      setDraft((previous) =>\n                        index === 0 ? [next, previous[1]] : [previous[0], next],\n                      );\n                      setValidText(true);\n                    }}\n                    minuteStep={minuteStep}\n                    secondStep={secondStep}\n                    showSeconds={showSeconds}\n                    use12Hours={use12Hours}\n                  />\n                </fieldset>\n              ))}\n            </div>\n            <div className=\"leaf-picker-footer\">\n              <ButtonControl\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => {\n                  const now = new Date();\n                  const next = {\n                    hour: now.getHours(),\n                    minute: now.getMinutes(),\n                    second: now.getSeconds(),\n                  };\n                  setDraft((previous) =>\n                    active === 0 ? [next, previous[1]] : [previous[0], next],\n                  );\n                  setValidText(true);\n                }}\n              >\n                {messages.timePicker.now}\n              </ButtonControl>\n              <ButtonControl\n                size=\"sm\"\n                disabled={!validText || !valid(draft)}\n                onClick={() => {\n                  change(draft);\n                  close();\n                }}\n              >\n                {messages.common.confirm}\n              </ButtonControl>\n            </div>\n          </>\n        )}\n      />\n    );\n  },\n);\n"],"names":["startTime","endTime","TimeRangePicker","forwardRef","rawProps","ref","value","defaultValue","onChange","onOpenChange","controlledOpen","defaultOpen","showSeconds","use12Hours","minuteStep","secondStep","allowOvernight","disabledTime","props","useComponentProps","t","useText","field","useFormField","messages","useLeafConfig","trigger","useRef","merged","useMergedRef","selected","setSelected","useFieldValue","open","setOpen","usePopupState","draft","setDraft","useState","active","setActive","validText","setValidText","valid","range","timeString","format","parts","displayTime","change","next","parseRange","text","pair","periods","first","parseTime","second","DateInput","Clock3","Boolean","close","index","TimePanel","previous","ButtonControl","now","Date"],"mappings":"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"}

package/dist/esm/tooltip/tooltip.d.ts

@@ -15,5 +15,6 @@ export interface TooltipProps extends PopupOptions {
     leaveDelay?: number;
     className?: string;
 }
-export declare function Tooltip({ content, children, placement, open: controlled, defaultOpen, onOpenChange, disabled, enterDelay, leaveDelay, className, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, }: TooltipProps): import("react").JSX.Element;
+export declare function TooltipControl({ content, children, placement, open: controlled, defaultOpen, onOpenChange, disabled, enterDelay, leaveDelay, className, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, }: TooltipProps): import("react").JSX.Element;
+export declare function Tooltip(rawProps: TooltipProps): import("react").JSX.Element;
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/esm/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,GAAG,EAMT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAiB,KAAK,YAAY,EAAsB,MAAM,oBAAoB,CAAC;AAE1F,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,YAAY,CACpB,cAAc,CAAC,WAAW,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAC7E,CAAC;IACF,SAAS,CAAC,EACN,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,SAAiB,EACjB,IAAI,EAAE,UAAU,EAChB,WAAmB,EACnB,YAAY,EACZ,QAAgB,EAChB,UAAgB,EAChB,UAAgB,EAChB,SAAS,EACT,cAAc,EACd,cAAc,EACd,UAAU,EACV,WAAW,EACX,iBAAiB,GAClB,EAAE,YAAY,+BA2Fd"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,GAAG,EAMT,MAAM,OAAO,CAAC;AAIf,OAAO,EAAiB,KAAK,YAAY,EAAsB,MAAM,oBAAoB,CAAC;AAE1F,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,YAAY,CACpB,cAAc,CAAC,WAAW,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAC7E,CAAC;IACF,SAAS,CAAC,EACN,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,SAAiB,EACjB,IAAI,EAAE,UAAU,EAChB,WAAmB,EACnB,YAAY,EACZ,QAAgB,EAChB,UAAgB,EAChB,UAAgB,EAChB,SAAS,EACT,cAAc,EACd,cAAc,EACd,UAAU,EACV,WAAW,EACX,iBAAiB,GAClB,EAAE,YAAY,+BA2Fd;AAED,wBAAgB,OAAO,CAAC,QAAQ,EAAE,YAAY,+BAG7C"}

package/dist/esm/tooltip/tooltip.js

@@ -1,10 +1,11 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cloneElement, useEffect, useId, useRef, useState, version } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { classes } from "../shared/classes.js";
 import { useMergedRef } from "../shared/field.js";
 import { FloatingPanel, useFloatingDismiss } from "../shared/floating.js";
-function Tooltip({ content, children, placement = 'top', open: controlled, defaultOpen = false, onOpenChange, disabled = false, enterDelay = 100, leaveDelay = 100, className, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer }) {
+function TooltipControl({ content, children, placement = 'top', open: controlled, defaultOpen = false, onOpenChange, disabled = false, enterDelay = 100, leaveDelay = 100, className, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer }) {
     const [internal, setInternal] = useState(defaultOpen);
     const inactive = disabled || children.props.disabled || null == content || '' === content;
     const open = !inactive && (controlled ?? internal);
@@ -96,6 +97,12 @@ function Tooltip({ content, children, placement = 'top', open: controlled, defau
         ]
     });
 }
-export { Tooltip };
+function Tooltip(rawProps) {
+    const props = useComponentProps('Tooltip', rawProps);
+    return /*#__PURE__*/ jsx(TooltipControl, {
+        ...props
+    });
+}
+export { Tooltip, TooltipControl };
 
 //# sourceMappingURL=tooltip.js.map