@fuf-stack/pixels 0.44.0 → 1.0.1

package/dist/chunk-XHGGLUFN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Toast/index.ts","../src/Toast/addToast.tsx","../src/Toast/ToastProvider.tsx"],"sourcesContent":["import { Toast } from '@heroui/toast';\n\nimport { addToast, toastVariants } from './addToast';\nimport ToastProvider from './ToastProvider';\n\nexport type { ToastProps, AddToastVariantProps } from './addToast';\nexport type { ToastProviderProps } from './ToastProvider';\n\nexport { addToast, Toast, ToastProvider, toastVariants };\n\nexport default addToast;\n","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    loadingComponent: '',\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  /** Component displayed until promise is resolved */\n  loadingComponent?: 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  loadingComponent = 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\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    loadingComponent,\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/dist/index.cjs

@@ -13,16 +13,16 @@ var _chunkAJCAIA6Hcjs = require('./chunk-AJCAIA6H.cjs');
 
 
 
-var _chunkDIPW4WVJcjs = require('./chunk-DIPW4WVJ.cjs');
+var _chunkRYO74XL7cjs = require('./chunk-RYO74XL7.cjs');
 
 
 
 
 
-var _chunkGXIDQFQ6cjs = require('./chunk-GXIDQFQ6.cjs');
+var _chunkTLXLWB4Ycjs = require('./chunk-TLXLWB4Y.cjs');
 
 
-var _chunkXWKXRSNYcjs = require('./chunk-XWKXRSNY.cjs');
+var _chunkJ4HCGFN4cjs = require('./chunk-J4HCGFN4.cjs');
 
 
 
@@ -45,7 +45,7 @@ var _chunkMHZAWSFJcjs = require('./chunk-MHZAWSFJ.cjs');
 var _chunk7RVUB6I5cjs = require('./chunk-7RVUB6I5.cjs');
 
 
-var _chunkJ44KQ3VWcjs = require('./chunk-J44KQ3VW.cjs');
+var _chunkVN6J3SXJcjs = require('./chunk-VN6J3SXJ.cjs');
 
 
 
@@ -59,8 +59,8 @@ var _chunkXHOAZB2Zcjs = require('./chunk-XHOAZB2Z.cjs');
 var _chunkPEUUQMJScjs = require('./chunk-PEUUQMJS.cjs');
 
 
-var _chunk4X7MUSJBcjs = require('./chunk-4X7MUSJB.cjs');
-require('./chunk-TX2VP4J7.cjs');
+var _chunkWZZMB5CIcjs = require('./chunk-WZZMB5CI.cjs');
+require('./chunk-FUBGS3G4.cjs');
 
 
 
@@ -131,5 +131,5 @@ require('./chunk-D4TLDLEX.cjs');
 
 
 
-exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunkKWSGA623cjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunkK6UF4AGXcjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunkJ44KQ3VWcjs.Json_default; exports.Label = _chunkPHQVYJS2cjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunk4X7MUSJBcjs.Popover_default; exports.Progress = _chunkXOCP745Xcjs.Progress_default; exports.ProgressCircular = _chunkW2EOAUKEcjs.ProgressCircular_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkDIPW4WVJcjs.Tabs_default; exports.Toast = _chunkGXIDQFQ6cjs.Toast; exports.ToastProvider = _chunkGXIDQFQ6cjs.ToastProvider_default; exports.Tooltip = _chunkXWKXRSNYcjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.addToast = _chunkGXIDQFQ6cjs.addToast; exports.alertVariants = _chunkKWSGA623cjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunkK6UF4AGXcjs.buttonVariants; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.labelVariants = _chunkPHQVYJS2cjs.labelVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.progressCircularVariants = _chunkW2EOAUKEcjs.progressCircularVariants; exports.progressVariants = _chunkXOCP745Xcjs.progressVariants; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants; exports.tabsVariants = _chunkDIPW4WVJcjs.tabsVariants; exports.toastVariants = _chunkGXIDQFQ6cjs.toastVariants; exports.useDebounce = _chunkOLI32URUcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkOLI32URUcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkOLI32URUcjs.useLocalStorage;
+exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunkKWSGA623cjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunkK6UF4AGXcjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunkVN6J3SXJcjs.Json_default; exports.Label = _chunkPHQVYJS2cjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunkWZZMB5CIcjs.Popover_default; exports.Progress = _chunkXOCP745Xcjs.Progress_default; exports.ProgressCircular = _chunkW2EOAUKEcjs.ProgressCircular_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkRYO74XL7cjs.Tabs_default; exports.Toast = _chunkTLXLWB4Ycjs.Toast; exports.ToastProvider = _chunkTLXLWB4Ycjs.ToastProvider_default; exports.Tooltip = _chunkJ4HCGFN4cjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.addToast = _chunkTLXLWB4Ycjs.addToast; exports.alertVariants = _chunkKWSGA623cjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunkK6UF4AGXcjs.buttonVariants; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.labelVariants = _chunkPHQVYJS2cjs.labelVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.progressCircularVariants = _chunkW2EOAUKEcjs.progressCircularVariants; exports.progressVariants = _chunkXOCP745Xcjs.progressVariants; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants; exports.tabsVariants = _chunkRYO74XL7cjs.tabsVariants; exports.toastVariants = _chunkTLXLWB4Ycjs.toastVariants; exports.useDebounce = _chunkOLI32URUcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkOLI32URUcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkOLI32URUcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.css

