@particle-academy/react-fancy 5.22.0 → 5.23.0

package/dist/{FieldMode.context-C28RH8GR.d.cts → FieldMode.context-BOShROIw.d.cts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { FormHTMLAttributes, ReactNode } from 'react';
-import { F as FieldMode } from './inputs.types-CkWdvN-t.cjs';
+import { F as FieldMode } from './inputs.types-CJbAS14j.cjs';
 import { S as Size } from './types-8Sv0rCjw.cjs';
 
 interface FormProviderProps {

package/dist/{FieldMode.context-Bv_wuS8V.d.ts → FieldMode.context-DNyItEKV.d.ts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { FormHTMLAttributes, ReactNode } from 'react';
-import { F as FieldMode } from './inputs.types-DERzxpe1.js';
+import { F as FieldMode } from './inputs.types-vl3PAc4q.js';
 import { S as Size } from './types-8Sv0rCjw.js';
 
 interface FormProviderProps {

package/dist/autocomplete.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } 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 AutocompleteOption {

package/dist/autocomplete.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } 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 AutocompleteOption {

package/dist/checkbox-group.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkNZFJ4XMJ_cjs = require('./chunk-NZFJ4XMJ.cjs');
+var chunkJDRKYYXP_cjs = require('./chunk-JDRKYYXP.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, "CheckboxGroup", {
   enumerable: true,
-  get: function () { return chunkNZFJ4XMJ_cjs.CheckboxGroup; }
+  get: function () { return chunkJDRKYYXP_cjs.CheckboxGroup; }
 });
 //# sourceMappingURL=checkbox-group.cjs.map
 //# sourceMappingURL=checkbox-group.cjs.map

package/dist/checkbox-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 CheckboxGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
@@ -10,7 +10,7 @@ interface CheckboxGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
     orientation?: "horizontal" | "vertical";
 }
 
-declare function CheckboxGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, ...rest }: CheckboxGroupProps<V>): react.JSX.Element;
+declare function CheckboxGroup<V = string>({ size, dirty, error, label, labelHidden, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, ...rest }: CheckboxGroupProps<V>): react.JSX.Element;
 declare namespace CheckboxGroup {
     var displayName: string;
 }

package/dist/checkbox-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 CheckboxGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
@@ -10,7 +10,7 @@ interface CheckboxGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
     orientation?: "horizontal" | "vertical";
 }
 
-declare function CheckboxGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, ...rest }: CheckboxGroupProps<V>): react.JSX.Element;
+declare function CheckboxGroup<V = string>({ size, dirty, error, label, labelHidden, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, ...rest }: CheckboxGroupProps<V>): react.JSX.Element;
 declare namespace CheckboxGroup {
     var displayName: string;
 }

package/dist/checkbox-group.js

@@ -1,6 +1,6 @@
-export { CheckboxGroup } from './chunk-GIIGXAT4.js';
+export { CheckboxGroup } from './chunk-JP4C3ROX.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/checkbox.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 './types-8Sv0rCjw.cjs';
 
 interface CheckboxProps extends Omit<InputBaseProps, "label">, Omit<HTMLAttributes<HTMLDivElement>, "color" | "defaultChecked" | "onChange" | "id"> {

package/dist/checkbox.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 './types-8Sv0rCjw.js';
 
 interface CheckboxProps extends Omit<InputBaseProps, "label">, Omit<HTMLAttributes<HTMLDivElement>, "color" | "defaultChecked" | "onChange" | "id"> {

package/dist/chunk-4VVC46ZZ.js

@@ -0,0 +1,37 @@
+import { cn } from './chunk-MMW2JGKZ.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var GAP = {
+  sm: { className: "gap-3", length: "0.75rem" },
+  md: { className: "gap-6", length: "1.5rem" },
+  lg: { className: "gap-10", length: "2.5rem" }
+};
+var MIN_TRACK = "16rem";
+var Grid = forwardRef(
+  ({ children, cols = 3, gap = "md", responsive = true, className, style, ...props }, ref) => {
+    const cap = "calc((100% - (var(--fancy-grid-cols) - 1) * var(--fancy-grid-gap)) / var(--fancy-grid-cols))";
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        ...props,
+        "data-react-fancy-grid": "",
+        "data-responsive": responsive ? "true" : "false",
+        className: cn("grid", GAP[gap].className, className),
+        style: {
+          ...style,
+          ["--fancy-grid-cols"]: String(cols),
+          ["--fancy-grid-gap"]: GAP[gap].length,
+          gridTemplateColumns: responsive ? `repeat(auto-fit, minmax(min(100%, max(${MIN_TRACK}, ${cap})), 1fr))` : "repeat(var(--fancy-grid-cols), minmax(0, 1fr))"
+        },
+        children
+      }
+    );
+  }
+);
+Grid.displayName = "Grid";
+
+export { Grid };
+//# sourceMappingURL=chunk-4VVC46ZZ.js.map
+//# sourceMappingURL=chunk-4VVC46ZZ.js.map

