@apipass/design-system 1.18.1 → 1.19.0

package/dist/lib/ui/components/WidgetEmptyState/WidgetEmptyState.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../vendor/clsx/dist/clsx.cjs");;/* empty css                         */const r=require("../../icons/IconInbox.cjs");function a({message:t,className:s,...i}){return e.jsxs("div",{role:"status",className:n.clsx("widget-empty-state",s),...i,children:[e.jsx(r.IconInbox,{size:"24",className:"widget-empty-state-icon"}),e.jsx("span",{className:"widget-empty-state-message",children:t})]})}exports.WidgetEmptyState=a;
+//# sourceMappingURL=WidgetEmptyState.cjs.map

package/dist/lib/ui/components/WidgetEmptyState/WidgetEmptyState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetEmptyState.cjs","sources":["../../../../../src/ui/components/WidgetEmptyState/WidgetEmptyState.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { type ComponentPropsWithoutRef } from \"react\";\nimport { IconInbox } from \"icons\";\nimport \"./widget-empty-state.css\";\n\nexport type WidgetEmptyStateProps = ComponentPropsWithoutRef<\"div\"> & {\n  message: string;\n};\n\nexport function WidgetEmptyState({\n  message,\n  className,\n  ...props\n}: WidgetEmptyStateProps) {\n  return (\n    <div role=\"status\" className={clsx(\"widget-empty-state\", className)} {...props}>\n      <IconInbox size=\"24\" className=\"widget-empty-state-icon\" />\n      <span className=\"widget-empty-state-message\">{message}</span>\n    </div>\n  );\n}\n"],"names":["WidgetEmptyState","message","className","props","jsxs","clsx","jsx","IconInbox"],"mappings":"0PASO,SAASA,EAAiB,CAC/B,QAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAA0B,CACxB,OACEC,OAAC,MAAA,CAAI,KAAK,SAAS,UAAWC,EAAAA,KAAK,qBAAsBH,CAAS,EAAI,GAAGC,EACvE,SAAA,CAAAG,EAAAA,IAACC,EAAAA,UAAA,CAAU,KAAK,KAAK,UAAU,0BAA0B,EACzDD,EAAAA,IAAC,OAAA,CAAK,UAAU,6BAA8B,SAAAL,CAAA,CAAQ,CAAA,EACxD,CAEJ"}

package/dist/lib/ui/components/WidgetEmptyState/WidgetEmptyState.js

@@ -0,0 +1,18 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { clsx as a } from "../../../vendor/clsx/dist/clsx.js";
+/* empty css                       */
+import { IconInbox as o } from "../../icons/IconInbox.js";
+function d({
+  message: e,
+  className: s,
+  ...m
+}) {
+  return /* @__PURE__ */ i("div", { role: "status", className: a("widget-empty-state", s), ...m, children: [
+    /* @__PURE__ */ t(o, { size: "24", className: "widget-empty-state-icon" }),
+    /* @__PURE__ */ t("span", { className: "widget-empty-state-message", children: e })
+  ] });
+}
+export {
+  d as WidgetEmptyState
+};
+//# sourceMappingURL=WidgetEmptyState.js.map

package/dist/lib/ui/components/WidgetEmptyState/WidgetEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetEmptyState.js","sources":["../../../../../src/ui/components/WidgetEmptyState/WidgetEmptyState.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { type ComponentPropsWithoutRef } from \"react\";\nimport { IconInbox } from \"icons\";\nimport \"./widget-empty-state.css\";\n\nexport type WidgetEmptyStateProps = ComponentPropsWithoutRef<\"div\"> & {\n  message: string;\n};\n\nexport function WidgetEmptyState({\n  message,\n  className,\n  ...props\n}: WidgetEmptyStateProps) {\n  return (\n    <div role=\"status\" className={clsx(\"widget-empty-state\", className)} {...props}>\n      <IconInbox size=\"24\" className=\"widget-empty-state-icon\" />\n      <span className=\"widget-empty-state-message\">{message}</span>\n    </div>\n  );\n}\n"],"names":["WidgetEmptyState","message","className","props","jsxs","clsx","jsx","IconInbox"],"mappings":";;;;AASO,SAASA,EAAiB;AAAA,EAC/B,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,SACE,gBAAAC,EAAC,OAAA,EAAI,MAAK,UAAS,WAAWC,EAAK,sBAAsBH,CAAS,GAAI,GAAGC,GACvE,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAA,EAAU,MAAK,MAAK,WAAU,2BAA0B;AAAA,IACzD,gBAAAD,EAAC,QAAA,EAAK,WAAU,8BAA8B,UAAAL,EAAA,CAAQ;AAAA,EAAA,GACxD;AAEJ;"}

