@vinyasa/feedback 1.0.21

package/dist/esm/components/loading-overlay/LoadingOverlay.d.ts

@@ -0,0 +1,11 @@
+import { type BoxProps } from '@vinyasa/layout/box';
+import { type ReactNode } from 'react';
+export type LoadingOverlayProps = Omit<BoxProps, 'children'> & {
+    visible: boolean;
+    children?: ReactNode;
+};
+declare const LoadingOverlay: import("react").ForwardRefExoticComponent<Omit<BoxProps, "children"> & {
+    visible: boolean;
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;
+export default LoadingOverlay;

package/dist/esm/components/loading-overlay/index.d.ts

@@ -0,0 +1 @@
+export { default, type LoadingOverlayProps } from './LoadingOverlay';

package/dist/esm/components/progress-bar/ProgressBar.css.d.ts

@@ -0,0 +1,2 @@
+export declare const track: string;
+export declare const fill: string;

package/dist/esm/components/progress-bar/ProgressBar.d.ts

@@ -0,0 +1,12 @@
+import { type BoxProps } from '@vinyasa/layout/box';
+export type ProgressBarProps = Omit<BoxProps, 'children'> & {
+    /** Current progress, 0-max. */
+    value: number;
+    max?: number;
+};
+declare const ProgressBar: import("react").ForwardRefExoticComponent<Omit<BoxProps, "children"> & {
+    /** Current progress, 0-max. */
+    value: number;
+    max?: number;
+} & import("react").RefAttributes<HTMLElement>>;
+export default ProgressBar;

package/dist/esm/components/progress-bar/index.d.ts

@@ -0,0 +1 @@
+export { default, type ProgressBarProps } from './ProgressBar';

package/dist/esm/components/skeleton/Skeleton.css.d.ts

@@ -0,0 +1,15 @@
+export declare const skeleton: import("@vanilla-extract/recipes").RuntimeFn<{
+    circle: {
+        true: {
+            borderRadius: `var(--${string})`;
+        };
+    };
+    animate: {
+        true: {
+            animation: `${string} 1.5s ease-in-out infinite`;
+        };
+    };
+}>;
+export declare const wrapper: string;
+export declare const overlay: string;
+export declare const hiddenContent: string;

package/dist/esm/components/skeleton/Skeleton.d.ts

@@ -0,0 +1,35 @@
+import type { RecipeVariants } from '@vanilla-extract/recipes';
+import { type BoxProps } from '@vinyasa/layout/box';
+import { type ReactNode } from 'react';
+import { skeleton } from './Skeleton.css';
+type SkeletonVariants = RecipeVariants<typeof skeleton>;
+export type SkeletonProps = Omit<BoxProps, 'children'> & SkeletonVariants & {
+    width?: string | number;
+    height?: string | number;
+    /**
+     * Wrap real content instead of standing in for a fixed-size rectangle —
+     * the skeleton overlays it at its natural size until `visible` is
+     * false, so the same markup works for both the loading and loaded
+     * state (same pattern as Mantine's Skeleton).
+     */
+    children?: ReactNode;
+    /** Only meaningful with `children`. Defaults to true — pass false once loaded. */
+    visible?: boolean;
+};
+declare const Skeleton: import("react").ForwardRefExoticComponent<Omit<BoxProps, "children"> & {
+    circle?: boolean | undefined;
+    animate?: boolean | undefined;
+} & {
+    width?: string | number;
+    height?: string | number;
+    /**
+     * Wrap real content instead of standing in for a fixed-size rectangle —
+     * the skeleton overlays it at its natural size until `visible` is
+     * false, so the same markup works for both the loading and loaded
+     * state (same pattern as Mantine's Skeleton).
+     */
+    children?: ReactNode;
+    /** Only meaningful with `children`. Defaults to true — pass false once loaded. */
+    visible?: boolean;
+} & import("react").RefAttributes<HTMLElement>>;
+export default Skeleton;

package/dist/esm/components/skeleton/index.d.ts

@@ -0,0 +1 @@
+export { default, type SkeletonProps } from './Skeleton';

package/dist/esm/components/spinner/Spinner.css.d.ts

@@ -0,0 +1,16 @@
+export declare const spinner: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        sm: {
+            width: "1rem";
+            height: "1rem";
+        };
+        md: {
+            width: "1.5rem";
+            height: "1.5rem";
+        };
+        lg: {
+            width: "2rem";
+            height: "2rem";
+        };
+    };
+}>;

