@particle-academy/react-fancy 5.22.0 → 5.23.0

package/dist/json-editor.d.ts

@@ -1,4 +1,4 @@
-export { a as JsonArray, b as JsonEditor, c as JsonEditorActivity, d as JsonEditorEdit, e as JsonEditorIssue, f as JsonEditorNode, g as JsonEditorPendingEdit, h as JsonEditorProps, i as JsonFieldType, j as JsonKeyMapEntry, k as JsonKeyRule, l as JsonObject, m as JsonPath, n as JsonPrimitive, o as JsonValue, P as ParsedKeyMap, p as applyJsonEdit, q as describeEdit, r as findJsonConflicts, s as getAtPath, t as inferType, u as parseKeyMap, v as parsePath, w as pathToString, x as resolveKeyRule, y as typeMatches } from './index-BfFk-CIv.js';
+export { a as JsonArray, b as JsonEditor, c as JsonEditorActivity, d as JsonEditorEdit, e as JsonEditorIssue, f as JsonEditorNode, g as JsonEditorPendingEdit, h as JsonEditorProps, i as JsonFieldType, j as JsonKeyMapEntry, k as JsonKeyRule, l as JsonObject, m as JsonPath, n as JsonPrimitive, o as JsonValue, P as ParsedKeyMap, p as applyJsonEdit, q as describeEdit, r as findJsonConflicts, s as getAtPath, t as inferType, u as parseKeyMap, v as parsePath, w as pathToString, x as resolveKeyRule, y as typeMatches } from './index-DWJGBEW9.js';
 import 'react';
-import './inputs.types-DERzxpe1.js';
+import './inputs.types-vl3PAc4q.js';
 import './types-8Sv0rCjw.js';

package/dist/json-editor.js

@@ -1,13 +1,13 @@
-export { JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches } from './chunk-VGAOLXTK.js';
+export { JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches } from './chunk-E2I4C5EA.js';
 import './chunk-QJKWBU3I.js';
-import './chunk-HYNED2OA.js';
-import './chunk-PVQBXEV3.js';
-import './chunk-D7G53WOZ.js';
+import './chunk-L2FPIFMN.js';
+import './chunk-JAAJJJKI.js';
+import './chunk-ZH3SPBVB.js';
 import './chunk-5RLP77KK.js';
-import './chunk-SG3L4322.js';
+import './chunk-DEFGT75G.js';
 import './chunk-PWEZCMIY.js';
 import './chunk-KKWNKBKR.js';
-import './chunk-FERMW3YE.js';
+import './chunk-5MU6X3KO.js';
 import './chunk-GFYSELJF.js';
 import './chunk-6PF5ENWM.js';
 import './chunk-EWRP6KCY.js';

package/dist/magic-wand.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkTWSPVX6X_cjs = require('./chunk-TWSPVX6X.cjs');
-require('./chunk-ZPHHKIFV.cjs');
+var chunkGHAZOIEG_cjs = require('./chunk-GHAZOIEG.cjs');
+require('./chunk-V6VFSX6V.cjs');
 require('./chunk-7EZBMGEE.cjs');
 require('./chunk-XKDW6B7X.cjs');
-require('./chunk-NP7SU2DF.cjs');
+require('./chunk-BBOIFV27.cjs');
 require('./chunk-YLGTDBB2.cjs');
 require('./chunk-VBWRH4UW.cjs');
 require('./chunk-H5OPZEVQ.cjs');
@@ -21,7 +21,7 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "MagicWand", {
   enumerable: true,
-  get: function () { return chunkTWSPVX6X_cjs.MagicWand; }
+  get: function () { return chunkGHAZOIEG_cjs.MagicWand; }
 });
 //# sourceMappingURL=magic-wand.cjs.map
 //# sourceMappingURL=magic-wand.cjs.map

package/dist/magic-wand.js

@@ -1,8 +1,8 @@
-export { MagicWand } from './chunk-XLVYW5LK.js';
-import './chunk-SG3L4322.js';
+export { MagicWand } from './chunk-IYTTEPCV.js';
+import './chunk-DEFGT75G.js';
 import './chunk-PWEZCMIY.js';
 import './chunk-KKWNKBKR.js';
-import './chunk-FERMW3YE.js';
+import './chunk-5MU6X3KO.js';
 import './chunk-GFYSELJF.js';
 import './chunk-IQ4KQJAO.js';
 import './chunk-EWRP6KCY.js';

package/dist/mode.d.cts