package/dist/lib/ui/components/WidgetErrorState/WidgetErrorState.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../vendor/clsx/dist/clsx.cjs");;/* empty css                         */const l=require("../../icons/IconAlertTriangle.cjs"),o=require("../../primitives/Button/Button.cjs");function c({message:t,retryLabel:s,onRetry:r,className:i,...n}){return e.jsxs("div",{role:"alert",className:a.clsx("widget-error-state",i),...n,children:[e.jsx(l.IconAlertTriangle,{size:"24",className:"widget-error-state-icon"}),e.jsx("span",{className:"widget-error-state-message",children:t}),r&&e.jsx(o.Button,{variant:"neutral",size:"small",onPress:r,children:s})]})}exports.WidgetErrorState=c;
+//# sourceMappingURL=WidgetErrorState.cjs.map

package/dist/lib/ui/components/WidgetErrorState/WidgetErrorState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetErrorState.cjs","sources":["../../../../../src/ui/components/WidgetErrorState/WidgetErrorState.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { type ComponentPropsWithoutRef } from \"react\";\nimport { IconAlertTriangle } from \"icons\";\nimport { Button } from \"primitives\";\nimport \"./widget-error-state.css\";\n\nexport type WidgetErrorStateProps = ComponentPropsWithoutRef<\"div\"> & {\n  message: string;\n  retryLabel: string;\n  onRetry?: () => void;\n};\n\nexport function WidgetErrorState({\n  message,\n  retryLabel,\n  onRetry,\n  className,\n  ...props\n}: WidgetErrorStateProps) {\n  return (\n    <div role=\"alert\" className={clsx(\"widget-error-state\", className)} {...props}>\n      <IconAlertTriangle size=\"24\" className=\"widget-error-state-icon\" />\n      <span className=\"widget-error-state-message\">{message}</span>\n      {onRetry && (\n        <Button variant=\"neutral\" size=\"small\" onPress={onRetry}>\n          {retryLabel}\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"names":["WidgetErrorState","message","retryLabel","onRetry","className","props","jsxs","clsx","jsx","IconAlertTriangle","Button"],"mappings":"kTAYO,SAASA,EAAiB,CAC/B,QAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAA0B,CACxB,OACEC,OAAC,MAAA,CAAI,KAAK,QAAQ,UAAWC,EAAAA,KAAK,qBAAsBH,CAAS,EAAI,GAAGC,EACtE,SAAA,CAAAG,EAAAA,IAACC,EAAAA,kBAAA,CAAkB,KAAK,KAAK,UAAU,0BAA0B,EACjED,EAAAA,IAAC,OAAA,CAAK,UAAU,6BAA8B,SAAAP,EAAQ,EACrDE,SACEO,SAAA,CAAO,QAAQ,UAAU,KAAK,QAAQ,QAASP,EAC7C,SAAAD,CAAA,CACH,CAAA,EAEJ,CAEJ"}

package/dist/lib/ui/components/WidgetErrorState/WidgetErrorState.js

@@ -0,0 +1,22 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { clsx as l } from "../../../vendor/clsx/dist/clsx.js";
+/* empty css                       */
+import { IconAlertTriangle as m } from "../../icons/IconAlertTriangle.js";
+import { Button as n } from "../../primitives/Button/Button.js";
+function u({
+  message: t,
+  retryLabel: s,
+  onRetry: e,
+  className: i,
+  ...o
+}) {
+  return /* @__PURE__ */ a("div", { role: "alert", className: l("widget-error-state", i), ...o, children: [
+    /* @__PURE__ */ r(m, { size: "24", className: "widget-error-state-icon" }),
+    /* @__PURE__ */ r("span", { className: "widget-error-state-message", children: t }),
+    e && /* @__PURE__ */ r(n, { variant: "neutral", size: "small", onPress: e, children: s })
+  ] });
+}
+export {
+  u as WidgetErrorState
+};
+//# sourceMappingURL=WidgetErrorState.js.map

