@fuf-stack/pixels 1.11.1 → 1.11.3

package/dist/Json/Json.js.map

@@ -1 +1 @@
-{"version":3,"file":"Json.js","names":[],"sources":["../../src/Json/Json.tsx"],"sourcesContent":["/* eslint-disable import-x/no-extraneous-dependencies */\n\nimport type { ReactNode } from 'react';\n\nimport { useState } from 'react';\n\n// INFO: react-json-view is bundled with --dts-resolve for now (dev dep)\nimport JsonView from '@uiw/react-json-view';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { getValue } from './jsonParser';\nimport CopiedRenderer from './subcomponents/CopiedRenderer';\nimport ErrorRenderer from './subcomponents/ErrorRenderer';\nimport NullRenderer from './subcomponents/NullRenderer';\n\nimport './theme.css';\n\n/**\n * Handles copying text or object values to clipboard.\n *\n * @param rawValue - The original value to copy (can be an object or primitive)\n * @param onCopy - Optional callback function triggered after copying with the copied value\n *\n * This function:\n * 1. Detects if the value is an object (not null and typeof 'object')\n * 2. Converts objects to JSON strings for clipboard copying\n * 3. Uses setTimeout to write the value to clipboard in the next render cycle\n *    - This is necessary because JsonView (CopiedRenderer) normally handles copying itself,\n *      but its copied value doesn't follow the same isObject logic\n *    - By using setTimeout, we ensure our properly formatted value overwrites any previous copy operation\n * 4. Calls the optional onCopy callback with the copied value if provided\n *\n * Note: The text parameter is kept for API consistency but is not used in the copying process\n */\nconst handleCopy = (rawValue?: unknown, onCopy?: JsonProps['onCopy']) => {\n  // determine of copied value is object-like\n  let isObject = false;\n  try {\n    if (rawValue !== NullRenderer && typeof rawValue === 'object') {\n      isObject = true;\n    }\n  } catch (_err) {\n    // ignore\n  }\n  const copyValue = isObject\n    ? JSON.stringify(rawValue as string, null, 2)\n    : (rawValue as string);\n\n  // JsonView (CopiedRenderer) does copy on its own but doesn't handle\n  // object serialization correctly. We use setTimeout to overwrite its\n  // clipboard value with our properly formatted version in the next tick.\n  setTimeout(async () => {\n    return navigator.clipboard.writeText(copyValue);\n  }, 1);\n\n  // if cb provided call it with copyValue\n  if (onCopy) {\n    onCopy(copyValue);\n  }\n};\n\nexport interface JsonProps {\n  /** CSS class name */\n  className?: string;\n  /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */\n  collapsed?: boolean | number;\n  /** Optional custom error renderer */\n  errorRenderer?: (error: Error, data: string | object) => ReactNode;\n  /** Optional maximum height of the JSON viewer */\n  maxHeight?: string | number;\n  /** Callback when copy action is performed */\n  onCopy?: (copiedValue: string) => void;\n  /** Object to be visualized JSON string or object */\n  value: string | object;\n}\n\n/**\n * Json renderer based on [react-json-view](https://uiwjs.github.io/react-json-view)\n * with improved error handling, accessibility, and customization options\n */\nconst Json = ({\n  className = undefined,\n  collapsed = false,\n  errorRenderer = undefined,\n  maxHeight = undefined,\n  onCopy = undefined,\n  value,\n}: JsonProps) => {\n  const [showDetails, setShowDetails] = useState(false);\n\n  let content: ReactNode = null;\n  let error: ReactNode = null;\n\n  try {\n    const parsedValue = getValue(value);\n    content = (\n      <div\n        className=\"relative\"\n        style={{ maxHeight, overflowY: maxHeight ? 'auto' : undefined }}\n      >\n        <JsonView\n          className=\"pr-5\"\n          collapsed={collapsed}\n          displayDataTypes={false}\n          value={parsedValue}\n          onCopied={(_, rawValue) => {\n            handleCopy(rawValue, onCopy);\n          }}\n        >\n          <CopiedRenderer />\n          <NullRenderer />\n        </JsonView>\n      </div>\n    );\n  } catch (err) {\n    const defaultError = (\n      <ErrorRenderer\n        data={value}\n        error={err}\n        showDetails={showDetails}\n        onToggleDetails={() => {\n          setShowDetails(!showDetails);\n        }}\n      />\n    );\n\n    error = errorRenderer ? errorRenderer(err as Error, value) : defaultError;\n  }\n\n  return (\n    <div aria-label=\"JSON viewer\" className={cn(className)} role=\"region\">\n      {error ?? content}\n    </div>\n  );\n};\n\nexport default Json;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAM,cAAc,UAAoB,WAAiC;CAEvE,IAAI,WAAW;CACf,IAAI;EACF,IAAI,aAAa,gBAAgB,OAAO,aAAa,UACnD,WAAW;CAEf,SAAS,MAAM,CAEf;CACA,MAAM,YAAY,WACd,KAAK,UAAU,UAAoB,MAAM,CAAC,IACzC;CAKL,WAAW,YAAY;EACrB,OAAO,UAAU,UAAU,UAAU,SAAS;CAChD,GAAG,CAAC;CAGJ,IAAI,QACF,OAAO,SAAS;AAEpB;;;;;AAqBA,MAAM,QAAQ,EACZ,YAAY,KAAA,GACZ,YAAY,OACZ,gBAAgB,KAAA,GAChB,YAAY,KAAA,GACZ,SAAS,KAAA,GACT,YACe;CACf,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CAEpD,IAAI,UAAqB;CACzB,IAAI,QAAmB;CAEvB,IAAI;EACF,MAAM,cAAc,SAAS,KAAK;EAClC,UACE,oBAAC,OAAD;GACE,WAAU;GACV,OAAO;IAAE;IAAW,WAAW,YAAY,SAAS,KAAA;GAAU;aAE9D,qBAAC,UAAD;IACE,WAAU;IACC;IACX,kBAAkB;IAClB,OAAO;IACP,WAAW,GAAG,aAAa;KACzB,WAAW,UAAU,MAAM;IAC7B;cAPF,CASE,oBAAC,gBAAD,CAAiB,CAAA,GACjB,oBAAC,cAAD,CAAe,CAAA,CACP;;EACP,CAAA;CAET,SAAS,KAAK;EAYZ,QAAQ,gBAAgB,cAAc,KAAc,KAAK,IAAI,oBAV1D,eAAD;GACE,MAAM;GACN,OAAO;GACM;GACb,uBAAuB;IACrB,eAAe,CAAC,WAAW;GAC7B;EACD,CAGqE;CAC1E;CAEA,OACE,oBAAC,OAAD;EAAK,cAAW;EAAc,WAAW,GAAG,SAAS;EAAG,MAAK;YAC1D,SAAS;CACP,CAAA;AAET"}
+{"version":3,"file":"Json.js","names":[],"sources":["../../src/Json/Json.tsx"],"sourcesContent":["/* eslint-disable import-x/no-extraneous-dependencies */\n\nimport type { ReactNode } from 'react';\n\nimport { useState } from 'react';\n\n// INFO: react-json-view is bundled with --dts-resolve for now (dev dep)\nimport JsonView from '@uiw/react-json-view';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { getValue } from './jsonParser';\nimport CopiedRenderer from './subcomponents/CopiedRenderer';\nimport ErrorRenderer from './subcomponents/ErrorRenderer';\nimport NullRenderer from './subcomponents/NullRenderer';\n\nimport './theme.css';\n\n/**\n * Handles copying text or object values to clipboard.\n *\n * @param rawValue - The original value to copy (can be an object or primitive)\n * @param onCopy - Optional callback function triggered after copying with the copied value\n *\n * This function:\n * 1. Detects if the value is an object (not null and typeof 'object')\n * 2. Converts objects to JSON strings for clipboard copying\n * 3. Uses setTimeout to write the value to clipboard in the next render cycle\n *    - This is necessary because JsonView (CopiedRenderer) normally handles copying itself,\n *      but its copied value doesn't follow the same isObject logic\n *    - By using setTimeout, we ensure our properly formatted value overwrites any previous copy operation\n * 4. Calls the optional onCopy callback with the copied value if provided\n *\n * Note: The text parameter is kept for API consistency but is not used in the copying process\n */\nconst handleCopy = (rawValue?: unknown, onCopy?: JsonProps['onCopy']) => {\n  // determine of copied value is object-like\n  let isObject = false;\n  try {\n    if (rawValue !== NullRenderer && typeof rawValue === 'object') {\n      isObject = true;\n    }\n  } catch {\n    // ignore\n  }\n  const copyValue = isObject\n    ? JSON.stringify(rawValue, null, 2)\n    : (rawValue as string);\n\n  // JsonView (CopiedRenderer) does copy on its own but doesn't handle\n  // object serialization correctly. We use setTimeout to overwrite its\n  // clipboard value with our properly formatted version in the next tick.\n  setTimeout(async () => {\n    // eslint-disable-next-line n/no-unsupported-features/node-builtins\n    return navigator.clipboard.writeText(copyValue);\n  }, 1);\n\n  // if cb provided call it with copyValue\n  if (onCopy) {\n    onCopy(copyValue);\n  }\n};\n\nexport interface JsonProps {\n  /** CSS class name */\n  className?: string;\n  /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */\n  collapsed?: boolean | number;\n  /** Optional custom error renderer */\n  errorRenderer?: (error: Error, data: string | object) => ReactNode;\n  /** Optional maximum height of the JSON viewer */\n  maxHeight?: string | number;\n  /** Callback when copy action is performed */\n  onCopy?: (copiedValue: string) => void;\n  /** Object to be visualized JSON string or object */\n  value: string | object;\n}\n\n/**\n * Json renderer based on [react-json-view](https://uiwjs.github.io/react-json-view)\n * with improved error handling, accessibility, and customization options\n */\nconst Json = ({\n  className = undefined,\n  collapsed = false,\n  errorRenderer = undefined,\n  maxHeight = undefined,\n  onCopy = undefined,\n  value,\n}: JsonProps) => {\n  const [showDetails, setShowDetails] = useState(false);\n  let parsedValue: object | undefined;\n  let parsingError: Error | null = null;\n\n  try {\n    parsedValue = getValue(value);\n  } catch (err) {\n    parsingError = err as Error;\n  }\n\n  if (parsingError) {\n    const defaultError = (\n      <ErrorRenderer\n        data={value}\n        error={parsingError}\n        onToggleDetails={() => {\n          setShowDetails(!showDetails);\n        }}\n        showDetails={showDetails}\n      />\n    );\n\n    const renderedError = errorRenderer\n      ? errorRenderer(parsingError, value)\n      : defaultError;\n\n    return (\n      <div aria-label=\"JSON viewer\" className={cn(className)} role=\"region\">\n        {renderedError}\n      </div>\n    );\n  }\n\n  return (\n    <div aria-label=\"JSON viewer\" className={cn(className)} role=\"region\">\n      <div\n        className=\"relative\"\n        style={{ maxHeight, overflowY: maxHeight ? 'auto' : undefined }}\n      >\n        <JsonView\n          className=\"pr-5\"\n          collapsed={collapsed}\n          displayDataTypes={false}\n          onCopied={(_, rawValue) => {\n            handleCopy(rawValue, onCopy);\n          }}\n          value={parsedValue}\n        >\n          <CopiedRenderer />\n          <NullRenderer />\n        </JsonView>\n      </div>\n    </div>\n  );\n};\n\nexport default Json;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAM,cAAc,UAAoB,WAAiC;CAEvE,IAAI,WAAW;CACf,IAAI;EACF,IAAI,aAAa,gBAAgB,OAAO,aAAa,UACnD,WAAW;CAEf,QAAQ,CAER;CACA,MAAM,YAAY,WACd,KAAK,UAAU,UAAU,MAAM,CAAC,IAC/B;CAKL,WAAW,YAAY;EAErB,OAAO,UAAU,UAAU,UAAU,SAAS;CAChD,GAAG,CAAC;CAGJ,IAAI,QACF,OAAO,SAAS;AAEpB;;;;;AAqBA,MAAM,QAAQ,EACZ,YAAY,KAAA,GACZ,YAAY,OACZ,gBAAgB,KAAA,GAChB,YAAY,KAAA,GACZ,SAAS,KAAA,GACT,YACe;CACf,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CACpD,IAAI;CACJ,IAAI,eAA6B;CAEjC,IAAI;EACF,cAAc,SAAS,KAAK;CAC9B,SAAS,KAAK;EACZ,eAAe;CACjB;CAEA,IAAI,cAAc;EAYhB,MAAM,gBAAgB,gBAClB,cAAc,cAAc,KAAK,IACjC,oBAZD,eAAD;GACE,MAAM;GACN,OAAO;GACP,uBAAuB;IACrB,eAAe,CAAC,WAAW;GAC7B;GACa;EACd,CAKY;EAEf,OACE,oBAAC,OAAD;GAAK,cAAW;GAAc,WAAW,GAAG,SAAS;GAAG,MAAK;aAC1D;EACE,CAAA;CAET;CAEA,OACE,oBAAC,OAAD;EAAK,cAAW;EAAc,WAAW,GAAG,SAAS;EAAG,MAAK;YAC3D,oBAAC,OAAD;GACE,WAAU;GACV,OAAO;IAAE;IAAW,WAAW,YAAY,SAAS,KAAA;GAAU;aAE9D,qBAAC,UAAD;IACE,WAAU;IACC;IACX,kBAAkB;IAClB,WAAW,GAAG,aAAa;KACzB,WAAW,UAAU,MAAM;IAC7B;IACA,OAAO;cAPT,CASE,oBAAC,gBAAD,CAAiB,CAAA,GACjB,oBAAC,cAAD,CAAe,CAAA,CACP;;EACP,CAAA;CACF,CAAA;AAET"}

package/dist/Json/subcomponents/CopiedRenderer.cjs

@@ -1,4 +1,3 @@
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_index = require("../../node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.43_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/index.cjs");
 let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -29,13 +28,13 @@ const CopiedRenderer = () => {
 			"aria-label": isCopied ? "Copied to clipboard" : "Copy to clipboard",
 			className: "ml-0! h-[1em]! w-0! relative",
 			"data-testid": "copy-button",
+			onClick: (e) => {
+				return onClick?.(e);
+			},
 			onKeyDown: handleKeyDown,
 			role: "button",
 			style,
 			tabIndex: 0,
-			onClick: (e) => {
-				return onClick?.(e);
-			},
 			children: isCopied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_hi.HiOutlineClipboardCheck, { className: elmClasses }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_hi.HiOutlineClipboard, { className: elmClasses })
 		});
 	} });

