pne-ui 4.0.8 → 4.0.9

package/esm/src/common/pne/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/common/pne/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/esm/src/common/pne/type.d.ts

@@ -0,0 +1,19 @@
+import { WritableDraft } from 'immer/src/internal';
+export declare const exhaustiveCheck: (value: never | never[]) => never[];
+export declare const ensure: <T>(argument: T | undefined | null, message?: string) => T;
+export declare const isObject: (value: unknown) => value is object;
+export declare function assertObject(value: unknown): asserts value is object;
+export type SelectOption = {
+    value: number | string;
+    label: string;
+};
+export type Order = 'asc' | 'desc';
+export type ZustandStoreSet<STORE> = {
+    (partial: STORE | Partial<STORE> | ((state: STORE) => STORE | Partial<STORE>), replace?: false): void;
+    (state: STORE | ((state: STORE) => STORE), replace: true): void;
+};
+export type ZustandStoreImmerSet<STORE> = {
+    (nextStateOrUpdater: STORE | Partial<STORE> | ((state: WritableDraft<STORE>) => void), shouldReplace?: false): void;
+    (nextStateOrUpdater: STORE | ((state: WritableDraft<STORE>) => void), shouldReplace: true): void;
+};
+export type ZustandStoreGet<STORE> = () => Readonly<STORE>;

package/esm/src/common/pne/type.js

@@ -0,0 +1,18 @@
+export const exhaustiveCheck = (value) => {
+    return value;
+};
+export const ensure = (argument, message = 'This value was promised to be there.') => {
+    if (argument === undefined || argument === null) {
+        throw new TypeError(message);
+    }
+    return argument;
+};
+export const isObject = (value) => {
+    return typeof value === 'object' && value !== null;
+};
+export function assertObject(value) {
+    if (typeof value !== 'object' || value === null) {
+        throw new Error('Not an object: ' + value);
+    }
+}
+//# sourceMappingURL=type.js.map

package/esm/src/common/pne/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../../src/common/pne/type.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAsB,EAAE,EAAE;IACtD,OAAO,KAAK,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,CAAI,QAA8B,EAAE,OAAO,GAAG,sCAAsC,EAAK,EAAE;IAC7G,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QAC9C,MAAM,IAAI,SAAS,CAAC,OAAO,CAAC,CAAA;IAChC,CAAC;IAED,OAAO,QAAQ,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAmB,EAAE;IACxD,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC;AACvD,CAAC,CAAA;AAED,MAAM,UAAU,YAAY,CAAC,KAAc;IACvC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAC9C,MAAM,IAAI,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,CAAC;IAC/C,CAAC;AACL,CAAC"}

package/esm/src/common/responsive/breakpoints.d.ts

@@ -0,0 +1,3 @@
+export declare const DEFAULT_BREAKPOINTS: readonly [360, 640, 800, 1024, 1600, 2500];
+export type Breakpoint = (typeof DEFAULT_BREAKPOINTS)[number];
+export declare const resolveBreakpoint: (width?: number, breakpoints?: readonly number[]) => number;

package/esm/src/common/responsive/breakpoints.js

@@ -0,0 +1,17 @@
+export const DEFAULT_BREAKPOINTS = [360, 640, 800, 1024, 1600, 2500];
+export const resolveBreakpoint = (width, breakpoints = DEFAULT_BREAKPOINTS) => {
+    if (!width || Number.isNaN(width)) {
+        return breakpoints[0];
+    }
+    let match = breakpoints[0];
+    for (const breakpoint of breakpoints) {
+        if (width >= breakpoint) {
+            match = breakpoint;
+        }
+        else {
+            break;
+        }
+    }
+    return match;
+};
+//# sourceMappingURL=breakpoints.js.map

package/esm/src/common/responsive/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../../../src/common/responsive/breakpoints.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAA;AAI7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAc,EAAE,cAAiC,mBAAmB,EAAU,EAAE;IAC9G,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAChC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAA;IACzB,CAAC;IAED,IAAI,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;IAC1B,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE,CAAC;QACnC,IAAI,KAAK,IAAI,UAAU,EAAE,CAAC;YACtB,KAAK,GAAG,UAAU,CAAA;QACtB,CAAC;aAAM,CAAC;YACJ,MAAK;QACT,CAAC;IACL,CAAC;IAED,OAAO,KAAK,CAAA;AAChB,CAAC,CAAA"}