package/dist/lib/ui/components/WidgetErrorState/WidgetErrorState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetErrorState.js","sources":["../../../../../src/ui/components/WidgetErrorState/WidgetErrorState.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { type ComponentPropsWithoutRef } from \"react\";\nimport { IconAlertTriangle } from \"icons\";\nimport { Button } from \"primitives\";\nimport \"./widget-error-state.css\";\n\nexport type WidgetErrorStateProps = ComponentPropsWithoutRef<\"div\"> & {\n  message: string;\n  retryLabel: string;\n  onRetry?: () => void;\n};\n\nexport function WidgetErrorState({\n  message,\n  retryLabel,\n  onRetry,\n  className,\n  ...props\n}: WidgetErrorStateProps) {\n  return (\n    <div role=\"alert\" className={clsx(\"widget-error-state\", className)} {...props}>\n      <IconAlertTriangle size=\"24\" className=\"widget-error-state-icon\" />\n      <span className=\"widget-error-state-message\">{message}</span>\n      {onRetry && (\n        <Button variant=\"neutral\" size=\"small\" onPress={onRetry}>\n          {retryLabel}\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"names":["WidgetErrorState","message","retryLabel","onRetry","className","props","jsxs","clsx","jsx","IconAlertTriangle","Button"],"mappings":";;;;;AAYO,SAASA,EAAiB;AAAA,EAC/B,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,SACE,gBAAAC,EAAC,OAAA,EAAI,MAAK,SAAQ,WAAWC,EAAK,sBAAsBH,CAAS,GAAI,GAAGC,GACtE,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAA,EAAkB,MAAK,MAAK,WAAU,2BAA0B;AAAA,IACjE,gBAAAD,EAAC,QAAA,EAAK,WAAU,8BAA8B,UAAAP,GAAQ;AAAA,IACrDE,uBACEO,GAAA,EAAO,SAAQ,WAAU,MAAK,SAAQ,SAASP,GAC7C,UAAAD,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/lib/ui/components/WidgetLoadingState/WidgetLoadingState.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../vendor/clsx/dist/clsx.cjs");;/* empty css                           */const n=require("../../icons/IconLoader.cjs");function r({message:t,className:s,...i}){return e.jsxs("div",{role:"status","aria-live":"polite",className:a.clsx("widget-loading-state",s),...i,children:[e.jsx(n.IconLoader,{size:"24",className:"widget-loading-state-spinner"}),e.jsx("span",{className:"widget-loading-state-message",children:t})]})}exports.WidgetLoadingState=r;
+//# sourceMappingURL=WidgetLoadingState.cjs.map

package/dist/lib/ui/components/WidgetLoadingState/WidgetLoadingState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetLoadingState.cjs","sources":["../../../../../src/ui/components/WidgetLoadingState/WidgetLoadingState.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { type ComponentPropsWithoutRef } from \"react\";\nimport { IconLoader } from \"icons\";\nimport \"./widget-loading-state.css\";\n\nexport type WidgetLoadingStateProps = ComponentPropsWithoutRef<\"div\"> & {\n  message: string;\n};\n\nexport function WidgetLoadingState({\n  message,\n  className,\n  ...props\n}: WidgetLoadingStateProps) {\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className={clsx(\"widget-loading-state\", className)}\n      {...props}\n    >\n      <IconLoader size=\"24\" className=\"widget-loading-state-spinner\" />\n      <span className=\"widget-loading-state-message\">{message}</span>\n    </div>\n  );\n}\n"],"names":["WidgetLoadingState","message","className","props","jsxs","clsx","jsx","IconLoader"],"mappings":"6PASO,SAASA,EAAmB,CACjC,QAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAA4B,CAC1B,OACEC,EAAAA,KAAC,MAAA,CACC,KAAK,SACL,YAAU,SACV,UAAWC,EAAAA,KAAK,uBAAwBH,CAAS,EAChD,GAAGC,EAEJ,SAAA,CAAAG,EAAAA,IAACC,EAAAA,WAAA,CAAW,KAAK,KAAK,UAAU,+BAA+B,EAC/DD,EAAAA,IAAC,OAAA,CAAK,UAAU,+BAAgC,SAAAL,CAAA,CAAQ,CAAA,CAAA,CAAA,CAG9D"}

