@fuf-stack/pixels 0.39.9 → 0.41.0

package/dist/Button/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkHHCDSQ6Ncjs = require('../chunk-HHCDSQ6N.cjs');
+var _chunkFLPLJTACcjs = require('../chunk-FLPLJTAC.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
 
-exports.Button = _chunkHHCDSQ6Ncjs.Button_default; exports.buttonVariants = _chunkHHCDSQ6Ncjs.buttonVariants; exports.default = _chunkHHCDSQ6Ncjs.Button_default2;
+exports.Button = _chunkFLPLJTACcjs.Button_default; exports.buttonVariants = _chunkFLPLJTACcjs.buttonVariants; exports.default = _chunkFLPLJTACcjs.Button_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Button/index.js

@@ -2,7 +2,7 @@ import {
   Button_default,
   Button_default2,
   buttonVariants
-} from "../chunk-Q5DUSUCZ.js";
+} from "../chunk-MAKWBTTW.js";
 import "../chunk-J7N2552D.js";
 export {
   Button_default as Button,

package/dist/Json/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk374SO74Fcjs = require('../chunk-374SO74F.cjs');
-require('../chunk-HHCDSQ6N.cjs');
+var _chunkJ63YGHTGcjs = require('../chunk-J63YGHTG.cjs');
+require('../chunk-FLPLJTAC.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Json = _chunk374SO74Fcjs.Json_default; exports.default = _chunk374SO74Fcjs.Json_default2;
+exports.Json = _chunkJ63YGHTGcjs.Json_default; exports.default = _chunkJ63YGHTGcjs.Json_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Json/index.js

@@ -1,8 +1,8 @@
 import {
   Json_default,
   Json_default2
-} from "../chunk-L3DEBOPG.js";
-import "../chunk-Q5DUSUCZ.js";
+} from "../chunk-VRPX6QUG.js";
+import "../chunk-MAKWBTTW.js";
 import "../chunk-J7N2552D.js";
 export {
   Json_default as Json,

package/dist/Progress/index.cjs

@@ -1,89 +1,12 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-D4TLDLEX.cjs');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-// src/Progress/Progress.tsx
-var _progress = require('@heroui/progress');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var progressVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    base: "",
-    // wrapper around the whole component
-    indicator: "",
-    // indicator of the progress (finished part)
-    label: "",
-    // label at the top left of the progress bar
-    labelWrapper: "",
-    // wrapper around progress label and label span
-    track: "",
-    // track of the progress (not finished part)
-    value: ""
-    // span around the progress value
-  },
-  variants: {
-    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/progress.ts
-    color: {
-      danger: {
-        indicator: "bg-danger"
-      },
-      default: {
-        indicator: "bg-default-400"
-      },
-      info: {
-        indicator: "bg-info"
-      },
-      primary: {
-        indicator: "bg-primary"
-      },
-      secondary: {
-        indicator: "bg-secondary"
-      },
-      success: {
-        indicator: "bg-success"
-      },
-      warning: {
-        indicator: "bg-warning"
-      }
-    }
-  }
-});
-var defaultFormat = (percent) => `${percent}%`;
-var Progress = ({
-  className = void 0,
-  color = "primary",
-  format = defaultFormat,
-  label = void 0,
-  percent,
-  showValueLabel = true,
-  size = "md",
-  successOnComplete = false,
-  testId = void 0
-}) => {
-  const processedColor = successOnComplete && percent >= 100 ? "success" : color;
-  const variants = progressVariants({ color: processedColor });
-  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
-  const value = format(percent);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _progress.Progress,
-    {
-      "aria-label": "Loading...",
-      classNames,
-      "data-testid": testId,
-      formatOptions: void 0,
-      label,
-      showValueLabel,
-      size,
-      value: percent || 0,
-      valueLabel: !!percent && value
-    }
-  );
-};
-var Progress_default = Progress;
 
-// src/Progress/index.ts
-var Progress_default2 = Progress_default;
 