package/esm/src/component/AutoTestAttribute.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IProps {
+    id: string;
+    value?: valueType;
+}
+type valueType = string | number | boolean;
+export declare const AutoTestAttribute: (props: React.PropsWithChildren<IProps>) => React.JSX.Element;
+export {};

package/esm/src/component/AutoTestAttribute.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import ReactIs from 'react-is';
+const DATA_ATTRIBUTE_SUFFIX = 'autotest';
+const DATA_ATTRIBUTE_VALUE_SUFFIX = 'autotest-value';
+const TEST_ATTRIBUTE_NAME = `data-${DATA_ATTRIBUTE_SUFFIX}`;
+const TEST_ATTRIBUTE_VALUE_NAME = `data-${DATA_ATTRIBUTE_VALUE_SUFFIX}`;
+export const AutoTestAttribute = (props) => {
+    const { id, value, children, } = props;
+    const isProduction = process.env.PUBLIC_AUTOTEST_ATTRIBUTES === 'false';
+    const withTestAttribute = (nodes) => {
+        const node = React.Children.only(nodes);
+        if (ReactIs.isFragment(node)) {
+            return React.createElement('div', 
+            // @ts-expect-error TS2345
+            addValueAttributeIfPresent({ [TEST_ATTRIBUTE_NAME]: id }, value), node);
+        }
+        else if (ReactIs.isElement(node)) {
+            return React.cloneElement(node, 
+            // @ts-expect-error TS2345
+            addValueAttributeIfPresent({ [TEST_ATTRIBUTE_NAME]: id }, value));
+        }
+        else {
+            console.log('node');
+            return node;
+        }
+    };
+    return React.createElement(React.Fragment, null, isProduction ? children : withTestAttribute(children));
+};
+const addValueAttributeIfPresent = (attributes, value) => {
+    return value !== undefined ? { ...attributes, [TEST_ATTRIBUTE_VALUE_NAME]: value } : attributes;
+};
+//# sourceMappingURL=AutoTestAttribute.js.map

package/esm/src/component/AutoTestAttribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoTestAttribute.js","sourceRoot":"","sources":["../../../src/component/AutoTestAttribute.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,OAAO,MAAM,UAAU,CAAC;AAE/B,MAAM,qBAAqB,GAAG,UAAU,CAAC;AACzC,MAAM,2BAA2B,GAAG,gBAAgB,CAAC;AACrD,MAAM,mBAAmB,GAAG,QAAQ,qBAAqB,EAAE,CAAC;AAC5D,MAAM,yBAAyB,GAAG,QAAQ,2BAA2B,EAAE,CAAC;AASxE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAsC,EAAE,EAAE;IACxE,MAAM,EACF,EAAE,EACF,KAAK,EACL,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,0BAA0B,KAAK,OAAO,CAAC;IAExE,MAAM,iBAAiB,GAAG,CAAC,KAAsB,EAAmB,EAAE;QAClE,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAExC,IAAI,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3B,OAAO,KAAK,CAAC,aAAa,CACtB,KAAK;YACL,0BAA0B;YAC1B,0BAA0B,CAAC,EAAC,CAAC,mBAAmB,CAAC,EAAE,EAAE,EAAC,EAAE,KAAK,CAAC,EAC9D,IAAI,CACP,CAAC;QACN,CAAC;aAAM,IAAI,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;YACjC,OAAO,KAAK,CAAC,YAAY,CACrB,IAAoB;YACpB,0BAA0B;YAC1B,0BAA0B,CAAC,EAAC,CAAC,mBAAmB,CAAC,EAAE,EAAE,EAAC,EAAE,KAAK,CAAC,CACjE,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACpB,OAAO,IAAI,CAAC;QAChB,CAAC;IACL,CAAC,CAAA;IAED,OAAO,0CACF,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CACvD,CAAA;AACP,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,CAC/B,UAAqC,EACrC,KAAgB,EACS,EAAE;IAC3B,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAC,GAAG,UAAU,EAAE,CAAC,yBAAyB,CAAC,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,UAAU,CAAC;AAClG,CAAC,CAAA"}

package/esm/src/component/CustomIconWrapper.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactElement, SVGProps } from 'react';
+type IconChild = ReactElement<SVGProps<SVGElement>>;
+type Props = {
+    children: IconChild | IconChild[];
+    width?: number | string;
+    height?: number | string;
+} & SVGProps<SVGSVGElement>;
+declare const CustomIconWrapper: (props: Props) => React.JSX.Element;
+export default CustomIconWrapper;