@@ -1,5 +1,5 @@
-export { D as DisplayValue, a as DisplayValueProps, F as FieldModeContext, b as FieldModeContextValue, c as Form, d as FormProps, e as FormProvider, f as FormProviderProps, u as useFieldMode } from './FieldMode.context-C28RH8GR.cjs';
-import { F as FieldMode } from './inputs.types-CkWdvN-t.cjs';
+export { D as DisplayValue, a as DisplayValueProps, F as FieldModeContext, b as FieldModeContextValue, c as Form, d as FormProps, e as FormProvider, f as FormProviderProps, u as useFieldMode } from './FieldMode.context-BOShROIw.cjs';
+import { F as FieldMode } from './inputs.types-CJbAS14j.cjs';
 import 'react';
 import './types-8Sv0rCjw.cjs';
 

package/dist/mode.d.ts

@@ -1,5 +1,5 @@
-export { D as DisplayValue, a as DisplayValueProps, F as FieldModeContext, b as FieldModeContextValue, c as Form, d as FormProps, e as FormProvider, f as FormProviderProps, u as useFieldMode } from './FieldMode.context-Bv_wuS8V.js';
-import { F as FieldMode } from './inputs.types-DERzxpe1.js';
+export { D as DisplayValue, a as DisplayValueProps, F as FieldModeContext, b as FieldModeContextValue, c as Form, d as FormProps, e as FormProvider, f as FormProviderProps, u as useFieldMode } from './FieldMode.context-DNyItEKV.js';
+import { F as FieldMode } from './inputs.types-vl3PAc4q.js';
 import 'react';
 import './types-8Sv0rCjw.js';
 

package/dist/multi-switch.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkUMJ3JMDT_cjs = require('./chunk-UMJ3JMDT.cjs');
+var chunkBJYTI2ID_cjs = require('./chunk-BJYTI2ID.cjs');
 require('./chunk-XKDW6B7X.cjs');
-require('./chunk-NP7SU2DF.cjs');
+require('./chunk-BBOIFV27.cjs');
 require('./chunk-YLGTDBB2.cjs');
 require('./chunk-KJ22KE56.cjs');
 require('./chunk-L3V3BYVS.cjs');
@@ -13,7 +13,7 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "MultiSwitch", {
   enumerable: true,
-  get: function () { return chunkUMJ3JMDT_cjs.MultiSwitch; }
+  get: function () { return chunkBJYTI2ID_cjs.MultiSwitch; }
 });
 //# sourceMappingURL=multi-switch.cjs.map
 //# sourceMappingURL=multi-switch.cjs.map

package/dist/multi-switch.d.cts

@@ -1,8 +1,18 @@
 import * as react from 'react';
-import { a as InputBaseProps, b as InputOption } from './inputs.types-CkWdvN-t.cjs';
+import { HTMLAttributes } from 'react';
+import { a as InputBaseProps, b as InputOption } from './inputs.types-CJbAS14j.cjs';
 import './types-8Sv0rCjw.cjs';
 
