@fuf-stack/pixels 0.40.0 → 0.41.0

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 };

package/dist/Progress/index.js

@@ -1,86 +1,9 @@
+import {
+  Progress_default,
+  Progress_default2,
+  progressVariants
+} from "../chunk-RV7YPQXI.js";
 import "../chunk-J7N2552D.js";
-
-// src/Progress/Progress.tsx
-import { Progress as HeroProgress } from "@heroui/progress";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx } from "react/jsx-runtime";
-var progressVariants = tv({
-  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 = variantsToClassNames(variants, className, "base");
-  const value = format(percent);
-  return /* @__PURE__ */ jsx(
-    HeroProgress,
-    {
-      "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;
 export {
   Progress_default as Progress,
   Progress_default2 as default,

package/dist/Progress/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Progress/Progress.tsx","../../src/Progress/index.ts"],"sourcesContent":["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"],"mappings":";;;AAGA,SAAS,YAAY,oBAAoB;AAEzC,SAAS,IAAI,4BAA4B;AAyFrC;AAtFG,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,MAAM;AAAA;AAAA,IACN,WAAW;AAAA;AAAA,IACX,OAAO;AAAA;AAAA,IACP,cAAc;AAAA;AAAA,IACd,OAAO;AAAA;AAAA,IACP,OAAO;AAAA;AAAA,EACT;AAAA,EACA,UAAU;AAAA;AAAA,IAER,OAAO;AAAA,MACL,QAAQ;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,MACA,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,MACA,WAAW;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA0BD,IAAM,gBAAgB,CAAC,YAAoB,GAAG,OAAO;AAKrD,IAAM,WAAW,CAAC;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,oBAAoB;AAAA,EACpB,SAAS;AACX,MAAqB;AACnB,QAAM,iBACJ,qBAAqB,WAAW,MAAM,YAAY;AAEpD,QAAM,WAAW,iBAAiB,EAAE,OAAO,eAAe,CAAC;AAC3D,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,QAAM,QAAQ,OAAO,OAAO;AAE5B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX;AAAA,MACA,eAAa;AAAA,MACb,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,WAAW;AAAA,MAClB,YAAY,CAAC,CAAC,WAAW;AAAA;AAAA,EAC3B;AAEJ;AAEA,IAAO,mBAAQ;;;ACtGf,IAAOA,oBAAQ;","names":["Progress_default"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/Progress-7yXUVioO.d.cts

@@ -0,0 +1,228 @@
+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';
+
+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 {
+    /** sets HTML aria-label attribute */
+    ariaLabel?: string;
+    /** CSS class name */
+    className?: ClassName;
+    /** color of the progress bar */
+    color?: VariantProps['color'];
+    /** disables all animations */
+    disableAnimation?: boolean;
+    /** function to format the progress value */
+    format?: (percent: number) => ReactNode;
+    /** shows indeterminate progress animation */
+    indeterminate?: boolean;
+    /** 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';
+    /** 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: ({ ariaLabel, className, color, disableAnimation, format, indeterminate, label, percent, showValueLabel, size, testId, }: ProgressProps) => react_jsx_runtime.JSX.Element;
+
+export { Progress as P, type ProgressProps as a, progressVariants as p };