package/esm/src/component/CustomIconWrapper.js

@@ -0,0 +1,12 @@
+import React from 'react';
+const CustomIconWrapper = (props) => {
+    const { children, width, height, } = props;
+    return React.createElement("svg", { width: width, height: height, viewBox: `0 0 ${width} ${height}`, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, React.Children.map(children, (child) => {
+        return React.cloneElement(child, {
+            stroke: 'currentColor',
+            fill: 'none',
+        });
+    }));
+};
+export default CustomIconWrapper;
+//# sourceMappingURL=CustomIconWrapper.js.map

package/esm/src/component/CustomIconWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomIconWrapper.js","sourceRoot":"","sources":["../../../src/component/CustomIconWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAUpD,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAE,EAAE;IACvC,MAAM,EACF,QAAQ,EACR,KAAK,EACL,MAAM,GACT,GAAG,KAAK,CAAA;IAET,OAAO,6BACH,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK,IAER,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAgB,EAAE,EAAE;QAC/C,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAC7B,MAAM,EAAE,cAAc;YACtB,IAAI,EAAE,MAAM;SACf,CAAC,CAAA;IACN,CAAC,CAAC,CACA,CAAA;AACV,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/esm/src/component/PneButton.d.ts

@@ -0,0 +1,9 @@
+import { ButtonProps } from '@mui/material';
+import * as React from "react";
+export type PneButtonStyle = 'contained' | 'outlined' | 'error' | 'text';
+declare const PneButton: <C extends React.ElementType>(props: ButtonProps<C, {
+    component?: C;
+}> & {
+    pneStyle?: PneButtonStyle;
+}) => React.JSX.Element;
+export default PneButton;

package/esm/src/component/PneButton.js

@@ -0,0 +1,47 @@
+import { Button } from '@mui/material';
+import * as React from "react";
+// https://mui.com/material-ui/guides/typescript/#complications-with-the-component-prop
+const PneButton = (props) => {
+    const { sx, children, variant, color, size = 'large', pneStyle, ...rest } = props;
+    let finalVariant = 'contained';
+    let finalColor = 'primary';
+    if (pneStyle) {
+        switch (pneStyle) {
+            case 'contained':
+                finalVariant = 'contained';
+                finalColor = 'primary';
+                break;
+            case 'outlined':
+                finalVariant = 'outlined';
+                finalColor = 'primary';
+                break;
+            case 'error':
+                finalVariant = 'outlined';
+                finalColor = 'error';
+                break;
+            case 'text':
+                finalVariant = 'text';
+                finalColor = 'primary';
+                break;
+            default:
+                console.warn(`Unknown pneStyle: ${pneStyle}`);
+        }
+    }
+    else {
+        finalVariant = variant || finalVariant;
+        finalColor = color || finalColor;
+    }
+    const _sx = [
+        {
+            height: size === 'large' ? '40px' : 'inherit',
+            fontSize: '12px',
+            lineHeight: '22px',
+            fontWeight: '400',
+            textTransform: 'initial'
+        },
+        ...(Array.isArray(sx) ? sx : [sx])
+    ];
+    return React.createElement(Button, { sx: _sx, variant: finalVariant, color: finalColor, size: size, ...rest }, children);
+};
+export default PneButton;
+//# sourceMappingURL=PneButton.js.map

package/esm/src/component/PneButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneButton.js","sourceRoot":"","sources":["../../../src/component/PneButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAuB,MAAM,eAAe,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,uFAAuF;AACvF,MAAM,SAAS,GAAG,CACd,KAAsE,EACxE,EAAE;IACA,MAAM,EACF,EAAE,EACF,QAAQ,EACR,OAAO,EACP,KAAK,EACL,IAAI,GAAG,OAAO,EACd,QAAQ,EACR,GAAG,IAAI,EACV,GAAG,KAAK,CAAC;IAEV,IAAI,YAAY,GAA2B,WAAW,CAAA;IACtD,IAAI,UAAU,GAAyB,SAAS,CAAA;IAEhD,IAAI,QAAQ,EAAE,CAAC;QACX,QAAQ,QAAQ,EAAE,CAAC;YACf,KAAK,WAAW;gBACZ,YAAY,GAAG,WAAW,CAAA;gBAC1B,UAAU,GAAG,SAAS,CAAA;gBACtB,MAAK;YACT,KAAK,UAAU;gBACX,YAAY,GAAG,UAAU,CAAA;gBACzB,UAAU,GAAG,SAAS,CAAA;gBACtB,MAAK;YACT,KAAK,OAAO;gBACR,YAAY,GAAG,UAAU,CAAA;gBACzB,UAAU,GAAG,OAAO,CAAA;gBACpB,MAAK;YACT,KAAK,MAAM;gBACP,YAAY,GAAG,MAAM,CAAA;gBACrB,UAAU,GAAG,SAAS,CAAA;gBACtB,MAAK;YACT;gBACI,OAAO,CAAC,IAAI,CAAC,qBAAqB,QAAQ,EAAE,CAAC,CAAA;QACrD,CAAC;IACL,CAAC;SAAM,CAAC;QACJ,YAAY,GAAG,OAAO,IAAI,YAAY,CAAA;QACtC,UAAU,GAAG,KAAK,IAAI,UAAU,CAAA;IACpC,CAAC;IAED,MAAM,GAAG,GAAY;QACjB;YACI,MAAM,EAAE,IAAI,KAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YAC5C,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,KAAK;YACjB,aAAa,EAAE,SAAS;SAC3B;QACD,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IAED,OAAO,oBAAC,MAAM,IAAC,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,KAAM,IAAI,IAAG,QAAQ,CAAU,CAAA;AAC/G,CAAC,CAAA;AAED,eAAe,SAAS,CAAC"}

package/esm/src/component/PneButtonGroup.d.ts

@@ -0,0 +1,3 @@
+import { ButtonGroupProps } from '@mui/material';
+import React from 'react';
+export declare const PneButtonGroup: (props: React.PropsWithChildren<ButtonGroupProps>) => React.JSX.Element;

package/esm/src/component/PneButtonGroup.js

@@ -0,0 +1,15 @@
+import { ButtonGroup } from '@mui/material';
+import React from 'react';
+export const PneButtonGroup = (props) => {
+    const { sx, children, ...rest } = props;
+    const _sx = [
+        {
+            '& > *:not(:last-child)': {
+                mr: '2px'
+            }
+        },
+        ...(Array.isArray(sx) ? sx : [sx])
+    ];
+    return React.createElement(ButtonGroup, { sx: _sx, ...rest }, children);
+};
+//# sourceMappingURL=PneButtonGroup.js.map

package/esm/src/component/PneButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneButtonGroup.js","sourceRoot":"","sources":["../../../src/component/PneButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAA4B,MAAM,eAAe,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAgD,EAAE,EAAE;IAC/E,MAAM,EACF,EAAE,EACF,QAAQ,EACR,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,GAAG,GAAY;QACjB;YACI,wBAAwB,EAAE;gBACtB,EAAE,EAAE,KAAK;aACZ;SACJ;QACD,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IAED,OAAO,oBAAC,WAAW,IAAC,EAAE,EAAE,GAAG,KAAM,IAAI,IAAG,QAAQ,CAAe,CAAA;AACnE,CAAC,CAAA"}

package/esm/src/component/PneCheckbox.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CheckboxProps } from '@mui/material';
+export declare const PneCheckbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/esm/src/component/PneCheckbox.js

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+import { Checkbox } from '@mui/material';
+export const PneCheckbox = forwardRef((props, ref) => {
+    const { sx, size = 'small', ...rest } = props;
+    const _sx = [
+        ...(Array.isArray(sx) ? sx : [sx])
+    ];
+    return React.createElement(Checkbox, { sx: _sx, size: size, ...rest, ref: ref });
+});
+//# sourceMappingURL=PneCheckbox.js.map

