@hyddenlabs/hydn-ui 0.3.0-alpha.99 → 0.3.1

package/dist/components/feedback/alert/alert.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { NotificationColorVariant } from '../../../theme/tokens';
+export type AlertProps = {
+    /** The content to display inside the alert message */
+    children: ReactNode;
+    /** Visual style variant indicating the type of message (info, success, warning, or error) */
+    type?: NotificationColorVariant;
+    /** Whether the alert can be manually dismissed by the user via a close button */
+    dismissible?: boolean;
+    /** Callback function invoked when the alert is closed (either manually or via auto-dismiss) */
+    onClose?: () => void;
+    /** Additional CSS classes to apply to the alert container */
+    className?: string;
+    /** Position the alert fixed on the screen */
+    position?: 'top' | 'bottom' | 'relative';
+    /** Auto-dismiss duration in milliseconds (0 to disable) */
+    duration?: number;
+};
+/**
+ * Alert - Dismissible notice for info/success/warning/error messages
+ */
+declare function Alert({ children, type, dismissible, onClose, className, position, duration }: Readonly<AlertProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace Alert {
+    var displayName: string;
+}
+export default Alert;
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/feedback/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAiB,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAGhF,MAAM,MAAM,UAAU,GAAG;IACvB,sDAAsD;IACtD,QAAQ,EAAE,SAAS,CAAC;IACpB,6FAA6F;IAC7F,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC;IACzC,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,iBAAS,KAAK,CAAC,EACb,QAAQ,EACR,IAAa,EACb,WAAmB,EACnB,OAAO,EACP,SAAc,EACd,QAAqB,EACrB,QAAY,EACb,EAAE,QAAQ,CAAC,UAAU,CAAC,2CAgFtB;kBAxFQ,KAAK;;;AA4Fd,eAAe,KAAK,CAAC"}

package/dist/components/feedback/alert/alert.js

@@ -0,0 +1,86 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { colorVariants } from "../../../theme/tokens.js";
+import { Icon } from "../../system/icon/icon.js";
+function Alert({
+  children,
+  type = "info",
+  dismissible = false,
+  onClose,
+  className = "",
+  position = "relative",
+  duration = 0
+}) {
+  const [isClosing, setIsClosing] = useState(false);
+  const iconClasses = {
+    info: "text-info",
+    success: "text-success",
+    warning: "text-warning",
+    error: "text-error"
+  };
+  const handleClose = useCallback(() => {
+    setIsClosing(true);
+    setTimeout(() => {
+      onClose?.();
+    }, 300);
+  }, [onClose]);
+  useEffect(() => {
+    if (duration > 0 && onClose) {
+      const timer = setTimeout(() => {
+        handleClose();
+      }, duration);
+      return () => clearTimeout(timer);
+    }
+    return void 0;
+  }, [duration, onClose, handleClose]);
+  const icons = {
+    info: "info-circle",
+    success: "circle-check",
+    warning: "alert-triangle",
+    error: "exclamation-circle"
+  };
+  const positionClasses = {
+    top: "fixed top-4 left-1/2 -translate-x-1/2 z-[9999] max-w-2xl w-full mx-4",
+    bottom: "fixed bottom-4 left-1/2 -translate-x-1/2 z-[9999] max-w-2xl w-full mx-4",
+    relative: ""
+  };
+  const getAnimationClasses = () => {
+    if (position === "top") {
+      return isClosing ? "opacity-0 -translate-y-full" : "opacity-100 translate-y-0 animate-slideInTop";
+    }
+    if (position === "bottom") {
+      return isClosing ? "opacity-0 translate-y-full" : "opacity-100 translate-y-0 animate-slideInBottom";
+    }
+    return isClosing ? "opacity-0" : "opacity-100";
+  };
+  const alertContent = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "alert",
+      className: `p-4 border rounded-lg flex items-start gap-3 transition-all duration-300 ease-out ${colorVariants.alert[type]} ${positionClasses[position]} ${getAnimationClasses()} ${className}`,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: iconClasses[type], children: /* @__PURE__ */ jsx(Icon, { name: icons[type] }) }),
+        /* @__PURE__ */ jsx("span", { className: "flex-1 text-sm", children }),
+        dismissible && onClose && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleClose,
+            className: "shrink-0 text-current opacity-70 hover:opacity-100 transition-opacity focus:outline-none cursor-pointer rounded p-0.5",
+            "aria-label": "Close alert",
+            children: /* @__PURE__ */ jsx(Icon, { name: "x", className: "w-5 h-5" })
+          }
+        )
+      ]
+    }
+  );
+  if (position !== "relative" && typeof document !== "undefined") {
+    return createPortal(alertContent, document.body);
+  }
+  return alertContent;
+}
+Alert.displayName = "Alert";
+export {
+  Alert as default
+};
+//# sourceMappingURL=alert.js.map

