@pautena/react-design-system 2.0.0-alpha.1b → 2.0.0-alpha.5

package/dist/ListPanel/ListPanelPanel.d.ts

@@ -1,17 +0,0 @@
-/**
- * Props for the ListPanelPanel component
- */
-export interface ListPanelPanelProps {
-    /**
-     * List of item IDs that should display this panel
-     */
-    ids: string[];
-    /**
-     * Content to display when a matching item is selected
-     */
-    children?: React.ReactNode;
-}
-/**
- * Content panel for ListPanel that displays when a matching item is selected
- */
-export default function ListPanelPanel({ ids, children }: ListPanelPanelProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/ListPanel/index.d.ts

@@ -1,3 +0,0 @@
-export type { ListPanelItem, ListPanelProps } from './ListPanel';
-export { default, default as ListPanel } from './ListPanel';
-export * from './ListPanel.context';

package/dist/Markdown/Markdown.d.ts

@@ -1,45 +0,0 @@
-export declare const markdownMuiOptions: {
-    overrides: {
-        h1: {
-            component: import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').TypographyTypeMap<{}, "span">>;
-            props: {
-                gutterBottom: boolean;
-                variant: string;
-            };
-        };
-        h2: {
-            component: import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').TypographyTypeMap<{}, "span">>;
-            props: {
-                gutterBottom: boolean;
-                variant: string;
-            };
-        };
-        h3: {
-            component: import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').TypographyTypeMap<{}, "span">>;
-            props: {
-                gutterBottom: boolean;
-                variant: string;
-            };
-        };
-        h4: {
-            component: import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').TypographyTypeMap<{}, "span">>;
-            props: {
-                gutterBottom: boolean;
-                variant: string;
-                paragraph: boolean;
-            };
-        };
-        p: {
-            component: import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').TypographyTypeMap<{}, "span">>;
-            props: {
-                paragraph: boolean;
-            };
-        };
-        a: {
-            component: import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').LinkTypeMap<{}, "a">>;
-        };
-        li: {
-            component: string;
-        };
-    };
-};

package/dist/Markdown/Markdown.mjs

@@ -1,31 +0,0 @@
-import o from "@mui/material/Link";
-import t from "@mui/material/Typography";
-const n = {
-  overrides: {
-    h1: {
-      component: t,
-      props: {
-        gutterBottom: !0,
-        variant: "h5"
-      }
-    },
-    h2: { component: t, props: { gutterBottom: !0, variant: "h6" } },
-    h3: {
-      component: t,
-      props: { gutterBottom: !0, variant: "subtitle1" }
-    },
-    h4: {
-      component: t,
-      props: { gutterBottom: !0, variant: "caption", paragraph: !0 }
-    },
-    p: { component: t, props: { paragraph: !0 } },
-    a: { component: o },
-    li: {
-      component: "li"
-    }
-  }
-};
-export {
-  n as markdownMuiOptions
-};
-//# sourceMappingURL=Markdown.mjs.map

package/dist/Markdown/Markdown.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Markdown.mjs","sources":["../../src/Markdown/Markdown.tsx"],"sourcesContent":["import Link from \"@mui/material/Link\";\nimport Typography from \"@mui/material/Typography\";\n\nexport const markdownMuiOptions = {\n  overrides: {\n    h1: {\n      component: Typography,\n      props: {\n        gutterBottom: true,\n        variant: \"h5\",\n      },\n    },\n    h2: { component: Typography, props: { gutterBottom: true, variant: \"h6\" } },\n    h3: {\n      component: Typography,\n      props: { gutterBottom: true, variant: \"subtitle1\" },\n    },\n    h4: {\n      component: Typography,\n      props: { gutterBottom: true, variant: \"caption\", paragraph: true },\n    },\n    p: { component: Typography, props: { paragraph: true } },\n    a: { component: Link },\n    li: {\n      component: \"li\",\n    },\n  },\n};\n"],"names":["markdownMuiOptions","Typography","Link"],"mappings":";;AAGO,MAAMA,IAAqB;AAAA,EAChC,WAAW;AAAA,IACT,IAAI;AAAA,MACF,WAAWC;AAAA,MACX,OAAO;AAAA,QACL,cAAc;AAAA,QACd,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,IAAI,EAAE,WAAWA,GAAY,OAAO,EAAE,cAAc,IAAM,SAAS,OAAK;AAAA,IACxE,IAAI;AAAA,MACF,WAAWA;AAAA,MACX,OAAO,EAAE,cAAc,IAAM,SAAS,YAAA;AAAA,IAAY;AAAA,IAEpD,IAAI;AAAA,MACF,WAAWA;AAAA,MACX,OAAO,EAAE,cAAc,IAAM,SAAS,WAAW,WAAW,GAAA;AAAA,IAAK;AAAA,IAEnE,GAAG,EAAE,WAAWA,GAAY,OAAO,EAAE,WAAW,KAAK;AAAA,IACrD,GAAG,EAAE,WAAWC,EAAA;AAAA,IAChB,IAAI;AAAA,MACF,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ;"}