package/esm/src/component/PneCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneCheckbox.js","sourceRoot":"","sources":["../../../src/component/PneCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAM,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAC,QAAQ,EAAyB,MAAM,eAAe,CAAC;AAE/D,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC,CAClC,KAAoB,EACpB,GAA2B,EAC7B,EAAE;IACA,MAAM,EACF,EAAE,EACF,IAAI,GAAG,OAAO,EACd,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,GAAG,GAAY;QACjB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IAED,OAAO,oBAAC,QAAQ,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,KAAM,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,CAAA;AAC/D,CAAC,CAAC,CAAC"}

package/esm/src/component/PneHighContrastLabeledCheckbox.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { PneLabeledCheckboxProps } from './PneLabeledCheckbox';
+export declare const PneHighContrastLabeledCheckbox: React.ForwardRefExoticComponent<Omit<PneLabeledCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/esm/src/component/PneHighContrastLabeledCheckbox.js

@@ -0,0 +1,199 @@
+import React, { forwardRef } from 'react';
+import { alpha, FormControl, FormControlLabel, FormGroup, FormHelperText, useTheme, } from '@mui/material';
+import { PneCheckbox } from './PneCheckbox';
+const TRANSPARENT_VALUES = new Set([
+    '',
+    'transparent',
+    'rgba(0, 0, 0, 0)',
+    'rgba(0,0,0,0)',
+    'rgb(0, 0, 0, 0)',
+    'rgb(0 0 0 / 0)',
+]);
+const mergeSx = (...styles) => {
+    const merged = [];
+    styles.forEach((style) => {
+        if (style === undefined || style === null) {
+            return;
+        }
+        if (Array.isArray(style)) {
+            style.forEach((entry) => {
+                if (entry === undefined || entry === null) {
+                    return;
+                }
+                merged.push(entry);
+            });
+        }
+        else {
+            merged.push(style);
+        }
+    });
+    if (merged.length === 0) {
+        return undefined;
+    }
+    if (merged.length === 1) {
+        return merged[0];
+    }
+    return merged;
+};
+const getEffectiveBackgroundColor = (element, fallback, getComputedStyleFn) => {
+    let current = element;
+    while (current) {
+        const color = getComputedStyleFn(current).backgroundColor;
+        if (color && !TRANSPARENT_VALUES.has(color)) {
+            const rgbaMatch = color.match(/rgba?\(([^)]+)\)/);
+            if (!rgbaMatch) {
+                return color;
+            }
+            const channels = rgbaMatch[1]
+                .split(/[,/]/)
+                .map((channel) => channel.trim())
+                .filter(Boolean);
+            if (channels.length < 4) {
+                return color;
+            }
+            const alphaChannel = parseFloat(channels[3]);
+            if (!Number.isNaN(alphaChannel) && alphaChannel > 0) {
+                return color;
+            }
+        }
+        current = current.parentElement;
+    }
+    return fallback;
+};
+export const PneHighContrastLabeledCheckbox = forwardRef((props, ref) => {
+    const { label, helperText, error = false, containerSx, formControlProps, formGroupProps, formControlLabelProps, helperTextProps, sx, ...rest } = props;
+    const theme = useTheme();
+    const formControlRef = React.useRef(null);
+    const [labelColor, setLabelColor] = React.useState(() => theme.palette.text.primary);
+    const updateLabelColor = React.useCallback(() => {
+        const element = formControlRef.current;
+        if (!element) {
+            return;
+        }
+        const ownerWindow = element.ownerDocument?.defaultView;
+        if (!ownerWindow) {
+            return;
+        }
+        const getStyle = ownerWindow.getComputedStyle.bind(ownerWindow);
+        const backgroundColor = getEffectiveBackgroundColor(element, theme.palette.background.paper, getStyle);
+        const contrastColor = theme.palette.getContrastText(backgroundColor);
+        setLabelColor((previous) => (previous === contrastColor ? previous : contrastColor));
+    }, [theme]);
+    React.useEffect(() => {
+        const element = formControlRef.current;
+        if (!element) {
+            return;
+        }
+        const ownerWindow = element.ownerDocument?.defaultView;
+        if (!ownerWindow) {
+            return;
+        }
+        updateLabelColor();
+        const cleanupCallbacks = [];
+        const trackedElements = [];
+        let current = element;
+        while (current) {
+            trackedElements.push(current);
+            current = current.parentElement;
+        }
+        const MutationObserverCtor = ownerWindow.MutationObserver;
+        if (MutationObserverCtor) {
+            const mutationObservers = [];
+            const config = {
+                attributes: true,
+                attributeFilter: ['style', 'class'],
+            };
+            trackedElements.forEach((target) => {
+                const observer = new MutationObserverCtor(() => {
+                    updateLabelColor();
+                });
+                observer.observe(target, config);
+                mutationObservers.push(observer);
+            });
+            cleanupCallbacks.push(() => {
+                mutationObservers.forEach((observer) => observer.disconnect());
+            });
+        }
+        const ResizeObserverCtor = ownerWindow.ResizeObserver;
+        if (ResizeObserverCtor) {
+            const resizeObserver = new ResizeObserverCtor(() => {
+                updateLabelColor();
+            });
+            trackedElements.forEach((target) => {
+                resizeObserver.observe(target);
+            });
+            cleanupCallbacks.push(() => {
+                resizeObserver.disconnect();
+            });
+        }
+        else {
+            const handleResize = () => {
+                updateLabelColor();
+            };
+            ownerWindow.addEventListener('resize', handleResize);
+            cleanupCallbacks.push(() => {
+                ownerWindow.removeEventListener('resize', handleResize);
+            });
+        }
+        trackedElements.forEach((target) => {
+            const handleTransitionEnd = () => {
+                updateLabelColor();
+            };
+            const handleAnimationEnd = () => {
+                updateLabelColor();
+            };
+            target.addEventListener('transitionend', handleTransitionEnd);
+            target.addEventListener('animationend', handleAnimationEnd);
+            cleanupCallbacks.push(() => {
+                target.removeEventListener('transitionend', handleTransitionEnd);
+                target.removeEventListener('animationend', handleAnimationEnd);
+            });
+        });
+        return () => {
+            cleanupCallbacks.forEach((dispose) => dispose());
+        };
+    }, [updateLabelColor]);
+    const disabledStateSx = {
+        '& .Mui-disabled': {
+            backgroundColor: '#FFFFFF',
+        },
+    };
+    const controlSx = mergeSx(disabledStateSx, containerSx);
+    const checkboxSx = mergeSx({
+        color: labelColor,
+        '&.Mui-checked': {
+            color: labelColor,
+        },
+        '&.MuiCheckbox-indeterminate': {
+            color: labelColor,
+        },
+        '&.Mui-disabled': {
+            color: theme.palette.action.disabled,
+        },
+    }, sx);
+    const labelProps = {
+        ...(formControlLabelProps ?? {}),
+        sx: mergeSx({
+            '& .MuiFormControlLabel-label': {
+                color: labelColor,
+            },
+            '&.Mui-disabled .MuiFormControlLabel-label': {
+                color: theme.palette.text.disabled,
+            },
+        }, formControlLabelProps?.sx),
+    };
+    const helperProps = helperText
+        ? {
+            ...(helperTextProps ?? {}),
+            sx: mergeSx({
+                color: alpha(labelColor, 0.72),
+            }, helperTextProps?.sx),
+        }
+        : undefined;
+    return (React.createElement(FormControl, { ref: formControlRef, error: error, sx: controlSx, ...formControlProps },
+        React.createElement(FormGroup, { ...formGroupProps },
+            React.createElement(FormControlLabel, { control: React.createElement(PneCheckbox, { ...rest, sx: checkboxSx, ref: ref }), label: label, ...labelProps })),
+        helperText && (React.createElement(FormHelperText, { ...helperProps }, helperText))));
+});
+PneHighContrastLabeledCheckbox.displayName = 'PneHighContrastLabeledCheckbox';
+//# sourceMappingURL=PneHighContrastLabeledCheckbox.js.map

