@ifhover/leaf-ui 0.0.0-stage → 0.5.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover/popover.js","sources":["../../../src/popover/popover.tsx"],"sourcesContent":["import {\n  type CSSProperties,\n  cloneElement,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  version,\n} from 'react';\nimport { tabbable } from 'tabbable';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { FloatingPanel, type PopupOptions, useFloatingDismiss } from '../shared/floating';\nimport { useNaturalHeightTransition } from '../shared/presence';\n\nexport interface PopoverProps extends PopupOptions {\n  children: ReactElement<\n    HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement>; disabled?: boolean }\n  >;\n  title?: ReactNode;\n  content: ReactNode;\n  trigger?: 'click' | 'hover';\n  placement?:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end';\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  enterDelay?: number;\n  leaveDelay?: number;\n  width?: number | string;\n  maxWidth?: number | string;\n  className?: string;\n  style?: CSSProperties;\n  'aria-label'?: string;\n}\nexport function Popover({\n  children,\n  title,\n  content,\n  trigger: mode = 'click',\n  placement = 'top',\n  open: controlled,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n  autoFocus = true,\n  enterDelay = 100,\n  leaveDelay = 100,\n  width = 'max-content',\n  maxWidth = 320,\n  className,\n  popupPlacement,\n  popupClassName,\n  popupStyle,\n  popupRender,\n  getPopupContainer,\n  style,\n  'aria-label': label,\n}: PopoverProps) {\n  const [internal, setInternal] = useState(defaultOpen);\n  const inactive = disabled || children.props.disabled;\n  const open = !inactive && (controlled ?? internal);\n  const trigger = useRef<HTMLElement>(null);\n  const panel = useRef<HTMLDivElement>(null);\n  const body = useRef<HTMLDivElement>(null);\n  useNaturalHeightTransition(panel, body, open);\n  const childRef = version.startsWith('18.')\n    ? (children as typeof children & { ref?: Ref<HTMLElement> }).ref\n    : children.props.ref;\n  const ref = useMergedRef(trigger, childRef);\n  const id = `${useId()}-popover`;\n  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const focused = useRef(false);\n  const hovered = useRef(false);\n  const change = (next: boolean) => {\n    if (controlled === undefined) setInternal(next);\n    if (next !== open) onOpenChange?.(next);\n  };\n  const dismiss = () => {\n    clearTimeout(timer.current);\n    change(false);\n  };\n  const schedule = (next: boolean, delay: number) => {\n    clearTimeout(timer.current);\n    timer.current = setTimeout(() => change(next), Math.max(0, delay));\n  };\n  useFloatingDismiss(open, dismiss, trigger, panel);\n  useEffect(() => () => clearTimeout(timer.current), []);\n  useEffect(() => {\n    if (inactive) {\n      clearTimeout(timer.current);\n      setInternal(false);\n    }\n  }, [inactive]);\n  useEffect(() => {\n    const node = panel.current;\n    if (!open || mode !== 'click' || !node || !autoFocus) return;\n    (tabbable(node)[0] ?? node).focus();\n    return () => {\n      if (node.contains(document.activeElement)) trigger.current?.focus();\n    };\n  }, [open, mode, autoFocus]);\n  return (\n    <>\n      {cloneElement(children, {\n        ref,\n        'aria-haspopup': mode === 'click' ? 'dialog' : children.props['aria-haspopup'],\n        'aria-expanded': mode === 'click' ? open : children.props['aria-expanded'],\n        'aria-controls': open ? id : children.props['aria-controls'],\n        'aria-describedby':\n          mode === 'hover' && open\n            ? [children.props['aria-describedby'], id].filter(Boolean).join(' ')\n            : children.props['aria-describedby'],\n        onClick: (event) => {\n          children.props.onClick?.(event);\n          if (mode === 'click' && !inactive && !event.defaultPrevented) change(!open);\n        },\n        onKeyDown: (event) => {\n          children.props.onKeyDown?.(event);\n          if (\n            mode === 'click' &&\n            !inactive &&\n            !event.defaultPrevented &&\n            event.key === 'ArrowDown'\n          ) {\n            event.preventDefault();\n            change(true);\n          }\n        },\n        onPointerEnter: (event) => {\n          children.props.onPointerEnter?.(event);\n          if (\n            mode === 'hover' &&\n            !inactive &&\n            !event.defaultPrevented &&\n            event.pointerType !== 'touch'\n          ) {\n            hovered.current = true;\n            schedule(true, enterDelay);\n          }\n        },\n        onPointerLeave: (event) => {\n          children.props.onPointerLeave?.(event);\n          hovered.current = false;\n          if (mode === 'hover' && !focused.current) schedule(false, leaveDelay);\n        },\n        onFocus: (event) => {\n          children.props.onFocus?.(event);\n          if (mode === 'hover' && !inactive && !event.defaultPrevented) {\n            focused.current = true;\n            clearTimeout(timer.current);\n            change(true);\n          }\n        },\n        onBlur: (event) => {\n          children.props.onBlur?.(event);\n          focused.current = false;\n          if (mode === 'hover' && !hovered.current && !panel.current?.contains(event.relatedTarget))\n            schedule(false, leaveDelay);\n        },\n      })}\n      <FloatingPanel\n        open={open}\n        render={popupRender}\n        container={getPopupContainer}\n        triggerRef={trigger}\n        panelRef={panel}\n        id={id}\n        role={mode === 'click' ? 'dialog' : 'tooltip'}\n        tabIndex={-1}\n        placement={popupPlacement ?? placement}\n        width={width}\n        maxWidth={maxWidth}\n        className={classes('leaf-floating', 'leaf-popover', className, popupClassName)}\n        style={{ ...style, ...popupStyle }}\n        aria-label={label ?? (typeof title === 'string' ? title : undefined)}\n        aria-labelledby={title != null ? `${id}-title` : undefined}\n        onPointerEnter={() => {\n          hovered.current = true;\n          clearTimeout(timer.current);\n        }}\n        onPointerLeave={() => {\n          hovered.current = false;\n          if (\n            mode === 'hover' &&\n            !focused.current &&\n            !panel.current?.contains(document.activeElement)\n          )\n            schedule(false, leaveDelay);\n        }}\n      >\n        {title != null && (\n          <div id={`${id}-title`} className=\"leaf-popover__title\">\n            {title}\n          </div>\n        )}\n        <div ref={body} className=\"leaf-popover__content\">\n          {content}\n        </div>\n      </FloatingPanel>\n    </>\n  );\n}\n"],"names":["Popover","children","title","content","mode","placement","controlled","defaultOpen","onOpenChange","disabled","autoFocus","enterDelay","leaveDelay","width","maxWidth","className","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","style","label","internal","setInternal","useState","inactive","open","trigger","useRef","panel","body","useNaturalHeightTransition","childRef","version","ref","useMergedRef","id","useId","timer","undefined","focused","hovered","change","next","dismiss","clearTimeout","schedule","delay","setTimeout","Math","useFloatingDismiss","useEffect","node","tabbable","document","cloneElement","Boolean","event","FloatingPanel","classes"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export type { ProgressProps, ProgressSegment } from './progress.js';
+export { Progress } from './progress.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/progress/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/esm/progress/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Progress } from "./progress.js";

