@economic/taco 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0

package/dist/components/Shortcut/Shortcut.cjs

@@ -3,26 +3,19 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const cn = require("clsx");
 const keyboard = require("../../utils/keyboard.cjs");
+const SHORTFORM_BY_KEY = {
+  Escape: "Esc",
+  Delete: "Del",
+  Space: "Space",
+  " ": "Space",
+  ArrowLeft: "◄",
+  ArrowRight: "►",
+  ArrowUp: "▲",
+  ArrowDown: "▼"
+};
 const replaceWithShortform = (key) => {
-  switch (key) {
-    case "Escape":
-      return "Esc";
-    case "Delete":
-      return "Del";
-    case "Space":
-    case " ":
-      return "Space";
-    case "ArrowLeft":
-      return "◄";
-    case "ArrowRight":
-      return "►";
-    case "ArrowUp":
-      return "▲";
-    case "ArrowDown":
-      return "▼";
-    default:
-      return key.length === 1 ? key.toLocaleUpperCase() : key;
-  }
+  const shortform = Object.hasOwn(SHORTFORM_BY_KEY, key) ? SHORTFORM_BY_KEY[key] : void 0;
+  return shortform ?? (key.length === 1 ? key.toLocaleUpperCase() : key);
 };
 const getShortcutText = (key) => {
   if (!key) {
@@ -48,7 +41,7 @@ const Shortcut = ({ keys, ...props }) => {
     "kbd",
     {
       key,
-      className: "font-display bg-black-subtle rounded-sm px-1 text-center font-bold text-gray-700 [[data-appearance=danger]_&]:text-white [[data-appearance=primary]_&]:text-white [[data-taco=tooltip]_&]:bg-gray-300/[0.25] [[data-taco=tooltip]_&]:text-white"
+      className: "rounded-sm bg-black-subtle px-1 text-center font-display font-bold text-gray-700 [[data-appearance=danger]_&]:text-white [[data-appearance=primary]_&]:text-white [[data-taco=tooltip]_&]:bg-gray-300/[0.25] [[data-taco=tooltip]_&]:text-white"
     },
     key
   )));