package/dist/components/feedback/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sources":["../../../../src/components/feedback/alert/alert.tsx"],"sourcesContent":["import { ReactNode, useEffect, useCallback, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { colorVariants, NotificationColorVariant } from '../../../theme/tokens';\nimport { Icon } from '../../system/icon/icon';\n\nexport type AlertProps = {\n  /** The content to display inside the alert message */\n  children: ReactNode;\n  /** Visual style variant indicating the type of message (info, success, warning, or error) */\n  type?: NotificationColorVariant;\n  /** Whether the alert can be manually dismissed by the user via a close button */\n  dismissible?: boolean;\n  /** Callback function invoked when the alert is closed (either manually or via auto-dismiss) */\n  onClose?: () => void;\n  /** Additional CSS classes to apply to the alert container */\n  className?: string;\n  /** Position the alert fixed on the screen */\n  position?: 'top' | 'bottom' | 'relative';\n  /** Auto-dismiss duration in milliseconds (0 to disable) */\n  duration?: number;\n};\n\n/**\n * Alert - Dismissible notice for info/success/warning/error messages\n */\nfunction Alert({\n  children,\n  type = 'info',\n  dismissible = false,\n  onClose,\n  className = '',\n  position = 'relative',\n  duration = 0\n}: Readonly<AlertProps>) {\n  const [isClosing, setIsClosing] = useState(false);\n\n  const iconClasses = {\n    info: 'text-info',\n    success: 'text-success',\n    warning: 'text-warning',\n    error: 'text-error'\n  };\n\n  // Auto-dismiss functionality\n  const handleClose = useCallback(() => {\n    setIsClosing(true);\n    // Wait for animation to complete before calling onClose\n    setTimeout(() => {\n      onClose?.();\n    }, 300); // Match animation duration\n  }, [onClose]);\n\n  useEffect(() => {\n    if (duration > 0 && onClose) {\n      const timer = setTimeout(() => {\n        handleClose();\n      }, duration);\n      return () => clearTimeout(timer);\n    }\n    return undefined;\n  }, [duration, onClose, handleClose]);\n\n  const icons: Record<NotificationColorVariant, string> = {\n    info: 'info-circle',\n    success: 'circle-check',\n    warning: 'alert-triangle',\n    error: 'exclamation-circle'\n  };\n\n  const positionClasses = {\n    top: 'fixed top-4 left-1/2 -translate-x-1/2 z-[9999] max-w-2xl w-full mx-4',\n    bottom: 'fixed bottom-4 left-1/2 -translate-x-1/2 z-[9999] max-w-2xl w-full mx-4',\n    relative: ''\n  };\n\n  // Animation classes based on position\n  const getAnimationClasses = () => {\n    if (position === 'top') {\n      return isClosing ? 'opacity-0 -translate-y-full' : 'opacity-100 translate-y-0 animate-slideInTop';\n    }\n    if (position === 'bottom') {\n      return isClosing ? 'opacity-0 translate-y-full' : 'opacity-100 translate-y-0 animate-slideInBottom';\n    }\n    return isClosing ? 'opacity-0' : 'opacity-100';\n  };\n\n  const alertContent = (\n    <div\n      role=\"alert\"\n      className={`p-4 border rounded-lg flex items-start gap-3 transition-all duration-300 ease-out ${colorVariants.alert[type]} ${positionClasses[position]} ${getAnimationClasses()} ${className}`}\n    >\n      <span className={iconClasses[type]}>\n        <Icon name={icons[type]} />\n      </span>\n      <span className=\"flex-1 text-sm\">{children}</span>\n      {dismissible && onClose && (\n        <button\n          onClick={handleClose}\n          className=\"shrink-0 text-current opacity-70 hover:opacity-100 transition-opacity focus:outline-none cursor-pointer rounded p-0.5\"\n          aria-label=\"Close alert\"\n        >\n          <Icon name=\"x\" className=\"w-5 h-5\" />\n        </button>\n      )}\n    </div>\n  );\n\n  // Use portal for fixed positioning to avoid container clipping\n  if (position !== 'relative' && typeof document !== 'undefined') {\n    return createPortal(alertContent, document.body);\n  }\n\n  return alertContent;\n}\n\nAlert.displayName = 'Alert';\n\nexport default Alert;\n"],"names":[],"mappings":";;;;;AAyBA,SAAS,MAAM;AAAA,EACb;AAAA,EACA,OAAO;AAAA,EACP,cAAc;AAAA,EACd;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW;AACb,GAAyB;AACvB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,cAAc;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAIT,QAAM,cAAc,YAAY,MAAM;AACpC,iBAAa,IAAI;AAEjB,eAAW,MAAM;AACf,gBAAA;AAAA,IACF,GAAG,GAAG;AAAA,EACR,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;AACd,QAAI,WAAW,KAAK,SAAS;AAC3B,YAAM,QAAQ,WAAW,MAAM;AAC7B,oBAAA;AAAA,MACF,GAAG,QAAQ;AACX,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC;AACA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,SAAS,WAAW,CAAC;AAEnC,QAAM,QAAkD;AAAA,IACtD,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAGT,QAAM,kBAAkB;AAAA,IACtB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,EAAA;AAIZ,QAAM,sBAAsB,MAAM;AAChC,QAAI,aAAa,OAAO;AACtB,aAAO,YAAY,gCAAgC;AAAA,IACrD;AACA,QAAI,aAAa,UAAU;AACzB,aAAO,YAAY,+BAA+B;AAAA,IACpD;AACA,WAAO,YAAY,cAAc;AAAA,EACnC;AAEA,QAAM,eACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,qFAAqF,cAAc,MAAM,IAAI,CAAC,IAAI,gBAAgB,QAAQ,CAAC,IAAI,oBAAA,CAAqB,IAAI,SAAS;AAAA,MAE5L,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAW,YAAY,IAAI,GAC/B,UAAA,oBAAC,MAAA,EAAK,MAAM,MAAM,IAAI,EAAA,CAAG,EAAA,CAC3B;AAAA,QACA,oBAAC,QAAA,EAAK,WAAU,kBAAkB,SAAA,CAAS;AAAA,QAC1C,eAAe,WACd;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,WAAU;AAAA,YACV,cAAW;AAAA,YAEX,UAAA,oBAAC,MAAA,EAAK,MAAK,KAAI,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACrC;AAAA,IAAA;AAAA,EAAA;AAMN,MAAI,aAAa,cAAc,OAAO,aAAa,aAAa;AAC9D,WAAO,aAAa,cAAc,SAAS,IAAI;AAAA,EACjD;AAEA,SAAO;AACT;AAEA,MAAM,cAAc;"}

package/dist/components/feedback/alert/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './alert';
+export type { AlertProps } from './alert';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/feedback/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/feedback/dialog/delete-dialog.d.ts

@@ -0,0 +1,41 @@
+export type DeleteDialogProps = {
+    /** Controls the visibility state of the delete dialog */
+    isOpen: boolean;
+    /** Callback function invoked when the dialog is closed or cancelled */
+    onClose: () => void;
+    /** Callback function invoked when the user confirms the deletion */
+    onConfirm: () => void;
+    /** Custom title for the dialog (defaults to 'Confirm Deletion') */
+    title?: string;
+    /** Custom description text (defaults to a generic warning message) */
+    description?: string;
+    /** Name of the item being deleted, used in the default description */
+    itemName?: string;
+    /** Whether the deletion operation is in progress, disables buttons and shows loading state */
+    isLoading?: boolean;
+    /** Custom text for the confirm/delete button (defaults to 'Delete') */
+    confirmText?: string;
+    /** Custom text for the cancel button (defaults to 'Cancel') */
+    cancelText?: string;
+    /** Additional CSS classes to apply to the dialog container */
+    className?: string;
+};
+/**
+ * DeleteDialog - Pre-configured dialog for delete confirmations
+ *
+ * @example
+ * ```tsx
+ * <DeleteDialog
+ *   isOpen={showDelete}
+ *   onClose={() => setShowDelete(false)}
+ *   onConfirm={handleDelete}
+ *   itemName="user account"
+ * />
+ * ```
+ */
+declare function DeleteDialog({ isOpen, onClose, onConfirm, title, description, itemName, isLoading, confirmText, cancelText, className }: Readonly<DeleteDialogProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace DeleteDialog {
+    var displayName: string;
+}
+export default DeleteDialog;
+//# sourceMappingURL=delete-dialog.d.ts.map

package/dist/components/feedback/dialog/delete-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/dialog/delete-dialog.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,yDAAyD;IACzD,MAAM,EAAE,OAAO,CAAC;IAChB,uEAAuE;IACvE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oEAAoE;IACpE,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,iBAAS,YAAY,CAAC,EACpB,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAA0B,EAC1B,WAAW,EACX,QAAQ,EACR,SAAiB,EACjB,WAAsB,EACtB,UAAqB,EACrB,SAAc,EACf,EAAE,QAAQ,CAAC,iBAAiB,CAAC,2CAsC7B;kBAjDQ,YAAY;;;AAqDrB,eAAe,YAAY,CAAC"}

package/dist/components/feedback/dialog/delete-dialog.js

@@ -0,0 +1,52 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import Modal from "../modal/modal.js";
+import Button from "../../forms/button/button.js";
+import Stack from "../../layout/stack/stack.js";
+import Text from "../../typography/text/text.js";
+function DeleteDialog({
+  isOpen,
+  onClose,
+  onConfirm,
+  title = "Confirm Deletion",
+  description,
+  itemName,
+  isLoading = false,
+  confirmText = "Delete",
+  cancelText = "Cancel",
+  className = ""
+}) {
+  const renderDescription = () => {
+    if (description) {
+      return /* @__PURE__ */ jsx(Text, { children: description });
+    }
+    if (itemName) {
+      return /* @__PURE__ */ jsxs(Text, { children: [
+        "Are you sure you want to delete ",
+        /* @__PURE__ */ jsx("strong", { children: itemName }),
+        "? This action cannot be undone."
+      ] });
+    }
+    return /* @__PURE__ */ jsx(Text, { children: "Are you sure you want to delete this item? This action cannot be undone." });
+  };
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      isOpen,
+      onClose,
+      title,
+      className,
+      content: /* @__PURE__ */ jsxs(Fragment, { children: [
+        renderDescription(),
+        /* @__PURE__ */ jsxs(Stack, { direction: "horizontal", justify: "end", children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "neutral", style: "ghost", onClick: onClose, disabled: isLoading, children: cancelText }),
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "error", onClick: onConfirm, disabled: isLoading, loading: isLoading, children: confirmText })
+        ] })
+      ] })
+    }
+  );
+}
+DeleteDialog.displayName = "DeleteDialog";
+export {
+  DeleteDialog as default
+};
+//# sourceMappingURL=delete-dialog.js.map