package/dist/Markdown/index.d.ts

@@ -1 +0,0 @@
-export * from './Markdown';

package/dist/NotificationCenter/NotificationCenter.context.d.ts

@@ -1,13 +0,0 @@
-import { AlertColor } from '@mui/material/Alert';
-export declare const NotificationCenterProviderUndefinedError: Error;
-export interface Notification {
-    severity: AlertColor;
-    title?: string;
-    message: string;
-}
-export interface NotificationCenterProps {
-    show(notification: Notification): void;
-    hide(): void;
-}
-export declare const NotificationCenterContext: import('react').Context<NotificationCenterProps | undefined>;
-export declare const useNotificationCenter: () => NotificationCenterProps;

package/dist/NotificationCenter/NotificationCenter.context.mjs

@@ -1,15 +0,0 @@
-import { createContext as e, useContext as o } from "react";
-const n = new Error(
-  "NotificationCenterContext.Provider is required and was undefined"
-), r = e(void 0), c = () => {
-  const t = o(r);
-  if (t === void 0)
-    throw n;
-  return t;
-};
-export {
-  r as NotificationCenterContext,
-  n as NotificationCenterProviderUndefinedError,
-  c as useNotificationCenter
-};
-//# sourceMappingURL=NotificationCenter.context.mjs.map

package/dist/NotificationCenter/NotificationCenter.context.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationCenter.context.mjs","sources":["../../src/NotificationCenter/NotificationCenter.context.ts"],"sourcesContent":["import type { AlertColor } from \"@mui/material/Alert\";\nimport { createContext, useContext } from \"react\";\n\nexport const NotificationCenterProviderUndefinedError = new Error(\n  \"NotificationCenterContext.Provider is required and was undefined\",\n);\n\nexport interface Notification {\n  severity: AlertColor;\n  title?: string;\n  message: string;\n}\n\nexport interface NotificationCenterProps {\n  show(notification: Notification): void;\n  hide(): void;\n}\n\nexport const NotificationCenterContext = createContext<\n  NotificationCenterProps | undefined\n>(undefined);\n\nexport const useNotificationCenter = () => {\n  const context = useContext(NotificationCenterContext);\n\n  if (context === undefined) {\n    throw NotificationCenterProviderUndefinedError;\n  }\n\n  return context;\n};\n"],"names":["NotificationCenterProviderUndefinedError","NotificationCenterContext","createContext","useNotificationCenter","context","useContext"],"mappings":";AAGO,MAAMA,IAA2C,IAAI;AAAA,EAC1D;AACF,GAaaC,IAA4BC,EAEvC,MAAS,GAEEC,IAAwB,MAAM;AACzC,QAAMC,IAAUC,EAAWJ,CAAyB;AAEpD,MAAIG,MAAY;AACd,UAAMJ;AAGR,SAAOI;AACT;"}

package/dist/NotificationCenter/NotificationCenter.hooks.d.ts

@@ -1,6 +0,0 @@
-import { Notification } from './NotificationCenter.context';
-export interface NotifyWhenValueChangesOptions<T> {
-    from: T;
-    to: T;
-}
-export declare const useNotifyWhenValueChanges: <T>(notification: Notification, value: T | undefined, { from, to }: NotifyWhenValueChangesOptions<T>) => void;

package/dist/NotificationCenter/NotificationCenter.hooks.mjs

@@ -1,12 +0,0 @@
-import { useRef as s, useEffect as i } from "react";
-import { useNotificationCenter as c } from "./NotificationCenter.context.mjs";
-const p = (t, e, { from: r, to: f }) => {
-  const o = s(void 0), { show: n } = c();
-  i(() => {
-    o.current === r && e === f && n(t), o.current = e;
-  }, [e]);
-};
-export {
-  p as useNotifyWhenValueChanges
-};
-//# sourceMappingURL=NotificationCenter.hooks.mjs.map

package/dist/NotificationCenter/NotificationCenter.hooks.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationCenter.hooks.mjs","sources":["../../src/NotificationCenter/NotificationCenter.hooks.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport {\n  type Notification,\n  useNotificationCenter,\n} from \"./NotificationCenter.context\";\n\nexport interface NotifyWhenValueChangesOptions<T> {\n  from: T;\n  to: T;\n}\n\nexport const useNotifyWhenValueChanges = <T>(\n  notification: Notification,\n  value: T | undefined,\n  { from, to }: NotifyWhenValueChangesOptions<T>,\n) => {\n  const prevRef = useRef<T>(undefined);\n  const { show } = useNotificationCenter();\n\n  useEffect(() => {\n    if (prevRef.current === from && value === to) {\n      show(notification);\n    }\n    prevRef.current = value;\n  }, [value]);\n};\n"],"names":["useNotifyWhenValueChanges","notification","value","from","to","prevRef","useRef","show","useNotificationCenter","useEffect"],"mappings":";;AAWO,MAAMA,IAA4B,CACvCC,GACAC,GACA,EAAE,MAAAC,GAAM,IAAAC,QACL;AACH,QAAMC,IAAUC,EAAU,MAAS,GAC7B,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,EAAAC,EAAU,MAAM;AACd,IAAIJ,EAAQ,YAAYF,KAAQD,MAAUE,KACxCG,EAAKN,CAAY,GAEnBI,EAAQ,UAAUH;AAAA,EACpB,GAAG,CAACA,CAAK,CAAC;AACZ;"}