package/dist/esm/progress/progress.d.ts

@@ -0,0 +1,26 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface ProgressSegment {
+    key?: string;
+    percent: number;
+    color?: string;
+}
+export interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    percent?: number;
+    type?: 'line' | 'circle';
+    status?: 'normal' | 'success' | 'error';
+    showInfo?: boolean;
+    format?: (percent: number) => ReactNode;
+    strokeWidth?: number;
+    color?: string;
+    size?: number;
+    indeterminate?: boolean;
+    /** Animate a soft shimmer within the completed part of an unfinished line. */
+    active?: boolean;
+    trailColor?: string;
+    segments?: readonly ProgressSegment[];
+    steps?: number;
+    dashboard?: boolean;
+    successPercent?: number;
+}
+export declare function Progress({ percent, type, status, showInfo, format, strokeWidth, color, size, indeterminate, active, trailColor, segments, steps, dashboard, successPercent, className, style, 'aria-label': label, ...props }: ProgressProps): import("react").JSX.Element;
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/progress/progress.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,SAAS,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AACD,wBAAgB,QAAQ,CAAC,EACvB,OAAW,EACX,IAAa,EACb,MAAiB,EACjB,QAAe,EACf,MAAM,EACN,WAAW,EACX,KAAK,EACL,IAAU,EACV,aAAqB,EACrB,MAAa,EACb,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAiB,EACjB,cAAc,EACd,SAAS,EACT,KAAK,EACL,YAAY,EAAE,KAAK,EACnB,GAAG,KAAK,EACT,EAAE,aAAa,+BAyIf"}

package/dist/esm/progress/progress.js