package/dist/components/feedback/dialog/delete-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-dialog.js","sources":["../../../../src/components/feedback/dialog/delete-dialog.tsx"],"sourcesContent":["import Modal from '../modal/modal';\nimport Button from '../../forms/button/button';\nimport Stack from '../../layout/stack/stack';\nimport Text from '../../typography/text/text';\n\nexport type DeleteDialogProps = {\n  /** Controls the visibility state of the delete dialog */\n  isOpen: boolean;\n  /** Callback function invoked when the dialog is closed or cancelled */\n  onClose: () => void;\n  /** Callback function invoked when the user confirms the deletion */\n  onConfirm: () => void;\n  /** Custom title for the dialog (defaults to 'Confirm Deletion') */\n  title?: string;\n  /** Custom description text (defaults to a generic warning message) */\n  description?: string;\n  /** Name of the item being deleted, used in the default description */\n  itemName?: string;\n  /** Whether the deletion operation is in progress, disables buttons and shows loading state */\n  isLoading?: boolean;\n  /** Custom text for the confirm/delete button (defaults to 'Delete') */\n  confirmText?: string;\n  /** Custom text for the cancel button (defaults to 'Cancel') */\n  cancelText?: string;\n  /** Additional CSS classes to apply to the dialog container */\n  className?: string;\n};\n\n/**\n * DeleteDialog - Pre-configured dialog for delete confirmations\n *\n * @example\n * ```tsx\n * <DeleteDialog\n *   isOpen={showDelete}\n *   onClose={() => setShowDelete(false)}\n *   onConfirm={handleDelete}\n *   itemName=\"user account\"\n * />\n * ```\n */\nfunction DeleteDialog({\n  isOpen,\n  onClose,\n  onConfirm,\n  title = 'Confirm Deletion',\n  description,\n  itemName,\n  isLoading = false,\n  confirmText = 'Delete',\n  cancelText = 'Cancel',\n  className = ''\n}: Readonly<DeleteDialogProps>) {\n  const renderDescription = () => {\n    if (description) {\n      return <Text>{description}</Text>;\n    }\n\n    if (itemName) {\n      return (\n        <Text>\n          Are you sure you want to delete <strong>{itemName}</strong>? This action cannot be undone.\n        </Text>\n      );\n    }\n\n    return <Text>Are you sure you want to delete this item? This action cannot be undone.</Text>;\n  };\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      title={title}\n      className={className}\n      content={\n        <>\n          {renderDescription()}\n          <Stack direction=\"horizontal\" justify=\"end\">\n            <Button type=\"button\" variant=\"neutral\" style=\"ghost\" onClick={onClose} disabled={isLoading}>\n              {cancelText}\n            </Button>\n            <Button type=\"button\" variant=\"error\" onClick={onConfirm} disabled={isLoading} loading={isLoading}>\n              {confirmText}\n            </Button>\n          </Stack>\n        </>\n      }\n    />\n  );\n}\n\nDeleteDialog.displayName = 'DeleteDialog';\n\nexport default DeleteDialog;\n"],"names":[],"mappings":";;;;;AAyCA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AACd,GAAgC;AAC9B,QAAM,oBAAoB,MAAM;AAC9B,QAAI,aAAa;AACf,aAAO,oBAAC,QAAM,UAAA,YAAA,CAAY;AAAA,IAC5B;AAEA,QAAI,UAAU;AACZ,kCACG,MAAA,EAAK,UAAA;AAAA,QAAA;AAAA,QAC4B,oBAAC,YAAQ,UAAA,SAAA,CAAS;AAAA,QAAS;AAAA,MAAA,GAC7D;AAAA,IAEJ;AAEA,WAAO,oBAAC,QAAK,UAAA,2EAAA,CAAwE;AAAA,EACvF;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SACE,qBAAA,UAAA,EACG,UAAA;AAAA,QAAA,kBAAA;AAAA,QACD,qBAAC,OAAA,EAAM,WAAU,cAAa,SAAQ,OACpC,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAO,MAAK,UAAS,SAAQ,WAAU,OAAM,SAAQ,SAAS,SAAS,UAAU,WAC/E,UAAA,YACH;AAAA,UACA,oBAAC,QAAA,EAAO,MAAK,UAAS,SAAQ,SAAQ,SAAS,WAAW,UAAU,WAAW,SAAS,WACrF,UAAA,YAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,aAAa,cAAc;"}