package/dist/NotificationCenter/NotificationCenter.provider.d.ts

@@ -1,15 +0,0 @@
-/**
- * Props for the NotificationCenterProvider component
- */
-export interface NotificationCenterProviderProps {
-    /**
-     * Duration in milliseconds before auto-hiding notifications
-     * @default 6000
-     */
-    autoHideDuration?: number;
-    /**
-     * Content to wrap with notification context
-     */
-    children?: React.ReactNode;
-}
-export declare const NotificationCenterProvider: ({ children, autoHideDuration, }: NotificationCenterProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/NotificationCenter/NotificationCenter.provider.mjs

@@ -1,56 +0,0 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import h from "@mui/material/Alert";
-import p from "@mui/material/AlertTitle";
-import d from "@mui/material/Snackbar";
-import { useState as n } from "react";
-import { NotificationCenterContext as v } from "./NotificationCenter.context.mjs";
-const b = ({
-  children: s,
-  autoHideDuration: l = 6e3
-}) => {
-  const [t, a] = n(
-    void 0
-  ), [c, o] = n(!1), m = (f) => {
-    a(f), o(!0);
-  }, e = () => {
-    o(!1);
-  };
-  return /* @__PURE__ */ i(
-    v.Provider,
-    {
-      value: {
-        show: m,
-        hide: e
-      },
-      children: [
-        /* @__PURE__ */ r(
-          d,
-          {
-            open: c,
-            autoHideDuration: l,
-            onClose: e,
-            anchorOrigin: { vertical: "top", horizontal: "right" },
-            children: /* @__PURE__ */ i(
-              h,
-              {
-                onClose: e,
-                severity: t?.severity,
-                "aria-label": t?.severity,
-                sx: { width: "100%" },
-                children: [
-                  t?.title && /* @__PURE__ */ r(p, { children: t?.title }),
-                  t?.message
-                ]
-              }
-            )
-          }
-        ),
-        s
-      ]
-    }
-  );
-};
-export {
-  b as NotificationCenterProvider
-};
-//# sourceMappingURL=NotificationCenter.provider.mjs.map

package/dist/NotificationCenter/NotificationCenter.provider.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationCenter.provider.mjs","sources":["../../src/NotificationCenter/NotificationCenter.provider.tsx"],"sourcesContent":["import Alert from \"@mui/material/Alert\";\nimport AlertTitle from \"@mui/material/AlertTitle\";\nimport Snackbar from \"@mui/material/Snackbar\";\nimport { useState } from \"react\";\nimport {\n  type Notification,\n  NotificationCenterContext,\n} from \"./NotificationCenter.context\";\n\n/**\n * Props for the NotificationCenterProvider component\n */\nexport interface NotificationCenterProviderProps {\n  /**\n   * Duration in milliseconds before auto-hiding notifications\n   * @default 6000\n   */\n  autoHideDuration?: number;\n  /**\n   * Content to wrap with notification context\n   */\n  children?: React.ReactNode;\n}\n\nexport const NotificationCenterProvider = ({\n  children,\n  autoHideDuration = 6000,\n}: NotificationCenterProviderProps) => {\n  const [notification, setNotification] = useState<Notification | undefined>(\n    undefined,\n  );\n  const [open, setOpen] = useState(false);\n  const show = (notification: Notification) => {\n    setNotification(notification);\n    setOpen(true);\n  };\n\n  const hide = () => {\n    setOpen(false);\n  };\n\n  return (\n    <NotificationCenterContext.Provider\n      value={{\n        show,\n        hide,\n      }}\n    >\n      <Snackbar\n        open={open}\n        autoHideDuration={autoHideDuration}\n        onClose={hide}\n        anchorOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n      >\n        <Alert\n          onClose={hide}\n          severity={notification?.severity}\n          aria-label={notification?.severity}\n          sx={{ width: \"100%\" }}\n        >\n          {notification?.title && (\n            <AlertTitle>{notification?.title}</AlertTitle>\n          )}\n          {notification?.message}\n        </Alert>\n      </Snackbar>\n      {children}\n    </NotificationCenterContext.Provider>\n  );\n};\n"],"names":["NotificationCenterProvider","children","autoHideDuration","notification","setNotification","useState","open","setOpen","show","hide","jsxs","NotificationCenterContext","jsx","Snackbar","Alert","AlertTitle"],"mappings":";;;;;;AAwBO,MAAMA,IAA6B,CAAC;AAAA,EACzC,UAAAC;AAAA,EACA,kBAAAC,IAAmB;AACrB,MAAuC;AACrC,QAAM,CAACC,GAAcC,CAAe,IAAIC;AAAA,IACtC;AAAA,EAAA,GAEI,CAACC,GAAMC,CAAO,IAAIF,EAAS,EAAK,GAChCG,IAAO,CAACL,MAA+B;AAC3C,IAAAC,EAAgBD,CAAY,GAC5BI,EAAQ,EAAI;AAAA,EACd,GAEME,IAAO,MAAM;AACjB,IAAAF,EAAQ,EAAK;AAAA,EACf;AAEA,SACE,gBAAAG;AAAA,IAACC,EAA0B;AAAA,IAA1B;AAAA,MACC,OAAO;AAAA,QACL,MAAAH;AAAA,QACA,MAAAC;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAAP;AAAA,YACA,kBAAAJ;AAAA,YACA,SAASO;AAAA,YACT,cAAc,EAAE,UAAU,OAAO,YAAY,QAAA;AAAA,YAE7C,UAAA,gBAAAC;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,SAASL;AAAA,gBACT,UAAUN,GAAc;AAAA,gBACxB,cAAYA,GAAc;AAAA,gBAC1B,IAAI,EAAE,OAAO,OAAA;AAAA,gBAEZ,UAAA;AAAA,kBAAAA,GAAc,SACb,gBAAAS,EAACG,GAAA,EAAY,UAAAZ,GAAc,OAAM;AAAA,kBAElCA,GAAc;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,QAEDF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/NotificationCenter/index.d.ts

