@fuf-stack/pixels 0.40.0 → 0.41.1

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

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

package/dist/ProgressCircular/index.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _chunkWCRVH4DScjs = require('../chunk-WCRVH4DS.cjs');
+require('../chunk-D4TLDLEX.cjs');
+
+
+
+
+exports.ProgressCircular = _chunkWCRVH4DScjs.ProgressCircular_default; exports.default = _chunkWCRVH4DScjs.ProgressCircular_default2; exports.progressCircularVariants = _chunkWCRVH4DScjs.progressCircularVariants;
+//# sourceMappingURL=index.cjs.map

package/dist/ProgressCircular/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/ProgressCircular/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACF,oNAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/ProgressCircular/index.cjs"}

package/dist/ProgressCircular/index.d.cts

@@ -0,0 +1,11 @@
+import { P as ProgressCircular } from '../ProgressCircular-U4kPZ1T1.cjs';
+export { a as ProgressCircularProps, p as progressCircularVariants } from '../ProgressCircular-U4kPZ1T1.cjs';
+import 'react/jsx-runtime';
+import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
+import '@fuf-stack/pixel-utils';
+import 'react';
+
+
+
+export { ProgressCircular, ProgressCircular as default };

package/dist/ProgressCircular/index.d.ts

@@ -0,0 +1,11 @@
+import { P as ProgressCircular } from '../ProgressCircular-U4kPZ1T1.js';
+export { a as ProgressCircularProps, p as progressCircularVariants } from '../ProgressCircular-U4kPZ1T1.js';
+import 'react/jsx-runtime';
+import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
+import '@fuf-stack/pixel-utils';
+import 'react';
+
+
+
+export { ProgressCircular, ProgressCircular as default };

package/dist/ProgressCircular/index.js

@@ -0,0 +1,12 @@
+import {
+  ProgressCircular_default,
+  ProgressCircular_default2,
+  progressCircularVariants
+} from "../chunk-GJQTAEHH.js";
+import "../chunk-J7N2552D.js";
+export {
+  ProgressCircular_default as ProgressCircular,
+  ProgressCircular_default2 as default,
+  progressCircularVariants
+};
+//# sourceMappingURL=index.js.map

package/dist/ProgressCircular-U4kPZ1T1.d.cts

@@ -0,0 +1,414 @@
+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 progressCircularVariants: tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+        info: {
+            svg: string;
+        };
+    };
+    hasError: {
+        true: {
+            svg: string;
+        };
+    };
+    size: {
+        xs: {
+            svg: string;
+            value: string;
+        };
+        sm: {
+            svg: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            value: string;
+        };
+        xl: {
+            svg: string;
+            value: string;
+        };
+    };
+}, {
+    base: string;
+    indicator: string;
+    label: string;
+    svg: string;
+    svgWrapper: string;
+    track: string;
+    value: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+        info: {
+            svg: string;
+        };
+    };
+    hasError: {
+        true: {
+            svg: string;
+        };
+    };
+    size: {
+        xs: {
+            svg: string;
+            value: string;
+        };
+        sm: {
+            svg: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            value: string;
+        };
+        xl: {
+            svg: string;
+            value: string;
+        };
+    };
+}, {
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+        info: {
+            svg: string;
+        };
+    };
+    hasError: {
+        true: {
+            svg: string;
+        };
+    };
+    size: {
+        xs: {
+            svg: string;
+            value: string;
+        };
+        sm: {
+            svg: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            value: string;
+        };
+        xl: {
+            svg: string;
+            value: string;
+        };
+    };
+}>, {
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+        info: {
+            svg: string;
+        };
+    };
+    hasError: {
+        true: {
+            svg: string;
+        };
+    };
+    size: {
+        xs: {
+            svg: string;
+            value: string;
+        };
+        sm: {
+            svg: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            value: string;
+        };
+        xl: {
+            svg: string;
+            value: string;
+        };
+    };
+}, {
+    base: string;
+    indicator: string;
+    label: string;
+    svg: string;
+    svgWrapper: string;
+    track: string;
+    value: string;
+}, tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+        info: {
+            svg: string;
+        };
+    };
+    hasError: {
+        true: {
+            svg: string;
+        };
+    };
+    size: {
+        xs: {
+            svg: string;
+            value: string;
+        };
+        sm: {
+            svg: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            value: string;
+        };
+        xl: {
+            svg: string;
+            value: string;
+        };
+    };
+}, {
+    base: string;
+    indicator: string;
+    label: string;
+    svg: string;
+    svgWrapper: string;
+    track: string;
+    value: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+        info: {
+            svg: string;
+        };
+    };
+    hasError: {
+        true: {
+            svg: string;
+        };
+    };
+    size: {
+        xs: {
+            svg: string;
+            value: string;
+        };
+        sm: {
+            svg: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            value: string;
+        };
+        xl: {
+            svg: string;
+            value: string;
+        };
+    };
+}, {
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+        info: {
+            svg: string;
+        };
+    };
+    hasError: {
+        true: {
+            svg: string;
+        };
+    };
+    size: {
+        xs: {
+            svg: string;
+            value: string;
+        };
+        sm: {
+            svg: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            value: string;
+        };
+        xl: {
+            svg: string;
+            value: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof progressCircularVariants>;
+type ClassName = TVClassName<typeof progressCircularVariants>;
+interface ProgressCircularProps extends VariantProps {
+    /** sets HTML aria-label attribute */
+    ariaLabel?: string;
+    /** CSS class name */
+    className?: ClassName;
+    /** color options */
+    color?: VariantProps['color'];
+    /** disables all animations */
+    disableAnimation?: boolean;
+    /** formats the display value of the progress in the center */
+    format?: (percent?: number) => ReactNode;
+    /** enables error version */
+    hasError?: boolean;
+    /** percentage / progress of the circular progress bar */
+    percent: number;
+    /** size options */
+    size?: VariantProps['size'];
+}
+/**
+ * ProgressCircular component based on [HeroUI CircularProgress](https://www.heroui.com/docs/components/circular-progress)
+ */
+declare const ProgressCircular: ({ ariaLabel, className, format, hasError, percent, disableAnimation, size, color, }: ProgressCircularProps) => react_jsx_runtime.JSX.Element;
+
+export { ProgressCircular as P, type ProgressCircularProps as a, progressCircularVariants as p };