@zentauri-ui/zentauri-components 0.0.84 → 0.0.92

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

@@ -0,0 +1,55 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { HTMLMotionProps } from 'framer-motion';
+import { ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const emptyStateVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    appearance?: "default" | "ghost" | "card" | null | undefined;
+    align?: "start" | "center" | "end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const emptyStateTitleVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const emptyStateDescriptionVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type EmptyStateAnimation = "none" | "float" | "fade" | "slide-up";
+type EmptyStateVariantProps = VariantProps<typeof emptyStateVariants>;
+type EmptyStateProps = EmptyStateVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
+    animation?: EmptyStateAnimation;
+    children?: ReactNode;
+};
+type EmptyStateSectionProps = {
+    className?: string;
+    children?: ReactNode;
+};
+
+declare function EmptyState(props: EmptyStateProps): react_jsx_runtime.JSX.Element;
+declare namespace EmptyState {
+    var displayName: string;
+}
+declare function EmptyStateIcon({ className, children }: EmptyStateSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace EmptyStateIcon {
+    var displayName: string;
+}
+declare function EmptyStateTitle({ className, children }: EmptyStateSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace EmptyStateTitle {
+    var displayName: string;
+}
+declare function EmptyStateDescription({ className, children, }: EmptyStateSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace EmptyStateDescription {
+    var displayName: string;
+}
+declare function EmptyStateAction({ className, children }: EmptyStateSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace EmptyStateAction {
+    var displayName: string;
+}
+
+type EmptyStatePresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition" | "whileHover">;
+type EmptyStateAnimationPresets = Record<EmptyStateAnimation, EmptyStatePresetMotionProps>;
+declare const emptyStateAnimationPresets: EmptyStateAnimationPresets;
+
+export { EmptyState, EmptyStateAction, type EmptyStateAnimation, EmptyStateDescription, EmptyStateIcon, type EmptyStateProps, type EmptyStateSectionProps, EmptyStateTitle, emptyStateAnimationPresets, emptyStateDescriptionVariants, emptyStateTitleVariants, emptyStateVariants };

package/dist/ui/empty-state.js

@@ -0,0 +1,148 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
+
+// src/ui/empty-state/empty-state.tsx
+var _react = require('react');
+var _framermotion = require('framer-motion');
+
+// src/ui/empty-state/animations.ts
+var emptyStateAnimationPresets = {
+  none: {},
+  float: {
+    whileHover: { y: -4 },
+    transition: { type: "spring", stiffness: 260, damping: 22 }
+  },
+  fade: {
+    initial: { opacity: 0, y: 8 },
+    animate: { opacity: 1, y: 0 },
+    transition: { duration: 0.25, ease: "easeOut" }
+  },
+  "slide-up": {
+    initial: { opacity: 0, y: 16 },
+    animate: { opacity: 1, y: 0 },
+    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)]"
+    },
+    align: {
+      start: "items-start text-left",
+      center: "items-center text-center",
+      end: "items-end text-right"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    appearance: "default",
+    align: "center"
+  }
+});
+var emptyStateTitleVariants = _classvarianceauthority.cva.call(void 0, "font-semibold tracking-tight", {
+  variants: {
+    size: {
+      sm: "text-base",
+      md: "text-lg",
+      lg: "text-xl"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+var emptyStateDescriptionVariants = _classvarianceauthority.cva.call(void 0, "max-w-md text-slate-400", {
+  variants: {
+    size: {
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+
+// src/ui/empty-state/empty-state.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var EmptyStateSizeContext = _react.createContext.call(void 0, "md");
+function useEmptyStateSize() {
+  return _react.useContext.call(void 0, EmptyStateSizeContext);
+}
+function EmptyState(props) {
+  const {
+    className,
+    size = "md",
+    appearance,
+    align,
+    animation = "none",
+    children,
+    ref,
+    ...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,
+    {
+      ref,
+      "data-slot": "empty-state",
+      "aria-live": "polite",
+      className: _chunkE5UX537Jjs.cn.call(void 0, emptyStateVariants({ size, appearance, align }), className),
+      initial: animation === "none" ? false : void 0,
+      ...motionProps,
+      ...rest,
+      children
+    }
+  ) });
+}
+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 });
+}
+EmptyStateIcon.displayName = "EmptyStateIcon";
+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 });
+}
+EmptyStateTitle.displayName = "EmptyStateTitle";
+function EmptyStateDescription({
+  className,
+  children
+}) {
+  const size = useEmptyStateSize();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "p",
+    {
+      "data-slot": "empty-state-description",
+      className: _chunkE5UX537Jjs.cn.call(void 0, 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 });
+}
+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;
+//# sourceMappingURL=empty-state.js.map

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

@@ -0,0 +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]}

package/dist/ui/empty-state.mjs