-interface MultiSwitchProps<V = string> extends InputBaseProps {
+/**
+ * The container's DOM attributes are part of the API because the component
+ * already spreads its rest props onto that container — `style`, `data-*` and
+ * `aria-*` all worked at runtime while the type refused them, so a caller got a
+ * compiler error for something the component does correctly.
+ *
+ * `onChange` is omitted because this control reports through `onValueChange`,
+ * and admitting both would offer a handler that never fires.
+ */
+interface MultiSwitchProps<V = string> extends InputBaseProps, Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
     list: InputOption<V>[];
     value?: V;
     defaultValue?: V;
@@ -10,7 +20,7 @@ interface MultiSwitchProps<V = string> extends InputBaseProps {
     linear?: boolean;
 }
 
-declare function MultiSwitch<V = string>({ size, dirty, error, label, description, required, disabled, className, id, name, list, value: controlledValue, defaultValue, onValueChange, linear, mode, ...rest }: MultiSwitchProps<V>): react.JSX.Element;
+declare function MultiSwitch<V = string>({ size, dirty, error, label, labelHidden, description, required, disabled, className, id, name, list, value: controlledValue, defaultValue, onValueChange, linear, mode, ...rest }: MultiSwitchProps<V>): react.JSX.Element;
 declare namespace MultiSwitch {
     var displayName: string;
 }

package/dist/multi-switch.d.ts

@@ -1,8 +1,18 @@
 import * as react from 'react';
-import { a as InputBaseProps, b as InputOption } from './inputs.types-DERzxpe1.js';
+import { HTMLAttributes } from 'react';
+import { a as InputBaseProps, b as InputOption } from './inputs.types-vl3PAc4q.js';
 import './types-8Sv0rCjw.js';
 
-interface MultiSwitchProps<V = string> extends InputBaseProps {
+/**
+ * The container's DOM attributes are part of the API because the component
+ * already spreads its rest props onto that container — `style`, `data-*` and
+ * `aria-*` all worked at runtime while the type refused them, so a caller got a
+ * compiler error for something the component does correctly.
+ *
+ * `onChange` is omitted because this control reports through `onValueChange`,
+ * and admitting both would offer a handler that never fires.
+ */
+interface MultiSwitchProps<V = string> extends InputBaseProps, Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
     list: InputOption<V>[];
     value?: V;
     defaultValue?: V;
@@ -10,7 +20,7 @@ interface MultiSwitchProps<V = string> extends InputBaseProps {
     linear?: boolean;
 }
 
-declare function MultiSwitch<V = string>({ size, dirty, error, label, description, required, disabled, className, id, name, list, value: controlledValue, defaultValue, onValueChange, linear, mode, ...rest }: MultiSwitchProps<V>): react.JSX.Element;
+declare function MultiSwitch<V = string>({ size, dirty, error, label, labelHidden, description, required, disabled, className, id, name, list, value: controlledValue, defaultValue, onValueChange, linear, mode, ...rest }: MultiSwitchProps<V>): react.JSX.Element;
 declare namespace MultiSwitch {
     var displayName: string;
 }

package/dist/multi-switch.js

@@ -1,6 +1,6 @@
-export { MultiSwitch } from './chunk-DKKU3VVJ.js';
+export { MultiSwitch } from './chunk-IUT3Q2EC.js';
 import './chunk-KKWNKBKR.js';
-import './chunk-FERMW3YE.js';
+import './chunk-5MU6X3KO.js';
 import './chunk-GFYSELJF.js';
 import './chunk-OL53XYHF.js';
 import './chunk-NRXK42LO.js';

package/dist/otp-input.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { F as FieldMode } from './inputs.types-CkWdvN-t.cjs';
+import { F as FieldMode } from './inputs.types-CJbAS14j.cjs';
 import './types-8Sv0rCjw.cjs';
 
 interface OtpInputProps {

package/dist/otp-input.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { F as FieldMode } from './inputs.types-DERzxpe1.js';
+import { F as FieldMode } from './inputs.types-vl3PAc4q.js';
 import './types-8Sv0rCjw.js';
 
 interface OtpInputProps {

package/dist/radio-group.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkPAESRUUH_cjs = require('./chunk-PAESRUUH.cjs');
+var chunkUA2C2U3M_cjs = require('./chunk-UA2C2U3M.cjs');
 require('./chunk-XKDW6B7X.cjs');
-require('./chunk-NP7SU2DF.cjs');
+require('./chunk-BBOIFV27.cjs');
 require('./chunk-YLGTDBB2.cjs');
 require('./chunk-KJ22KE56.cjs');
 require('./chunk-L3V3BYVS.cjs');
@@ -13,7 +13,7 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
-  get: function () { return chunkPAESRUUH_cjs.RadioGroup; }
+  get: function () { return chunkUA2C2U3M_cjs.RadioGroup; }
 });
 //# sourceMappingURL=radio-group.cjs.map
 //# sourceMappingURL=radio-group.cjs.map

package/dist/radio-group.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as InputBaseProps, b as InputOption } from './inputs.types-CkWdvN-t.cjs';
+import { a as InputBaseProps, b as InputOption } from './inputs.types-CJbAS14j.cjs';
 import './types-8Sv0rCjw.cjs';
 
 interface RadioGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
@@ -10,7 +10,7 @@ interface RadioGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
     orientation?: "horizontal" | "vertical";
 }
 
-declare function RadioGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, ...rest }: RadioGroupProps<V>): react.JSX.Element;
+declare function RadioGroup<V = string>({ size, dirty, error, label, labelHidden, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, ...rest }: RadioGroupProps<V>): react.JSX.Element;
 declare namespace RadioGroup {
     var displayName: string;
 }

package/dist/radio-group.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as InputBaseProps, b as InputOption } from './inputs.types-DERzxpe1.js';
+import { a as InputBaseProps, b as InputOption } from './inputs.types-vl3PAc4q.js';
 import './types-8Sv0rCjw.js';
 
 interface RadioGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
