@particle-academy/react-fancy 5.20.0 → 5.22.0

package/dist/{chunk-A22T6DKO.cjs.map → chunk-AVCDGSXV.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/inputs/Slider/Slider.tsx"],"names":["forwardRef","useId","jsx","useFieldMode","useInlineEdit","useControllableState","DisplayValue","cn","jsxs","dirtyRingClasses","Field"],"mappings":"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","file":"chunk-A22T6DKO.cjs","sourcesContent":["import { forwardRef, useId } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { useControllableState } from \"../../../hooks/use-controllable-state\";\nimport { Field } from \"../Field\";\nimport { useFieldMode } from \"../mode/FieldMode.context\";\nimport { DisplayValue } from \"../mode/DisplayValue\";\nimport { useInlineEdit } from \"../mode/useInlineEdit\";\nimport { dirtyRingClasses } from \"../inputs.utils\";\nimport type { SliderProps } from \"./Slider.types\";\n\nexport const Slider = forwardRef<HTMLInputElement, SliderProps>(\n  (props, ref) => {\n    const {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      showValue,\n      marks,\n    } = props;\n\n    const autoId = useId();\n    const sliderId = id ?? autoId;\n\n    if (props.range) {\n      return (\n        <RangeSlider\n          {...props}\n          id={sliderId}\n          ref={ref}\n        />\n      );\n    }\n\n    return (\n      <SingleSlider\n        {...props}\n        range={false}\n        id={sliderId}\n        ref={ref}\n      />\n    );\n  },\n);\n\nSlider.displayName = \"Slider\";\n\nconst SingleSlider = forwardRef<HTMLInputElement, SliderProps & { range?: false }>(\n  (\n    {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      showValue,\n      marks,\n      prefix,\n      suffix,\n      mode,\n      ...rest\n    },\n    ref,\n  ) => {\n    const singleProps = rest as { value?: number; defaultValue?: number; onValueChange?: (v: number) => void };\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n    const [value, setValue] = useControllableState(\n      singleProps.value,\n      singleProps.defaultValue ?? min,\n      singleProps.onValueChange,\n    );\n\n    const slider = !showControl ? (\n      <DisplayValue\n        size={size}\n        className={className}\n        interactive={interactive}\n        onActivate={enterEdit}\n      >\n        {`${prefix ?? \"\"}${value}${suffix ?? \"\"}`}\n      </DisplayValue>\n    ) : (\n      <div data-react-fancy-slider=\"\" className={cn(\"flex flex-col gap-1\", className)}>\n        <div className=\"flex items-center gap-3\">\n          <input\n            ref={ref}\n            id={id}\n            type=\"range\"\n            name={name}\n            min={min}\n            max={max}\n            step={step}\n            value={value}\n            disabled={disabled}\n            autoFocus={interactive}\n            onBlur={() => {\n              if (interactive) exitEdit();\n            }}\n            onChange={(e) => setValue(Number(e.target.value))}\n            className={cn(\n              \"w-full cursor-pointer accent-blue-600 disabled:cursor-not-allowed disabled:opacity-50\",\n              dirtyRingClasses(dirty),\n              {\n                xs: \"h-1\",\n                sm: \"h-1.5\",\n                md: \"h-2\",\n                lg: \"h-2.5\",\n                xl: \"h-3\",\n              }[size],\n            )}\n          />\n          {showValue && (\n            <span className=\"min-w-[3ch] shrink-0 whitespace-nowrap text-right text-sm font-medium text-zinc-700 dark:text-zinc-300\">\n              {prefix}{value}{suffix}\n            </span>\n          )}\n        </div>\n        {marks && marks.length > 0 && <SliderMarks marks={marks} min={min} max={max} />}\n      </div>\n    );\n\n    if (label || error || description) {\n      return (\n        <Field label={label} description={description} error={error} required={required} htmlFor={id} size={size}>\n          {slider}\n        </Field>\n      );\n    }\n\n    return slider;\n  },\n);\n\nSingleSlider.displayName = \"SingleSlider\";\n\nconst RangeSlider = forwardRef<HTMLInputElement, SliderProps & { range: true }>(\n  (\n    {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      showValue,\n      marks,\n      prefix,\n      suffix,\n      mode,\n      ...rest\n    },\n    ref,\n  ) => {\n    const rangeProps = rest as { value?: [number, number]; defaultValue?: [number, number]; onValueChange?: (v: [number, number]) => void };\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n    const [value, setValue] = useControllableState(\n      rangeProps.value,\n      rangeProps.defaultValue ?? [min, max] as [number, number],\n      rangeProps.onValueChange,\n    );\n\n    const handleMin = (n: number) => {\n      setValue([Math.min(n, value[1]), value[1]]);\n    };\n\n    const handleMax = (n: number) => {\n      setValue([value[0], Math.max(n, value[0])]);\n    };\n\n    const leftPercent = ((value[0] - min) / (max - min)) * 100;\n    const rightPercent = ((value[1] - min) / (max - min)) * 100;\n\n    const slider = !showControl ? (\n      <DisplayValue\n        size={size}\n        className={className}\n        interactive={interactive}\n        onActivate={enterEdit}\n      >\n        {`${prefix ?? \"\"}${value[0]}${suffix ?? \"\"}–${prefix ?? \"\"}${value[1]}${suffix ?? \"\"}`}\n      </DisplayValue>\n    ) : (\n      <div\n        data-react-fancy-slider=\"\"\n        className={cn(\"flex flex-col gap-1\", className)}\n        onBlur={(e) => {\n          if (interactive && !e.currentTarget.contains(e.relatedTarget as Node)) exitEdit();\n        }}\n      >\n        <div className=\"flex items-center gap-3\">\n          <div className=\"relative w-full\">\n            <div className=\"pointer-events-none absolute top-1/2 h-1.5 w-full -translate-y-1/2 rounded-full bg-zinc-200 dark:bg-zinc-700\" />\n            <div\n              className=\"pointer-events-none absolute top-1/2 h-1.5 -translate-y-1/2 rounded-full bg-blue-500\"\n              style={{ left: `${leftPercent}%`, width: `${rightPercent - leftPercent}%` }}\n            />\n            <input\n              ref={ref}\n              type=\"range\"\n              min={min}\n              max={max}\n              step={step}\n              value={value[0]}\n              disabled={disabled}\n              autoFocus={interactive}\n              onChange={(e) => handleMin(Number(e.target.value))}\n              className={cn(\n                \"pointer-events-none absolute w-full cursor-pointer appearance-none bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-blue-600 [&::-webkit-slider-thumb]:shadow\",\n                dirtyRingClasses(dirty),\n              )}\n            />\n            <input\n              type=\"range\"\n              min={min}\n              max={max}\n              step={step}\n              value={value[1]}\n              disabled={disabled}\n              onChange={(e) => handleMax(Number(e.target.value))}\n              className=\"pointer-events-none absolute w-full cursor-pointer appearance-none bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-blue-600 [&::-webkit-slider-thumb]:shadow\"\n            />\n            <div className=\"h-6\" />\n          </div>\n          {showValue && (\n            <span className=\"min-w-[6ch] shrink-0 whitespace-nowrap text-right text-sm font-medium text-zinc-700 dark:text-zinc-300\">\n              {prefix}{value[0]}{suffix}–{prefix}{value[1]}{suffix}\n            </span>\n          )}\n        </div>\n        {marks && marks.length > 0 && <SliderMarks marks={marks} min={min} max={max} />}\n      </div>\n    );\n\n    if (label || error || description) {\n      return (\n        <Field label={label} description={description} error={error} required={required} htmlFor={id} size={size}>\n          {slider}\n        </Field>\n      );\n    }\n\n    return slider;\n  },\n);\n\nRangeSlider.displayName = \"RangeSlider\";\n\nfunction SliderMarks({\n  marks,\n  min,\n  max,\n}: {\n  marks: { value: number; label?: string }[];\n  min: number;\n  max: number;\n}) {\n  return (\n    <div className=\"relative h-5 w-full\">\n      {marks.map((mark) => {\n        const percent = ((mark.value - min) / (max - min)) * 100;\n        return (\n          <span\n            key={mark.value}\n            className=\"absolute -translate-x-1/2 text-xs text-zinc-500 dark:text-zinc-400\"\n            style={{ left: `${percent}%` }}\n          >\n            {mark.label ?? mark.value}\n          </span>\n        );\n      })}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/inputs/Slider/Slider.tsx"],"names":["forwardRef","useId","jsx","useFieldMode","useInlineEdit","useControllableState","DisplayValue","cn","jsxs","dirtyRingClasses","Field"],"mappings":"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","file":"chunk-AVCDGSXV.cjs","sourcesContent":["import { forwardRef, useId } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { useControllableState } from \"../../../hooks/use-controllable-state\";\nimport { Field } from \"../Field\";\nimport { useFieldMode } from \"../mode/FieldMode.context\";\nimport { DisplayValue } from \"../mode/DisplayValue\";\nimport { useInlineEdit } from \"../mode/useInlineEdit\";\nimport { dirtyRingClasses } from \"../inputs.utils\";\nimport type { SliderProps } from \"./Slider.types\";\n\nexport const Slider = forwardRef<HTMLInputElement, SliderProps>(\n  (props, ref) => {\n    const {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      showValue,\n      marks,\n    } = props;\n\n    const autoId = useId();\n    const sliderId = id ?? autoId;\n\n    if (props.range) {\n      return (\n        <RangeSlider\n          {...props}\n          id={sliderId}\n          ref={ref}\n        />\n      );\n    }\n\n    return (\n      <SingleSlider\n        {...props}\n        range={false}\n        id={sliderId}\n        ref={ref}\n      />\n    );\n  },\n);\n\nSlider.displayName = \"Slider\";\n\nconst SingleSlider = forwardRef<HTMLInputElement, SliderProps & { range?: false }>(\n  (\n    {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      showValue,\n      marks,\n      prefix,\n      suffix,\n      mode,\n      ...rest\n    },\n    ref,\n  ) => {\n    const singleProps = rest as { value?: number; defaultValue?: number; onValueChange?: (v: number) => void };\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n    const [value, setValue] = useControllableState(\n      singleProps.value,\n      singleProps.defaultValue ?? min,\n      singleProps.onValueChange,\n    );\n\n    const slider = !showControl ? (\n      <DisplayValue\n        size={size}\n        className={className}\n        interactive={interactive}\n        onActivate={enterEdit}\n      >\n        {`${prefix ?? \"\"}${value}${suffix ?? \"\"}`}\n      </DisplayValue>\n    ) : (\n      <div data-react-fancy-slider=\"\" className={cn(\"flex flex-col gap-1\", className)}>\n        <div className=\"flex items-center gap-3\">\n          <input\n            ref={ref}\n            id={id}\n            type=\"range\"\n            name={name}\n            min={min}\n            max={max}\n            step={step}\n            value={value}\n            disabled={disabled}\n            autoFocus={interactive}\n            onBlur={() => {\n              if (interactive) exitEdit();\n            }}\n            onChange={(e) => setValue(Number(e.target.value))}\n            className={cn(\n              \"w-full cursor-pointer accent-blue-600 disabled:cursor-not-allowed disabled:opacity-50\",\n              dirtyRingClasses(dirty),\n              {\n                xs: \"h-1\",\n                sm: \"h-1.5\",\n                md: \"h-2\",\n                lg: \"h-2.5\",\n                xl: \"h-3\",\n              }[size],\n            )}\n          />\n          {showValue && (\n            <span className=\"min-w-[3ch] shrink-0 whitespace-nowrap text-right text-sm font-medium text-zinc-700 dark:text-zinc-300\">\n              {prefix}{value}{suffix}\n            </span>\n          )}\n        </div>\n        {marks && marks.length > 0 && <SliderMarks marks={marks} min={min} max={max} />}\n      </div>\n    );\n\n    if (label || error || description) {\n      return (\n        <Field label={label} description={description} error={error} required={required} htmlFor={id} size={size}>\n          {slider}\n        </Field>\n      );\n    }\n\n    return slider;\n  },\n);\n\nSingleSlider.displayName = \"SingleSlider\";\n\nconst RangeSlider = forwardRef<HTMLInputElement, SliderProps & { range: true }>(\n  (\n    {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      showValue,\n      marks,\n      prefix,\n      suffix,\n      mode,\n      ...rest\n    },\n    ref,\n  ) => {\n    const rangeProps = rest as { value?: [number, number]; defaultValue?: [number, number]; onValueChange?: (v: [number, number]) => void };\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n    const [value, setValue] = useControllableState(\n      rangeProps.value,\n      rangeProps.defaultValue ?? [min, max] as [number, number],\n      rangeProps.onValueChange,\n    );\n\n    const handleMin = (n: number) => {\n      setValue([Math.min(n, value[1]), value[1]]);\n    };\n\n    const handleMax = (n: number) => {\n      setValue([value[0], Math.max(n, value[0])]);\n    };\n\n    const leftPercent = ((value[0] - min) / (max - min)) * 100;\n    const rightPercent = ((value[1] - min) / (max - min)) * 100;\n\n    const slider = !showControl ? (\n      <DisplayValue\n        size={size}\n        className={className}\n        interactive={interactive}\n        onActivate={enterEdit}\n      >\n        {`${prefix ?? \"\"}${value[0]}${suffix ?? \"\"}–${prefix ?? \"\"}${value[1]}${suffix ?? \"\"}`}\n      </DisplayValue>\n    ) : (\n      <div\n        data-react-fancy-slider=\"\"\n        className={cn(\"flex flex-col gap-1\", className)}\n        onBlur={(e) => {\n          if (interactive && !e.currentTarget.contains(e.relatedTarget as Node)) exitEdit();\n        }}\n      >\n        <div className=\"flex items-center gap-3\">\n          <div className=\"relative w-full\">\n            <div className=\"pointer-events-none absolute top-1/2 h-1.5 w-full -translate-y-1/2 rounded-full bg-zinc-200 dark:bg-zinc-700\" />\n            <div\n              className=\"pointer-events-none absolute top-1/2 h-1.5 -translate-y-1/2 rounded-full bg-blue-500\"\n              style={{ left: `${leftPercent}%`, width: `${rightPercent - leftPercent}%` }}\n            />\n            <input\n              ref={ref}\n              type=\"range\"\n              min={min}\n              max={max}\n              step={step}\n              value={value[0]}\n              disabled={disabled}\n              autoFocus={interactive}\n              onChange={(e) => handleMin(Number(e.target.value))}\n              className={cn(\n                \"pointer-events-none absolute w-full cursor-pointer appearance-none bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-blue-600 [&::-webkit-slider-thumb]:shadow\",\n                dirtyRingClasses(dirty),\n              )}\n            />\n            <input\n              type=\"range\"\n              min={min}\n              max={max}\n              step={step}\n              value={value[1]}\n              disabled={disabled}\n              onChange={(e) => handleMax(Number(e.target.value))}\n              className=\"pointer-events-none absolute w-full cursor-pointer appearance-none bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-blue-600 [&::-webkit-slider-thumb]:shadow\"\n            />\n            <div className=\"h-6\" />\n          </div>\n          {showValue && (\n            <span className=\"min-w-[6ch] shrink-0 whitespace-nowrap text-right text-sm font-medium text-zinc-700 dark:text-zinc-300\">\n              {prefix}{value[0]}{suffix}–{prefix}{value[1]}{suffix}\n            </span>\n          )}\n        </div>\n        {marks && marks.length > 0 && <SliderMarks marks={marks} min={min} max={max} />}\n      </div>\n    );\n\n    if (label || error || description) {\n      return (\n        <Field label={label} description={description} error={error} required={required} htmlFor={id} size={size}>\n          {slider}\n        </Field>\n      );\n    }\n\n    return slider;\n  },\n);\n\nRangeSlider.displayName = \"RangeSlider\";\n\nfunction SliderMarks({\n  marks,\n  min,\n  max,\n}: {\n  marks: { value: number; label?: string }[];\n  min: number;\n  max: number;\n}) {\n  return (\n    <div className=\"relative h-5 w-full\">\n      {marks.map((mark) => {\n        const percent = ((mark.value - min) / (max - min)) * 100;\n        return (\n          <span\n            key={mark.value}\n            className=\"absolute -translate-x-1/2 text-xs text-zinc-500 dark:text-zinc-400\"\n            style={{ left: `${percent}%` }}\n          >\n            {mark.label ?? mark.value}\n          </span>\n        );\n      })}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-MDUSUJWY.cjs → chunk-AVU4JOYM.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkXCZZVRBY_cjs = require('./chunk-XCZZVRBY.cjs');
-var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var chunkZU5Q77OT_cjs = require('./chunk-ZU5Q77OT.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function Emoji({ name, emoji, tone, size = "md", className }) {
@@ -20,12 +20,12 @@ function Emoji({ name, emoji, tone, size = "md", className }) {
       role: "img",
       "aria-label": name ?? resolved,
       "data-react-fancy-emoji": "",
-      className: chunk3Z6ALUWP_cjs.cn("inline-block leading-none", sizeClass, className),
+      className: chunkZU5Q77OT_cjs.cn("inline-block leading-none", sizeClass, className),
       children: resolved
     }
   );
 }
 
 exports.Emoji = Emoji;