+var _chunkVGXW3PSFcjs = require('../chunk-VGXW3PSF.cjs');
+require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Progress = Progress_default; exports.default = Progress_default2; exports.progressVariants = progressVariants;
+
+exports.Progress = _chunkVGXW3PSFcjs.Progress_default; exports.default = _chunkVGXW3PSFcjs.Progress_default2; exports.progressVariants = _chunkVGXW3PSFcjs.progressVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/Progress/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Progress/index.cjs","../../src/Progress/Progress.tsx","../../src/Progress/index.ts"],"names":[],"mappings":"AAAA,0GAA8B;AAC9B;AACA;ACCA,4CAAyC;AAEzC,oDAAyC;AAyFrC,+CAAA;AAtFG,IAAM,iBAAA,EAAmB,4BAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA;AAAA,IACN,SAAA,EAAW,EAAA;AAAA;AAAA,IACX,KAAA,EAAO,EAAA;AAAA;AAAA,IACP,YAAA,EAAc,EAAA;AAAA;AAAA,IACd,KAAA,EAAO,EAAA;AAAA;AAAA,IACP,KAAA,EAAO;AAAA;AAAA,EACT,CAAA;AAAA,EACA,QAAA,EAAU;AAAA;AAAA,IAER,KAAA,EAAO;AAAA,MACL,MAAA,EAAQ;AAAA,QACN,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,SAAA,EAAW;AAAA,QACT,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,SAAA,EAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AA0BD,IAAM,cAAA,EAAgB,CAAC,OAAA,EAAA,GAAoB,CAAA,EAAA;AAKzB;AACJ,EAAA;AACJ,EAAA;AACC,EAAA;AACD,EAAA;AACR,EAAA;AACiB,EAAA;AACV,EAAA;AACa,EAAA;AACX,EAAA;AACU;AAEjB,EAAA;AAEe,EAAA;AACE,EAAA;AAES,EAAA;AAG1B,EAAA;AAAC,IAAA;AAAA,IAAA;AACY,MAAA;AACX,MAAA;AACa,MAAA;AACE,MAAA;AACf,MAAA;AACA,MAAA;AACA,MAAA;AACkB,MAAA;AACO,MAAA;AAAA,IAAA;AAC3B,EAAA;AAEJ;AAEe;AD5BmB;AACA;AE3EnB;AF6EmB;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Progress/index.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Progress as HeroProgress } from '@heroui/progress';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// progress styling variants\nexport const progressVariants = tv({\n  slots: {\n    base: '', // wrapper around the whole component\n    indicator: '', // indicator of the progress (finished part)\n    label: '', // label at the top left of the progress bar\n    labelWrapper: '', // wrapper around progress label and label span\n    track: '', // track of the progress (not finished part)\n    value: '', // span around the progress value\n  },\n  variants: {\n    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/progress.ts\n    color: {\n      danger: {\n        indicator: 'bg-danger',\n      },\n      default: {\n        indicator: 'bg-default-400',\n      },\n      info: {\n        indicator: 'bg-info',\n      },\n      primary: {\n        indicator: 'bg-primary',\n      },\n      secondary: {\n        indicator: 'bg-secondary',\n      },\n      success: {\n        indicator: 'bg-success',\n      },\n      warning: {\n        indicator: 'bg-warning',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof progressVariants>;\ntype ClassName = TVClassName<typeof progressVariants>;\n\nexport interface ProgressProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the progress bar */\n  color?: VariantProps['color'];\n  /** function to format the progress value */\n  format?: (percent: number) => ReactNode;\n  /** label of the progress bar */\n  label?: ReactNode;\n  /** percentage/progress of the progress bar */\n  percent: number;\n  /** whether to show the value label */\n  showValueLabel?: boolean;\n  /** size of the progress bar */\n  size?: 'sm' | 'md' | 'lg';\n  /** whether to show success color on complete */\n  successOnComplete?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst defaultFormat = (percent: number) => `${percent}%`;\n\n/**\n * Progress component based on [HeroUI Progress](https://www.heroui.com//docs/components/progress)\n */\nconst Progress = ({\n  className = undefined,\n  color = 'primary',\n  format = defaultFormat,\n  label = undefined,\n  percent,\n  showValueLabel = true,\n  size = 'md',\n  successOnComplete = false,\n  testId = undefined,\n}: ProgressProps) => {\n  const processedColor =\n    successOnComplete && percent >= 100 ? 'success' : color;\n\n  const variants = progressVariants({ color: processedColor });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  const value = format(percent);\n\n  return (\n    <HeroProgress\n      aria-label=\"Loading...\"\n      classNames={classNames}\n      data-testid={testId}\n      formatOptions={undefined}\n      label={label}\n      showValueLabel={showValueLabel}\n      size={size}\n      value={percent || 0}\n      valueLabel={!!percent && value}\n    />\n  );\n};\n\nexport default Progress;\n","import Progress, { progressVariants } from './Progress';\n\nexport type { ProgressProps, VariantProps } from './Progress';\n\nexport { Progress, progressVariants };\n\nexport default Progress;\n"]}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Progress/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACF,4KAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Progress/index.cjs"}

package/dist/Progress/index.d.cts