package/dist/Json/subcomponents/CopiedRenderer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopiedRenderer.cjs","names":["JsonView","HiOutlineClipboardCheck","HiOutlineClipboard"],"sources":["../../../src/Json/subcomponents/CopiedRenderer.tsx"],"sourcesContent":["/* eslint-disable import-x/no-extraneous-dependencies */\n\nimport type { KeyboardEvent, MouseEvent } from 'react';\n\nimport { HiOutlineClipboard, HiOutlineClipboardCheck } from 'react-icons/hi';\n\n// INFO: react-json-view is bundled with --dts-resolve for now (dev dep)\nimport JsonView from '@uiw/react-json-view';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\n/**\n * A custom renderer for the JsonView's copy functionality that provides an accessible\n * and interactive copy button with visual feedback.\n *\n * This component overrides the default copy button implementation from @uiw/react-json-view\n * to fix flickering issues and improve accessibility. It renders a button that:\n * - Shows different icons for copied/not copied states\n * - Supports keyboard navigation\n * - Provides proper ARIA labels\n * - Maintains consistent positioning\n *\n * @returns A JsonView.Copied component with custom render implementation\n */\nconst CopiedRenderer = () => {\n  return (\n    <JsonView.Copied\n      render={(props) => {\n        const { style, onClick, className } = props;\n\n        // @ts-expect-error this is ok\n\n        const isCopied = props['data-copied'] as boolean;\n\n        const elmClasses = cn(\n          className,\n          'fill-transparent! absolute -right-4 -top-[2px] h-4 w-4 pl-1',\n          { 'text-success': isCopied },\n        );\n\n        const handleKeyDown = (e: KeyboardEvent<HTMLSpanElement>) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            onClick?.(e as unknown as MouseEvent<SVGSVGElement>);\n          }\n        };\n\n        return (\n          <span\n            aria-label={isCopied ? 'Copied to clipboard' : 'Copy to clipboard'}\n            className=\"ml-0! h-[1em]! w-0! relative\"\n            data-testid=\"copy-button\"\n            onKeyDown={handleKeyDown}\n            role=\"button\"\n            style={style}\n            tabIndex={0}\n            onClick={(e) => {\n              return onClick?.(e as unknown as MouseEvent<SVGSVGElement>);\n            }}\n          >\n            {isCopied ? (\n              <HiOutlineClipboardCheck className={elmClasses} />\n            ) : (\n              <HiOutlineClipboard className={elmClasses} />\n            )}\n          </span>\n        );\n      }}\n    />\n  );\n};\n\nexport default CopiedRenderer;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAwBA,MAAM,uBAAuB;CAC3B,OACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,QAAS,QAAV,EACE,SAAS,UAAU;EACjB,MAAM,EAAE,OAAO,SAAS,cAAc;EAItC,MAAM,WAAW,MAAM;EAEvB,MAAM,cAAA,GAAA,uBAAA,IACJ,WACA,+DACA,EAAE,gBAAgB,SAAS,CAC7B;EAEA,MAAM,iBAAiB,MAAsC;GAC3D,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KACjC,UAAU,CAAyC;EAEvD;EAEA,OACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;GACE,cAAY,WAAW,wBAAwB;GAC/C,WAAU;GACV,eAAY;GACZ,WAAW;GACX,MAAK;GACE;GACP,UAAU;GACV,UAAU,MAAM;IACd,OAAO,UAAU,CAAyC;GAC5D;aAEC,WACC,iBAAA,GAAA,kBAAA,KAACC,eAAAA,yBAAD,EAAyB,WAAW,WAAa,CAAA,IAEjD,iBAAA,GAAA,kBAAA,KAACC,eAAAA,oBAAD,EAAoB,WAAW,WAAa,CAAA;EAE1C,CAAA;CAEV,EACD,CAAA;AAEL"}
+{"version":3,"file":"CopiedRenderer.cjs","names":["JsonView","HiOutlineClipboardCheck","HiOutlineClipboard"],"sources":["../../../src/Json/subcomponents/CopiedRenderer.tsx"],"sourcesContent":["/* eslint-disable import-x/no-extraneous-dependencies */\n\nimport type { KeyboardEvent, MouseEvent } from 'react';\n\nimport { HiOutlineClipboard, HiOutlineClipboardCheck } from 'react-icons/hi';\n\n// INFO: react-json-view is bundled with --dts-resolve for now (dev dep)\nimport JsonView from '@uiw/react-json-view';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\n/**\n * A custom renderer for the JsonView's copy functionality that provides an accessible\n * and interactive copy button with visual feedback.\n *\n * This component overrides the default copy button implementation from @uiw/react-json-view\n * to fix flickering issues and improve accessibility. It renders a button that:\n * - Shows different icons for copied/not copied states\n * - Supports keyboard navigation\n * - Provides proper ARIA labels\n * - Maintains consistent positioning\n *\n * @returns A JsonView.Copied component with custom render implementation\n */\nconst CopiedRenderer = () => {\n  return (\n    <JsonView.Copied\n      render={(props) => {\n        const { style, onClick, className } = props;\n\n        // @ts-expect-error this is ok\n\n        const isCopied = props['data-copied'] as boolean;\n\n        const elmClasses = cn(\n          className,\n          'fill-transparent! absolute -right-4 -top-[2px] h-4 w-4 pl-1',\n          { 'text-success': isCopied },\n        );\n\n        const handleKeyDown = (e: KeyboardEvent<HTMLSpanElement>) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            onClick?.(e as unknown as MouseEvent<SVGSVGElement>);\n          }\n        };\n\n        return (\n          <span\n            aria-label={isCopied ? 'Copied to clipboard' : 'Copy to clipboard'}\n            className=\"ml-0! h-[1em]! w-0! relative\"\n            data-testid=\"copy-button\"\n            onClick={(e) => {\n              return onClick?.(e as unknown as MouseEvent<SVGSVGElement>);\n            }}\n            onKeyDown={handleKeyDown}\n            role=\"button\"\n            style={style}\n            tabIndex={0}\n          >\n            {isCopied ? (\n              <HiOutlineClipboardCheck className={elmClasses} />\n            ) : (\n              <HiOutlineClipboard className={elmClasses} />\n            )}\n          </span>\n        );\n      }}\n    />\n  );\n};\n\nexport default CopiedRenderer;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAwBA,MAAM,uBAAuB;CAC3B,OACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,QAAS,QAAV,EACE,SAAS,UAAU;EACjB,MAAM,EAAE,OAAO,SAAS,cAAc;EAItC,MAAM,WAAW,MAAM;EAEvB,MAAM,cAAA,GAAA,uBAAA,IACJ,WACA,+DACA,EAAE,gBAAgB,SAAS,CAC7B;EAEA,MAAM,iBAAiB,MAAsC;GAC3D,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KACjC,UAAU,CAAyC;EAEvD;EAEA,OACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;GACE,cAAY,WAAW,wBAAwB;GAC/C,WAAU;GACV,eAAY;GACZ,UAAU,MAAM;IACd,OAAO,UAAU,CAAyC;GAC5D;GACA,WAAW;GACX,MAAK;GACE;GACP,UAAU;aAET,WACC,iBAAA,GAAA,kBAAA,KAACC,eAAAA,yBAAD,EAAyB,WAAW,WAAa,CAAA,IAEjD,iBAAA,GAAA,kBAAA,KAACC,eAAAA,oBAAD,EAAoB,WAAW,WAAa,CAAA;EAE1C,CAAA;CAEV,EACD,CAAA;AAEL"}

package/dist/Json/subcomponents/CopiedRenderer.js

@@ -28,13 +28,13 @@ const CopiedRenderer = () => {
 			"aria-label": isCopied ? "Copied to clipboard" : "Copy to clipboard",
 			className: "ml-0! h-[1em]! w-0! relative",
 			"data-testid": "copy-button",
+			onClick: (e) => {
+				return onClick?.(e);
+			},
 			onKeyDown: handleKeyDown,
 			role: "button",
 			style,
 			tabIndex: 0,
-			onClick: (e) => {
-				return onClick?.(e);
-			},
 			children: isCopied ? /* @__PURE__ */ jsx(HiOutlineClipboardCheck, { className: elmClasses }) : /* @__PURE__ */ jsx(HiOutlineClipboard, { className: elmClasses })
 		});
 	} });