package/dist/esm/components/spinner/Spinner.d.ts

@@ -0,0 +1,10 @@
+import type { RecipeVariants } from '@vanilla-extract/recipes';
+import { type ComponentPropsWithoutRef } from 'react';
+import { type SpacingProps } from '../../spacing';
+import { spinner } from './Spinner.css';
+type SpinnerVariants = RecipeVariants<typeof spinner>;
+export type SpinnerProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & SpinnerVariants & SpacingProps;
+declare const Spinner: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & {
+    size?: "lg" | "sm" | "md" | undefined;
+} & SpacingProps & import("react").RefAttributes<HTMLSpanElement>>;
+export default Spinner;

package/dist/esm/components/spinner/index.d.ts

@@ -0,0 +1 @@
+export { default, type SpinnerProps } from './Spinner';

package/dist/esm/components/toaster/ToastItemView.d.ts

@@ -0,0 +1,7 @@
+import { type ToastItem } from './toastStore';
+export interface ToastItemViewProps extends ToastItem {
+    /** Which edge the stack is anchored to — decides which way this animates. */
+    edge: 'top' | 'bottom';
+}
+declare const ToastItemView: ({ id, status, title: itemTitle, description: itemDescription, duration, exiting, edge, }: ToastItemViewProps) => import("react").JSX.Element;
+export default ToastItemView;

package/dist/esm/components/toaster/Toaster.css.d.ts