@@ -10,7 +10,7 @@ interface RadioGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
     orientation?: "horizontal" | "vertical";
 }
 
-declare function RadioGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, ...rest }: RadioGroupProps<V>): react.JSX.Element;
+declare function RadioGroup<V = string>({ size, dirty, error, label, labelHidden, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, ...rest }: RadioGroupProps<V>): react.JSX.Element;
 declare namespace RadioGroup {
     var displayName: string;
 }

package/dist/radio-group.js

@@ -1,6 +1,6 @@
-export { RadioGroup } from './chunk-DIHH75KD.js';
+export { RadioGroup } from './chunk-PIFJECFU.js';
 import './chunk-KKWNKBKR.js';
-import './chunk-FERMW3YE.js';
+import './chunk-5MU6X3KO.js';
 import './chunk-GFYSELJF.js';
 import './chunk-OL53XYHF.js';
 import './chunk-NRXK42LO.js';

package/dist/select.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
 require('./chunk-HXLSEBAL.cjs');
-var chunkLNFMT2CE_cjs = require('./chunk-LNFMT2CE.cjs');
+var chunkFXP4JLGU_cjs = require('./chunk-FXP4JLGU.cjs');
 require('./chunk-7EZBMGEE.cjs');
 require('./chunk-XKDW6B7X.cjs');
-require('./chunk-NP7SU2DF.cjs');
+require('./chunk-BBOIFV27.cjs');
 require('./chunk-YLGTDBB2.cjs');
 require('./chunk-J2DI6RMR.cjs');
 require('./chunk-KJ22KE56.cjs');
@@ -18,7 +18,7 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkLNFMT2CE_cjs.Select; }
+  get: function () { return chunkFXP4JLGU_cjs.Select; }
 });
 //# sourceMappingURL=select.cjs.map
 //# sourceMappingURL=select.cjs.map

package/dist/select.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { SelectHTMLAttributes } from 'react';
-import { a as InputBaseProps, I as InputAffixProps, b as InputOption, c as InputOptionGroup } from './inputs.types-CkWdvN-t.cjs';
+import { a as InputBaseProps, I as InputAffixProps, b as InputOption, c as InputOptionGroup } from './inputs.types-CJbAS14j.cjs';
 import './types-8Sv0rCjw.cjs';
 
 interface SelectProps extends InputBaseProps, InputAffixProps, Omit<SelectHTMLAttributes<HTMLSelectElement>, "size" | "prefix" | "multiple"> {

package/dist/select.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { SelectHTMLAttributes } from 'react';
-import { a as InputBaseProps, I as InputAffixProps, b as InputOption, c as InputOptionGroup } from './inputs.types-DERzxpe1.js';
+import { a as InputBaseProps, I as InputAffixProps, b as InputOption, c as InputOptionGroup } from './inputs.types-vl3PAc4q.js';
 import './types-8Sv0rCjw.js';
 
 interface SelectProps extends InputBaseProps, InputAffixProps, Omit<SelectHTMLAttributes<HTMLSelectElement>, "size" | "prefix" | "multiple"> {

package/dist/select.js

@@ -1,8 +1,8 @@
 import './chunk-GNHQVPZP.js';
-export { Select } from './chunk-D7G53WOZ.js';
+export { Select } from './chunk-ZH3SPBVB.js';
 import './chunk-PWEZCMIY.js';
 import './chunk-KKWNKBKR.js';
-import './chunk-FERMW3YE.js';
+import './chunk-5MU6X3KO.js';
 import './chunk-GFYSELJF.js';
 import './chunk-MQ6VGG62.js';
 import './chunk-OL53XYHF.js';

package/dist/slider.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkAVCDGSXV_cjs = require('./chunk-AVCDGSXV.cjs');
+var chunkIRD6UXDK_cjs = require('./chunk-IRD6UXDK.cjs');
 require('./chunk-XKDW6B7X.cjs');
-require('./chunk-NP7SU2DF.cjs');
+require('./chunk-BBOIFV27.cjs');
 require('./chunk-YLGTDBB2.cjs');
 require('./chunk-KJ22KE56.cjs');
 require('./chunk-L3V3BYVS.cjs');
@@ -13,7 +13,7 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
-  get: function () { return chunkAVCDGSXV_cjs.Slider; }
+  get: function () { return chunkIRD6UXDK_cjs.Slider; }
 });
 //# sourceMappingURL=slider.cjs.map
 //# sourceMappingURL=slider.cjs.map