@@ -0,0 +1,125 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, X } from "lucide-react";
+import { useLeafConfig } from "../config-provider/context.js";
+import { classes } from "../shared/classes.js";
+function Progress({ percent = 0, type = 'line', status = 'normal', showInfo = true, format, strokeWidth, color, size = 100, indeterminate = false, active = true, trailColor, segments, steps, dashboard = false, successPercent, className, style, 'aria-label': label, ...props }) {
+    const { messages } = useLeafConfig();
+    const value = Math.max(0, Math.min(100, Number.isFinite(percent) ? percent : 0));
+    const state = indeterminate || 'normal' !== status || 100 !== value ? status : 'success';
+    const width = Math.max(1, Math.min(20, strokeWidth ?? ('circle' === type ? 6 : 8)));
+    const content = format ? format(value) : 'success' === state ? /*#__PURE__*/ jsx(Check, {
+        "aria-hidden": "true"
+    }) : 'error' === state ? /*#__PURE__*/ jsx(X, {
+        "aria-hidden": "true"
+    }) : `${value}%`;
+    const radius = 50 - width / 2;
+    const circumference = 2 * Math.PI * radius;
+    const sweep = dashboard ? 0.75 * circumference : circumference;
+    const stepCount = steps && Number.isFinite(steps) ? Math.max(1, Math.min(1000, Math.trunc(steps))) : 0;
+    let remaining = 100;
+    const sections = segments?.map((segment)=>{
+        const percent = Math.max(0, Math.min(remaining, Number.isFinite(segment.percent) ? segment.percent : 0));
+        remaining -= percent;
+        return {
+            ...segment,
+            percent
+        };
+    });
+    const filled = sections?.length ? sections.reduce((total, section)=>total + section.percent, 0) : value;
+    return /*#__PURE__*/ jsxs("div", {
+        ...props,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": indeterminate ? void 0 : value,
+        "aria-label": label ?? messages.progress,
+        "aria-valuetext": indeterminate ? messages.loading : `${value}%`,
+        "data-status": state,
+        "data-indeterminate": indeterminate || void 0,
+        "data-active": active && 'line' === type && !stepCount && !indeterminate && 'normal' === state && filled > 0 && filled < 100 || void 0,
+        className: classes('leaf-progress', `leaf-progress--${type}`, dashboard && 'leaf-progress--dashboard', Boolean(steps) && 'leaf-progress--steps', className),
+        style: {
+            ...color ? {
+                '--leaf-progress-color': color
+            } : {},
+            ...trailColor ? {
+                '--leaf-progress-trail': trailColor
+            } : {},
+            ...'circle' === type ? {
+                width: size,
+                height: size
+            } : {},
+            ...style
+        },
+        children: [
+            'line' === type ? /*#__PURE__*/ jsx("div", {
+                className: "leaf-progress__track",
+                style: {
+                    height: width,
+                    display: segments?.length ? 'flex' : void 0
+                },
+                children: stepCount ? Array.from({
+                    length: stepCount
+                }, (_, index)=>index).map((index)=>/*#__PURE__*/ jsx("span", {
+                        className: "leaf-progress__step",
+                        "data-filled": index / stepCount * 100 < value || void 0,
+                        style: segments?.[index] ? {
+                            '--leaf-progress-color': segments[index]?.color
+                        } : void 0
+                    }, `step-${index}`)) : segments?.length ? sections?.map((segment, index)=>/*#__PURE__*/ jsx("div", {
+                        className: "leaf-progress__fill",
+                        style: {
+                            width: `${segment.percent}%`,
+                            background: segment.color
+                        }
+                    }, segment.key ?? `segment-${index}`)) : /*#__PURE__*/ jsx("div", {
+                    className: "leaf-progress__fill",
+                    style: {
+                        width: `${value}%`
+                    }
+                })
+            }) : /*#__PURE__*/ jsxs("svg", {
+                viewBox: "0 0 100 100",
+                "aria-hidden": "true",
+                children: [
+                    /*#__PURE__*/ jsx("circle", {
+                        className: "leaf-progress__trail",
+                        cx: "50",
+                        cy: "50",
+                        r: radius,
+                        strokeWidth: width,
+                        strokeDasharray: dashboard ? `${sweep} ${circumference}` : void 0,
+                        transform: dashboard ? 'rotate(135 50 50)' : void 0
+                    }),
+                    /*#__PURE__*/ jsx("circle", {
+                        className: "leaf-progress__arc",
+                        cx: "50",
+                        cy: "50",
+                        r: radius,
+                        strokeWidth: width,
+                        strokeDasharray: indeterminate ? `${0.25 * circumference} ${circumference}` : `${sweep * value / 100} ${circumference}`,
+                        strokeDashoffset: 0,
+                        transform: dashboard ? 'rotate(135 50 50)' : 'rotate(-90 50 50)'
+                    }),
+                    void 0 !== successPercent && /*#__PURE__*/ jsx("circle", {
+                        className: "leaf-progress__arc leaf-progress__arc--success",
+                        cx: "50",
+                        cy: "50",
+                        r: radius,
+                        strokeWidth: width,
+                        strokeDasharray: `${sweep * Math.max(0, Math.min(value, successPercent)) / 100} ${circumference}`,
+                        transform: dashboard ? 'rotate(135 50 50)' : 'rotate(-90 50 50)'
+                    })
+                ]
+            }),
+            showInfo && !indeterminate && /*#__PURE__*/ jsx("span", {
+                className: "leaf-progress__info",
+                children: content
+            })
+        ]
+    });
+}
+export { Progress };
+
+//# sourceMappingURL=progress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress/progress.js","sources":["../../../src/progress/progress.tsx"],"sourcesContent":["import { Check, X } from 'lucide-react';\nimport type { HTMLAttributes, ReactNode } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\n\nexport interface ProgressSegment {\n  key?: string;\n  percent: number;\n  color?: string;\n}\nexport interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  percent?: number;\n  type?: 'line' | 'circle';\n  status?: 'normal' | 'success' | 'error';\n  showInfo?: boolean;\n  format?: (percent: number) => ReactNode;\n  strokeWidth?: number;\n  color?: string;\n  size?: number;\n  indeterminate?: boolean;\n  /** Animate a soft shimmer within the completed part of an unfinished line. */\n  active?: boolean;\n  trailColor?: string;\n  segments?: readonly ProgressSegment[];\n  steps?: number;\n  dashboard?: boolean;\n  successPercent?: number;\n}\nexport function Progress({\n  percent = 0,\n  type = 'line',\n  status = 'normal',\n  showInfo = true,\n  format,\n  strokeWidth,\n  color,\n  size = 100,\n  indeterminate = false,\n  active = true,\n  trailColor,\n  segments,\n  steps,\n  dashboard = false,\n  successPercent,\n  className,\n  style,\n  'aria-label': label,\n  ...props\n}: ProgressProps) {\n  const { messages } = useLeafConfig();\n  const value = Math.max(0, Math.min(100, Number.isFinite(percent) ? percent : 0));\n  const state = !indeterminate && status === 'normal' && value === 100 ? 'success' : status;\n  const width = Math.max(1, Math.min(20, strokeWidth ?? (type === 'circle' ? 6 : 8)));\n  const content = format ? (\n    format(value)\n  ) : state === 'success' ? (\n    <Check aria-hidden=\"true\" />\n  ) : state === 'error' ? (\n    <X aria-hidden=\"true\" />\n  ) : (\n    `${value}%`\n  );\n  const radius = 50 - width / 2;\n  const circumference = 2 * Math.PI * radius;\n  const sweep = dashboard ? circumference * 0.75 : circumference;\n  const stepCount =\n    steps && Number.isFinite(steps) ? Math.max(1, Math.min(1000, Math.trunc(steps))) : 0;\n  let remaining = 100;\n  const sections = segments?.map((segment) => {\n    const percent = Math.max(\n      0,\n      Math.min(remaining, Number.isFinite(segment.percent) ? segment.percent : 0),\n    );\n    remaining -= percent;\n    return { ...segment, percent };\n  });\n  const filled = sections?.length\n    ? sections.reduce((total, section) => total + section.percent, 0)\n    : value;\n  return (\n    <div\n      {...props}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={indeterminate ? undefined : value}\n      aria-label={label ?? messages.progress}\n      aria-valuetext={indeterminate ? messages.loading : `${value}%`}\n      data-status={state}\n      data-indeterminate={indeterminate || undefined}\n      data-active={\n        (active &&\n          type === 'line' &&\n          !stepCount &&\n          !indeterminate &&\n          state === 'normal' &&\n          filled > 0 &&\n          filled < 100) ||\n        undefined\n      }\n      className={classes(\n        'leaf-progress',\n        `leaf-progress--${type}`,\n        dashboard && 'leaf-progress--dashboard',\n        Boolean(steps) && 'leaf-progress--steps',\n        className,\n      )}\n      style={{\n        ...(color ? { '--leaf-progress-color': color } : {}),\n        ...(trailColor ? { '--leaf-progress-trail': trailColor } : {}),\n        ...(type === 'circle' ? { width: size, height: size } : {}),\n        ...style,\n      }}\n    >\n      {type === 'line' ? (\n        <div\n          className=\"leaf-progress__track\"\n          style={{ height: width, display: segments?.length ? 'flex' : undefined }}\n        >\n          {stepCount ? (\n            Array.from({ length: stepCount }, (_, index) => index).map((index) => (\n              <span\n                key={`step-${index}`}\n                className=\"leaf-progress__step\"\n                data-filled={(index / stepCount) * 100 < value || undefined}\n                style={\n                  segments?.[index]\n                    ? ({ '--leaf-progress-color': segments[index]?.color } as React.CSSProperties)\n                    : undefined\n                }\n              />\n            ))\n          ) : segments?.length ? (\n            sections?.map((segment, index) => (\n              <div\n                key={segment.key ?? `segment-${index}`}\n                className=\"leaf-progress__fill\"\n                style={{ width: `${segment.percent}%`, background: segment.color }}\n              />\n            ))\n          ) : (\n            <div className=\"leaf-progress__fill\" style={{ width: `${value}%` }} />\n          )}\n        </div>\n      ) : (\n        <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n          <circle\n            className=\"leaf-progress__trail\"\n            cx=\"50\"\n            cy=\"50\"\n            r={radius}\n            strokeWidth={width}\n            strokeDasharray={dashboard ? `${sweep} ${circumference}` : undefined}\n            transform={dashboard ? 'rotate(135 50 50)' : undefined}\n          />\n          <circle\n            className=\"leaf-progress__arc\"\n            cx=\"50\"\n            cy=\"50\"\n            r={radius}\n            strokeWidth={width}\n            strokeDasharray={\n              indeterminate\n                ? `${circumference * 0.25} ${circumference}`\n                : `${(sweep * value) / 100} ${circumference}`\n            }\n            strokeDashoffset={0}\n            transform={dashboard ? 'rotate(135 50 50)' : 'rotate(-90 50 50)'}\n          />\n          {successPercent !== undefined && (\n            <circle\n              className=\"leaf-progress__arc leaf-progress__arc--success\"\n              cx=\"50\"\n              cy=\"50\"\n              r={radius}\n              strokeWidth={width}\n              strokeDasharray={`${(sweep * Math.max(0, Math.min(value, successPercent))) / 100} ${circumference}`}\n              transform={dashboard ? 'rotate(135 50 50)' : 'rotate(-90 50 50)'}\n            />\n          )}\n        </svg>\n      )}\n      {showInfo && !indeterminate && <span className=\"leaf-progress__info\">{content}</span>}\n    </div>\n  );\n}\n"],"names":["Progress","percent","type","status","showInfo","format","strokeWidth","color","size","indeterminate","active","trailColor","segments","steps","dashboard","successPercent","className","style","label","props","messages","useLeafConfig","value","Math","Number","state","width","content","Check","X","radius","circumference","sweep","stepCount","remaining","sections","segment","filled","total","section","undefined","classes","Boolean","Array","_","index"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export type { QRCodeProps } from './qrcode.js';
+export { QRCode } from './qrcode.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/esm/qrcode/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { QRCode } from "./qrcode.js";