-//# sourceMappingURL=chunk-MDUSUJWY.cjs.map
-//# sourceMappingURL=chunk-MDUSUJWY.cjs.map
+//# sourceMappingURL=chunk-AVU4JOYM.cjs.map
+//# sourceMappingURL=chunk-AVU4JOYM.cjs.map

package/dist/{chunk-MDUSUJWY.cjs.map → chunk-AVU4JOYM.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Emoji/Emoji.tsx"],"names":["resolve","applyTone","jsx","cn"],"mappings":";;;;;;AAIO,SAAS,KAAA,CAAM,EAAE,IAAA,EAAM,KAAA,EAAO,MAAM,IAAA,GAAO,IAAA,EAAM,WAAU,EAAe;AAC/E,EAAA,MAAM,IAAA,GAAO,KAAA,KAAU,IAAA,GAAOA,yBAAA,CAAQ,IAAI,CAAA,GAAI,MAAA,CAAA;AAC9C,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,MAAM,QAAA,GAAW,IAAA,GAAOC,2BAAA,CAAU,IAAA,EAAM,IAAI,CAAA,GAAI,IAAA;AAEhD,EAAA,MAAM,SAAA,GAAY;AAAA,IAChB,EAAA,EAAI,WAAA;AAAA,IACJ,EAAA,EAAI,UAAA;AAAA,IACJ,EAAA,EAAI,UAAA;AAAA,IACJ,EAAA,EAAI;AAAA,IACJ,IAAI,CAAA;AAEN,EAAA,uBACEC,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,KAAA;AAAA,MACL,cAAY,IAAA,IAAQ,QAAA;AAAA,MACpB,wBAAA,EAAuB,EAAA;AAAA,MACvB,SAAA,EAAWC,oBAAA,CAAG,2BAAA,EAA6B,SAAA,EAAW,SAAS,CAAA;AAAA,MAE9D,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ","file":"chunk-MDUSUJWY.cjs","sourcesContent":["import { cn } from \"../../utils/cn\";\nimport { applyTone, resolve } from \"../../data/emoji-utils\";\nimport type { EmojiProps } from \"./Emoji.types\";\n\nexport function Emoji({ name, emoji, tone, size = \"md\", className }: EmojiProps) {\n  const base = emoji ?? (name ? resolve(name) : undefined);\n  if (!base) return null;\n\n  const resolved = tone ? applyTone(base, tone) : base;\n\n  const sizeClass = {\n    sm: \"text-base\",\n    md: \"text-2xl\",\n    lg: \"text-4xl\",\n    xl: \"text-6xl\",\n  }[size];\n\n  return (\n    <span\n      role=\"img\"\n      aria-label={name ?? resolved}\n      data-react-fancy-emoji=\"\"\n      className={cn(\"inline-block leading-none\", sizeClass, className)}\n    >\n      {resolved}\n    </span>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/Emoji/Emoji.tsx"],"names":["resolve","applyTone","jsx","cn"],"mappings":";;;;;;AAIO,SAAS,KAAA,CAAM,EAAE,IAAA,EAAM,KAAA,EAAO,MAAM,IAAA,GAAO,IAAA,EAAM,WAAU,EAAe;AAC/E,EAAA,MAAM,IAAA,GAAO,KAAA,KAAU,IAAA,GAAOA,yBAAA,CAAQ,IAAI,CAAA,GAAI,MAAA,CAAA;AAC9C,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,MAAM,QAAA,GAAW,IAAA,GAAOC,2BAAA,CAAU,IAAA,EAAM,IAAI,CAAA,GAAI,IAAA;AAEhD,EAAA,MAAM,SAAA,GAAY;AAAA,IAChB,EAAA,EAAI,WAAA;AAAA,IACJ,EAAA,EAAI,UAAA;AAAA,IACJ,EAAA,EAAI,UAAA;AAAA,IACJ,EAAA,EAAI;AAAA,IACJ,IAAI,CAAA;AAEN,EAAA,uBACEC,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,KAAA;AAAA,MACL,cAAY,IAAA,IAAQ,QAAA;AAAA,MACpB,wBAAA,EAAuB,EAAA;AAAA,MACvB,SAAA,EAAWC,oBAAA,CAAG,2BAAA,EAA6B,SAAA,EAAW,SAAS,CAAA;AAAA,MAE9D,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ","file":"chunk-AVU4JOYM.cjs","sourcesContent":["import { cn } from \"../../utils/cn\";\nimport { applyTone, resolve } from \"../../data/emoji-utils\";\nimport type { EmojiProps } from \"./Emoji.types\";\n\nexport function Emoji({ name, emoji, tone, size = \"md\", className }: EmojiProps) {\n  const base = emoji ?? (name ? resolve(name) : undefined);\n  if (!base) return null;\n\n  const resolved = tone ? applyTone(base, tone) : base;\n\n  const sizeClass = {\n    sm: \"text-base\",\n    md: \"text-2xl\",\n    lg: \"text-4xl\",\n    xl: \"text-6xl\",\n  }[size];\n\n  return (\n    <span\n      role=\"img\"\n      aria-label={name ?? resolved}\n      data-react-fancy-emoji=\"\"\n      className={cn(\"inline-block leading-none\", sizeClass, className)}\n    >\n      {resolved}\n    </span>\n  );\n}\n"]}