package/dist/components/feedback/dialog/dialog.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+export type DialogProps = {
+    /** Controls the visibility state of the dialog */
+    isOpen: boolean;
+    /** Callback function invoked when the dialog should close */
+    onClose: () => void;
+    /** Title text displayed at the top of the dialog */
+    title: string;
+    /** Main content to display in the dialog body */
+    children: React.ReactNode;
+    /** Optional footer actions (typically buttons) to display at the bottom of the dialog */
+    actions?: React.ReactNode;
+    /** Additional CSS classes to apply to the dialog container */
+    className?: string;
+};
+/**
+ * Dialog component (built on Modal)
+ */
+declare function Dialog({ isOpen, onClose, title, children, actions, className }: Readonly<DialogProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace Dialog {
+    var displayName: string;
+}
+export default Dialog;
+//# sourceMappingURL=dialog.d.ts.map

package/dist/components/feedback/dialog/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,WAAW,GAAG;IACxB,kDAAkD;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,6DAA6D;IAC7D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yFAAyF;IACzF,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,iBAAS,MAAM,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAc,EAAE,EAAE,QAAQ,CAAC,WAAW,CAAC,2CAYnG;kBAZQ,MAAM;;;AAgBf,eAAe,MAAM,CAAC"}

package/dist/components/feedback/dialog/dialog.js

@@ -0,0 +1,15 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Modal from "../modal/modal.js";
+import Text from "../../typography/text/text.js";
+function Dialog({ isOpen, onClose, title, children, actions, className = "" }) {
+  return /* @__PURE__ */ jsx(Modal, { isOpen, onClose, ariaLabel: title, className, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsx(Text, { weight: "bold", size: "2xl", hasMargin: true, children: title }),
+    /* @__PURE__ */ jsx("div", { className: "text-foreground", children }),
+    actions && /* @__PURE__ */ jsx("div", { className: "flex justify-end gap-3 pt-2", children: actions })
+  ] }) });
+}
+Dialog.displayName = "Dialog";
+export {
+  Dialog as default
+};
+//# sourceMappingURL=dialog.js.map

package/dist/components/feedback/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sources":["../../../../src/components/feedback/dialog/dialog.tsx"],"sourcesContent":["import React from 'react';\n\nimport Modal from '../modal/modal';\nimport Text from '../../typography/text/text';\n\nexport type DialogProps = {\n  /** Controls the visibility state of the dialog */\n  isOpen: boolean;\n  /** Callback function invoked when the dialog should close */\n  onClose: () => void;\n  /** Title text displayed at the top of the dialog */\n  title: string;\n  /** Main content to display in the dialog body */\n  children: React.ReactNode;\n  /** Optional footer actions (typically buttons) to display at the bottom of the dialog */\n  actions?: React.ReactNode;\n  /** Additional CSS classes to apply to the dialog container */\n  className?: string;\n};\n\n/**\n * Dialog component (built on Modal)\n */\nfunction Dialog({ isOpen, onClose, title, children, actions, className = '' }: Readonly<DialogProps>) {\n  return (\n    <Modal isOpen={isOpen} onClose={onClose} ariaLabel={title} className={className}>\n      <div className=\"flex flex-col\">\n        <Text weight=\"bold\" size=\"2xl\" hasMargin>\n          {title}\n        </Text>\n        <div className=\"text-foreground\">{children}</div>\n        {actions && <div className=\"flex justify-end gap-3 pt-2\">{actions}</div>}\n      </div>\n    </Modal>\n  );\n}\n\nDialog.displayName = 'Dialog';\n\nexport default Dialog;\n"],"names":[],"mappings":";;;AAuBA,SAAS,OAAO,EAAE,QAAQ,SAAS,OAAO,UAAU,SAAS,YAAY,MAA6B;AACpG,SACE,oBAAC,OAAA,EAAM,QAAgB,SAAkB,WAAW,OAAO,WACzD,UAAA,qBAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,IAAA,oBAAC,QAAK,QAAO,QAAO,MAAK,OAAM,WAAS,MACrC,UAAA,MAAA,CACH;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,mBAAmB,SAAA,CAAS;AAAA,IAC1C,WAAW,oBAAC,OAAA,EAAI,WAAU,+BAA+B,UAAA,QAAA,CAAQ;AAAA,EAAA,EAAA,CACpE,EAAA,CACF;AAEJ;AAEA,OAAO,cAAc;"}

package/dist/components/feedback/dialog/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './dialog';
+export type { DialogProps } from './dialog';
+export { default as DeleteDialog } from './delete-dialog';
+export type { DeleteDialogProps } from './delete-dialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/feedback/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/feedback/error-page/error-400.d.ts

@@ -0,0 +1,22 @@
+export type Error400Props = {
+    /** Custom title - defaults to "Bad Request" */
+    title?: string;
+    /** Custom description - defaults to generic bad request message */
+    description?: string;
+    /** Custom action button text - defaults to "Go Home" */
+    actionText?: string;
+    /** Action button click handler */
+    onAction?: () => void;
+    /** Additional CSS classes */
+    className?: string;
+};
+/**
+ * Error400 - Bad Request error page
+ * Displays when the server cannot process the request due to client error
+ */
+declare function Error400({ title, description, actionText, onAction, className }: Readonly<Error400Props>): import("react/jsx-runtime").JSX.Element;
+declare namespace Error400 {
+    var displayName: string;
+}
+export default Error400;
+//# sourceMappingURL=error-400.d.ts.map

package/dist/components/feedback/error-page/error-400.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-400.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/error-page/error-400.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,aAAa,GAAG;IAC1B,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,iBAAS,QAAQ,CAAC,EAChB,KAAqB,EACrB,WAAwF,EACxF,UAAsB,EACtB,QAAQ,EACR,SAAc,EACf,EAAE,QAAQ,CAAC,aAAa,CAAC,2CA0BzB;kBAhCQ,QAAQ;;;AAoCjB,eAAe,QAAQ,CAAC"}

package/dist/components/feedback/error-page/error-400.js

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Icon } from "../../system/icon/icon.js";
+import Button from "../../forms/button/button.js";
+import Text from "../../typography/text/text.js";
+import Heading from "../../typography/heading/heading.js";
+import Stack from "../../layout/stack/stack.js";
+function Error400({
+  title = "Bad Request",
+  description = "We couldn't process your request. Please check your input and try again.",
+  actionText = "Go Home",
+  onAction,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsx("div", { className: `flex items-center justify-center min-h-screen px-4 ${className}`, children: /* @__PURE__ */ jsxs(Stack, { direction: "vertical", spacing: "xl", align: "center", className: "max-w-md text-center", children: [
+    /* @__PURE__ */ jsx(Icon, { name: "alert-circle", size: "2xl", className: "text-warning" }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "vertical", spacing: "md", align: "center", children: [
+      /* @__PURE__ */ jsx(Text, { variant: "muted", size: "sm", weight: "semibold", children: "ERROR 400" }),
+      /* @__PURE__ */ jsx(Heading, { level: 1, children: title }),
+      /* @__PURE__ */ jsx(Text, { variant: "muted", size: "lg", children: description })
+    ] }),
+    onAction && /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", onClick: onAction, children: actionText })
+  ] }) });
+}
+Error400.displayName = "Error400";
+export {
+  Error400 as default
+};
+//# sourceMappingURL=error-400.js.map

