@fuf-stack/pixels 1.10.1 → 1.11.0

package/dist/Alert/Alert.cjs

@@ -9,7 +9,7 @@ const alertVariants = (0, _fuf_stack_pixel_utils.tv)({
 		base: "min-w-72",
 		title: "",
 		description: "",
-		mainWrapper: "gap-1.5",
+		mainWrapper: "items-stretch gap-1.5",
 		closeButton: "",
 		iconWrapper: "",
 		alertIcon: ""
@@ -17,19 +17,31 @@ const alertVariants = (0, _fuf_stack_pixel_utils.tv)({
 	variants: {
 		hasTitleAndChildren: { true: { iconWrapper: "self-start" } },
 		variant: {
-			danger: { base: "bg-danger-50 dark:bg-danger-50" },
-			default: { base: "bg-default-100 dark:bg-default-50" },
+			danger: {
+				base: "bg-danger-50 dark:bg-danger-50",
+				description: "text-foreground"
+			},
+			default: {
+				base: "bg-default-100 dark:bg-default-50",
+				description: "text-foreground"
+			},
 			info: {
 				alertIcon: "fill-current",
 				base: "border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50",
 				closeButton: "text-info-500 data-[hover]:bg-info-200",
-				description: "text-inherit",
+				description: "text-foreground",
 				iconWrapper: "border-info-100 bg-info-50 dark:bg-info-100",
 				mainWrapper: "text-inherit",
 				title: "text-inherit"
 			},
-			success: { base: "bg-success-50 dark:bg-success-50" },
-			warning: { base: "bg-warning-50 dark:bg-warning-50" }
+			success: {
+				base: "bg-success-50 dark:bg-success-50",
+				description: "text-foreground"
+			},
+			warning: {
+				base: "bg-warning-50 dark:bg-warning-50",
+				description: "text-foreground"
+			}
 		}
 	}
 });

package/dist/Alert/Alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.cjs","names":["HeroAlert","heroAlertVariants"],"sources":["../../src/Alert/Alert.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n  slots: {\n    base: 'min-w-72',\n    title: '',\n    description: '',\n    mainWrapper: 'gap-1.5',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // if HeroUI Alert title and description are set the icon is placed on top (looks better)\n    hasTitleAndChildren: {\n      true: {\n        iconWrapper: 'self-start',\n      },\n    },\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n    variant: {\n      danger: {\n        base: 'bg-danger-50 dark:bg-danger-50',\n      },\n      default: {\n        base: 'bg-default-100 dark:bg-default-50',\n      },\n      info: {\n        alertIcon: 'fill-current',\n        base: 'border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        description: 'text-inherit',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n        mainWrapper: 'text-inherit',\n        title: 'text-inherit',\n      },\n      success: {\n        base: 'bg-success-50 dark:bg-success-50',\n      },\n      warning: {\n        base: 'bg-warning-50 dark:bg-warning-50',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\n// hasTitleAndChildren is omitted because its used for automatic icon position\nexport interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {\n  /** Content displayed inside the Alert if no description is given! */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\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  /** Whether the Alert can be closed */\n  closable?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Title displayed in the Alert above the content */\n  title?: ReactNode;\n  /** Style variant of the Alert */\n  variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n  children = undefined,\n  className = undefined,\n  endContent = undefined,\n  icon = undefined,\n  closable = false,\n  onClose = undefined,\n  testId = undefined,\n  title = undefined,\n  variant = 'info',\n}: AlertProps) => {\n  const hasTitleAndChildren = !!children && !!title;\n  const variants = alertVariants({\n    hasTitleAndChildren,\n    variant,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // map variant to HeroUI color prop (only for variants that exist in HeroUI)\n  const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n    variant,\n  )\n    ? (variant as HeroAlertProps['color'])\n    : undefined;\n\n  return (\n    <HeroAlert\n      classNames={classNames}\n      color={heroColor}\n      data-testid={testId}\n      description={title ? children : undefined}\n      endContent={endContent}\n      hideIcon={variant === 'default'}\n      icon={icon}\n      // map closable to isClosable, because of we do not want \"is\" as prefix\n      isClosable={closable}\n      onClose={onClose}\n      title={(title ?? children) as string}\n      variant=\"faded\"\n    />\n  );\n};\n\nexport default Alert;\n"],"mappings":";;;;;;AASA,MAAa,iBAAA,GAAA,uBAAA,IAAmB;CAC9B,OAAO;EACL,MAAM;EACN,OAAO;EACP,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,WAAW;CACb;CACA,UAAU;EAER,qBAAqB,EACnB,MAAM,EACJ,aAAa,aACf,EACF;EAEA,SAAS;GACP,QAAQ,EACN,MAAM,iCACR;GACA,SAAS,EACP,MAAM,oCACR;GACA,MAAM;IACJ,WAAW;IACX,MAAM;IACN,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;IACb,OAAO;GACT;GACA,SAAS,EACP,MAAM,mCACR;GACA,SAAS,EACP,MAAM,mCACR;EACF;CACF;AACF,CAAC;;;;AA8BD,MAAM,SAAS,EACb,WAAW,KAAA,GACX,YAAY,KAAA,GACZ,aAAa,KAAA,GACb,OAAO,KAAA,GACP,WAAW,OACX,UAAU,KAAA,GACV,SAAS,KAAA,GACT,QAAQ,KAAA,GACR,UAAU,aACM;CAehB,OACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;EACE,aAAA,GAAA,uBAAA,sBAfa,cAAc;GAC7B,qBAF0B,CAAC,CAAC,YAAY,CAAC,CAAC;GAG1C;EACF,CAC+C,GAAG,WAAW,MAWpC;EACrB,OATc,OAAO,KAAKC,cAAAA,MAAkB,SAAS,KAAK,EAAE,SAC9D,OACF,IACK,UACD,KAAA;EAMA,eAAa;EACb,aAAa,QAAQ,WAAW,KAAA;EACpB;EACZ,UAAU,YAAY;EAChB;EAEN,YAAY;EACH;EACT,OAAQ,SAAS;EACjB,SAAQ;CACT,CAAA;AAEL"}
+{"version":3,"file":"Alert.cjs","names":["HeroAlert","heroAlertVariants"],"sources":["../../src/Alert/Alert.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n  slots: {\n    base: 'min-w-72',\n    title: '',\n    description: '',\n    mainWrapper: 'items-stretch gap-1.5',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // if HeroUI Alert title and description are set the icon is placed on top (looks better)\n    hasTitleAndChildren: {\n      true: {\n        iconWrapper: 'self-start',\n      },\n    },\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n    variant: {\n      danger: {\n        base: 'bg-danger-50 dark:bg-danger-50',\n        description: 'text-foreground',\n      },\n      default: {\n        base: 'bg-default-100 dark:bg-default-50',\n        description: 'text-foreground',\n      },\n      info: {\n        alertIcon: 'fill-current',\n        base: 'border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        description: 'text-foreground',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n        mainWrapper: 'text-inherit',\n        title: 'text-inherit',\n      },\n      success: {\n        base: 'bg-success-50 dark:bg-success-50',\n        description: 'text-foreground',\n      },\n      warning: {\n        base: 'bg-warning-50 dark:bg-warning-50',\n        description: 'text-foreground',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\n// hasTitleAndChildren is omitted because its used for automatic icon position\nexport interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {\n  /** Content displayed inside the Alert if no description is given! */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\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  /** Whether the Alert can be closed */\n  closable?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Title displayed in the Alert above the content */\n  title?: ReactNode;\n  /** Style variant of the Alert */\n  variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n  children = undefined,\n  className = undefined,\n  endContent = undefined,\n  icon = undefined,\n  closable = false,\n  onClose = undefined,\n  testId = undefined,\n  title = undefined,\n  variant = 'info',\n}: AlertProps) => {\n  const hasTitleAndChildren = !!children && !!title;\n  const variants = alertVariants({\n    hasTitleAndChildren,\n    variant,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // map variant to HeroUI color prop (only for variants that exist in HeroUI)\n  const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n    variant,\n  )\n    ? (variant as HeroAlertProps['color'])\n    : undefined;\n\n  return (\n    <HeroAlert\n      classNames={classNames}\n      color={heroColor}\n      data-testid={testId}\n      description={title ? children : undefined}\n      endContent={endContent}\n      hideIcon={variant === 'default'}\n      icon={icon}\n      // map closable to isClosable, because of we do not want \"is\" as prefix\n      isClosable={closable}\n      onClose={onClose}\n      title={(title ?? children) as string}\n      variant=\"faded\"\n    />\n  );\n};\n\nexport default Alert;\n"],"mappings":";;;;;;AASA,MAAa,iBAAA,GAAA,uBAAA,IAAmB;CAC9B,OAAO;EACL,MAAM;EACN,OAAO;EACP,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,WAAW;CACb;CACA,UAAU;EAER,qBAAqB,EACnB,MAAM,EACJ,aAAa,aACf,EACF;EAEA,SAAS;GACP,QAAQ;IACN,MAAM;IACN,aAAa;GACf;GACA,SAAS;IACP,MAAM;IACN,aAAa;GACf;GACA,MAAM;IACJ,WAAW;IACX,MAAM;IACN,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;IACb,OAAO;GACT;GACA,SAAS;IACP,MAAM;IACN,aAAa;GACf;GACA,SAAS;IACP,MAAM;IACN,aAAa;GACf;EACF;CACF;AACF,CAAC;;;;AA8BD,MAAM,SAAS,EACb,WAAW,KAAA,GACX,YAAY,KAAA,GACZ,aAAa,KAAA,GACb,OAAO,KAAA,GACP,WAAW,OACX,UAAU,KAAA,GACV,SAAS,KAAA,GACT,QAAQ,KAAA,GACR,UAAU,aACM;CAehB,OACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;EACE,aAAA,GAAA,uBAAA,sBAfa,cAAc;GAC7B,qBAF0B,CAAC,CAAC,YAAY,CAAC,CAAC;GAG1C;EACF,CAC+C,GAAG,WAAW,MAWpC;EACrB,OATc,OAAO,KAAKC,cAAAA,MAAkB,SAAS,KAAK,EAAE,SAC9D,OACF,IACK,UACD,KAAA;EAMA,eAAa;EACb,aAAa,QAAQ,WAAW,KAAA;EACpB;EACZ,UAAU,YAAY;EAChB;EAEN,YAAY;EACH;EACT,OAAQ,SAAS;EACjB,SAAQ;CACT,CAAA;AAEL"}

package/dist/Alert/Alert.d.cts

@@ -11,9 +11,11 @@ declare const alertVariants: import("tailwind-variants").TVReturnType<{
   variant: {
     danger: {
       base: string;
+      description: string;
     };
     default: {
       base: string;
+      description: string;
     };
     info: {
       alertIcon: string;
@@ -26,9 +28,11 @@ declare const alertVariants: import("tailwind-variants").TVReturnType<{
     };
     success: {
       base: string;
+      description: string;
     };
     warning: {
       base: string;
+      description: string;
     };
   };
 }, {
@@ -48,9 +52,11 @@ declare const alertVariants: import("tailwind-variants").TVReturnType<{
   variant: {
     danger: {
       base: string;
+      description: string;
     };
     default: {
       base: string;
+      description: string;
     };
     info: {
       alertIcon: string;
@@ -63,9 +69,11 @@ declare const alertVariants: import("tailwind-variants").TVReturnType<{
     };
     success: {
       base: string;
+      description: string;
     };
     warning: {
       base: string;
+      description: string;
     };
   };
 }, {
@@ -85,9 +93,11 @@ declare const alertVariants: import("tailwind-variants").TVReturnType<{
   variant: {
     danger: {
       base: string;
+      description: string;
     };
     default: {
       base: string;
+      description: string;
     };
     info: {
       alertIcon: string;
@@ -100,9 +110,11 @@ declare const alertVariants: import("tailwind-variants").TVReturnType<{
     };
     success: {
       base: string;
+      description: string;
     };
     warning: {
       base: string;
+      description: string;
     };
   };
 }, {

package/dist/Alert/Alert.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.cts","names":[],"sources":["../../src/Alert/Alert.tsx"],"mappings":";;;;cASa,aAAA,8BAAa,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4Cd,YAAA,GAAe,OAAO,QAAQ,aAAA;AAAA,KACrC,SAAA,GAAY,WAAW,QAAQ,aAAA;AAAA,UAGnB,UAAA,SAAmB,IAAA,CAAK,YAAA;EAAA;EAEvC,QAAA,GAAW,SAAA;EAAA;EAEX,SAAA,GAAY,SAAA;EAAA;EAEZ,UAAA,GAAa,SAAA;EAAA;EAEb,IAAA,GAAO,SAAA;EAAA;EAEP,QAAA;EAEA;EAAA,OAAA;EAIA;EAFA,MAAA;EAIA;EAFA,KAAA,GAAQ,SAAA;EAEc;EAAtB,OAAA,GAAU,YAAA;AAAA;;;;cAMN,KAAA;EAAS,QAAA;EAAA,SAAA;EAAA,UAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,MAAA;EAAA,KAAA;EAAA;AAAA,GAUZ,UAAA,iCAAU,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Alert.d.cts","names":[],"sources":["../../src/Alert/Alert.tsx"],"mappings":";;;;cASa,aAAA,8BAAa,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgDd,YAAA,GAAe,OAAO,QAAQ,aAAA;AAAA,KACrC,SAAA,GAAY,WAAW,QAAQ,aAAA;AAAA,UAGnB,UAAA,SAAmB,IAAA,CAAK,YAAA;EAAA;EAEvC,QAAA,GAAW,SAAA;EAAA;EAEX,SAAA,GAAY,SAAA;EAAA;EAEZ,UAAA,GAAa,SAAA;EAAA;EAEb,IAAA,GAAO,SAAA;EAAA;EAEP,QAAA;EAEA;EAAA,OAAA;EAIA;EAFA,MAAA;EAIA;EAFA,KAAA,GAAQ,SAAA;EAEc;EAAtB,OAAA,GAAU,YAAA;AAAA;;;;cAMN,KAAA;EAAS,QAAA;EAAA,SAAA;EAAA,UAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,MAAA;EAAA,KAAA;EAAA;AAAA,GAUZ,UAAA,iCAAU,GAAA,CAAA,OAAA"}

package/dist/Alert/Alert.d.ts

@@ -11,9 +11,11 @@ declare const alertVariants: import("tailwind-variants").TVReturnType<{
   variant: {
     danger: {
       base: string;
+      description: string;
     };
     default: {
       base: string;
+      description: string;
     };
     info: {
       alertIcon: string;
@@ -26,9 +28,11 @@ declare const alertVariants: import("tailwind-variants").TVReturnType<{
     };
     success: {
       base: string;
+      description: string;
     };
     warning: {
       base: string;
+      description: string;
     };
   };
 }, {
@@ -48,9 +52,11 @@ declare const alertVariants: import("tailwind-variants").TVReturnType<{
   variant: {
     danger: {
       base: string;
+      description: string;
     };
     default: {
       base: string;
+      description: string;
     };
     info: {
       alertIcon: string;
@@ -63,9 +69,11 @@ declare const alertVariants: import("tailwind-variants").TVReturnType<{
     };
     success: {
       base: string;
+      description: string;
     };
     warning: {
       base: string;
+      description: string;
     };
   };
 }, {
@@ -85,9 +93,11 @@ declare const alertVariants: import("tailwind-variants").TVReturnType<{
   variant: {
     danger: {
       base: string;
+      description: string;
     };
     default: {
       base: string;
+      description: string;
     };
     info: {
       alertIcon: string;
@@ -100,9 +110,11 @@ declare const alertVariants: import("tailwind-variants").TVReturnType<{
     };
     success: {
       base: string;
+      description: string;
     };
     warning: {
       base: string;
+      description: string;
     };
   };
 }, {

package/dist/Alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","names":[],"sources":["../../src/Alert/Alert.tsx"],"mappings":";;;;cASa,aAAA,8BAAa,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4Cd,YAAA,GAAe,OAAO,QAAQ,aAAA;AAAA,KACrC,SAAA,GAAY,WAAW,QAAQ,aAAA;AAAA,UAGnB,UAAA,SAAmB,IAAA,CAAK,YAAA;EAAA;EAEvC,QAAA,GAAW,SAAA;EAAA;EAEX,SAAA,GAAY,SAAA;EAAA;EAEZ,UAAA,GAAa,SAAA;EAAA;EAEb,IAAA,GAAO,SAAA;EAAA;EAEP,QAAA;EAEA;EAAA,OAAA;EAIA;EAFA,MAAA;EAIA;EAFA,KAAA,GAAQ,SAAA;EAEc;EAAtB,OAAA,GAAU,YAAA;AAAA;;;;cAMN,KAAA;EAAS,QAAA;EAAA,SAAA;EAAA,UAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,MAAA;EAAA,KAAA;EAAA;AAAA,GAUZ,UAAA,iCAAU,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Alert.d.ts","names":[],"sources":["../../src/Alert/Alert.tsx"],"mappings":";;;;cASa,aAAA,8BAAa,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgDd,YAAA,GAAe,OAAO,QAAQ,aAAA;AAAA,KACrC,SAAA,GAAY,WAAW,QAAQ,aAAA;AAAA,UAGnB,UAAA,SAAmB,IAAA,CAAK,YAAA;EAAA;EAEvC,QAAA,GAAW,SAAA;EAAA;EAEX,SAAA,GAAY,SAAA;EAAA;EAEZ,UAAA,GAAa,SAAA;EAAA;EAEb,IAAA,GAAO,SAAA;EAAA;EAEP,QAAA;EAEA;EAAA,OAAA;EAIA;EAFA,MAAA;EAIA;EAFA,KAAA,GAAQ,SAAA;EAEc;EAAtB,OAAA,GAAU,YAAA;AAAA;;;;cAMN,KAAA;EAAS,QAAA;EAAA,SAAA;EAAA,UAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,MAAA;EAAA,KAAA;EAAA;AAAA,GAUZ,UAAA,iCAAU,GAAA,CAAA,OAAA"}

package/dist/Alert/Alert.js

@@ -8,7 +8,7 @@ const alertVariants = tv({
 		base: "min-w-72",
 		title: "",
 		description: "",
-		mainWrapper: "gap-1.5",
+		mainWrapper: "items-stretch gap-1.5",
 		closeButton: "",
 		iconWrapper: "",
 		alertIcon: ""
@@ -16,19 +16,31 @@ const alertVariants = tv({
 	variants: {
 		hasTitleAndChildren: { true: { iconWrapper: "self-start" } },
 		variant: {
-			danger: { base: "bg-danger-50 dark:bg-danger-50" },
-			default: { base: "bg-default-100 dark:bg-default-50" },
+			danger: {
+				base: "bg-danger-50 dark:bg-danger-50",
+				description: "text-foreground"
+			},
+			default: {
+				base: "bg-default-100 dark:bg-default-50",
+				description: "text-foreground"
+			},
 			info: {
 				alertIcon: "fill-current",
 				base: "border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50",
 				closeButton: "text-info-500 data-[hover]:bg-info-200",
-				description: "text-inherit",
+				description: "text-foreground",
 				iconWrapper: "border-info-100 bg-info-50 dark:bg-info-100",
 				mainWrapper: "text-inherit",
 				title: "text-inherit"
 			},
-			success: { base: "bg-success-50 dark:bg-success-50" },
-			warning: { base: "bg-warning-50 dark:bg-warning-50" }
+			success: {
+				base: "bg-success-50 dark:bg-success-50",
+				description: "text-foreground"
+			},
+			warning: {
+				base: "bg-warning-50 dark:bg-warning-50",
+				description: "text-foreground"
+			}
 		}
 	}
 });

package/dist/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","names":["Alert","HeroAlert","heroAlertVariants"],"sources":["../../src/Alert/Alert.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n  slots: {\n    base: 'min-w-72',\n    title: '',\n    description: '',\n    mainWrapper: 'gap-1.5',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // if HeroUI Alert title and description are set the icon is placed on top (looks better)\n    hasTitleAndChildren: {\n      true: {\n        iconWrapper: 'self-start',\n      },\n    },\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n    variant: {\n      danger: {\n        base: 'bg-danger-50 dark:bg-danger-50',\n      },\n      default: {\n        base: 'bg-default-100 dark:bg-default-50',\n      },\n      info: {\n        alertIcon: 'fill-current',\n        base: 'border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        description: 'text-inherit',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n        mainWrapper: 'text-inherit',\n        title: 'text-inherit',\n      },\n      success: {\n        base: 'bg-success-50 dark:bg-success-50',\n      },\n      warning: {\n        base: 'bg-warning-50 dark:bg-warning-50',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\n// hasTitleAndChildren is omitted because its used for automatic icon position\nexport interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {\n  /** Content displayed inside the Alert if no description is given! */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\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  /** Whether the Alert can be closed */\n  closable?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Title displayed in the Alert above the content */\n  title?: ReactNode;\n  /** Style variant of the Alert */\n  variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n  children = undefined,\n  className = undefined,\n  endContent = undefined,\n  icon = undefined,\n  closable = false,\n  onClose = undefined,\n  testId = undefined,\n  title = undefined,\n  variant = 'info',\n}: AlertProps) => {\n  const hasTitleAndChildren = !!children && !!title;\n  const variants = alertVariants({\n    hasTitleAndChildren,\n    variant,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // map variant to HeroUI color prop (only for variants that exist in HeroUI)\n  const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n    variant,\n  )\n    ? (variant as HeroAlertProps['color'])\n    : undefined;\n\n  return (\n    <HeroAlert\n      classNames={classNames}\n      color={heroColor}\n      data-testid={testId}\n      description={title ? children : undefined}\n      endContent={endContent}\n      hideIcon={variant === 'default'}\n      icon={icon}\n      // map closable to isClosable, because of we do not want \"is\" as prefix\n      isClosable={closable}\n      onClose={onClose}\n      title={(title ?? children) as string}\n      variant=\"faded\"\n    />\n  );\n};\n\nexport default Alert;\n"],"mappings":";;;;;AASA,MAAa,gBAAgB,GAAG;CAC9B,OAAO;EACL,MAAM;EACN,OAAO;EACP,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,WAAW;CACb;CACA,UAAU;EAER,qBAAqB,EACnB,MAAM,EACJ,aAAa,aACf,EACF;EAEA,SAAS;GACP,QAAQ,EACN,MAAM,iCACR;GACA,SAAS,EACP,MAAM,oCACR;GACA,MAAM;IACJ,WAAW;IACX,MAAM;IACN,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;IACb,OAAO;GACT;GACA,SAAS,EACP,MAAM,mCACR;GACA,SAAS,EACP,MAAM,mCACR;EACF;CACF;AACF,CAAC;;;;AA8BD,MAAMA,WAAS,EACb,WAAW,KAAA,GACX,YAAY,KAAA,GACZ,aAAa,KAAA,GACb,OAAO,KAAA,GACP,WAAW,OACX,UAAU,KAAA,GACV,SAAS,KAAA,GACT,QAAQ,KAAA,GACR,UAAU,aACM;CAehB,OACE,oBAACC,OAAD;EACE,YAXe,qBAJF,cAAc;GAC7B,qBAF0B,CAAC,CAAC,YAAY,CAAC,CAAC;GAG1C;EACF,CAC+C,GAAG,WAAW,MAWpC;EACrB,OATc,OAAO,KAAKC,MAAkB,SAAS,KAAK,EAAE,SAC9D,OACF,IACK,UACD,KAAA;EAMA,eAAa;EACb,aAAa,QAAQ,WAAW,KAAA;EACpB;EACZ,UAAU,YAAY;EAChB;EAEN,YAAY;EACH;EACT,OAAQ,SAAS;EACjB,SAAQ;CACT,CAAA;AAEL"}
+{"version":3,"file":"Alert.js","names":["Alert","HeroAlert","heroAlertVariants"],"sources":["../../src/Alert/Alert.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n  slots: {\n    base: 'min-w-72',\n    title: '',\n    description: '',\n    mainWrapper: 'items-stretch gap-1.5',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // if HeroUI Alert title and description are set the icon is placed on top (looks better)\n    hasTitleAndChildren: {\n      true: {\n        iconWrapper: 'self-start',\n      },\n    },\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n    variant: {\n      danger: {\n        base: 'bg-danger-50 dark:bg-danger-50',\n        description: 'text-foreground',\n      },\n      default: {\n        base: 'bg-default-100 dark:bg-default-50',\n        description: 'text-foreground',\n      },\n      info: {\n        alertIcon: 'fill-current',\n        base: 'border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        description: 'text-foreground',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n        mainWrapper: 'text-inherit',\n        title: 'text-inherit',\n      },\n      success: {\n        base: 'bg-success-50 dark:bg-success-50',\n        description: 'text-foreground',\n      },\n      warning: {\n        base: 'bg-warning-50 dark:bg-warning-50',\n        description: 'text-foreground',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\n// hasTitleAndChildren is omitted because its used for automatic icon position\nexport interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {\n  /** Content displayed inside the Alert if no description is given! */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\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  /** Whether the Alert can be closed */\n  closable?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Title displayed in the Alert above the content */\n  title?: ReactNode;\n  /** Style variant of the Alert */\n  variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n  children = undefined,\n  className = undefined,\n  endContent = undefined,\n  icon = undefined,\n  closable = false,\n  onClose = undefined,\n  testId = undefined,\n  title = undefined,\n  variant = 'info',\n}: AlertProps) => {\n  const hasTitleAndChildren = !!children && !!title;\n  const variants = alertVariants({\n    hasTitleAndChildren,\n    variant,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // map variant to HeroUI color prop (only for variants that exist in HeroUI)\n  const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n    variant,\n  )\n    ? (variant as HeroAlertProps['color'])\n    : undefined;\n\n  return (\n    <HeroAlert\n      classNames={classNames}\n      color={heroColor}\n      data-testid={testId}\n      description={title ? children : undefined}\n      endContent={endContent}\n      hideIcon={variant === 'default'}\n      icon={icon}\n      // map closable to isClosable, because of we do not want \"is\" as prefix\n      isClosable={closable}\n      onClose={onClose}\n      title={(title ?? children) as string}\n      variant=\"faded\"\n    />\n  );\n};\n\nexport default Alert;\n"],"mappings":";;;;;AASA,MAAa,gBAAgB,GAAG;CAC9B,OAAO;EACL,MAAM;EACN,OAAO;EACP,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,WAAW;CACb;CACA,UAAU;EAER,qBAAqB,EACnB,MAAM,EACJ,aAAa,aACf,EACF;EAEA,SAAS;GACP,QAAQ;IACN,MAAM;IACN,aAAa;GACf;GACA,SAAS;IACP,MAAM;IACN,aAAa;GACf;GACA,MAAM;IACJ,WAAW;IACX,MAAM;IACN,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;IACb,OAAO;GACT;GACA,SAAS;IACP,MAAM;IACN,aAAa;GACf;GACA,SAAS;IACP,MAAM;IACN,aAAa;GACf;EACF;CACF;AACF,CAAC;;;;AA8BD,MAAMA,WAAS,EACb,WAAW,KAAA,GACX,YAAY,KAAA,GACZ,aAAa,KAAA,GACb,OAAO,KAAA,GACP,WAAW,OACX,UAAU,KAAA,GACV,SAAS,KAAA,GACT,QAAQ,KAAA,GACR,UAAU,aACM;CAehB,OACE,oBAACC,OAAD;EACE,YAXe,qBAJF,cAAc;GAC7B,qBAF0B,CAAC,CAAC,YAAY,CAAC,CAAC;GAG1C;EACF,CAC+C,GAAG,WAAW,MAWpC;EACrB,OATc,OAAO,KAAKC,MAAkB,SAAS,KAAK,EAAE,SAC9D,OACF,IACK,UACD,KAAA;EAMA,eAAa;EACb,aAAa,QAAQ,WAAW,KAAA;EACpB;EACZ,UAAU,YAAY;EAChB;EAEN,YAAY;EACH;EACT,OAAQ,SAAS;EACjB,SAAQ;CACT,CAAA;AAEL"}

package/dist/Avatar/Avatar.d.cts

@@ -7,9 +7,9 @@ declare const avatarVariants: import("tailwind-variants").TVReturnType<{
     [key: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
       icon?: import("tailwind-merge").ClassNameValue;
+      name?: import("tailwind-merge").ClassNameValue;
       img?: import("tailwind-merge").ClassNameValue;
       fallback?: import("tailwind-merge").ClassNameValue;
-      name?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {
@@ -17,9 +17,9 @@ declare const avatarVariants: import("tailwind-variants").TVReturnType<{
     [x: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
       icon?: import("tailwind-merge").ClassNameValue;
+      name?: import("tailwind-merge").ClassNameValue;
       img?: import("tailwind-merge").ClassNameValue;
       fallback?: import("tailwind-merge").ClassNameValue;
-      name?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {
@@ -33,9 +33,9 @@ declare const avatarVariants: import("tailwind-variants").TVReturnType<{
     [key: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
       icon?: import("tailwind-merge").ClassNameValue;
+      name?: import("tailwind-merge").ClassNameValue;
       img?: import("tailwind-merge").ClassNameValue;
       fallback?: import("tailwind-merge").ClassNameValue;
-      name?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {

package/dist/Avatar/Avatar.d.ts

@@ -7,9 +7,9 @@ declare const avatarVariants: import("tailwind-variants").TVReturnType<{
     [key: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
       icon?: import("tailwind-merge").ClassNameValue;
+      name?: import("tailwind-merge").ClassNameValue;
       img?: import("tailwind-merge").ClassNameValue;
       fallback?: import("tailwind-merge").ClassNameValue;
-      name?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {
@@ -17,9 +17,9 @@ declare const avatarVariants: import("tailwind-variants").TVReturnType<{
     [x: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
       icon?: import("tailwind-merge").ClassNameValue;
+      name?: import("tailwind-merge").ClassNameValue;
       img?: import("tailwind-merge").ClassNameValue;
       fallback?: import("tailwind-merge").ClassNameValue;
-      name?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {
@@ -33,9 +33,9 @@ declare const avatarVariants: import("tailwind-variants").TVReturnType<{
     [key: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
       icon?: import("tailwind-merge").ClassNameValue;
+      name?: import("tailwind-merge").ClassNameValue;
       img?: import("tailwind-merge").ClassNameValue;
       fallback?: import("tailwind-merge").ClassNameValue;
-      name?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {

package/dist/Breadcrumb/Breadcrumb.d.cts

@@ -6,22 +6,22 @@ declare const breadcrumbVariants: import("tailwind-variants").TVReturnType<{
   [key: string]: {
     [key: string]: import("tailwind-merge").ClassNameValue | {
       nav?: import("tailwind-merge").ClassNameValue;
-      ellipsis?: import("tailwind-merge").ClassNameValue;
-      item?: import("tailwind-merge").ClassNameValue;
-      itemBase?: import("tailwind-merge").ClassNameValue;
       list?: import("tailwind-merge").ClassNameValue;
       separator?: import("tailwind-merge").ClassNameValue;
+      item?: import("tailwind-merge").ClassNameValue;
+      ellipsis?: import("tailwind-merge").ClassNameValue;
+      itemBase?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {
   [x: string]: {
     [x: string]: import("tailwind-merge").ClassNameValue | {
       nav?: import("tailwind-merge").ClassNameValue;
-      ellipsis?: import("tailwind-merge").ClassNameValue;
-      item?: import("tailwind-merge").ClassNameValue;
-      itemBase?: import("tailwind-merge").ClassNameValue;
       list?: import("tailwind-merge").ClassNameValue;
       separator?: import("tailwind-merge").ClassNameValue;
+      item?: import("tailwind-merge").ClassNameValue;
+      ellipsis?: import("tailwind-merge").ClassNameValue;
+      itemBase?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {
@@ -35,11 +35,11 @@ declare const breadcrumbVariants: import("tailwind-variants").TVReturnType<{
   [key: string]: {
     [key: string]: import("tailwind-merge").ClassNameValue | {
       nav?: import("tailwind-merge").ClassNameValue;
-      ellipsis?: import("tailwind-merge").ClassNameValue;
-      item?: import("tailwind-merge").ClassNameValue;
-      itemBase?: import("tailwind-merge").ClassNameValue;
       list?: import("tailwind-merge").ClassNameValue;
       separator?: import("tailwind-merge").ClassNameValue;
+      item?: import("tailwind-merge").ClassNameValue;
+      ellipsis?: import("tailwind-merge").ClassNameValue;
+      itemBase?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {

package/dist/Breadcrumb/Breadcrumb.d.ts

@@ -6,22 +6,22 @@ declare const breadcrumbVariants: import("tailwind-variants").TVReturnType<{
   [key: string]: {
     [key: string]: import("tailwind-merge").ClassNameValue | {
       nav?: import("tailwind-merge").ClassNameValue;
-      ellipsis?: import("tailwind-merge").ClassNameValue;
-      item?: import("tailwind-merge").ClassNameValue;
-      itemBase?: import("tailwind-merge").ClassNameValue;
       list?: import("tailwind-merge").ClassNameValue;
       separator?: import("tailwind-merge").ClassNameValue;
+      item?: import("tailwind-merge").ClassNameValue;
+      ellipsis?: import("tailwind-merge").ClassNameValue;
+      itemBase?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {
   [x: string]: {
     [x: string]: import("tailwind-merge").ClassNameValue | {
       nav?: import("tailwind-merge").ClassNameValue;
-      ellipsis?: import("tailwind-merge").ClassNameValue;
-      item?: import("tailwind-merge").ClassNameValue;
-      itemBase?: import("tailwind-merge").ClassNameValue;
       list?: import("tailwind-merge").ClassNameValue;
       separator?: import("tailwind-merge").ClassNameValue;
+      item?: import("tailwind-merge").ClassNameValue;
+      ellipsis?: import("tailwind-merge").ClassNameValue;
+      itemBase?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {
@@ -35,11 +35,11 @@ declare const breadcrumbVariants: import("tailwind-variants").TVReturnType<{
   [key: string]: {
     [key: string]: import("tailwind-merge").ClassNameValue | {
       nav?: import("tailwind-merge").ClassNameValue;
-      ellipsis?: import("tailwind-merge").ClassNameValue;
-      item?: import("tailwind-merge").ClassNameValue;
-      itemBase?: import("tailwind-merge").ClassNameValue;
       list?: import("tailwind-merge").ClassNameValue;
       separator?: import("tailwind-merge").ClassNameValue;
+      item?: import("tailwind-merge").ClassNameValue;
+      ellipsis?: import("tailwind-merge").ClassNameValue;
+      itemBase?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {

package/dist/Card/Card.d.cts

@@ -7,9 +7,9 @@ declare const cardVariants: import("tailwind-variants").TVReturnType<{
     [key: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
       body?: import("tailwind-merge").ClassNameValue;
-      divider?: import("tailwind-merge").ClassNameValue;
       footer?: import("tailwind-merge").ClassNameValue;
       header?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {
@@ -17,9 +17,9 @@ declare const cardVariants: import("tailwind-variants").TVReturnType<{
     [x: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
       body?: import("tailwind-merge").ClassNameValue;
-      divider?: import("tailwind-merge").ClassNameValue;
       footer?: import("tailwind-merge").ClassNameValue;
       header?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {
@@ -33,9 +33,9 @@ declare const cardVariants: import("tailwind-variants").TVReturnType<{
     [key: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
       body?: import("tailwind-merge").ClassNameValue;
-      divider?: import("tailwind-merge").ClassNameValue;
       footer?: import("tailwind-merge").ClassNameValue;
       header?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {

package/dist/Card/Card.d.ts

@@ -7,9 +7,9 @@ declare const cardVariants: import("tailwind-variants").TVReturnType<{
     [key: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
       body?: import("tailwind-merge").ClassNameValue;
-      divider?: import("tailwind-merge").ClassNameValue;
       footer?: import("tailwind-merge").ClassNameValue;
       header?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {
@@ -17,9 +17,9 @@ declare const cardVariants: import("tailwind-variants").TVReturnType<{
     [x: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
       body?: import("tailwind-merge").ClassNameValue;
-      divider?: import("tailwind-merge").ClassNameValue;
       footer?: import("tailwind-merge").ClassNameValue;
       header?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {
@@ -33,9 +33,9 @@ declare const cardVariants: import("tailwind-variants").TVReturnType<{
     [key: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
       body?: import("tailwind-merge").ClassNameValue;
-      divider?: import("tailwind-merge").ClassNameValue;
       footer?: import("tailwind-merge").ClassNameValue;
       header?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {

package/dist/Drawer/Drawer.d.cts

@@ -10,9 +10,9 @@ declare const drawerVariants: import("tailwind-variants").TVReturnType<{
       body?: import("tailwind-merge").ClassNameValue;
       footer?: import("tailwind-merge").ClassNameValue;
       header?: import("tailwind-merge").ClassNameValue;
-      closeButton?: import("tailwind-merge").ClassNameValue;
       wrapper?: import("tailwind-merge").ClassNameValue;
       backdrop?: import("tailwind-merge").ClassNameValue;
+      closeButton?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {
@@ -22,9 +22,9 @@ declare const drawerVariants: import("tailwind-variants").TVReturnType<{
       body?: import("tailwind-merge").ClassNameValue;
       footer?: import("tailwind-merge").ClassNameValue;
       header?: import("tailwind-merge").ClassNameValue;
-      closeButton?: import("tailwind-merge").ClassNameValue;
       wrapper?: import("tailwind-merge").ClassNameValue;
       backdrop?: import("tailwind-merge").ClassNameValue;
+      closeButton?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {
@@ -42,9 +42,9 @@ declare const drawerVariants: import("tailwind-variants").TVReturnType<{
       body?: import("tailwind-merge").ClassNameValue;
       footer?: import("tailwind-merge").ClassNameValue;
       header?: import("tailwind-merge").ClassNameValue;
-      closeButton?: import("tailwind-merge").ClassNameValue;
       wrapper?: import("tailwind-merge").ClassNameValue;
       backdrop?: import("tailwind-merge").ClassNameValue;
+      closeButton?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {

package/dist/Drawer/Drawer.d.ts

@@ -10,9 +10,9 @@ declare const drawerVariants: import("tailwind-variants").TVReturnType<{
       body?: import("tailwind-merge").ClassNameValue;
       footer?: import("tailwind-merge").ClassNameValue;
       header?: import("tailwind-merge").ClassNameValue;
-      closeButton?: import("tailwind-merge").ClassNameValue;
       wrapper?: import("tailwind-merge").ClassNameValue;
       backdrop?: import("tailwind-merge").ClassNameValue;
+      closeButton?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {
@@ -22,9 +22,9 @@ declare const drawerVariants: import("tailwind-variants").TVReturnType<{
       body?: import("tailwind-merge").ClassNameValue;
       footer?: import("tailwind-merge").ClassNameValue;
       header?: import("tailwind-merge").ClassNameValue;
-      closeButton?: import("tailwind-merge").ClassNameValue;
       wrapper?: import("tailwind-merge").ClassNameValue;
       backdrop?: import("tailwind-merge").ClassNameValue;
+      closeButton?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {
@@ -42,9 +42,9 @@ declare const drawerVariants: import("tailwind-variants").TVReturnType<{
       body?: import("tailwind-merge").ClassNameValue;
       footer?: import("tailwind-merge").ClassNameValue;
       header?: import("tailwind-merge").ClassNameValue;
-      closeButton?: import("tailwind-merge").ClassNameValue;
       wrapper?: import("tailwind-merge").ClassNameValue;
       backdrop?: import("tailwind-merge").ClassNameValue;
+      closeButton?: import("tailwind-merge").ClassNameValue;
     };
   };
 } | {}, {

package/dist/Json/Json.cjs

@@ -1,5 +1,5 @@
 require("../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.42_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/index.cjs");
+const require_index = require("../node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.43_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/index.cjs");
 const require_jsonParser = require("./jsonParser.cjs");
 const require_CopiedRenderer = require("./subcomponents/CopiedRenderer.cjs");
 const require_ErrorRenderer = require("./subcomponents/ErrorRenderer.cjs");

package/dist/Json/Json.js

@@ -1,4 +1,4 @@
-import JsonView from "../node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.42_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/index.js";
+import JsonView from "../node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.43_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/index.js";
 import { getValue } from "./jsonParser.js";
 import CopiedRenderer from "./subcomponents/CopiedRenderer.js";
 import ErrorRenderer from "./subcomponents/ErrorRenderer.js";

package/dist/Json/subcomponents/CopiedRenderer.cjs

@@ -1,5 +1,5 @@
 require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.42_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/index.cjs");
+const require_index = require("../../node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.43_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/index.cjs");
 let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react_icons_hi = require("react-icons/hi");

package/dist/Json/subcomponents/CopiedRenderer.js

@@ -1,4 +1,4 @@
-import JsonView from "../../node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.42_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/index.js";
+import JsonView from "../../node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.43_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/index.js";
 import { cn } from "@fuf-stack/pixel-utils";
 import { jsx } from "react/jsx-runtime";
 import { HiOutlineClipboard, HiOutlineClipboardCheck } from "react-icons/hi";

package/dist/Json/subcomponents/NullRenderer.cjs

@@ -1,5 +1,5 @@
 require("../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.42_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/index.cjs");
+const require_index = require("../../node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.43_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/index.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/Json/subcomponents/NullRenderer.tsx
 /**

package/dist/Json/subcomponents/NullRenderer.js

@@ -1,4 +1,4 @@
-import JsonView from "../../node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.42_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/index.js";
+import JsonView from "../../node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.43_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/index.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/Json/subcomponents/NullRenderer.tsx
 /**