package/esm/src/component/PneHighContrastLabeledCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneHighContrastLabeledCheckbox.js","sourceRoot":"","sources":["../../../src/component/PneHighContrastLabeledCheckbox.tsx"],"names":[],"mappings":"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"}

package/esm/src/component/PneLabeledCheckbox.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { FormControlLabelProps, FormControlProps, FormGroupProps, FormHelperTextProps, SxProps } from '@mui/material';
+import { CheckboxProps } from '@mui/material/Checkbox';
+export type PneLabeledCheckboxProps = CheckboxProps & {
+    label?: React.ReactNode;
+    helperText?: React.ReactNode;
+    error?: boolean;
+    containerSx?: SxProps;
+    formControlProps?: Omit<FormControlProps, 'error' | 'sx'>;
+    formGroupProps?: FormGroupProps;
+    formControlLabelProps?: Omit<FormControlLabelProps, 'control' | 'label'>;
+    helperTextProps?: FormHelperTextProps;
+};
+export declare const PneLabeledCheckbox: React.ForwardRefExoticComponent<Omit<PneLabeledCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/esm/src/component/PneLabeledCheckbox.js

@@ -0,0 +1,12 @@
+import React, { forwardRef } from 'react';
+import { FormControl, FormControlLabel, FormGroup, FormHelperText, } from '@mui/material';
+import { PneCheckbox } from './PneCheckbox';
+export const PneLabeledCheckbox = forwardRef((props, ref) => {
+    const { label, helperText, error = false, containerSx, formControlProps, formGroupProps, formControlLabelProps, helperTextProps, sx, ...rest } = props;
+    return (React.createElement(FormControl, { error: error, sx: containerSx, ...formControlProps },
+        React.createElement(FormGroup, { ...formGroupProps },
+            React.createElement(FormControlLabel, { control: React.createElement(PneCheckbox, { ...rest, sx: sx, ref: ref }), label: label, ...formControlLabelProps })),
+        helperText && (React.createElement(FormHelperText, { ...helperTextProps }, helperText))));
+});
+PneLabeledCheckbox.displayName = 'PneLabeledCheckbox';
+//# sourceMappingURL=PneLabeledCheckbox.js.map