package/dist/components/feedback/error-page/error-400.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-400.js","sources":["../../../../src/components/feedback/error-page/error-400.tsx"],"sourcesContent":["import { Icon } from '../../system/icon';\nimport Button from '../../forms/button/button';\nimport Text from '../../typography/text/text';\nimport Heading from '../../typography/heading/heading';\nimport Stack from '../../layout/stack/stack';\n\nexport type Error400Props = {\n  /** Custom title - defaults to \"Bad Request\" */\n  title?: string;\n  /** Custom description - defaults to generic bad request message */\n  description?: string;\n  /** Custom action button text - defaults to \"Go Home\" */\n  actionText?: string;\n  /** Action button click handler */\n  onAction?: () => void;\n  /** Additional CSS classes */\n  className?: string;\n};\n\n/**\n * Error400 - Bad Request error page\n * Displays when the server cannot process the request due to client error\n */\nfunction Error400({\n  title = 'Bad Request',\n  description = \"We couldn't process your request. Please check your input and try again.\",\n  actionText = 'Go Home',\n  onAction,\n  className = ''\n}: Readonly<Error400Props>) {\n  return (\n    <div className={`flex items-center justify-center min-h-screen px-4 ${className}`}>\n      <Stack direction=\"vertical\" spacing=\"xl\" align=\"center\" className=\"max-w-md text-center\">\n        <Icon name=\"alert-circle\" size=\"2xl\" className=\"text-warning\" />\n\n        <Stack direction=\"vertical\" spacing=\"md\" align=\"center\">\n          <Text variant=\"muted\" size=\"sm\" weight=\"semibold\">\n            ERROR 400\n          </Text>\n\n          <Heading level={1}>{title}</Heading>\n\n          <Text variant=\"muted\" size=\"lg\">\n            {description}\n          </Text>\n        </Stack>\n\n        {onAction && (\n          <Button variant=\"primary\" size=\"lg\" onClick={onAction}>\n            {actionText}\n          </Button>\n        )}\n      </Stack>\n    </div>\n  );\n}\n\nError400.displayName = 'Error400';\n\nexport default Error400;\n"],"names":[],"mappings":";;;;;;AAuBA,SAAS,SAAS;AAAA,EAChB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb;AAAA,EACA,YAAY;AACd,GAA4B;AAC1B,SACE,oBAAC,OAAA,EAAI,WAAW,sDAAsD,SAAS,IAC7E,UAAA,qBAAC,OAAA,EAAM,WAAU,YAAW,SAAQ,MAAK,OAAM,UAAS,WAAU,wBAChE,UAAA;AAAA,IAAA,oBAAC,QAAK,MAAK,gBAAe,MAAK,OAAM,WAAU,gBAAe;AAAA,yBAE7D,OAAA,EAAM,WAAU,YAAW,SAAQ,MAAK,OAAM,UAC7C,UAAA;AAAA,MAAA,oBAAC,QAAK,SAAQ,SAAQ,MAAK,MAAK,QAAO,YAAW,UAAA,YAAA,CAElD;AAAA,MAEA,oBAAC,SAAA,EAAQ,OAAO,GAAI,UAAA,OAAM;AAAA,0BAEzB,MAAA,EAAK,SAAQ,SAAQ,MAAK,MACxB,UAAA,YAAA,CACH;AAAA,IAAA,GACF;AAAA,IAEC,gCACE,QAAA,EAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,UAC1C,UAAA,WAAA,CACH;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;AAEA,SAAS,cAAc;"}

package/dist/components/feedback/error-page/error-401.d.ts

@@ -0,0 +1,26 @@
+export type Error401Props = {
+    /** Custom title - defaults to "Unauthorized" */
+    title?: string;
+    /** Custom description - defaults to generic unauthorized message */
+    description?: string;
+    /** Primary action button text - defaults to "Sign In" */
+    primaryActionText?: string;
+    /** Primary action button click handler */
+    onPrimaryAction?: () => void;
+    /** Secondary action button text - defaults to "Go Home" */
+    secondaryActionText?: string;
+    /** Secondary action button click handler */
+    onSecondaryAction?: () => void;
+    /** Additional CSS classes */
+    className?: string;
+};
+/**
+ * Error401 - Unauthorized error page
+ * Displays when authentication is required but not provided or invalid
+ */
+declare function Error401({ title, description, primaryActionText, onPrimaryAction, secondaryActionText, onSecondaryAction, className }: Readonly<Error401Props>): import("react/jsx-runtime").JSX.Element;
+declare namespace Error401 {
+    var displayName: string;
+}
+export default Error401;
+//# sourceMappingURL=error-401.d.ts.map

package/dist/components/feedback/error-page/error-401.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-401.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/error-page/error-401.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,aAAa,GAAG;IAC1B,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0CAA0C;IAC1C,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,2DAA2D;IAC3D,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,iBAAS,QAAQ,CAAC,EAChB,KAAsB,EACtB,WAA6F,EAC7F,iBAA6B,EAC7B,eAAe,EACf,mBAA+B,EAC/B,iBAAiB,EACjB,SAAc,EACf,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAiCzB;kBAzCQ,QAAQ;;;AA6CjB,eAAe,QAAQ,CAAC"}