@@ -0,0 +1,150 @@
+"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";
+
+// src/ui/empty-state/animations.ts
+var emptyStateAnimationPresets = {
+  none: {},
+  float: {
+    whileHover: { y: -4 },
+    transition: { type: "spring", stiffness: 260, damping: 22 }
+  },
+  fade: {
+    initial: { opacity: 0, y: 8 },
+    animate: { opacity: 1, y: 0 },
+    transition: { duration: 0.25, ease: "easeOut" }
+  },
+  "slide-up": {
+    initial: { opacity: 0, y: 16 },
+    animate: { opacity: 1, y: 0 },
+    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)]"
+    },
+    align: {
+      start: "items-start text-left",
+      center: "items-center text-center",
+      end: "items-end text-right"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    appearance: "default",
+    align: "center"
+  }
+});
+var emptyStateTitleVariants = cva("font-semibold tracking-tight", {
+  variants: {
+    size: {
+      sm: "text-base",
+      md: "text-lg",
+      lg: "text-xl"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+var emptyStateDescriptionVariants = cva("max-w-md text-slate-400", {
+  variants: {
+    size: {
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base"
+    }
+  },
+  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);
+}
+function EmptyState(props) {
+  const {
+    className,
+    size = "md",
+    appearance,
+    align,
+    animation = "none",
+    children,
+    ref,
+    ...rest
+  } = props;
+  const motionProps = emptyStateAnimationPresets[animation];
+  const ctx = useMemo(() => size ?? "md", [size]);
+  return /* @__PURE__ */ jsx(EmptyStateSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    motion.section,
+    {
+      ref,
+      "data-slot": "empty-state",
+      "aria-live": "polite",
+      className: cn(emptyStateVariants({ size, appearance, align }), className),
+      initial: animation === "none" ? false : void 0,
+      ...motionProps,
+      ...rest,
+      children
+    }
+  ) });
+}
+EmptyState.displayName = "EmptyState";
+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 }) {
+  const size = useEmptyStateSize();
+  return /* @__PURE__ */ jsx("h2", { "data-slot": "empty-state-title", className: cn(emptyStateTitleVariants({ size }), className), children });
+}
+EmptyStateTitle.displayName = "EmptyStateTitle";
+function EmptyStateDescription({
+  className,
+  children
+}) {
+  const size = useEmptyStateSize();
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "empty-state-description",
+      className: cn(emptyStateDescriptionVariants({ size }), className),
+      children
+    }
+  );
+}
+EmptyStateDescription.displayName = "EmptyStateDescription";
+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
+};
+//# sourceMappingURL=empty-state.mjs.map

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

@@ -0,0 +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":[]}

package/dist/ui/inputs.d.mts

@@ -0,0 +1,35 @@
+import { VariantProps } from 'class-variance-authority';
+import { HTMLMotionProps } from 'framer-motion';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const inputVariants: (props?: ({
+    as?: "input" | "textarea" | "file" | "checkbox" | "radio" | null | undefined;
+    appearance?: "default" | "warning" | "error" | "success" | "info" | "violet" | "amber" | "pink" | "indigo" | "orange" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    ring?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type InputAnimation = "none" | "lift" | "press" | "glow" | "tilt" | "bounce";
+type InputSharedProps = Omit<VariantProps<typeof inputVariants>, "as"> & {
+    animation?: InputAnimation;
+    errorMessage?: string;
+};
+/** Motion props applied by presets on `motion.input` / `motion.textarea`. */
+type InputPresetMotionProps = Pick<HTMLMotionProps<"input">, "style" | "transition" | "whileHover" | "whileTap" | "whileFocus">;
+/** Omit native `size` (character width) so the design-system `size` variant can use the same name. */
+type InputProps = (InputSharedProps & Omit<HTMLMotionProps<"input">, "size" | "as"> & {
+    as?: "input" | "file" | "checkbox" | "radio";
+}) | (InputSharedProps & Omit<HTMLMotionProps<"textarea">, "size" | "as"> & {
+    as: "textarea";
+});
+type InputAnimationPresets = Record<InputAnimation, InputPresetMotionProps>;
+
+declare const inputAnimationPresets: InputAnimationPresets;
+
+declare const Input: {
+    (props: InputProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Input, type InputAnimation, type InputAnimationPresets, type InputProps, inputAnimationPresets, inputVariants };

package/dist/ui/inputs.d.ts

@@ -0,0 +1,35 @@
+import { VariantProps } from 'class-variance-authority';
+import { HTMLMotionProps } from 'framer-motion';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const inputVariants: (props?: ({
+    as?: "input" | "textarea" | "file" | "checkbox" | "radio" | null | undefined;
+    appearance?: "default" | "warning" | "error" | "success" | "info" | "violet" | "amber" | "pink" | "indigo" | "orange" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    ring?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type InputAnimation = "none" | "lift" | "press" | "glow" | "tilt" | "bounce";
+type InputSharedProps = Omit<VariantProps<typeof inputVariants>, "as"> & {
+    animation?: InputAnimation;
+    errorMessage?: string;
+};
+/** Motion props applied by presets on `motion.input` / `motion.textarea`. */
+type InputPresetMotionProps = Pick<HTMLMotionProps<"input">, "style" | "transition" | "whileHover" | "whileTap" | "whileFocus">;
+/** Omit native `size` (character width) so the design-system `size` variant can use the same name. */
+type InputProps = (InputSharedProps & Omit<HTMLMotionProps<"input">, "size" | "as"> & {
+    as?: "input" | "file" | "checkbox" | "radio";
+}) | (InputSharedProps & Omit<HTMLMotionProps<"textarea">, "size" | "as"> & {
+    as: "textarea";
+});
+type InputAnimationPresets = Record<InputAnimation, InputPresetMotionProps>;
+
+declare const inputAnimationPresets: InputAnimationPresets;
+
+declare const Input: {
+    (props: InputProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Input, type InputAnimation, type InputAnimationPresets, type InputProps, inputAnimationPresets, inputVariants };