@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/utils/createWithSuspense/index.js

@@ -1,8 +1,2 @@
-import {
-  createWithSuspense
-} from "../../chunk-U5J6GTQE.js";
-import "../../chunk-OAIRL2FN.js";
-export {
-  createWithSuspense
-};
-//# sourceMappingURL=index.js.map
+import { createWithSuspense } from "./createWithSuspense.js";
+export { createWithSuspense };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Fröhlich ∧ Frei",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -85,8 +85,8 @@
       "require": "./dist/Json/index.cjs"
     },
     "./Json.css": {
-      "import": "./dist/Json/index.css",
-      "require": "./dist/Json/index.css"
+      "import": "./dist/Json/theme.css",
+      "require": "./dist/Json/theme.css"
     },
     "./Label": {
       "types": "./dist/Label/index.d.ts",
@@ -175,7 +175,7 @@
     "url": "https://github.com/fuf-stack/pixels/issues"
   },
   "scripts": {
-    "build": "tsup --config node_modules/@repo/tsup-config/config.ts --dts-resolve",
+    "build": "tsdown",
     "prepack": "pnpm build",
     "test": "vitest ./src"
   },
@@ -185,41 +185,42 @@
   },
   "dependencies": {
     "@fuf-stack/pixel-motion": "1.2.0",
-    "@fuf-stack/pixel-utils": "1.2.0",
-    "@heroui/accordion": "2.2.21",
-    "@heroui/alert": "2.2.24",
-    "@heroui/avatar": "2.2.20",
-    "@heroui/badge": "2.2.15",
-    "@heroui/breadcrumbs": "2.2.20",
-    "@heroui/button": "2.2.24",
-    "@heroui/card": "2.2.23",
-    "@heroui/chip": "2.2.20",
-    "@heroui/divider": "2.2.17",
-    "@heroui/drawer": "2.2.21",
-    "@heroui/dropdown": "2.3.24",
-    "@heroui/input": "2.4.25",
-    "@heroui/modal": "2.2.21",
-    "@heroui/popover": "2.3.24",
-    "@heroui/progress": "2.2.20",
-    "@heroui/scroll-shadow": "2.3.16",
-    "@heroui/system": "2.4.20",
-    "@heroui/table": "2.2.24",
-    "@heroui/tabs": "2.2.21",
-    "@heroui/theme": "2.4.20",
-    "@heroui/toast": "2.0.14",
-    "@heroui/tooltip": "2.2.21",
+    "@fuf-stack/pixel-utils": "1.3.0",
+    "@heroui/accordion": "2.2.29",
+    "@heroui/alert": "2.2.32",
+    "@heroui/avatar": "2.2.26",
+    "@heroui/badge": "2.2.18",
+    "@heroui/breadcrumbs": "2.2.25",
+    "@heroui/button": "2.2.32",
+    "@heroui/card": "2.2.28",
+    "@heroui/chip": "2.2.25",
+    "@heroui/divider": "2.2.24",
+    "@heroui/drawer": "2.2.29",
+    "@heroui/dropdown": "2.3.32",
+    "@heroui/input": "2.4.33",
+    "@heroui/modal": "2.2.29",
+    "@heroui/popover": "2.3.32",
+    "@heroui/progress": "2.2.25",
+    "@heroui/scroll-shadow": "2.3.19",
+    "@heroui/system": "2.4.28",
+    "@heroui/table": "2.2.32",
+    "@heroui/tabs": "2.2.29",
+    "@heroui/theme": "2.4.26",
+    "@heroui/toast": "2.0.22",
+    "@heroui/tooltip": "2.2.29",
     "framer-motion": "12.38.0",
     "next-themes": "0.4.6",
     "react-icons": "5.6.0",
     "sonner": "2.0.7"
   },
   "devDependencies": {
+    "@tsdown/css": "0.22.0",
     "@types/debug": "4.1.13",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "@uiw/react-json-view": "2.0.0-alpha.41",
-    "react": "19.2.4",
-    "react-dom": "19.2.4"
+    "@uiw/react-json-view": "2.0.0-alpha.42",
+    "react": "19.2.6",
+    "react-dom": "19.2.6"
   },
-  "gitHead": "c5f4c34f2ade7b4858f759fcd65ab41661b6790c"
-}
+  "gitHead": "cc422600dec1cf097eddb3700a7704c7289e4670"
+}

package/dist/Accordion-BX1Npq3Q.d.cts

