@pautena/react-design-system 0.16.0 → 0.17.0

package/dist/label/index.d.ts

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

package/{label → dist/label}/label.d.ts

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from "@mui/material/styles";
+import { SxProps, Theme } from '@mui/material/styles';
 export type LabelVariant = "primary" | "secondary" | "default" | "info" | "warning" | "error" | "success";
 export declare const labelClasses: {
     root: string;

package/dist/link-card/index.d.ts

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

package/{link-card → dist/link-card}/link-card.d.ts

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from "@mui/material/styles";
+import { SxProps, Theme } from '@mui/material/styles';
 export type LinkCardVariant = "primary" | "secondary" | "info" | "warning" | "error";
 export interface LinkCardProps {
     variant?: LinkCardVariant;

package/dist/list-panel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './list-panel';
+export * from './list-panel.context';

package/{list-panel → dist/list-panel}/list-panel-panel.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import { PropsWithChildren } from 'react';
 export type ListPanelPanelProps = PropsWithChildren<{
     ids: string[];
 }>;

package/dist/list-panel/list-panel.context.d.ts

@@ -0,0 +1,3 @@
+export declare const ListPanelContext: import('react').Context<string | undefined>;
+export declare const ListPanelContextProvider: import('react').Provider<string | undefined>;
+export declare const useListPanel: () => string | undefined;

package/{list-panel → dist/list-panel}/list-panel.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import { PropsWithChildren } from 'react';
 export interface ListPanelItem {
     id: string;
     text: string;

package/{list-panel → dist/list-panel}/list-panel.mocks.d.ts

@@ -1,4 +1,4 @@
-import { ListPanelItem } from "./list-panel";
+import { ListPanelItem } from './list-panel';
 export declare const ListPanelDemoContent: () => import("react/jsx-runtime").JSX.Element;
 export declare const mockItemsShort: ListPanelItem[];
 export declare const mockItemsLong: ListPanelItem[];

package/dist/loading-area/index.d.ts

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

package/dist/markdown/index.d.ts

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

package/{markdown → dist/markdown}/markdown.d.ts

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

package/dist/model-form/index.d.ts

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

package/{model-form → dist/model-form}/model-form-field.d.ts

@@ -1,4 +1,4 @@
-import { ModelField } from "../generators/generators.model";
+import { ModelField } from '../generators/generators.model';
 export interface ModelFormField {
     field: ModelField;
     update: boolean;

package/{model-form → dist/model-form}/model-form.d.ts

@@ -1,4 +1,4 @@
-import { Model, BasicModelInstance } from "../generators";
+import { Model, BasicModelInstance } from '../generators';
 export interface ModelFormProps<T extends BasicModelInstance> {
     model: Model;
     dense?: boolean;

package/dist/notification-center/index.d.ts

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

package/{notification-center → dist/notification-center}/notification-center.context.d.ts

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

package/{notification-center → dist/notification-center}/notification-center.hooks.d.ts

@@ -1,4 +1,4 @@
-import { Notification } from "./notification-center.context";
+import { Notification } from './notification-center.context';
 export interface NotifyWhenValueChangesOptions<T> {
     from: T;
     to: T;

package/{notification-center → dist/notification-center}/notification-center.provider.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import { PropsWithChildren } from 'react';
 export type NotificationCenterProviderProps = PropsWithChildren<{
     autoHideDuration?: number;
 }>;

package/dist/object-details/index.d.ts

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

package/{object-details → dist/object-details}/object-details.d.ts

@@ -1,4 +1,4 @@
-import { BasicModelInstance, Model } from "../generators/generators.model";
+import { BasicModelInstance, Model } from '../generators/generators.model';
 export interface ObjectDetailsProps<T extends BasicModelInstance> {
     model: Model;
     dense?: boolean;

package/dist/placeholder/index.d.ts

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

package/{placeholder → dist/placeholder}/placeholder.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import { ReactElement } from 'react';
 type IconColor = "inherit" | "action" | "disabled" | "primary" | "secondary" | "error" | "info" | "success" | "warning";
 export interface PlaceholderAction {
     id: string;

package/{placeholder → dist/placeholder}/placeholder.mock.d.ts

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

package/dist/query-container/index.d.ts

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

package/{query-container → dist/query-container}/query-container.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import { PropsWithChildren } from 'react';
 export interface QueryContainerError {
     /**
      * The error title

package/dist/search-input/index.d.ts

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

package/{search-input → dist/search-input}/search-input.d.ts

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from "@mui/material/styles";
+import { SxProps, Theme } from '@mui/material/styles';
 export type SearchInputSize = "small" | "medium";
 export interface SearchFilter {
     id: string;

package/dist/select/index.d.ts

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

package/{select → dist/select}/select.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { SelectInputProps } from "@mui/material/Select/SelectInput";
+import { ReactNode } from 'react';
+import { SelectInputProps } from '@mui/material/Select/SelectInput';
 export type SelectSize = "small" | "medium";
 export interface SelectProps<T> {
     label: string;

package/dist/sign-in/index.d.ts

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

package/dist/skeleton-card/index.d.ts

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

package/dist/skeleton-grid/index.d.ts

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

package/dist/tab-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tab-card';
+export * from './tab-card-panel';

package/{tab-card → dist/tab-card}/tab-card-panel.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from "react";
-import { SxProps, Theme } from "@mui/material";
+import { PropsWithChildren } from 'react';
+import { SxProps, Theme } from '@mui/material';
 export type TabCardPanelProps = PropsWithChildren<{
     index: number | number[];
     sx?: SxProps<Theme>;

package/dist/tab-card/tab-card.context.d.ts

@@ -0,0 +1,3 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare const TabCardContext: import('react').Context<[number, Dispatch<SetStateAction<number>>]>;
+export declare const TabCardContextProvider: import('react').Provider<[number, Dispatch<SetStateAction<number>>]>;

package/{tab-card → dist/tab-card}/tab-card.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactElement } from "react";
+import { PropsWithChildren, ReactElement } from 'react';
 export interface TabData {
     text: string;
     icon?: ReactElement;

package/{tab-card → dist/tab-card}/tab-card.dummy.d.ts

@@ -1,4 +1,4 @@
-import { TabData } from "./tab-card";
+import { TabData } from './tab-card';
 export declare const DummyTabs: ({
     text: string;
     icon?: undefined;

package/dist/tab-panel/index.d.ts

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

package/dist/tab-provider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tab-provider.context';
+export * from './tab-provider.provider';

package/dist/tab-provider/tab-provider.context.d.ts

@@ -0,0 +1,4 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare const TabContext: import('react').Context<[number, Dispatch<SetStateAction<number>>]>;
+export declare const TabContextProvider: import('react').Provider<[number, Dispatch<SetStateAction<number>>]>;
+export declare const useTab: () => [number, Dispatch<SetStateAction<number>>];

package/{tab-provider → dist/tab-provider}/tab-provider.provider.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import { PropsWithChildren } from 'react';
 type TabProviderProps = PropsWithChildren<{
     initialValue?: number;
 }>;

package/dist/table-list/index.d.ts

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

package/{table-list → dist/table-list}/table-list.d.ts

@@ -1,5 +1,5 @@
-import { HeadCell, Order } from "../enhanced-table";
-import { BasicModelInstance } from "../generators";
+import { HeadCell, Order } from '../enhanced-table';
+import { BasicModelInstance } from '../generators';
 export interface TableRowOption<T extends BasicModelInstance> {
     id: string;
     label: string;

package/dist/text-field/index.d.ts

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

package/{text-field → dist/text-field}/text-field.d.ts

@@ -1,4 +1,4 @@
-import { TextFieldProps as MuiTextFieldProps } from "@mui/material/TextField";
+import { TextFieldProps as MuiTextFieldProps } from '@mui/material/TextField';
 export type TextFieldProps = MuiTextFieldProps & {
     fetching?: boolean;
     loading?: boolean;

package/{utils → dist/utils}/breakpoints.d.ts

@@ -1,4 +1,4 @@
-import { ResponsiveStyleValue } from "@mui/system";
+import { ResponsiveStyleValue } from '@mui/system';
 interface Breakpoints {
     xs: number;
     sm: number;

package/{utils → dist/utils}/forms.d.ts

@@ -1,2 +1,2 @@
-import { FormEvent } from "react";
+import { FormEvent } from 'react';
 export declare const getFormData: <T>(e: FormEvent<HTMLFormElement>) => T;

package/dist/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './arrays';
+export * from './theme';
+export * from './breakpoints';
+export * from './forms';

package/{utils → dist/utils}/theme.d.ts

@@ -1,4 +1,4 @@
-import { Color } from "@mui/material";
+import { Color } from '@mui/material';
 type KeyColor = keyof Color;
 export declare const useGetDefaultThemeColor: ({ lightWeight, darkWeight, }?: {
     lightWeight?: KeyColor;

package/dist/value-base/index.d.ts

@@ -0,0 +1,2 @@
+export * from './value-edit';
+export * from './value-displays.types';

package/{value-base → dist/value-base}/value-edit.d.ts

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from "@mui/material/styles";
+import { SxProps, Theme } from '@mui/material/styles';
 export interface ValueEditButtonsProps {
     onClickCancel: () => void;
     onClickSubmit: () => void;
@@ -12,7 +12,7 @@ export declare const useEditableValueDisplay: <T>(initialValue: T | undefined, o
     isEditing: boolean;
     cancelEdit: () => void;
     editValue: T | undefined;
-    setEditValue: import("react").Dispatch<import("react").SetStateAction<T | undefined>>;
+    setEditValue: import('react').Dispatch<import('react').SetStateAction<T | undefined>>;
     startEdit: () => void;
     submitEdit: () => void;
 };

package/dist/value-boolean/index.d.ts

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

package/{value-boolean → dist/value-boolean}/value-boolean.d.ts

@@ -1,4 +1,4 @@
-import { BaseValueProps, EditableValueProps } from "../value-base";
+import { BaseValueProps, EditableValueProps } from '../value-base';
 export type ValueBooleanProps = BaseValueProps<boolean> & EditableValueProps<boolean>;
 /**
  * Displays a boolean value with a label

package/dist/value-card/index.d.ts

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

package/{value-card → dist/value-card}/value-card.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import { PropsWithChildren } from 'react';
 export type ValueCardProps = PropsWithChildren;
 /**
  * Container to show a labeled value

package/dist/value-content/index.d.ts

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

package/{value-content → dist/value-content}/value-content.d.ts

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from "@mui/material/styles";
+import { SxProps, Theme } from '@mui/material/styles';
 export declare const getValueContentLabelId: (label: string) => string;
 export interface ValueContentProps {
     /**

package/dist/value-datetime/index.d.ts

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

package/{value-datetime → dist/value-datetime}/value-datetime.d.ts

@@ -1,4 +1,4 @@
-import { BaseValueProps, EditableValueProps } from "../value-base";
+import { BaseValueProps, EditableValueProps } from '../value-base';
 export type EditInputType = "datetime" | "date" | "time";
 export interface ValueDatetimeProps extends BaseValueProps<Date>, EditableValueProps<Date> {
     /**

package/dist/value-image/index.d.ts

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

package/{value-image → dist/value-image}/value-image.d.ts

@@ -1,4 +1,4 @@
-import { BaseValueProps } from "../value-base";
+import { BaseValueProps } from '../value-base';
 export interface ValueImageProps extends BaseValueProps<string> {
     /**
      * Image size

package/dist/value-item/index.d.ts

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

package/{value-item → dist/value-item}/value-item.d.ts

@@ -1,6 +1,6 @@
-import { GridProps } from "@mui/material/Grid";
-import { ResponsiveStyleValue } from "@mui/system";
-import { PropsWithChildren, FunctionComponent, ReactElement } from "react";
+import { GridProps } from '@mui/material/Grid';
+import { ResponsiveStyleValue } from '@mui/system';
+import { PropsWithChildren, FunctionComponent, ReactElement } from 'react';
 export type ValueItemProps = PropsWithChildren<Omit<GridProps, "item" | "container"> & {
     bordered?: ResponsiveStyleValue<boolean>;
 }>;

package/dist/value-label/index.d.ts

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

package/{value-label → dist/value-label}/value-label.d.ts

@@ -1,5 +1,5 @@
-import { BaseValueProps } from "../value-base";
-import { LabelVariant } from "../label";
+import { BaseValueProps } from '../value-base';
+import { LabelVariant } from '../label';
 export type ValueLabelProps = BaseValueProps<string | number | string[] | number[]> & {
     variant?: LabelVariant | LabelVariant[];
     color?: string | string[];

package/dist/value-rating/index.d.ts

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

package/{value-rating → dist/value-rating}/value-rating.d.ts

@@ -1,4 +1,4 @@
-import { BaseValueProps, EditableValueProps } from "../value-base";
+import { BaseValueProps, EditableValueProps } from '../value-base';
 export type ValueRatingProps = BaseValueProps<number> & {
     maxRating?: number;
 } & EditableValueProps<number>;

package/dist/value-text/index.d.ts

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

package/{value-text → dist/value-text}/value-text.d.ts

@@ -1,4 +1,4 @@
-import { BaseValueProps, EditableValueProps } from "../value-base";
+import { BaseValueProps, EditableValueProps } from '../value-base';
 export type ValueTextProps = BaseValueProps<string | number> & EditableValueProps<string>;
 /**
  * Displays a string value with a label

package/package.json

@@ -1,10 +1,31 @@
 {
   "name": "@pautena/react-design-system",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "My custom design system on top of MUI",
-  "main": "./cjs/index.js",
-  "module": "./index.js",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
+  "files": [
+    "/dist"
+  ],
+  "scripts": {
+    "build": "tsc && vite build",
+    "publish:npm": "npm publish --access public",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "coverage": "vitest run --coverage",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
+    "storybook:deploy": "gh-pages -d storybook-static",
+    "lint": "npm-run-all lint:*",
+    "lint:eslint": "eslint *.js src --ext .js,.ts,.tsx",
+    "lint:ts": "tsc -p . --pretty",
+    "format": "npm-run-all format:*",
+    "format:js": "prettier --write \"**/*.js\"",
+    "format:json": "prettier --write \"**/*.json\"",
+    "format:md": "prettier --write \"**/*.md\"",
+    "format:ts": "prettier --write \"**/*.ts{,x}\""
+  },
   "keywords": [
     "mui",
     "design",
@@ -25,6 +46,58 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
+  "devDependencies": {
+    "@babel/core": "^7.26.9",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.0",
+    "@eslint/eslintrc": "^3.3.0",
+    "@eslint/js": "^9.21.0",
+    "@faker-js/faker": "^9.5.0",
+    "@mui/x-data-grid-generator": "^7.27.0",
+    "@storybook/addon-actions": "^8.6.0-beta.7",
+    "@storybook/addon-essentials": "^8.6.0-beta.7",
+    "@storybook/addon-interactions": "^8.6.0-beta.7",
+    "@storybook/addon-knobs": "^8.0.1",
+    "@storybook/addon-links": "^8.6.0-beta.7",
+    "@storybook/addon-mdx-gfm": "^8.6.0-beta.7",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
+    "@storybook/react": "^8.6.0-beta.7",
+    "@storybook/react-webpack5": "^8.6.0-beta.7",
+    "@storybook/test": "^8.6.0-beta.7",
+    "@storybook/testing-react": "^2.0.1",
+    "@storybook/types": "^8.6.0-beta.7",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/ramda": "^0.30.2",
+    "@types/react": "^19.0.10",
+    "@typescript-eslint/eslint-plugin": "^8.24.1",
+    "@typescript-eslint/parser": "^8.24.1",
+    "babel-loader": "^9.2.1",
+    "babel-plugin-module-resolver": "^5.0.2",
+    "eslint": "^9.21.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-storybook": "^0.11.3",
+    "gh-pages": "^6.3.0",
+    "globals": "^16.0.0",
+    "history": "^5.3.0",
+    "husky": "^9.1.7",
+    "jsdom": "^26.0.0",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^3.5.2",
+    "ramda": "^0.30.1",
+    "react-test-renderer": "^19.0.0",
+    "storybook": "^8.6.0-beta.7",
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.3",
+    "vite": "^6.1.1",
+    "vite-plugin-dts": "^4.5.0",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^3.0.6"
+  },
   "peerDependencies": {
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
@@ -45,7 +118,5 @@
   "bugs": {
     "url": "https://github.com/pautena/react-design-system/issues"
   },
-  "homepage": "https://pautena.com/react-design-system/",
-  "private": false,
-  "typings": "./index.d.ts"
-}
+  "homepage": "https://pautena.com/react-design-system/"
+}

package/action/cjs/index.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material/Grid"),r=require("@mui/material/Button"),t=require("@mui/material/Typography"),n=require("@mui/material/DialogContentText"),l=require("@mui/material/styles"),a=require("react"),o=require("@mui/material/Dialog"),c=require("@mui/material/DialogTitle"),s=require("@mui/material/DialogActions"),d=require("@mui/material/IconButton"),m=require("@mui/material/DialogContent"),p=require("@mui/material/CircularProgress"),u=require("@mui/material/Box"),x=require("@mui/icons-material/Close"),h=require("@mui/material/TextField");const C=({title:i,titleVariant:r="h4",variant:n="primary"})=>{const{palette:a}=l.useTheme(),o={primary:void 0,error:"error",warning:a.warning.main,success:a.success.main};return e.jsx(t,{color:o[n],variant:r,pb:1,borderBottom:1,borderColor:"grey.300",children:i})},j=({open:i,title:t,component:n,componentProps:l={},disabled:a,disableAccept:h,disableCancel:C,actions:j=[],children:b,loading:g,cancelable:q,callCloseWhenCancel:y=!0,acceptable:T,acceptText:v="Accept",cancelText:f="Cancel",onAccept:A,onCancel:k=(()=>null),onClose:D,acceptType:V="button"})=>{const B=j.length>0||T||q;return e.jsxs(o,{open:i,onClose:D,children:[e.jsxs(c,{sx:{display:"flex",alignItems:"center"},children:[t,g&&!T&&e.jsx(p,{size:20,sx:{ml:2,color:e=>e.palette.grey[500]}}),e.jsx(d,{disabled:a,"aria-label":"close",onClick:D,sx:{position:"absolute",right:8,top:8,color:e=>e.palette.grey[500]},children:e.jsx(x,{})})]}),e.jsxs(u,{component:n,...l,children:[e.jsx(m,{dividers:!0,children:b}),B&&e.jsxs(s,{children:[j.map((({id:i,text:t,type:n="button",onClick:l,color:o="primary"})=>e.jsx(r,{type:n,disabled:a,onClick:l,color:o,children:t},i))),q&&e.jsx(r,{color:"error",disabled:a||C,onClick:()=>{k(),y&&D()},children:f}),T&&e.jsx(r,{type:V,loading:g,disabled:a||h,onClick:A,children:v})]})]})]})},b=({open:i,title:r,loading:t,disabled:n,confirmText:l="Confirm",cancelText:o="Cancel",passphrase:c,children:s,onConfirm:d,onCancel:m})=>{const[p,u]=a.useState(""),x=!c||p===c;return e.jsxs(j,{title:r,loading:t,disabled:t||n,disableAccept:!x,open:i,onClose:m,acceptable:!0,cancelable:!0,callCloseWhenCancel:!1,acceptText:l,cancelText:o,onCancel:m,onAccept:d,children:[s,c&&e.jsx(h,{size:"small",fullWidth:!0,value:p,onChange:e=>u(e.target.value),placeholder:c})]})};exports.Action=({variant:l="primary",title:o,titleVariant:c="h4",description:s,descriptionVariant:d="body2",buttonText:m,helperText:p,helperTextVariant:u="caption",confirmable:x,passphrase:h,confirmTitle:j="",confirmDescription:g="",onAction:q})=>{const{isOpen:y,open:T,close:v}=((e=!1)=>{const[i,r]=a.useState(e);return{isOpen:i,open:()=>r(!0),close:()=>r(!1),setIsOpen:r}})();return e.jsxs(e.Fragment,{children:[e.jsxs(i,{container:!0,spacing:1,children:[e.jsx(i,{item:!0,xs:12,mb:2,children:e.jsx(C,{title:o,titleVariant:c})}),s&&e.jsx(i,{item:!0,xs:12,children:e.jsx(t,{variant:d,children:s})}),e.jsx(i,{item:!0,xs:12,mt:1,children:e.jsx(r,{color:l,variant:"contained",onClick:()=>{x?T():q()},children:m})}),p&&e.jsx(i,{item:!0,xs:12,children:e.jsx(t,{variant:u,children:p})})]}),e.jsx(b,{open:y,title:j,passphrase:h,onCancel:v,onConfirm:()=>{q(),v()},children:e.jsx(n,{children:g})})]})},exports.ActionHeader=C;
-//# sourceMappingURL=index.js.map