package/esm/src/component/PneLabeledCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneLabeledCheckbox.js","sourceRoot":"","sources":["../../../src/component/PneLabeledCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EACH,WAAW,EACX,gBAAgB,EAGhB,SAAS,EAET,cAAc,GAGjB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAa3C,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpG,MAAM,EACF,KAAK,EACL,UAAU,EACV,KAAK,GAAG,KAAK,EACb,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,EAAE,EACF,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,OAAO,CACH,oBAAC,WAAW,IACR,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,WAAW,KACX,gBAAgB;QAEpB,oBAAC,SAAS,OAAK,cAAc;YACzB,oBAAC,gBAAgB,IACb,OAAO,EACH,oBAAC,WAAW,OACJ,IAAI,EACR,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,GACV,EAEN,KAAK,EAAE,KAAK,KACR,qBAAqB,GAC3B,CACM;QACX,UAAU,IAAI,CACX,oBAAC,cAAc,OAAK,eAAe,IAAG,UAAU,CAAkB,CACrE,CACS,CACjB,CAAA;AACL,CAAC,CAAC,CAAA;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA"}

package/esm/src/component/PneModal.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SxProps } from "@mui/material";
+export interface IProps {
+    open: boolean;
+    onClose: () => void;
+    containerSx?: SxProps;
+    title?: string;
+    subtitle?: string;
+    className?: string;
+}
+declare const PneModal: (props: React.PropsWithChildren<IProps>) => React.JSX.Element;
+export default PneModal;