@@ -1,140 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants from 'tailwind-variants';
-import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { DividerProps } from '@heroui/divider';
-import { ReactNode } from 'react';
-
-declare const accordionVariants: tailwind_variants.TVReturnType<{
-    indicatorLeft: {
-        true: {
-            content: string;
-            indicator: string;
-            trigger: string;
-        };
-    };
-    showDivider: {
-        true: {
-            wrapper: string;
-        };
-    };
-    showBottomTopDivider: {
-        true: {
-            wrapper: string;
-        };
-    };
-}, {
-    base: string;
-    content: string;
-    heading: string;
-    indicator: string;
-    startContent: string;
-    subtitle: string;
-    title: string;
-    titleWrapper: string;
-    trigger: string;
-    wrapper: string;
-}, undefined, {
-    indicatorLeft: {
-        true: {
-            content: string;
-            indicator: string;
-            trigger: string;
-        };
-    };
-    showDivider: {
-        true: {
-            wrapper: string;
-        };
-    };
-    showBottomTopDivider: {
-        true: {
-            wrapper: string;
-        };
-    };
-}, {
-    base: string;
-    content: string;
-    heading: string;
-    indicator: string;
-    startContent: string;
-    subtitle: string;
-    title: string;
-    titleWrapper: string;
-    trigger: string;
-    wrapper: string;
-}, tailwind_variants.TVReturnType<{
-    indicatorLeft: {
-        true: {
-            content: string;
-            indicator: string;
-            trigger: string;
-        };
-    };
-    showDivider: {
-        true: {
-            wrapper: string;
-        };
-    };
-    showBottomTopDivider: {
-        true: {
-            wrapper: string;
-        };
-    };
-}, {
-    base: string;
-    content: string;
-    heading: string;
-    indicator: string;
-    startContent: string;
-    subtitle: string;
-    title: string;
-    titleWrapper: string;
-    trigger: string;
-    wrapper: string;
-}, undefined, unknown, unknown, undefined>>;
-interface AccordionItemProps {
-    /** Content of the accordion item */
-    children: ReactNode;
-    /** Disables the accordion item */
-    disabled?: boolean;
-    /** Accordion item title */
-    title: ReactNode;
-    /** Accordion item subtitle */
-    subtitle?: ReactNode;
-}
-type VariantProps = TVProps<typeof accordionVariants>;
-type ClassName = TVClassName<typeof accordionVariants>;
-interface AccordionProps extends VariantProps {
-    /** Props for AccordionItems, will render the accordion items programmatically */
-    accordionItems: AccordionItemProps[];
-    /** CSS class name */
-    className?: ClassName;
-    /** Array of keys for the AccordionItem(s) to be expanded by default */
-    defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;
-    /** Disables the Accordion */
-    disabled?: boolean;
-    /** Array of keys for the AccordionItems to disable */
-    disabledKeys?: Iterable<number | string>;
-    /** Force always one AccordionItem to be open. */
-    disallowEmptySelection?: boolean;
-    /** props for styling the Divider */
-    dividerProps?: DividerProps;
-    /** Hide the expanded/collapsed indicator icon */
-    hideIndicator?: boolean;
-    /** Callback function for when a Accordion Item is expanded or collapsed */
-    onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;
-    /** Selected keys (controlled) */
-    selectedKeys?: undefined | 'all' | Iterable<number | string>;
-    /** Set whether multiple or only a single AccordionItems can be expanded */
-    selectionMode?: 'single' | 'multiple';
-    /** Enable or disable the divider between each AccordionItem */
-    showDivider?: boolean;
-    /** Style variant of the Accordion */
-    variant?: 'light' | 'shadow' | 'bordered' | 'splitted';
-}
-/**
- * Accordion component based on [HeroUI Accordion](https://www.heroui.com//docs/components/accordion)
- */
-declare const Accordion: ({ accordionItems, className: _className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, indicatorLeft, onSelectionChange, selectedKeys, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
-
-export { Accordion as A, accordionVariants as a, type AccordionProps as b, type AccordionItemProps as c };

package/dist/Accordion-BX1Npq3Q.d.ts

@@ -1,140 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants from 'tailwind-variants';
-import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { DividerProps } from '@heroui/divider';
-import { ReactNode } from 'react';
-
-declare const accordionVariants: tailwind_variants.TVReturnType<{
-    indicatorLeft: {
-        true: {
-            content: string;
-            indicator: string;
-            trigger: string;
-        };
-    };
-    showDivider: {
-        true: {
-            wrapper: string;
-        };
-    };
-    showBottomTopDivider: {
-        true: {
-            wrapper: string;
-        };
-    };
-}, {
-    base: string;
-    content: string;
-    heading: string;
-    indicator: string;
-    startContent: string;
-    subtitle: string;
-    title: string;
-    titleWrapper: string;
-    trigger: string;
-    wrapper: string;
-}, undefined, {
-    indicatorLeft: {
-        true: {
-            content: string;
-            indicator: string;
-            trigger: string;
-        };
-    };
-    showDivider: {
-        true: {
-            wrapper: string;
-        };
-    };
-    showBottomTopDivider: {
-        true: {
-            wrapper: string;
-        };
-    };
-}, {
-    base: string;
-    content: string;
-    heading: string;
-    indicator: string;
-    startContent: string;
-    subtitle: string;
-    title: string;
-    titleWrapper: string;
-    trigger: string;
-    wrapper: string;
-}, tailwind_variants.TVReturnType<{
-    indicatorLeft: {
-        true: {
-            content: string;
-            indicator: string;
-            trigger: string;
-        };
-    };
-    showDivider: {
-        true: {
-            wrapper: string;
-        };
-    };
-    showBottomTopDivider: {
-        true: {
-            wrapper: string;
-        };
-    };
-}, {
-    base: string;
-    content: string;
-    heading: string;
-    indicator: string;
-    startContent: string;
-    subtitle: string;
-    title: string;
-    titleWrapper: string;
-    trigger: string;
-    wrapper: string;
-}, undefined, unknown, unknown, undefined>>;
-interface AccordionItemProps {
-    /** Content of the accordion item */
-    children: ReactNode;
-    /** Disables the accordion item */
-    disabled?: boolean;
-    /** Accordion item title */
-    title: ReactNode;
-    /** Accordion item subtitle */
-    subtitle?: ReactNode;
-}
-type VariantProps = TVProps<typeof accordionVariants>;
-type ClassName = TVClassName<typeof accordionVariants>;
-interface AccordionProps extends VariantProps {
-    /** Props for AccordionItems, will render the accordion items programmatically */
-    accordionItems: AccordionItemProps[];
-    /** CSS class name */
-    className?: ClassName;
-    /** Array of keys for the AccordionItem(s) to be expanded by default */
-    defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;
-    /** Disables the Accordion */
-    disabled?: boolean;
-    /** Array of keys for the AccordionItems to disable */
-    disabledKeys?: Iterable<number | string>;
-    /** Force always one AccordionItem to be open. */
-    disallowEmptySelection?: boolean;
-    /** props for styling the Divider */
-    dividerProps?: DividerProps;
-    /** Hide the expanded/collapsed indicator icon */
-    hideIndicator?: boolean;
-    /** Callback function for when a Accordion Item is expanded or collapsed */
-    onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;
-    /** Selected keys (controlled) */
-    selectedKeys?: undefined | 'all' | Iterable<number | string>;
-    /** Set whether multiple or only a single AccordionItems can be expanded */
-    selectionMode?: 'single' | 'multiple';
-    /** Enable or disable the divider between each AccordionItem */
-    showDivider?: boolean;
-    /** Style variant of the Accordion */
-    variant?: 'light' | 'shadow' | 'bordered' | 'splitted';
-}
-/**
- * Accordion component based on [HeroUI Accordion](https://www.heroui.com//docs/components/accordion)
- */
-declare const Accordion: ({ accordionItems, className: _className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, indicatorLeft, onSelectionChange, selectedKeys, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
-
-export { Accordion as A, accordionVariants as a, type AccordionProps as b, type AccordionItemProps as c };

package/dist/Alert-CWjAMyih.d.cts

@@ -1,145 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants from 'tailwind-variants';
-import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { ReactNode } from 'react';
-
-declare const alertVariants: tailwind_variants.TVReturnType<{
-    hasTitleAndChildren: {
-        true: {
-            iconWrapper: string;
-        };
-    };
-    variant: {
-        danger: {
-            base: string;
-        };
-        default: {
-            base: string;
-        };
-        info: {
-            alertIcon: string;
-            base: string;
-            closeButton: string;
-            description: string;
-            iconWrapper: string;
-            mainWrapper: string;
-            title: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    title: string;
-    description: string;
-    mainWrapper: string;
-    closeButton: string;
-    iconWrapper: string;
-    alertIcon: string;
-}, undefined, {
-    hasTitleAndChildren: {
-        true: {
-            iconWrapper: string;
-        };
-    };
-    variant: {
-        danger: {
-            base: string;
-        };
-        default: {
-            base: string;
-        };
-        info: {
-            alertIcon: string;
-            base: string;
-            closeButton: string;
-            description: string;
-            iconWrapper: string;
-            mainWrapper: string;
-            title: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    title: string;
-    description: string;
-    mainWrapper: string;
-    closeButton: string;
-    iconWrapper: string;
-    alertIcon: string;
-}, tailwind_variants.TVReturnType<{
-    hasTitleAndChildren: {
-        true: {
-            iconWrapper: string;
-        };
-    };
-    variant: {
-        danger: {
-            base: string;
-        };
-        default: {
-            base: string;
-        };
-        info: {
-            alertIcon: string;
-            base: string;
-            closeButton: string;
-            description: string;
-            iconWrapper: string;
-            mainWrapper: string;
-            title: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    title: string;
-    description: string;
-    mainWrapper: string;
-    closeButton: string;
-    iconWrapper: string;
-    alertIcon: string;
-}, undefined, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof alertVariants>;
-type ClassName = TVClassName<typeof alertVariants>;
-interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {
-    /** Content displayed inside the Alert if no description is given! */
-    children?: ReactNode;
-    /** CSS class name */
-    className?: ClassName;
-    /** Content displayed at the end of the Alert */
-    endContent?: ReactNode;
-    /** Icon displayed at the start of the Alert */
-    icon?: ReactNode;
-    /** Whether the Alert can be closed */
-    closable?: boolean;
-    /** Callback fired when the close button is clicked */
-    onClose?: () => void;
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-    /** Title displayed in the Alert above the content */
-    title?: ReactNode;
-    /** Style variant of the Alert */
-    variant?: VariantProps['variant'];
-}
-/**
- * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)
- */
-declare const Alert: ({ children, className, endContent, icon, closable, onClose, testId, title, variant, }: AlertProps) => react_jsx_runtime.JSX.Element;
-
-export { Alert as A, alertVariants as a, type AlertProps as b };

package/dist/Alert-CWjAMyih.d.ts

@@ -1,145 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as tailwind_variants from 'tailwind-variants';
-import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { ReactNode } from 'react';
-
-declare const alertVariants: tailwind_variants.TVReturnType<{
-    hasTitleAndChildren: {
-        true: {
-            iconWrapper: string;
-        };
-    };
-    variant: {
-        danger: {
-            base: string;
-        };
-        default: {
-            base: string;
-        };
-        info: {
-            alertIcon: string;
-            base: string;
-            closeButton: string;
-            description: string;
-            iconWrapper: string;
-            mainWrapper: string;
-            title: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    title: string;
-    description: string;
-    mainWrapper: string;
-    closeButton: string;
-    iconWrapper: string;
-    alertIcon: string;
-}, undefined, {
-    hasTitleAndChildren: {
-        true: {
-            iconWrapper: string;
-        };
-    };
-    variant: {
-        danger: {
-            base: string;
-        };
-        default: {
-            base: string;
-        };
-        info: {
-            alertIcon: string;
-            base: string;
-            closeButton: string;
-            description: string;
-            iconWrapper: string;
-            mainWrapper: string;
-            title: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    title: string;
-    description: string;
-    mainWrapper: string;
-    closeButton: string;
-    iconWrapper: string;
-    alertIcon: string;
-}, tailwind_variants.TVReturnType<{
-    hasTitleAndChildren: {
-        true: {
-            iconWrapper: string;
-        };
-    };
-    variant: {
-        danger: {
-            base: string;
-        };
-        default: {
-            base: string;
-        };
-        info: {
-            alertIcon: string;
-            base: string;
-            closeButton: string;
-            description: string;
-            iconWrapper: string;
-            mainWrapper: string;
-            title: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    title: string;
-    description: string;
-    mainWrapper: string;
-    closeButton: string;
-    iconWrapper: string;
-    alertIcon: string;
-}, undefined, unknown, unknown, undefined>>;
-type VariantProps = TVProps<typeof alertVariants>;
-type ClassName = TVClassName<typeof alertVariants>;
-interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {
-    /** Content displayed inside the Alert if no description is given! */
-    children?: ReactNode;
-    /** CSS class name */
-    className?: ClassName;
-    /** Content displayed at the end of the Alert */
-    endContent?: ReactNode;
-    /** Icon displayed at the start of the Alert */
-    icon?: ReactNode;
-    /** Whether the Alert can be closed */
-    closable?: boolean;
-    /** Callback fired when the close button is clicked */
-    onClose?: () => void;
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-    /** Title displayed in the Alert above the content */
-    title?: ReactNode;
-    /** Style variant of the Alert */
-    variant?: VariantProps['variant'];
-}
-/**
- * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)
- */
-declare const Alert: ({ children, className, endContent, icon, closable, onClose, testId, title, variant, }: AlertProps) => react_jsx_runtime.JSX.Element;
-
-export { Alert as A, alertVariants as a, type AlertProps as b };