@@ -1,3 +0,0 @@
-export * from './NotificationCenter.context';
-export * from './NotificationCenter.hooks';
-export * from './NotificationCenter.provider';

package/dist/Placeholder/Placeholder.d.ts

@@ -1,73 +0,0 @@
-import { ReactElement } from 'react';
-type IconColor = "inherit" | "action" | "disabled" | "primary" | "secondary" | "error" | "info" | "success" | "warning";
-/**
- * Action button configuration for placeholder
- */
-export interface PlaceholderAction {
-    /**
-     * Unique identifier
-     */
-    id: string;
-    /**
-     * Button text label
-     */
-    text: string;
-    /**
-     * Navigation URL when clicked
-     */
-    href?: string;
-    /**
-     * Click handler function
-     */
-    onClick?: () => void;
-}
-/**
- * Arguments passed to icon render function
- */
-export interface PlaceholderIconArgs {
-    /**
-     * Icon size in pixels
-     */
-    size: number;
-    /**
-     * Icon color theme
-     */
-    color: IconColor;
-}
-/**
- * Function that renders a custom icon element
- *
- * @param args - Icon configuration arguments
- */
-export type PlaceholderIcon = ({ size, color, }: PlaceholderIconArgs) => ReactElement;
-/**
- * Props for the Placeholder component
- */
-export interface PlaceholderProps {
-    /**
-     * Main title text
-     */
-    title: string;
-    /**
-     * Subtitle or description text
-     */
-    subtitle: string;
-    /**
-     * Icon size in pixels
-     * @default 200
-     */
-    iconSize?: number;
-    /**
-     * Custom icon render function
-     */
-    icon?: PlaceholderIcon;
-    /**
-     * Action buttons to display
-     */
-    actions?: PlaceholderAction[];
-}
-/**
- * Empty state placeholder with optional icon and actions
- */
-export declare function Placeholder({ title, subtitle, icon, iconSize, actions, }: PlaceholderProps): import("react/jsx-runtime").JSX.Element;
-export default Placeholder;

package/dist/Placeholder/Placeholder.mjs

@@ -1,53 +0,0 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import t from "@mui/material/Box";
-import x from "@mui/material/Button";
-import i from "@mui/material/Typography";
-function y({
-  title: n,
-  subtitle: l,
-  icon: o,
-  iconSize: a = 200,
-  actions: r
-}) {
-  return /* @__PURE__ */ s(
-    t,
-    {
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "center",
-      alignItems: "center",
-      textAlign: "center",
-      children: [
-        o?.({ size: a, color: "primary" }),
-        /* @__PURE__ */ e(i, { variant: "h4", role: "heading", "aria-level": 1, children: n }),
-        /* @__PURE__ */ e(
-          i,
-          {
-            variant: "subtitle1",
-            role: "heading",
-            "aria-level": 2,
-            sx: { mt: 2 },
-            children: l
-          }
-        ),
-        r && /* @__PURE__ */ e(t, { sx: { pt: 2 }, children: r.map(({ id: m, text: c, href: d, onClick: h }, p) => /* @__PURE__ */ e(
-          x,
-          {
-            role: "button",
-            variant: "contained",
-            href: d,
-            onClick: h,
-            sx: { mr: p < r.length - 1 ? 2 : 0 },
-            children: c
-          },
-          m
-        )) })
-      ]
-    }
-  );
-}
-export {
-  y as Placeholder,
-  y as default
-};
-//# sourceMappingURL=Placeholder.mjs.map