package/dist/{chunk-AR2IBCX7.cjs → chunk-BZP4LOO5.cjs}

@@ -1,19 +1,19 @@
 'use strict';
 
-var chunkMPDLL4X3_cjs = require('./chunk-MPDLL4X3.cjs');
-var chunkKKYP5R3G_cjs = require('./chunk-KKYP5R3G.cjs');
-var chunk6FYMMQ3G_cjs = require('./chunk-6FYMMQ3G.cjs');
-var chunkJU5W65N3_cjs = require('./chunk-JU5W65N3.cjs');
-var chunk23CLGUMT_cjs = require('./chunk-23CLGUMT.cjs');
-var chunk5I4PR2KV_cjs = require('./chunk-5I4PR2KV.cjs');
-var chunk6BW5BQMN_cjs = require('./chunk-6BW5BQMN.cjs');
+var chunkXQNYFXBY_cjs = require('./chunk-XQNYFXBY.cjs');
+var chunkMCCE5RDB_cjs = require('./chunk-MCCE5RDB.cjs');
+var chunkNHTSQRAF_cjs = require('./chunk-NHTSQRAF.cjs');
+var chunkLNFMT2CE_cjs = require('./chunk-LNFMT2CE.cjs');
+var chunkXLFGWNW4_cjs = require('./chunk-XLFGWNW4.cjs');
+var chunkZPHHKIFV_cjs = require('./chunk-ZPHHKIFV.cjs');
+var chunkXKDW6B7X_cjs = require('./chunk-XKDW6B7X.cjs');
 var chunkYLGTDBB2_cjs = require('./chunk-YLGTDBB2.cjs');
