@object-ui/components 5.1.1 → 5.2.1

package/dist/packages/components/src/custom/index.d.ts

@@ -18,6 +18,7 @@ export * from './sort-builder';
 export * from './grouping-editor';
 export * from './action-param-dialog';
 export * from './view-skeleton';
+export * from './shimmer-skeleton';
 export * from './RecordTitleChip';
 export * from './refresh-indicator';
 export * from './view-states';

package/dist/packages/components/src/custom/shimmer-skeleton.d.ts

@@ -0,0 +1,32 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import * as React from "react";
+/**
+ * `ShimmerSkeleton` — drop-in replacement for `Skeleton` with a Linear /
+ * Notion-style shimmer effect instead of the default pulse.
+ *
+ * Why: the canonical `Skeleton` from `ui/skeleton.tsx` uses
+ * `animate-pulse`, which fades opacity uniformly. That reads as "this
+ * page is loading" but doesn't suggest direction or progress. A
+ * left-to-right shimmer is the modern enterprise-app convention and
+ * subjectively feels faster.
+ *
+ * Requires the `@keyframes shimmer` + `@utility animate-shimmer`
+ * declarations in `@object-ui/app-shell/styles.css` (already imported
+ * by every host app).
+ *
+ * Respects `prefers-reduced-motion` automatically: the shimmer is
+ * applied via `motion-safe:`, so reduced-motion users see a static
+ * muted block that still communicates "loading" via shape.
+ *
+ * @example
+ * <ShimmerSkeleton className="h-4 w-32 rounded-md" />
+ */
+export interface ShimmerSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare function ShimmerSkeleton({ className, ...props }: ShimmerSkeletonProps): import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/src/custom/view-states.d.ts

@@ -14,12 +14,37 @@ declare function DataLoadingState({ className, message, ...props }: DataLoadingS
 interface DataEmptyStateProps extends React.ComponentProps<"div"> {
     /** Icon rendered above the title */
     icon?: React.ReactNode;
+    /**
+     * Optional illustration rendered above the icon (or replacing it
+     * when the icon would have shown a generic Inbox glyph). Use for
+     * product-feel empty states — onboarding-style hero SVGs, brand
+     * illustrations, etc. Sized to roughly 96–160px by default; pass a
+     * custom `className` on the SVG to override.
+     *
+     * When `illustration` is set, the default Inbox icon is suppressed.
+     * To show BOTH a custom icon and an illustration, pass both `icon`
+     * and `illustration`.
+     */
+    illustration?: React.ReactNode;
+    /**
+     * When false, the icon container is omitted entirely. Useful for
+     * board-level / banner-style empty states that should not show a generic
+     * inbox glyph. Defaults to true.
+     */
+    showIcon?: boolean;
+    /**
+     * Override class on the icon wrapper. By default the wrapper renders as a
+     * small muted rounded square (`size-10 rounded-lg bg-muted`). Pass `""` to
+     * strip that styling and render the icon raw, or extend the look (e.g.
+     * larger size).
+     */
+    iconWrapperClassName?: string;
     title?: string;
     description?: string;
     /** Optional action rendered below the description */
     action?: React.ReactNode;
 }
-declare function DataEmptyState({ className, icon, title, description, action, children, ...props }: DataEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+declare function DataEmptyState({ className, icon, illustration, showIcon, iconWrapperClassName, title, description, action, children, ...props }: DataEmptyStateProps): import("react/jsx-runtime").JSX.Element;
 interface DataErrorStateProps extends React.ComponentProps<"div"> {
     title?: string;
     /** Error message or description */
@@ -30,4 +55,4 @@ interface DataErrorStateProps extends React.ComponentProps<"div"> {
     retryLabel?: string;
 }
 declare function DataErrorState({ className, title, message, onRetry, retryLabel, children, ...props }: DataErrorStateProps): import("react/jsx-runtime").JSX.Element;
-export { DataLoadingState, DataEmptyState, DataErrorState, type DataLoadingStateProps, type DataEmptyStateProps, type DataErrorStateProps, };
+export { DataLoadingState, DataEmptyState, DataEmptyState as EmptyState, DataErrorState, type DataLoadingStateProps, type DataEmptyStateProps, type DataEmptyStateProps as EmptyStateProps, type DataErrorStateProps, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/components",
-  "version": "5.1.1",
+  "version": "5.2.1",
   "type": "module",
   "license": "MIT",
   "description": "Standard UI component library for Object UI, built with Shadcn UI + Tailwind CSS",
@@ -69,10 +69,10 @@
     "tailwind-merge": "^3.6.0",
     "tailwindcss-animate": "^1.0.7",
     "vaul": "^1.1.2",
-    "@object-ui/core": "5.1.1",
-    "@object-ui/i18n": "5.1.1",
-    "@object-ui/react": "5.1.1",
-    "@object-ui/types": "5.1.1"
+    "@object-ui/core": "5.2.1",
+    "@object-ui/i18n": "5.2.1",
+    "@object-ui/react": "5.2.1",
+    "@object-ui/types": "5.2.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",