@zentauri-ui/zentauri-components 0.0.93 → 1.1.0

package/dist/ui/empty-state.js

@@ -1,10 +1,11 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+"use client";
+'use strict';
 
-var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
-
-// src/ui/empty-state/empty-state.tsx
-var _react = require('react');
-var _framermotion = require('framer-motion');
+var chunkWZ2GOU2J_js = require('../chunk-WZ2GOU2J.js');
+var react = require('react');
+var framerMotion = require('framer-motion');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
 
 // src/ui/empty-state/animations.ts
 var emptyStateAnimationPresets = {
@@ -24,34 +25,34 @@ var emptyStateAnimationPresets = {
     transition: { type: "spring", stiffness: 380, damping: 28 }
   }
 };
-
-// src/ui/empty-state/variants.ts
-var _classvarianceauthority = require('class-variance-authority');
-var emptyStateVariants = _classvarianceauthority.cva.call(void 0, "flex w-full flex-col items-center text-center", {
-  variants: {
-    size: {
-      sm: "gap-2 p-4 text-sm",
-      md: "gap-3 p-6 text-sm",
-      lg: "gap-4 p-8 text-base"
-    },
-    appearance: {
-      default: "text-slate-50",
-      ghost: "text-slate-200",
-      card: "rounded-2xl border border-white/10 bg-white/5 p-8 text-slate-50 shadow-[0_18px_48px_rgba(15,23,42,0.35)]"
+var emptyStateVariants = classVarianceAuthority.cva(
+  "flex w-full flex-col items-center text-center",
+  {
+    variants: {
+      size: {
+        sm: "gap-2 p-4 text-sm",
+        md: "gap-3 p-6 text-sm",
+        lg: "gap-4 p-8 text-base"
+      },
+      appearance: {
+        default: "text-slate-50",
+        ghost: "text-slate-200",
+        card: "rounded-2xl border border-white/10 bg-white/5 p-8 text-slate-50 shadow-[0_18px_48px_rgba(15,23,42,0.35)]"
+      },
+      align: {
+        start: "items-start text-left",
+        center: "items-center text-center",
+        end: "items-end text-right"
+      }
     },
-    align: {
-      start: "items-start text-left",
-      center: "items-center text-center",
-      end: "items-end text-right"
+    defaultVariants: {
+      size: "md",
+      appearance: "default",
+      align: "center"
     }
-  },
-  defaultVariants: {
-    size: "md",
-    appearance: "default",
-    align: "center"
   }
-});
-var emptyStateTitleVariants = _classvarianceauthority.cva.call(void 0, "font-semibold tracking-tight", {
+);
+var emptyStateTitleVariants = classVarianceAuthority.cva("font-semibold tracking-tight", {
   variants: {
     size: {
       sm: "text-base",
@@ -61,7 +62,7 @@ var emptyStateTitleVariants = _classvarianceauthority.cva.call(void 0, "font-sem
   },
   defaultVariants: { size: "md" }
 });
-var emptyStateDescriptionVariants = _classvarianceauthority.cva.call(void 0, "max-w-md text-slate-400", {
+var emptyStateDescriptionVariants = classVarianceAuthority.cva("max-w-md text-slate-400", {
   variants: {
     size: {
       sm: "text-xs",
@@ -71,12 +72,9 @@ var emptyStateDescriptionVariants = _classvarianceauthority.cva.call(void 0, "ma
   },
   defaultVariants: { size: "md" }
 });
-
-// src/ui/empty-state/empty-state.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var EmptyStateSizeContext = _react.createContext.call(void 0, "md");
+var EmptyStateSizeContext = react.createContext("md");
 function useEmptyStateSize() {
-  return _react.useContext.call(void 0, EmptyStateSizeContext);
+  return react.useContext(EmptyStateSizeContext);
 }
 function EmptyState(props) {
   const {
@@ -90,14 +88,17 @@ function EmptyState(props) {
     ...rest
   } = props;
   const motionProps = emptyStateAnimationPresets[animation];
-  const ctx = _react.useMemo.call(void 0, () => _nullishCoalesce(size, () => ( "md")), [size]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmptyStateSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _framermotion.motion.section,
+  const ctx = react.useMemo(() => size ?? "md", [size]);
+  return /* @__PURE__ */ jsxRuntime.jsx(EmptyStateSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.section,
     {
       ref,
       "data-slot": "empty-state",
       "aria-live": "polite",
-      className: _chunkE5UX537Jjs.cn.call(void 0, emptyStateVariants({ size, appearance, align }), className),
+      className: chunkWZ2GOU2J_js.cn(
+        emptyStateVariants({ size, appearance, align }),
+        className
+      ),
       initial: animation === "none" ? false : void 0,
       ...motionProps,
       ...rest,
@@ -106,13 +107,33 @@ function EmptyState(props) {
   ) });
 }
 EmptyState.displayName = "EmptyState";
-function EmptyStateIcon({ className, children }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "empty-state-icon", className: _chunkE5UX537Jjs.cn.call(void 0, "text-slate-300", className), children });
+function EmptyStateIcon({
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "empty-state-icon",
+      className: chunkWZ2GOU2J_js.cn("text-slate-300", className),
+      children
+    }
+  );
 }
 EmptyStateIcon.displayName = "EmptyStateIcon";
-function EmptyStateTitle({ className, children }) {
+function EmptyStateTitle({
+  className,
+  children
+}) {
   const size = useEmptyStateSize();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { "data-slot": "empty-state-title", className: _chunkE5UX537Jjs.cn.call(void 0, emptyStateTitleVariants({ size }), className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "h2",
+    {
+      "data-slot": "empty-state-title",
+      className: chunkWZ2GOU2J_js.cn(emptyStateTitleVariants({ size }), className),
+      children
+    }
+  );
 }
 EmptyStateTitle.displayName = "EmptyStateTitle";
 function EmptyStateDescription({
@@ -120,29 +141,32 @@ function EmptyStateDescription({
   children
 }) {
   const size = useEmptyStateSize();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
       "data-slot": "empty-state-description",
-      className: _chunkE5UX537Jjs.cn.call(void 0, emptyStateDescriptionVariants({ size }), className),
+      className: chunkWZ2GOU2J_js.cn(emptyStateDescriptionVariants({ size }), className),
       children
     }
   );
 }
 EmptyStateDescription.displayName = "EmptyStateDescription";
-function EmptyStateAction({ className, children }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "empty-state-action", className: _chunkE5UX537Jjs.cn.call(void 0, "mt-2", className), children });
+function EmptyStateAction({
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "empty-state-action", className: chunkWZ2GOU2J_js.cn("mt-2", className), children });
 }
 EmptyStateAction.displayName = "EmptyStateAction";
 
-
-
-
-
-
-
-
-
-
-exports.EmptyState = EmptyState; exports.EmptyStateAction = EmptyStateAction; exports.EmptyStateDescription = EmptyStateDescription; exports.EmptyStateIcon = EmptyStateIcon; exports.EmptyStateTitle = EmptyStateTitle; exports.emptyStateAnimationPresets = emptyStateAnimationPresets; exports.emptyStateDescriptionVariants = emptyStateDescriptionVariants; exports.emptyStateTitleVariants = emptyStateTitleVariants; exports.emptyStateVariants = emptyStateVariants;
+exports.EmptyState = EmptyState;
+exports.EmptyStateAction = EmptyStateAction;
+exports.EmptyStateDescription = EmptyStateDescription;
+exports.EmptyStateIcon = EmptyStateIcon;
+exports.EmptyStateTitle = EmptyStateTitle;
+exports.emptyStateAnimationPresets = emptyStateAnimationPresets;
+exports.emptyStateDescriptionVariants = emptyStateDescriptionVariants;
+exports.emptyStateTitleVariants = emptyStateTitleVariants;
+exports.emptyStateVariants = emptyStateVariants;
+//# sourceMappingURL=empty-state.js.map
 //# sourceMappingURL=empty-state.js.map

package/dist/ui/empty-state.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/empty-state.js"],"names":[],"mappings":"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","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/empty-state.js","sourcesContent":[null]}
+{"version":3,"sources":["../../src/ui/empty-state/animations.ts","../../src/ui/empty-state/variants.ts","../../src/ui/empty-state/empty-state.tsx"],"names":["cva","createContext","useContext","useMemo","jsx","motion","cn"],"mappings":"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","file":"empty-state.js","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { EmptyStateAnimation } from \"./types\";\n\ntype EmptyStatePresetMotionProps = Pick<\n  HTMLMotionProps<\"div\">,\n  \"initial\" | \"animate\" | \"transition\" | \"whileHover\"\n>;\n\nexport type EmptyStateAnimationPresets = Record<\n  EmptyStateAnimation,\n  EmptyStatePresetMotionProps\n>;\n\nexport const emptyStateAnimationPresets: EmptyStateAnimationPresets = {\n  none: {},\n  float: {\n    whileHover: { y: -4 },\n    transition: { type: \"spring\", stiffness: 260, damping: 22 },\n  },\n  fade: {\n    initial: { opacity: 0, y: 8 },\n    animate: { opacity: 1, y: 0 },\n    transition: { duration: 0.25, ease: \"easeOut\" },\n  },\n  \"slide-up\": {\n    initial: { opacity: 0, y: 16 },\n    animate: { opacity: 1, y: 0 },\n    transition: { type: \"spring\", stiffness: 380, damping: 28 },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const emptyStateVariants = cva(\n  \"flex w-full flex-col items-center text-center\",\n  {\n    variants: {\n      size: {\n        sm: \"gap-2 p-4 text-sm\",\n        md: \"gap-3 p-6 text-sm\",\n        lg: \"gap-4 p-8 text-base\",\n      },\n      appearance: {\n        default: \"text-slate-50\",\n        ghost: \"text-slate-200\",\n        card: \"rounded-2xl border border-white/10 bg-white/5 p-8 text-slate-50 shadow-[0_18px_48px_rgba(15,23,42,0.35)]\",\n      },\n      align: {\n        start: \"items-start text-left\",\n        center: \"items-center text-center\",\n        end: \"items-end text-right\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      appearance: \"default\",\n      align: \"center\",\n    },\n  },\n);\n\nexport const emptyStateTitleVariants = cva(\"font-semibold tracking-tight\", {\n  variants: {\n    size: {\n      sm: \"text-base\",\n      md: \"text-lg\",\n      lg: \"text-xl\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const emptyStateDescriptionVariants = cva(\"max-w-md text-slate-400\", {\n  variants: {\n    size: {\n      sm: \"text-xs\",\n      md: \"text-sm\",\n      lg: \"text-base\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { emptyStateAnimationPresets } from \"./animations\";\nimport type { EmptyStateProps, EmptyStateSectionProps } from \"./types\";\nimport {\n  emptyStateDescriptionVariants,\n  emptyStateTitleVariants,\n  emptyStateVariants,\n} from \"./variants\";\n\ntype EmptyStateSize = NonNullable<EmptyStateProps[\"size\"]>;\n\nconst EmptyStateSizeContext = createContext<EmptyStateSize>(\"md\");\n\nfunction useEmptyStateSize(): EmptyStateSize {\n  return useContext(EmptyStateSizeContext);\n}\n\nexport function EmptyState(props: EmptyStateProps) {\n  const {\n    className,\n    size = \"md\",\n    appearance,\n    align,\n    animation = \"none\",\n    children,\n    ref,\n    ...rest\n  } = props;\n  const motionProps = emptyStateAnimationPresets[animation];\n  const ctx = useMemo(() => size ?? \"md\", [size]);\n\n  return (\n    <EmptyStateSizeContext.Provider value={ctx}>\n      <motion.section\n        ref={ref}\n        data-slot=\"empty-state\"\n        aria-live=\"polite\"\n        className={cn(\n          emptyStateVariants({ size, appearance, align }),\n          className,\n        )}\n        initial={animation === \"none\" ? false : undefined}\n        {...motionProps}\n        {...rest}\n      >\n        {children}\n      </motion.section>\n    </EmptyStateSizeContext.Provider>\n  );\n}\n\nEmptyState.displayName = \"EmptyState\";\n\nexport function EmptyStateIcon({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  return (\n    <div\n      data-slot=\"empty-state-icon\"\n      className={cn(\"text-slate-300\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nEmptyStateIcon.displayName = \"EmptyStateIcon\";\n\nexport function EmptyStateTitle({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  const size = useEmptyStateSize();\n  return (\n    <h2\n      data-slot=\"empty-state-title\"\n      className={cn(emptyStateTitleVariants({ size }), className)}\n    >\n      {children}\n    </h2>\n  );\n}\n\nEmptyStateTitle.displayName = \"EmptyStateTitle\";\n\nexport function EmptyStateDescription({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  const size = useEmptyStateSize();\n  return (\n    <p\n      data-slot=\"empty-state-description\"\n      className={cn(emptyStateDescriptionVariants({ size }), className)}\n    >\n      {children}\n    </p>\n  );\n}\n\nEmptyStateDescription.displayName = \"EmptyStateDescription\";\n\nexport function EmptyStateAction({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  return (\n    <div data-slot=\"empty-state-action\" className={cn(\"mt-2\", className)}>\n      {children}\n    </div>\n  );\n}\n\nEmptyStateAction.displayName = \"EmptyStateAction\";\n"]}

package/dist/ui/empty-state.mjs

@@ -1,12 +1,9 @@
 "use client";
-
-import {
-  cn
-} from "../chunk-MEWYFWBX.mjs";
-
-// src/ui/empty-state/empty-state.tsx
-import { createContext, useContext, useMemo } from "react";
-import { motion } from "framer-motion";
+import { cn } from '../chunk-B23TPTVG.mjs';
+import { createContext, useMemo, useContext } from 'react';
+import { motion } from 'framer-motion';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
 
 // src/ui/empty-state/animations.ts
 var emptyStateAnimationPresets = {
@@ -26,33 +23,33 @@ var emptyStateAnimationPresets = {
     transition: { type: "spring", stiffness: 380, damping: 28 }
   }
 };
-
-// src/ui/empty-state/variants.ts
-import { cva } from "class-variance-authority";
-var emptyStateVariants = cva("flex w-full flex-col items-center text-center", {
-  variants: {
-    size: {
-      sm: "gap-2 p-4 text-sm",
-      md: "gap-3 p-6 text-sm",
-      lg: "gap-4 p-8 text-base"
-    },
-    appearance: {
-      default: "text-slate-50",
-      ghost: "text-slate-200",
-      card: "rounded-2xl border border-white/10 bg-white/5 p-8 text-slate-50 shadow-[0_18px_48px_rgba(15,23,42,0.35)]"
+var emptyStateVariants = cva(
+  "flex w-full flex-col items-center text-center",
+  {
+    variants: {
+      size: {
+        sm: "gap-2 p-4 text-sm",
+        md: "gap-3 p-6 text-sm",
+        lg: "gap-4 p-8 text-base"
+      },
+      appearance: {
+        default: "text-slate-50",
+        ghost: "text-slate-200",
+        card: "rounded-2xl border border-white/10 bg-white/5 p-8 text-slate-50 shadow-[0_18px_48px_rgba(15,23,42,0.35)]"
+      },
+      align: {
+        start: "items-start text-left",
+        center: "items-center text-center",
+        end: "items-end text-right"
+      }
     },
-    align: {
-      start: "items-start text-left",
-      center: "items-center text-center",
-      end: "items-end text-right"
+    defaultVariants: {
+      size: "md",
+      appearance: "default",
+      align: "center"
     }
-  },
-  defaultVariants: {
-    size: "md",
-    appearance: "default",
-    align: "center"
   }
-});
+);
 var emptyStateTitleVariants = cva("font-semibold tracking-tight", {
   variants: {
     size: {
@@ -73,9 +70,6 @@ var emptyStateDescriptionVariants = cva("max-w-md text-slate-400", {
   },
   defaultVariants: { size: "md" }
 });
-
-// src/ui/empty-state/empty-state.tsx
-import { jsx } from "react/jsx-runtime";
 var EmptyStateSizeContext = createContext("md");
 function useEmptyStateSize() {
   return useContext(EmptyStateSizeContext);
@@ -99,7 +93,10 @@ function EmptyState(props) {
       ref,
       "data-slot": "empty-state",
       "aria-live": "polite",
-      className: cn(emptyStateVariants({ size, appearance, align }), className),
+      className: cn(
+        emptyStateVariants({ size, appearance, align }),
+        className
+      ),
       initial: animation === "none" ? false : void 0,
       ...motionProps,
       ...rest,
@@ -108,13 +105,33 @@ function EmptyState(props) {
   ) });
 }
 EmptyState.displayName = "EmptyState";
-function EmptyStateIcon({ className, children }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "empty-state-icon", className: cn("text-slate-300", className), children });
+function EmptyStateIcon({
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "empty-state-icon",
+      className: cn("text-slate-300", className),
+      children
+    }
+  );
 }
 EmptyStateIcon.displayName = "EmptyStateIcon";
-function EmptyStateTitle({ className, children }) {
+function EmptyStateTitle({
+  className,
+  children
+}) {
   const size = useEmptyStateSize();
-  return /* @__PURE__ */ jsx("h2", { "data-slot": "empty-state-title", className: cn(emptyStateTitleVariants({ size }), className), children });
+  return /* @__PURE__ */ jsx(
+    "h2",
+    {
+      "data-slot": "empty-state-title",
+      className: cn(emptyStateTitleVariants({ size }), className),
+      children
+    }
+  );
 }
 EmptyStateTitle.displayName = "EmptyStateTitle";
 function EmptyStateDescription({
@@ -132,19 +149,14 @@ function EmptyStateDescription({
   );
 }
 EmptyStateDescription.displayName = "EmptyStateDescription";
-function EmptyStateAction({ className, children }) {
+function EmptyStateAction({
+  className,
+  children
+}) {
   return /* @__PURE__ */ jsx("div", { "data-slot": "empty-state-action", className: cn("mt-2", className), children });
 }
 EmptyStateAction.displayName = "EmptyStateAction";
-export {
-  EmptyState,
-  EmptyStateAction,
-  EmptyStateDescription,
-  EmptyStateIcon,
-  EmptyStateTitle,
-  emptyStateAnimationPresets,
-  emptyStateDescriptionVariants,
-  emptyStateTitleVariants,
-  emptyStateVariants
-};
+
+export { EmptyState, EmptyStateAction, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, emptyStateAnimationPresets, emptyStateDescriptionVariants, emptyStateTitleVariants, emptyStateVariants };
+//# sourceMappingURL=empty-state.mjs.map
 //# sourceMappingURL=empty-state.mjs.map

package/dist/ui/empty-state.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/empty-state/empty-state.tsx","../../src/ui/empty-state/animations.ts","../../src/ui/empty-state/variants.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { emptyStateAnimationPresets } from \"./animations\";\nimport type { EmptyStateProps, EmptyStateSectionProps } from \"./types\";\nimport {\n  emptyStateDescriptionVariants,\n  emptyStateTitleVariants,\n  emptyStateVariants,\n} from \"./variants\";\n\ntype EmptyStateSize = NonNullable<EmptyStateProps[\"size\"]>;\n\nconst EmptyStateSizeContext = createContext<EmptyStateSize>(\"md\");\n\nfunction useEmptyStateSize(): EmptyStateSize {\n  return useContext(EmptyStateSizeContext);\n}\n\nexport function EmptyState(props: EmptyStateProps) {\n  const {\n    className,\n    size = \"md\",\n    appearance,\n    align,\n    animation = \"none\",\n    children,\n    ref,\n    ...rest\n  } = props;\n  const motionProps = emptyStateAnimationPresets[animation];\n  const ctx = useMemo(() => size ?? \"md\", [size]);\n\n  return (\n    <EmptyStateSizeContext.Provider value={ctx}>\n      <motion.section\n        ref={ref}\n        data-slot=\"empty-state\"\n        aria-live=\"polite\"\n        className={cn(emptyStateVariants({ size, appearance, align }), className)}\n        initial={animation === \"none\" ? false : undefined}\n        {...motionProps}\n        {...rest}\n      >\n        {children}\n      </motion.section>\n    </EmptyStateSizeContext.Provider>\n  );\n}\n\nEmptyState.displayName = \"EmptyState\";\n\nexport function EmptyStateIcon({ className, children }: EmptyStateSectionProps) {\n  return (\n    <div data-slot=\"empty-state-icon\" className={cn(\"text-slate-300\", className)}>\n      {children}\n    </div>\n  );\n}\n\nEmptyStateIcon.displayName = \"EmptyStateIcon\";\n\nexport function EmptyStateTitle({ className, children }: EmptyStateSectionProps) {\n  const size = useEmptyStateSize();\n  return (\n    <h2 data-slot=\"empty-state-title\" className={cn(emptyStateTitleVariants({ size }), className)}>\n      {children}\n    </h2>\n  );\n}\n\nEmptyStateTitle.displayName = \"EmptyStateTitle\";\n\nexport function EmptyStateDescription({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  const size = useEmptyStateSize();\n  return (\n    <p\n      data-slot=\"empty-state-description\"\n      className={cn(emptyStateDescriptionVariants({ size }), className)}\n    >\n      {children}\n    </p>\n  );\n}\n\nEmptyStateDescription.displayName = \"EmptyStateDescription\";\n\nexport function EmptyStateAction({ className, children }: EmptyStateSectionProps) {\n  return (\n    <div data-slot=\"empty-state-action\" className={cn(\"mt-2\", className)}>\n      {children}\n    </div>\n  );\n}\n\nEmptyStateAction.displayName = \"EmptyStateAction\";\n","import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { EmptyStateAnimation } from \"./types\";\n\ntype EmptyStatePresetMotionProps = Pick<\n  HTMLMotionProps<\"div\">,\n  \"initial\" | \"animate\" | \"transition\" | \"whileHover\"\n>;\n\nexport type EmptyStateAnimationPresets = Record<\n  EmptyStateAnimation,\n  EmptyStatePresetMotionProps\n>;\n\nexport const emptyStateAnimationPresets: EmptyStateAnimationPresets = {\n  none: {},\n  float: {\n    whileHover: { y: -4 },\n    transition: { type: \"spring\", stiffness: 260, damping: 22 },\n  },\n  fade: {\n    initial: { opacity: 0, y: 8 },\n    animate: { opacity: 1, y: 0 },\n    transition: { duration: 0.25, ease: \"easeOut\" },\n  },\n  \"slide-up\": {\n    initial: { opacity: 0, y: 16 },\n    animate: { opacity: 1, y: 0 },\n    transition: { type: \"spring\", stiffness: 380, damping: 28 },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const emptyStateVariants = cva(\"flex w-full flex-col items-center text-center\", {\n  variants: {\n    size: {\n      sm: \"gap-2 p-4 text-sm\",\n      md: \"gap-3 p-6 text-sm\",\n      lg: \"gap-4 p-8 text-base\",\n    },\n    appearance: {\n      default: \"text-slate-50\",\n      ghost: \"text-slate-200\",\n      card: \"rounded-2xl border border-white/10 bg-white/5 p-8 text-slate-50 shadow-[0_18px_48px_rgba(15,23,42,0.35)]\",\n    },\n    align: {\n      start: \"items-start text-left\",\n      center: \"items-center text-center\",\n      end: \"items-end text-right\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    appearance: \"default\",\n    align: \"center\",\n  },\n});\n\nexport const emptyStateTitleVariants = cva(\"font-semibold tracking-tight\", {\n  variants: {\n    size: {\n      sm: \"text-base\",\n      md: \"text-lg\",\n      lg: \"text-xl\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const emptyStateDescriptionVariants = cva(\"max-w-md text-slate-400\", {\n  variants: {\n    size: {\n      sm: \"text-xs\",\n      md: \"text-sm\",\n      lg: \"text-base\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/ui/empty-state/animations.ts","../../src/ui/empty-state/variants.ts","../../src/ui/empty-state/empty-state.tsx"],"names":[],"mappings":";;;;;;;AAcO,IAAM,0BAAA,GAAyD;AAAA,EACpE,MAAM,EAAC;AAAA,EACP,KAAA,EAAO;AAAA,IACL,UAAA,EAAY,EAAE,CAAA,EAAG,EAAA,EAAG;AAAA,IACpB,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,IAC5B,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,IAC5B,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA,EAAM,MAAM,SAAA;AAAU,GAChD;AAAA,EACA,UAAA,EAAY;AAAA,IACV,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,EAAA,EAAG;AAAA,IAC7B,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,IAC5B,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG;AAE9D;AC5BO,IAAM,kBAAA,GAAqB,GAAA;AAAA,EAChC,+CAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,UAAA,EAAY;AAAA,QACV,OAAA,EAAS,eAAA;AAAA,QACT,KAAA,EAAO,gBAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,KAAA,EAAO,uBAAA;AAAA,QACP,MAAA,EAAQ,0BAAA;AAAA,QACR,GAAA,EAAK;AAAA;AACP,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,UAAA,EAAY,SAAA;AAAA,MACZ,KAAA,EAAO;AAAA;AACT;AAEJ;AAEO,IAAM,uBAAA,GAA0B,IAAI,8BAAA,EAAgC;AAAA,EACzE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,WAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;AAEM,IAAM,6BAAA,GAAgC,IAAI,yBAAA,EAA2B;AAAA,EAC1E,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;ACjCD,IAAM,qBAAA,GAAwB,cAA8B,IAAI,CAAA;AAEhE,SAAS,iBAAA,GAAoC;AAC3C,EAAA,OAAO,WAAW,qBAAqB,CAAA;AACzC;AAEO,SAAS,WAAW,KAAA,EAAwB;AACjD,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,IAAA,GAAO,IAAA;AAAA,IACP,UAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA,GAAY,MAAA;AAAA,IACZ,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,WAAA,GAAc,2BAA2B,SAAS,CAAA;AACxD,EAAA,MAAM,MAAM,OAAA,CAAQ,MAAM,QAAQ,IAAA,EAAM,CAAC,IAAI,CAAC,CAAA;AAE9C,EAAA,uBACE,GAAA,CAAC,qBAAA,CAAsB,QAAA,EAAtB,EAA+B,OAAO,GAAA,EACrC,QAAA,kBAAA,GAAA;AAAA,IAAC,MAAA,CAAO,OAAA;AAAA,IAAP;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,aAAA;AAAA,MACV,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,kBAAA,CAAmB,EAAE,IAAA,EAAM,UAAA,EAAY,OAAO,CAAA;AAAA,QAC9C;AAAA,OACF;AAAA,MACA,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,MAAA;AAAA,MACvC,GAAG,WAAA;AAAA,MACH,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;AAElB,SAAS,cAAA,CAAe;AAAA,EAC7B,SAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,gBAAA,EAAkB,SAAS,CAAA;AAAA,MAExC;AAAA;AAAA,GACH;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAEtB,SAAS,eAAA,CAAgB;AAAA,EAC9B,SAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,MAAM,OAAO,iBAAA,EAAkB;AAC/B,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,WAAW,EAAA,CAAG,uBAAA,CAAwB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAEzD;AAAA;AAAA,GACH;AAEJ;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAEvB,SAAS,qBAAA,CAAsB;AAAA,EACpC,SAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,MAAM,OAAO,iBAAA,EAAkB;AAC/B,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,yBAAA;AAAA,MACV,WAAW,EAAA,CAAG,6BAAA,CAA8B,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAE/D;AAAA;AAAA,GACH;AAEJ;AAEA,qBAAA,CAAsB,WAAA,GAAc,uBAAA;AAE7B,SAAS,gBAAA,CAAiB;AAAA,EAC/B,SAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,uBACE,GAAA,CAAC,SAAI,WAAA,EAAU,oBAAA,EAAqB,WAAW,EAAA,CAAG,MAAA,EAAQ,SAAS,CAAA,EAChE,QAAA,EACH,CAAA;AAEJ;AAEA,gBAAA,CAAiB,WAAA,GAAc,kBAAA","file":"empty-state.mjs","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { EmptyStateAnimation } from \"./types\";\n\ntype EmptyStatePresetMotionProps = Pick<\n  HTMLMotionProps<\"div\">,\n  \"initial\" | \"animate\" | \"transition\" | \"whileHover\"\n>;\n\nexport type EmptyStateAnimationPresets = Record<\n  EmptyStateAnimation,\n  EmptyStatePresetMotionProps\n>;\n\nexport const emptyStateAnimationPresets: EmptyStateAnimationPresets = {\n  none: {},\n  float: {\n    whileHover: { y: -4 },\n    transition: { type: \"spring\", stiffness: 260, damping: 22 },\n  },\n  fade: {\n    initial: { opacity: 0, y: 8 },\n    animate: { opacity: 1, y: 0 },\n    transition: { duration: 0.25, ease: \"easeOut\" },\n  },\n  \"slide-up\": {\n    initial: { opacity: 0, y: 16 },\n    animate: { opacity: 1, y: 0 },\n    transition: { type: \"spring\", stiffness: 380, damping: 28 },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const emptyStateVariants = cva(\n  \"flex w-full flex-col items-center text-center\",\n  {\n    variants: {\n      size: {\n        sm: \"gap-2 p-4 text-sm\",\n        md: \"gap-3 p-6 text-sm\",\n        lg: \"gap-4 p-8 text-base\",\n      },\n      appearance: {\n        default: \"text-slate-50\",\n        ghost: \"text-slate-200\",\n        card: \"rounded-2xl border border-white/10 bg-white/5 p-8 text-slate-50 shadow-[0_18px_48px_rgba(15,23,42,0.35)]\",\n      },\n      align: {\n        start: \"items-start text-left\",\n        center: \"items-center text-center\",\n        end: \"items-end text-right\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      appearance: \"default\",\n      align: \"center\",\n    },\n  },\n);\n\nexport const emptyStateTitleVariants = cva(\"font-semibold tracking-tight\", {\n  variants: {\n    size: {\n      sm: \"text-base\",\n      md: \"text-lg\",\n      lg: \"text-xl\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const emptyStateDescriptionVariants = cva(\"max-w-md text-slate-400\", {\n  variants: {\n    size: {\n      sm: \"text-xs\",\n      md: \"text-sm\",\n      lg: \"text-base\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { emptyStateAnimationPresets } from \"./animations\";\nimport type { EmptyStateProps, EmptyStateSectionProps } from \"./types\";\nimport {\n  emptyStateDescriptionVariants,\n  emptyStateTitleVariants,\n  emptyStateVariants,\n} from \"./variants\";\n\ntype EmptyStateSize = NonNullable<EmptyStateProps[\"size\"]>;\n\nconst EmptyStateSizeContext = createContext<EmptyStateSize>(\"md\");\n\nfunction useEmptyStateSize(): EmptyStateSize {\n  return useContext(EmptyStateSizeContext);\n}\n\nexport function EmptyState(props: EmptyStateProps) {\n  const {\n    className,\n    size = \"md\",\n    appearance,\n    align,\n    animation = \"none\",\n    children,\n    ref,\n    ...rest\n  } = props;\n  const motionProps = emptyStateAnimationPresets[animation];\n  const ctx = useMemo(() => size ?? \"md\", [size]);\n\n  return (\n    <EmptyStateSizeContext.Provider value={ctx}>\n      <motion.section\n        ref={ref}\n        data-slot=\"empty-state\"\n        aria-live=\"polite\"\n        className={cn(\n          emptyStateVariants({ size, appearance, align }),\n          className,\n        )}\n        initial={animation === \"none\" ? false : undefined}\n        {...motionProps}\n        {...rest}\n      >\n        {children}\n      </motion.section>\n    </EmptyStateSizeContext.Provider>\n  );\n}\n\nEmptyState.displayName = \"EmptyState\";\n\nexport function EmptyStateIcon({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  return (\n    <div\n      data-slot=\"empty-state-icon\"\n      className={cn(\"text-slate-300\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nEmptyStateIcon.displayName = \"EmptyStateIcon\";\n\nexport function EmptyStateTitle({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  const size = useEmptyStateSize();\n  return (\n    <h2\n      data-slot=\"empty-state-title\"\n      className={cn(emptyStateTitleVariants({ size }), className)}\n    >\n      {children}\n    </h2>\n  );\n}\n\nEmptyStateTitle.displayName = \"EmptyStateTitle\";\n\nexport function EmptyStateDescription({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  const size = useEmptyStateSize();\n  return (\n    <p\n      data-slot=\"empty-state-description\"\n      className={cn(emptyStateDescriptionVariants({ size }), className)}\n    >\n      {children}\n    </p>\n  );\n}\n\nEmptyStateDescription.displayName = \"EmptyStateDescription\";\n\nexport function EmptyStateAction({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  return (\n    <div data-slot=\"empty-state-action\" className={cn(\"mt-2\", className)}>\n      {children}\n    </div>\n  );\n}\n\nEmptyStateAction.displayName = \"EmptyStateAction\";\n"]}

package/dist/ui/file-upload.d.mts

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { ComponentPropsWithoutRef, ReactNode, ChangeEvent } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const fileUploadVariants: (props?: ({
+    appearance?: "idle" | "active" | "disabled" | "error" | "success" | "warning" | "info" | "neutral" | "purple" | "indigo" | "emerald" | "amber" | "pink" | "orange" | "teal" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type FileUploadVariantProps = VariantProps<typeof fileUploadVariants>;
+type FileUploadProps = FileUploadVariantProps & Omit<ComponentPropsWithoutRef<"div">, "children" | "onChange"> & {
+    /** Called when the user selects or drops files */
+    onFiles?: (files: File[]) => void;
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    /** Visually hidden input `name` for forms */
+    name?: string;
+    /** Optional controlled file list (not enforced; mainly for forms) */
+    children?: ReactNode;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    appearance?: FileUploadVariantProps["appearance"];
+};
+
+declare function FileUpload({ className, onFiles, accept, multiple, disabled, name, children, onChange, ref, appearance, ...rest }: FileUploadProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): react_jsx_runtime.JSX.Element;
+declare namespace FileUpload {
+    var displayName: string;
+}
+
+export { FileUpload, type FileUploadProps, type FileUploadVariantProps, fileUploadVariants };

package/dist/ui/file-upload.d.ts

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { ComponentPropsWithoutRef, ReactNode, ChangeEvent } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const fileUploadVariants: (props?: ({
+    appearance?: "idle" | "active" | "disabled" | "error" | "success" | "warning" | "info" | "neutral" | "purple" | "indigo" | "emerald" | "amber" | "pink" | "orange" | "teal" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type FileUploadVariantProps = VariantProps<typeof fileUploadVariants>;
+type FileUploadProps = FileUploadVariantProps & Omit<ComponentPropsWithoutRef<"div">, "children" | "onChange"> & {
+    /** Called when the user selects or drops files */
+    onFiles?: (files: File[]) => void;
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    /** Visually hidden input `name` for forms */
+    name?: string;
+    /** Optional controlled file list (not enforced; mainly for forms) */
+    children?: ReactNode;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    appearance?: FileUploadVariantProps["appearance"];
+};
+
+declare function FileUpload({ className, onFiles, accept, multiple, disabled, name, children, onChange, ref, appearance, ...rest }: FileUploadProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): react_jsx_runtime.JSX.Element;
+declare namespace FileUpload {
+    var displayName: string;
+}
+
+export { FileUpload, type FileUploadProps, type FileUploadVariantProps, fileUploadVariants };