package/dist/esm/qrcode/qrcode.d.ts

@@ -0,0 +1,16 @@
+import { type HTMLAttributes } from 'react';
+export interface QRCodeProps extends HTMLAttributes<HTMLDivElement> {
+    value: string;
+    size?: number;
+    color?: string;
+    backgroundColor?: string;
+    level?: 'L' | 'M' | 'Q' | 'H';
+    logo?: string;
+    logoSize?: number;
+    status?: 'active' | 'loading' | 'expired';
+    onRefresh?: () => void;
+    downloadable?: boolean;
+    fileName?: string;
+}
+export declare function QRCode({ value, size, color, backgroundColor, level, logo, logoSize, status, onRefresh, downloadable, fileName, className, ...props }: QRCodeProps): import("react").JSX.Element;
+//# sourceMappingURL=qrcode.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"qrcode.d.ts","sourceRoot":"","sources":["../../../src/qrcode/qrcode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAU,MAAM,OAAO,CAAC;AAKpD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,IAAU,EACV,KAAgC,EAChC,eAA6C,EAC7C,KAAW,EACX,IAAI,EACJ,QAAa,EACb,MAAiB,EACjB,SAAS,EACT,YAAoB,EACpB,QAAuB,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,+BAyDb"}

package/dist/esm/qrcode/qrcode.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Download, RefreshCw } from "lucide-react";
+import { QRCodeSVG } from "qrcode.react";
+import { useRef } from "react";
+import { Button } from "../button/index.js";
+import { Loading } from "../loading/index.js";
+import { classes } from "../shared/classes.js";
+import { useText } from "../shared/use-text.js";
+function QRCode({ value, size = 160, color = 'var(--leaf-color-text)', backgroundColor = 'var(--leaf-color-surface)', level = 'M', logo, logoSize = 32, status = 'active', onRefresh, downloadable = false, fileName = 'qrcode.svg', className, ...props }) {
+    const t = useText();
+    const root = useRef(null);
+    const download = ()=>{
+        const svg = root.current?.querySelector('svg');
+        if (!svg) return;
+        const clone = svg.cloneNode(true);
+        const original = Array.from(svg.querySelectorAll('[fill]'));
+        clone.querySelectorAll('[fill]').forEach((element, index)=>{
+            element.setAttribute('fill', getComputedStyle(original[index] ?? svg).fill);
+        });
+        const address = URL.createObjectURL(new Blob([
+            new XMLSerializer().serializeToString(clone)
+        ], {
+            type: 'image/svg+xml'
+        }));
+        const anchor = document.createElement('a');
+        anchor.href = address;
+        anchor.download = fileName;
+        anchor.click();
+        setTimeout(()=>URL.revokeObjectURL(address), 1000);
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        ...props,
+        ref: root,
+        className: classes('leaf-qr-code', className),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "leaf-qr-code__image",
+                style: {
+                    width: Math.max(64, size),
+                    height: Math.max(64, size)
+                },
+                children: [
+                    /*#__PURE__*/ jsx(QRCodeSVG, {
+                        value: value,
+                        size: Math.max(64, size),
+                        level: level,
+                        marginSize: 2,
+                        fgColor: color,
+                        bgColor: backgroundColor,
+                        title: props['aria-label'] ?? t('二维码', 'QR code'),
+                        imageSettings: logo ? {
+                            src: logo,
+                            width: logoSize,
+                            height: logoSize,
+                            excavate: true
+                        } : void 0
+                    }),
+                    'active' !== status && /*#__PURE__*/ jsx("div", {
+                        className: "leaf-qr-code__overlay",
+                        children: 'loading' === status ? /*#__PURE__*/ jsx(Loading, {}) : /*#__PURE__*/ jsx(Button, {
+                            variant: "outline",
+                            startIcon: /*#__PURE__*/ jsx(RefreshCw, {}),
+                            onClick: onRefresh,
+                            children: t('刷新二维码', 'Refresh code')
+                        })
+                    })
+                ]
+            }),
+            downloadable && /*#__PURE__*/ jsx(Button, {
+                size: "sm",
+                variant: "ghost",
+                startIcon: /*#__PURE__*/ jsx(Download, {}),
+                onClick: download,
+                children: t('下载', 'Download')
+            })
+        ]
+    });
+}
+export { QRCode };
+
+//# sourceMappingURL=qrcode.js.map