@@ -27,6 +27,7 @@
   --w-rjv-type-nan-color: #859900;
   --w-rjv-type-undefined-color: #586e75;
 }
+html.dark,
 :root[data-theme=dark] {
   --w-rjv-font-family: monospace;
   --w-rjv-color: #9cdcfe;

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Json/theme.css"],"sourcesContent":["/********************************************************************\n * light theme variables\n  * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/light.ts\n ********************************************************************/\n:root {\n  --w-rjv-font-family: monospace;\n  --w-rjv-color: #002b36;\n  --w-rjv-key-string: #002b36;\n  --w-rjv-background-color: unset;\n  --w-rjv-line-color: #ebebeb;\n  --w-rjv-arrow-color: var(--w-rjv-color);\n  --w-rjv-edit-color: var(--w-rjv-color);\n  --w-rjv-info-color: rgba(0, 0, 0, 0.3);\n  --w-rjv-update-color: #ebcb8b;\n  --w-rjv-copied-color: #002b36;\n  --w-rjv-copied-success-color: #28a745;\n\n  --w-rjv-curlybraces-color: #236a7c;\n  --w-rjv-colon-color: #002b36;\n  --w-rjv-brackets-color: #236a7c;\n  --w-rjv-quotes-color: var(--w-rjv-key-string);\n  --w-rjv-quotes-string-color: var(--w-rjv-type-string-color);\n\n  --w-rjv-type-string-color: #cb4b16;\n  --w-rjv-type-int-color: #268bd2;\n  --w-rjv-type-float-color: #859900;\n  --w-rjv-type-bigint-color: #268bd2;\n  --w-rjv-type-boolean-color: #2aa198;\n  --w-rjv-type-date-color: #586e75;\n  --w-rjv-type-url-color: #0969da;\n  --w-rjv-type-null-color: #d33682;\n  --w-rjv-type-nan-color: #859900;\n  --w-rjv-type-undefined-color: #586e75;\n}\n\n/********************************************************************\n * dark theme variables\n * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/vscode.ts\n ********************************************************************/\n:root[data-theme='dark'] {\n  --w-rjv-font-family: monospace;\n  --w-rjv-color: #9cdcfe;\n  --w-rjv-key-string: #9cdcfe;\n  --w-rjv-background-color: unset;\n  --w-rjv-line-color: rgba(54, 51, 66, 0.5);\n  --w-rjv-arrow-color: #838383;\n  --w-rjv-edit-color: var(--w-rjv-color);\n  --w-rjv-info-color: rgba(156, 156, 156, 0.48);\n  --w-rjv-update-color: #9cdcfe;\n  --w-rjv-copied-color: #9cdcfe;\n  --w-rjv-copied-success-color: #28a745;\n\n  --w-rjv-curlybraces-color: #d4d4d4;\n  --w-rjv-colon-color: #d4d4d4;\n  --w-rjv-brackets-color: #d4d4d4;\n  --w-rjv-quotes-color: var(--w-rjv-key-string);\n  --w-rjv-quotes-string-color: var(--w-rjv-type-string-color);\n\n  --w-rjv-type-string-color: #ce9178;\n  --w-rjv-type-int-color: #b5cea8;\n  --w-rjv-type-float-color: #b5cea8;\n  --w-rjv-type-bigint-color: #b5cea8;\n  --w-rjv-type-boolean-color: #569cd6;\n  --w-rjv-type-date-color: #b5cea8;\n  --w-rjv-type-url-color: #3b89cf;\n  --w-rjv-type-null-color: #569cd6;\n  --w-rjv-type-nan-color: #859900;\n  --w-rjv-type-undefined-color: #569cd6;\n}\n"],"mappings":";AAIA;AACE,uBAAqB;AACrB,iBAAe;AACf,sBAAoB;AACpB,4BAA0B;AAC1B,sBAAoB;AACpB,uBAAqB,IAAI;AACzB,sBAAoB,IAAI;AACxB,sBAAoB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAClC,wBAAsB;AACtB,wBAAsB;AACtB,gCAA8B;AAE9B,6BAA2B;AAC3B,uBAAqB;AACrB,0BAAwB;AACxB,wBAAsB,IAAI;AAC1B,+BAA6B,IAAI;AAEjC,6BAA2B;AAC3B,0BAAwB;AACxB,4BAA0B;AAC1B,6BAA2B;AAC3B,8BAA4B;AAC5B,2BAAyB;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,0BAAwB;AACxB,gCAA8B;AAChC;AAMA,KAAK,CAAC;AACJ,uBAAqB;AACrB,iBAAe;AACf,sBAAoB;AACpB,4BAA0B;AAC1B,sBAAoB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACrC,uBAAqB;AACrB,sBAAoB,IAAI;AACxB,sBAAoB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACxC,wBAAsB;AACtB,wBAAsB;AACtB,gCAA8B;AAE9B,6BAA2B;AAC3B,uBAAqB;AACrB,0BAAwB;AACxB,wBAAsB,IAAI;AAC1B,+BAA6B,IAAI;AAEjC,6BAA2B;AAC3B,0BAAwB;AACxB,4BAA0B;AAC1B,6BAA2B;AAC3B,8BAA4B;AAC5B,2BAAyB;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,0BAAwB;AACxB,gCAA8B;AAChC;","names":[]}
+{"version":3,"sources":["../src/Json/theme.css"],"sourcesContent":["/********************************************************************\n * light theme variables\n  * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/light.ts\n ********************************************************************/\n:root {\n  --w-rjv-font-family: monospace;\n  --w-rjv-color: #002b36;\n  --w-rjv-key-string: #002b36;\n  --w-rjv-background-color: unset;\n  --w-rjv-line-color: #ebebeb;\n  --w-rjv-arrow-color: var(--w-rjv-color);\n  --w-rjv-edit-color: var(--w-rjv-color);\n  --w-rjv-info-color: rgba(0, 0, 0, 0.3);\n  --w-rjv-update-color: #ebcb8b;\n  --w-rjv-copied-color: #002b36;\n  --w-rjv-copied-success-color: #28a745;\n\n  --w-rjv-curlybraces-color: #236a7c;\n  --w-rjv-colon-color: #002b36;\n  --w-rjv-brackets-color: #236a7c;\n  --w-rjv-quotes-color: var(--w-rjv-key-string);\n  --w-rjv-quotes-string-color: var(--w-rjv-type-string-color);\n\n  --w-rjv-type-string-color: #cb4b16;\n  --w-rjv-type-int-color: #268bd2;\n  --w-rjv-type-float-color: #859900;\n  --w-rjv-type-bigint-color: #268bd2;\n  --w-rjv-type-boolean-color: #2aa198;\n  --w-rjv-type-date-color: #586e75;\n  --w-rjv-type-url-color: #0969da;\n  --w-rjv-type-null-color: #d33682;\n  --w-rjv-type-nan-color: #859900;\n  --w-rjv-type-undefined-color: #586e75;\n}\n\n/********************************************************************\n * dark theme variables\n * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/vscode.ts\n ********************************************************************/\nhtml.dark,\n:root[data-theme=\"dark\"] {\n  --w-rjv-font-family: monospace;\n  --w-rjv-color: #9cdcfe;\n  --w-rjv-key-string: #9cdcfe;\n  --w-rjv-background-color: unset;\n  --w-rjv-line-color: rgba(54, 51, 66, 0.5);\n  --w-rjv-arrow-color: #838383;\n  --w-rjv-edit-color: var(--w-rjv-color);\n  --w-rjv-info-color: rgba(156, 156, 156, 0.48);\n  --w-rjv-update-color: #9cdcfe;\n  --w-rjv-copied-color: #9cdcfe;\n  --w-rjv-copied-success-color: #28a745;\n\n  --w-rjv-curlybraces-color: #d4d4d4;\n  --w-rjv-colon-color: #d4d4d4;\n  --w-rjv-brackets-color: #d4d4d4;\n  --w-rjv-quotes-color: var(--w-rjv-key-string);\n  --w-rjv-quotes-string-color: var(--w-rjv-type-string-color);\n\n  --w-rjv-type-string-color: #ce9178;\n  --w-rjv-type-int-color: #b5cea8;\n  --w-rjv-type-float-color: #b5cea8;\n  --w-rjv-type-bigint-color: #b5cea8;\n  --w-rjv-type-boolean-color: #569cd6;\n  --w-rjv-type-date-color: #b5cea8;\n  --w-rjv-type-url-color: #3b89cf;\n  --w-rjv-type-null-color: #569cd6;\n  --w-rjv-type-nan-color: #859900;\n  --w-rjv-type-undefined-color: #569cd6;\n}\n"],"mappings":";AAIA;AACE,uBAAqB;AACrB,iBAAe;AACf,sBAAoB;AACpB,4BAA0B;AAC1B,sBAAoB;AACpB,uBAAqB,IAAI;AACzB,sBAAoB,IAAI;AACxB,sBAAoB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAClC,wBAAsB;AACtB,wBAAsB;AACtB,gCAA8B;AAE9B,6BAA2B;AAC3B,uBAAqB;AACrB,0BAAwB;AACxB,wBAAsB,IAAI;AAC1B,+BAA6B,IAAI;AAEjC,6BAA2B;AAC3B,0BAAwB;AACxB,4BAA0B;AAC1B,6BAA2B;AAC3B,8BAA4B;AAC5B,2BAAyB;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,0BAAwB;AACxB,gCAA8B;AAChC;AAMA,IAAI,CAAC;AACL,KAAK,CAAC;AACJ,uBAAqB;AACrB,iBAAe;AACf,sBAAoB;AACpB,4BAA0B;AAC1B,sBAAoB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACrC,uBAAqB;AACrB,sBAAoB,IAAI;AACxB,sBAAoB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACxC,wBAAsB;AACtB,wBAAsB;AACtB,gCAA8B;AAE9B,6BAA2B;AAC3B,uBAAqB;AACrB,0BAAwB;AACxB,wBAAsB,IAAI;AAC1B,+BAA6B,IAAI;AAEjC,6BAA2B;AAC3B,0BAAwB;AACxB,4BAA0B;AAC1B,6BAA2B;AAC3B,8BAA4B;AAC5B,2BAAyB;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,0BAAwB;AACxB,gCAA8B;AAChC;","names":[]}

package/dist/index.d.cts

@@ -1,30 +1,29 @@
-export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-rA715N0Z.cjs';
-export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-DELD9ZWe.cjs';
-export { A as Avatar, a as AvatarProps } from './Avatar-ylNJ_-dY.cjs';
-export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-CUyQwK3t.cjs';
-export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.cjs';
-export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-1cB54eJk.cjs';
-export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-BNrJYJDH.cjs';
+export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-BX1Npq3Q.cjs';
+export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-Bozl_RiO.cjs';
+export { A as Avatar, a as AvatarProps } from './Avatar-DjZ3H25h.cjs';
+export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BujXZ7Vy.cjs';
+export { A as Badge, B as BadgeProps } from './Badge-BjifpVQQ.cjs';
+export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-Cvt5Xa5D.cjs';
+export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-rsBnawn1.cjs';
 export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.cjs';
-export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.cjs';
-export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-BnV9qxPA.cjs';
+export { C as Card, a as CardProps, c as cardVariants } from './Card-OBRZ-ssX.cjs';
+export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-JpihbwKl.cjs';
 export { J as Json, a as JsonProps } from './Json-Dny90Wml.cjs';
-export { L as Label, a as LabelProps, l as labelVariants } from './Label-B1a1krk8.cjs';
+export { L as Label, a as LabelProps, l as labelVariants } from './Label-B5fd7vp_.cjs';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.cjs';
-export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.cjs';
-export { _ as Popover, P as PopoverProps } from './Popover-Czc5-4V1.cjs';
-export { P as ProgressCircular, a as ProgressCircularProps, p as progressCircularVariants } from './ProgressCircular-D9VbRNdF.cjs';
-export { P as Progress, a as ProgressProps, p as progressVariants } from './Progress-CR_BcIKV.cjs';
-export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-D19f5nrd.cjs';
-export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-Tvg39S6a.cjs';
+export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-BwFQz60I.cjs';
+export { _ as Popover, P as PopoverProps } from './Popover-BUKzm3MQ.cjs';
+export { P as ProgressCircular, a as ProgressCircularProps, p as progressCircularVariants } from './ProgressCircular-CkZsOW4R.cjs';
+export { P as Progress, a as ProgressProps, p as progressVariants } from './Progress-Deph-HCf.cjs';
+export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-LKaPSY4D.cjs';
+export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-BjMJs02F.cjs';
 export { Toast } from '@heroui/toast';
-export { A as AddToastVariantProps, b as ToastProps, T as ToastProvider, c as ToastProviderProps, a as addToast, t as toastVariants } from './ToastProvider-CL1v-bkE.cjs';
-export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-DoygUcZl.cjs';
+export { A as AddToastVariantProps, b as ToastProps, T as ToastProvider, c as ToastProviderProps, a as addToast, t as toastVariants } from './ToastProvider-BaynjNgq.cjs';
+export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-DoIaNgTC.cjs';
 export { useDebounce, useIsInitialRenderCycle, useLocalStorage } from './hooks/index.cjs';
 export { ButtonGroupProps } from '@heroui/button';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
 import '@fuf-stack/pixel-utils';
 import '@heroui/divider';
 import 'react';

package/dist/index.d.ts

@@ -1,30 +1,29 @@
-export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-rA715N0Z.js';
-export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-DELD9ZWe.js';
-export { A as Avatar, a as AvatarProps } from './Avatar-ylNJ_-dY.js';
-export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BfOtqfJy.js';
-export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.js';
-export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-1cB54eJk.js';
-export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-BNrJYJDH.js';
+export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-BX1Npq3Q.js';
+export { A as Alert, b as AlertProps, a as alertVariants } from './Alert-Bozl_RiO.js';
+export { A as Avatar, a as AvatarProps } from './Avatar-DjZ3H25h.js';
+export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-B1Tdw57Q.js';
+export { A as Badge, B as BadgeProps } from './Badge-BjifpVQQ.js';
+export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-Cvt5Xa5D.js';
+export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-rsBnawn1.js';
 export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.js';
-export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.js';
-export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-BnV9qxPA.js';
+export { C as Card, a as CardProps, c as cardVariants } from './Card-OBRZ-ssX.js';
+export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-JpihbwKl.js';
 export { J as Json, a as JsonProps } from './Json-Dny90Wml.js';
-export { L as Label, a as LabelProps, l as labelVariants } from './Label-B1a1krk8.js';
+export { L as Label, a as LabelProps, l as labelVariants } from './Label-B5fd7vp_.js';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.js';
-export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.js';
-export { _ as Popover, P as PopoverProps } from './Popover-Dm_Dsjqw.js';
-export { P as ProgressCircular, a as ProgressCircularProps, p as progressCircularVariants } from './ProgressCircular-D9VbRNdF.js';
-export { P as Progress, a as ProgressProps, p as progressVariants } from './Progress-CR_BcIKV.js';
-export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-D19f5nrd.js';
-export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-Tvg39S6a.js';
+export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-BwFQz60I.js';
+export { _ as Popover, P as PopoverProps } from './Popover-D6Qv56ms.js';
+export { P as ProgressCircular, a as ProgressCircularProps, p as progressCircularVariants } from './ProgressCircular-CkZsOW4R.js';
+export { P as Progress, a as ProgressProps, p as progressVariants } from './Progress-Deph-HCf.js';
+export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-LKaPSY4D.js';
+export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-BjMJs02F.js';
 export { Toast } from '@heroui/toast';
-export { A as AddToastVariantProps, b as ToastProps, T as ToastProvider, c as ToastProviderProps, a as addToast, t as toastVariants } from './ToastProvider-CL1v-bkE.js';
-export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-DoygUcZl.js';
+export { A as AddToastVariantProps, b as ToastProps, T as ToastProvider, c as ToastProviderProps, a as addToast, t as toastVariants } from './ToastProvider-BaynjNgq.js';
+export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-DoIaNgTC.js';
 export { useDebounce, useIsInitialRenderCycle, useLocalStorage } from './hooks/index.js';
 export { ButtonGroupProps } from '@heroui/button';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
 import '@fuf-stack/pixel-utils';
 import '@heroui/divider';
 import 'react';

package/dist/index.js

@@ -13,16 +13,16 @@ import {
 import {
   Tabs_default,
   tabsVariants
-} from "./chunk-DA4KEWJM.js";
+} from "./chunk-OOJRHIVU.js";
 import {
   Toast,
   ToastProvider_default,
   addToast,
   toastVariants
-} from "./chunk-ZMEVGJBC.js";
+} from "./chunk-XHGGLUFN.js";
 import {
   Tooltip_default
-} from "./chunk-BEEDCTDZ.js";
+} from "./chunk-LA3SMG6Y.js";
 import {
   useDebounce,
   useIsInitialRenderCycle,
@@ -45,7 +45,7 @@ import {
 } from "./chunk-VBOUHWXM.js";
 import {
   Json_default
-} from "./chunk-PUMF3NYY.js";
+} from "./chunk-JESQAOUZ.js";
 import {
   Label_default,
   labelVariants
@@ -59,8 +59,8 @@ import {
 } from "./chunk-RW4WTSLJ.js";
 import {
   Popover_default
-} from "./chunk-LQZEECJY.js";
-import "./chunk-EQVC4PJE.js";
+} from "./chunk-7QUYJEGU.js";
+import "./chunk-WDXULV6M.js";
 import {
   Accordion_default,
   accordionVariants

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
-  "author": "Hannes Tiede",
-  "version": "0.44.0",
+  "author": "Fröhlich ∧ Frei",
+  "version": "1.0.1",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -159,43 +159,39 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@heroui/alert": "2.2.17",
-    "@heroui/avatar": "2.2.13",
-    "@heroui/accordion": "2.2.14",
-    "@heroui/badge": "2.2.10",
-    "@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.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.19.1",
+    "@heroui/alert": "2.2.23",
+    "@heroui/avatar": "2.2.19",
+    "@heroui/accordion": "2.2.20",
+    "@heroui/badge": "2.2.15",
+    "@heroui/breadcrumbs": "2.2.19",
+    "@heroui/button": "2.2.23",
+    "@heroui/card": "2.2.22",
+    "@heroui/chip": "2.2.19",
+    "@heroui/divider": "2.2.16",
+    "@heroui/drawer": "2.2.20",
+    "@heroui/dropdown": "2.3.23",
+    "@heroui/modal": "2.2.20",
+    "@heroui/popover": "2.3.23",
+    "@heroui/progress": "2.2.19",
+    "@heroui/scroll-shadow": "2.3.16",
+    "@heroui/system": "2.4.19",
+    "@heroui/table": "2.2.23",
+    "@heroui/theme": "2.4.19",
+    "@heroui/tabs": "2.2.20",
+    "@heroui/toast": "2.0.13",
+    "@heroui/tooltip": "2.2.20",
+    "framer-motion": "12.23.6",
     "next-themes": "0.4.6",
     "react-icons": "5.5.0",
-    "@fuf-stack/pixel-utils": "0.5.5"
+    "@fuf-stack/pixel-utils": "1.0.0"
   },
   "devDependencies": {
     "@types/debug": "4.1.12",
     "@types/react": "19.0.12",
     "@types/react-dom": "19.0.4",
-    "@uiw/react-json-view": "2.0.0-alpha.32",
+    "@uiw/react-json-view": "2.0.0-alpha.33",
     "react": "19.0.0",
-    "react-dom": "19.0.0",
-    "@repo/storybook-config": "0.0.1",
-    "@repo/tailwind-config": "0.0.1",
-    "@repo/tsup-config": "0.0.1",
-    "@repo/vite-config": "0.0.1"
+    "react-dom": "19.0.0"
   },
   "scripts": {
     "build": "tsup --config node_modules/@repo/tsup-config/config.ts --dts-resolve",

package/dist/chunk-4X7MUSJB.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-4X7MUSJB.cjs","../src/Popover/Popover.tsx","../src/Popover/index.ts"],"names":["Popover_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-4X7MUSJB.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { PopoverProps as HeroPopoverProps } from '@heroui/popover';\nimport type { ReactNode } from 'react';\nimport type { ButtonProps } from '../Button';\n\nimport { Button } from '@heroui/button';\nimport { Popover, PopoverContent, PopoverTrigger } from '@heroui/popover';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// popover styling variants\nexport const popoverVariants = tv({\n  slots: {\n    body: 'w-full px-4 py-2',\n    content: 'flex max-h-[80vh] flex-col p-0',\n    divider: 'm-0 w-full p-0',\n    footer: 'w-full px-4 py-2',\n    footerWrapper: 'w-full',\n    header: 'w-full px-4 pb-1 pt-2 font-semibold',\n    headerWrapper: 'w-full',\n    trigger: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof popoverVariants>;\ntype ClassName = TVClassName<typeof popoverVariants>;\n\nexport interface PopoverProps extends VariantProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** content of the popover */\n  content: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  contentTestId?: string;\n  /** popover footer */\n  footer?: ReactNode;\n  /** Popover title */\n  header?: ReactNode;\n  /** use as controlled component  */\n  openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n  /** placement of the popover relative to its trigger reference */\n  placement?: HeroPopoverProps['placement'];\n  /** The container element in which the overlay portal will be placed. */\n  portalContainer?: HeroPopoverProps['portalContainer'];\n  /** Whether to block scrolling outside the popover */\n  shouldBlockScroll?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */\n  triggerButtonProps?: Pick<\n    ButtonProps,\n    | 'ariaLabel'\n    | 'className'\n    | 'color'\n    | 'disableAnimation'\n    | 'disabled'\n    | 'size'\n    | 'testId'\n    | 'variant'\n  >;\n}\n\n/**\n * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)\n */\nexport default ({\n  children = null,\n  className: _className = undefined,\n  content,\n  contentTestId = undefined,\n  footer = undefined,\n  header = undefined,\n  openControlled = undefined,\n  placement = 'top',\n  portalContainer = undefined,\n  shouldBlockScroll = undefined,\n  testId = undefined,\n  triggerButtonProps = undefined,\n}: PopoverProps) => {\n  // className from slots\n  const variants = popoverVariants();\n  const className = variantsToClassNames(variants, _className, 'trigger');\n\n  return (\n    <Popover\n      classNames={className}\n      placement={placement}\n      portalContainer={portalContainer}\n      radius=\"sm\"\n      shouldBlockScroll={shouldBlockScroll}\n      showArrow\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...(openControlled\n        ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n        : {})}\n    >\n      <PopoverTrigger data-testid={testId}>\n        {/* NOTE: type and aria properties are injected by PopoverTrigger */}\n        {triggerButtonProps ? (\n          // TODO: currently we have to use @heroui/button because\n          // passing ref does not work (even with forwardRef in Button)\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          <Button className={className.trigger} {...triggerButtonProps}>\n            {children}\n          </Button>\n        ) : (\n          //  eslint-disable-next-line react/button-has-type\n          <button className={className.trigger}>{children}</button>\n        )}\n      </PopoverTrigger>\n      <PopoverContent data-testid={contentTestId}>\n        {header && (\n          <div className={className.headerWrapper}>\n            <div className={className.header}>{header}</div>\n            <hr className={className.divider} />\n          </div>\n        )}\n        <ScrollShadow className={className.body}>{content}</ScrollShadow>\n        {footer && (\n          <div className={className.footerWrapper}>\n            <hr className={className.divider} />\n            <div className={className.footer}>{footer}</div>\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n};\n","import Popover from './Popover';\n\nexport type { PopoverProps } from './Popover';\n\nexport { Popover };\n\nexport default Popover;\n"]}

package/dist/chunk-BEEDCTDZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { TooltipPlacement as HeroTooltipPlacement } from '@heroui/tooltip';\nimport type { ReactNode } from 'react';\n\nimport { Tooltip as HeroTooltip } from '@heroui/tooltip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// tooltip variants\nexport const tooltipVariants = tv({\n  slots: {\n    base: '',\n    body: 'w-full px-4 py-2',\n    content: 'flex max-h-[80vh] flex-col p-0',\n    divider: 'm-0 w-full p-0',\n    footer: 'w-full px-4 py-2',\n    footerWrapper: 'w-full',\n    header: 'w-full px-4 pb-1 pt-2 font-semibold',\n    headerWrapper: 'w-full',\n    trigger: 'cursor-pointer',\n  },\n  variants: {\n    size: {\n      xs: {\n        // base: 'max-w-xs',\n        body: 'max-w-xs',\n        footer: 'max-w-xs',\n        header: 'max-w-xs',\n      },\n      sm: {\n        // base: 'max-w-sm',\n        body: 'max-w-sm',\n        footer: 'max-w-sm',\n        header: 'max-w-sm',\n      },\n      md: {\n        // base: 'max-w-md',\n        body: 'max-w-md',\n        footer: 'max-w-md',\n        header: 'max-w-md',\n      },\n      lg: {\n        // base: 'max-w-lg',\n        body: 'max-w-lg',\n        footer: 'max-w-lg',\n        header: 'max-w-lg',\n      },\n      xl: {\n        // base: 'max-w-xl',\n        body: 'max-w-xl',\n        footer: 'max-w-xl',\n        header: 'max-w-xl',\n      },\n      '2xl': {\n        // base: 'max-w-2xl',\n        body: 'max-w-2xl',\n        footer: 'max-w-2xl',\n        header: 'max-w-2xl',\n      },\n      '3xl': {\n        // base: 'max-w-3xl',\n        body: 'max-w-3xl',\n        footer: 'max-w-3xl',\n        header: 'max-w-3xl',\n      },\n      full: { base: '' },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof tooltipVariants>;\ntype ClassName = TVClassName<typeof tooltipVariants>;\n\nexport type TooltipPlacement = HeroTooltipPlacement;\n\nexport interface TooltipProps extends VariantProps {\n  /** trigger child components */\n  children: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** delay in milliseconds before the tooltip opens. */\n  closeDelay?: number;\n  /** placement padding in px */\n  containerPadding?: number;\n  /** content displayed in the tooltip */\n  content: ReactNode;\n  /** open overlay initially when uncontrolled */\n  defaultOpen?: boolean;\n  /** delay in milliseconds before the tooltip opens. */\n  delay?: number;\n  /** tooltip footer */\n  footer?: ReactNode;\n  /** tooltip header */\n  header?: ReactNode;\n  /** handler that is called when the overlay's open state changes */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** placement if the tooltip */\n  placement?: TooltipPlacement;\n  /** size of the tooltip */\n  size?: VariantProps['size'];\n}\n\n/**\n * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)\n */\nconst Tooltip = ({\n  children,\n  className: _className = undefined,\n  closeDelay = 500,\n  containerPadding = 0,\n  content,\n  defaultOpen = false,\n  delay = 0,\n  footer = undefined,\n  header = undefined,\n  onOpenChange = undefined,\n  placement = 'top',\n  size = 'full',\n}: TooltipProps) => {\n  // classNames from slots\n  const variants = tooltipVariants({ size });\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroTooltip\n      classNames={classNames}\n      closeDelay={closeDelay}\n      containerPadding={containerPadding}\n      content={\n        <div>\n          {header && (\n            <div className={classNames.headerWrapper}>\n              <div className={classNames.header}>{header}</div>\n              <hr className={classNames.divider} />\n            </div>\n          )}\n          <ScrollShadow className={classNames.body}>{content}</ScrollShadow>\n          {footer && (\n            <div className={classNames.footerWrapper}>\n              <hr className={classNames.divider} />\n              <div className={classNames.footer}>{footer}</div>\n            </div>\n          )}\n        </div>\n      }\n      defaultOpen={defaultOpen}\n      delay={delay}\n      onClick={(e) => e.preventDefault()}\n      onOpenChange={onOpenChange}\n      placement={placement}\n      shouldFlip\n      showArrow\n    >\n      <span className={classNames.trigger}>{children}</span>\n    </HeroTooltip>\n  );\n};\n\nexport default Tooltip;\n","import Tooltip from './Tooltip';\n\nexport type { TooltipProps, TooltipPlacement } from './Tooltip';\n\nexport { Tooltip };\n\nexport default Tooltip;\n"],"mappings":";;;;;AAIA,SAAS,WAAW,mBAAmB;AAEvC,SAAS,IAAI,4BAA4B;AA+H7B,SACE,KADF;AA1HL,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA;AAAA,QAEF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA;AAAA,QAEF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA;AAAA,QAEF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA;AAAA,QAEF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA;AAAA,QAEF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,OAAO;AAAA;AAAA,QAEL,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,OAAO;AAAA;AAAA,QAEL,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,MAAM,EAAE,MAAM,GAAG;AAAA,IACnB;AAAA,EACF;AACF,CAAC;AAqCD,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB;AAAA,EACA,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,OAAO;AACT,MAAoB;AAElB,QAAM,WAAW,gBAAgB,EAAE,KAAK,CAAC;AACzC,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,SACE,qBAAC,SACE;AAAA,kBACC,qBAAC,SAAI,WAAW,WAAW,eACzB;AAAA,8BAAC,SAAI,WAAW,WAAW,QAAS,kBAAO;AAAA,UAC3C,oBAAC,QAAG,WAAW,WAAW,SAAS;AAAA,WACrC;AAAA,QAEF,oBAAC,wBAAa,WAAW,WAAW,MAAO,mBAAQ;AAAA,QAClD,UACC,qBAAC,SAAI,WAAW,WAAW,eACzB;AAAA,8BAAC,QAAG,WAAW,WAAW,SAAS;AAAA,UACnC,oBAAC,SAAI,WAAW,WAAW,QAAS,kBAAO;AAAA,WAC7C;AAAA,SAEJ;AAAA,MAEF;AAAA,MACA;AAAA,MACA,SAAS,CAAC,MAAM,EAAE,eAAe;AAAA,MACjC;AAAA,MACA;AAAA,MACA,YAAU;AAAA,MACV,WAAS;AAAA,MAET,8BAAC,UAAK,WAAW,WAAW,SAAU,UAAS;AAAA;AAAA,EACjD;AAEJ;AAEA,IAAO,kBAAQ;;;AC1Jf,IAAOA,mBAAQ;","names":["Tooltip_default"]}

package/dist/chunk-DA4KEWJM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Tabs/Tabs.tsx","../src/Tabs/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tab as HeroTab, Tabs as HeroTabs } from '@heroui/tabs';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const tabsVariants = tv({\n  slots: {\n    base: '',\n    cursor: '',\n    panel: '',\n    tab: 'data-[hover-unselected=true]:opacity-100',\n    tabContent: 'text-foreground',\n    tabList: '',\n    tabWrapper: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof tabsVariants>;\ntype ClassName = TVClassName<typeof tabsVariants>;\n\ntype Key = string | number;\n\nexport interface TabProps {\n  /** Content to be displayed in the tab panel */\n  content: ReactNode;\n  /** Disables the tab so it can not be selected */\n  disabled?: boolean;\n  /** Unique identifier for the tab */\n  key: Key;\n  /** Label content displayed in the tab button */\n  label: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nexport interface TabsProps extends VariantProps {\n  /** Accessible label for the tabs component */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** Key of the tab that should be selected by default */\n  defaultSelectedKey?: string | number;\n  /** Whether to destroy inactive tab panel DOM nodes */\n  destroyInactiveTabPanel?: boolean;\n  /** Whether the animation should be disabled. */\n  disableAnimation?: boolean;\n  /** Array of keys for the tabs to disable */\n  disabledKeys?: string[];\n  /** Whether tabs should take up full container width */\n  fullWidth?: boolean;\n  /** Callback fired when tab selection changes */\n  onSelectionChange?: (key: Key) => void;\n  /** Position of the tab list relative to the content */\n  placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;\n  /** Radius of the tabs */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Selected tab key (controlled) */\n  selectedKey?: Key;\n  /** Size of the tabs */\n  size?: 'sm' | 'md' | 'lg';\n  /** Array of tab configurations */\n  tabs: TabProps[];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Style variant of the tabs */\n  variant?: 'bordered' | 'light' | 'solid' | 'underlined';\n  /** Whether to display tabs vertically */\n  vertical?: boolean;\n}\n\n/**\n * Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)\n */\nconst Tabs = ({\n  ariaLabel = undefined,\n  className = undefined,\n  defaultSelectedKey = undefined,\n  destroyInactiveTabPanel = true,\n  disableAnimation = false,\n  disabledKeys = undefined,\n  fullWidth = true,\n  onSelectionChange = undefined,\n  placement = undefined,\n  radius = undefined,\n  selectedKey = undefined,\n  size = 'md',\n  tabs,\n  testId = 'tab',\n  variant = 'solid',\n  vertical = false,\n}: TabsProps) => {\n  const variants = tabsVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroTabs\n      aria-label={ariaLabel}\n      classNames={classNames}\n      defaultSelectedKey={defaultSelectedKey}\n      destroyInactiveTabPanel={destroyInactiveTabPanel}\n      disableAnimation={disableAnimation}\n      disabledKeys={disabledKeys}\n      fullWidth={fullWidth}\n      isVertical={vertical}\n      items={tabs || []}\n      onSelectionChange={onSelectionChange}\n      placement={placement}\n      radius={radius}\n      selectedKey={selectedKey}\n      size={size}\n      variant={variant}\n    >\n      {(item) => (\n        <HeroTab\n          key={item.key}\n          isDisabled={!!item.disabled}\n          title={item.label}\n          data-testid={slugify(`${testId}_${item.testId || item.key}`)}\n        >\n          {item.content}\n        </HeroTab>\n      )}\n    </HeroTabs>\n  );\n};\n\nexport default Tabs;\n","import Tabs, { tabsVariants } from './Tabs';\n\nexport type { TabsProps, TabProps } from './Tabs';\n\nexport { Tabs, tabsVariants };\n\nexport default Tabs;\n"],"mappings":";AAGA,SAAS,OAAO,SAAS,QAAQ,gBAAgB;AAEjD,SAAS,SAAS,IAAI,4BAA4B;AA8G1C;AA5GD,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,EACd;AACF,CAAC;AA0DD,IAAM,OAAO,CAAC;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AAAA,EACA,SAAS;AAAA,EACT,UAAU;AAAA,EACV,WAAW;AACb,MAAiB;AACf,QAAM,WAAW,aAAa;AAC9B,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,OAAO,QAAQ,CAAC;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,WAAC,SACA;AAAA,QAAC;AAAA;AAAA,UAEC,YAAY,CAAC,CAAC,KAAK;AAAA,UACnB,OAAO,KAAK;AAAA,UACZ,eAAa,QAAQ,GAAG,MAAM,IAAI,KAAK,UAAU,KAAK,GAAG,EAAE;AAAA,UAE1D,eAAK;AAAA;AAAA,QALD,KAAK;AAAA,MAMZ;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;AC1Hf,IAAOA,gBAAQ;","names":["Tabs_default"]}

package/dist/chunk-EQVC4PJE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { ScrollShadow } from '@heroui/scroll-shadow';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nexport interface ScrollShadowProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** content of the scroll box */\n  testId?: string;\n}\n\n/**\n * Scroll Shadow component based on [HeroUI Scroll Shadow](https://www.heroui.com//docs/components/scroll-shadow)\n */\nexport default ({\n  children = null,\n  className = undefined,\n  testId = undefined,\n}: ScrollShadowProps) => (\n  <ScrollShadow className={cn(className)} data-testid={testId}>\n    {children}\n  </ScrollShadow>\n);\n"],"mappings":";AAEA,SAAS,oBAAoB;AAE7B,SAAS,UAAU;AAmBjB;AALF,IAAO,uBAAQ,CAAC;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AACX,MACE,oBAAC,gBAAa,WAAW,GAAG,SAAS,GAAG,eAAa,QAClD,UACH;","names":[]}

package/dist/chunk-GXIDQFQ6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-GXIDQFQ6.cjs","../src/Toast/index.ts","../src/Toast/addToast.tsx","../src/Toast/ToastProvider.tsx"],"names":["heroToastVariants","variantsToClassNames"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-GXIDQFQ6.cjs","sourcesContent":[null,"import { Toast } from '@heroui/toast';\n\nimport { addToast, toastVariants } from './addToast';\nimport ToastProvider from './ToastProvider';\n\nexport type { ToastProps, AddToastVariantProps } from './addToast';\nexport type { ToastProviderProps } from './ToastProvider';\n\nexport { addToast, Toast, ToastProvider, toastVariants };\n\nexport default addToast;\n","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\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"]}