package/dist/Placeholder/Placeholder.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Placeholder.mjs","sources":["../../src/Placeholder/Placeholder.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Button from \"@mui/material/Button\";\nimport Typography from \"@mui/material/Typography\";\nimport type { ReactElement } from \"react\";\n\ntype IconColor =\n  | \"inherit\"\n  | \"action\"\n  | \"disabled\"\n  | \"primary\"\n  | \"secondary\"\n  | \"error\"\n  | \"info\"\n  | \"success\"\n  | \"warning\";\n\n/**\n * Action button configuration for placeholder\n */\nexport interface PlaceholderAction {\n  /**\n   * Unique identifier\n   */\n  id: string;\n  /**\n   * Button text label\n   */\n  text: string;\n  /**\n   * Navigation URL when clicked\n   */\n  href?: string;\n  /**\n   * Click handler function\n   */\n  onClick?: () => void;\n}\n\n/**\n * Arguments passed to icon render function\n */\nexport interface PlaceholderIconArgs {\n  /**\n   * Icon size in pixels\n   */\n  size: number;\n  /**\n   * Icon color theme\n   */\n  color: IconColor;\n}\n\n/**\n * Function that renders a custom icon element\n *\n * @param args - Icon configuration arguments\n */\nexport type PlaceholderIcon = ({\n  size,\n  color,\n}: PlaceholderIconArgs) => ReactElement;\n\n/**\n * Props for the Placeholder component\n */\nexport interface PlaceholderProps {\n  /**\n   * Main title text\n   */\n  title: string;\n  /**\n   * Subtitle or description text\n   */\n  subtitle: string;\n  /**\n   * Icon size in pixels\n   * @default 200\n   */\n  iconSize?: number;\n  /**\n   * Custom icon render function\n   */\n  icon?: PlaceholderIcon;\n  /**\n   * Action buttons to display\n   */\n  actions?: PlaceholderAction[];\n}\n\n/**\n * Empty state placeholder with optional icon and actions\n */\nexport function Placeholder({\n  title,\n  subtitle,\n  icon,\n  iconSize = 200,\n  actions,\n}: PlaceholderProps) {\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      textAlign=\"center\"\n    >\n      {icon?.({ size: iconSize, color: \"primary\" })}\n      <Typography variant=\"h4\" role=\"heading\" aria-level={1}>\n        {title}\n      </Typography>\n      <Typography\n        variant=\"subtitle1\"\n        role=\"heading\"\n        aria-level={2}\n        sx={{ mt: 2 }}\n      >\n        {subtitle}\n      </Typography>\n      {actions && (\n        <Box sx={{ pt: 2 }}>\n          {actions.map(({ id, text, href, onClick }, index) => (\n            <Button\n              key={id}\n              role=\"button\"\n              variant=\"contained\"\n              href={href}\n              onClick={onClick}\n              sx={{ mr: index < actions.length - 1 ? 2 : 0 }}\n            >\n              {text}\n            </Button>\n          ))}\n        </Box>\n      )}\n    </Box>\n  );\n}\n\nexport default Placeholder;\n"],"names":["Placeholder","title","subtitle","icon","iconSize","actions","jsxs","Box","jsx","Typography","id","text","href","onClick","index","Button"],"mappings":";;;;AA4FO,SAASA,EAAY;AAAA,EAC1B,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AACF,GAAqB;AACnB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,WAAU;AAAA,MAET,UAAA;AAAA,QAAAJ,IAAO,EAAE,MAAMC,GAAU,OAAO,WAAW;AAAA,QAC5C,gBAAAI,EAACC,KAAW,SAAQ,MAAK,MAAK,WAAU,cAAY,GACjD,UAAAR,EAAA,CACH;AAAA,QACA,gBAAAO;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,IAAI,EAAE,IAAI,EAAA;AAAA,YAET,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFG,KACC,gBAAAG,EAACD,GAAA,EAAI,IAAI,EAAE,IAAI,EAAA,GACZ,UAAAF,EAAQ,IAAI,CAAC,EAAE,IAAAK,GAAI,MAAAC,GAAM,MAAAC,GAAM,SAAAC,EAAA,GAAWC,MACzC,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAAH;AAAA,YACA,SAAAC;AAAA,YACA,IAAI,EAAE,IAAIC,IAAQT,EAAQ,SAAS,IAAI,IAAI,EAAA;AAAA,YAE1C,UAAAM;AAAA,UAAA;AAAA,UAPID;AAAA,QAAA,CASR,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/Placeholder/Placeholder.mock.d.ts