package/dist/components/Shortcut/Shortcut.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Shortcut.cjs","sources":["../../../src/components/Shortcut/Shortcut.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { isMacOs, KeyDownHandlerOptions } from '../../utils/keyboard';\n\nconst replaceWithShortform = (key: string) => {\n    switch (key) {\n        case 'Escape':\n            return 'Esc';\n\n        case 'Delete':\n            return 'Del';\n\n        case 'Space':\n        case ' ':\n            return 'Space';\n\n        case 'ArrowLeft':\n            return '◄';\n\n        case 'ArrowRight':\n            return '►';\n\n        case 'ArrowUp':\n            return '▲';\n\n        case 'ArrowDown':\n            return '▼';\n\n        default:\n            return key.length === 1 ? key.toLocaleUpperCase() : key;\n    }\n};\n\nconst getShortcutText = (key: string | KeyDownHandlerOptions) => {\n    if (!key) {\n        return [];\n    }\n\n    if (typeof key === 'string') {\n        return [replaceWithShortform(key)];\n    }\n\n    const keys: string[] = [];\n\n    if (key.shift) {\n        keys.push(isMacOs() ? '⇧' : 'Shift');\n    }\n\n    if (key.meta) {\n        keys.push(isMacOs() ? '⌘' : 'Ctrl');\n    }\n\n    keys.push(replaceWithShortform(key.key));\n\n    return keys;\n};\n\nexport type ShortcutProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {\n    keys: string | KeyDownHandlerOptions;\n};\nexport const Shortcut = ({ keys, ...props }: ShortcutProps) => {\n    const className = cn('inline-flex gap-0.5', props.className);\n    const texts = getShortcutText(keys);\n\n    return (\n        <span {...props} className={className}>\n            {texts.map(key => (\n                <kbd\n                    key={key}\n                    className=\"font-display bg-black-subtle rounded-sm px-1 text-center font-bold text-gray-700 [[data-appearance=danger]_&]:text-white [[data-appearance=primary]_&]:text-white [[data-taco=tooltip]_&]:bg-gray-300/[0.25] [[data-taco=tooltip]_&]:text-white\">\n                    {key}\n                </kbd>\n            ))}\n        </span>\n    );\n};\n"],"names":["isMacOs"],"mappings":";;;;;AAIA,MAAM,uBAAuB,CAAC,QAAgB;AAC1C,UAAQ,KAAK;AAAA,IACT,KAAK;AACM,aAAA;AAAA,IAEX,KAAK;AACM,aAAA;AAAA,IAEX,KAAK;AAAA,IACL,KAAK;AACM,aAAA;AAAA,IAEX,KAAK;AACM,aAAA;AAAA,IAEX,KAAK;AACM,aAAA;AAAA,IAEX,KAAK;AACM,aAAA;AAAA,IAEX,KAAK;AACM,aAAA;AAAA,IAEX;AACI,aAAO,IAAI,WAAW,IAAI,IAAI,kBAAsB,IAAA;AAAA,EAAA;AAEhE;AAEA,MAAM,kBAAkB,CAAC,QAAwC;AAC7D,MAAI,CAAC,KAAK;AACN,WAAO,CAAC;AAAA,EAAA;AAGR,MAAA,OAAO,QAAQ,UAAU;AAClB,WAAA,CAAC,qBAAqB,GAAG,CAAC;AAAA,EAAA;AAGrC,QAAM,OAAiB,CAAC;AAExB,MAAI,IAAI,OAAO;AACX,SAAK,KAAKA,SAAAA,YAAY,MAAM,OAAO;AAAA,EAAA;AAGvC,MAAI,IAAI,MAAM;AACV,SAAK,KAAKA,SAAAA,YAAY,MAAM,MAAM;AAAA,EAAA;AAGtC,OAAK,KAAK,qBAAqB,IAAI,GAAG,CAAC;AAEhC,SAAA;AACX;AAKO,MAAM,WAAW,CAAC,EAAE,MAAM,GAAG,YAA2B;AAC3D,QAAM,YAAY,GAAG,uBAAuB,MAAM,SAAS;AACrD,QAAA,QAAQ,gBAAgB,IAAI;AAElC,6CACK,QAAM,EAAA,GAAG,OAAO,UACZ,GAAA,MAAM,IAAI,CACP,QAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IACT;AAAA,EAAA,CAER,CACL;AAER;;"}
+{"version":3,"file":"Shortcut.cjs","sources":["../../../src/components/Shortcut/Shortcut.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { isMacOs, KeyDownHandlerOptions } from '../../utils/keyboard';\n\nconst SHORTFORM_BY_KEY: Record<string, string> = {\n    Escape: 'Esc',\n    Delete: 'Del',\n    Space: 'Space',\n    ' ': 'Space',\n    ArrowLeft: '◄',\n    ArrowRight: '►',\n    ArrowUp: '▲',\n    ArrowDown: '▼',\n};\n\n// Object.hasOwn guards against keys inherited from Object.prototype (e.g. 'toString')\nconst replaceWithShortform = (key: string) => {\n    const shortform = Object.hasOwn(SHORTFORM_BY_KEY, key) ? SHORTFORM_BY_KEY[key] : undefined;\n\n    return shortform ?? (key.length === 1 ? key.toLocaleUpperCase() : key);\n};\n\nconst getShortcutText = (key: string | KeyDownHandlerOptions) => {\n    if (!key) {\n        return [];\n    }\n\n    if (typeof key === 'string') {\n        return [replaceWithShortform(key)];\n    }\n\n    const keys: string[] = [];\n\n    if (key.shift) {\n        keys.push(isMacOs() ? '⇧' : 'Shift');\n    }\n\n    if (key.meta) {\n        keys.push(isMacOs() ? '⌘' : 'Ctrl');\n    }\n\n    keys.push(replaceWithShortform(key.key));\n\n    return keys;\n};\n\nexport type ShortcutProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {\n    keys: string | KeyDownHandlerOptions;\n};\nexport const Shortcut = ({ keys, ...props }: ShortcutProps) => {\n    const className = cn('inline-flex gap-0.5', props.className);\n    const texts = getShortcutText(keys);\n\n    return (\n        <span {...props} className={className}>\n            {texts.map(key => (\n                <kbd\n                    key={key}\n                    className=\"rounded-sm bg-black-subtle px-1 text-center font-display font-bold text-gray-700 [[data-appearance=danger]_&]:text-white [[data-appearance=primary]_&]:text-white [[data-taco=tooltip]_&]:bg-gray-300/[0.25] [[data-taco=tooltip]_&]:text-white\">\n                    {key}\n                </kbd>\n            ))}\n        </span>\n    );\n};\n"],"names":["isMacOs"],"mappings":";;;;;AAIA,MAAM,mBAA2C;AAAA,EAC7C,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AACf;AAGA,MAAM,uBAAuB,CAAC,QAAgB;AAC1C,QAAM,YAAY,OAAO,OAAO,kBAAkB,GAAG,IAAI,iBAAiB,GAAG,IAAI;AAEjF,SAAO,cAAc,IAAI,WAAW,IAAI,IAAI,sBAAsB;AACtE;AAEA,MAAM,kBAAkB,CAAC,QAAwC;AAC7D,MAAI,CAAC,KAAK;AACN,WAAO,CAAA;AAAA,EACX;AAEA,MAAI,OAAO,QAAQ,UAAU;AACzB,WAAO,CAAC,qBAAqB,GAAG,CAAC;AAAA,EACrC;AAEA,QAAM,OAAiB,CAAA;AAEvB,MAAI,IAAI,OAAO;AACX,SAAK,KAAKA,SAAAA,YAAY,MAAM,OAAO;AAAA,EACvC;AAEA,MAAI,IAAI,MAAM;AACV,SAAK,KAAKA,SAAAA,YAAY,MAAM,MAAM;AAAA,EACtC;AAEA,OAAK,KAAK,qBAAqB,IAAI,GAAG,CAAC;AAEvC,SAAO;AACX;AAKO,MAAM,WAAW,CAAC,EAAE,MAAM,GAAG,YAA2B;AAC3D,QAAM,YAAY,GAAG,uBAAuB,MAAM,SAAS;AAC3D,QAAM,QAAQ,gBAAgB,IAAI;AAElC,6CACK,QAAA,EAAM,GAAG,OAAO,UAAA,GACZ,MAAM,IAAI,CAAA,QACP,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IACT;AAAA,EAAA,CAER,CACL;AAER;;"}

package/dist/components/Shortcut/Shortcut.js

@@ -1,26 +1,19 @@
 import React__default from "react";
 import cn from "clsx";
 import { isMacOs } from "../../utils/keyboard.js";
+const SHORTFORM_BY_KEY = {
+  Escape: "Esc",
+  Delete: "Del",
+  Space: "Space",
+  " ": "Space",
+  ArrowLeft: "◄",
+  ArrowRight: "►",
+  ArrowUp: "▲",
+  ArrowDown: "▼"
+};
 const replaceWithShortform = (key) => {
-  switch (key) {
-    case "Escape":
-      return "Esc";
-    case "Delete":
-      return "Del";
-    case "Space":
-    case " ":
-      return "Space";
-    case "ArrowLeft":
-      return "◄";
-    case "ArrowRight":
-      return "►";
-    case "ArrowUp":
-      return "▲";
-    case "ArrowDown":
-      return "▼";
-    default:
-      return key.length === 1 ? key.toLocaleUpperCase() : key;
-  }
+  const shortform = Object.hasOwn(SHORTFORM_BY_KEY, key) ? SHORTFORM_BY_KEY[key] : void 0;
+  return shortform ?? (key.length === 1 ? key.toLocaleUpperCase() : key);
 };
 const getShortcutText = (key) => {
   if (!key) {
@@ -46,7 +39,7 @@ const Shortcut = ({ keys, ...props }) => {
     "kbd",
     {
       key,
-      className: "font-display bg-black-subtle rounded-sm px-1 text-center font-bold text-gray-700 [[data-appearance=danger]_&]:text-white [[data-appearance=primary]_&]:text-white [[data-taco=tooltip]_&]:bg-gray-300/[0.25] [[data-taco=tooltip]_&]:text-white"
+      className: "rounded-sm bg-black-subtle px-1 text-center font-display font-bold text-gray-700 [[data-appearance=danger]_&]:text-white [[data-appearance=primary]_&]:text-white [[data-taco=tooltip]_&]:bg-gray-300/[0.25] [[data-taco=tooltip]_&]:text-white"
     },
     key
   )));

package/dist/components/Shortcut/Shortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shortcut.js","sources":["../../../src/components/Shortcut/Shortcut.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { isMacOs, KeyDownHandlerOptions } from '../../utils/keyboard';\n\nconst replaceWithShortform = (key: string) => {\n    switch (key) {\n        case 'Escape':\n            return 'Esc';\n\n        case 'Delete':\n            return 'Del';\n\n        case 'Space':\n        case ' ':\n            return 'Space';\n\n        case 'ArrowLeft':\n            return '◄';\n\n        case 'ArrowRight':\n            return '►';\n\n        case 'ArrowUp':\n            return '▲';\n\n        case 'ArrowDown':\n            return '▼';\n\n        default:\n            return key.length === 1 ? key.toLocaleUpperCase() : key;\n    }\n};\n\nconst getShortcutText = (key: string | KeyDownHandlerOptions) => {\n    if (!key) {\n        return [];\n    }\n\n    if (typeof key === 'string') {\n        return [replaceWithShortform(key)];\n    }\n\n    const keys: string[] = [];\n\n    if (key.shift) {\n        keys.push(isMacOs() ? '⇧' : 'Shift');\n    }\n\n    if (key.meta) {\n        keys.push(isMacOs() ? '⌘' : 'Ctrl');\n    }\n\n    keys.push(replaceWithShortform(key.key));\n\n    return keys;\n};\n\nexport type ShortcutProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {\n    keys: string | KeyDownHandlerOptions;\n};\nexport const Shortcut = ({ keys, ...props }: ShortcutProps) => {\n    const className = cn('inline-flex gap-0.5', props.className);\n    const texts = getShortcutText(keys);\n\n    return (\n        <span {...props} className={className}>\n            {texts.map(key => (\n                <kbd\n                    key={key}\n                    className=\"font-display bg-black-subtle rounded-sm px-1 text-center font-bold text-gray-700 [[data-appearance=danger]_&]:text-white [[data-appearance=primary]_&]:text-white [[data-taco=tooltip]_&]:bg-gray-300/[0.25] [[data-taco=tooltip]_&]:text-white\">\n                    {key}\n                </kbd>\n            ))}\n        </span>\n    );\n};\n"],"names":["React"],"mappings":";;;AAIA,MAAM,uBAAuB,CAAC,QAAgB;AAC1C,UAAQ,KAAK;AAAA,IACT,KAAK;AACM,aAAA;AAAA,IAEX,KAAK;AACM,aAAA;AAAA,IAEX,KAAK;AAAA,IACL,KAAK;AACM,aAAA;AAAA,IAEX,KAAK;AACM,aAAA;AAAA,IAEX,KAAK;AACM,aAAA;AAAA,IAEX,KAAK;AACM,aAAA;AAAA,IAEX,KAAK;AACM,aAAA;AAAA,IAEX;AACI,aAAO,IAAI,WAAW,IAAI,IAAI,kBAAsB,IAAA;AAAA,EAAA;AAEhE;AAEA,MAAM,kBAAkB,CAAC,QAAwC;AAC7D,MAAI,CAAC,KAAK;AACN,WAAO,CAAC;AAAA,EAAA;AAGR,MAAA,OAAO,QAAQ,UAAU;AAClB,WAAA,CAAC,qBAAqB,GAAG,CAAC;AAAA,EAAA;AAGrC,QAAM,OAAiB,CAAC;AAExB,MAAI,IAAI,OAAO;AACX,SAAK,KAAK,YAAY,MAAM,OAAO;AAAA,EAAA;AAGvC,MAAI,IAAI,MAAM;AACV,SAAK,KAAK,YAAY,MAAM,MAAM;AAAA,EAAA;AAGtC,OAAK,KAAK,qBAAqB,IAAI,GAAG,CAAC;AAEhC,SAAA;AACX;AAKO,MAAM,WAAW,CAAC,EAAE,MAAM,GAAG,YAA2B;AAC3D,QAAM,YAAY,GAAG,uBAAuB,MAAM,SAAS;AACrD,QAAA,QAAQ,gBAAgB,IAAI;AAElC,sDACK,QAAM,EAAA,GAAG,OAAO,UACZ,GAAA,MAAM,IAAI,CACP,QAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IACT;AAAA,EAAA,CAER,CACL;AAER;"}
+{"version":3,"file":"Shortcut.js","sources":["../../../src/components/Shortcut/Shortcut.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { isMacOs, KeyDownHandlerOptions } from '../../utils/keyboard';\n\nconst SHORTFORM_BY_KEY: Record<string, string> = {\n    Escape: 'Esc',\n    Delete: 'Del',\n    Space: 'Space',\n    ' ': 'Space',\n    ArrowLeft: '◄',\n    ArrowRight: '►',\n    ArrowUp: '▲',\n    ArrowDown: '▼',\n};\n\n// Object.hasOwn guards against keys inherited from Object.prototype (e.g. 'toString')\nconst replaceWithShortform = (key: string) => {\n    const shortform = Object.hasOwn(SHORTFORM_BY_KEY, key) ? SHORTFORM_BY_KEY[key] : undefined;\n\n    return shortform ?? (key.length === 1 ? key.toLocaleUpperCase() : key);\n};\n\nconst getShortcutText = (key: string | KeyDownHandlerOptions) => {\n    if (!key) {\n        return [];\n    }\n\n    if (typeof key === 'string') {\n        return [replaceWithShortform(key)];\n    }\n\n    const keys: string[] = [];\n\n    if (key.shift) {\n        keys.push(isMacOs() ? '⇧' : 'Shift');\n    }\n\n    if (key.meta) {\n        keys.push(isMacOs() ? '⌘' : 'Ctrl');\n    }\n\n    keys.push(replaceWithShortform(key.key));\n\n    return keys;\n};\n\nexport type ShortcutProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {\n    keys: string | KeyDownHandlerOptions;\n};\nexport const Shortcut = ({ keys, ...props }: ShortcutProps) => {\n    const className = cn('inline-flex gap-0.5', props.className);\n    const texts = getShortcutText(keys);\n\n    return (\n        <span {...props} className={className}>\n            {texts.map(key => (\n                <kbd\n                    key={key}\n                    className=\"rounded-sm bg-black-subtle px-1 text-center font-display font-bold text-gray-700 [[data-appearance=danger]_&]:text-white [[data-appearance=primary]_&]:text-white [[data-taco=tooltip]_&]:bg-gray-300/[0.25] [[data-taco=tooltip]_&]:text-white\">\n                    {key}\n                </kbd>\n            ))}\n        </span>\n    );\n};\n"],"names":["React"],"mappings":";;;AAIA,MAAM,mBAA2C;AAAA,EAC7C,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AACf;AAGA,MAAM,uBAAuB,CAAC,QAAgB;AAC1C,QAAM,YAAY,OAAO,OAAO,kBAAkB,GAAG,IAAI,iBAAiB,GAAG,IAAI;AAEjF,SAAO,cAAc,IAAI,WAAW,IAAI,IAAI,sBAAsB;AACtE;AAEA,MAAM,kBAAkB,CAAC,QAAwC;AAC7D,MAAI,CAAC,KAAK;AACN,WAAO,CAAA;AAAA,EACX;AAEA,MAAI,OAAO,QAAQ,UAAU;AACzB,WAAO,CAAC,qBAAqB,GAAG,CAAC;AAAA,EACrC;AAEA,QAAM,OAAiB,CAAA;AAEvB,MAAI,IAAI,OAAO;AACX,SAAK,KAAK,YAAY,MAAM,OAAO;AAAA,EACvC;AAEA,MAAI,IAAI,MAAM;AACV,SAAK,KAAK,YAAY,MAAM,MAAM;AAAA,EACtC;AAEA,OAAK,KAAK,qBAAqB,IAAI,GAAG,CAAC;AAEvC,SAAO;AACX;AAKO,MAAM,WAAW,CAAC,EAAE,MAAM,GAAG,YAA2B;AAC3D,QAAM,YAAY,GAAG,uBAAuB,MAAM,SAAS;AAC3D,QAAM,QAAQ,gBAAgB,IAAI;AAElC,sDACK,QAAA,EAAM,GAAG,OAAO,UAAA,GACZ,MAAM,IAAI,CAAA,QACPA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IACT;AAAA,EAAA,CAER,CACL;AAER;"}

package/dist/components/Spinner/Spinner.cjs

@@ -20,7 +20,7 @@ const Spinner = React.forwardRef(function Spinner2(props, ref) {
   if (!visible) {
     return null;
   }
-  const className = cn("inline-flex flex-col relative items-center", otherProps.className);
+  const className = cn("relative inline-flex flex-col items-center", otherProps.className);
   return /* @__PURE__ */ React.createElement("div", { ...otherProps, className, "data-taco": "spinner", ref }, /* @__PURE__ */ React.createElement(
     "svg",
     {

package/dist/components/Spinner/Spinner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.cjs","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport './Spinner.css';\n\nexport type SpinnerProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * Define a delay in milliseconds after which the spinner is shown.\n     * Default value is `350`ms\n     */\n    delay?: number;\n    /** Define a text that will be displayed below spinner */\n    label?: string;\n};\n\nexport const Spinner = React.forwardRef(function Spinner(props: SpinnerProps, ref: React.Ref<HTMLDivElement>) {\n    const { delay = 350, label, ...otherProps } = props;\n    const [visible, setVisibility] = React.useState(!delay);\n\n    React.useEffect(() => {\n        let timeout: number;\n\n        if (delay) {\n            timeout = window.setTimeout(() => setVisibility(true), delay);\n        }\n\n        return () => {\n            if (timeout) {\n                clearTimeout(timeout);\n            }\n        };\n    }, [delay]);\n\n    if (!visible) {\n        return null;\n    }\n\n    const className = cn('inline-flex flex-col relative items-center', otherProps.className);\n\n    return (\n        <div {...otherProps} className={className} data-taco=\"spinner\" ref={ref}>\n            <svg\n                className=\"h-10 w-10 animate-[spinnerRotation_2s_linear_infinite]\"\n                viewBox=\"0 0 100 100\"\n                xmlns=\"http://www.w3.org/2000/svg\">\n                <circle cx=\"50\" cy=\"50\" r=\"45\"></circle>\n            </svg>\n            {label && <span className=\"mt-4\">{label}</span>}\n        </div>\n    );\n});\n"],"names":["Spinner"],"mappings":";;;;;AAcO,MAAM,UAAU,MAAM,WAAW,SAASA,SAAQ,OAAqB,KAAgC;AAC1G,QAAM,EAAE,QAAQ,KAAK,OAAO,GAAG,WAAe,IAAA;AAC9C,QAAM,CAAC,SAAS,aAAa,IAAI,MAAM,SAAS,CAAC,KAAK;AAEtD,QAAM,UAAU,MAAM;AACd,QAAA;AAEJ,QAAI,OAAO;AACP,gBAAU,OAAO,WAAW,MAAM,cAAc,IAAI,GAAG,KAAK;AAAA,IAAA;AAGhE,WAAO,MAAM;AACT,UAAI,SAAS;AACT,qBAAa,OAAO;AAAA,MAAA;AAAA,IAE5B;AAAA,EAAA,GACD,CAAC,KAAK,CAAC;AAEV,MAAI,CAAC,SAAS;AACH,WAAA;AAAA,EAAA;AAGX,QAAM,YAAY,GAAG,8CAA8C,WAAW,SAAS;AAEvF,6CACK,OAAK,EAAA,GAAG,YAAY,WAAsB,aAAU,WAAU,IAC3D,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,OAAM;AAAA,IAAA;AAAA,wCACL,UAAO,EAAA,IAAG,MAAK,IAAG,MAAK,GAAE,KAAK,CAAA;AAAA,EAAA,GAElC,SAAS,sBAAA,cAAC,UAAK,WAAU,UAAQ,KAAM,CAC5C;AAER,CAAC;;"}
+{"version":3,"file":"Spinner.cjs","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport './Spinner.css';\n\nexport type SpinnerProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * Define a delay in milliseconds after which the spinner is shown.\n     * Default value is `350`ms\n     */\n    delay?: number;\n    /** Define a text that will be displayed below spinner */\n    label?: string;\n};\n\nexport const Spinner = React.forwardRef(function Spinner(props: SpinnerProps, ref: React.Ref<HTMLDivElement>) {\n    const { delay = 350, label, ...otherProps } = props;\n    const [visible, setVisibility] = React.useState(!delay);\n\n    React.useEffect(() => {\n        let timeout: number;\n\n        if (delay) {\n            timeout = window.setTimeout(() => setVisibility(true), delay);\n        }\n\n        return () => {\n            if (timeout) {\n                clearTimeout(timeout);\n            }\n        };\n    }, [delay]);\n\n    if (!visible) {\n        return null;\n    }\n\n    const className = cn('relative inline-flex flex-col items-center', otherProps.className);\n\n    return (\n        <div {...otherProps} className={className} data-taco=\"spinner\" ref={ref}>\n            <svg\n                className=\"h-10 w-10 animate-[spinnerRotation_2s_linear_infinite]\"\n                viewBox=\"0 0 100 100\"\n                xmlns=\"http://www.w3.org/2000/svg\">\n                <circle cx=\"50\" cy=\"50\" r=\"45\"></circle>\n            </svg>\n            {label && <span className=\"mt-4\">{label}</span>}\n        </div>\n    );\n});\n"],"names":["Spinner"],"mappings":";;;;;AAcO,MAAM,UAAU,MAAM,WAAW,SAASA,SAAQ,OAAqB,KAAgC;AAC1G,QAAM,EAAE,QAAQ,KAAK,OAAO,GAAG,eAAe;AAC9C,QAAM,CAAC,SAAS,aAAa,IAAI,MAAM,SAAS,CAAC,KAAK;AAEtD,QAAM,UAAU,MAAM;AAClB,QAAI;AAEJ,QAAI,OAAO;AACP,gBAAU,OAAO,WAAW,MAAM,cAAc,IAAI,GAAG,KAAK;AAAA,IAChE;AAEA,WAAO,MAAM;AACT,UAAI,SAAS;AACT,qBAAa,OAAO;AAAA,MACxB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,KAAK,CAAC;AAEV,MAAI,CAAC,SAAS;AACV,WAAO;AAAA,EACX;AAEA,QAAM,YAAY,GAAG,8CAA8C,WAAW,SAAS;AAEvF,6CACK,OAAA,EAAK,GAAG,YAAY,WAAsB,aAAU,WAAU,IAAA,GAC3D,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,OAAM;AAAA,IAAA;AAAA,wCACL,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAA,CAAK;AAAA,EAAA,GAElC,SAAS,sBAAA,cAAC,UAAK,WAAU,UAAQ,KAAM,CAC5C;AAER,CAAC;;"}

package/dist/components/Spinner/Spinner.js

@@ -18,7 +18,7 @@ const Spinner = React__default.forwardRef(function Spinner2(props, ref) {
   if (!visible) {
     return null;
   }
-  const className = cn("inline-flex flex-col relative items-center", otherProps.className);
+  const className = cn("relative inline-flex flex-col items-center", otherProps.className);
   return /* @__PURE__ */ React__default.createElement("div", { ...otherProps, className, "data-taco": "spinner", ref }, /* @__PURE__ */ React__default.createElement(
     "svg",
     {

package/dist/components/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport './Spinner.css';\n\nexport type SpinnerProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * Define a delay in milliseconds after which the spinner is shown.\n     * Default value is `350`ms\n     */\n    delay?: number;\n    /** Define a text that will be displayed below spinner */\n    label?: string;\n};\n\nexport const Spinner = React.forwardRef(function Spinner(props: SpinnerProps, ref: React.Ref<HTMLDivElement>) {\n    const { delay = 350, label, ...otherProps } = props;\n    const [visible, setVisibility] = React.useState(!delay);\n\n    React.useEffect(() => {\n        let timeout: number;\n\n        if (delay) {\n            timeout = window.setTimeout(() => setVisibility(true), delay);\n        }\n\n        return () => {\n            if (timeout) {\n                clearTimeout(timeout);\n            }\n        };\n    }, [delay]);\n\n    if (!visible) {\n        return null;\n    }\n\n    const className = cn('inline-flex flex-col relative items-center', otherProps.className);\n\n    return (\n        <div {...otherProps} className={className} data-taco=\"spinner\" ref={ref}>\n            <svg\n                className=\"h-10 w-10 animate-[spinnerRotation_2s_linear_infinite]\"\n                viewBox=\"0 0 100 100\"\n                xmlns=\"http://www.w3.org/2000/svg\">\n                <circle cx=\"50\" cy=\"50\" r=\"45\"></circle>\n            </svg>\n            {label && <span className=\"mt-4\">{label}</span>}\n        </div>\n    );\n});\n"],"names":["React","Spinner"],"mappings":";;;AAcO,MAAM,UAAUA,eAAM,WAAW,SAASC,SAAQ,OAAqB,KAAgC;AAC1G,QAAM,EAAE,QAAQ,KAAK,OAAO,GAAG,WAAe,IAAA;AAC9C,QAAM,CAAC,SAAS,aAAa,IAAID,eAAM,SAAS,CAAC,KAAK;AAEtDA,iBAAM,UAAU,MAAM;AACd,QAAA;AAEJ,QAAI,OAAO;AACP,gBAAU,OAAO,WAAW,MAAM,cAAc,IAAI,GAAG,KAAK;AAAA,IAAA;AAGhE,WAAO,MAAM;AACT,UAAI,SAAS;AACT,qBAAa,OAAO;AAAA,MAAA;AAAA,IAE5B;AAAA,EAAA,GACD,CAAC,KAAK,CAAC;AAEV,MAAI,CAAC,SAAS;AACH,WAAA;AAAA,EAAA;AAGX,QAAM,YAAY,GAAG,8CAA8C,WAAW,SAAS;AAEvF,sDACK,OAAK,EAAA,GAAG,YAAY,WAAsB,aAAU,WAAU,IAC3D,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,OAAM;AAAA,IAAA;AAAA,iDACL,UAAO,EAAA,IAAG,MAAK,IAAG,MAAK,GAAE,KAAK,CAAA;AAAA,EAAA,GAElC,SAASA,+BAAA,cAAC,UAAK,WAAU,UAAQ,KAAM,CAC5C;AAER,CAAC;"}
+{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport './Spinner.css';\n\nexport type SpinnerProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * Define a delay in milliseconds after which the spinner is shown.\n     * Default value is `350`ms\n     */\n    delay?: number;\n    /** Define a text that will be displayed below spinner */\n    label?: string;\n};\n\nexport const Spinner = React.forwardRef(function Spinner(props: SpinnerProps, ref: React.Ref<HTMLDivElement>) {\n    const { delay = 350, label, ...otherProps } = props;\n    const [visible, setVisibility] = React.useState(!delay);\n\n    React.useEffect(() => {\n        let timeout: number;\n\n        if (delay) {\n            timeout = window.setTimeout(() => setVisibility(true), delay);\n        }\n\n        return () => {\n            if (timeout) {\n                clearTimeout(timeout);\n            }\n        };\n    }, [delay]);\n\n    if (!visible) {\n        return null;\n    }\n\n    const className = cn('relative inline-flex flex-col items-center', otherProps.className);\n\n    return (\n        <div {...otherProps} className={className} data-taco=\"spinner\" ref={ref}>\n            <svg\n                className=\"h-10 w-10 animate-[spinnerRotation_2s_linear_infinite]\"\n                viewBox=\"0 0 100 100\"\n                xmlns=\"http://www.w3.org/2000/svg\">\n                <circle cx=\"50\" cy=\"50\" r=\"45\"></circle>\n            </svg>\n            {label && <span className=\"mt-4\">{label}</span>}\n        </div>\n    );\n});\n"],"names":["React","Spinner"],"mappings":";;;AAcO,MAAM,UAAUA,eAAM,WAAW,SAASC,SAAQ,OAAqB,KAAgC;AAC1G,QAAM,EAAE,QAAQ,KAAK,OAAO,GAAG,eAAe;AAC9C,QAAM,CAAC,SAAS,aAAa,IAAID,eAAM,SAAS,CAAC,KAAK;AAEtDA,iBAAM,UAAU,MAAM;AAClB,QAAI;AAEJ,QAAI,OAAO;AACP,gBAAU,OAAO,WAAW,MAAM,cAAc,IAAI,GAAG,KAAK;AAAA,IAChE;AAEA,WAAO,MAAM;AACT,UAAI,SAAS;AACT,qBAAa,OAAO;AAAA,MACxB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,KAAK,CAAC;AAEV,MAAI,CAAC,SAAS;AACV,WAAO;AAAA,EACX;AAEA,QAAM,YAAY,GAAG,8CAA8C,WAAW,SAAS;AAEvF,sDACK,OAAA,EAAK,GAAG,YAAY,WAAsB,aAAU,WAAU,IAAA,GAC3DA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,OAAM;AAAA,IAAA;AAAA,iDACL,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAA,CAAK;AAAA,EAAA,GAElC,SAASA,+BAAA,cAAC,UAAK,WAAU,UAAQ,KAAM,CAC5C;AAER,CAAC;"}

package/dist/components/Stack/Stack.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.cjs","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { SPACING_MAP, ALIGN_ITEMS_MAP } from '../../utils/layout';\n\nexport type StackSpacing = keyof typeof SPACING_MAP;\nexport type StackAlignInline = keyof typeof ALIGN_ITEMS_MAP;\nexport type StackProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'> & {\n    /**\n     * Spacing between stack items in pixels.\n     * Available values: 0, 4, 8, 12, 16, 24, 32, 48\n     */\n    spacing: StackSpacing;\n    /**\n     * Align children on the inline axis.\n     * @defaultValue stretch\n     */\n    alignInline?: StackAlignInline;\n    /** Content to be stacked vertically */\n    children: React.ReactNode;\n};\n\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(function Stack(props, ref) {\n    // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n    const {\n        spacing,\n        alignInline = 'stretch',\n        children,\n        className: _className,\n        style: _style,\n        ...restProps\n    } = props as StackProps & { className?: string; style?: React.CSSProperties };\n\n    const stackClassName = cn('flex flex-col', SPACING_MAP[spacing], ALIGN_ITEMS_MAP[alignInline]);\n\n    // Wrap each child in a div to prevent it from inheriting flex properties\n    const wrappedChildren = React.Children.map(children, (child, index) => {\n        if (child === null || child === undefined || child === false) {\n            return null;\n        }\n        return <div key={index}>{child}</div>;\n    });\n\n    return (\n        <div className={stackClassName} {...restProps} data-taco=\"stack\" ref={ref}>\n            {wrappedChildren}\n        </div>\n    );\n});\n"],"names":["React","Stack","SPACING_MAP","ALIGN_ITEMS_MAP"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,QAAQA,iBAAM,WAAuC,SAASC,OAAM,OAAO,KAAK;AAEnF,QAAA;AAAA,IACF;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEE,QAAA,iBAAiB,GAAG,iBAAiBC,OAAAA,YAAY,OAAO,GAAGC,OAAAA,gBAAgB,WAAW,CAAC;AAG7F,QAAM,kBAAkBH,iBAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AACnE,QAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,OAAO;AACnD,aAAA;AAAA,IAAA;AAEX,WAAQA,iCAAA,cAAA,OAAA,EAAI,KAAK,MAAA,GAAQ,KAAM;AAAA,EAAA,CAClC;AAGG,SAAAA,iCAAA,cAAC,SAAI,WAAW,gBAAiB,GAAG,WAAW,aAAU,SAAQ,IAAA,GAC5D,eACL;AAER,CAAC;;"}
+{"version":3,"file":"Stack.cjs","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { SPACING_MAP, ALIGN_ITEMS_MAP } from '../../utils/layout';\n\nexport type StackSpacing = keyof typeof SPACING_MAP;\nexport type StackAlignInline = keyof typeof ALIGN_ITEMS_MAP;\nexport type StackProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'> & {\n    /**\n     * Spacing between stack items in pixels.\n     * Available values: 0, 4, 8, 12, 16, 24, 32, 48\n     */\n    spacing: StackSpacing;\n    /**\n     * Align children on the inline axis.\n     * @defaultValue stretch\n     */\n    alignInline?: StackAlignInline;\n    /** Content to be stacked vertically */\n    children: React.ReactNode;\n};\n\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(function Stack(props, ref) {\n    // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n    const {\n        spacing,\n        alignInline = 'stretch',\n        children,\n        className: _className,\n        style: _style,\n        ...restProps\n    } = props as StackProps & { className?: string; style?: React.CSSProperties };\n\n    const stackClassName = cn('flex flex-col', SPACING_MAP[spacing], ALIGN_ITEMS_MAP[alignInline]);\n\n    // Wrap each child in a div to prevent it from inheriting flex properties\n    const wrappedChildren = React.Children.map(children, (child, index) => {\n        if (child === null || child === undefined || child === false) {\n            return null;\n        }\n        return <div key={index}>{child}</div>;\n    });\n\n    return (\n        <div className={stackClassName} {...restProps} data-taco=\"stack\" ref={ref}>\n            {wrappedChildren}\n        </div>\n    );\n});\n"],"names":["React","Stack","SPACING_MAP","ALIGN_ITEMS_MAP"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,QAAQA,iBAAM,WAAuC,SAASC,OAAM,OAAO,KAAK;AAEzF,QAAM;AAAA,IACF;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,iBAAiB,GAAG,iBAAiBC,OAAAA,YAAY,OAAO,GAAGC,OAAAA,gBAAgB,WAAW,CAAC;AAG7F,QAAM,kBAAkBH,iBAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AACnE,QAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,OAAO;AAC1D,aAAO;AAAA,IACX;AACA,WAAOA,iCAAA,cAAC,OAAA,EAAI,KAAK,MAAA,GAAQ,KAAM;AAAA,EACnC,CAAC;AAED,SACIA,iCAAA,cAAC,SAAI,WAAW,gBAAiB,GAAG,WAAW,aAAU,SAAQ,IAAA,GAC5D,eACL;AAER,CAAC;;"}

package/dist/components/Stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { SPACING_MAP, ALIGN_ITEMS_MAP } from '../../utils/layout';\n\nexport type StackSpacing = keyof typeof SPACING_MAP;\nexport type StackAlignInline = keyof typeof ALIGN_ITEMS_MAP;\nexport type StackProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'> & {\n    /**\n     * Spacing between stack items in pixels.\n     * Available values: 0, 4, 8, 12, 16, 24, 32, 48\n     */\n    spacing: StackSpacing;\n    /**\n     * Align children on the inline axis.\n     * @defaultValue stretch\n     */\n    alignInline?: StackAlignInline;\n    /** Content to be stacked vertically */\n    children: React.ReactNode;\n};\n\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(function Stack(props, ref) {\n    // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n    const {\n        spacing,\n        alignInline = 'stretch',\n        children,\n        className: _className,\n        style: _style,\n        ...restProps\n    } = props as StackProps & { className?: string; style?: React.CSSProperties };\n\n    const stackClassName = cn('flex flex-col', SPACING_MAP[spacing], ALIGN_ITEMS_MAP[alignInline]);\n\n    // Wrap each child in a div to prevent it from inheriting flex properties\n    const wrappedChildren = React.Children.map(children, (child, index) => {\n        if (child === null || child === undefined || child === false) {\n            return null;\n        }\n        return <div key={index}>{child}</div>;\n    });\n\n    return (\n        <div className={stackClassName} {...restProps} data-taco=\"stack\" ref={ref}>\n            {wrappedChildren}\n        </div>\n    );\n});\n"],"names":["Stack"],"mappings":";;;AAqBO,MAAM,QAAQ,MAAM,WAAuC,SAASA,OAAM,OAAO,KAAK;AAEnF,QAAA;AAAA,IACF;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEE,QAAA,iBAAiB,GAAG,iBAAiB,YAAY,OAAO,GAAG,gBAAgB,WAAW,CAAC;AAG7F,QAAM,kBAAkB,MAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AACnE,QAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,OAAO;AACnD,aAAA;AAAA,IAAA;AAEX,WAAQ,sBAAA,cAAA,OAAA,EAAI,KAAK,MAAA,GAAQ,KAAM;AAAA,EAAA,CAClC;AAGG,SAAA,sBAAA,cAAC,SAAI,WAAW,gBAAiB,GAAG,WAAW,aAAU,SAAQ,IAAA,GAC5D,eACL;AAER,CAAC;"}
+{"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { SPACING_MAP, ALIGN_ITEMS_MAP } from '../../utils/layout';\n\nexport type StackSpacing = keyof typeof SPACING_MAP;\nexport type StackAlignInline = keyof typeof ALIGN_ITEMS_MAP;\nexport type StackProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'> & {\n    /**\n     * Spacing between stack items in pixels.\n     * Available values: 0, 4, 8, 12, 16, 24, 32, 48\n     */\n    spacing: StackSpacing;\n    /**\n     * Align children on the inline axis.\n     * @defaultValue stretch\n     */\n    alignInline?: StackAlignInline;\n    /** Content to be stacked vertically */\n    children: React.ReactNode;\n};\n\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(function Stack(props, ref) {\n    // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n    const {\n        spacing,\n        alignInline = 'stretch',\n        children,\n        className: _className,\n        style: _style,\n        ...restProps\n    } = props as StackProps & { className?: string; style?: React.CSSProperties };\n\n    const stackClassName = cn('flex flex-col', SPACING_MAP[spacing], ALIGN_ITEMS_MAP[alignInline]);\n\n    // Wrap each child in a div to prevent it from inheriting flex properties\n    const wrappedChildren = React.Children.map(children, (child, index) => {\n        if (child === null || child === undefined || child === false) {\n            return null;\n        }\n        return <div key={index}>{child}</div>;\n    });\n\n    return (\n        <div className={stackClassName} {...restProps} data-taco=\"stack\" ref={ref}>\n            {wrappedChildren}\n        </div>\n    );\n});\n"],"names":["Stack"],"mappings":";;;AAqBO,MAAM,QAAQ,MAAM,WAAuC,SAASA,OAAM,OAAO,KAAK;AAEzF,QAAM;AAAA,IACF;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,iBAAiB,GAAG,iBAAiB,YAAY,OAAO,GAAG,gBAAgB,WAAW,CAAC;AAG7F,QAAM,kBAAkB,MAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AACnE,QAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,OAAO;AAC1D,aAAO;AAAA,IACX;AACA,WAAO,sBAAA,cAAC,OAAA,EAAI,KAAK,MAAA,GAAQ,KAAM;AAAA,EACnC,CAAC;AAED,SACI,sBAAA,cAAC,SAAI,WAAW,gBAAiB,GAAG,WAAW,aAAU,SAAQ,IAAA,GAC5D,eACL;AAER,CAAC;"}

package/dist/components/Switch/Switch.cjs

@@ -24,10 +24,10 @@ const Switch = React__namespace.forwardRef(function Switch2(props, ref) {
   const { checked, label, onChange, defaultChecked, ...otherProps } = props;
   const id = useId.useId(props.id);
   const className = cn(
-    "h-5 w-9 flex flex-shrink-0 rounded-full inline-flex focus-visible:yt-focus appearance-none peer enabled:cursor-pointer",
+    "peer flex inline-flex h-5 w-9 flex-shrink-0 appearance-none rounded-full focus-visible:yt-focus enabled:cursor-pointer",
     {
-      "bg-gray-300 hover:bg-gray-500 checked:bg-blue-500 checked:hover:bg-blue-700": !props.disabled,
-      "bg-gray-100 checked:bg-blue-300 cursor-not-allowed": props.disabled
+      "bg-gray-300 checked:bg-blue-500 hover:bg-gray-500 checked:hover:bg-blue-700": !props.disabled,
+      "cursor-not-allowed bg-gray-100 checked:bg-blue-300": props.disabled
     }
   );
   let labelledByProps = null;
@@ -38,7 +38,7 @@ const Switch = React__namespace.forwardRef(function Switch2(props, ref) {
     };
   }
   const handleChange = (event) => {
-    onChange == null ? void 0 : onChange(event.target.checked);
+    onChange?.(event.target.checked);
   };
   const handleKeyDown = (event) => {
     if (event.key === "Enter") {

package/dist/components/Switch/Switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { useId } from '../../hooks/useId';\n\ntype SwitchBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {\n    /** Label for the switch */\n    label?: React.ReactNode;\n    /* Whether user input is required */\n    required?: boolean;\n};\n\nexport interface UncontrolledSwitchProps extends SwitchBaseProps {\n    checked?: never;\n    onChange?: never;\n    /* The default checked state (uncontrolled) */\n    defaultChecked?: boolean;\n}\n\nexport interface ControlledSwitchProps extends SwitchBaseProps {\n    defaultChecked?: never;\n    /* The current checked state (controlled) */\n    checked: boolean;\n    /* Handler called when the checked state changes */\n    onChange: (checked: boolean) => void;\n}\n\nexport type SwitchProps = UncontrolledSwitchProps | ControlledSwitchProps;\n\nexport const Switch = React.forwardRef(function Switch(props: SwitchProps, ref: React.Ref<HTMLInputElement>) {\n    const { checked, label, onChange, defaultChecked, ...otherProps } = props;\n    const id = useId(props.id);\n\n    const className = cn(\n        'h-5 w-9 flex flex-shrink-0 rounded-full inline-flex focus-visible:yt-focus appearance-none peer enabled:cursor-pointer',\n        {\n            'bg-gray-300 hover:bg-gray-500 checked:bg-blue-500 checked:hover:bg-blue-700': !props.disabled,\n            'bg-gray-100 checked:bg-blue-300 cursor-not-allowed': props.disabled,\n        }\n    );\n\n    let labelledByProps: Record<string, string> | null = null;\n\n    if (label) {\n        labelledByProps = {\n            'aria-labelledby': `${id}-label`,\n            id,\n        };\n    }\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        onChange?.(event.target.checked);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            event.preventDefault();\n            event.currentTarget.click();\n        }\n    };\n\n    const element = (\n        <div className={cn('relative w-fit', props.className)}>\n            <input\n                {...otherProps}\n                {...labelledByProps}\n                checked={checked}\n                className={className}\n                data-taco=\"switch\"\n                defaultChecked={defaultChecked}\n                onChange={handleChange}\n                onKeyDown={handleKeyDown}\n                ref={ref}\n                role=\"switch\"\n                type=\"checkbox\"\n            />\n            <span className=\"pointer-events-none absolute right-0 mt-0.5 h-4 w-4 -translate-x-[1.1rem] rounded-full bg-white transition-transform will-change-transform peer-checked:-translate-x-[0.15rem] peer-disabled:opacity-50\" />\n        </div>\n    );\n\n    if (label) {\n        return (\n            <span className=\"flex gap-2 self-start\" data-taco=\"switch-container\">\n                {element}\n                <label\n                    className={cn(props.disabled ? 'cursor-not-allowed text-gray-300' : 'cursor-pointer')}\n                    htmlFor={id}\n                    id={`${id}-label`}>\n                    {label}\n                </label>\n            </span>\n        );\n    }\n\n    return element;\n});\nSwitch.displayName = 'Switch';\n"],"names":["React","Switch","useId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,SAASA,iBAAM,WAAW,SAASC,QAAO,OAAoB,KAAkC;AACzG,QAAM,EAAE,SAAS,OAAO,UAAU,gBAAgB,GAAG,eAAe;AAC9D,QAAA,KAAKC,MAAAA,MAAM,MAAM,EAAE;AAEzB,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,+EAA+E,CAAC,MAAM;AAAA,MACtF,sDAAsD,MAAM;AAAA,IAAA;AAAA,EAEpE;AAEA,MAAI,kBAAiD;AAErD,MAAI,OAAO;AACW,sBAAA;AAAA,MACd,mBAAmB,GAAG,EAAE;AAAA,MACxB;AAAA,IACJ;AAAA,EAAA;AAGE,QAAA,eAAe,CAAC,UAA+C;AACtD,yCAAA,MAAM,OAAO;AAAA,EAC5B;AAEM,QAAA,gBAAgB,CAAC,UAAiD;AAChE,QAAA,MAAM,QAAQ,SAAS;AACvB,YAAM,eAAe;AACrB,YAAM,cAAc,MAAM;AAAA,IAAA;AAAA,EAElC;AAEM,QAAA,yDACD,OAAI,EAAA,WAAW,GAAG,kBAAkB,MAAM,SAAS,EAChD,GAAAF,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX;AAAA,MACA,MAAK;AAAA,MACL,MAAK;AAAA,IAAA;AAAA,EAAA,GAETA,iCAAA,cAAC,QAAK,EAAA,WAAU,2MAA0M,CAC9N;AAGJ,MAAI,OAAO;AACP,0DACK,QAAK,EAAA,WAAU,yBAAwB,aAAU,sBAC7C,SACDA,iCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,MAAM,WAAW,qCAAqC,gBAAgB;AAAA,QACpF,SAAS;AAAA,QACT,IAAI,GAAG,EAAE;AAAA,MAAA;AAAA,MACR;AAAA,IAAA,CAET;AAAA,EAAA;AAID,SAAA;AACX,CAAC;AACD,OAAO,cAAc;;"}
+{"version":3,"file":"Switch.cjs","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { useId } from '../../hooks/useId';\n\ntype SwitchBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {\n    /** Label for the switch */\n    label?: React.ReactNode;\n    /* Whether user input is required */\n    required?: boolean;\n};\n\nexport interface UncontrolledSwitchProps extends SwitchBaseProps {\n    checked?: never;\n    onChange?: never;\n    /* The default checked state (uncontrolled) */\n    defaultChecked?: boolean;\n}\n\nexport interface ControlledSwitchProps extends SwitchBaseProps {\n    defaultChecked?: never;\n    /* The current checked state (controlled) */\n    checked: boolean;\n    /* Handler called when the checked state changes */\n    onChange: (checked: boolean) => void;\n}\n\nexport type SwitchProps = UncontrolledSwitchProps | ControlledSwitchProps;\n\nexport const Switch = React.forwardRef(function Switch(props: SwitchProps, ref: React.Ref<HTMLInputElement>) {\n    const { checked, label, onChange, defaultChecked, ...otherProps } = props;\n    const id = useId(props.id);\n\n    const className = cn(\n        'peer flex inline-flex h-5 w-9 flex-shrink-0 appearance-none rounded-full focus-visible:yt-focus enabled:cursor-pointer',\n        {\n            'bg-gray-300 checked:bg-blue-500 hover:bg-gray-500 checked:hover:bg-blue-700': !props.disabled,\n            'cursor-not-allowed bg-gray-100 checked:bg-blue-300': props.disabled,\n        }\n    );\n\n    let labelledByProps: Record<string, string> | null = null;\n\n    if (label) {\n        labelledByProps = {\n            'aria-labelledby': `${id}-label`,\n            id,\n        };\n    }\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        onChange?.(event.target.checked);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            event.preventDefault();\n            event.currentTarget.click();\n        }\n    };\n\n    const element = (\n        <div className={cn('relative w-fit', props.className)}>\n            <input\n                {...otherProps}\n                {...labelledByProps}\n                checked={checked}\n                className={className}\n                data-taco=\"switch\"\n                defaultChecked={defaultChecked}\n                onChange={handleChange}\n                onKeyDown={handleKeyDown}\n                ref={ref}\n                role=\"switch\"\n                type=\"checkbox\"\n            />\n            <span className=\"pointer-events-none absolute right-0 mt-0.5 h-4 w-4 -translate-x-[1.1rem] rounded-full bg-white transition-transform will-change-transform peer-checked:-translate-x-[0.15rem] peer-disabled:opacity-50\" />\n        </div>\n    );\n\n    if (label) {\n        return (\n            <span className=\"flex gap-2 self-start\" data-taco=\"switch-container\">\n                {element}\n                <label\n                    className={cn(props.disabled ? 'cursor-not-allowed text-gray-300' : 'cursor-pointer')}\n                    htmlFor={id}\n                    id={`${id}-label`}>\n                    {label}\n                </label>\n            </span>\n        );\n    }\n\n    return element;\n});\nSwitch.displayName = 'Switch';\n"],"names":["React","Switch","useId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,SAASA,iBAAM,WAAW,SAASC,QAAO,OAAoB,KAAkC;AACzG,QAAM,EAAE,SAAS,OAAO,UAAU,gBAAgB,GAAG,eAAe;AACpE,QAAM,KAAKC,MAAAA,MAAM,MAAM,EAAE;AAEzB,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,+EAA+E,CAAC,MAAM;AAAA,MACtF,sDAAsD,MAAM;AAAA,IAAA;AAAA,EAChE;AAGJ,MAAI,kBAAiD;AAErD,MAAI,OAAO;AACP,sBAAkB;AAAA,MACd,mBAAmB,GAAG,EAAE;AAAA,MACxB;AAAA,IAAA;AAAA,EAER;AAEA,QAAM,eAAe,CAAC,UAA+C;AACjE,eAAW,MAAM,OAAO,OAAO;AAAA,EACnC;AAEA,QAAM,gBAAgB,CAAC,UAAiD;AACpE,QAAI,MAAM,QAAQ,SAAS;AACvB,YAAM,eAAA;AACN,YAAM,cAAc,MAAA;AAAA,IACxB;AAAA,EACJ;AAEA,QAAM,yDACD,OAAA,EAAI,WAAW,GAAG,kBAAkB,MAAM,SAAS,EAAA,GAChDF,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX;AAAA,MACA,MAAK;AAAA,MACL,MAAK;AAAA,IAAA;AAAA,EAAA,GAETA,iCAAA,cAAC,QAAA,EAAK,WAAU,2MAA0M,CAC9N;AAGJ,MAAI,OAAO;AACP,0DACK,QAAA,EAAK,WAAU,yBAAwB,aAAU,sBAC7C,SACDA,iCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,MAAM,WAAW,qCAAqC,gBAAgB;AAAA,QACpF,SAAS;AAAA,QACT,IAAI,GAAG,EAAE;AAAA,MAAA;AAAA,MACR;AAAA,IAAA,CAET;AAAA,EAER;AAEA,SAAO;AACX,CAAC;AACD,OAAO,cAAc;;"}

package/dist/components/Switch/Switch.js

@@ -5,10 +5,10 @@ const Switch = React.forwardRef(function Switch2(props, ref) {
   const { checked, label, onChange, defaultChecked, ...otherProps } = props;
   const id = useId(props.id);
   const className = cn(
-    "h-5 w-9 flex flex-shrink-0 rounded-full inline-flex focus-visible:yt-focus appearance-none peer enabled:cursor-pointer",
+    "peer flex inline-flex h-5 w-9 flex-shrink-0 appearance-none rounded-full focus-visible:yt-focus enabled:cursor-pointer",
     {
-      "bg-gray-300 hover:bg-gray-500 checked:bg-blue-500 checked:hover:bg-blue-700": !props.disabled,
-      "bg-gray-100 checked:bg-blue-300 cursor-not-allowed": props.disabled
+      "bg-gray-300 checked:bg-blue-500 hover:bg-gray-500 checked:hover:bg-blue-700": !props.disabled,
+      "cursor-not-allowed bg-gray-100 checked:bg-blue-300": props.disabled
     }
   );
   let labelledByProps = null;
@@ -19,7 +19,7 @@ const Switch = React.forwardRef(function Switch2(props, ref) {
     };
   }
   const handleChange = (event) => {
-    onChange == null ? void 0 : onChange(event.target.checked);
+    onChange?.(event.target.checked);
   };
   const handleKeyDown = (event) => {
     if (event.key === "Enter") {

package/dist/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { useId } from '../../hooks/useId';\n\ntype SwitchBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {\n    /** Label for the switch */\n    label?: React.ReactNode;\n    /* Whether user input is required */\n    required?: boolean;\n};\n\nexport interface UncontrolledSwitchProps extends SwitchBaseProps {\n    checked?: never;\n    onChange?: never;\n    /* The default checked state (uncontrolled) */\n    defaultChecked?: boolean;\n}\n\nexport interface ControlledSwitchProps extends SwitchBaseProps {\n    defaultChecked?: never;\n    /* The current checked state (controlled) */\n    checked: boolean;\n    /* Handler called when the checked state changes */\n    onChange: (checked: boolean) => void;\n}\n\nexport type SwitchProps = UncontrolledSwitchProps | ControlledSwitchProps;\n\nexport const Switch = React.forwardRef(function Switch(props: SwitchProps, ref: React.Ref<HTMLInputElement>) {\n    const { checked, label, onChange, defaultChecked, ...otherProps } = props;\n    const id = useId(props.id);\n\n    const className = cn(\n        'h-5 w-9 flex flex-shrink-0 rounded-full inline-flex focus-visible:yt-focus appearance-none peer enabled:cursor-pointer',\n        {\n            'bg-gray-300 hover:bg-gray-500 checked:bg-blue-500 checked:hover:bg-blue-700': !props.disabled,\n            'bg-gray-100 checked:bg-blue-300 cursor-not-allowed': props.disabled,\n        }\n    );\n\n    let labelledByProps: Record<string, string> | null = null;\n\n    if (label) {\n        labelledByProps = {\n            'aria-labelledby': `${id}-label`,\n            id,\n        };\n    }\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        onChange?.(event.target.checked);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            event.preventDefault();\n            event.currentTarget.click();\n        }\n    };\n\n    const element = (\n        <div className={cn('relative w-fit', props.className)}>\n            <input\n                {...otherProps}\n                {...labelledByProps}\n                checked={checked}\n                className={className}\n                data-taco=\"switch\"\n                defaultChecked={defaultChecked}\n                onChange={handleChange}\n                onKeyDown={handleKeyDown}\n                ref={ref}\n                role=\"switch\"\n                type=\"checkbox\"\n            />\n            <span className=\"pointer-events-none absolute right-0 mt-0.5 h-4 w-4 -translate-x-[1.1rem] rounded-full bg-white transition-transform will-change-transform peer-checked:-translate-x-[0.15rem] peer-disabled:opacity-50\" />\n        </div>\n    );\n\n    if (label) {\n        return (\n            <span className=\"flex gap-2 self-start\" data-taco=\"switch-container\">\n                {element}\n                <label\n                    className={cn(props.disabled ? 'cursor-not-allowed text-gray-300' : 'cursor-pointer')}\n                    htmlFor={id}\n                    id={`${id}-label`}>\n                    {label}\n                </label>\n            </span>\n        );\n    }\n\n    return element;\n});\nSwitch.displayName = 'Switch';\n"],"names":["Switch"],"mappings":";;;AA4BO,MAAM,SAAS,MAAM,WAAW,SAASA,QAAO,OAAoB,KAAkC;AACzG,QAAM,EAAE,SAAS,OAAO,UAAU,gBAAgB,GAAG,eAAe;AAC9D,QAAA,KAAK,MAAM,MAAM,EAAE;AAEzB,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,+EAA+E,CAAC,MAAM;AAAA,MACtF,sDAAsD,MAAM;AAAA,IAAA;AAAA,EAEpE;AAEA,MAAI,kBAAiD;AAErD,MAAI,OAAO;AACW,sBAAA;AAAA,MACd,mBAAmB,GAAG,EAAE;AAAA,MACxB;AAAA,IACJ;AAAA,EAAA;AAGE,QAAA,eAAe,CAAC,UAA+C;AACtD,yCAAA,MAAM,OAAO;AAAA,EAC5B;AAEM,QAAA,gBAAgB,CAAC,UAAiD;AAChE,QAAA,MAAM,QAAQ,SAAS;AACvB,YAAM,eAAe;AACrB,YAAM,cAAc,MAAM;AAAA,IAAA;AAAA,EAElC;AAEM,QAAA,8CACD,OAAI,EAAA,WAAW,GAAG,kBAAkB,MAAM,SAAS,EAChD,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX;AAAA,MACA,MAAK;AAAA,MACL,MAAK;AAAA,IAAA;AAAA,EAAA,GAET,sBAAA,cAAC,QAAK,EAAA,WAAU,2MAA0M,CAC9N;AAGJ,MAAI,OAAO;AACP,+CACK,QAAK,EAAA,WAAU,yBAAwB,aAAU,sBAC7C,SACD,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,MAAM,WAAW,qCAAqC,gBAAgB;AAAA,QACpF,SAAS;AAAA,QACT,IAAI,GAAG,EAAE;AAAA,MAAA;AAAA,MACR;AAAA,IAAA,CAET;AAAA,EAAA;AAID,SAAA;AACX,CAAC;AACD,OAAO,cAAc;"}
+{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { useId } from '../../hooks/useId';\n\ntype SwitchBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {\n    /** Label for the switch */\n    label?: React.ReactNode;\n    /* Whether user input is required */\n    required?: boolean;\n};\n\nexport interface UncontrolledSwitchProps extends SwitchBaseProps {\n    checked?: never;\n    onChange?: never;\n    /* The default checked state (uncontrolled) */\n    defaultChecked?: boolean;\n}\n\nexport interface ControlledSwitchProps extends SwitchBaseProps {\n    defaultChecked?: never;\n    /* The current checked state (controlled) */\n    checked: boolean;\n    /* Handler called when the checked state changes */\n    onChange: (checked: boolean) => void;\n}\n\nexport type SwitchProps = UncontrolledSwitchProps | ControlledSwitchProps;\n\nexport const Switch = React.forwardRef(function Switch(props: SwitchProps, ref: React.Ref<HTMLInputElement>) {\n    const { checked, label, onChange, defaultChecked, ...otherProps } = props;\n    const id = useId(props.id);\n\n    const className = cn(\n        'peer flex inline-flex h-5 w-9 flex-shrink-0 appearance-none rounded-full focus-visible:yt-focus enabled:cursor-pointer',\n        {\n            'bg-gray-300 checked:bg-blue-500 hover:bg-gray-500 checked:hover:bg-blue-700': !props.disabled,\n            'cursor-not-allowed bg-gray-100 checked:bg-blue-300': props.disabled,\n        }\n    );\n\n    let labelledByProps: Record<string, string> | null = null;\n\n    if (label) {\n        labelledByProps = {\n            'aria-labelledby': `${id}-label`,\n            id,\n        };\n    }\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        onChange?.(event.target.checked);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            event.preventDefault();\n            event.currentTarget.click();\n        }\n    };\n\n    const element = (\n        <div className={cn('relative w-fit', props.className)}>\n            <input\n                {...otherProps}\n                {...labelledByProps}\n                checked={checked}\n                className={className}\n                data-taco=\"switch\"\n                defaultChecked={defaultChecked}\n                onChange={handleChange}\n                onKeyDown={handleKeyDown}\n                ref={ref}\n                role=\"switch\"\n                type=\"checkbox\"\n            />\n            <span className=\"pointer-events-none absolute right-0 mt-0.5 h-4 w-4 -translate-x-[1.1rem] rounded-full bg-white transition-transform will-change-transform peer-checked:-translate-x-[0.15rem] peer-disabled:opacity-50\" />\n        </div>\n    );\n\n    if (label) {\n        return (\n            <span className=\"flex gap-2 self-start\" data-taco=\"switch-container\">\n                {element}\n                <label\n                    className={cn(props.disabled ? 'cursor-not-allowed text-gray-300' : 'cursor-pointer')}\n                    htmlFor={id}\n                    id={`${id}-label`}>\n                    {label}\n                </label>\n            </span>\n        );\n    }\n\n    return element;\n});\nSwitch.displayName = 'Switch';\n"],"names":["Switch"],"mappings":";;;AA4BO,MAAM,SAAS,MAAM,WAAW,SAASA,QAAO,OAAoB,KAAkC;AACzG,QAAM,EAAE,SAAS,OAAO,UAAU,gBAAgB,GAAG,eAAe;AACpE,QAAM,KAAK,MAAM,MAAM,EAAE;AAEzB,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,+EAA+E,CAAC,MAAM;AAAA,MACtF,sDAAsD,MAAM;AAAA,IAAA;AAAA,EAChE;AAGJ,MAAI,kBAAiD;AAErD,MAAI,OAAO;AACP,sBAAkB;AAAA,MACd,mBAAmB,GAAG,EAAE;AAAA,MACxB;AAAA,IAAA;AAAA,EAER;AAEA,QAAM,eAAe,CAAC,UAA+C;AACjE,eAAW,MAAM,OAAO,OAAO;AAAA,EACnC;AAEA,QAAM,gBAAgB,CAAC,UAAiD;AACpE,QAAI,MAAM,QAAQ,SAAS;AACvB,YAAM,eAAA;AACN,YAAM,cAAc,MAAA;AAAA,IACxB;AAAA,EACJ;AAEA,QAAM,8CACD,OAAA,EAAI,WAAW,GAAG,kBAAkB,MAAM,SAAS,EAAA,GAChD,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX;AAAA,MACA,MAAK;AAAA,MACL,MAAK;AAAA,IAAA;AAAA,EAAA,GAET,sBAAA,cAAC,QAAA,EAAK,WAAU,2MAA0M,CAC9N;AAGJ,MAAI,OAAO;AACP,+CACK,QAAA,EAAK,WAAU,yBAAwB,aAAU,sBAC7C,SACD,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,MAAM,WAAW,qCAAqC,gBAAgB;AAAA,QACpF,SAAS;AAAA,QACT,IAAI,GAAG,EAAE;AAAA,MAAA;AAAA,MACR;AAAA,IAAA,CAET;AAAA,EAER;AAEA,SAAO;AACX,CAAC;AACD,OAAO,cAAc;"}

package/dist/components/Table3/Table3.cjs

@@ -17,20 +17,22 @@ function Group(_) {
 }
 Group.displayName = "Table3Group";
 const BaseTable3 = types.fixedForwardRef(function BaseTable32(props, ref) {
-  var _a, _b;
   const table3 = useTable3.useTable3(props, ref);
   const gridAttributes = {
-    "data-table-editing-mode": ((_a = table3.meta.editing) == null ? void 0 : _a.isEditing) ? ((_b = table3.meta.editing) == null ? void 0 : _b.isDetailedMode) ? "detailed" : "normal" : void 0,
+    "data-table-editing-mode": table3.meta.editing?.isEditing ? table3.meta.editing?.isDetailedMode ? "detailed" : "normal" : void 0,
     "data-has-changes": table3.meta.editing.isDirty ? "true" : void 0,
     enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing
   };
   const rowsById = table3.instance.getCoreRowModel().rowsById;
-  const hasAlertErrors = table3.meta.editing.getErrorsShownInAlert().filter((row) => {
+  const hasAlertErrors = table3.meta.editing.getErrorsShownInAlert().some((row) => {
     if (table3.meta.server._experimentalDataLoader2) {
       return true;
     }
-    return rowsById[row.rowId];
-  }).length;
+    if (rowsById[row.rowId]) {
+      return true;
+    }
+    return table3.meta.editing.hasChanges(row.rowId);
+  });
   const hasCreateWorkflow = table3.meta.editing.isEnabled && props.onEditingCreate;
   const [hasScrollbar, isScrolled] = editing.isTableScrolled(table3.ref);
   let createWorkflow;

package/dist/components/Table3/Table3.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table3.cjs","sources":["../../../src/components/Table3/Table3.tsx"],"sourcesContent":["import React from 'react';\nimport { fixedForwardRef } from '../../types';\nimport { useTable3 } from './useTable3';\nimport { Table } from '../../primitives/Table/Core/Table';\nimport { Alert } from './components/Editing/Alert';\nimport { Table3Props, Table3Ref, Table3ColumnProps, Table3GroupProps } from './types';\nimport { Editing } from './components/Toolbar/Editing/Editing';\nimport { CreateNewRow } from './components/Row/Editing/CreateNewRow';\nimport { TemporaryRows } from './components/Row/Editing/TemporaryRow';\nimport { isTableScrolled } from './util/editing';\nimport './style.css';\n\nconst Column: React.FC<Table3ColumnProps<unknown>> & {\n    <TType = unknown>(_: Table3ColumnProps<TType>): null;\n} = () => null;\n\nColumn.displayName = 'Table3Column';\n\nfunction Group(_: Table3GroupProps) {\n    return null;\n}\nGroup.displayName = 'Table3Group';\n\nconst BaseTable3 = fixedForwardRef(function BaseTable3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const table3 = useTable3<TType>(props, ref);\n\n    const gridAttributes = {\n        'data-table-editing-mode': table3.meta.editing?.isEditing\n            ? table3.meta.editing?.isDetailedMode\n                ? 'detailed'\n                : 'normal'\n            : undefined,\n        'data-has-changes': table3.meta.editing.isDirty ? 'true' : undefined,\n        enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing,\n    };\n\n    const rowsById = table3.instance.getCoreRowModel().rowsById;\n    const hasAlertErrors = table3.meta.editing.getErrorsShownInAlert().filter(row => {\n        if (table3.meta.server._experimentalDataLoader2) {\n            // consumers of dataloader2 need to run a cleanup function, as this would otherwise return false when pages are unloaded.\n            return true;\n        }\n\n        return rowsById[row.rowId];\n    }).length;\n\n    const hasCreateWorkflow = table3.meta.editing.isEnabled && props.onEditingCreate;\n    const [hasScrollbar, isScrolled] = isTableScrolled(table3.ref);\n\n    let createWorkflow;\n\n    if (hasCreateWorkflow) {\n        createWorkflow = (\n            <CreateNewRow\n                buttonRef={table3.meta.editing.createRowButtonRef}\n                hasScrollbar={hasScrollbar}\n                table={table3.instance}\n                tableMeta={table3.meta}\n                tableRef={table3.ref}\n            />\n        );\n    }\n\n    return (\n        <Table>\n            <Table.Toolbar<TType> table={table3}>\n                {table3.meta.editing.isEnabled ? (\n                    <Editing scrollToIndex={table3.renderer.scrollToIndex} table={table3.instance} />\n                ) : null}\n            </Table.Toolbar>\n            {hasAlertErrors ? (\n                <Alert\n                    className=\"mb-4\"\n                    scrollToIndex={table3.renderer.scrollToIndex}\n                    table={table3.instance}\n                    tableRef={table3.ref}\n                />\n            ) : null}\n            <Table.Grid<TType>\n                {...gridAttributes}\n                data-taco=\"table3\"\n                footerRows={hasCreateWorkflow && isScrolled ? createWorkflow : undefined}\n                table={table3}>\n                {hasCreateWorkflow ? (\n                    <>\n                        <TemporaryRows\n                            createRowButtonRef={table3.meta.editing.createRowButtonRef}\n                            hasScrollbar={hasScrollbar}\n                            table={table3.instance}\n                            tableMeta={table3.meta}\n                            tableRef={table3.ref}\n                        />\n                        {isScrolled ? null : createWorkflow}\n                    </>\n                ) : null}\n            </Table.Grid>\n        </Table>\n    );\n});\n\nexport const Table3 = fixedForwardRef(function Table3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const stringifiedChildren = String(props.children);\n    // we force a remount (using key) when the child columns change because there are too many places to add children as an effect\n    // this is cheaper from a complexity perspective, and probably performance wise as well\n    const key = React.useMemo(() => String('tableKey_' + stringifiedChildren), [stringifiedChildren]);\n    return <BaseTable3<TType> {...props} key={key} ref={ref} />;\n}) as (<TType = unknown>(props: Table3Props<TType> & React.RefAttributes<Table3Ref>) => JSX.Element) & {\n    Column: typeof Column;\n    Group: typeof Group;\n};\nTable3.Column = Column;\nTable3.Group = Group;\n\nexport type {\n    Table3Ref,\n    Table3Props,\n    Table3ColumnProps,\n    Table3GroupProps,\n    Table3EditingSaveHandler,\n    Table3EditingValidatorFn,\n    Table3Texts,\n    Table3FeatureProps,\n    Table3CommonProps,\n    Table3WithoutEditingWithClientProps,\n    Table3WithoutEditingWithServerProps,\n    Table3WithEditingProps,\n    Table3WithEditingWithClientProps,\n    Table3WithEditingWithServerProps,\n    Table3EditingChangeHandler,\n    Table3EditingCreateHandler,\n} from './types';\n"],"names":["fixedForwardRef","BaseTable3","useTable3","isTableScrolled","CreateNewRow","Table","Editing","Alert","TemporaryRows","Table3"],"mappings":";;;;;;;;;;;;AAYA,MAAM,SAEF,MAAM;AAEV,OAAO,cAAc;AAErB,SAAS,MAAM,GAAqB;AACzB,SAAA;AACX;AACA,MAAM,cAAc;AAEpB,MAAM,aAAaA,MAAAA,gBAAgB,SAASC,YAA4B,OAA2B,KAA2B;;AACpH,QAAA,SAASC,UAAAA,UAAiB,OAAO,GAAG;AAE1C,QAAM,iBAAiB;AAAA,IACnB,6BAA2B,YAAO,KAAK,YAAZ,mBAAqB,eAC1C,YAAO,KAAK,YAAZ,mBAAqB,kBACjB,aACA,WACJ;AAAA,IACN,oBAAoB,OAAO,KAAK,QAAQ,UAAU,SAAS;AAAA,IAC3D,oCAAoC,OAAO,KAAK,QAAQ;AAAA,EAC5D;AAEA,QAAM,WAAW,OAAO,SAAS,gBAAkB,EAAA;AACnD,QAAM,iBAAiB,OAAO,KAAK,QAAQ,wBAAwB,OAAO,CAAO,QAAA;AACzE,QAAA,OAAO,KAAK,OAAO,0BAA0B;AAEtC,aAAA;AAAA,IAAA;AAGJ,WAAA,SAAS,IAAI,KAAK;AAAA,EAC5B,CAAA,EAAE;AAEH,QAAM,oBAAoB,OAAO,KAAK,QAAQ,aAAa,MAAM;AACjE,QAAM,CAAC,cAAc,UAAU,IAAIC,QAAAA,gBAAgB,OAAO,GAAG;AAEzD,MAAA;AAEJ,MAAI,mBAAmB;AAEf,qBAAA,sBAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACG,WAAW,OAAO,KAAK,QAAQ;AAAA,QAC/B;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,UAAU,OAAO;AAAA,MAAA;AAAA,IACrB;AAAA,EAAA;AAKJ,SAAA,sBAAA,cAACC,MAAAA,OACG,MAAA,sBAAA,cAACA,MAAAA,MAAM,SAAN,EAAqB,OAAO,OAAA,GACxB,OAAO,KAAK,QAAQ,gDAChBC,QAAAA,SAAQ,EAAA,eAAe,OAAO,SAAS,eAAe,OAAO,OAAO,SAAU,CAAA,IAC/E,IACR,GACC,iBACG,sBAAA;AAAA,IAACC,MAAA;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,eAAe,OAAO,SAAS;AAAA,MAC/B,OAAO,OAAO;AAAA,MACd,UAAU,OAAO;AAAA,IAAA;AAAA,EAAA,IAErB,MACJ,sBAAA;AAAA,IAACF,MAAAA,MAAM;AAAA,IAAN;AAAA,MACI,GAAG;AAAA,MACJ,aAAU;AAAA,MACV,YAAY,qBAAqB,aAAa,iBAAiB;AAAA,MAC/D,OAAO;AAAA,IAAA;AAAA,IACN,oBAEO,sBAAA,cAAA,MAAA,UAAA,MAAA,sBAAA;AAAA,MAACG,aAAA;AAAA,MAAA;AAAA,QACG,oBAAoB,OAAO,KAAK,QAAQ;AAAA,QACxC;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,UAAU,OAAO;AAAA,MAAA;AAAA,IAAA,GAEpB,aAAa,OAAO,cACzB,IACA;AAAA,EAAA,CAEZ;AAER,CAAC;AAEM,MAAM,SAASR,MAAAA,gBAAgB,SAASS,QAAwB,OAA2B,KAA2B;AACnH,QAAA,sBAAsB,OAAO,MAAM,QAAQ;AAG3C,QAAA,MAAM,MAAM,QAAQ,MAAM,OAAO,cAAc,mBAAmB,GAAG,CAAC,mBAAmB,CAAC;AAChG,SAAQ,sBAAA,cAAA,YAAA,EAAmB,GAAG,OAAO,KAAU,KAAU;AAC7D,CAAC;AAID,OAAO,SAAS;AAChB,OAAO,QAAQ;;"}
+{"version":3,"file":"Table3.cjs","sources":["../../../src/components/Table3/Table3.tsx"],"sourcesContent":["import React from 'react';\nimport { fixedForwardRef } from '../../types';\nimport { useTable3 } from './useTable3';\nimport { Table } from '../../primitives/Table/Core/Table';\nimport { Alert } from './components/Editing/Alert';\nimport { Table3Props, Table3Ref, Table3ColumnProps, Table3GroupProps } from './types';\nimport { Editing } from './components/Toolbar/Editing/Editing';\nimport { CreateNewRow } from './components/Row/Editing/CreateNewRow';\nimport { TemporaryRows } from './components/Row/Editing/TemporaryRow';\nimport { isTableScrolled } from './util/editing';\nimport './style.css';\n\nconst Column: React.FC<Table3ColumnProps<unknown>> & {\n    <TType = unknown>(_: Table3ColumnProps<TType>): null;\n} = () => null;\n\nColumn.displayName = 'Table3Column';\n\nfunction Group(_: Table3GroupProps) {\n    return null;\n}\nGroup.displayName = 'Table3Group';\n\nconst BaseTable3 = fixedForwardRef(function BaseTable3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const table3 = useTable3<TType>(props, ref);\n\n    const gridAttributes = {\n        'data-table-editing-mode': table3.meta.editing?.isEditing\n            ? table3.meta.editing?.isDetailedMode\n                ? 'detailed'\n                : 'normal'\n            : undefined,\n        'data-has-changes': table3.meta.editing.isDirty ? 'true' : undefined,\n        enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing,\n    };\n\n    const rowsById = table3.instance.getCoreRowModel().rowsById;\n    const hasAlertErrors = table3.meta.editing.getErrorsShownInAlert().some(row => {\n        if (table3.meta.server._experimentalDataLoader2) {\n            // consumers of dataloader2 need to run a cleanup function, as this would otherwise return false when pages are unloaded.\n            return true;\n        }\n\n        if (rowsById[row.rowId]) {\n            return true;\n        }\n\n        // Keep the alert when the row is hidden by filtering (or pagination) but still has unsaved edits.\n        return table3.meta.editing.hasChanges(row.rowId);\n    });\n\n    const hasCreateWorkflow = table3.meta.editing.isEnabled && props.onEditingCreate;\n    const [hasScrollbar, isScrolled] = isTableScrolled(table3.ref);\n\n    let createWorkflow;\n\n    if (hasCreateWorkflow) {\n        createWorkflow = (\n            <CreateNewRow\n                buttonRef={table3.meta.editing.createRowButtonRef}\n                hasScrollbar={hasScrollbar}\n                table={table3.instance}\n                tableMeta={table3.meta}\n                tableRef={table3.ref}\n            />\n        );\n    }\n\n    return (\n        <Table>\n            <Table.Toolbar<TType> table={table3}>\n                {table3.meta.editing.isEnabled ? (\n                    <Editing scrollToIndex={table3.renderer.scrollToIndex} table={table3.instance} />\n                ) : null}\n            </Table.Toolbar>\n            {hasAlertErrors ? (\n                <Alert\n                    className=\"mb-4\"\n                    scrollToIndex={table3.renderer.scrollToIndex}\n                    table={table3.instance}\n                    tableRef={table3.ref}\n                />\n            ) : null}\n            <Table.Grid<TType>\n                {...gridAttributes}\n                data-taco=\"table3\"\n                footerRows={hasCreateWorkflow && isScrolled ? createWorkflow : undefined}\n                table={table3}>\n                {hasCreateWorkflow ? (\n                    <>\n                        <TemporaryRows\n                            createRowButtonRef={table3.meta.editing.createRowButtonRef}\n                            hasScrollbar={hasScrollbar}\n                            table={table3.instance}\n                            tableMeta={table3.meta}\n                            tableRef={table3.ref}\n                        />\n                        {isScrolled ? null : createWorkflow}\n                    </>\n                ) : null}\n            </Table.Grid>\n        </Table>\n    );\n});\n\nexport const Table3 = fixedForwardRef(function Table3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const stringifiedChildren = String(props.children);\n    // we force a remount (using key) when the child columns change because there are too many places to add children as an effect\n    // this is cheaper from a complexity perspective, and probably performance wise as well\n    const key = React.useMemo(() => String('tableKey_' + stringifiedChildren), [stringifiedChildren]);\n    return <BaseTable3<TType> {...props} key={key} ref={ref} />;\n}) as (<TType = unknown>(props: Table3Props<TType> & React.RefAttributes<Table3Ref>) => React.JSX.Element) & {\n    Column: typeof Column;\n    Group: typeof Group;\n};\nTable3.Column = Column;\nTable3.Group = Group;\n\nexport type {\n    Table3Ref,\n    Table3Props,\n    Table3ColumnProps,\n    Table3GroupProps,\n    Table3EditingSaveHandler,\n    Table3EditingValidatorFn,\n    Table3Texts,\n    Table3FeatureProps,\n    Table3CommonProps,\n    Table3WithoutEditingWithClientProps,\n    Table3WithoutEditingWithServerProps,\n    Table3WithEditingProps,\n    Table3WithEditingWithClientProps,\n    Table3WithEditingWithServerProps,\n    Table3EditingChangeHandler,\n    Table3EditingCreateHandler,\n} from './types';\n"],"names":["fixedForwardRef","BaseTable3","useTable3","isTableScrolled","CreateNewRow","Table","Editing","Alert","TemporaryRows","Table3"],"mappings":";;;;;;;;;;;;AAYA,MAAM,SAEF,MAAM;AAEV,OAAO,cAAc;AAErB,SAAS,MAAM,GAAqB;AAChC,SAAO;AACX;AACA,MAAM,cAAc;AAEpB,MAAM,aAAaA,MAAAA,gBAAgB,SAASC,YAA4B,OAA2B,KAA2B;AAC1H,QAAM,SAASC,UAAAA,UAAiB,OAAO,GAAG;AAE1C,QAAM,iBAAiB;AAAA,IACnB,2BAA2B,OAAO,KAAK,SAAS,YAC1C,OAAO,KAAK,SAAS,iBACjB,aACA,WACJ;AAAA,IACN,oBAAoB,OAAO,KAAK,QAAQ,UAAU,SAAS;AAAA,IAC3D,oCAAoC,OAAO,KAAK,QAAQ;AAAA,EAAA;AAG5D,QAAM,WAAW,OAAO,SAAS,gBAAA,EAAkB;AACnD,QAAM,iBAAiB,OAAO,KAAK,QAAQ,wBAAwB,KAAK,CAAA,QAAO;AAC3E,QAAI,OAAO,KAAK,OAAO,0BAA0B;AAE7C,aAAO;AAAA,IACX;AAEA,QAAI,SAAS,IAAI,KAAK,GAAG;AACrB,aAAO;AAAA,IACX;AAGA,WAAO,OAAO,KAAK,QAAQ,WAAW,IAAI,KAAK;AAAA,EACnD,CAAC;AAED,QAAM,oBAAoB,OAAO,KAAK,QAAQ,aAAa,MAAM;AACjE,QAAM,CAAC,cAAc,UAAU,IAAIC,QAAAA,gBAAgB,OAAO,GAAG;AAE7D,MAAI;AAEJ,MAAI,mBAAmB;AACnB,qBACI,sBAAA;AAAA,MAACC,aAAAA;AAAAA,MAAA;AAAA,QACG,WAAW,OAAO,KAAK,QAAQ;AAAA,QAC/B;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,UAAU,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAG7B;AAEA,SACI,sBAAA,cAACC,MAAAA,OAAA,MACG,sBAAA,cAACA,MAAAA,MAAM,SAAN,EAAqB,OAAO,OAAA,GACxB,OAAO,KAAK,QAAQ,gDAChBC,QAAAA,SAAA,EAAQ,eAAe,OAAO,SAAS,eAAe,OAAO,OAAO,SAAA,CAAU,IAC/E,IACR,GACC,iBACG,sBAAA;AAAA,IAACC,MAAAA;AAAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,eAAe,OAAO,SAAS;AAAA,MAC/B,OAAO,OAAO;AAAA,MACd,UAAU,OAAO;AAAA,IAAA;AAAA,EAAA,IAErB,MACJ,sBAAA;AAAA,IAACF,MAAAA,MAAM;AAAA,IAAN;AAAA,MACI,GAAG;AAAA,MACJ,aAAU;AAAA,MACV,YAAY,qBAAqB,aAAa,iBAAiB;AAAA,MAC/D,OAAO;AAAA,IAAA;AAAA,IACN,oBACG,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA;AAAA,MAACG,aAAAA;AAAAA,MAAA;AAAA,QACG,oBAAoB,OAAO,KAAK,QAAQ;AAAA,QACxC;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,UAAU,OAAO;AAAA,MAAA;AAAA,IAAA,GAEpB,aAAa,OAAO,cACzB,IACA;AAAA,EAAA,CAEZ;AAER,CAAC;AAEM,MAAM,SAASR,MAAAA,gBAAgB,SAASS,QAAwB,OAA2B,KAA2B;AACzH,QAAM,sBAAsB,OAAO,MAAM,QAAQ;AAGjD,QAAM,MAAM,MAAM,QAAQ,MAAM,OAAO,cAAc,mBAAmB,GAAG,CAAC,mBAAmB,CAAC;AAChG,SAAO,sBAAA,cAAC,YAAA,EAAmB,GAAG,OAAO,KAAU,KAAU;AAC7D,CAAC;AAID,OAAO,SAAS;AAChB,OAAO,QAAQ;;"}

package/dist/components/Table3/Table3.d.ts

@@ -7,7 +7,7 @@ declare function Group(_: Table3GroupProps): null;
 declare namespace Group {
     var displayName: string;
 }
-export declare const Table3: (<TType = unknown>(props: Table3Props<TType> & React.RefAttributes<Table3Ref>) => JSX.Element) & {
+export declare const Table3: (<TType = unknown>(props: Table3Props<TType> & React.RefAttributes<Table3Ref>) => React.JSX.Element) & {
     Column: typeof Column;
     Group: typeof Group;
 };

package/dist/components/Table3/Table3.js

@@ -15,20 +15,22 @@ function Group(_) {
 }
 Group.displayName = "Table3Group";
 const BaseTable3 = fixedForwardRef(function BaseTable32(props, ref) {
-  var _a, _b;
   const table3 = useTable3(props, ref);
   const gridAttributes = {
-    "data-table-editing-mode": ((_a = table3.meta.editing) == null ? void 0 : _a.isEditing) ? ((_b = table3.meta.editing) == null ? void 0 : _b.isDetailedMode) ? "detailed" : "normal" : void 0,
+    "data-table-editing-mode": table3.meta.editing?.isEditing ? table3.meta.editing?.isDetailedMode ? "detailed" : "normal" : void 0,
     "data-has-changes": table3.meta.editing.isDirty ? "true" : void 0,
     enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing
   };
   const rowsById = table3.instance.getCoreRowModel().rowsById;
-  const hasAlertErrors = table3.meta.editing.getErrorsShownInAlert().filter((row) => {
+  const hasAlertErrors = table3.meta.editing.getErrorsShownInAlert().some((row) => {
     if (table3.meta.server._experimentalDataLoader2) {
       return true;
     }
-    return rowsById[row.rowId];
-  }).length;
+    if (rowsById[row.rowId]) {
+      return true;
+    }
+    return table3.meta.editing.hasChanges(row.rowId);
+  });
   const hasCreateWorkflow = table3.meta.editing.isEnabled && props.onEditingCreate;
   const [hasScrollbar, isScrolled] = isTableScrolled(table3.ref);
   let createWorkflow;

package/dist/components/Table3/Table3.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table3.js","sources":["../../../src/components/Table3/Table3.tsx"],"sourcesContent":["import React from 'react';\nimport { fixedForwardRef } from '../../types';\nimport { useTable3 } from './useTable3';\nimport { Table } from '../../primitives/Table/Core/Table';\nimport { Alert } from './components/Editing/Alert';\nimport { Table3Props, Table3Ref, Table3ColumnProps, Table3GroupProps } from './types';\nimport { Editing } from './components/Toolbar/Editing/Editing';\nimport { CreateNewRow } from './components/Row/Editing/CreateNewRow';\nimport { TemporaryRows } from './components/Row/Editing/TemporaryRow';\nimport { isTableScrolled } from './util/editing';\nimport './style.css';\n\nconst Column: React.FC<Table3ColumnProps<unknown>> & {\n    <TType = unknown>(_: Table3ColumnProps<TType>): null;\n} = () => null;\n\nColumn.displayName = 'Table3Column';\n\nfunction Group(_: Table3GroupProps) {\n    return null;\n}\nGroup.displayName = 'Table3Group';\n\nconst BaseTable3 = fixedForwardRef(function BaseTable3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const table3 = useTable3<TType>(props, ref);\n\n    const gridAttributes = {\n        'data-table-editing-mode': table3.meta.editing?.isEditing\n            ? table3.meta.editing?.isDetailedMode\n                ? 'detailed'\n                : 'normal'\n            : undefined,\n        'data-has-changes': table3.meta.editing.isDirty ? 'true' : undefined,\n        enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing,\n    };\n\n    const rowsById = table3.instance.getCoreRowModel().rowsById;\n    const hasAlertErrors = table3.meta.editing.getErrorsShownInAlert().filter(row => {\n        if (table3.meta.server._experimentalDataLoader2) {\n            // consumers of dataloader2 need to run a cleanup function, as this would otherwise return false when pages are unloaded.\n            return true;\n        }\n\n        return rowsById[row.rowId];\n    }).length;\n\n    const hasCreateWorkflow = table3.meta.editing.isEnabled && props.onEditingCreate;\n    const [hasScrollbar, isScrolled] = isTableScrolled(table3.ref);\n\n    let createWorkflow;\n\n    if (hasCreateWorkflow) {\n        createWorkflow = (\n            <CreateNewRow\n                buttonRef={table3.meta.editing.createRowButtonRef}\n                hasScrollbar={hasScrollbar}\n                table={table3.instance}\n                tableMeta={table3.meta}\n                tableRef={table3.ref}\n            />\n        );\n    }\n\n    return (\n        <Table>\n            <Table.Toolbar<TType> table={table3}>\n                {table3.meta.editing.isEnabled ? (\n                    <Editing scrollToIndex={table3.renderer.scrollToIndex} table={table3.instance} />\n                ) : null}\n            </Table.Toolbar>\n            {hasAlertErrors ? (\n                <Alert\n                    className=\"mb-4\"\n                    scrollToIndex={table3.renderer.scrollToIndex}\n                    table={table3.instance}\n                    tableRef={table3.ref}\n                />\n            ) : null}\n            <Table.Grid<TType>\n                {...gridAttributes}\n                data-taco=\"table3\"\n                footerRows={hasCreateWorkflow && isScrolled ? createWorkflow : undefined}\n                table={table3}>\n                {hasCreateWorkflow ? (\n                    <>\n                        <TemporaryRows\n                            createRowButtonRef={table3.meta.editing.createRowButtonRef}\n                            hasScrollbar={hasScrollbar}\n                            table={table3.instance}\n                            tableMeta={table3.meta}\n                            tableRef={table3.ref}\n                        />\n                        {isScrolled ? null : createWorkflow}\n                    </>\n                ) : null}\n            </Table.Grid>\n        </Table>\n    );\n});\n\nexport const Table3 = fixedForwardRef(function Table3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const stringifiedChildren = String(props.children);\n    // we force a remount (using key) when the child columns change because there are too many places to add children as an effect\n    // this is cheaper from a complexity perspective, and probably performance wise as well\n    const key = React.useMemo(() => String('tableKey_' + stringifiedChildren), [stringifiedChildren]);\n    return <BaseTable3<TType> {...props} key={key} ref={ref} />;\n}) as (<TType = unknown>(props: Table3Props<TType> & React.RefAttributes<Table3Ref>) => JSX.Element) & {\n    Column: typeof Column;\n    Group: typeof Group;\n};\nTable3.Column = Column;\nTable3.Group = Group;\n\nexport type {\n    Table3Ref,\n    Table3Props,\n    Table3ColumnProps,\n    Table3GroupProps,\n    Table3EditingSaveHandler,\n    Table3EditingValidatorFn,\n    Table3Texts,\n    Table3FeatureProps,\n    Table3CommonProps,\n    Table3WithoutEditingWithClientProps,\n    Table3WithoutEditingWithServerProps,\n    Table3WithEditingProps,\n    Table3WithEditingWithClientProps,\n    Table3WithEditingWithServerProps,\n    Table3EditingChangeHandler,\n    Table3EditingCreateHandler,\n} from './types';\n"],"names":["BaseTable3","React","Table3"],"mappings":";;;;;;;;;;AAYA,MAAM,SAEF,MAAM;AAEV,OAAO,cAAc;AAErB,SAAS,MAAM,GAAqB;AACzB,SAAA;AACX;AACA,MAAM,cAAc;AAEpB,MAAM,aAAa,gBAAgB,SAASA,YAA4B,OAA2B,KAA2B;;AACpH,QAAA,SAAS,UAAiB,OAAO,GAAG;AAE1C,QAAM,iBAAiB;AAAA,IACnB,6BAA2B,YAAO,KAAK,YAAZ,mBAAqB,eAC1C,YAAO,KAAK,YAAZ,mBAAqB,kBACjB,aACA,WACJ;AAAA,IACN,oBAAoB,OAAO,KAAK,QAAQ,UAAU,SAAS;AAAA,IAC3D,oCAAoC,OAAO,KAAK,QAAQ;AAAA,EAC5D;AAEA,QAAM,WAAW,OAAO,SAAS,gBAAkB,EAAA;AACnD,QAAM,iBAAiB,OAAO,KAAK,QAAQ,wBAAwB,OAAO,CAAO,QAAA;AACzE,QAAA,OAAO,KAAK,OAAO,0BAA0B;AAEtC,aAAA;AAAA,IAAA;AAGJ,WAAA,SAAS,IAAI,KAAK;AAAA,EAC5B,CAAA,EAAE;AAEH,QAAM,oBAAoB,OAAO,KAAK,QAAQ,aAAa,MAAM;AACjE,QAAM,CAAC,cAAc,UAAU,IAAI,gBAAgB,OAAO,GAAG;AAEzD,MAAA;AAEJ,MAAI,mBAAmB;AAEf,qBAAAC,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO,KAAK,QAAQ;AAAA,QAC/B;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,UAAU,OAAO;AAAA,MAAA;AAAA,IACrB;AAAA,EAAA;AAKJ,SAAAA,+BAAA,cAAC,OACG,MAAAA,+BAAA,cAAC,MAAM,SAAN,EAAqB,OAAO,OAAA,GACxB,OAAO,KAAK,QAAQ,yDAChB,SAAQ,EAAA,eAAe,OAAO,SAAS,eAAe,OAAO,OAAO,SAAU,CAAA,IAC/E,IACR,GACC,iBACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,eAAe,OAAO,SAAS;AAAA,MAC/B,OAAO,OAAO;AAAA,MACd,UAAU,OAAO;AAAA,IAAA;AAAA,EAAA,IAErB,MACJA,+BAAA;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACI,GAAG;AAAA,MACJ,aAAU;AAAA,MACV,YAAY,qBAAqB,aAAa,iBAAiB;AAAA,MAC/D,OAAO;AAAA,IAAA;AAAA,IACN,oBAEOA,+BAAA,cAAAA,eAAA,UAAA,MAAAA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,oBAAoB,OAAO,KAAK,QAAQ;AAAA,QACxC;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,UAAU,OAAO;AAAA,MAAA;AAAA,IAAA,GAEpB,aAAa,OAAO,cACzB,IACA;AAAA,EAAA,CAEZ;AAER,CAAC;AAEM,MAAM,SAAS,gBAAgB,SAASC,QAAwB,OAA2B,KAA2B;AACnH,QAAA,sBAAsB,OAAO,MAAM,QAAQ;AAG3C,QAAA,MAAMD,eAAM,QAAQ,MAAM,OAAO,cAAc,mBAAmB,GAAG,CAAC,mBAAmB,CAAC;AAChG,SAAQA,+BAAA,cAAA,YAAA,EAAmB,GAAG,OAAO,KAAU,KAAU;AAC7D,CAAC;AAID,OAAO,SAAS;AAChB,OAAO,QAAQ;"}
+{"version":3,"file":"Table3.js","sources":["../../../src/components/Table3/Table3.tsx"],"sourcesContent":["import React from 'react';\nimport { fixedForwardRef } from '../../types';\nimport { useTable3 } from './useTable3';\nimport { Table } from '../../primitives/Table/Core/Table';\nimport { Alert } from './components/Editing/Alert';\nimport { Table3Props, Table3Ref, Table3ColumnProps, Table3GroupProps } from './types';\nimport { Editing } from './components/Toolbar/Editing/Editing';\nimport { CreateNewRow } from './components/Row/Editing/CreateNewRow';\nimport { TemporaryRows } from './components/Row/Editing/TemporaryRow';\nimport { isTableScrolled } from './util/editing';\nimport './style.css';\n\nconst Column: React.FC<Table3ColumnProps<unknown>> & {\n    <TType = unknown>(_: Table3ColumnProps<TType>): null;\n} = () => null;\n\nColumn.displayName = 'Table3Column';\n\nfunction Group(_: Table3GroupProps) {\n    return null;\n}\nGroup.displayName = 'Table3Group';\n\nconst BaseTable3 = fixedForwardRef(function BaseTable3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const table3 = useTable3<TType>(props, ref);\n\n    const gridAttributes = {\n        'data-table-editing-mode': table3.meta.editing?.isEditing\n            ? table3.meta.editing?.isDetailedMode\n                ? 'detailed'\n                : 'normal'\n            : undefined,\n        'data-has-changes': table3.meta.editing.isDirty ? 'true' : undefined,\n        enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing,\n    };\n\n    const rowsById = table3.instance.getCoreRowModel().rowsById;\n    const hasAlertErrors = table3.meta.editing.getErrorsShownInAlert().some(row => {\n        if (table3.meta.server._experimentalDataLoader2) {\n            // consumers of dataloader2 need to run a cleanup function, as this would otherwise return false when pages are unloaded.\n            return true;\n        }\n\n        if (rowsById[row.rowId]) {\n            return true;\n        }\n\n        // Keep the alert when the row is hidden by filtering (or pagination) but still has unsaved edits.\n        return table3.meta.editing.hasChanges(row.rowId);\n    });\n\n    const hasCreateWorkflow = table3.meta.editing.isEnabled && props.onEditingCreate;\n    const [hasScrollbar, isScrolled] = isTableScrolled(table3.ref);\n\n    let createWorkflow;\n\n    if (hasCreateWorkflow) {\n        createWorkflow = (\n            <CreateNewRow\n                buttonRef={table3.meta.editing.createRowButtonRef}\n                hasScrollbar={hasScrollbar}\n                table={table3.instance}\n                tableMeta={table3.meta}\n                tableRef={table3.ref}\n            />\n        );\n    }\n\n    return (\n        <Table>\n            <Table.Toolbar<TType> table={table3}>\n                {table3.meta.editing.isEnabled ? (\n                    <Editing scrollToIndex={table3.renderer.scrollToIndex} table={table3.instance} />\n                ) : null}\n            </Table.Toolbar>\n            {hasAlertErrors ? (\n                <Alert\n                    className=\"mb-4\"\n                    scrollToIndex={table3.renderer.scrollToIndex}\n                    table={table3.instance}\n                    tableRef={table3.ref}\n                />\n            ) : null}\n            <Table.Grid<TType>\n                {...gridAttributes}\n                data-taco=\"table3\"\n                footerRows={hasCreateWorkflow && isScrolled ? createWorkflow : undefined}\n                table={table3}>\n                {hasCreateWorkflow ? (\n                    <>\n                        <TemporaryRows\n                            createRowButtonRef={table3.meta.editing.createRowButtonRef}\n                            hasScrollbar={hasScrollbar}\n                            table={table3.instance}\n                            tableMeta={table3.meta}\n                            tableRef={table3.ref}\n                        />\n                        {isScrolled ? null : createWorkflow}\n                    </>\n                ) : null}\n            </Table.Grid>\n        </Table>\n    );\n});\n\nexport const Table3 = fixedForwardRef(function Table3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const stringifiedChildren = String(props.children);\n    // we force a remount (using key) when the child columns change because there are too many places to add children as an effect\n    // this is cheaper from a complexity perspective, and probably performance wise as well\n    const key = React.useMemo(() => String('tableKey_' + stringifiedChildren), [stringifiedChildren]);\n    return <BaseTable3<TType> {...props} key={key} ref={ref} />;\n}) as (<TType = unknown>(props: Table3Props<TType> & React.RefAttributes<Table3Ref>) => React.JSX.Element) & {\n    Column: typeof Column;\n    Group: typeof Group;\n};\nTable3.Column = Column;\nTable3.Group = Group;\n\nexport type {\n    Table3Ref,\n    Table3Props,\n    Table3ColumnProps,\n    Table3GroupProps,\n    Table3EditingSaveHandler,\n    Table3EditingValidatorFn,\n    Table3Texts,\n    Table3FeatureProps,\n    Table3CommonProps,\n    Table3WithoutEditingWithClientProps,\n    Table3WithoutEditingWithServerProps,\n    Table3WithEditingProps,\n    Table3WithEditingWithClientProps,\n    Table3WithEditingWithServerProps,\n    Table3EditingChangeHandler,\n    Table3EditingCreateHandler,\n} from './types';\n"],"names":["BaseTable3","React","Table3"],"mappings":";;;;;;;;;;AAYA,MAAM,SAEF,MAAM;AAEV,OAAO,cAAc;AAErB,SAAS,MAAM,GAAqB;AAChC,SAAO;AACX;AACA,MAAM,cAAc;AAEpB,MAAM,aAAa,gBAAgB,SAASA,YAA4B,OAA2B,KAA2B;AAC1H,QAAM,SAAS,UAAiB,OAAO,GAAG;AAE1C,QAAM,iBAAiB;AAAA,IACnB,2BAA2B,OAAO,KAAK,SAAS,YAC1C,OAAO,KAAK,SAAS,iBACjB,aACA,WACJ;AAAA,IACN,oBAAoB,OAAO,KAAK,QAAQ,UAAU,SAAS;AAAA,IAC3D,oCAAoC,OAAO,KAAK,QAAQ;AAAA,EAAA;AAG5D,QAAM,WAAW,OAAO,SAAS,gBAAA,EAAkB;AACnD,QAAM,iBAAiB,OAAO,KAAK,QAAQ,wBAAwB,KAAK,CAAA,QAAO;AAC3E,QAAI,OAAO,KAAK,OAAO,0BAA0B;AAE7C,aAAO;AAAA,IACX;AAEA,QAAI,SAAS,IAAI,KAAK,GAAG;AACrB,aAAO;AAAA,IACX;AAGA,WAAO,OAAO,KAAK,QAAQ,WAAW,IAAI,KAAK;AAAA,EACnD,CAAC;AAED,QAAM,oBAAoB,OAAO,KAAK,QAAQ,aAAa,MAAM;AACjE,QAAM,CAAC,cAAc,UAAU,IAAI,gBAAgB,OAAO,GAAG;AAE7D,MAAI;AAEJ,MAAI,mBAAmB;AACnB,qBACIC,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO,KAAK,QAAQ;AAAA,QAC/B;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,UAAU,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAG7B;AAEA,SACIA,+BAAA,cAAC,OAAA,MACGA,+BAAA,cAAC,MAAM,SAAN,EAAqB,OAAO,OAAA,GACxB,OAAO,KAAK,QAAQ,yDAChB,SAAA,EAAQ,eAAe,OAAO,SAAS,eAAe,OAAO,OAAO,SAAA,CAAU,IAC/E,IACR,GACC,iBACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,eAAe,OAAO,SAAS;AAAA,MAC/B,OAAO,OAAO;AAAA,MACd,UAAU,OAAO;AAAA,IAAA;AAAA,EAAA,IAErB,MACJA,+BAAA;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACI,GAAG;AAAA,MACJ,aAAU;AAAA,MACV,YAAY,qBAAqB,aAAa,iBAAiB;AAAA,MAC/D,OAAO;AAAA,IAAA;AAAA,IACN,oBACGA,+BAAA,cAAAA,eAAA,UAAA,MACIA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,oBAAoB,OAAO,KAAK,QAAQ;AAAA,QACxC;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,UAAU,OAAO;AAAA,MAAA;AAAA,IAAA,GAEpB,aAAa,OAAO,cACzB,IACA;AAAA,EAAA,CAEZ;AAER,CAAC;AAEM,MAAM,SAAS,gBAAgB,SAASC,QAAwB,OAA2B,KAA2B;AACzH,QAAM,sBAAsB,OAAO,MAAM,QAAQ;AAGjD,QAAM,MAAMD,eAAM,QAAQ,MAAM,OAAO,cAAc,mBAAmB,GAAG,CAAC,mBAAmB,CAAC;AAChG,SAAOA,+BAAA,cAAC,YAAA,EAAmB,GAAG,OAAO,KAAU,KAAU;AAC7D,CAAC;AAID,OAAO,SAAS;AAChB,OAAO,QAAQ;"}

package/dist/components/Table3/components/Columns/Cell/Cell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.cjs","sources":["../../../../../../src/components/Table3/components/Columns/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { DisplayCell } from '../../../../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { EditingControlCell } from './EditingControlCell';\nimport { EditingDisplayCell } from './EditingDisplayCell';\n\nexport function Cell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell } = props;\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const tableMeta = cell.getContext().table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    if (tableMeta.editing.isEditing) {\n        if (columnMeta.control && columnMeta.enableEditing) {\n            const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n            const cellError = tableMeta.editing.getCellError(cell);\n            const hasErrorAndIsEditing = cellError ? tableMeta.editing.isEditing : true;\n\n            // saves may be pending when not currently editing, but we want to show the \"changed\" data\n            // otherwise the unsaved value flashes in while the request completes, which looks a bit shit\n            const changedValue = tableMeta.editing.getCellValue(cell);\n\n            if (changedValue !== undefined && changedValue !== cell.getValue() && hasErrorAndIsEditing) {\n                // a little hacky, but it seems to work without side effects\n                const getValue = () => changedValue as any;\n                const context = cell.getContext();\n                cell.getValue = getValue;\n                cell.getContext = () => ({ ...context, getValue });\n            }\n\n            if (isActiveRow || !!cellError || (isHovered && !isActiveRow && !tableMeta.rowActive.isHoverStatePaused)) {\n                return <EditingControlCell<TType> {...props} />;\n            }\n        }\n\n        return <EditingDisplayCell<TType> {...props} />;\n    }\n\n    return <DisplayCell<TType> {...props} />;\n}\n"],"names":["RowContext","EditingControlCell","EditingDisplayCell","DisplayCell"],"mappings":";;;;;;;AAQO,SAAS,KAAsB,OAAsC;AAClE,QAAA,EAAE,SAAS;AACjB,QAAM,EAAE,WAAW,SAAA,IAAa,MAAM,WAAWA,WAAAA,UAAU;AAC3D,QAAM,YAAY,KAAK,WAAW,EAAE,MAAM,QAAQ;AAC5C,QAAA,aAAa,KAAK,OAAO,UAAU;AAErC,MAAA,UAAU,QAAQ,WAAW;AACzB,QAAA,WAAW,WAAW,WAAW,eAAe;AAC1C,YAAA,cAAc,UAAU,UAAU,mBAAmB;AAC3D,YAAM,YAAY,UAAU,QAAQ,aAAa,IAAI;AACrD,YAAM,uBAAuB,YAAY,UAAU,QAAQ,YAAY;AAIvE,YAAM,eAAe,UAAU,QAAQ,aAAa,IAAI;AAExD,UAAI,iBAAiB,UAAa,iBAAiB,KAAK,cAAc,sBAAsB;AAExF,cAAM,WAAW,MAAM;AACjB,cAAA,UAAU,KAAK,WAAW;AAChC,aAAK,WAAW;AAChB,aAAK,aAAa,OAAO,EAAE,GAAG,SAAS,SAAS;AAAA,MAAA;AAGhD,UAAA,eAAe,CAAC,CAAC,aAAc,aAAa,CAAC,eAAe,CAAC,UAAU,UAAU,oBAAqB;AAC/F,eAAA,sBAAA,cAACC,mBAA2B,oBAAA,EAAA,GAAG,MAAO,CAAA;AAAA,MAAA;AAAA,IACjD;AAGG,WAAA,sBAAA,cAACC,mBAA2B,oBAAA,EAAA,GAAG,MAAO,CAAA;AAAA,EAAA;AAG1C,SAAA,sBAAA,cAACC,YAAoB,aAAA,EAAA,GAAG,MAAO,CAAA;AAC1C;;"}
+{"version":3,"file":"Cell.cjs","sources":["../../../../../../src/components/Table3/components/Columns/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { DisplayCell } from '../../../../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { EditingControlCell } from './EditingControlCell';\nimport { EditingDisplayCell } from './EditingDisplayCell';\n\nexport function Cell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell } = props;\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const tableMeta = cell.getContext().table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    if (tableMeta.editing.isEditing) {\n        if (columnMeta.control && columnMeta.enableEditing) {\n            const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n            const cellError = tableMeta.editing.getCellError(cell);\n            const hasErrorAndIsEditing = cellError ? tableMeta.editing.isEditing : true;\n\n            // saves may be pending when not currently editing, but we want to show the \"changed\" data\n            // otherwise the unsaved value flashes in while the request completes, which looks a bit shit\n            const changedValue = tableMeta.editing.getCellValue(cell);\n\n            if (changedValue !== undefined && changedValue !== cell.getValue() && hasErrorAndIsEditing) {\n                // a little hacky, but it seems to work without side effects\n                const getValue = () => changedValue as any;\n                const context = cell.getContext();\n                cell.getValue = getValue;\n                cell.getContext = () => ({ ...context, getValue });\n            }\n\n            if (isActiveRow || !!cellError || (isHovered && !isActiveRow && !tableMeta.rowActive.isHoverStatePaused)) {\n                return <EditingControlCell<TType> {...props} />;\n            }\n        }\n\n        return <EditingDisplayCell<TType> {...props} />;\n    }\n\n    return <DisplayCell<TType> {...props} />;\n}\n"],"names":["RowContext","EditingControlCell","EditingDisplayCell","DisplayCell"],"mappings":";;;;;;;AAQO,SAAS,KAAsB,OAAsC;AACxE,QAAM,EAAE,SAAS;AACjB,QAAM,EAAE,WAAW,SAAA,IAAa,MAAM,WAAWA,WAAAA,UAAU;AAC3D,QAAM,YAAY,KAAK,WAAA,EAAa,MAAM,QAAQ;AAClD,QAAM,aAAa,KAAK,OAAO,UAAU;AAEzC,MAAI,UAAU,QAAQ,WAAW;AAC7B,QAAI,WAAW,WAAW,WAAW,eAAe;AAChD,YAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,YAAM,YAAY,UAAU,QAAQ,aAAa,IAAI;AACrD,YAAM,uBAAuB,YAAY,UAAU,QAAQ,YAAY;AAIvE,YAAM,eAAe,UAAU,QAAQ,aAAa,IAAI;AAExD,UAAI,iBAAiB,UAAa,iBAAiB,KAAK,SAAA,KAAc,sBAAsB;AAExF,cAAM,WAAW,MAAM;AACvB,cAAM,UAAU,KAAK,WAAA;AACrB,aAAK,WAAW;AAChB,aAAK,aAAa,OAAO,EAAE,GAAG,SAAS,SAAA;AAAA,MAC3C;AAEA,UAAI,eAAe,CAAC,CAAC,aAAc,aAAa,CAAC,eAAe,CAAC,UAAU,UAAU,oBAAqB;AACtG,eAAO,sBAAA,cAACC,mBAAAA,oBAAA,EAA2B,GAAG,MAAA,CAAO;AAAA,MACjD;AAAA,IACJ;AAEA,WAAO,sBAAA,cAACC,mBAAAA,oBAAA,EAA2B,GAAG,MAAA,CAAO;AAAA,EACjD;AAEA,SAAO,sBAAA,cAACC,YAAAA,aAAA,EAAoB,GAAG,MAAA,CAAO;AAC1C;;"}

package/dist/components/Table3/components/Columns/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Table3/components/Columns/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { DisplayCell } from '../../../../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { EditingControlCell } from './EditingControlCell';\nimport { EditingDisplayCell } from './EditingDisplayCell';\n\nexport function Cell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell } = props;\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const tableMeta = cell.getContext().table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    if (tableMeta.editing.isEditing) {\n        if (columnMeta.control && columnMeta.enableEditing) {\n            const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n            const cellError = tableMeta.editing.getCellError(cell);\n            const hasErrorAndIsEditing = cellError ? tableMeta.editing.isEditing : true;\n\n            // saves may be pending when not currently editing, but we want to show the \"changed\" data\n            // otherwise the unsaved value flashes in while the request completes, which looks a bit shit\n            const changedValue = tableMeta.editing.getCellValue(cell);\n\n            if (changedValue !== undefined && changedValue !== cell.getValue() && hasErrorAndIsEditing) {\n                // a little hacky, but it seems to work without side effects\n                const getValue = () => changedValue as any;\n                const context = cell.getContext();\n                cell.getValue = getValue;\n                cell.getContext = () => ({ ...context, getValue });\n            }\n\n            if (isActiveRow || !!cellError || (isHovered && !isActiveRow && !tableMeta.rowActive.isHoverStatePaused)) {\n                return <EditingControlCell<TType> {...props} />;\n            }\n        }\n\n        return <EditingDisplayCell<TType> {...props} />;\n    }\n\n    return <DisplayCell<TType> {...props} />;\n}\n"],"names":["React"],"mappings":";;;;;AAQO,SAAS,KAAsB,OAAsC;AAClE,QAAA,EAAE,SAAS;AACjB,QAAM,EAAE,WAAW,SAAA,IAAaA,eAAM,WAAW,UAAU;AAC3D,QAAM,YAAY,KAAK,WAAW,EAAE,MAAM,QAAQ;AAC5C,QAAA,aAAa,KAAK,OAAO,UAAU;AAErC,MAAA,UAAU,QAAQ,WAAW;AACzB,QAAA,WAAW,WAAW,WAAW,eAAe;AAC1C,YAAA,cAAc,UAAU,UAAU,mBAAmB;AAC3D,YAAM,YAAY,UAAU,QAAQ,aAAa,IAAI;AACrD,YAAM,uBAAuB,YAAY,UAAU,QAAQ,YAAY;AAIvE,YAAM,eAAe,UAAU,QAAQ,aAAa,IAAI;AAExD,UAAI,iBAAiB,UAAa,iBAAiB,KAAK,cAAc,sBAAsB;AAExF,cAAM,WAAW,MAAM;AACjB,cAAA,UAAU,KAAK,WAAW;AAChC,aAAK,WAAW;AAChB,aAAK,aAAa,OAAO,EAAE,GAAG,SAAS,SAAS;AAAA,MAAA;AAGhD,UAAA,eAAe,CAAC,CAAC,aAAc,aAAa,CAAC,eAAe,CAAC,UAAU,UAAU,oBAAqB;AAC/F,eAAAA,+BAAA,cAAC,oBAA2B,EAAA,GAAG,MAAO,CAAA;AAAA,MAAA;AAAA,IACjD;AAGG,WAAAA,+BAAA,cAAC,oBAA2B,EAAA,GAAG,MAAO,CAAA;AAAA,EAAA;AAG1C,SAAAA,+BAAA,cAAC,aAAoB,EAAA,GAAG,MAAO,CAAA;AAC1C;"}
+{"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Table3/components/Columns/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { DisplayCell } from '../../../../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { EditingControlCell } from './EditingControlCell';\nimport { EditingDisplayCell } from './EditingDisplayCell';\n\nexport function Cell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell } = props;\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const tableMeta = cell.getContext().table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    if (tableMeta.editing.isEditing) {\n        if (columnMeta.control && columnMeta.enableEditing) {\n            const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n            const cellError = tableMeta.editing.getCellError(cell);\n            const hasErrorAndIsEditing = cellError ? tableMeta.editing.isEditing : true;\n\n            // saves may be pending when not currently editing, but we want to show the \"changed\" data\n            // otherwise the unsaved value flashes in while the request completes, which looks a bit shit\n            const changedValue = tableMeta.editing.getCellValue(cell);\n\n            if (changedValue !== undefined && changedValue !== cell.getValue() && hasErrorAndIsEditing) {\n                // a little hacky, but it seems to work without side effects\n                const getValue = () => changedValue as any;\n                const context = cell.getContext();\n                cell.getValue = getValue;\n                cell.getContext = () => ({ ...context, getValue });\n            }\n\n            if (isActiveRow || !!cellError || (isHovered && !isActiveRow && !tableMeta.rowActive.isHoverStatePaused)) {\n                return <EditingControlCell<TType> {...props} />;\n            }\n        }\n\n        return <EditingDisplayCell<TType> {...props} />;\n    }\n\n    return <DisplayCell<TType> {...props} />;\n}\n"],"names":["React"],"mappings":";;;;;AAQO,SAAS,KAAsB,OAAsC;AACxE,QAAM,EAAE,SAAS;AACjB,QAAM,EAAE,WAAW,SAAA,IAAaA,eAAM,WAAW,UAAU;AAC3D,QAAM,YAAY,KAAK,WAAA,EAAa,MAAM,QAAQ;AAClD,QAAM,aAAa,KAAK,OAAO,UAAU;AAEzC,MAAI,UAAU,QAAQ,WAAW;AAC7B,QAAI,WAAW,WAAW,WAAW,eAAe;AAChD,YAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,YAAM,YAAY,UAAU,QAAQ,aAAa,IAAI;AACrD,YAAM,uBAAuB,YAAY,UAAU,QAAQ,YAAY;AAIvE,YAAM,eAAe,UAAU,QAAQ,aAAa,IAAI;AAExD,UAAI,iBAAiB,UAAa,iBAAiB,KAAK,SAAA,KAAc,sBAAsB;AAExF,cAAM,WAAW,MAAM;AACvB,cAAM,UAAU,KAAK,WAAA;AACrB,aAAK,WAAW;AAChB,aAAK,aAAa,OAAO,EAAE,GAAG,SAAS,SAAA;AAAA,MAC3C;AAEA,UAAI,eAAe,CAAC,CAAC,aAAc,aAAa,CAAC,eAAe,CAAC,UAAU,UAAU,oBAAqB;AACtG,eAAOA,+BAAA,cAAC,oBAAA,EAA2B,GAAG,MAAA,CAAO;AAAA,MACjD;AAAA,IACJ;AAEA,WAAOA,+BAAA,cAAC,oBAAA,EAA2B,GAAG,MAAA,CAAO;AAAA,EACjD;AAEA,SAAOA,+BAAA,cAAC,aAAA,EAAoB,GAAG,MAAA,CAAO;AAC1C;"}

package/dist/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.cjs

@@ -5,7 +5,6 @@ const Tooltip = require("../../../../../Tooltip/Tooltip.cjs");
 const Localization = require("../../../../../Provider/Localization.cjs");
 const Icon = require("../../../../../Icon/Icon.cjs");
 function RowMoveIndicator(props) {
-  var _a;
   const { cell, cellRef, isActiveRow } = props;
   const { texts } = Localization.useLocalization();
   const [show, setShow] = React.useState(false);
@@ -14,23 +13,21 @@ function RowMoveIndicator(props) {
   const columnMeta = cell.column.columnDef.meta ?? {};
   const moveReason = tableMeta.editing.getRowMoveReason(cell.row.id);
   React.useEffect(() => {
-    var _a2, _b, _c;
     if (cellRef.current) {
       if (isActiveRow && !!moveReason) {
-        const firstChild = (_a2 = cellRef.current.parentElement) == null ? void 0 : _a2.querySelector(`td[data-taco="cell-control"]`);
+        const firstChild = cellRef.current.parentElement?.querySelector(`td[data-taco="cell-control"]`);
         if (cellRef.current === firstChild) {
           setShow(true);
-          (_b = cellRef.current.parentElement) == null ? void 0 : _b.setAttribute("data-row-editing-move", "true");
+          cellRef.current.parentElement?.setAttribute("data-row-editing-move", "true");
         }
       } else {
         setShow(false);
-        (_c = cellRef.current.parentElement) == null ? void 0 : _c.removeAttribute("data-row-editing-move");
+        cellRef.current.parentElement?.removeAttribute("data-row-editing-move");
       }
     }
     return () => {
-      var _a3;
       if (cellRef.current) {
-        (_a3 = cellRef.current.parentElement) == null ? void 0 : _a3.removeAttribute("data-row-editing-move");
+        cellRef.current.parentElement?.removeAttribute("data-row-editing-move");
       }
     };
   }, [cellRef, isActiveRow, moveReason]);
@@ -41,7 +38,7 @@ function RowMoveIndicator(props) {
   let columnHeader = columnMeta.header;
   if (moveReason === "sorting") {
     const sortedColumns = table.getState().sorting;
-    const columnId = (_a = sortedColumns[0]) == null ? void 0 : _a.id;
+    const columnId = sortedColumns[0]?.id;
     if (columnId) {
       const sortedColumn = table.getColumn(columnId);
       if (sortedColumn) {