package/dist/lib/ui/components/WidgetLoadingState/WidgetLoadingState.js

@@ -0,0 +1,27 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { clsx as o } from "../../../vendor/clsx/dist/clsx.js";
+/* empty css                         */
+import { IconLoader as r } from "../../icons/IconLoader.js";
+function g({
+  message: t,
+  className: i,
+  ...a
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      className: o("widget-loading-state", i),
+      ...a,
+      children: [
+        /* @__PURE__ */ e(r, { size: "24", className: "widget-loading-state-spinner" }),
+        /* @__PURE__ */ e("span", { className: "widget-loading-state-message", children: t })
+      ]
+    }
+  );
+}
+export {
+  g as WidgetLoadingState
+};
+//# sourceMappingURL=WidgetLoadingState.js.map

package/dist/lib/ui/components/WidgetLoadingState/WidgetLoadingState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetLoadingState.js","sources":["../../../../../src/ui/components/WidgetLoadingState/WidgetLoadingState.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { type ComponentPropsWithoutRef } from \"react\";\nimport { IconLoader } from \"icons\";\nimport \"./widget-loading-state.css\";\n\nexport type WidgetLoadingStateProps = ComponentPropsWithoutRef<\"div\"> & {\n  message: string;\n};\n\nexport function WidgetLoadingState({\n  message,\n  className,\n  ...props\n}: WidgetLoadingStateProps) {\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className={clsx(\"widget-loading-state\", className)}\n      {...props}\n    >\n      <IconLoader size=\"24\" className=\"widget-loading-state-spinner\" />\n      <span className=\"widget-loading-state-message\">{message}</span>\n    </div>\n  );\n}\n"],"names":["WidgetLoadingState","message","className","props","jsxs","clsx","jsx","IconLoader"],"mappings":";;;;AASO,SAASA,EAAmB;AAAA,EACjC,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAA4B;AAC1B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,WAAWC,EAAK,wBAAwBH,CAAS;AAAA,MAChD,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAG,EAACC,GAAA,EAAW,MAAK,MAAK,WAAU,gCAA+B;AAAA,QAC/D,gBAAAD,EAAC,QAAA,EAAK,WAAU,gCAAgC,UAAAL,EAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9D;"}

package/dist/types/ui/components/WidgetEmptyState/WidgetEmptyState.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentPropsWithoutRef } from "react";
+import "./widget-empty-state.css";
+export type WidgetEmptyStateProps = ComponentPropsWithoutRef<"div"> & {
+    message: string;
+};
+export declare function WidgetEmptyState({ message, className, ...props }: WidgetEmptyStateProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/ui/components/WidgetErrorState/WidgetErrorState.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentPropsWithoutRef } from "react";
+import "./widget-error-state.css";
+export type WidgetErrorStateProps = ComponentPropsWithoutRef<"div"> & {
+    message: string;
+    retryLabel: string;
+    onRetry?: () => void;
+};
+export declare function WidgetErrorState({ message, retryLabel, onRetry, className, ...props }: WidgetErrorStateProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/ui/components/WidgetLoadingState/WidgetLoadingState.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentPropsWithoutRef } from "react";
+import "./widget-loading-state.css";
+export type WidgetLoadingStateProps = ComponentPropsWithoutRef<"div"> & {
+    message: string;
+};
+export declare function WidgetLoadingState({ message, className, ...props }: WidgetLoadingStateProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/ui/components/index.d.ts

@@ -6,4 +6,7 @@ export * from "./FormModal/FormModal";
 export * from "./PageHeader/PageHeader";
 export * from "./Sidebar/Sidebar";
 export * from "./Widget/Widget";
+export * from "./WidgetEmptyState/WidgetEmptyState";
+export * from "./WidgetErrorState/WidgetErrorState";
 export * from "./WidgetGrid/WidgetGrid";
+export * from "./WidgetLoadingState/WidgetLoadingState";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apipass/design-system",
-  "version": "1.18.1",
+  "version": "1.19.0",
   "type": "module",
   "description": "APIPass React Design System",
   "sideEffects": [