package/dist/esm/qrcode/qrcode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qrcode/qrcode.js","sources":["../../../src/qrcode/qrcode.tsx"],"sourcesContent":["import { Download, RefreshCw } from 'lucide-react';\nimport { QRCodeSVG } from 'qrcode.react';\nimport { type HTMLAttributes, useRef } from 'react';\nimport { Button } from '../button';\nimport { Loading } from '../loading';\nimport { classes } from '../shared/classes';\nimport { useText } from '../shared/use-text';\nexport interface QRCodeProps extends HTMLAttributes<HTMLDivElement> {\n  value: string;\n  size?: number;\n  color?: string;\n  backgroundColor?: string;\n  level?: 'L' | 'M' | 'Q' | 'H';\n  logo?: string;\n  logoSize?: number;\n  status?: 'active' | 'loading' | 'expired';\n  onRefresh?: () => void;\n  downloadable?: boolean;\n  fileName?: string;\n}\nexport function QRCode({\n  value,\n  size = 160,\n  color = 'var(--leaf-color-text)',\n  backgroundColor = 'var(--leaf-color-surface)',\n  level = 'M',\n  logo,\n  logoSize = 32,\n  status = 'active',\n  onRefresh,\n  downloadable = false,\n  fileName = 'qrcode.svg',\n  className,\n  ...props\n}: QRCodeProps) {\n  const t = useText();\n  const root = useRef<HTMLDivElement>(null);\n  const download = () => {\n    const svg = root.current?.querySelector('svg');\n    if (!svg) return;\n    const clone = svg.cloneNode(true) as SVGSVGElement;\n    const original = Array.from(svg.querySelectorAll('[fill]'));\n    clone.querySelectorAll('[fill]').forEach((element, index) => {\n      element.setAttribute('fill', getComputedStyle(original[index] ?? svg).fill);\n    });\n    const address = URL.createObjectURL(\n      new Blob([new XMLSerializer().serializeToString(clone)], { type: 'image/svg+xml' }),\n    );\n    const anchor = document.createElement('a');\n    anchor.href = address;\n    anchor.download = fileName;\n    anchor.click();\n    setTimeout(() => URL.revokeObjectURL(address), 1000);\n  };\n  return (\n    <div {...props} ref={root} className={classes('leaf-qr-code', className)}>\n      <div\n        className=\"leaf-qr-code__image\"\n        style={{ width: Math.max(64, size), height: Math.max(64, size) }}\n      >\n        <QRCodeSVG\n          value={value}\n          size={Math.max(64, size)}\n          level={level}\n          marginSize={2}\n          fgColor={color}\n          bgColor={backgroundColor}\n          title={props['aria-label'] ?? t('二维码', 'QR code')}\n          imageSettings={\n            logo ? { src: logo, width: logoSize, height: logoSize, excavate: true } : undefined\n          }\n        />\n        {status !== 'active' && (\n          <div className=\"leaf-qr-code__overlay\">\n            {status === 'loading' ? (\n              <Loading />\n            ) : (\n              <Button variant=\"outline\" startIcon={<RefreshCw />} onClick={onRefresh}>\n                {t('刷新二维码', 'Refresh code')}\n              </Button>\n            )}\n          </div>\n        )}\n      </div>\n      {downloadable && (\n        <Button size=\"sm\" variant=\"ghost\" startIcon={<Download />} onClick={download}>\n          {t('下载', 'Download')}\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"names":["QRCode","value","size","color","backgroundColor","level","logo","logoSize","status","onRefresh","downloadable","fileName","className","props","t","useText","root","useRef","download","svg","clone","original","Array","element","index","getComputedStyle","address","URL","Blob","XMLSerializer","anchor","document","setTimeout","classes","Math","QRCodeSVG","undefined","Loading","Button","RefreshCw","Download"],"mappings":";;;;;;;;;AAoBO,SAASA,OAAO,EACrBC,KAAK,EACLC,OAAO,GAAG,EACVC,QAAQ,wBAAwB,EAChCC,kBAAkB,2BAA2B,EAC7CC,QAAQ,GAAG,EACXC,IAAI,EACJC,WAAW,EAAE,EACbC,SAAS,QAAQ,EACjBC,SAAS,EACTC,eAAe,KAAK,EACpBC,WAAW,YAAY,EACvBC,SAAS,EACT,GAAGC,OACS;IACZ,MAAMC,IAAIC;IACV,MAAMC,OAAOC,OAAuB;IACpC,MAAMC,WAAW;QACf,MAAMC,MAAMH,KAAK,OAAO,EAAE,cAAc;QACxC,IAAI,CAACG,KAAK;QACV,MAAMC,QAAQD,IAAI,SAAS,CAAC;QAC5B,MAAME,WAAWC,MAAM,IAAI,CAACH,IAAI,gBAAgB,CAAC;QACjDC,MAAM,gBAAgB,CAAC,UAAU,OAAO,CAAC,CAACG,SAASC;YACjDD,QAAQ,YAAY,CAAC,QAAQE,iBAAiBJ,QAAQ,CAACG,MAAM,IAAIL,KAAK,IAAI;QAC5E;QACA,MAAMO,UAAUC,IAAI,eAAe,CACjC,IAAIC,KAAK;YAAC,IAAIC,gBAAgB,iBAAiB,CAACT;SAAO,EAAE;YAAE,MAAM;QAAgB;QAEnF,MAAMU,SAASC,SAAS,aAAa,CAAC;QACtCD,OAAO,IAAI,GAAGJ;QACdI,OAAO,QAAQ,GAAGnB;QAClBmB,OAAO,KAAK;QACZE,WAAW,IAAML,IAAI,eAAe,CAACD,UAAU;IACjD;IACA,OAAO,WAAP,GACE,KAAC;QAAK,GAAGb,KAAK;QAAE,KAAKG;QAAM,WAAWiB,QAAQ,gBAAgBrB;;0BAC5D,KAAC;gBACC,WAAU;gBACV,OAAO;oBAAE,OAAOsB,KAAK,GAAG,CAAC,IAAIhC;oBAAO,QAAQgC,KAAK,GAAG,CAAC,IAAIhC;gBAAM;;kCAE/D,IAACiC,WAASA;wBACR,OAAOlC;wBACP,MAAMiC,KAAK,GAAG,CAAC,IAAIhC;wBACnB,OAAOG;wBACP,YAAY;wBACZ,SAASF;wBACT,SAASC;wBACT,OAAOS,KAAK,CAAC,aAAa,IAAIC,EAAE,OAAO;wBACvC,eACER,OAAO;4BAAE,KAAKA;4BAAM,OAAOC;4BAAU,QAAQA;4BAAU,UAAU;wBAAK,IAAI6B;;oBAGlE,aAAX5B,UAAuB,WAAZ,GACV,IAAC;wBAAI,WAAU;kCACZA,AAAW,cAAXA,SAAuB,WAAZ,GACV,IAAC6B,SAAOA,CAAAA,KAAAA,WAAAA,GAER,IAACC,QAAMA;4BAAC,SAAQ;4BAAU,yBAAW,IAACC,WAASA,CAAAA;4BAAK,SAAS9B;sCAC1DK,EAAE,SAAS;;;;;YAMrBJ,gBAAgB,WAAhBA,GACC,IAAC4B,QAAMA;gBAAC,MAAK;gBAAK,SAAQ;gBAAQ,yBAAW,IAACE,UAAQA,CAAAA;gBAAK,SAAStB;0BACjEJ,EAAE,MAAM;;;;AAKnB"}

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

@@ -0,0 +1,2 @@
+export * from './radio.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/esm/radio/index.js

@@ -0,0 +1,2 @@
+"use client";
+export * from "./radio.js";

package/dist/esm/radio/radio.d.ts

@@ -0,0 +1,32 @@
+import { type ChangeEventHandler, type FieldsetHTMLAttributes, type InputHTMLAttributes, type ReactNode } from 'react';
+import type { ControlSize } from '../shared/types.js';
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    size?: ControlSize;
+    variant?: 'plain' | 'card';
+    description?: ReactNode;
+    icon?: ReactNode;
+    extra?: ReactNode;
+}
+export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;
+export interface RadioOption {
+    label: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    extra?: ReactNode;
+    value: string;
+    disabled?: boolean;
+}
+export interface RadioGroupProps extends Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'onChange' | 'defaultValue' | 'children'> {
+    options: readonly RadioOption[];
+    value?: string;
+    defaultValue?: string;
+    name?: string;
+    label?: ReactNode;
+    size?: ControlSize;
+    variant?: 'plain' | 'card' | 'list';
+    direction?: 'horizontal' | 'vertical';
+    required?: boolean;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLFieldSetElement>>;
+//# sourceMappingURL=radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAE3B,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9F,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AACD,eAAO,MAAM,KAAK,yGAmFhB,CAAC;AAEH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,UAAU,GAAG,cAAc,GAAG,UAAU,CACzC;IACD,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;CACjD;AACD,eAAO,MAAM,UAAU,iHAiErB,CAAC"}

package/dist/esm/radio/radio.js

@@ -0,0 +1,116 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useId } from "react";
+import { useFormField } from "../form/form.js";
+import { classes } from "../shared/classes.js";
+const radio_Radio = /*#__PURE__*/ forwardRef(function({ size = 'md', variant = 'plain', description, icon, extra, className, style, disabled: disabledProp, children, ...props }, ref) {
+    const field = useFormField();
+    const id = useId();
+    const disabled = disabledProp || field?.disabled;
+    return /*#__PURE__*/ jsxs("label", {
+        className: classes('leaf-radio', `leaf-radio--${size}`, `leaf-radio--${variant}`, null != description && 'leaf-radio--described', className),
+        style: style,
+        "data-disabled": disabled ? '' : void 0,
+        children: [
+            /*#__PURE__*/ jsxs("span", {
+                className: "leaf-radio__control",
+                children: [
+                    /*#__PURE__*/ jsx("input", {
+                        ...props,
+                        id: props.id ?? field?.id,
+                        required: props.required ?? field?.required,
+                        "aria-labelledby": props['aria-labelledby'] ?? (props['aria-label'] || null == children ? void 0 : `${id}-label`),
+                        "aria-describedby": [
+                            props['aria-describedby'],
+                            field?.descriptionId,
+                            null != description && `${id}-description`,
+                            null != extra && `${id}-extra`
+                        ].filter(Boolean).join(' ') || void 0,
+                        "aria-invalid": field?.error ? true : props['aria-invalid'],
+                        ref: ref,
+                        type: "radio",
+                        disabled: disabled,
+                        className: "leaf-radio__input"
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "leaf-radio__mark"
+                    })
+                ]
+            }),
+            null != icon && /*#__PURE__*/ jsx("span", {
+                className: "leaf-radio__icon",
+                "aria-hidden": "true",
+                children: icon
+            }),
+            (null != children || null != description) && /*#__PURE__*/ jsxs("span", {
+                className: "leaf-radio__copy",
+                children: [
+                    null != children && /*#__PURE__*/ jsx("span", {
+                        id: `${id}-label`,
+                        className: "leaf-radio__label",
+                        children: children
+                    }),
+                    null != description && /*#__PURE__*/ jsx("span", {
+                        id: `${id}-description`,
+                        className: "leaf-radio__description",
+                        children: description
+                    })
+                ]
+            }),
+            null != extra && /*#__PURE__*/ jsx("span", {
+                id: `${id}-extra`,
+                className: "leaf-radio__extra",
+                children: extra
+            })
+        ]
+    });
+});
+radio_Radio.displayName = 'Radio';
+const radio_RadioGroup = /*#__PURE__*/ forwardRef(function({ options, value, defaultValue, name, label, size = 'md', variant = 'plain', direction = 'horizontal', required, onChange, disabled: disabledProp, className, ...props }, ref) {
+    const id = useId();
+    const field = useFormField();
+    const disabled = disabledProp || field?.disabled;
+    return /*#__PURE__*/ jsxs("fieldset", {
+        ...props,
+        ref: ref,
+        id: props.id ?? field?.id,
+        "aria-labelledby": props['aria-labelledby'] ?? (label ? void 0 : field?.labelId),
+        "aria-describedby": [
+            props['aria-describedby'],
+            field?.descriptionId
+        ].filter(Boolean).join(' ') || void 0,
+        "aria-invalid": field?.error ? true : props['aria-invalid'],
+        tabIndex: -1,
+        disabled: disabled,
+        className: classes('leaf-radio-group', `leaf-radio-group--${direction}`, `leaf-radio-group--${variant}`, className),
+        children: [
+            label && /*#__PURE__*/ jsx("legend", {
+                className: "leaf-radio-group__legend",
+                children: label
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "leaf-radio-group__options",
+                children: options.map((option)=>/*#__PURE__*/ jsx(radio_Radio, {
+                        id: `${props.id ?? field?.id ?? id}-${option.value}`,
+                        size: size,
+                        variant: 'card' === variant ? 'card' : 'plain',
+                        description: option.description,
+                        icon: option.icon,
+                        extra: option.extra,
+                        name: name ?? id,
+                        value: option.value,
+                        disabled: disabled || option.disabled,
+                        required: required ?? field?.required,
+                        checked: void 0 === value ? void 0 : value === option.value,
+                        defaultChecked: void 0 === value ? defaultValue === option.value : void 0,
+                        onChange: onChange,
+                        children: option.label
+                    }, option.value))
+            })
+        ]
+    });
+});
+radio_RadioGroup.displayName = 'RadioGroup';
+export { radio_Radio as Radio, radio_RadioGroup as RadioGroup };
+
+//# sourceMappingURL=radio.js.map

package/dist/esm/radio/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio/radio.js","sources":["../../../src/radio/radio.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  type FieldsetHTMLAttributes,\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useId,\n} from 'react';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: ControlSize;\n  variant?: 'plain' | 'card';\n  description?: ReactNode;\n  icon?: ReactNode;\n  extra?: ReactNode;\n}\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n  {\n    size = 'md',\n    variant = 'plain',\n    description,\n    icon,\n    extra,\n    className,\n    style,\n    disabled: disabledProp,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const field = useFormField();\n  const id = useId();\n  const disabled = disabledProp || field?.disabled;\n  return (\n    <label\n      className={classes(\n        'leaf-radio',\n        `leaf-radio--${size}`,\n        `leaf-radio--${variant}`,\n        description != null && 'leaf-radio--described',\n        className,\n      )}\n      style={style}\n      data-disabled={disabled ? '' : undefined}\n    >\n      <span className=\"leaf-radio__control\">\n        <input\n          {...props}\n          id={props.id ?? field?.id}\n          required={props.required ?? field?.required}\n          aria-labelledby={\n            props['aria-labelledby'] ??\n            (!props['aria-label'] && children != null ? `${id}-label` : undefined)\n          }\n          aria-describedby={\n            [\n              props['aria-describedby'],\n              field?.descriptionId,\n              description != null && `${id}-description`,\n              extra != null && `${id}-extra`,\n            ]\n              .filter(Boolean)\n              .join(' ') || undefined\n          }\n          aria-invalid={field?.error ? true : props['aria-invalid']}\n          ref={ref}\n          type=\"radio\"\n          disabled={disabled}\n          className=\"leaf-radio__input\"\n        />\n        <span className=\"leaf-radio__mark\" />\n      </span>\n      {icon != null && (\n        <span className=\"leaf-radio__icon\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      {(children != null || description != null) && (\n        <span className=\"leaf-radio__copy\">\n          {children != null && (\n            <span id={`${id}-label`} className=\"leaf-radio__label\">\n              {children}\n            </span>\n          )}\n          {description != null && (\n            <span id={`${id}-description`} className=\"leaf-radio__description\">\n              {description}\n            </span>\n          )}\n        </span>\n      )}\n      {extra != null && (\n        <span id={`${id}-extra`} className=\"leaf-radio__extra\">\n          {extra}\n        </span>\n      )}\n    </label>\n  );\n});\nRadio.displayName = 'Radio';\nexport interface RadioOption {\n  label: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  extra?: ReactNode;\n  value: string;\n  disabled?: boolean;\n}\nexport interface RadioGroupProps\n  extends Omit<\n    FieldsetHTMLAttributes<HTMLFieldSetElement>,\n    'onChange' | 'defaultValue' | 'children'\n  > {\n  options: readonly RadioOption[];\n  value?: string;\n  defaultValue?: string;\n  name?: string;\n  label?: ReactNode;\n  size?: ControlSize;\n  variant?: 'plain' | 'card' | 'list';\n  direction?: 'horizontal' | 'vertical';\n  required?: boolean;\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n}\nexport const RadioGroup = forwardRef<HTMLFieldSetElement, RadioGroupProps>(function RadioGroup(\n  {\n    options,\n    value,\n    defaultValue,\n    name,\n    label,\n    size = 'md',\n    variant = 'plain',\n    direction = 'horizontal',\n    required,\n    onChange,\n    disabled: disabledProp,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const id = useId();\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  return (\n    <fieldset\n      {...props}\n      ref={ref}\n      id={props.id ?? field?.id}\n      aria-labelledby={props['aria-labelledby'] ?? (!label ? field?.labelId : undefined)}\n      aria-describedby={\n        [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n      }\n      aria-invalid={field?.error ? true : props['aria-invalid']}\n      tabIndex={-1}\n      disabled={disabled}\n      className={classes(\n        'leaf-radio-group',\n        `leaf-radio-group--${direction}`,\n        `leaf-radio-group--${variant}`,\n        className,\n      )}\n    >\n      {label && <legend className=\"leaf-radio-group__legend\">{label}</legend>}\n      <div className=\"leaf-radio-group__options\">\n        {options.map((option) => (\n          <Radio\n            key={option.value}\n            id={`${props.id ?? field?.id ?? id}-${option.value}`}\n            size={size}\n            variant={variant === 'card' ? 'card' : 'plain'}\n            description={option.description}\n            icon={option.icon}\n            extra={option.extra}\n            name={name ?? id}\n            value={option.value}\n            disabled={disabled || option.disabled}\n            required={required ?? field?.required}\n            checked={value === undefined ? undefined : value === option.value}\n            defaultChecked={value === undefined ? defaultValue === option.value : undefined}\n            onChange={onChange}\n          >\n            {option.label}\n          </Radio>\n        ))}\n      </div>\n    </fieldset>\n  );\n});\nRadioGroup.displayName = 'RadioGroup';\n"],"names":["Radio","forwardRef","size","variant","description","icon","extra","className","style","disabledProp","children","props","ref","field","useFormField","id","useId","disabled","classes","undefined","Boolean","RadioGroup","options","value","defaultValue","name","label","direction","required","onChange","option"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export type { RateProps } from './rate.js';
+export { Rate } from './rate.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/rate/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/esm/rate/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Rate } from "./rate.js";

package/dist/esm/rate/rate.d.ts

@@ -0,0 +1,21 @@
+import { type HTMLAttributes } from 'react';
+import type { ControlSize } from '../shared/types.js';
+export interface RateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    count?: number;
+    allowHalf?: boolean;
+    allowClear?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    size?: ControlSize;
+    color?: string;
+    colorByValue?: boolean;
+    colors?: readonly [string, string, string];
+    name?: string;
+    form?: string;
+    required?: boolean;
+}
+export declare function Rate({ value, defaultValue, onChange, count, allowHalf, allowClear, disabled: disabledProp, readOnly, size, color, colorByValue, colors, name, form, required: requiredProp, className, style, 'aria-label': label, ...props }: RateProps): import("react").JSX.Element;
+//# sourceMappingURL=rate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["../../../src/rate/rate.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAoB,MAAM,OAAO,CAAC;AAK9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,YAAgB,EAChB,QAAQ,EACR,KAAS,EACT,SAAiB,EACjB,UAAiB,EACjB,QAAQ,EAAE,YAAY,EACtB,QAAgB,EAChB,IAAW,EACX,KAAK,EACL,YAAoB,EACpB,MAA0C,EAC1C,IAAI,EACJ,IAAI,EACJ,QAAQ,EAAE,YAAY,EACtB,SAAS,EACT,KAAK,EACL,YAAY,EAAE,KAAK,EACnB,GAAG,KAAK,EACT,EAAE,SAAS,+BAuHX"}