package/esm/src/component/PneModal.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import Box from "@mui/material/Box";
+import IconButton from "@mui/material/IconButton";
+import Modal from "@mui/material/Modal";
+import Typography from "@mui/material/Typography";
+import { styled } from "@mui/material/styles";
+import CloseIcon from '@mui/icons-material/Close';
+const PneModal = (props) => {
+    const { open, onClose, containerSx = {}, title, className, children, } = props;
+    return React.createElement(Modal, { open: open, onClose: onClose, "aria-labelledby": 'modal-title' },
+        React.createElement(Container, { className: className, sx: containerSx },
+            React.createElement(Header, null,
+                React.createElement("div", null,
+                    React.createElement(Typography, { sx: {
+                            padding: '0',
+                            fontWeight: '700',
+                            fontSize: '18px',
+                            lineHeight: '24px',
+                        }, component: 'h3', id: 'modal-title' }, title),
+                    props.subtitle && (React.createElement(Typography, { sx: {
+                            padding: '0',
+                            fontWeight: '400',
+                            fontSize: '12px',
+                            lineHeight: '12px',
+                            letterSpacing: '0.15px',
+                        }, id: 'modal-subtitle' }, props.subtitle))),
+                React.createElement(IconButton, { sx: {
+                        width: '40px',
+                        height: '40px',
+                        background: '#F1F5FA',
+                        borderRadius: '4px',
+                    }, onClick: onClose },
+                    React.createElement(CloseIcon, { fontSize: 'small' }))),
+            React.createElement(Body, null, children)));
+};
+export default PneModal;
+const Container = styled(Box) `
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    min-width: min(400px, calc(100vw - 32px));
+    max-width: calc(100vw - 32px);
+    box-sizing: border-box;
+    background: #fff;
+    border: none;
+    border-radius: 4px;
+    max-height: 98%;
+    overflow-y: auto;
+    box-shadow: 0px -1px 12px rgba(0, 0, 0, 0.03), 0px 3px 3px rgba(0, 0, 0, 0.02), 0px 7px 6px rgba(0, 0, 0, 0.06), 0px 12px 10px rgba(0, 0, 3, 0.03), 0px 22px 18px rgba(0, 0, 0, 0.04), 0px 40px 33px rgba(0, 0, 0, 0.04), 0px 100px 80px rgba(0, 0, 0, 0.04);
+`;
+const Header = styled(Box) `
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16px 24px;
+    border-bottom: 1px solid #F1F5FA;
+    gap: 16px;
+`;
+const Body = styled(Box) `
+    padding: 16px 24px;
+`;
+//# sourceMappingURL=PneModal.js.map