package/dist/chunk-4VVC46ZZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;AAUA,IAAM,GAAA,GAAM;AAAA,EACV,EAAA,EAAI,EAAE,SAAA,EAAW,OAAA,EAAS,QAAQ,SAAA,EAAU;AAAA,EAC5C,EAAA,EAAI,EAAE,SAAA,EAAW,OAAA,EAAS,QAAQ,QAAA,EAAS;AAAA,EAC3C,EAAA,EAAI,EAAE,SAAA,EAAW,QAAA,EAAU,QAAQ,QAAA;AACrC,CAAA;AAGA,IAAM,SAAA,GAAY,OAAA;AAyBX,IAAM,IAAA,GAAO,UAAA;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;AAI1F,IAAA,MAAM,GAAA,GACJ,8FAAA;AAEF,IAAA,uBACE,GAAA;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,WAAW,EAAA,CAAG,MAAA,EAAQ,IAAI,GAAG,CAAA,CAAE,WAAW,SAAS,CAAA;AAAA,QACnD,KAAA,EAAO;AAAA,UACL,GAAG,KAAA;AAAA,UACH,CAAC,mBAA6B,GAAG,MAAA,CAAO,IAAI,CAAA;AAAA,UAC5C,CAAC,kBAA4B,GAAG,GAAA,CAAI,GAAG,CAAA,CAAE,MAAA;AAAA,UACzC,qBAAqB,UAAA,GACjB,CAAA,sCAAA,EAAyC,SAAS,CAAA,EAAA,EAAK,GAAG,CAAA,SAAA,CAAA,GAC1D;AAAA,SACN;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-4VVC46ZZ.js","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { GridProps } from \"./Grid.types\";\n\n/**\n * Gutter, as both the Tailwind class that draws it and the length the column\n * arithmetic needs. One map so the two cannot drift: if they disagree, the\n * track cap is computed against a gap the grid is not actually using, and\n * auto-fit quietly lands on the wrong column count.\n */\nconst GAP = {\n  sm: { className: \"gap-3\", length: \"0.75rem\" },\n  md: { className: \"gap-6\", length: \"1.5rem\" },\n  lg: { className: \"gap-10\", length: \"2.5rem\" },\n} as const;\n\n/** Narrowest a column may get before the grid drops one. */\nconst MIN_TRACK = \"16rem\";\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 *\n * ## `cols` is a CEILING, not a fixed count\n *\n * The responsive template reads `--fancy-grid-cols`, so `cols` means \"this many\n * at most, fewer when narrow\". Until 5.23.0 it meant nothing at all while\n * `responsive` was on: the template was a fixed `repeat(auto-fit, minmax(min(\n * 100%, 16rem), 1fr))`, so a grid asked for 2 and a grid asked for 5 rendered\n * the same track list, and the only way to get a real column count was\n * `responsive={false}` — which then had no breakpoints at all. The property this\n * doc comment has always advertised was set and never read.\n *\n * The gutter is in the arithmetic because it has to be: N tracks each `100%/N`\n * wide plus N-1 gaps overflow the row, and `auto-fit` responds by fitting N-1.\n * An off-by-one that looks like a design decision.\n */\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(\n  ({ children, cols = 3, gap = \"md\", responsive = true, className, style, ...props }, ref) => {\n    // The largest a track may be: an even share of the row once the gutters are\n    // paid for. `max()` against MIN_TRACK keeps the collapse; `min()` against\n    // 100% stops a single column overflowing a narrow viewport.\n    const cap =\n      \"calc((100% - (var(--fancy-grid-cols) - 1) * var(--fancy-grid-gap)) / var(--fancy-grid-cols))\";\n\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, className)}\n        style={{\n          ...style,\n          [\"--fancy-grid-cols\" as string]: String(cols),\n          [\"--fancy-grid-gap\" as string]: GAP[gap].length,\n          gridTemplateColumns: responsive\n            ? `repeat(auto-fit, minmax(min(100%, max(${MIN_TRACK}, ${cap})), 1fr))`\n            : \"repeat(var(--fancy-grid-cols), minmax(0, 1fr))\",\n        }}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nGrid.displayName = \"Grid\";\n"]}