@@ -1,224 +1,11 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants from 'tailwind-variants';
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
-import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { ReactNode } from 'react';
+import { P as Progress } from '../Progress-7yXUVioO.cjs';
+export { a as ProgressProps, p as progressVariants } from '../Progress-7yXUVioO.cjs';
+import 'react/jsx-runtime';
+import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
+import '@fuf-stack/pixel-utils';
+import 'react';
 
-declare const progressVariants: tailwind_variants.TVReturnType<{
-    color: {
-        danger: {
-            indicator: string;
-        };
-        default: {
-            indicator: string;
-        };
-        info: {
-            indicator: string;
-        };
-        primary: {
-            indicator: string;
-        };
-        secondary: {
-            indicator: string;
-        };
-        success: {
-            indicator: string;
-        };
-        warning: {
-            indicator: string;
-        };
-    };
-}, {
-    base: string;
-    indicator: string;
-    label: string;
-    labelWrapper: string;
-    track: string;
-    value: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    color: {
-        danger: {
-            indicator: string;
-        };
-        default: {
-            indicator: string;
-        };
-        info: {
-            indicator: string;
-        };
-        primary: {
-            indicator: string;
-        };
-        secondary: {
-            indicator: string;
-        };
-        success: {
-            indicator: string;
-        };
-        warning: {
-            indicator: string;
-        };
-    };
-}, {
-    color: {
-        danger: {
-            indicator: string;
-        };
-        default: {
-            indicator: string;
-        };
-        info: {
-            indicator: string;
-        };
-        primary: {
-            indicator: string;
-        };
-        secondary: {
-            indicator: string;
-        };
-        success: {
-            indicator: string;
-        };
-        warning: {
-            indicator: string;
-        };
-    };
-}>, {
-    color: {
-        danger: {
-            indicator: string;
-        };
-        default: {
-            indicator: string;
-        };
-        info: {
-            indicator: string;
-        };
-        primary: {
-            indicator: string;
-        };
-        secondary: {
-            indicator: string;
-        };
-        success: {
-            indicator: string;
-        };
-        warning: {
-            indicator: string;
-        };
-    };
-}, {
-    base: string;
-    indicator: string;
-    label: string;
-    labelWrapper: string;
-    track: string;
-    value: string;
-}, tailwind_variants.TVReturnType<{
-    color: {
-        danger: {
-            indicator: string;
-        };
-        default: {
-            indicator: string;
-        };
-        info: {
-            indicator: string;
-        };
-        primary: {
-            indicator: string;
-        };
-        secondary: {
-            indicator: string;
-        };
-        success: {
-            indicator: string;
-        };
-        warning: {
-            indicator: string;
-        };
-    };
-}, {
-    base: string;
-    indicator: string;
-    label: string;
-    labelWrapper: string;
-    track: string;
-    value: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    color: {
-        danger: {
-            indicator: string;
-        };
-        default: {
-            indicator: string;
-        };
-        info: {
-            indicator: string;
-        };
-        primary: {
-            indicator: string;
-        };
-        secondary: {
-            indicator: string;
-        };
-        success: {
-            indicator: string;
-        };
-        warning: {
-            indicator: string;
-        };
-    };
-}, {
-    color: {
-        danger: {
-            indicator: string;
-        };
-        default: {
-            indicator: string;
-        };
-        info: {
-            indicator: string;
-        };
-        primary: {
-            indicator: string;
-        };
-        secondary: {
-            indicator: string;
-        };
-        success: {
-            indicator: string;
-        };
-        warning: {
-            indicator: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof progressVariants>;
-type ClassName = TVClassName<typeof progressVariants>;
-interface ProgressProps extends VariantProps {
-    /** CSS class name */
-    className?: ClassName;
-    /** color of the progress bar */
-    color?: VariantProps['color'];
-    /** function to format the progress value */
-    format?: (percent: number) => ReactNode;
-    /** label of the progress bar */
-    label?: ReactNode;
-    /** percentage/progress of the progress bar */
-    percent: number;
-    /** whether to show the value label */
-    showValueLabel?: boolean;
-    /** size of the progress bar */
-    size?: 'sm' | 'md' | 'lg';
-    /** whether to show success color on complete */
-    successOnComplete?: boolean;
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-}
-/**
- * Progress component based on [HeroUI Progress](https://www.heroui.com//docs/components/progress)
- */
-declare const Progress: ({ className, color, format, label, percent, showValueLabel, size, successOnComplete, testId, }: ProgressProps) => react_jsx_runtime.JSX.Element;
 
-export { Progress, type ProgressProps, type VariantProps, Progress as default, progressVariants };
+
+export { Progress, Progress as default };

package/dist/Progress/index.d.ts

@@ -1,224 +1,11 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants from 'tailwind-variants';
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
-import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { ReactNode } from 'react';
+import { P as Progress } from '../Progress-7yXUVioO.js';
+export { a as ProgressProps, p as progressVariants } from '../Progress-7yXUVioO.js';
+import 'react/jsx-runtime';
+import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
+import '@fuf-stack/pixel-utils';
+import 'react';
 
-declare const progressVariants: tailwind_variants.TVReturnType<{
-    color: {
-        danger: {
-            indicator: string;
-        };
-        default: {
-            indicator: string;
-        };
-        info: {
-            indicator: string;
-        };
-        primary: {
-            indicator: string;
-        };
-        secondary: {
-            indicator: string;
-        };
-        success: {
-            indicator: string;
-        };
-        warning: {
-            indicator: string;
-        };
-    };
-}, {
-    base: string;
-    indicator: string;
-    label: string;
-    labelWrapper: string;
-    track: string;
-    value: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    color: {
-        danger: {
-            indicator: string;
-        };
-        default: {
-            indicator: string;
-        };
-        info: {
-            indicator: string;
-        };
-        primary: {
-            indicator: string;
-        };
-        secondary: {
-            indicator: string;
-        };
-        success: {
-            indicator: string;
-        };
-        warning: {
-            indicator: string;
-        };
-    };
-}, {
-    color: {
-        danger: {
-            indicator: string;
-        };
-        default: {
-            indicator: string;
-        };
-        info: {
-            indicator: string;
-        };
-        primary: {
-            indicator: string;
-        };
-        secondary: {
-            indicator: string;
-        };
-        success: {
-            indicator: string;
-        };
-        warning: {
-            indicator: string;
-        };
-    };
-}>, {
-    color: {
-        danger: {
-            indicator: string;
-        };
-        default: {
-            indicator: string;
-        };
-        info: {
-            indicator: string;
-        };
-        primary: {
-            indicator: string;
-        };
-        secondary: {
-            indicator: string;
-        };
-        success: {
-            indicator: string;
-        };
-        warning: {
-            indicator: string;
-        };
-    };
-}, {
-    base: string;
-    indicator: string;
-    label: string;
-    labelWrapper: string;
-    track: string;
-    value: string;
-}, tailwind_variants.TVReturnType<{
-    color: {
-        danger: {
-            indicator: string;
-        };
-        default: {
-            indicator: string;
-        };
-        info: {
-            indicator: string;
-        };
-        primary: {
-            indicator: string;
-        };
-        secondary: {
-            indicator: string;
-        };
-        success: {
-            indicator: string;
-        };
-        warning: {
-            indicator: string;
-        };
-    };
-}, {
-    base: string;
-    indicator: string;
-    label: string;
-    labelWrapper: string;
-    track: string;
-    value: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    color: {
-        danger: {
-            indicator: string;
-        };
-        default: {
-            indicator: string;
-        };
-        info: {
-            indicator: string;
-        };
-        primary: {
-            indicator: string;
-        };
-        secondary: {
-            indicator: string;
-        };
-        success: {
-            indicator: string;
-        };
-        warning: {
-            indicator: string;
-        };
-    };
-}, {
-    color: {
-        danger: {
-            indicator: string;
-        };
-        default: {
-            indicator: string;
-        };
-        info: {
-            indicator: string;
-        };
-        primary: {
-            indicator: string;
-        };
-        secondary: {
-            indicator: string;
-        };
-        success: {
-            indicator: string;
-        };
-        warning: {
-            indicator: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof progressVariants>;
-type ClassName = TVClassName<typeof progressVariants>;
-interface ProgressProps extends VariantProps {
-    /** CSS class name */
-    className?: ClassName;
-    /** color of the progress bar */
-    color?: VariantProps['color'];
-    /** function to format the progress value */
-    format?: (percent: number) => ReactNode;
-    /** label of the progress bar */
-    label?: ReactNode;
-    /** percentage/progress of the progress bar */
-    percent: number;
-    /** whether to show the value label */
-    showValueLabel?: boolean;
-    /** size of the progress bar */
-    size?: 'sm' | 'md' | 'lg';
-    /** whether to show success color on complete */
-    successOnComplete?: boolean;
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-}
-/**
- * Progress component based on [HeroUI Progress](https://www.heroui.com//docs/components/progress)
- */
-declare const Progress: ({ className, color, format, label, percent, showValueLabel, size, successOnComplete, testId, }: ProgressProps) => react_jsx_runtime.JSX.Element;
 
-export { Progress, type ProgressProps, type VariantProps, Progress as default, progressVariants };
+
+export { Progress, Progress as default };