@fuf-stack/pixels 0.40.0 → 0.41.0

package/dist/index.js

@@ -1,7 +1,11 @@
 import {
-  Popover_default
-} from "./chunk-5TOE75VE.js";
-import "./chunk-EQVC4PJE.js";
+  Progress_default,
+  progressVariants
+} from "./chunk-RV7YPQXI.js";
+import {
+  ProgressCircular_default,
+  progressCircularVariants
+} from "./chunk-GJQTAEHH.js";
 import {
   Table_default,
   tableVariants
@@ -24,11 +28,6 @@ import {
   Card_default,
   cardVariants
 } from "./chunk-ABKT5UKM.js";
-import {
-  CircularProgress_default,
-  circularProgressStyleVariantOptions,
-  circularProgressVariants
-} from "./chunk-M3PL6G7W.js";
 import {
   Drawer_default,
   drawerBackdrops,
@@ -39,7 +38,7 @@ import {
 } from "./chunk-VBOUHWXM.js";
 import {
   Json_default
-} from "./chunk-L3DEBOPG.js";
+} from "./chunk-VRPX6QUG.js";
 import {
   Label_default,
   labelVariants
@@ -51,6 +50,10 @@ import {
   Modal_default,
   modalVariants
 } from "./chunk-RW4WTSLJ.js";
+import {
+  Popover_default
+} from "./chunk-5TOE75VE.js";
+import "./chunk-EQVC4PJE.js";
 import {
   Accordion_default,
   accordionVariants
@@ -75,7 +78,7 @@ import {
 import {
   Button_default,
   buttonVariants
-} from "./chunk-Q5DUSUCZ.js";
+} from "./chunk-MAKWBTTW.js";
 import {
   __spreadProps,
   __spreadValues
@@ -125,7 +128,7 @@ var toastVariants = tv({
       color: "info",
       variant: "flat",
       className: {
-        base: "dark:bg-info-50/50 bg-info-50 text-info-600",
+        base: "bg-info-50 text-info-600 dark:bg-info-50/50",
         title: "text-info-600",
         description: "text-info-500",
         icon: "text-info-600",
@@ -179,8 +182,6 @@ var addToast = ({
     closeIcon,
     color: isHeroUIColor ? color : void 0,
     // TODO: 'data-testid': testId,
-    // https://github.com/heroui-inc/heroui/issues/5033
-    // @ts-expect-error bug in hero-toast: description should be ReactNode
     description,
     endContent,
     hideCloseButton: !showCloseButton,
@@ -247,13 +248,14 @@ export {
   Button_default as Button,
   ButtonGroup_default as ButtonGroup,
   Card_default as Card,
-  CircularProgress_default as CircularProgress,
   Drawer_default as Drawer,
   Json_default as Json,
   Label_default as Label,
   Menu_default as Menu,
   Modal_default as Modal,
   Popover_default as Popover,
+  Progress_default as Progress,
+  ProgressCircular_default as ProgressCircular,
   Table_default as Table,
   Tabs_default as Tabs,
   ToastProvider_default as ToastProvider,
@@ -264,8 +266,6 @@ export {
   breadcrumbVariants,
   buttonVariants,
   cardVariants,
-  circularProgressStyleVariantOptions,
-  circularProgressVariants,
   drawerBackdrops,
   drawerPlacements,
   drawerRadii,
@@ -273,6 +273,8 @@ export {
   drawerVariants,
   labelVariants,
   modalVariants,
+  progressCircularVariants,
+  progressVariants,
   tableVariants,
   tabsVariants,
   toastVariants,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Toast/addToast.tsx","../src/Toast/ToastProvider.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ReactNode } from 'react';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { addToast as heroAddToast } from '@heroui/toast';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const toastVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    icon: '',\n    loadingIcon: '',\n    content: '',\n    motionDiv: '',\n    progressTrack: '',\n    progressIndicator: '',\n    closeButton: '',\n    closeIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/toast.ts\n    color: {\n      info: {},\n      ...heroToastVariants.variants.color,\n    },\n    variant: {\n      ...heroToastVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...heroToastVariants.compoundVariants,\n    {\n      variant: 'solid',\n      color: 'info',\n      className: {\n        base: 'bg-info text-info-foreground',\n        title: 'text-info-foreground',\n        description: 'text-info-foreground',\n        icon: 'text-info-foreground',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        base: 'dark:bg-info-50/50 bg-info-50 text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        base: 'border-small border-info text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n  ],\n});\n\nexport type AddToastVariantProps = TVProps<typeof toastVariants>;\ntype ClassName = TVClassName<typeof toastVariants>;\n\nexport interface ToastProps extends AddToastVariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Icon displayed at the end of the Alert */\n  closeIcon?: ReactNode;\n  /** Color of the alert */\n  color?: AddToastVariantProps['color'];\n  /** Content displayed inside the Alert */\n  description?: ReactNode;\n  /** Content displayed at the end of the Alert */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the Alert */\n  icon?: ReactNode;\n  /** Icon or animation displayed until promise is resolved */\n  loadingIcon?: ReactNode;\n  /** Callback function called when the toast is closed */\n  onClose?: () => void;\n  /** Promise based on which the notification will be styled */\n  promise?: Promise<void>;\n  /** Whether the toast should show a progress bar */\n  shouldShowTimeoutProgress?: boolean;\n  /** Whether the toast should show a close button */\n  showCloseButton?: boolean;\n  /** Whether the toast should show an icon */\n  showIcon?: boolean;\n  /** Time the toast is displayed */\n  timeout?: number;\n  /** Content displayed at the top of the toast */\n  title?: ReactNode;\n  /** Variant of the toast */\n  variant?: AddToastVariantProps['variant'];\n}\n\n/**\n * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nexport const addToast = ({\n  className = undefined,\n  closeIcon = undefined,\n  color = 'default',\n  description = undefined,\n  endContent = undefined,\n  icon = undefined,\n  loadingIcon = undefined,\n  onClose = undefined,\n  promise = undefined,\n  shouldShowTimeoutProgress = false,\n  showCloseButton = true,\n  showIcon = true,\n  timeout = 5000,\n  title = undefined,\n  variant = 'bordered',\n}: ToastProps) => {\n  const variants = toastVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n  heroAddToast({\n    classNames,\n    closeIcon,\n    color: isHeroUIColor ? (color as HeroToastProps['color']) : undefined,\n    // TODO: 'data-testid': testId,\n    // https://github.com/heroui-inc/heroui/issues/5033\n    // @ts-expect-error bug in hero-toast: description should be ReactNode\n    description,\n    endContent,\n    hideCloseButton: !showCloseButton,\n    hideIcon: !showIcon,\n    icon,\n    loadingIcon,\n    onClose,\n    promise,\n    shouldShowTimeoutProgress,\n    timeout,\n    title,\n    variant,\n  });\n};\n\nexport default addToast;\n","import type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ToastProps } from './addToast';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { ToastProvider as HeroToastProvider } from '@heroui/toast';\n\nimport { variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { toastVariants } from './addToast';\n\nexport type ToastProviderToastProps = Omit<\n  ToastProps,\n  'description' | 'endContent' | 'title'\n>;\n\nexport interface ToastProviderProps {\n  disableAnimation?: boolean;\n  maxVisibleToasts?: number;\n  placement?:\n    | 'bottom-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'top-right'\n    | 'top-left'\n    | 'top-center';\n\n  toastProps?: ToastProviderToastProps;\n  toastOffset?: number;\n  regionProps?: { classNames?: Record<'base', string> };\n}\n\n/**\n * ToastProvider component based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nconst ToastProvider = ({\n  disableAnimation = false,\n  maxVisibleToasts = 5,\n  placement = 'top-center',\n  toastProps = undefined,\n  toastOffset = 26,\n  regionProps = undefined,\n}: ToastProviderProps) => {\n  const variants = toastVariants({\n    color: toastProps?.color,\n    variant: toastProps?.variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    toastProps?.color || '',\n  );\n  const classNames = variantsToClassNames(\n    variants,\n    toastProps?.className,\n    'base',\n  );\n  return (\n    <HeroToastProvider\n      disableAnimation={disableAnimation}\n      maxVisibleToasts={maxVisibleToasts}\n      placement={placement}\n      regionProps={regionProps}\n      toastOffset={toastOffset}\n      toastProps={{\n        ...toastProps,\n        classNames,\n        color: isHeroUIColor\n          ? (toastProps?.color as HeroToastProps['color'])\n          : undefined,\n      }}\n    />\n  );\n};\n\nexport default ToastProvider;\n"],"mappings":"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","names":["heroToastVariants","variantsToClassNames","heroToastVariants","variantsToClassNames"]}
+{"version":3,"sources":["../src/Toast/addToast.tsx","../src/Toast/ToastProvider.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ReactNode } from 'react';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { addToast as heroAddToast } from '@heroui/toast';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const toastVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    icon: '',\n    loadingIcon: '',\n    content: '',\n    motionDiv: '',\n    progressTrack: '',\n    progressIndicator: '',\n    closeButton: '',\n    closeIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/toast.ts\n    color: {\n      info: {},\n      ...heroToastVariants.variants.color,\n    },\n    variant: {\n      ...heroToastVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...heroToastVariants.compoundVariants,\n    {\n      variant: 'solid',\n      color: 'info',\n      className: {\n        base: 'bg-info text-info-foreground',\n        title: 'text-info-foreground',\n        description: 'text-info-foreground',\n        icon: 'text-info-foreground',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        base: 'bg-info-50 text-info-600 dark:bg-info-50/50',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        base: 'border-small border-info text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n  ],\n});\n\nexport type AddToastVariantProps = TVProps<typeof toastVariants>;\ntype ClassName = TVClassName<typeof toastVariants>;\n\nexport interface ToastProps extends AddToastVariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Icon displayed at the end of the Alert */\n  closeIcon?: ReactNode;\n  /** Color of the alert */\n  color?: AddToastVariantProps['color'];\n  /** Content displayed inside the Alert */\n  description?: ReactNode;\n  /** Content displayed at the end of the Alert */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the Alert */\n  icon?: ReactNode;\n  /** Icon or animation displayed until promise is resolved */\n  loadingIcon?: ReactNode;\n  /** Callback function called when the toast is closed */\n  onClose?: () => void;\n  /** Promise based on which the notification will be styled */\n  promise?: Promise<void>;\n  /** Whether the toast should show a progress bar */\n  shouldShowTimeoutProgress?: boolean;\n  /** Whether the toast should show a close button */\n  showCloseButton?: boolean;\n  /** Whether the toast should show an icon */\n  showIcon?: boolean;\n  /** Time the toast is displayed */\n  timeout?: number;\n  /** Content displayed at the top of the toast */\n  title?: ReactNode;\n  /** Variant of the toast */\n  variant?: AddToastVariantProps['variant'];\n}\n\n/**\n * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nexport const addToast = ({\n  className = undefined,\n  closeIcon = undefined,\n  color = 'default',\n  description = undefined,\n  endContent = undefined,\n  icon = undefined,\n  loadingIcon = undefined,\n  onClose = undefined,\n  promise = undefined,\n  shouldShowTimeoutProgress = false,\n  showCloseButton = true,\n  showIcon = true,\n  timeout = 5000,\n  title = undefined,\n  variant = 'bordered',\n}: ToastProps) => {\n  const variants = toastVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n  heroAddToast({\n    classNames,\n    closeIcon,\n    color: isHeroUIColor ? (color as HeroToastProps['color']) : undefined,\n    // TODO: 'data-testid': testId,\n    description,\n    endContent,\n    hideCloseButton: !showCloseButton,\n    hideIcon: !showIcon,\n    icon,\n    loadingIcon,\n    onClose,\n    promise,\n    shouldShowTimeoutProgress,\n    timeout,\n    title,\n    variant,\n  });\n};\n\nexport default addToast;\n","import type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ToastProps } from './addToast';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { ToastProvider as HeroToastProvider } from '@heroui/toast';\n\nimport { variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { toastVariants } from './addToast';\n\nexport type ToastProviderToastProps = Omit<\n  ToastProps,\n  'description' | 'endContent' | 'title'\n>;\n\nexport interface ToastProviderProps {\n  disableAnimation?: boolean;\n  maxVisibleToasts?: number;\n  placement?:\n    | 'bottom-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'top-right'\n    | 'top-left'\n    | 'top-center';\n\n  toastProps?: ToastProviderToastProps;\n  toastOffset?: number;\n  regionProps?: { classNames?: Record<'base', string> };\n}\n\n/**\n * ToastProvider component based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nconst ToastProvider = ({\n  disableAnimation = false,\n  maxVisibleToasts = 5,\n  placement = 'top-center',\n  toastProps = undefined,\n  toastOffset = 26,\n  regionProps = undefined,\n}: ToastProviderProps) => {\n  const variants = toastVariants({\n    color: toastProps?.color,\n    variant: toastProps?.variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    toastProps?.color || '',\n  );\n  const classNames = variantsToClassNames(\n    variants,\n    toastProps?.className,\n    'base',\n  );\n  return (\n    <HeroToastProvider\n      disableAnimation={disableAnimation}\n      maxVisibleToasts={maxVisibleToasts}\n      placement={placement}\n      regionProps={regionProps}\n      toastOffset={toastOffset}\n      toastProps={{\n        ...toastProps,\n        classNames,\n        color: isHeroUIColor\n          ? (toastProps?.color as HeroToastProps['color'])\n          : undefined,\n      }}\n    />\n  );\n};\n\nexport default ToastProvider;\n"],"mappings":"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","names":["heroToastVariants","variantsToClassNames","heroToastVariants","variantsToClassNames"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Hannes Tiede",
-  "version": "0.40.0",
+  "version": "0.41.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -59,11 +59,6 @@
       "import": "./dist/Card/index.js",
       "require": "./dist/Card/index.cjs"
     },
-    "./CircularProgress": {
-      "types": "./dist/CircularProgress/index.d.ts",
-      "import": "./dist/CircularProgress/index.js",
-      "require": "./dist/CircularProgress/index.cjs"
-    },
     "./Drawer": {
       "types": "./dist/Drawer/index.d.ts",
       "import": "./dist/Drawer/index.js",
@@ -108,6 +103,11 @@
       "import": "./dist/Progress/index.js",
       "require": "./dist/Progress/index.cjs"
     },
+    "./ProgressCircular": {
+      "types": "./dist/ProgressCircular/index.d.ts",
+      "import": "./dist/ProgressCircular/index.js",
+      "require": "./dist/ProgressCircular/index.cjs"
+    },
     "./ScrollShadow": {
       "types": "./dist/ScrollShadow/index.d.ts",
       "import": "./dist/ScrollShadow/index.js",
@@ -154,31 +154,31 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@heroui/alert": "2.2.16",
-    "@heroui/avatar": "2.2.12",
-    "@heroui/accordion": "2.2.13",
+    "@heroui/alert": "2.2.17",
+    "@heroui/avatar": "2.2.13",
+    "@heroui/accordion": "2.2.14",
     "@heroui/badge": "2.2.10",
-    "@heroui/breadcrumbs": "2.2.12",
-    "@heroui/button": "2.2.16",
-    "@heroui/card": "2.2.15",
-    "@heroui/chip": "2.2.12",
+    "@heroui/breadcrumbs": "2.2.13",
+    "@heroui/button": "2.2.17",
+    "@heroui/card": "2.2.16",
+    "@heroui/chip": "2.2.13",
     "@heroui/divider": "2.2.11",
-    "@heroui/drawer": "2.2.13",
-    "@heroui/dropdown": "2.3.16",
-    "@heroui/modal": "2.2.13",
-    "@heroui/popover": "2.3.16",
-    "@heroui/progress": "2.2.12",
-    "@heroui/scroll-shadow": "2.3.10",
-    "@heroui/system": "2.4.12",
-    "@heroui/table": "2.2.15",
-    "@heroui/theme": "2.4.12",
-    "@heroui/tabs": "2.2.13",
-    "@heroui/toast": "2.0.6",
-    "@heroui/tooltip": "2.2.13",
-    "framer-motion": "12.7.2",
+    "@heroui/drawer": "2.2.14",
+    "@heroui/dropdown": "2.3.17",
+    "@heroui/modal": "2.2.14",
+    "@heroui/popover": "2.3.17",
+    "@heroui/progress": "2.2.13",
+    "@heroui/scroll-shadow": "2.3.11",
+    "@heroui/system": "2.4.13",
+    "@heroui/table": "2.2.16",
+    "@heroui/theme": "2.4.13",
+    "@heroui/tabs": "2.2.14",
+    "@heroui/toast": "2.0.7",
+    "@heroui/tooltip": "2.2.14",
+    "framer-motion": "12.7.3",
     "next-themes": "0.4.6",
     "react-icons": "5.5.0",
-    "@fuf-stack/pixel-utils": "0.5.2"
+    "@fuf-stack/pixel-utils": "0.5.3"
   },
   "devDependencies": {
     "@types/debug": "4.1.12",
@@ -189,8 +189,8 @@
     "react-dom": "19.0.0",
     "@repo/storybook-config": "0.0.1",
     "@repo/tailwind-config": "0.0.1",
-    "@repo/vite-config": "0.0.1",
-    "@repo/tsup-config": "0.0.1"
+    "@repo/tsup-config": "0.0.1",
+    "@repo/vite-config": "0.0.1"
   },
   "scripts": {
     "build": "tsup --config node_modules/@repo/tsup-config/config.ts --dts-resolve",

package/dist/CircularProgress/index.cjs

@@ -1,14 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-
-var _chunk37WQ3CBAcjs = require('../chunk-37WQ3CBA.cjs');
-require('../chunk-D4TLDLEX.cjs');
-
-
-
-
-
-exports.CircularProgress = _chunk37WQ3CBAcjs.CircularProgress_default; exports.circularProgressStyleVariantOptions = _chunk37WQ3CBAcjs.circularProgressStyleVariantOptions; exports.circularProgressVariants = _chunk37WQ3CBAcjs.circularProgressVariants; exports.default = _chunk37WQ3CBAcjs.CircularProgress_default2;
-//# sourceMappingURL=index.cjs.map

package/dist/CircularProgress/index.cjs.map

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

package/dist/CircularProgress/index.d.cts

@@ -1,11 +0,0 @@
-import { C as CircularProgress } from '../CircularProgress-DHrnT6wz.cjs';
-export { b as CircularProgressProps, d as CircularProgressStyleVariant, V as CircularProgressVariantProps, a as circularProgressStyleVariantOptions, c as circularProgressVariants } from '../CircularProgress-DHrnT6wz.cjs';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
-import '@fuf-stack/pixel-utils';
-import 'react';
-
-
-
-export { CircularProgress, CircularProgress as default };

package/dist/CircularProgress/index.d.ts

@@ -1,11 +0,0 @@
-import { C as CircularProgress } from '../CircularProgress-DHrnT6wz.js';
-export { b as CircularProgressProps, d as CircularProgressStyleVariant, V as CircularProgressVariantProps, a as circularProgressStyleVariantOptions, c as circularProgressVariants } from '../CircularProgress-DHrnT6wz.js';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
-import '@fuf-stack/pixel-utils';
-import 'react';
-
-
-
-export { CircularProgress, CircularProgress as default };

package/dist/CircularProgress/index.js

@@ -1,14 +0,0 @@
-import {
-  CircularProgress_default,
-  CircularProgress_default2,
-  circularProgressStyleVariantOptions,
-  circularProgressVariants
-} from "../chunk-M3PL6G7W.js";
-import "../chunk-J7N2552D.js";
-export {
-  CircularProgress_default as CircularProgress,
-  circularProgressStyleVariantOptions,
-  circularProgressVariants,
-  CircularProgress_default2 as default
-};
-//# sourceMappingURL=index.js.map

package/dist/CircularProgress-DHrnT6wz.d.cts

@@ -1,182 +0,0 @@
-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 circularProgressVariants: tailwind_variants.TVReturnType<{
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    base: string;
-    svgWrapper: string;
-    svg: string;
-    track: string;
-    indicator: string;
-    value: string;
-    label: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}>, {
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    base: string;
-    svgWrapper: string;
-    svg: string;
-    track: string;
-    indicator: string;
-    value: string;
-    label: string;
-}, tailwind_variants.TVReturnType<{
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    base: string;
-    svgWrapper: string;
-    svg: string;
-    track: string;
-    indicator: string;
-    value: string;
-    label: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof circularProgressVariants>;
-type ClassName = TVClassName<typeof circularProgressVariants>;
-declare const circularProgressStyleVariantOptions: readonly ["default", "warning", "danger", "success", "primary"];
-type CircularProgressStyleVariant = (typeof circularProgressStyleVariantOptions)[number];
-interface CircularProgressProps extends VariantProps {
-    className?: ClassName;
-    format?: (percent?: number) => ReactNode;
-    hasError?: boolean;
-    size?: VariantProps['size'];
-    styleVariant?: CircularProgressStyleVariant;
-    percent: number;
-}
-/**
- * CircularProgress component based on [HeroUI CircularProgress](https://www.heroui.com/docs/components/circular-progress)
- */
-declare const CircularProgress: ({ className, format, hasError, styleVariant, size, percent, }: CircularProgressProps) => react_jsx_runtime.JSX.Element;
-
-export { CircularProgress as C, type VariantProps as V, circularProgressStyleVariantOptions as a, type CircularProgressProps as b, circularProgressVariants as c, type CircularProgressStyleVariant as d };

package/dist/CircularProgress-DHrnT6wz.d.ts

@@ -1,182 +0,0 @@
-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 circularProgressVariants: tailwind_variants.TVReturnType<{
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    base: string;
-    svgWrapper: string;
-    svg: string;
-    track: string;
-    indicator: string;
-    value: string;
-    label: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}>, {
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    base: string;
-    svgWrapper: string;
-    svg: string;
-    track: string;
-    indicator: string;
-    value: string;
-    label: string;
-}, tailwind_variants.TVReturnType<{
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    base: string;
-    svgWrapper: string;
-    svg: string;
-    track: string;
-    indicator: string;
-    value: string;
-    label: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}, {
-    size: {
-        xs: {
-            value: string;
-            svg: string;
-        };
-        sm: {
-            value: string;
-            svg: string;
-        };
-        md: {
-            svg: string;
-            value: string;
-        };
-        lg: {
-            svg: string;
-            value: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof circularProgressVariants>;
-type ClassName = TVClassName<typeof circularProgressVariants>;
-declare const circularProgressStyleVariantOptions: readonly ["default", "warning", "danger", "success", "primary"];
-type CircularProgressStyleVariant = (typeof circularProgressStyleVariantOptions)[number];
-interface CircularProgressProps extends VariantProps {
-    className?: ClassName;
-    format?: (percent?: number) => ReactNode;
-    hasError?: boolean;
-    size?: VariantProps['size'];
-    styleVariant?: CircularProgressStyleVariant;
-    percent: number;
-}
-/**
- * CircularProgress component based on [HeroUI CircularProgress](https://www.heroui.com/docs/components/circular-progress)
- */
-declare const CircularProgress: ({ className, format, hasError, styleVariant, size, percent, }: CircularProgressProps) => react_jsx_runtime.JSX.Element;
-
-export { CircularProgress as C, type VariantProps as V, circularProgressStyleVariantOptions as a, type CircularProgressProps as b, circularProgressVariants as c, type CircularProgressStyleVariant as d };