-var chunkFO4GCX67_cjs = require('./chunk-FO4GCX67.cjs');
-var chunkX5VZRFQD_cjs = require('./chunk-X5VZRFQD.cjs');
-var chunkHTKDPFLJ_cjs = require('./chunk-HTKDPFLJ.cjs');
-var chunkY5V5GBN4_cjs = require('./chunk-Y5V5GBN4.cjs');
+var chunkJM2H642B_cjs = require('./chunk-JM2H642B.cjs');
+var chunkH5OPZEVQ_cjs = require('./chunk-H5OPZEVQ.cjs');
+var chunkF2VJEXN2_cjs = require('./chunk-F2VJEXN2.cjs');
+var chunkCJVNO5YM_cjs = require('./chunk-CJVNO5YM.cjs');
 var chunkKJ22KE56_cjs = require('./chunk-KJ22KE56.cjs');
-var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var chunkZU5Q77OT_cjs = require('./chunk-ZU5Q77OT.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -512,7 +512,7 @@ function JsonEditorValue({ node, mode, size, readOnly, id, onCommit }) {
   switch (node.type) {
     case "boolean":
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMPDLL4X3_cjs.Switch,
+        chunkXQNYFXBY_cjs.Switch,
         {
           ...common,
           checked: value === true,
@@ -522,7 +522,7 @@ function JsonEditorValue({ node, mode, size, readOnly, id, onCommit }) {
     case "enum": {
       const options = rule?.options ?? [];
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkJU5W65N3_cjs.Select,
+        chunkLNFMT2CE_cjs.Select,
         {
           ...common,
           list: options,
@@ -537,7 +537,7 @@ function JsonEditorValue({ node, mode, size, readOnly, id, onCommit }) {
     case "date":
     case "datetime":
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkKKYP5R3G_cjs.DatePicker,
+        chunkMCCE5RDB_cjs.DatePicker,
         {
           ...common,
           includeTime: node.type === "datetime",
@@ -549,7 +549,7 @@ function JsonEditorValue({ node, mode, size, readOnly, id, onCommit }) {
       );
     case "color":
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkFO4GCX67_cjs.ColorPicker,
+        chunkJM2H642B_cjs.ColorPicker,
         {
           size: COLOR_PICKER_SIZE[size],
           mode: resolvedMode,
@@ -560,7 +560,7 @@ function JsonEditorValue({ node, mode, size, readOnly, id, onCommit }) {
       );
     case "text":
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5I4PR2KV_cjs.Textarea,
+        chunkZPHHKIFV_cjs.Textarea,
         {
           ...common,
           minRows: 2,
@@ -572,7 +572,7 @@ function JsonEditorValue({ node, mode, size, readOnly, id, onCommit }) {
       );
     case "secret":
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6FYMMQ3G_cjs.Input,
+        chunkNHTSQRAF_cjs.Input,
         {
           ...common,
           type: "password",
@@ -587,7 +587,7 @@ function JsonEditorValue({ node, mode, size, readOnly, id, onCommit }) {
     case "string":
     default:
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunk6FYMMQ3G_cjs.Input,
+        chunkNHTSQRAF_cjs.Input,
         {
           ...common,
           type: node.type === "url" ? "url" : node.type === "email" ? "email" : "text",
@@ -611,14 +611,14 @@ function RawValueEditor({
 }) {
   const { showControl, interactive, enterEdit, exitEdit } = chunkKJ22KE56_cjs.useInlineEdit(mode, disabled);
   if (!showControl) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk6BW5BQMN_cjs.DisplayValue, { size, interactive, onActivate: enterEdit, children: text });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkXKDW6B7X_cjs.DisplayValue, { size, interactive, onActivate: enterEdit, children: text });
   }
   const commit = (next) => {
     if (next !== text) onCommitText(next);
   };
   if (multiline) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5I4PR2KV_cjs.Textarea,
+      chunkZPHHKIFV_cjs.Textarea,
       {
         id,
         size,
@@ -639,7 +639,7 @@ function RawValueEditor({
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6FYMMQ3G_cjs.Input,
+    chunkNHTSQRAF_cjs.Input,
     {
       id,
       size,
@@ -684,7 +684,7 @@ function JsonEditorRow({ node }) {
       role: "treeitem",
       "aria-level": depth + 1,
       "aria-expanded": expanded,
-      className: chunk3Z6ALUWP_cjs.cn(
+      className: chunkZU5Q77OT_cjs.cn(
         "border-b border-zinc-100 py-1 last:border-b-0 dark:border-zinc-800",
         conflict && "bg-red-50/60 dark:bg-red-950/20",
         pending.length > 0 && "bg-violet-50/60 dark:bg-violet-950/20"
@@ -692,7 +692,7 @@ function JsonEditorRow({ node }) {
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 px-2", style: { paddingInlineStart: depth * INDENT + 8 }, children: [
           container ? /* @__PURE__ */ jsxRuntime.jsx(
-            chunkHTKDPFLJ_cjs.Button,
+            chunkF2VJEXN2_cjs.Button,
             {
               variant: "ghost",
               size: "xs",
@@ -712,7 +712,7 @@ function JsonEditorRow({ node }) {
               className: "w-1/3 min-w-0 shrink-0",
               children: [
                 renameable ? /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk6FYMMQ3G_cjs.Input,
+                  chunkNHTSQRAF_cjs.Input,
                   {
                     size: ctx.size,
                     mode: "edit",
@@ -729,7 +729,7 @@ function JsonEditorRow({ node }) {
                   },
                   key
                 ) : /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk23CLGUMT_cjs.Text,
+                  chunkXLFGWNW4_cjs.Text,
                   {
                     as: "span",
                     size: "sm",
@@ -740,7 +740,7 @@ function JsonEditorRow({ node }) {
                     children: node.parentKind === "array" ? `[${key}]` : label
                   }
                 ),
-                node.rule?.description && /* @__PURE__ */ jsxRuntime.jsx(chunk23CLGUMT_cjs.Text, { as: "span", size: "xs", color: "muted", className: "block truncate", children: node.rule.description })
+                node.rule?.description && /* @__PURE__ */ jsxRuntime.jsx(chunkXLFGWNW4_cjs.Text, { as: "span", size: "xs", color: "muted", className: "block truncate", children: node.rule.description })
               ]
             }
           ),
@@ -751,7 +751,7 @@ function JsonEditorRow({ node }) {
               "data-path": dotted,
               "data-type": node.type,
               className: "min-w-0 flex-1",
-              children: container ? /* @__PURE__ */ jsxRuntime.jsx(chunk23CLGUMT_cjs.Text, { as: "span", size: "sm", color: "muted", className: "block py-1 font-mono", children: node.type === "array" ? `[ ${node.childCount} ${node.childCount === 1 ? "item" : "items"} ]` : `{ ${node.childCount} ${node.childCount === 1 ? "key" : "keys"} }` }) : /* @__PURE__ */ jsxRuntime.jsx(
+              children: container ? /* @__PURE__ */ jsxRuntime.jsx(chunkXLFGWNW4_cjs.Text, { as: "span", size: "sm", color: "muted", className: "block py-1 font-mono", children: node.type === "array" ? `[ ${node.childCount} ${node.childCount === 1 ? "item" : "items"} ]` : `{ ${node.childCount} ${node.childCount === 1 ? "key" : "keys"} }` }) : /* @__PURE__ */ jsxRuntime.jsx(
                 JsonEditorValue,
                 {
                   node,
@@ -765,9 +765,9 @@ function JsonEditorRow({ node }) {
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-0.5 pt-0.5", children: [
-            node.declared && /* @__PURE__ */ jsxRuntime.jsx(chunkX5VZRFQD_cjs.Badge, { size: "sm", variant: "soft", color: conflict ? "red" : "zinc", children: node.type }),
+            node.declared && /* @__PURE__ */ jsxRuntime.jsx(chunkH5OPZEVQ_cjs.Badge, { size: "sm", variant: "soft", color: conflict ? "red" : "zinc", children: node.type }),
             container && ctx.allowAdd && !ctx.readOnly && /* @__PURE__ */ jsxRuntime.jsx(
-              chunkHTKDPFLJ_cjs.Button,
+              chunkF2VJEXN2_cjs.Button,
               {
                 variant: "ghost",
                 size: "xs",
@@ -780,7 +780,7 @@ function JsonEditorRow({ node }) {
             ),
             ctx.allowReorder && !ctx.readOnly && node.parentKind === "array" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkHTKDPFLJ_cjs.Button,
+                chunkF2VJEXN2_cjs.Button,
                 {
                   variant: "ghost",
                   size: "xs",
@@ -792,7 +792,7 @@ function JsonEditorRow({ node }) {
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkHTKDPFLJ_cjs.Button,
+                chunkF2VJEXN2_cjs.Button,
                 {
                   variant: "ghost",
                   size: "xs",
@@ -805,7 +805,7 @@ function JsonEditorRow({ node }) {
               )
             ] }),
             ctx.allowRemove && !ctx.readOnly && node.parentKind !== "root" && /* @__PURE__ */ jsxRuntime.jsx(
-              chunkHTKDPFLJ_cjs.Button,
+              chunkF2VJEXN2_cjs.Button,
               {
                 variant: "ghost",
                 size: "xs",
@@ -820,7 +820,7 @@ function JsonEditorRow({ node }) {
           ] })
         ] }),
         conflict && /* @__PURE__ */ jsxRuntime.jsx(
-          chunk23CLGUMT_cjs.Text,
+          chunkXLFGWNW4_cjs.Text,
           {
             as: "span",
             size: "xs",
@@ -841,13 +841,13 @@ function JsonEditorRow({ node }) {
             className: "flex items-center gap-2 px-2 pb-1",
             style: { paddingInlineStart: depth * INDENT + 40 },
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkX5VZRFQD_cjs.Badge, { size: "sm", variant: "soft", color: "violet", children: "proposed" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(chunk23CLGUMT_cjs.Text, { as: "span", size: "xs", color: "muted", className: "min-w-0 truncate font-mono", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkH5OPZEVQ_cjs.Badge, { size: "sm", variant: "soft", color: "violet", children: "proposed" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(chunkXLFGWNW4_cjs.Text, { as: "span", size: "xs", color: "muted", className: "min-w-0 truncate font-mono", children: [
                 edit.label ?? describeEdit(edit),
                 edit.op === "set" || edit.op === "insert" ? ` \u2192 ${toText(edit.value)}` : ""
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkHTKDPFLJ_cjs.Button,
+                chunkF2VJEXN2_cjs.Button,
                 {
                   size: "xs",
                   color: "emerald",
@@ -858,7 +858,7 @@ function JsonEditorRow({ node }) {
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkHTKDPFLJ_cjs.Button,
+                chunkF2VJEXN2_cjs.Button,
                 {
                   size: "xs",
                   variant: "ghost",
@@ -889,7 +889,7 @@ function JsonEditorAddForm({ path, kind, depth, suggestedType }) {
       style: { paddingInlineStart: depth * INDENT + 32 },
       children: [
         kind === "object" && /* @__PURE__ */ jsxRuntime.jsx(
-          chunk6FYMMQ3G_cjs.Input,
+          chunkNHTSQRAF_cjs.Input,
           {
             size: ctx.size,
             mode: "edit",
@@ -902,7 +902,7 @@ function JsonEditorAddForm({ path, kind, depth, suggestedType }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkJU5W65N3_cjs.Select,
+          chunkLNFMT2CE_cjs.Select,
           {
             size: ctx.size,
             mode: "edit",
@@ -914,7 +914,7 @@ function JsonEditorAddForm({ path, kind, depth, suggestedType }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkHTKDPFLJ_cjs.Button,
+          chunkF2VJEXN2_cjs.Button,
           {
             size: "xs",
             color: "blue",
@@ -924,7 +924,7 @@ function JsonEditorAddForm({ path, kind, depth, suggestedType }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkHTKDPFLJ_cjs.Button,
+          chunkF2VJEXN2_cjs.Button,
           {
             size: "xs",
             variant: "ghost",
@@ -1198,19 +1198,19 @@ var JsonEditor = react.forwardRef(function JsonEditor2({
       "data-issues": String(issues.length),
       "data-keymap-error": parsedKeyMap.ok ? void 0 : "true",
       "data-mode": readOnly ? "readonly" : mode,
-      className: chunk3Z6ALUWP_cjs.cn(
+      className: chunkZU5Q77OT_cjs.cn(
         "overflow-hidden rounded-lg border border-zinc-200 bg-white text-zinc-900 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-100",
         className
       ),
       children: [
-        showIssues && issues.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-react-fancy-json-editor-issues": "", className: "p-2", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkY5V5GBN4_cjs.Callout, { color: parsedKeyMap.ok ? "amber" : "red", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk23CLGUMT_cjs.Text, { size: "sm", weight: "semibold", className: "mb-1", children: parsedKeyMap.ok ? `${issues.length} ${issues.length === 1 ? "issue" : "issues"}` : "The keyMap could not be used \u2014 values are shown untyped." }),
-          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-0.5", children: issues.map((issue2, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(chunk23CLGUMT_cjs.Text, { as: "span", size: "xs", "data-react-fancy-json-editor-issue": "", "data-kind": issue2.kind, "data-path": issue2.path, children: [
+        showIssues && issues.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-react-fancy-json-editor-issues": "", className: "p-2", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkCJVNO5YM_cjs.Callout, { color: parsedKeyMap.ok ? "amber" : "red", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkXLFGWNW4_cjs.Text, { size: "sm", weight: "semibold", className: "mb-1", children: parsedKeyMap.ok ? `${issues.length} ${issues.length === 1 ? "issue" : "issues"}` : "The keyMap could not be used \u2014 values are shown untyped." }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-0.5", children: issues.map((issue2, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkXLFGWNW4_cjs.Text, { as: "span", size: "xs", "data-react-fancy-json-editor-issue": "", "data-kind": issue2.kind, "data-path": issue2.path, children: [
             issue2.path ? `${issue2.path} \u2014 ` : "",
             issue2.message
           ] }) }, `${issue2.kind}-${issue2.path}-${index}`)) })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-react-fancy-json-editor-tree": "", role: "tree", "aria-label": rest["aria-label"] ?? "JSON document", children: items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunk23CLGUMT_cjs.Text, { as: "p", size: "sm", color: "muted", className: "px-3 py-4", children: emptyLabel }) : items.map(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-react-fancy-json-editor-tree": "", role: "tree", "aria-label": rest["aria-label"] ?? "JSON document", children: items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkXLFGWNW4_cjs.Text, { as: "p", size: "sm", color: "muted", className: "px-3 py-4", children: emptyLabel }) : items.map(
           (item) => item.kind === "node" ? /* @__PURE__ */ jsxRuntime.jsx(JsonEditorRow, { node: item.node }, `row:${item.node.dotted}`) : /* @__PURE__ */ jsxRuntime.jsx(
             JsonEditorAddForm,
             {
@@ -1223,9 +1223,9 @@ var JsonEditor = react.forwardRef(function JsonEditor2({
           )
         ) }),
         orphanPending.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-react-fancy-json-editor-orphan-pending": "", className: "border-t border-zinc-100 p-2 dark:border-zinc-800", children: orphanPending.map((edit) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 py-0.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk23CLGUMT_cjs.Text, { as: "span", size: "xs", color: "muted", className: "min-w-0 flex-1 truncate font-mono", children: edit.label ?? describeEdit(edit) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkXLFGWNW4_cjs.Text, { as: "span", size: "xs", color: "muted", className: "min-w-0 flex-1 truncate font-mono", children: edit.label ?? describeEdit(edit) }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkHTKDPFLJ_cjs.Button,
+            chunkF2VJEXN2_cjs.Button,
             {
               size: "xs",
               color: "emerald",
@@ -1236,7 +1236,7 @@ var JsonEditor = react.forwardRef(function JsonEditor2({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkHTKDPFLJ_cjs.Button,
+            chunkF2VJEXN2_cjs.Button,
             {
               size: "xs",
               variant: "ghost",
@@ -1248,7 +1248,7 @@ var JsonEditor = react.forwardRef(function JsonEditor2({
           )
         ] }, edit.id)) }),
         rootIsContainer && allowAdd && !readOnly && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-zinc-100 p-2 dark:border-zinc-800", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkHTKDPFLJ_cjs.Button,
+          chunkF2VJEXN2_cjs.Button,
           {
             variant: "ghost",
             size: "xs",
@@ -1350,5 +1350,5 @@ exports.parsePath = parsePath;
 exports.pathToString = pathToString;
 exports.resolveKeyRule = resolveKeyRule;
 exports.typeMatches = typeMatches;
-//# sourceMappingURL=chunk-AR2IBCX7.cjs.map
-//# sourceMappingURL=chunk-AR2IBCX7.cjs.map
+//# sourceMappingURL=chunk-BZP4LOO5.cjs.map
+//# sourceMappingURL=chunk-BZP4LOO5.cjs.map