@@ -1,2 +0,0 @@
-import { PlaceholderAction } from './Placeholder';
-export declare const actions: PlaceholderAction[];

package/dist/Placeholder/index.d.ts

@@ -1,2 +0,0 @@
-export type { PlaceholderAction, PlaceholderIcon, PlaceholderIconArgs, PlaceholderProps, } from './Placeholder';
-export { default, default as Placeholder } from './Placeholder';

package/dist/QueryContainer/QueryContainer.d.ts

@@ -1,47 +0,0 @@
-export interface QueryContainerError {
-    /**
-     * The error title
-     */
-    name?: string;
-    /**
-     * The description of the error
-     */
-    message: string;
-}
-export interface QueryContainerSuccess {
-    /**
-     * The success title
-     */
-    name?: string;
-    /**
-     * The success text
-     */
-    message: string;
-}
-export interface QueryContainerProps {
-    /**
-     * There is a query in progress and we have available data
-     */
-    fetching?: boolean | boolean[];
-    /**
-     * There is a query in progress and we don't have available data
-     */
-    loading?: boolean | boolean[];
-    /**
-     * The query has returned an error
-     */
-    error?: QueryContainerError;
-    /**
-     * The query has finished successfully
-     */
-    success?: QueryContainerSuccess;
-    /**
-     * Content to display when not in loading/error/success state
-     */
-    children?: React.ReactNode;
-}
-/**
- * Component to show different indicators based on the usual api query statuses
- */
-export declare function QueryContainer({ fetching: fetchingProp, loading: loadingProp, error, success, children, }: QueryContainerProps): import("react/jsx-runtime").JSX.Element;
-export default QueryContainer;

package/dist/QueryContainer/index.d.ts

@@ -1,2 +0,0 @@
-export type { QueryContainerError, QueryContainerProps, QueryContainerSuccess, } from './QueryContainer';
-export { default } from './QueryContainer';

package/dist/RemoteDataTable/RemoteDataTable.d.ts