package/dist/slider.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { a as InputBaseProps } from './inputs.types-CkWdvN-t.cjs';
+import { a as InputBaseProps } from './inputs.types-CJbAS14j.cjs';
 import './types-8Sv0rCjw.cjs';
 
 interface SliderBaseProps extends InputBaseProps {

package/dist/slider.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { a as InputBaseProps } from './inputs.types-DERzxpe1.js';
+import { a as InputBaseProps } from './inputs.types-vl3PAc4q.js';
 import './types-8Sv0rCjw.js';
 
 interface SliderBaseProps extends InputBaseProps {

package/dist/slider.js

@@ -1,6 +1,6 @@
-export { Slider } from './chunk-MEUR7C6X.js';
+export { Slider } from './chunk-FUG3OCGP.js';
 import './chunk-KKWNKBKR.js';
-import './chunk-FERMW3YE.js';
+import './chunk-5MU6X3KO.js';
 import './chunk-GFYSELJF.js';
 import './chunk-OL53XYHF.js';
 import './chunk-NRXK42LO.js';

package/dist/switch.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { HTMLAttributes } from 'react';
-import { a as InputBaseProps } from './inputs.types-CkWdvN-t.cjs';
+import { a as InputBaseProps } from './inputs.types-CJbAS14j.cjs';
 import { C as Color } from './types-8Sv0rCjw.cjs';
 
 interface SwitchProps extends Omit<InputBaseProps, "label">, Omit<HTMLAttributes<HTMLDivElement>, "color" | "defaultChecked" | "onChange" | "id"> {

package/dist/switch.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { HTMLAttributes } from 'react';
-import { a as InputBaseProps } from './inputs.types-DERzxpe1.js';
+import { a as InputBaseProps } from './inputs.types-vl3PAc4q.js';
 import { C as Color } from './types-8Sv0rCjw.js';
 
 interface SwitchProps extends Omit<InputBaseProps, "label">, Omit<HTMLAttributes<HTMLDivElement>, "color" | "defaultChecked" | "onChange" | "id"> {

package/dist/textarea.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
 require('./chunk-5FV6GMFP.cjs');
-var chunkZPHHKIFV_cjs = require('./chunk-ZPHHKIFV.cjs');
+var chunkV6VFSX6V_cjs = require('./chunk-V6VFSX6V.cjs');
 require('./chunk-7EZBMGEE.cjs');
 require('./chunk-XKDW6B7X.cjs');
-require('./chunk-NP7SU2DF.cjs');
+require('./chunk-BBOIFV27.cjs');
 require('./chunk-YLGTDBB2.cjs');
 require('./chunk-KJ22KE56.cjs');
 require('./chunk-L3V3BYVS.cjs');
@@ -14,7 +14,7 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
-  get: function () { return chunkZPHHKIFV_cjs.Textarea; }
+  get: function () { return chunkV6VFSX6V_cjs.Textarea; }
 });
 //# sourceMappingURL=textarea.cjs.map
 //# sourceMappingURL=textarea.cjs.map

package/dist/textarea.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { TextareaHTMLAttributes } from 'react';
-import { a as InputBaseProps, I as InputAffixProps } from './inputs.types-CkWdvN-t.cjs';
+import { a as InputBaseProps, I as InputAffixProps } from './inputs.types-CJbAS14j.cjs';
 import './types-8Sv0rCjw.cjs';
 
 interface TextareaProps extends InputBaseProps, InputAffixProps, Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "prefix"> {

package/dist/textarea.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { TextareaHTMLAttributes } from 'react';
-import { a as InputBaseProps, I as InputAffixProps } from './inputs.types-DERzxpe1.js';
+import { a as InputBaseProps, I as InputAffixProps } from './inputs.types-vl3PAc4q.js';
 import './types-8Sv0rCjw.js';
 
 interface TextareaProps extends InputBaseProps, InputAffixProps, Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "prefix"> {

package/dist/textarea.js

@@ -1,8 +1,8 @@
 import './chunk-ORCXPDDG.js';
-export { Textarea } from './chunk-SG3L4322.js';
+export { Textarea } from './chunk-DEFGT75G.js';
 import './chunk-PWEZCMIY.js';
 import './chunk-KKWNKBKR.js';
-import './chunk-FERMW3YE.js';
+import './chunk-5MU6X3KO.js';
 import './chunk-GFYSELJF.js';
 import './chunk-OL53XYHF.js';
 import './chunk-NRXK42LO.js';

package/dist/time-picker.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { F as FieldMode } from './inputs.types-CkWdvN-t.cjs';
+import { F as FieldMode } from './inputs.types-CJbAS14j.cjs';
 import './types-8Sv0rCjw.cjs';
 
 interface TimePickerProps {

package/dist/time-picker.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { F as FieldMode } from './inputs.types-DERzxpe1.js';
+import { F as FieldMode } from './inputs.types-vl3PAc4q.js';
 import './types-8Sv0rCjw.js';
 
 interface TimePickerProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-academy/react-fancy",
-  "version": "5.22.0",
+  "version": "5.23.0",
   "description": "React UI component library for Human+ UX — controlled, agent-bridgeable primitives",
   "repository": {
     "type": "git",

package/dist/chunk-5DSMOURR.cjs

@@ -1,32 +0,0 @@
-'use strict';
-
-var chunkZU5Q77OT_cjs = require('./chunk-ZU5Q77OT.cjs');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-var GAP = { sm: "gap-3", md: "gap-6", lg: "gap-10" };
-var Grid = react.forwardRef(
-  ({ children, cols = 3, gap = "md", responsive = true, className, style, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        ...props,
-        "data-react-fancy-grid": "",
-        "data-responsive": responsive ? "true" : "false",
-        className: chunkZU5Q77OT_cjs.cn("grid", GAP[gap], className),
-        style: {
-          ...style,
-          ["--fancy-grid-cols"]: String(cols),
-          gridTemplateColumns: responsive ? "repeat(auto-fit, minmax(min(100%, 16rem), 1fr))" : `repeat(${cols}, minmax(0, 1fr))`
-        },
-        children
-      }
-    );
-  }
-);
-Grid.displayName = "Grid";
-
-exports.Grid = Grid;
-//# sourceMappingURL=chunk-5DSMOURR.cjs.map
-//# sourceMappingURL=chunk-5DSMOURR.cjs.map

package/dist/chunk-5DSMOURR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Grid/Grid.tsx"],"names":["forwardRef","jsx","cn"],"mappings":";;;;;;AAIA,IAAM,MAAM,EAAE,EAAA,EAAI,SAAS,EAAA,EAAI,OAAA,EAAS,IAAI,QAAA,EAAS;AAW9C,IAAM,IAAA,GAAOA,gBAAA;AAAA,EAClB,CAAC,EAAE,QAAA,EAAU,IAAA,GAAO,GAAG,GAAA,GAAM,IAAA,EAAM,UAAA,GAAa,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC1F,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,uBAAA,EAAsB,EAAA;AAAA,QACtB,iBAAA,EAAiB,aAAa,MAAA,GAAS,OAAA;AAAA,QACvC,WAAWC,oBAAA,CAAG,MAAA,EAAQ,GAAA,CAAI,GAAG,GAAG,SAAS,CAAA;AAAA,QACzC,KAAA,EAAO;AAAA,UACL,GAAG,KAAA;AAAA,UACH,CAAC,mBAA6B,GAAG,MAAA,CAAO,IAAI,CAAA;AAAA,UAC5C,mBAAA,EAAqB,UAAA,GACjB,iDAAA,GACA,CAAA,OAAA,EAAU,IAAI,CAAA,iBAAA;AAAA,SACpB;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-5DSMOURR.cjs","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { GridProps } from \"./Grid.types\";\n\nconst GAP = { sm: \"gap-3\", md: \"gap-6\", lg: \"gap-10\" } as const;\n\n/**\n * The modular grid.\n *\n * Column count goes through a custom property rather than a `grid-cols-N` class\n * because N is a prop: Tailwind cannot generate a class it never sees in source,\n * and every hand-rolled copy in the gallery worked around that differently. The\n * property also gives a design a single place to override the breakpoint\n * behaviour in CSS without fighting a utility.\n */\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n  ({ children, cols = 3, gap = \"md\", responsive = true, className, style, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        {...props}\n        data-react-fancy-grid=\"\"\n        data-responsive={responsive ? \"true\" : \"false\"}\n        className={cn(\"grid\", GAP[gap], className)}\n        style={{\n          ...style,\n          [\"--fancy-grid-cols\" as string]: String(cols),\n          gridTemplateColumns: responsive\n            ? \"repeat(auto-fit, minmax(min(100%, 16rem), 1fr))\"\n            : `repeat(${cols}, minmax(0, 1fr))`,\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nGrid.displayName = \"Grid\";\n"]}

package/dist/chunk-AVCDGSXV.cjs.map

@@ -1 +0,0 @@
-{"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"]}