package/esm/src/component/PneModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneModal.js","sourceRoot":"","sources":["../../../src/component/PneModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAWlD,MAAM,QAAQ,GAAG,CAAC,KAAsC,EAAE,EAAE;IACxD,MAAM,EACF,IAAI,EACJ,OAAO,EACP,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,SAAS,EACT,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,OAAO,oBAAC,KAAK,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,qBACA,aAAa;QAE7B,oBAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW;YAC5C,oBAAC,MAAM;gBACH;oBACI,oBAAC,UAAU,IACP,EAAE,EAAE;4BACA,OAAO,EAAE,GAAG;4BACZ,UAAU,EAAE,KAAK;4BACjB,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,MAAM;yBACrB,EACD,SAAS,EAAC,IAAI,EACd,EAAE,EAAE,aAAa,IAEhB,KAAK,CACG;oBACZ,KAAK,CAAC,QAAQ,IAAI,CACf,oBAAC,UAAU,IACP,EAAE,EAAE;4BACA,OAAO,EAAE,GAAG;4BACZ,UAAU,EAAE,KAAK;4BACjB,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,MAAM;4BAClB,aAAa,EAAE,QAAQ;yBAC1B,EACD,EAAE,EAAE,gBAAgB,IAEnB,KAAK,CAAC,QAAQ,CACN,CAChB,CACC;gBACN,oBAAC,UAAU,IACP,EAAE,EAAE;wBACA,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,UAAU,EAAE,SAAS;wBACrB,YAAY,EAAE,KAAK;qBACtB,EACD,OAAO,EAAE,OAAO;oBAEhB,oBAAC,SAAS,IAAC,QAAQ,EAAE,OAAO,GAAG,CACtB,CACR;YACT,oBAAC,IAAI,QACA,QAAQ,CACN,CACC,CACR,CAAA;AACZ,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA;AAEvB,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;;;;;;CAc5B,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;CAOzB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;CAEvB,CAAC"}

package/esm/src/component/PneSwitch.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SwitchProps } from '@mui/material';
+declare const PneSwitch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default PneSwitch;

package/esm/src/component/PneSwitch.js

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import { Switch } from '@mui/material';
+const PneSwitch = forwardRef((props, ref) => {
+    const { sx, size = 'small', ...rest } = props;
+    const _sx = [
+        ...(Array.isArray(sx) ? sx : [sx]),
+    ];
+    return React.createElement(Switch, { sx: _sx, size: size, ...rest, ref: ref });
+});
+export default PneSwitch;
+//# sourceMappingURL=PneSwitch.js.map

package/esm/src/component/PneSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneSwitch.js","sourceRoot":"","sources":["../../../src/component/PneSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAM,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAC,MAAM,EAAuB,MAAM,eAAe,CAAA;AAE1D,MAAM,SAAS,GAAG,UAAU,CAAC,CACzB,KAAkB,EAClB,GAA2B,EAC7B,EAAE;IACA,MAAM,EACF,EAAE,EACF,IAAI,GAAG,OAAO,EACd,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,GAAG,GAAY;QACjB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IAED,OAAO,oBAAC,MAAM,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,KAAM,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,CAAA;AAC7D,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/esm/src/component/PneTextField.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PneTextField: React.ForwardRefExoticComponent<(Omit<import("@mui/material").OutlinedTextFieldProps, "ref"> | Omit<import("@mui/material").StandardTextFieldProps, "ref"> | Omit<import("@mui/material").FilledTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export default PneTextField;