@rendra-ui/web 2.5.0 → 2.7.0

package/dist/empty-state-a47Kd_Ci.js

@@ -0,0 +1,67 @@
+/*! Rendra Design System v2.7.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+import { t as cn } from "./cn-B0N3Pek0.js";
+import { i as useMotionLib } from "./motion-context-BUMPf0e9.js";
+import { t as useMotionPresets } from "./use-motion-presets-D3ww1oJX.js";
+import { t as BrandFeedbackIcon } from "./brand-feedback-icon-BYNcqBel.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ui/empty-state.tsx
+/** Estado vazio (e de erro) com o ícone de feedback da marca. */
+function EmptyState({ title, description, type = "info", actions, size = "default", className }) {
+	const lib = useMotionLib();
+	const on = lib !== null;
+	const presets = useMotionPresets();
+	const Icon = on ? lib.m.span : "span";
+	const Title = on ? lib.m.p : "p";
+	const Description = on ? lib.m.p : "p";
+	const Actions = on ? lib.m.div : "div";
+	const part = (index) => {
+		if (!on) return {};
+		const enter = presets.slide("bottom", "short");
+		return {
+			...enter,
+			transition: {
+				...enter.transition,
+				...presets.stagger(index)
+			}
+		};
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-rendra": "VAZ-001",
+		className: cn("flex flex-col items-center justify-center gap-4 text-center", size === "compact" ? "px-4 py-8" : "px-4 py-12 md:py-16", className),
+		children: [
+			/* @__PURE__ */ jsxs(Icon, {
+				className: "relative flex items-center justify-center",
+				...part(0),
+				children: [/* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: "absolute size-16 rounded-full bg-gradient-soft"
+				}), /* @__PURE__ */ jsx(BrandFeedbackIcon, {
+					type,
+					size: size === "compact" ? "xl" : "2xl",
+					className: "relative"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex w-full flex-col gap-1",
+				children: [/* @__PURE__ */ jsx(Title, {
+					className: "text-base font-semibold wrap-break-word",
+					...part(1),
+					children: title
+				}), description && /* @__PURE__ */ jsx(Description, {
+					className: "text-sm wrap-break-word text-muted-foreground",
+					...part(2),
+					children: description
+				})]
+			}),
+			actions && /* @__PURE__ */ jsx(Actions, {
+				className: "flex flex-wrap justify-center gap-3",
+				...part(3),
+				children: actions
+			})
+		]
+	});
+}
+//#endregion
+export { EmptyState as t };
+
+//# sourceMappingURL=empty-state-a47Kd_Ci.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state-a47Kd_Ci.js","names":[],"sources":["../src/components/ui/empty-state.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from 'react'\nimport type { FeedbackType } from '@/brand/types'\nimport { BrandFeedbackIcon } from '@/components/ui/brand-feedback-icon'\nimport { cn } from '@/lib/cn'\nimport { useMotionLib, useMotionPresets } from '@/lib/motion'\n\nexport interface EmptyStateProps {\n  title: string\n  description?: ReactNode\n  /** Tipo do ícone de feedback da marca. info para \"sem dados\", error para falha. */\n  type?: FeedbackType\n  /** Ações: no máximo uma principal e uma secundária. */\n  actions?: ReactNode\n  /** compact: dentro de tabela ou card pequeno. */\n  size?: 'default' | 'compact'\n  /**\n   * Classes extras, que vencem as do componente. Para zerar o respiro vertical (por exemplo,\n   * dentro de um card que já tem o seu) use `className=\"py-0 md:py-0\"`.\n   */\n  className?: string\n}\n\n/** Estado vazio (e de erro) com o ícone de feedback da marca. */\nexport function EmptyState({\n  title,\n  description,\n  type = 'info',\n  actions,\n  size = 'default',\n  className,\n}: EmptyStateProps) {\n  const lib = useMotionLib()\n  const on = lib !== null\n  const presets = useMotionPresets()\n  // Em `on` as quatro partes (ícone, título, descrição e ações) sobem em cascata de 60 ms, cada\n  // uma com o deslize curto; a raiz em si não anima. Estado vazio é cota de encanto: ocasional,\n  // sem teclado no caminho. Em `off` o HTML é o de sempre.\n  const Icon: ElementType = on ? lib.m.span : 'span'\n  const Title: ElementType = on ? lib.m.p : 'p'\n  const Description: ElementType = on ? lib.m.p : 'p'\n  const Actions: ElementType = on ? lib.m.div : 'div'\n  const part = (index: number) => {\n    if (!on) return {}\n    const enter = presets.slide('bottom', 'short')\n    return { ...enter, transition: { ...enter.transition, ...presets.stagger(index) } }\n  }\n  return (\n    <div\n      data-rendra=\"VAZ-001\"\n      className={cn(\n        'flex flex-col items-center justify-center gap-4 text-center',\n        size === 'compact' ? 'px-4 py-8' : 'px-4 py-12 md:py-16',\n        className,\n      )}\n    >\n      <Icon className=\"relative flex items-center justify-center\" {...part(0)}>\n        <span aria-hidden className=\"absolute size-16 rounded-full bg-gradient-soft\" />\n        <BrandFeedbackIcon\n          type={type}\n          size={size === 'compact' ? 'xl' : '2xl'}\n          className=\"relative\"\n        />\n      </Icon>\n      <div className=\"flex w-full flex-col gap-1\">\n        <Title className=\"text-base font-semibold wrap-break-word\" {...part(1)}>\n          {title}\n        </Title>\n        {description && (\n          <Description className=\"text-sm wrap-break-word text-muted-foreground\" {...part(2)}>\n            {description}\n          </Description>\n        )}\n      </div>\n      {actions && (\n        <Actions className=\"flex flex-wrap justify-center gap-3\" {...part(3)}>\n          {actions}\n        </Actions>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAuBA,SAAgB,WAAW,EACzB,OACA,aACA,OAAO,QACP,SACA,OAAO,WACP,aACkB;CAClB,MAAM,MAAM,aAAa;CACzB,MAAM,KAAK,QAAQ;CACnB,MAAM,UAAU,iBAAiB;CAIjC,MAAM,OAAoB,KAAK,IAAI,EAAE,OAAO;CAC5C,MAAM,QAAqB,KAAK,IAAI,EAAE,IAAI;CAC1C,MAAM,cAA2B,KAAK,IAAI,EAAE,IAAI;CAChD,MAAM,UAAuB,KAAK,IAAI,EAAE,MAAM;CAC9C,MAAM,QAAQ,UAAkB;EAC9B,IAAI,CAAC,IAAI,OAAO,CAAC;EACjB,MAAM,QAAQ,QAAQ,MAAM,UAAU,OAAO;EAC7C,OAAO;GAAE,GAAG;GAAO,YAAY;IAAE,GAAG,MAAM;IAAY,GAAG,QAAQ,QAAQ,KAAK;GAAE;EAAE;CACpF;CACA,OACE,qBAAC,OAAD;EACE,eAAY;EACZ,WAAW,GACT,+DACA,SAAS,YAAY,cAAc,uBACnC,SACF;EANF,UAAA;GAQE,qBAAC,MAAD;IAAM,WAAU;IAA4C,GAAI,KAAK,CAAC;IAAtE,UAAA,CACE,oBAAC,QAAD;KAAM,eAAA;KAAY,WAAU;IAAkD,CAAA,GAC9E,oBAAC,mBAAD;KACQ;KACN,MAAM,SAAS,YAAY,OAAO;KAClC,WAAU;IACX,CAAA,CACG;;GACN,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,OAAD;KAAO,WAAU;KAA0C,GAAI,KAAK,CAAC;KAClE,UAAA;IACI,CAAA,GACN,eACC,oBAAC,aAAD;KAAa,WAAU;KAAgD,GAAI,KAAK,CAAC;KAC9E,UAAA;IACU,CAAA,CAEZ;;GACJ,WACC,oBAAC,SAAD;IAAS,WAAU;IAAsC,GAAI,KAAK,CAAC;IAChE,UAAA;GACM,CAAA;EAER;;AAET"}

package/dist/{features-max--5VEt6M7.js → features-max-ScxV8gb3.js}

@@ -1,3 +1,3 @@
-/*! Rendra Design System v2.5.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
+/*! Rendra Design System v2.7.0 | MIT | © 2026 Bruno Magalhaes | brunomagalhaes.me */
 import { domMax as react_default } from "motion/react";
 export { react_default as default };