package/dist/Json/subcomponents/CopiedRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopiedRenderer.js","names":[],"sources":["../../../src/Json/subcomponents/CopiedRenderer.tsx"],"sourcesContent":["/* eslint-disable import-x/no-extraneous-dependencies */\n\nimport type { KeyboardEvent, MouseEvent } from 'react';\n\nimport { HiOutlineClipboard, HiOutlineClipboardCheck } from 'react-icons/hi';\n\n// INFO: react-json-view is bundled with --dts-resolve for now (dev dep)\nimport JsonView from '@uiw/react-json-view';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\n/**\n * A custom renderer for the JsonView's copy functionality that provides an accessible\n * and interactive copy button with visual feedback.\n *\n * This component overrides the default copy button implementation from @uiw/react-json-view\n * to fix flickering issues and improve accessibility. It renders a button that:\n * - Shows different icons for copied/not copied states\n * - Supports keyboard navigation\n * - Provides proper ARIA labels\n * - Maintains consistent positioning\n *\n * @returns A JsonView.Copied component with custom render implementation\n */\nconst CopiedRenderer = () => {\n  return (\n    <JsonView.Copied\n      render={(props) => {\n        const { style, onClick, className } = props;\n\n        // @ts-expect-error this is ok\n\n        const isCopied = props['data-copied'] as boolean;\n\n        const elmClasses = cn(\n          className,\n          'fill-transparent! absolute -right-4 -top-[2px] h-4 w-4 pl-1',\n          { 'text-success': isCopied },\n        );\n\n        const handleKeyDown = (e: KeyboardEvent<HTMLSpanElement>) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            onClick?.(e as unknown as MouseEvent<SVGSVGElement>);\n          }\n        };\n\n        return (\n          <span\n            aria-label={isCopied ? 'Copied to clipboard' : 'Copy to clipboard'}\n            className=\"ml-0! h-[1em]! w-0! relative\"\n            data-testid=\"copy-button\"\n            onKeyDown={handleKeyDown}\n            role=\"button\"\n            style={style}\n            tabIndex={0}\n            onClick={(e) => {\n              return onClick?.(e as unknown as MouseEvent<SVGSVGElement>);\n            }}\n          >\n            {isCopied ? (\n              <HiOutlineClipboardCheck className={elmClasses} />\n            ) : (\n              <HiOutlineClipboard className={elmClasses} />\n            )}\n          </span>\n        );\n      }}\n    />\n  );\n};\n\nexport default CopiedRenderer;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAwBA,MAAM,uBAAuB;CAC3B,OACE,oBAAC,SAAS,QAAV,EACE,SAAS,UAAU;EACjB,MAAM,EAAE,OAAO,SAAS,cAAc;EAItC,MAAM,WAAW,MAAM;EAEvB,MAAM,aAAa,GACjB,WACA,+DACA,EAAE,gBAAgB,SAAS,CAC7B;EAEA,MAAM,iBAAiB,MAAsC;GAC3D,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KACjC,UAAU,CAAyC;EAEvD;EAEA,OACE,oBAAC,QAAD;GACE,cAAY,WAAW,wBAAwB;GAC/C,WAAU;GACV,eAAY;GACZ,WAAW;GACX,MAAK;GACE;GACP,UAAU;GACV,UAAU,MAAM;IACd,OAAO,UAAU,CAAyC;GAC5D;aAEC,WACC,oBAAC,yBAAD,EAAyB,WAAW,WAAa,CAAA,IAEjD,oBAAC,oBAAD,EAAoB,WAAW,WAAa,CAAA;EAE1C,CAAA;CAEV,EACD,CAAA;AAEL"}
+{"version":3,"file":"CopiedRenderer.js","names":[],"sources":["../../../src/Json/subcomponents/CopiedRenderer.tsx"],"sourcesContent":["/* eslint-disable import-x/no-extraneous-dependencies */\n\nimport type { KeyboardEvent, MouseEvent } from 'react';\n\nimport { HiOutlineClipboard, HiOutlineClipboardCheck } from 'react-icons/hi';\n\n// INFO: react-json-view is bundled with --dts-resolve for now (dev dep)\nimport JsonView from '@uiw/react-json-view';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\n/**\n * A custom renderer for the JsonView's copy functionality that provides an accessible\n * and interactive copy button with visual feedback.\n *\n * This component overrides the default copy button implementation from @uiw/react-json-view\n * to fix flickering issues and improve accessibility. It renders a button that:\n * - Shows different icons for copied/not copied states\n * - Supports keyboard navigation\n * - Provides proper ARIA labels\n * - Maintains consistent positioning\n *\n * @returns A JsonView.Copied component with custom render implementation\n */\nconst CopiedRenderer = () => {\n  return (\n    <JsonView.Copied\n      render={(props) => {\n        const { style, onClick, className } = props;\n\n        // @ts-expect-error this is ok\n\n        const isCopied = props['data-copied'] as boolean;\n\n        const elmClasses = cn(\n          className,\n          'fill-transparent! absolute -right-4 -top-[2px] h-4 w-4 pl-1',\n          { 'text-success': isCopied },\n        );\n\n        const handleKeyDown = (e: KeyboardEvent<HTMLSpanElement>) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            onClick?.(e as unknown as MouseEvent<SVGSVGElement>);\n          }\n        };\n\n        return (\n          <span\n            aria-label={isCopied ? 'Copied to clipboard' : 'Copy to clipboard'}\n            className=\"ml-0! h-[1em]! w-0! relative\"\n            data-testid=\"copy-button\"\n            onClick={(e) => {\n              return onClick?.(e as unknown as MouseEvent<SVGSVGElement>);\n            }}\n            onKeyDown={handleKeyDown}\n            role=\"button\"\n            style={style}\n            tabIndex={0}\n          >\n            {isCopied ? (\n              <HiOutlineClipboardCheck className={elmClasses} />\n            ) : (\n              <HiOutlineClipboard className={elmClasses} />\n            )}\n          </span>\n        );\n      }}\n    />\n  );\n};\n\nexport default CopiedRenderer;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAwBA,MAAM,uBAAuB;CAC3B,OACE,oBAAC,SAAS,QAAV,EACE,SAAS,UAAU;EACjB,MAAM,EAAE,OAAO,SAAS,cAAc;EAItC,MAAM,WAAW,MAAM;EAEvB,MAAM,aAAa,GACjB,WACA,+DACA,EAAE,gBAAgB,SAAS,CAC7B;EAEA,MAAM,iBAAiB,MAAsC;GAC3D,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KACjC,UAAU,CAAyC;EAEvD;EAEA,OACE,oBAAC,QAAD;GACE,cAAY,WAAW,wBAAwB;GAC/C,WAAU;GACV,eAAY;GACZ,UAAU,MAAM;IACd,OAAO,UAAU,CAAyC;GAC5D;GACA,WAAW;GACX,MAAK;GACE;GACP,UAAU;aAET,WACC,oBAAC,yBAAD,EAAyB,WAAW,WAAa,CAAA,IAEjD,oBAAC,oBAAD,EAAoB,WAAW,WAAa,CAAA;EAE1C,CAAA;CAEV,EACD,CAAA;AAEL"}

package/dist/Json/subcomponents/ErrorRenderer.cjs

@@ -1,4 +1,3 @@
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_Button = require("../../Button/Button.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react_icons_fa = require("react-icons/fa");

package/dist/Json/subcomponents/ErrorRenderer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorRenderer.cjs","names":["FaTimesCircle","Button","FaChevronUp","FaChevronDown"],"sources":["../../../src/Json/subcomponents/ErrorRenderer.tsx"],"sourcesContent":["import { FaChevronDown, FaChevronUp, FaTimesCircle } from 'react-icons/fa';\n\nimport { Button } from '../../Button';\n\ninterface ErrorRendererProps {\n  /** The error that occurred during JSON parsing or processing */\n  error: unknown;\n  /** The original data that caused the error */\n  data: string | object;\n  /** Controls whether detailed error information is visible */\n  showDetails: boolean;\n  /** Callback function to toggle the visibility of error details */\n  onToggleDetails: () => void;\n}\n\n/**\n * Displays JSON parsing or processing errors in a user-friendly format with expandable details.\n *\n * This component provides a consistent error display with:\n * - A prominent error message\n * - Expandable details section\n * - Original data preview\n * - Accessibility support via ARIA attributes\n */\nconst ErrorRenderer = ({\n  error,\n  data,\n  showDetails,\n  onToggleDetails,\n}: ErrorRendererProps) => {\n  return (\n    <div\n      aria-live=\"polite\"\n      className=\"mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger\"\n      role=\"alert\"\n    >\n      <div className=\"flex w-full justify-between gap-6\">\n        <div className=\"flex items-center\">\n          <FaTimesCircle aria-hidden=\"true\" className=\"mr-2\" />\n          <span className=\"font-medium\">Failed to parse JSON data</span>\n        </div>\n        <Button\n          aria-controls=\"error-details\"\n          aria-expanded={showDetails}\n          color=\"danger\"\n          onClick={onToggleDetails}\n          size=\"sm\"\n          variant=\"light\"\n        >\n          {showDetails ? (\n            <>\n              <FaChevronUp aria-hidden=\"true\" /> Hide Details\n            </>\n          ) : (\n            <>\n              <FaChevronDown aria-hidden=\"true\" /> Show Details\n            </>\n          )}\n        </Button>\n      </div>\n      {showDetails ? (\n        <div className=\"mt-4 w-full text-left\" id=\"error-details\">\n          <div>\n            <strong>Error:</strong>\n            <pre>\n              {error instanceof Error\n                ? `${error.name}: ${error.message}`\n                : 'Unknown error'}\n            </pre>\n          </div>\n          <div className=\"mt-4\">\n            <strong>Data:</strong>\n            <pre>\n              {typeof data !== 'string' ? JSON.stringify(data, null, 2) : data}\n            </pre>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default ErrorRenderer;\n"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAM,iBAAiB,EACrB,OACA,MACA,aACA,sBACwB;CACxB,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,aAAU;EACV,WAAU;EACV,MAAK;YAHP,CAKE,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,KAACA,eAAAA,eAAD;KAAe,eAAY;KAAO,WAAU;IAAQ,CAAA,GACpD,iBAAA,GAAA,kBAAA,KAAC,QAAD;KAAM,WAAU;eAAc;IAA+B,CAAA,CAC1D;OACL,iBAAA,GAAA,kBAAA,KAACC,eAAAA,SAAD;IACE,iBAAc;IACd,iBAAe;IACf,OAAM;IACN,SAAS;IACT,MAAK;IACL,SAAQ;cAEP,cACC,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,eAAAA,aAAD,EAAa,eAAY,OAAQ,CAAA,GAAC,eAClC,EAAA,CAAA,IAEF,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,eAAAA,eAAD,EAAe,eAAY,OAAQ,CAAA,GAAC,eACpC,EAAA,CAAA;GAEE,CAAA,CACL;MACJ,cACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;GAAwB,IAAG;aAA1C,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,UAAD,EAAA,UAAQ,SAAc,CAAA,GACtB,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAA,UACG,iBAAiB,QACd,GAAG,MAAM,KAAK,IAAI,MAAM,YACxB,gBACD,CAAA,CACF,EAAA,CAAA,GACL,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,UAAD,EAAA,UAAQ,QAAa,CAAA,GACrB,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAA,UACG,OAAO,SAAS,WAAW,KAAK,UAAU,MAAM,MAAM,CAAC,IAAI,KACzD,CAAA,CACF;KACF;OACH,IACD;;AAET"}
+{"version":3,"file":"ErrorRenderer.cjs","names":["FaTimesCircle","Button","FaChevronUp","FaChevronDown"],"sources":["../../../src/Json/subcomponents/ErrorRenderer.tsx"],"sourcesContent":["import { FaChevronDown, FaChevronUp, FaTimesCircle } from 'react-icons/fa';\n\nimport { Button } from '../../Button';\n\ninterface ErrorRendererProps {\n  /** The error that occurred during JSON parsing or processing */\n  error: unknown;\n  /** The original data that caused the error */\n  data: string | object;\n  /** Controls whether detailed error information is visible */\n  showDetails: boolean;\n  /** Callback function to toggle the visibility of error details */\n  onToggleDetails: () => void;\n}\n\n/**\n * Displays JSON parsing or processing errors in a user-friendly format with expandable details.\n *\n * This component provides a consistent error display with:\n * - A prominent error message\n * - Expandable details section\n * - Original data preview\n * - Accessibility support via ARIA attributes\n */\nconst ErrorRenderer = ({\n  error,\n  data,\n  showDetails,\n  onToggleDetails,\n}: ErrorRendererProps) => {\n  return (\n    <div\n      aria-live=\"polite\"\n      className=\"mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger\"\n      role=\"alert\"\n    >\n      <div className=\"flex w-full justify-between gap-6\">\n        <div className=\"flex items-center\">\n          <FaTimesCircle aria-hidden=\"true\" className=\"mr-2\" />\n          <span className=\"font-medium\">Failed to parse JSON data</span>\n        </div>\n        <Button\n          aria-controls=\"error-details\"\n          aria-expanded={showDetails}\n          color=\"danger\"\n          onClick={onToggleDetails}\n          size=\"sm\"\n          variant=\"light\"\n        >\n          {showDetails ? (\n            <>\n              <FaChevronUp aria-hidden=\"true\" /> Hide Details\n            </>\n          ) : (\n            <>\n              <FaChevronDown aria-hidden=\"true\" /> Show Details\n            </>\n          )}\n        </Button>\n      </div>\n      {showDetails ? (\n        <div className=\"mt-4 w-full text-left\" id=\"error-details\">\n          <div>\n            <strong>Error:</strong>\n            <pre>\n              {error instanceof Error\n                ? `${error.name}: ${error.message}`\n                : 'Unknown error'}\n            </pre>\n          </div>\n          <div className=\"mt-4\">\n            <strong>Data:</strong>\n            <pre>\n              {typeof data !== 'string' ? JSON.stringify(data, null, 2) : data}\n            </pre>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default ErrorRenderer;\n"],"mappings":";;;;;;;;;;;;;AAwBA,MAAM,iBAAiB,EACrB,OACA,MACA,aACA,sBACwB;CACxB,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,aAAU;EACV,WAAU;EACV,MAAK;YAHP,CAKE,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,KAACA,eAAAA,eAAD;KAAe,eAAY;KAAO,WAAU;IAAQ,CAAA,GACpD,iBAAA,GAAA,kBAAA,KAAC,QAAD;KAAM,WAAU;eAAc;IAA+B,CAAA,CAC1D;OACL,iBAAA,GAAA,kBAAA,KAACC,eAAAA,SAAD;IACE,iBAAc;IACd,iBAAe;IACf,OAAM;IACN,SAAS;IACT,MAAK;IACL,SAAQ;cAEP,cACC,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,eAAAA,aAAD,EAAa,eAAY,OAAQ,CAAA,GAAC,eAClC,EAAA,CAAA,IAEF,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,eAAAA,eAAD,EAAe,eAAY,OAAQ,CAAA,GAAC,eACpC,EAAA,CAAA;GAEE,CAAA,CACL;MACJ,cACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;GAAwB,IAAG;aAA1C,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,UAAD,EAAA,UAAQ,SAAc,CAAA,GACtB,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAA,UACG,iBAAiB,QACd,GAAG,MAAM,KAAK,IAAI,MAAM,YACxB,gBACD,CAAA,CACF,EAAA,CAAA,GACL,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,UAAD,EAAA,UAAQ,QAAa,CAAA,GACrB,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAA,UACG,OAAO,SAAS,WAAW,KAAK,UAAU,MAAM,MAAM,CAAC,IAAI,KACzD,CAAA,CACF;KACF;OACH,IACD;;AAET"}

package/dist/Json/subcomponents/NullRenderer.cjs

@@ -1,4 +1,3 @@
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_index = require("../../node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.43_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/index.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/Json/subcomponents/NullRenderer.tsx

package/dist/Json/subcomponents/NullRenderer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NullRenderer.cjs","names":["JsonView"],"sources":["../../../src/Json/subcomponents/NullRenderer.tsx"],"sourcesContent":["/* eslint-disable import-x/no-extraneous-dependencies */\n\n// INFO: react-json-view is bundled with --dts-resolve for now (dev dep)\nimport JsonView from '@uiw/react-json-view';\n\n/**\n * A custom renderer for JSON null values in the JsonView component.\n *\n * This component provides a consistent way to render null values across the JSON viewer.\n * It can be customized to handle null values differently from the default representation,\n * such as using different styling or displaying alternative text.\n */\nconst NullRenderer = () => {\n  return (\n    <JsonView.Null\n      render={() => {\n        return (\n          <span className=\"rounded bg-warning-100 px-1 text-xs text-warning-700\">\n            null\n          </span>\n        );\n      }}\n    />\n  );\n};\n\nexport default NullRenderer;\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,qBAAqB;CACzB,OACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,QAAS,MAAV,EACE,cAAc;EACZ,OACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAuD;EAEjE,CAAA;CAEV,EACD,CAAA;AAEL"}
+{"version":3,"file":"NullRenderer.cjs","names":["JsonView"],"sources":["../../../src/Json/subcomponents/NullRenderer.tsx"],"sourcesContent":["/* eslint-disable import-x/no-extraneous-dependencies */\n\n// INFO: react-json-view is bundled with --dts-resolve for now (dev dep)\nimport JsonView from '@uiw/react-json-view';\n\n/**\n * A custom renderer for JSON null values in the JsonView component.\n *\n * This component provides a consistent way to render null values across the JSON viewer.\n * It can be customized to handle null values differently from the default representation,\n * such as using different styling or displaying alternative text.\n */\nconst NullRenderer = () => {\n  return (\n    <JsonView.Null\n      render={() => {\n        return (\n          <span className=\"rounded bg-warning-100 px-1 text-xs text-warning-700\">\n            null\n          </span>\n        );\n      }}\n    />\n  );\n};\n\nexport default NullRenderer;\n"],"mappings":";;;;;;;;;;AAYA,MAAM,qBAAqB;CACzB,OACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,QAAS,MAAV,EACE,cAAc;EACZ,OACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAuD;EAEjE,CAAA;CAEV,EACD,CAAA;AAEL"}

package/dist/Label/Label.cjs

@@ -1,4 +1,3 @@
-require("../_virtual/_rolldown/runtime.cjs");
 let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _heroui_theme = require("@heroui/theme");

package/dist/Label/Label.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Label.cjs","names":["heroLabelVariants","HeroLabel"],"sources":["../../src/Label/Label.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps as HeroLabelProps } from '@heroui/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as HeroLabel } from '@heroui/chip';\nimport { chip as heroLabelVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n  slots: {\n    base: '',\n    closeButton: '',\n    content: '',\n    dot: '',\n    icon: '',\n  },\n  variants: {\n    color: {\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts\n      info: {\n        dot: 'bg-info',\n      },\n      ...heroLabelVariants.variants.color,\n    },\n    isIconOnly: {\n      true: {\n        content: 'px-1',\n      },\n      false: {\n        content: 'flex items-center gap-2',\n      },\n    },\n    hasEndContent: {\n      true: {\n        base: 'pr-2',\n      },\n    },\n    variant: heroLabelVariants.variants.variant,\n  },\n  defaultVariants: heroLabelVariants.defaultVariants,\n  compoundVariants: [\n    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts\n    ...heroLabelVariants.compoundVariants,\n    // solid / color info\n    {\n      variant: 'solid',\n      color: 'info',\n      class: {\n        base: 'bg-info text-info-foreground',\n      },\n    },\n    // bordered / color info\n    {\n      variant: 'bordered',\n      color: 'info',\n      class: {\n        base: 'border-info text-info',\n      },\n    },\n    // light / color info\n    {\n      variant: 'light',\n      color: 'info',\n      class: {\n        base: 'text-info',\n      },\n    },\n    // flat / color info\n    {\n      variant: 'flat',\n      color: 'info',\n      class: {\n        base: 'bg-info/20 text-info-600',\n      },\n    },\n    // faded / color info\n    {\n      variant: 'faded',\n      color: 'info',\n      class: {\n        base: 'border-default text-info',\n      },\n    },\n  ],\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n  /** content of the label */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the label */\n  color?: VariantProps['color'];\n  /** element to be rendered in the right side of the label */\n  endContent?: HeroLabelProps['endContent'];\n  /** optional label icon, when only icon provided without children and endContent  */\n  icon?: ReactNode;\n  /** add close button to endContent */\n  onClose?: HeroLabelProps['onClose'];\n  /** radius of the label */\n  radius?: HeroLabelProps['radius'];\n  /** size of the label */\n  size?: HeroLabelProps['size'];\n  /** style variant of the label */\n  variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)\n */\nconst Label = ({\n  children = undefined,\n  className: _className = undefined,\n  color = 'default',\n  endContent = undefined,\n  icon = undefined,\n  onClose = undefined,\n  radius = 'full',\n  size = 'md',\n  variant = 'solid',\n}: LabelProps) => {\n  // determine variants based on props\n  const isIconOnly = !!icon && !children && !endContent;\n  const hasEndContent = !!endContent;\n\n  // classNames from slots\n  const variants = labelVariants({ color, isIconOnly, hasEndContent, variant });\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroLabel\n      classNames={classNames}\n      endContent={endContent}\n      onClose={onClose}\n      radius={radius}\n      size={size}\n      variant={variant}\n    >\n      {icon ? <span className={classNames.icon}>{icon}</span> : null}\n      {children}\n    </HeroLabel>\n  );\n};\n\nexport default Label;\n"],"mappings":";;;;;;AAUA,MAAa,iBAAA,GAAA,uBAAA,IAAmB;CAC9B,OAAO;EACL,MAAM;EACN,aAAa;EACb,SAAS;EACT,KAAK;EACL,MAAM;CACR;CACA,UAAU;EACR,OAAO;GAEL,MAAM,EACJ,KAAK,UACP;GACA,GAAGA,cAAAA,KAAkB,SAAS;EAChC;EACA,YAAY;GACV,MAAM,EACJ,SAAS,OACX;GACA,OAAO,EACL,SAAS,0BACX;EACF;EACA,eAAe,EACb,MAAM,EACJ,MAAM,OACR,EACF;EACA,SAASA,cAAAA,KAAkB,SAAS;CACtC;CACA,iBAAiBA,cAAAA,KAAkB;CACnC,kBAAkB;EAEhB,GAAGA,cAAAA,KAAkB;EAErB;GACE,SAAS;GACT,OAAO;GACP,OAAO,EACL,MAAM,+BACR;EACF;EAEA;GACE,SAAS;GACT,OAAO;GACP,OAAO,EACL,MAAM,wBACR;EACF;EAEA;GACE,SAAS;GACT,OAAO;GACP,OAAO,EACL,MAAM,YACR;EACF;EAEA;GACE,SAAS;GACT,OAAO;GACP,OAAO,EACL,MAAM,2BACR;EACF;EAEA;GACE,SAAS;GACT,OAAO;GACP,OAAO,EACL,MAAM,2BACR;EACF;CACF;AACF,CAAC;;;;AA6BD,MAAM,SAAS,EACb,WAAW,KAAA,GACX,WAAW,aAAa,KAAA,GACxB,QAAQ,WACR,aAAa,KAAA,GACb,OAAO,KAAA,GACP,UAAU,KAAA,GACV,SAAS,QACT,OAAO,MACP,UAAU,cACM;CAOhB,MAAM,cAAA,GAAA,uBAAA,sBADW,cAAc;EAAE;EAAO,YAJrB,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;EAIS,eAAA,CAH7B,CAAC;EAG2C;CAAQ,CAC5B,GAAG,YAAY,MAAM;CAEpE,OACE,iBAAA,GAAA,kBAAA,MAACC,aAAAA,MAAD;EACc;EACA;EACH;EACD;EACF;EACG;YANX,CAQG,OAAO,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAW,WAAW;aAAO;EAAW,CAAA,IAAI,MACzD,QACQ;;AAEf"}
+{"version":3,"file":"Label.cjs","names":["heroLabelVariants","HeroLabel"],"sources":["../../src/Label/Label.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps as HeroLabelProps } from '@heroui/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as HeroLabel } from '@heroui/chip';\nimport { chip as heroLabelVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n  slots: {\n    base: '',\n    closeButton: '',\n    content: '',\n    dot: '',\n    icon: '',\n  },\n  variants: {\n    color: {\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts\n      info: {\n        dot: 'bg-info',\n      },\n      ...heroLabelVariants.variants.color,\n    },\n    isIconOnly: {\n      true: {\n        content: 'px-1',\n      },\n      false: {\n        content: 'flex items-center gap-2',\n      },\n    },\n    hasEndContent: {\n      true: {\n        base: 'pr-2',\n      },\n    },\n    variant: heroLabelVariants.variants.variant,\n  },\n  defaultVariants: heroLabelVariants.defaultVariants,\n  compoundVariants: [\n    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts\n    ...heroLabelVariants.compoundVariants,\n    // solid / color info\n    {\n      variant: 'solid',\n      color: 'info',\n      class: {\n        base: 'bg-info text-info-foreground',\n      },\n    },\n    // bordered / color info\n    {\n      variant: 'bordered',\n      color: 'info',\n      class: {\n        base: 'border-info text-info',\n      },\n    },\n    // light / color info\n    {\n      variant: 'light',\n      color: 'info',\n      class: {\n        base: 'text-info',\n      },\n    },\n    // flat / color info\n    {\n      variant: 'flat',\n      color: 'info',\n      class: {\n        base: 'bg-info/20 text-info-600',\n      },\n    },\n    // faded / color info\n    {\n      variant: 'faded',\n      color: 'info',\n      class: {\n        base: 'border-default text-info',\n      },\n    },\n  ],\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n  /** content of the label */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the label */\n  color?: VariantProps['color'];\n  /** element to be rendered in the right side of the label */\n  endContent?: HeroLabelProps['endContent'];\n  /** optional label icon, when only icon provided without children and endContent  */\n  icon?: ReactNode;\n  /** add close button to endContent */\n  onClose?: HeroLabelProps['onClose'];\n  /** radius of the label */\n  radius?: HeroLabelProps['radius'];\n  /** size of the label */\n  size?: HeroLabelProps['size'];\n  /** style variant of the label */\n  variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)\n */\nconst Label = ({\n  children = undefined,\n  className: _className = undefined,\n  color = 'default',\n  endContent = undefined,\n  icon = undefined,\n  onClose = undefined,\n  radius = 'full',\n  size = 'md',\n  variant = 'solid',\n}: LabelProps) => {\n  // determine variants based on props\n  const isIconOnly = !!icon && !children && !endContent;\n  const hasEndContent = !!endContent;\n\n  // classNames from slots\n  const variants = labelVariants({ color, isIconOnly, hasEndContent, variant });\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroLabel\n      classNames={classNames}\n      endContent={endContent}\n      onClose={onClose}\n      radius={radius}\n      size={size}\n      variant={variant}\n    >\n      {icon ? <span className={classNames.icon}>{icon}</span> : null}\n      {children}\n    </HeroLabel>\n  );\n};\n\nexport default Label;\n"],"mappings":";;;;;AAUA,MAAa,iBAAA,GAAA,uBAAA,IAAmB;CAC9B,OAAO;EACL,MAAM;EACN,aAAa;EACb,SAAS;EACT,KAAK;EACL,MAAM;CACR;CACA,UAAU;EACR,OAAO;GAEL,MAAM,EACJ,KAAK,UACP;GACA,GAAGA,cAAAA,KAAkB,SAAS;EAChC;EACA,YAAY;GACV,MAAM,EACJ,SAAS,OACX;GACA,OAAO,EACL,SAAS,0BACX;EACF;EACA,eAAe,EACb,MAAM,EACJ,MAAM,OACR,EACF;EACA,SAASA,cAAAA,KAAkB,SAAS;CACtC;CACA,iBAAiBA,cAAAA,KAAkB;CACnC,kBAAkB;EAEhB,GAAGA,cAAAA,KAAkB;EAErB;GACE,SAAS;GACT,OAAO;GACP,OAAO,EACL,MAAM,+BACR;EACF;EAEA;GACE,SAAS;GACT,OAAO;GACP,OAAO,EACL,MAAM,wBACR;EACF;EAEA;GACE,SAAS;GACT,OAAO;GACP,OAAO,EACL,MAAM,YACR;EACF;EAEA;GACE,SAAS;GACT,OAAO;GACP,OAAO,EACL,MAAM,2BACR;EACF;EAEA;GACE,SAAS;GACT,OAAO;GACP,OAAO,EACL,MAAM,2BACR;EACF;CACF;AACF,CAAC;;;;AA6BD,MAAM,SAAS,EACb,WAAW,KAAA,GACX,WAAW,aAAa,KAAA,GACxB,QAAQ,WACR,aAAa,KAAA,GACb,OAAO,KAAA,GACP,UAAU,KAAA,GACV,SAAS,QACT,OAAO,MACP,UAAU,cACM;CAOhB,MAAM,cAAA,GAAA,uBAAA,sBADW,cAAc;EAAE;EAAO,YAJrB,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;EAIS,eAAA,CAH7B,CAAC;EAG2C;CAAQ,CAC5B,GAAG,YAAY,MAAM;CAEpE,OACE,iBAAA,GAAA,kBAAA,MAACC,aAAAA,MAAD;EACc;EACA;EACH;EACD;EACF;EACG;YANX,CAQG,OAAO,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAW,WAAW;aAAO;EAAW,CAAA,IAAI,MACzD,QACQ;;AAEf"}

package/dist/Label/Label.d.cts

@@ -4,8 +4,8 @@ import { ChipProps } from "@heroui/chip";
 
 //#region src/Label/Label.d.ts
 declare const labelVariants: ((props?: ({
-  variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-  color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+  variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+  color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
   hasEndContent?: boolean | undefined;
   isIconOnly?: boolean | undefined;
 } & ({
@@ -16,8 +16,8 @@ declare const labelVariants: ((props?: ({
   className?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
 })) | undefined) => {
   base: (slotProps?: ({
-    variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasEndContent?: boolean | undefined;
     isIconOnly?: boolean | undefined;
   } & ({
@@ -28,8 +28,8 @@ declare const labelVariants: ((props?: ({
     className?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
   })) | undefined) => string;
   closeButton: (slotProps?: ({
-    variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasEndContent?: boolean | undefined;
     isIconOnly?: boolean | undefined;
   } & ({
@@ -40,8 +40,8 @@ declare const labelVariants: ((props?: ({
     className?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
   })) | undefined) => string;
   content: (slotProps?: ({
-    variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasEndContent?: boolean | undefined;
     isIconOnly?: boolean | undefined;
   } & ({
@@ -52,8 +52,8 @@ declare const labelVariants: ((props?: ({
     className?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
   })) | undefined) => string;
   dot: (slotProps?: ({
-    variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasEndContent?: boolean | undefined;
     isIconOnly?: boolean | undefined;
   } & ({
@@ -64,8 +64,8 @@ declare const labelVariants: ((props?: ({
     className?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
   })) | undefined) => string;
   icon: (slotProps?: ({
-    variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasEndContent?: boolean | undefined;
     isIconOnly?: boolean | undefined;
   } & ({
@@ -77,8 +77,8 @@ declare const labelVariants: ((props?: ({
   })) | undefined) => string;
 } & {
   base: (slotProps?: ({
-    variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasEndContent?: boolean | undefined;
     isIconOnly?: boolean | undefined;
   } & ({
@@ -89,8 +89,8 @@ declare const labelVariants: ((props?: ({
     className?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
   })) | undefined) => string;
   closeButton: (slotProps?: ({
-    variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasEndContent?: boolean | undefined;
     isIconOnly?: boolean | undefined;
   } & ({
@@ -101,8 +101,8 @@ declare const labelVariants: ((props?: ({
     className?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
   })) | undefined) => string;
   content: (slotProps?: ({
-    variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasEndContent?: boolean | undefined;
     isIconOnly?: boolean | undefined;
   } & ({
@@ -113,8 +113,8 @@ declare const labelVariants: ((props?: ({
     className?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
   })) | undefined) => string;
   dot: (slotProps?: ({
-    variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasEndContent?: boolean | undefined;
     isIconOnly?: boolean | undefined;
   } & ({
@@ -125,8 +125,8 @@ declare const labelVariants: ((props?: ({
     className?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
   })) | undefined) => string;
   icon: (slotProps?: ({
-    variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasEndContent?: boolean | undefined;
     isIconOnly?: boolean | undefined;
   } & ({
@@ -138,8 +138,8 @@ declare const labelVariants: ((props?: ({
   })) | undefined) => string;
 } & {}) & {
   extend: ((props?: ({
-    variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasEndContent?: boolean | undefined;
     isIconOnly?: boolean | undefined;
   } & ({
@@ -150,8 +150,8 @@ declare const labelVariants: ((props?: ({
     className?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
   })) | undefined) => {} & {
     base: (slotProps?: ({
-      variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+      variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
       hasEndContent?: boolean | undefined;
       isIconOnly?: boolean | undefined;
     } & ({
@@ -162,8 +162,8 @@ declare const labelVariants: ((props?: ({
       className?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
     })) | undefined) => string;
     closeButton: (slotProps?: ({
-      variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+      variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
       hasEndContent?: boolean | undefined;
       isIconOnly?: boolean | undefined;
     } & ({
@@ -174,8 +174,8 @@ declare const labelVariants: ((props?: ({
       className?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
     })) | undefined) => string;
     content: (slotProps?: ({
-      variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+      variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
       hasEndContent?: boolean | undefined;
       isIconOnly?: boolean | undefined;
     } & ({
@@ -186,8 +186,8 @@ declare const labelVariants: ((props?: ({
       className?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
     })) | undefined) => string;
     dot: (slotProps?: ({
-      variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+      variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
       hasEndContent?: boolean | undefined;
       isIconOnly?: boolean | undefined;
     } & ({
@@ -198,8 +198,8 @@ declare const labelVariants: ((props?: ({
       className?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
     })) | undefined) => string;
     icon: (slotProps?: ({
-      variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+      variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
       hasEndContent?: boolean | undefined;
       isIconOnly?: boolean | undefined;
     } & ({
@@ -275,22 +275,22 @@ declare const labelVariants: ((props?: ({
       };
     };
     defaultVariants: {
-      variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+      variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
       hasEndContent?: boolean | undefined;
       isIconOnly?: boolean | undefined;
     };
     compoundVariants: ({
-      variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | ("bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded")[] | undefined;
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | ("default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info")[] | undefined;
+      variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | ("bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow")[] | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | ("info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger")[] | undefined;
       hasEndContent?: boolean | boolean[] | undefined;
       isIconOnly?: boolean | boolean[] | undefined;
     } & ({
       class?: (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined) | {
         base?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
         icon?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        content?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
         closeButton?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        content?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
         dot?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       };
       className?: never;
@@ -299,18 +299,18 @@ declare const labelVariants: ((props?: ({
       className?: (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined) | {
         base?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
         icon?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        content?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
         closeButton?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+        content?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
         dot?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       };
     }))[];
     compoundSlots: ({
-      slots: ("base" | "icon" | "content" | "closeButton" | "dot")[];
+      slots: ("base" | "icon" | "closeButton" | "content" | "dot")[];
     } & ({
-      color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | ("default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info")[] | undefined;
+      color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | ("info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger")[] | undefined;
       isIconOnly?: boolean | boolean[] | undefined;
       hasEndContent?: boolean | boolean[] | undefined;
-      variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | ("bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded")[] | undefined;
+      variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | ("bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow")[] | undefined;
     } & ({
       class?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       className?: never;
@@ -384,22 +384,22 @@ declare const labelVariants: ((props?: ({
     };
   };
   defaultVariants: {
-    variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | undefined;
+    variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     hasEndContent?: boolean | undefined;
     isIconOnly?: boolean | undefined;
   };
   compoundVariants: ({
-    variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | ("bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded")[] | undefined;
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | ("default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info")[] | undefined;
+    variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | ("bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow")[] | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | ("info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger")[] | undefined;
     hasEndContent?: boolean | boolean[] | undefined;
     isIconOnly?: boolean | boolean[] | undefined;
   } & ({
     class?: (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined) | {
       base?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       icon?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-      content?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       closeButton?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+      content?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       dot?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
     };
     className?: never;
@@ -408,18 +408,18 @@ declare const labelVariants: ((props?: ({
     className?: (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined) | {
       base?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       icon?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-      content?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       closeButton?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+      content?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
       dot?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
     };
   }))[];
   compoundSlots: ({
-    slots: ("base" | "icon" | "content" | "closeButton" | "dot")[];
+    slots: ("base" | "icon" | "closeButton" | "content" | "dot")[];
   } & ({
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | ("default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info")[] | undefined;
+    color?: "info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger" | ("info" | "default" | "primary" | "secondary" | "success" | "warning" | "danger")[] | undefined;
     isIconOnly?: boolean | boolean[] | undefined;
     hasEndContent?: boolean | boolean[] | undefined;
-    variant?: "bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded" | ("bordered" | "flat" | "solid" | "light" | "shadow" | "dot" | "faded")[] | undefined;
+    variant?: "bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow" | ("bordered" | "dot" | "solid" | "flat" | "light" | "faded" | "shadow")[] | undefined;
   } & ({
     class?: string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | readonly (string | false | 0 | 0n | /*elided*/any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
     className?: never;

package/dist/Label/Label.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.cts","names":[],"sources":["../../src/Label/Label.tsx"],"mappings":";;;;;cAUa,aAAA,IAAa,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mbAmHb;mbAVE;mbAAA;sbAAA;0bAAA;kbAAA;IAAA;;;;ubAAA;mbAAA;mbAAA;sbAAA;0bAAA;kbAAA;IAAA;EAAA;;;;;;;;;;;;;;;;;KA3BV,YAAA,GAAe,OAAO,QAAQ,aAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,aAAA;AAAA,UAEnB,UAAA,SAAmB,YAAA;;EAElC,QAAA,GAAW,SAAA;;EAEX,SAAA,GAAY,SAAA;;EAEZ,KAAA,GAAQ,YAAA;;EAER,UAAA,GAAa,SAAA;;EAEb,IAAA,GAAO,SAAA;;EAEP,OAAA,GAAU,SAAA;;EAEV,MAAA,GAAS,SAAA;;EAET,IAAA,GAAO,SAAA;;EAEP,OAAA;AAAA;;;;cAMI,KAAA;EAAS,QAAA;EAAA,SAAA,EAAA,UAAA;EAAA,KAAA;EAAA,UAAA;EAAA,IAAA;EAAA,OAAA;EAAA,MAAA;EAAA,IAAA;EAAA;AAAA,GAUZ,UAAA,iCAAU,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Label.d.cts","names":[],"sources":["../../src/Label/Label.tsx"],"mappings":";;;;;cAUa,aAAA,IAAa,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mbAmHb;mbAVE;mbAAA;0bAAA;sbAAA;kbAAA;IAAA;;;;ubAAA;mbAAA;mbAAA;0bAAA;sbAAA;kbAAA;IAAA;EAAA;;;;;;;;;;;;;;;;;KA3BV,YAAA,GAAe,OAAO,QAAQ,aAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,aAAA;AAAA,UAEnB,UAAA,SAAmB,YAAA;;EAElC,QAAA,GAAW,SAAA;;EAEX,SAAA,GAAY,SAAA;;EAEZ,KAAA,GAAQ,YAAA;;EAER,UAAA,GAAa,SAAA;;EAEb,IAAA,GAAO,SAAA;;EAEP,OAAA,GAAU,SAAA;;EAEV,MAAA,GAAS,SAAA;;EAET,IAAA,GAAO,SAAA;;EAEP,OAAA;AAAA;;;;cAMI,KAAA;EAAS,QAAA;EAAA,SAAA,EAAA,UAAA;EAAA,KAAA;EAAA,UAAA;EAAA,IAAA;EAAA,OAAA;EAAA,MAAA;EAAA,IAAA;EAAA;AAAA,GAUZ,UAAA,iCAAU,GAAA,CAAA,OAAA"}