package/dist/components/feedback/error-page/error-401.js

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Icon } from "../../system/icon/icon.js";
+import Button from "../../forms/button/button.js";
+import Text from "../../typography/text/text.js";
+import Heading from "../../typography/heading/heading.js";
+import Stack from "../../layout/stack/stack.js";
+function Error401({
+  title = "Unauthorized",
+  description = "You need to sign in to access this page. Please log in with your credentials.",
+  primaryActionText = "Sign In",
+  onPrimaryAction,
+  secondaryActionText = "Go Home",
+  onSecondaryAction,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsx("div", { className: `flex items-center justify-center min-h-screen px-4 ${className}`, children: /* @__PURE__ */ jsxs(Stack, { direction: "vertical", spacing: "xl", align: "center", className: "max-w-md text-center", children: [
+    /* @__PURE__ */ jsx(Icon, { name: "lock", size: "2xl", className: "text-error" }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "vertical", spacing: "md", align: "center", children: [
+      /* @__PURE__ */ jsx(Text, { variant: "muted", size: "sm", weight: "semibold", children: "ERROR 401" }),
+      /* @__PURE__ */ jsx(Heading, { level: 1, children: title }),
+      /* @__PURE__ */ jsx(Text, { variant: "muted", size: "lg", children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "horizontal", spacing: "md", align: "center", children: [
+      onPrimaryAction && /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", onClick: onPrimaryAction, children: primaryActionText }),
+      onSecondaryAction && /* @__PURE__ */ jsx(Button, { variant: "neutral", style: "outline", size: "lg", onClick: onSecondaryAction, children: secondaryActionText })
+    ] })
+  ] }) });
+}
+Error401.displayName = "Error401";
+export {
+  Error401 as default
+};
+//# sourceMappingURL=error-401.js.map

package/dist/components/feedback/error-page/error-401.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-401.js","sources":["../../../../src/components/feedback/error-page/error-401.tsx"],"sourcesContent":["import { Icon } from '../../system/icon';\nimport Button from '../../forms/button/button';\nimport Text from '../../typography/text/text';\nimport Heading from '../../typography/heading/heading';\nimport Stack from '../../layout/stack/stack';\n\nexport type Error401Props = {\n  /** Custom title - defaults to \"Unauthorized\" */\n  title?: string;\n  /** Custom description - defaults to generic unauthorized message */\n  description?: string;\n  /** Primary action button text - defaults to \"Sign In\" */\n  primaryActionText?: string;\n  /** Primary action button click handler */\n  onPrimaryAction?: () => void;\n  /** Secondary action button text - defaults to \"Go Home\" */\n  secondaryActionText?: string;\n  /** Secondary action button click handler */\n  onSecondaryAction?: () => void;\n  /** Additional CSS classes */\n  className?: string;\n};\n\n/**\n * Error401 - Unauthorized error page\n * Displays when authentication is required but not provided or invalid\n */\nfunction Error401({\n  title = 'Unauthorized',\n  description = 'You need to sign in to access this page. Please log in with your credentials.',\n  primaryActionText = 'Sign In',\n  onPrimaryAction,\n  secondaryActionText = 'Go Home',\n  onSecondaryAction,\n  className = ''\n}: Readonly<Error401Props>) {\n  return (\n    <div className={`flex items-center justify-center min-h-screen px-4 ${className}`}>\n      <Stack direction=\"vertical\" spacing=\"xl\" align=\"center\" className=\"max-w-md text-center\">\n        <Icon name=\"lock\" size=\"2xl\" className=\"text-error\" />\n\n        <Stack direction=\"vertical\" spacing=\"md\" align=\"center\">\n          <Text variant=\"muted\" size=\"sm\" weight=\"semibold\">\n            ERROR 401\n          </Text>\n\n          <Heading level={1}>{title}</Heading>\n\n          <Text variant=\"muted\" size=\"lg\">\n            {description}\n          </Text>\n        </Stack>\n\n        <Stack direction=\"horizontal\" spacing=\"md\" align=\"center\">\n          {onPrimaryAction && (\n            <Button variant=\"primary\" size=\"lg\" onClick={onPrimaryAction}>\n              {primaryActionText}\n            </Button>\n          )}\n          {onSecondaryAction && (\n            <Button variant=\"neutral\" style=\"outline\" size=\"lg\" onClick={onSecondaryAction}>\n              {secondaryActionText}\n            </Button>\n          )}\n        </Stack>\n      </Stack>\n    </div>\n  );\n}\n\nError401.displayName = 'Error401';\n\nexport default Error401;\n"],"names":[],"mappings":";;;;;;AA2BA,SAAS,SAAS;AAAA,EAChB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB;AAAA,EACA,sBAAsB;AAAA,EACtB;AAAA,EACA,YAAY;AACd,GAA4B;AAC1B,SACE,oBAAC,OAAA,EAAI,WAAW,sDAAsD,SAAS,IAC7E,UAAA,qBAAC,OAAA,EAAM,WAAU,YAAW,SAAQ,MAAK,OAAM,UAAS,WAAU,wBAChE,UAAA;AAAA,IAAA,oBAAC,QAAK,MAAK,QAAO,MAAK,OAAM,WAAU,cAAa;AAAA,yBAEnD,OAAA,EAAM,WAAU,YAAW,SAAQ,MAAK,OAAM,UAC7C,UAAA;AAAA,MAAA,oBAAC,QAAK,SAAQ,SAAQ,MAAK,MAAK,QAAO,YAAW,UAAA,YAAA,CAElD;AAAA,MAEA,oBAAC,SAAA,EAAQ,OAAO,GAAI,UAAA,OAAM;AAAA,0BAEzB,MAAA,EAAK,SAAQ,SAAQ,MAAK,MACxB,UAAA,YAAA,CACH;AAAA,IAAA,GACF;AAAA,yBAEC,OAAA,EAAM,WAAU,cAAa,SAAQ,MAAK,OAAM,UAC9C,UAAA;AAAA,MAAA,mBACC,oBAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,iBAC1C,UAAA,kBAAA,CACH;AAAA,MAED,qBACC,oBAAC,QAAA,EAAO,SAAQ,WAAU,OAAM,WAAU,MAAK,MAAK,SAAS,mBAC1D,UAAA,oBAAA,CACH;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAEA,SAAS,cAAc;"}

package/dist/components/feedback/error-page/error-403.d.ts

@@ -0,0 +1,26 @@
+export type Error403Props = {
+    /** Custom title - defaults to "Access Forbidden" */
+    title?: string;
+    /** Custom description - defaults to generic forbidden message */
+    description?: string;
+    /** Primary action button text - defaults to "Contact Support" */
+    primaryActionText?: string;
+    /** Primary action button click handler */
+    onPrimaryAction?: () => void;
+    /** Secondary action button text - defaults to "Go Home" */
+    secondaryActionText?: string;
+    /** Secondary action button click handler */
+    onSecondaryAction?: () => void;
+    /** Additional CSS classes */
+    className?: string;
+};
+/**
+ * Error403 - Forbidden error page
+ * Displays when the user is authenticated but doesn't have permission to access the resource
+ */
+declare function Error403({ title, description, primaryActionText, onPrimaryAction, secondaryActionText, onSecondaryAction, className }: Readonly<Error403Props>): import("react/jsx-runtime").JSX.Element;
+declare namespace Error403 {
+    var displayName: string;
+}
+export default Error403;
+//# sourceMappingURL=error-403.d.ts.map

package/dist/components/feedback/error-page/error-403.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-403.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/error-page/error-403.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,aAAa,GAAG;IAC1B,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0CAA0C;IAC1C,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,2DAA2D;IAC3D,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,iBAAS,QAAQ,CAAC,EAChB,KAA0B,EAC1B,WAA4H,EAC5H,iBAAqC,EACrC,eAAe,EACf,mBAA+B,EAC/B,iBAAiB,EACjB,SAAc,EACf,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAiCzB;kBAzCQ,QAAQ;;;AA6CjB,eAAe,QAAQ,CAAC"}

package/dist/components/feedback/error-page/error-403.js

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Icon } from "../../system/icon/icon.js";
+import Button from "../../forms/button/button.js";
+import Text from "../../typography/text/text.js";
+import Heading from "../../typography/heading/heading.js";
+import Stack from "../../layout/stack/stack.js";
+function Error403({
+  title = "Access Forbidden",
+  description = "You don't have permission to access this resource. If you believe this is a mistake, please contact support.",
+  primaryActionText = "Contact Support",
+  onPrimaryAction,
+  secondaryActionText = "Go Home",
+  onSecondaryAction,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsx("div", { className: `flex items-center justify-center min-h-screen px-4 ${className}`, children: /* @__PURE__ */ jsxs(Stack, { direction: "vertical", spacing: "xl", align: "center", className: "max-w-md text-center", children: [
+    /* @__PURE__ */ jsx(Icon, { name: "shield-x", size: "2xl", className: "text-error" }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "vertical", spacing: "md", align: "center", children: [
+      /* @__PURE__ */ jsx(Text, { variant: "muted", size: "sm", weight: "semibold", children: "ERROR 403" }),
+      /* @__PURE__ */ jsx(Heading, { level: 1, children: title }),
+      /* @__PURE__ */ jsx(Text, { variant: "muted", size: "lg", children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "horizontal", spacing: "md", align: "center", children: [
+      onPrimaryAction && /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", onClick: onPrimaryAction, children: primaryActionText }),
+      onSecondaryAction && /* @__PURE__ */ jsx(Button, { variant: "neutral", style: "outline", size: "lg", onClick: onSecondaryAction, children: secondaryActionText })
+    ] })
+  ] }) });
+}
+Error403.displayName = "Error403";
+export {
+  Error403 as default
+};
+//# sourceMappingURL=error-403.js.map

package/dist/components/feedback/error-page/error-403.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-403.js","sources":["../../../../src/components/feedback/error-page/error-403.tsx"],"sourcesContent":["import { Icon } from '../../system/icon';\nimport Button from '../../forms/button/button';\nimport Text from '../../typography/text/text';\nimport Heading from '../../typography/heading/heading';\nimport Stack from '../../layout/stack/stack';\n\nexport type Error403Props = {\n  /** Custom title - defaults to \"Access Forbidden\" */\n  title?: string;\n  /** Custom description - defaults to generic forbidden message */\n  description?: string;\n  /** Primary action button text - defaults to \"Contact Support\" */\n  primaryActionText?: string;\n  /** Primary action button click handler */\n  onPrimaryAction?: () => void;\n  /** Secondary action button text - defaults to \"Go Home\" */\n  secondaryActionText?: string;\n  /** Secondary action button click handler */\n  onSecondaryAction?: () => void;\n  /** Additional CSS classes */\n  className?: string;\n};\n\n/**\n * Error403 - Forbidden error page\n * Displays when the user is authenticated but doesn't have permission to access the resource\n */\nfunction Error403({\n  title = 'Access Forbidden',\n  description = \"You don't have permission to access this resource. If you believe this is a mistake, please contact support.\",\n  primaryActionText = 'Contact Support',\n  onPrimaryAction,\n  secondaryActionText = 'Go Home',\n  onSecondaryAction,\n  className = ''\n}: Readonly<Error403Props>) {\n  return (\n    <div className={`flex items-center justify-center min-h-screen px-4 ${className}`}>\n      <Stack direction=\"vertical\" spacing=\"xl\" align=\"center\" className=\"max-w-md text-center\">\n        <Icon name=\"shield-x\" size=\"2xl\" className=\"text-error\" />\n\n        <Stack direction=\"vertical\" spacing=\"md\" align=\"center\">\n          <Text variant=\"muted\" size=\"sm\" weight=\"semibold\">\n            ERROR 403\n          </Text>\n\n          <Heading level={1}>{title}</Heading>\n\n          <Text variant=\"muted\" size=\"lg\">\n            {description}\n          </Text>\n        </Stack>\n\n        <Stack direction=\"horizontal\" spacing=\"md\" align=\"center\">\n          {onPrimaryAction && (\n            <Button variant=\"primary\" size=\"lg\" onClick={onPrimaryAction}>\n              {primaryActionText}\n            </Button>\n          )}\n          {onSecondaryAction && (\n            <Button variant=\"neutral\" style=\"outline\" size=\"lg\" onClick={onSecondaryAction}>\n              {secondaryActionText}\n            </Button>\n          )}\n        </Stack>\n      </Stack>\n    </div>\n  );\n}\n\nError403.displayName = 'Error403';\n\nexport default Error403;\n"],"names":[],"mappings":";;;;;;AA2BA,SAAS,SAAS;AAAA,EAChB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB;AAAA,EACA,sBAAsB;AAAA,EACtB;AAAA,EACA,YAAY;AACd,GAA4B;AAC1B,SACE,oBAAC,OAAA,EAAI,WAAW,sDAAsD,SAAS,IAC7E,UAAA,qBAAC,OAAA,EAAM,WAAU,YAAW,SAAQ,MAAK,OAAM,UAAS,WAAU,wBAChE,UAAA;AAAA,IAAA,oBAAC,QAAK,MAAK,YAAW,MAAK,OAAM,WAAU,cAAa;AAAA,yBAEvD,OAAA,EAAM,WAAU,YAAW,SAAQ,MAAK,OAAM,UAC7C,UAAA;AAAA,MAAA,oBAAC,QAAK,SAAQ,SAAQ,MAAK,MAAK,QAAO,YAAW,UAAA,YAAA,CAElD;AAAA,MAEA,oBAAC,SAAA,EAAQ,OAAO,GAAI,UAAA,OAAM;AAAA,0BAEzB,MAAA,EAAK,SAAQ,SAAQ,MAAK,MACxB,UAAA,YAAA,CACH;AAAA,IAAA,GACF;AAAA,yBAEC,OAAA,EAAM,WAAU,cAAa,SAAQ,MAAK,OAAM,UAC9C,UAAA;AAAA,MAAA,mBACC,oBAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,iBAC1C,UAAA,kBAAA,CACH;AAAA,MAED,qBACC,oBAAC,QAAA,EAAO,SAAQ,WAAU,OAAM,WAAU,MAAK,MAAK,SAAS,mBAC1D,UAAA,oBAAA,CACH;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAEA,SAAS,cAAc;"}

package/dist/components/feedback/error-page/error-404.d.ts

@@ -0,0 +1,26 @@
+export type Error404Props = {
+    /** Custom title - defaults to "Page Not Found" */
+    title?: string;
+    /** Custom description - defaults to generic not found message */
+    description?: string;
+    /** Primary action button text - defaults to "Go Home" */
+    primaryActionText?: string;
+    /** Primary action button click handler */
+    onPrimaryAction?: () => void;
+    /** Secondary action button text - defaults to "Contact Support" */
+    secondaryActionText?: string;
+    /** Secondary action button click handler */
+    onSecondaryAction?: () => void;
+    /** Additional CSS classes */
+    className?: string;
+};
+/**
+ * Error404 - Not Found error page
+ * Displays when the requested resource cannot be found
+ */
+declare function Error404({ title, description, primaryActionText, onPrimaryAction, secondaryActionText, onSecondaryAction, className }: Readonly<Error404Props>): import("react/jsx-runtime").JSX.Element;
+declare namespace Error404 {
+    var displayName: string;
+}
+export default Error404;
+//# sourceMappingURL=error-404.d.ts.map

package/dist/components/feedback/error-page/error-404.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-404.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/error-page/error-404.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,aAAa,GAAG;IAC1B,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0CAA0C;IAC1C,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,iBAAS,QAAQ,CAAC,EAChB,KAAwB,EACxB,WAA4H,EAC5H,iBAA6B,EAC7B,eAAe,EACf,mBAAuC,EACvC,iBAAiB,EACjB,SAAc,EACf,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAiCzB;kBAzCQ,QAAQ;;;AA6CjB,eAAe,QAAQ,CAAC"}

package/dist/components/feedback/error-page/error-404.js

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Icon } from "../../system/icon/icon.js";
+import Button from "../../forms/button/button.js";
+import Text from "../../typography/text/text.js";
+import Heading from "../../typography/heading/heading.js";
+import Stack from "../../layout/stack/stack.js";
+function Error404({
+  title = "Page Not Found",
+  description = "The page you're looking for doesn't exist or has been moved. Please check the URL or return to the homepage.",
+  primaryActionText = "Go Home",
+  onPrimaryAction,
+  secondaryActionText = "Contact Support",
+  onSecondaryAction,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsx("div", { className: `flex items-center justify-center min-h-screen px-4 ${className}`, children: /* @__PURE__ */ jsxs(Stack, { direction: "vertical", spacing: "xl", align: "center", className: "max-w-md text-center", children: [
+    /* @__PURE__ */ jsx(Icon, { name: "IconZoomQuestion", size: "2xl", className: "text-muted-foreground" }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "vertical", spacing: "md", align: "center", children: [
+      /* @__PURE__ */ jsx(Text, { variant: "muted", size: "sm", weight: "semibold", children: "ERROR 404" }),
+      /* @__PURE__ */ jsx(Heading, { level: 1, children: title }),
+      /* @__PURE__ */ jsx(Text, { variant: "muted", size: "lg", children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "horizontal", spacing: "md", align: "center", children: [
+      onPrimaryAction && /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", onClick: onPrimaryAction, children: primaryActionText }),
+      onSecondaryAction && /* @__PURE__ */ jsx(Button, { variant: "neutral", style: "outline", size: "lg", onClick: onSecondaryAction, children: secondaryActionText })
+    ] })
+  ] }) });
+}
+Error404.displayName = "Error404";
+export {
+  Error404 as default
+};
+//# sourceMappingURL=error-404.js.map

package/dist/components/feedback/error-page/error-404.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-404.js","sources":["../../../../src/components/feedback/error-page/error-404.tsx"],"sourcesContent":["import { Icon } from '../../system/icon';\nimport Button from '../../forms/button/button';\nimport Text from '../../typography/text/text';\nimport Heading from '../../typography/heading/heading';\nimport Stack from '../../layout/stack/stack';\n\nexport type Error404Props = {\n  /** Custom title - defaults to \"Page Not Found\" */\n  title?: string;\n  /** Custom description - defaults to generic not found message */\n  description?: string;\n  /** Primary action button text - defaults to \"Go Home\" */\n  primaryActionText?: string;\n  /** Primary action button click handler */\n  onPrimaryAction?: () => void;\n  /** Secondary action button text - defaults to \"Contact Support\" */\n  secondaryActionText?: string;\n  /** Secondary action button click handler */\n  onSecondaryAction?: () => void;\n  /** Additional CSS classes */\n  className?: string;\n};\n\n/**\n * Error404 - Not Found error page\n * Displays when the requested resource cannot be found\n */\nfunction Error404({\n  title = 'Page Not Found',\n  description = \"The page you're looking for doesn't exist or has been moved. Please check the URL or return to the homepage.\",\n  primaryActionText = 'Go Home',\n  onPrimaryAction,\n  secondaryActionText = 'Contact Support',\n  onSecondaryAction,\n  className = ''\n}: Readonly<Error404Props>) {\n  return (\n    <div className={`flex items-center justify-center min-h-screen px-4 ${className}`}>\n      <Stack direction=\"vertical\" spacing=\"xl\" align=\"center\" className=\"max-w-md text-center\">\n        <Icon name=\"IconZoomQuestion\" size=\"2xl\" className=\"text-muted-foreground\" />\n\n        <Stack direction=\"vertical\" spacing=\"md\" align=\"center\">\n          <Text variant=\"muted\" size=\"sm\" weight=\"semibold\">\n            ERROR 404\n          </Text>\n\n          <Heading level={1}>{title}</Heading>\n\n          <Text variant=\"muted\" size=\"lg\">\n            {description}\n          </Text>\n        </Stack>\n\n        <Stack direction=\"horizontal\" spacing=\"md\" align=\"center\">\n          {onPrimaryAction && (\n            <Button variant=\"primary\" size=\"lg\" onClick={onPrimaryAction}>\n              {primaryActionText}\n            </Button>\n          )}\n          {onSecondaryAction && (\n            <Button variant=\"neutral\" style=\"outline\" size=\"lg\" onClick={onSecondaryAction}>\n              {secondaryActionText}\n            </Button>\n          )}\n        </Stack>\n      </Stack>\n    </div>\n  );\n}\n\nError404.displayName = 'Error404';\n\nexport default Error404;\n"],"names":[],"mappings":";;;;;;AA2BA,SAAS,SAAS;AAAA,EAChB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB;AAAA,EACA,sBAAsB;AAAA,EACtB;AAAA,EACA,YAAY;AACd,GAA4B;AAC1B,SACE,oBAAC,OAAA,EAAI,WAAW,sDAAsD,SAAS,IAC7E,UAAA,qBAAC,OAAA,EAAM,WAAU,YAAW,SAAQ,MAAK,OAAM,UAAS,WAAU,wBAChE,UAAA;AAAA,IAAA,oBAAC,QAAK,MAAK,oBAAmB,MAAK,OAAM,WAAU,yBAAwB;AAAA,yBAE1E,OAAA,EAAM,WAAU,YAAW,SAAQ,MAAK,OAAM,UAC7C,UAAA;AAAA,MAAA,oBAAC,QAAK,SAAQ,SAAQ,MAAK,MAAK,QAAO,YAAW,UAAA,YAAA,CAElD;AAAA,MAEA,oBAAC,SAAA,EAAQ,OAAO,GAAI,UAAA,OAAM;AAAA,0BAEzB,MAAA,EAAK,SAAQ,SAAQ,MAAK,MACxB,UAAA,YAAA,CACH;AAAA,IAAA,GACF;AAAA,yBAEC,OAAA,EAAM,WAAU,cAAa,SAAQ,MAAK,OAAM,UAC9C,UAAA;AAAA,MAAA,mBACC,oBAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,iBAC1C,UAAA,kBAAA,CACH;AAAA,MAED,qBACC,oBAAC,QAAA,EAAO,SAAQ,WAAU,OAAM,WAAU,MAAK,MAAK,SAAS,mBAC1D,UAAA,oBAAA,CACH;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAEA,SAAS,cAAc;"}