package/dist/{chunk-FERMW3YE.js → chunk-5MU6X3KO.js}

@@ -4,6 +4,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 
 function Field({
   label,
+  labelHidden,
+  labelId,
   description,
   error,
   required,
@@ -18,9 +20,12 @@ function Field({
       "label",
       {
         htmlFor,
+        id: labelId,
         className: cn(
           "font-medium text-zinc-700 dark:text-zinc-100",
-          labelSizeClasses[size]
+          labelSizeClasses[size],
+          // Out of the layout, still in the accessibility tree.
+          labelHidden && "sr-only"
         ),
         children: [
           label,
@@ -35,5 +40,5 @@ function Field({
 }
 
 export { Field };
-//# sourceMappingURL=chunk-FERMW3YE.js.map
-//# sourceMappingURL=chunk-FERMW3YE.js.map
+//# sourceMappingURL=chunk-5MU6X3KO.js.map
+//# sourceMappingURL=chunk-5MU6X3KO.js.map

package/dist/chunk-5MU6X3KO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/inputs/Field/Field.tsx"],"names":[],"mappings":";;;;AAIO,SAAS,KAAA,CAAM;AAAA,EACpB,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAe;AACb,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAK,GAAG,IAAA,EAAM,wBAAA,EAAuB,IAAG,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA,EACpF,QAAA,EAAA;AAAA,IAAA,KAAA,oBACC,IAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,OAAA;AAAA,QACA,EAAA,EAAI,OAAA;AAAA,QACJ,SAAA,EAAW,EAAA;AAAA,UACT,8CAAA;AAAA,UACA,iBAAiB,IAAI,CAAA;AAAA;AAAA,UAErB,WAAA,IAAe;AAAA,SACjB;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,KAAA;AAAA,UACA,QAAA,oBAAY,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAsB,QAAA,EAAA,GAAA,EAAC;AAAA;AAAA;AAAA,KACtD;AAAA,IAED,QAAA;AAAA,IACA,eAAe,CAAC,KAAA,wBACd,GAAA,EAAA,EAAE,SAAA,EAAU,4CACV,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,IAED,KAAA,oBAAS,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,wBAAwB,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACvD,CAAA;AAEJ","file":"chunk-5MU6X3KO.js","sourcesContent":["import { cn } from \"../../../utils/cn\";\nimport { labelSizeClasses } from \"../inputs.utils\";\nimport type { FieldProps } from \"./Field.types\";\n\nexport function Field({\n  label,\n  labelHidden,\n  labelId,\n  description,\n  error,\n  required,\n  htmlFor,\n  size = \"md\",\n  children,\n  className,\n  ...rest\n}: FieldProps) {\n  return (\n    <div {...rest} data-react-fancy-field=\"\" className={cn(\"flex flex-col gap-2\", className)}>\n      {label && (\n        <label\n          htmlFor={htmlFor}\n          id={labelId}\n          className={cn(\n            \"font-medium text-zinc-700 dark:text-zinc-100\",\n            labelSizeClasses[size],\n            // Out of the layout, still in the accessibility tree.\n            labelHidden && \"sr-only\",\n          )}\n        >\n          {label}\n          {required && <span className=\"ml-0.5 text-red-500\">*</span>}\n        </label>\n      )}\n      {children}\n      {description && !error && (\n        <p className=\"text-xs text-zinc-500 dark:text-zinc-400\">\n          {description}\n        </p>\n      )}\n      {error && <p className=\"text-xs text-red-500\">{error}</p>}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-BZP4LOO5.cjs → chunk-5XTNJBC5.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
 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 chunkVUKIFFWK_cjs = require('./chunk-VUKIFFWK.cjs');
+var chunkHBCKKE24_cjs = require('./chunk-HBCKKE24.cjs');
+var chunkFXP4JLGU_cjs = require('./chunk-FXP4JLGU.cjs');
 var chunkXLFGWNW4_cjs = require('./chunk-XLFGWNW4.cjs');
-var chunkZPHHKIFV_cjs = require('./chunk-ZPHHKIFV.cjs');
+var chunkV6VFSX6V_cjs = require('./chunk-V6VFSX6V.cjs');
 var chunkXKDW6B7X_cjs = require('./chunk-XKDW6B7X.cjs');
 var chunkYLGTDBB2_cjs = require('./chunk-YLGTDBB2.cjs');
 var chunkJM2H642B_cjs = require('./chunk-JM2H642B.cjs');
@@ -522,7 +522,7 @@ function JsonEditorValue({ node, mode, size, readOnly, id, onCommit }) {
     case "enum": {
       const options = rule?.options ?? [];
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLNFMT2CE_cjs.Select,
+        chunkFXP4JLGU_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(
-        chunkMCCE5RDB_cjs.DatePicker,
+        chunkVUKIFFWK_cjs.DatePicker,
         {
           ...common,
           includeTime: node.type === "datetime",
@@ -560,7 +560,7 @@ function JsonEditorValue({ node, mode, size, readOnly, id, onCommit }) {
       );
     case "text":
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkZPHHKIFV_cjs.Textarea,
+        chunkV6VFSX6V_cjs.Textarea,
         {
           ...common,
           minRows: 2,
@@ -572,7 +572,7 @@ function JsonEditorValue({ node, mode, size, readOnly, id, onCommit }) {
       );
     case "secret":
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkNHTSQRAF_cjs.Input,
+        chunkHBCKKE24_cjs.Input,
         {
           ...common,
           type: "password",
@@ -587,7 +587,7 @@ function JsonEditorValue({ node, mode, size, readOnly, id, onCommit }) {
     case "string":
     default:
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkNHTSQRAF_cjs.Input,
+        chunkHBCKKE24_cjs.Input,
         {
           ...common,
           type: node.type === "url" ? "url" : node.type === "email" ? "email" : "text",
@@ -618,7 +618,7 @@ function RawValueEditor({
   };
   if (multiline) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZPHHKIFV_cjs.Textarea,
+      chunkV6VFSX6V_cjs.Textarea,
       {
         id,
         size,
@@ -639,7 +639,7 @@ function RawValueEditor({
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkNHTSQRAF_cjs.Input,
+    chunkHBCKKE24_cjs.Input,
     {
       id,
       size,
@@ -712,7 +712,7 @@ function JsonEditorRow({ node }) {
               className: "w-1/3 min-w-0 shrink-0",
               children: [
                 renameable ? /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkNHTSQRAF_cjs.Input,
+                  chunkHBCKKE24_cjs.Input,
                   {
                     size: ctx.size,
                     mode: "edit",
@@ -889,7 +889,7 @@ function JsonEditorAddForm({ path, kind, depth, suggestedType }) {
       style: { paddingInlineStart: depth * INDENT + 32 },
       children: [
         kind === "object" && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkNHTSQRAF_cjs.Input,
+          chunkHBCKKE24_cjs.Input,
           {
             size: ctx.size,
             mode: "edit",
@@ -902,7 +902,7 @@ function JsonEditorAddForm({ path, kind, depth, suggestedType }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkLNFMT2CE_cjs.Select,
+          chunkFXP4JLGU_cjs.Select,
           {
             size: ctx.size,
             mode: "edit",
@@ -1350,5 +1350,5 @@ exports.parsePath = parsePath;
 exports.pathToString = pathToString;
 exports.resolveKeyRule = resolveKeyRule;
 exports.typeMatches = typeMatches;
-//# sourceMappingURL=chunk-BZP4LOO5.cjs.map
-//# sourceMappingURL=chunk-BZP4LOO5.cjs.map
+//# sourceMappingURL=chunk-5XTNJBC5.cjs.map
+//# sourceMappingURL=chunk-5XTNJBC5.cjs.map