@@ -0,0 +1,59 @@
+export declare const stack: import("@vanilla-extract/recipes").RuntimeFn<{
+    position: {
+        'top-left': {
+            top: `var(--${string})`;
+            left: `var(--${string})`;
+        };
+        'top-center': {
+            top: `var(--${string})`;
+            left: "50%";
+            transform: "translateX(-50%)";
+        };
+        'top-right': {
+            top: `var(--${string})`;
+            right: `var(--${string})`;
+        };
+        'bottom-left': {
+            bottom: `var(--${string})`;
+            left: `var(--${string})`;
+        };
+        'bottom-center': {
+            bottom: `var(--${string})`;
+            left: "50%";
+            transform: "translateX(-50%)";
+        };
+        'bottom-right': {
+            bottom: `var(--${string})`;
+            right: `var(--${string})`;
+        };
+    };
+}>;
+export declare const toastCard: import("@vanilla-extract/recipes").RuntimeFn<{
+    status: {
+        info: {
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        success: {
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        warning: {
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+        error: {
+            backgroundColor: `var(--${string})`;
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const enterFromTop: string;
+export declare const enterFromBottom: string;
+export declare const exitToTop: string;
+export declare const exitToBottom: string;
+export declare const icon: string;
+export declare const body: string;
+export declare const title: string;
+export declare const description: string;
+export declare const closeButton: string;

package/dist/esm/components/toaster/Toaster.d.ts

@@ -0,0 +1,10 @@
+export type ToasterPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface ToasterProps {
+    /** Defaults to 'bottom-right'. */
+    position?: ToasterPosition;
+}
+declare const Toaster: {
+    ({ position }: ToasterProps): import("react").JSX.Element;
+    displayName: string;
+};
+export default Toaster;

package/dist/esm/components/toaster/index.d.ts

@@ -0,0 +1,2 @@
+export { default, type ToasterPosition, type ToasterProps } from './Toaster';
+export { toast, type ToastItem, type ToastOptions } from './toastStore';

package/dist/esm/components/toaster/toastStore.d.ts

@@ -0,0 +1,25 @@
+import type { Status } from '../../status';
+export interface ToastOptions {
+    status?: Status;
+    title: string;
+    description?: string;
+    /** Milliseconds before auto-dismiss. 0 disables auto-dismiss. Defaults to 4000. */
+    duration?: number;
+}
+export interface ToastItem {
+    id: string;
+    status: Status;
+    title: string;
+    description?: string;
+    duration: number;
+    /** True while playing its exit animation, just before actual removal. */
+    exiting: boolean;
+}
+export declare const TOAST_EXIT_DURATION_MS = 150;
+export declare const subscribe: (listener: () => void) => (() => void);
+export declare const getSnapshot: () => ToastItem[];
+export declare const dismiss: (id: string) => void;
+export declare const toast: {
+    show: (options: ToastOptions) => string;
+    dismiss: (id: string) => void;
+};

package/dist/esm/empty-state.d.ts

@@ -0,0 +1,2 @@
+export * from './components/empty-state/index';
+export { default } from './components/empty-state/index';

package/dist/esm/empty-state.js

@@ -0,0 +1 @@
+export { EmptyState as default } from "./288.js";

package/dist/esm/error-boundary.d.ts

@@ -0,0 +1,2 @@
+export * from './components/error-boundary/index';
+export { default } from './components/error-boundary/index';

package/dist/esm/error-boundary.js

@@ -0,0 +1 @@
+export { ErrorBoundary as default } from "./880.js";

package/dist/esm/index.d.ts

@@ -0,0 +1,12 @@
+export { default as Alert, type AlertProps } from './components/alert';
+export { default as Banner, type BannerProps } from './components/banner';
+export { default as CircularProgress, type CircularProgressProps, } from './components/circular-progress';
+export { default as EmptyState, type EmptyStateProps } from './components/empty-state';
+export { default as ErrorBoundary, type ErrorBoundaryFallbackProps, type ErrorBoundaryProps, } from './components/error-boundary';
+export { default as InlineMessage, type InlineMessageProps } from './components/inline-message';
+export { default as LoadingOverlay, type LoadingOverlayProps } from './components/loading-overlay';
+export { default as ProgressBar, type ProgressBarProps } from './components/progress-bar';
+export { default as Skeleton, type SkeletonProps } from './components/skeleton';
+export { default as Spinner, type SpinnerProps } from './components/spinner';
+export { default as Toaster, toast, type ToasterPosition, type ToasterProps, type ToastItem, type ToastOptions, } from './components/toaster';
+export type { Status } from './status';

package/dist/esm/index.js

@@ -0,0 +1,11 @@
+export { Alert } from "./903.js";
+export { Banner } from "./989.js";
+export { CircularProgress } from "./266.js";
+export { EmptyState } from "./288.js";
+export { ErrorBoundary } from "./880.js";
+export { InlineMessage } from "./516.js";
+export { LoadingOverlay } from "./158.js";
+export { ProgressBar } from "./872.js";
+export { Skeleton } from "./495.js";
+export { Spinner } from "./703.js";
+export { Toaster, toast } from "./147.js";

package/dist/esm/inline-message.d.ts

@@ -0,0 +1,2 @@
+export * from './components/inline-message/index';
+export { default } from './components/inline-message/index';

package/dist/esm/inline-message.js

@@ -0,0 +1 @@
+export { InlineMessage as default } from "./516.js";

package/dist/esm/loading-overlay.d.ts

@@ -0,0 +1,2 @@
+export * from './components/loading-overlay/index';
+export { default } from './components/loading-overlay/index';

package/dist/esm/loading-overlay.js

@@ -0,0 +1 @@
+export { LoadingOverlay as default } from "./158.js";

package/dist/esm/polymorphic.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
+export interface PolymorphicProps extends ComponentPropsWithoutRef<'div'> {
+    as?: ElementType;
+    children?: ReactNode;
+}

package/dist/esm/progress-bar.d.ts

@@ -0,0 +1,2 @@
+export * from './components/progress-bar/index';
+export { default } from './components/progress-bar/index';

package/dist/esm/progress-bar.js

@@ -0,0 +1 @@
+export { ProgressBar as default } from "./872.js";

package/dist/esm/skeleton.d.ts

@@ -0,0 +1,2 @@
+export * from './components/skeleton/index';
+export { default } from './components/skeleton/index';

package/dist/esm/skeleton.js

@@ -0,0 +1 @@
+export { Skeleton as default } from "./495.js";

package/dist/esm/spacing.d.ts

@@ -0,0 +1,19 @@
+import type { CSSProperties } from 'react';
+export type SpaceScale = 1 | 2 | 3 | 4 | 5 | 6;
+export interface SpacingProps {
+    m?: SpaceScale;
+    mt?: SpaceScale;
+    mr?: SpaceScale;
+    mb?: SpaceScale;
+    ml?: SpaceScale;
+    mx?: SpaceScale;
+    my?: SpaceScale;
+    p?: SpaceScale;
+    pt?: SpaceScale;
+    pr?: SpaceScale;
+    pb?: SpaceScale;
+    pl?: SpaceScale;
+    px?: SpaceScale;
+    py?: SpaceScale;
+}
+export declare const resolveSpacingStyle: (props: SpacingProps) => CSSProperties;

package/dist/esm/spinner.d.ts

@@ -0,0 +1,2 @@
+export * from './components/spinner/index';
+export { default } from './components/spinner/index';

package/dist/esm/spinner.js

@@ -0,0 +1 @@
+export { Spinner as default } from "./703.js";

package/dist/esm/status.d.ts

@@ -0,0 +1,4 @@
+import { type IconProps } from '@vinyasa/icons';
+import type { ComponentType } from 'react';
+export type Status = 'info' | 'success' | 'warning' | 'error';
+export declare const statusIcons: Record<Status, ComponentType<IconProps>>;

package/dist/esm/toaster.d.ts

@@ -0,0 +1,2 @@
+export * from './components/toaster/index';
+export { default } from './components/toaster/index';

package/dist/esm/toaster.js

@@ -0,0 +1 @@
+export { Toaster as default, toast } from "./147.js";

package/package.json

@@ -0,0 +1,147 @@
+{
+  "name": "@vinyasa/feedback",
+  "version": "1.0.21",
+  "private": false,
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "!dist/**/*.map",
+    "!dist/**/__story__/**",
+    "!dist/**/__test__/**",
+    "!dist/**/*.stories.d.ts",
+    "!dist/**/*.test.d.ts"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/cjs/index.cjs",
+  "module": "./dist/esm/index.js",
+  "style": "./dist/esm/index.css",
+  "types": "./dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.js"
+    },
+    "./spinner": {
+      "types": "./dist/esm/spinner.d.ts",
+      "import": "./dist/esm/spinner.js",
+      "require": "./dist/cjs/spinner.cjs",
+      "default": "./dist/esm/spinner.js"
+    },
+    "./spinner/style.css": "./dist/esm/spinner.css",
+    "./progress-bar": {
+      "types": "./dist/esm/progress-bar.d.ts",
+      "import": "./dist/esm/progress-bar.js",
+      "require": "./dist/cjs/progress-bar.cjs",
+      "default": "./dist/esm/progress-bar.js"
+    },
+    "./progress-bar/style.css": "./dist/esm/progress-bar.css",
+    "./circular-progress": {
+      "types": "./dist/esm/circular-progress.d.ts",
+      "import": "./dist/esm/circular-progress.js",
+      "require": "./dist/cjs/circular-progress.cjs",
+      "default": "./dist/esm/circular-progress.js"
+    },
+    "./circular-progress/style.css": "./dist/esm/circular-progress.css",
+    "./alert": {
+      "types": "./dist/esm/alert.d.ts",
+      "import": "./dist/esm/alert.js",
+      "require": "./dist/cjs/alert.cjs",
+      "default": "./dist/esm/alert.js"
+    },
+    "./alert/style.css": "./dist/esm/alert.css",
+    "./banner": {
+      "types": "./dist/esm/banner.d.ts",
+      "import": "./dist/esm/banner.js",
+      "require": "./dist/cjs/banner.cjs",
+      "default": "./dist/esm/banner.js"
+    },
+    "./banner/style.css": "./dist/esm/banner.css",
+    "./inline-message": {
+      "types": "./dist/esm/inline-message.d.ts",
+      "import": "./dist/esm/inline-message.js",
+      "require": "./dist/cjs/inline-message.cjs",
+      "default": "./dist/esm/inline-message.js"
+    },
+    "./inline-message/style.css": "./dist/esm/inline-message.css",
+    "./skeleton": {
+      "types": "./dist/esm/skeleton.d.ts",
+      "import": "./dist/esm/skeleton.js",
+      "require": "./dist/cjs/skeleton.cjs",
+      "default": "./dist/esm/skeleton.js"
+    },
+    "./skeleton/style.css": "./dist/esm/skeleton.css",
+    "./loading-overlay": {
+      "types": "./dist/esm/loading-overlay.d.ts",
+      "import": "./dist/esm/loading-overlay.js",
+      "require": "./dist/cjs/loading-overlay.cjs",
+      "default": "./dist/esm/loading-overlay.js"
+    },
+    "./loading-overlay/style.css": "./dist/esm/loading-overlay.css",
+    "./empty-state": {
+      "types": "./dist/esm/empty-state.d.ts",
+      "import": "./dist/esm/empty-state.js",
+      "require": "./dist/cjs/empty-state.cjs",
+      "default": "./dist/esm/empty-state.js"
+    },
+    "./error-boundary": {
+      "types": "./dist/esm/error-boundary.d.ts",
+      "import": "./dist/esm/error-boundary.js",
+      "require": "./dist/cjs/error-boundary.cjs",
+      "default": "./dist/esm/error-boundary.js"
+    },
+    "./toaster": {
+      "types": "./dist/esm/toaster.d.ts",
+      "import": "./dist/esm/toaster.js",
+      "require": "./dist/cjs/toaster.cjs",
+      "default": "./dist/esm/toaster.js"
+    },
+    "./toaster/style.css": "./dist/esm/toaster.css",
+    "./style.css": "./dist/esm/index.css",
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@vinyasa/icons": "^1.0.21",
+    "@vinyasa/layout": "^1.0.21",
+    "@vinyasa/button": "^1.0.21",
+    "@vinyasa/tokens": "^1.0.21",
+    "@vinyasa/typography": "^1.0.21"
+  },
+  "devDependencies": {
+    "@rsbuild/plugin-react": "^2.1.0",
+    "@rslib/core": "^0.23.1",
+    "@storybook/react-vite": "^10.4.6",
+    "@types/node": "^26.0.1",
+    "@types/react": "^19.0.0",
+    "@vanilla-extract/css": "^1.21.0",
+    "@vanilla-extract/recipes": "^0.5.7",
+    "@vanilla-extract/vite-plugin": "^5.2.3",
+    "@vanilla-extract/webpack-plugin": "^2.3.27",
+    "typescript": "^5.7.3",
+    "@vinyasa/button": "1.0.21",
+    "@vinyasa/typography": "1.0.21",
+    "@vinyasa/tokens": "1.0.21",
+    "@vinyasa/icons": "1.0.21",
+    "@vinyasa/layout": "1.0.21"
+  },
+  "scripts": {
+    "build": "rslib build && node ../../scripts/postbuild-package.mjs",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "lint": "eslint --config ../../configs/eslint.config.mjs src/**/*.{ts,tsx} --ignore-pattern src/**/__story__/** --ignore-pattern src/**/__test__/**",
+    "lint:fix": "eslint --config ../../configs/eslint.config.mjs src/**/*.{ts,tsx} --ignore-pattern src/**/__story__/** --ignore-pattern src/**/__test__/** --fix",
+    "format": "prettier . --config ../../configs/prettier.config.json --ignore-path ../../configs/.prettierignore --write",
+    "format:check": "prettier . --config ../../configs/prettier.config.json --ignore-path ../../configs/.prettierignore --check",
+    "test": "vitest run --config vitest.config.ts",
+    "test:watch": "vitest --config vitest.config.ts",
+    "test:coverage": "vitest run --config vitest.config.ts --coverage",
+    "pack:check": "npm pack --dry-run"
+  }
+}