@@ -1,66 +0,0 @@
-import { OnChangeFn, PaginationState, RemoteDataTableColumn, RemoteDataTableQueryBuilderProps, SortingState } from './RemoteDataTable.types';
-export { buildQuerySpecParams } from './query-spec-utils';
-export type { OnChangeFn, PaginationState, QuerySpecField, QuerySpecFieldOption, QuerySpecFieldType, QuerySpecFilter, QuerySpecOp, RemoteDataTableColumn, RemoteDataTableColumnMeta, RemoteDataTableQueryBuilderProps, SortingState, } from './RemoteDataTable.types';
-/**
- * Props for the RemoteDataTable component
- */
-export type RemoteDataTableProps<TData> = {
-    /** Array of data items to display in the table */
-    data: TData[];
-    /** Column definitions for the table */
-    columns: RemoteDataTableColumn<TData>[];
-    /** Optional function to generate unique row IDs. If not provided, uses array index */
-    getRowId?: (row: TData, index: number) => string;
-    /** Current pagination state (pageIndex and pageSize) */
-    pagination: PaginationState;
-    /** Callback fired when pagination changes */
-    onPaginationChange: OnChangeFn<PaginationState>;
-    /** Current sorting state */
-    sorting?: SortingState;
-    /** Callback fired when sorting changes */
-    onSortingChange?: OnChangeFn<SortingState>;
-    /** Total number of rows available (for server-side pagination). If not provided, uses data.length */
-    rowCount?: number;
-    /** Whether data is currently loading */
-    loading?: boolean;
-    /** Message to display when there is no data
-     * @default "No data available"
-     */
-    emptyMessage?: string;
-    /** Available page size options for the pagination dropdown
-     * @default [10, 25, 50]
-     */
-    pageSizeOptions?: number[];
-    /** Callback fired when a row is clicked */
-    onRowClick?: (row: TData) => void;
-    /** Configuration for the query builder (filters) */
-    query?: RemoteDataTableQueryBuilderProps;
-};
-/**
- * A table component designed for displaying remote/server-side data with built-in
- * pagination, sorting, and filtering capabilities.
- *
- * This component is fully controlled - all state (pagination, sorting, filters) must be
- * managed by the parent component. For convenience, use the `useRemoteDataTable` hook
- * to manage this state.
- *
- * @example
- * ```tsx
- * const tableState = useRemoteDataTable({
- *   initialPagination: { pageSize: 25 }
- * });
- *
- * <RemoteDataTable
- *   data={items}
- *   columns={columns}
- *   {...tableState}
- *   query={{
- *     fields: queryFields,
- *     filters: tableState.filters,
- *     onFiltersChange: tableState.onFiltersChange
- *   }}
- * />
- * ```
- */
-export declare function RemoteDataTable<TData>({ data, columns, getRowId, pagination, onPaginationChange, sorting, onSortingChange, rowCount, loading, emptyMessage, pageSizeOptions, onRowClick, query, }: RemoteDataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
-export default RemoteDataTable;

package/dist/RemoteDataTable/RemoteDataTable.mjs

@@ -1,57 +0,0 @@
-import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { Paper as v } from "@mui/material";
-import { useMemo as D } from "react";
-import { RemoteDataTableBody as P } from "./RemoteDataTableBody.mjs";
-import { RemoteDataTablePagination as T } from "./RemoteDataTablePagination.mjs";
-import { RemoteDataTableQueryBuilder as h } from "./RemoteDataTableQueryBuilder.mjs";
-const r = [10, 25, 50];
-function z({
-  data: t,
-  columns: l,
-  getRowId: i,
-  pagination: m,
-  onPaginationChange: n,
-  sorting: s,
-  onSortingChange: u,
-  rowCount: f,
-  loading: d = !1,
-  emptyMessage: p = "No data available",
-  pageSizeOptions: e = r,
-  onRowClick: b,
-  query: a
-}) {
-  const c = D(
-    () => e.length ? e : r,
-    [e]
-  ), R = f ?? t.length;
-  return /* @__PURE__ */ g(v, { variant: "outlined", children: [
-    a ? /* @__PURE__ */ o(h, { queryBuilder: a }) : null,
-    /* @__PURE__ */ o(
-      P,
-      {
-        data: t,
-        columns: l,
-        loading: d,
-        emptyMessage: p,
-        sorting: s,
-        onSortingChange: u,
-        onRowClick: b,
-        getRowId: i
-      }
-    ),
-    /* @__PURE__ */ o(
-      T,
-      {
-        pagination: m,
-        onPaginationChange: n,
-        rowCount: R,
-        pageSizeOptions: c
-      }
-    )
-  ] });
-}
-export {
-  z as RemoteDataTable,
-  z as default
-};
-//# sourceMappingURL=RemoteDataTable.mjs.map

package/dist/RemoteDataTable/RemoteDataTable.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RemoteDataTable.mjs","sources":["../../src/RemoteDataTable/RemoteDataTable.tsx"],"sourcesContent":["import { Paper } from \"@mui/material\";\nimport { useMemo } from \"react\";\nimport type {\n  OnChangeFn,\n  PaginationState,\n  RemoteDataTableColumn,\n  RemoteDataTableQueryBuilderProps,\n  SortingState,\n} from \"./RemoteDataTable.types\";\nimport { RemoteDataTableBody } from \"./RemoteDataTableBody\";\nimport { RemoteDataTablePagination } from \"./RemoteDataTablePagination\";\nimport { RemoteDataTableQueryBuilder } from \"./RemoteDataTableQueryBuilder\";\n\nexport { buildQuerySpecParams } from \"./query-spec-utils\";\nexport type {\n  OnChangeFn,\n  PaginationState,\n  QuerySpecField,\n  QuerySpecFieldOption,\n  QuerySpecFieldType,\n  QuerySpecFilter,\n  QuerySpecOp,\n  RemoteDataTableColumn,\n  RemoteDataTableColumnMeta,\n  RemoteDataTableQueryBuilderProps,\n  SortingState,\n} from \"./RemoteDataTable.types\";\n\n/**\n * Props for the RemoteDataTable component\n */\nexport type RemoteDataTableProps<TData> = {\n  /** Array of data items to display in the table */\n  data: TData[];\n  /** Column definitions for the table */\n  columns: RemoteDataTableColumn<TData>[];\n  /** Optional function to generate unique row IDs. If not provided, uses array index */\n  getRowId?: (row: TData, index: number) => string;\n  /** Current pagination state (pageIndex and pageSize) */\n  pagination: PaginationState;\n  /** Callback fired when pagination changes */\n  onPaginationChange: OnChangeFn<PaginationState>;\n  /** Current sorting state */\n  sorting?: SortingState;\n  /** Callback fired when sorting changes */\n  onSortingChange?: OnChangeFn<SortingState>;\n  /** Total number of rows available (for server-side pagination). If not provided, uses data.length */\n  rowCount?: number;\n  /** Whether data is currently loading */\n  loading?: boolean;\n  /** Message to display when there is no data\n   * @default \"No data available\"\n   */\n  emptyMessage?: string;\n  /** Available page size options for the pagination dropdown\n   * @default [10, 25, 50]\n   */\n  pageSizeOptions?: number[];\n  /** Callback fired when a row is clicked */\n  onRowClick?: (row: TData) => void;\n  /** Configuration for the query builder (filters) */\n  query?: RemoteDataTableQueryBuilderProps;\n};\n\nconst defaultPageSizeOptions = [10, 25, 50];\n\n/**\n * A table component designed for displaying remote/server-side data with built-in\n * pagination, sorting, and filtering capabilities.\n *\n * This component is fully controlled - all state (pagination, sorting, filters) must be\n * managed by the parent component. For convenience, use the `useRemoteDataTable` hook\n * to manage this state.\n *\n * @example\n * ```tsx\n * const tableState = useRemoteDataTable({\n *   initialPagination: { pageSize: 25 }\n * });\n *\n * <RemoteDataTable\n *   data={items}\n *   columns={columns}\n *   {...tableState}\n *   query={{\n *     fields: queryFields,\n *     filters: tableState.filters,\n *     onFiltersChange: tableState.onFiltersChange\n *   }}\n * />\n * ```\n */\nexport function RemoteDataTable<TData>({\n  data,\n  columns,\n  getRowId,\n  pagination,\n  onPaginationChange,\n  sorting,\n  onSortingChange,\n  rowCount,\n  loading = false,\n  emptyMessage = \"No data available\",\n  pageSizeOptions = defaultPageSizeOptions,\n  onRowClick,\n  query,\n}: RemoteDataTableProps<TData>) {\n  const resolvedPageSizeOptions = useMemo(\n    () => (pageSizeOptions.length ? pageSizeOptions : defaultPageSizeOptions),\n    [pageSizeOptions],\n  );\n\n  const resolvedRowCount = rowCount ?? data.length;\n\n  return (\n    <Paper variant=\"outlined\">\n      {query ? <RemoteDataTableQueryBuilder queryBuilder={query} /> : null}\n      <RemoteDataTableBody\n        data={data}\n        columns={columns}\n        loading={loading}\n        emptyMessage={emptyMessage}\n        sorting={sorting}\n        onSortingChange={onSortingChange}\n        onRowClick={onRowClick}\n        getRowId={getRowId}\n      />\n      <RemoteDataTablePagination\n        pagination={pagination}\n        onPaginationChange={onPaginationChange}\n        rowCount={resolvedRowCount}\n        pageSizeOptions={resolvedPageSizeOptions}\n      />\n    </Paper>\n  );\n}\n\nexport default RemoteDataTable;\n"],"names":["defaultPageSizeOptions","RemoteDataTable","data","columns","getRowId","pagination","onPaginationChange","sorting","onSortingChange","rowCount","loading","emptyMessage","pageSizeOptions","onRowClick","query","resolvedPageSizeOptions","useMemo","resolvedRowCount","jsxs","Paper","jsx","RemoteDataTableQueryBuilder","RemoteDataTableBody","RemoteDataTablePagination"],"mappings":";;;;;;AAgEA,MAAMA,IAAyB,CAAC,IAAI,IAAI,EAAE;AA4BnC,SAASC,EAAuB;AAAA,EACrC,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,iBAAAC,IAAkBZ;AAAA,EAClB,YAAAa;AAAA,EACA,OAAAC;AACF,GAAgC;AAC9B,QAAMC,IAA0BC;AAAA,IAC9B,MAAOJ,EAAgB,SAASA,IAAkBZ;AAAA,IAClD,CAACY,CAAe;AAAA,EAAA,GAGZK,IAAmBR,KAAYP,EAAK;AAE1C,SACE,gBAAAgB,EAACC,GAAA,EAAM,SAAQ,YACZ,UAAA;AAAA,IAAAL,IAAQ,gBAAAM,EAACC,GAAA,EAA4B,cAAcP,EAAA,CAAO,IAAK;AAAA,IAChE,gBAAAM;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAApB;AAAA,QACA,SAAAC;AAAA,QACA,SAAAO;AAAA,QACA,cAAAC;AAAA,QACA,SAAAJ;AAAA,QACA,iBAAAC;AAAA,QACA,YAAAK;AAAA,QACA,UAAAT;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAgB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,YAAAlB;AAAA,QACA,oBAAAC;AAAA,QACA,UAAUW;AAAA,QACV,iBAAiBF;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;"}

package/dist/RemoteDataTable/RemoteDataTable.mocks.d.ts

@@ -1,30 +0,0 @@
-import { QuerySpecField, RemoteDataTableColumn } from './RemoteDataTable';
-/**
- * Mock item type for testing and stories
- */
-export type MockItem = {
-    id: string;
-    name: string;
-    status: "Active" | "Inactive" | "Archived";
-    createdAt: string;
-};
-/**
- * Basic columns for testing (no custom cell rendering)
- */
-export declare const mockColumnsBasic: RemoteDataTableColumn<MockItem>[];
-/**
- * Full-featured columns for stories (with sorting, custom cells, and widths)
- */
-export declare const mockColumnsFull: RemoteDataTableColumn<MockItem>[];
-/**
- * Query fields for filter builder
- */
-export declare const mockQueryFields: QuerySpecField[];
-/**
- * Generates mock items for testing
- */
-export declare const buildMockItems: (count: number) => MockItem[];
-/**
- * Default mock dataset (48 items)
- */
-export declare const mockItems: MockItem[];