@simplybusiness/mobius 4.4.5 → 4.4.6

package/dist/esm/src/hooks/useTextField/index.js

@@ -0,0 +1,4 @@
+export * from "./useTextField";
+export * from "./types";
+
+//# sourceMappingURL=index.js.map

package/dist/esm/src/hooks/useTextField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/hooks/useTextField/index.tsx"],"sourcesContent":["export * from \"./useTextField\";\nexport * from \"./types\";\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,UAAU"}

package/dist/esm/src/hooks/useTextField/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/esm/src/hooks/useTextField/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/hooks/useTextField/types.tsx"],"sourcesContent":["import { InputHTMLAttributes } from \"react\";\nimport { UseLabelProps, UseLabelReturn } from \"../useLabel/useLabel\";\nimport { FocusEvents } from \"../../types\";\n\nexport type UseTextFieldProps = UseLabelProps &\n  FocusEvents &\n  Pick<\n    InputHTMLAttributes<HTMLInputElement>,\n    | \"defaultValue\"\n    | \"value\"\n    | \"onChange\"\n    | \"autoComplete\"\n    | \"maxLength\"\n    | \"minLength\"\n    | \"name\"\n    | \"placeholder\"\n    | \"inputMode\"\n    | \"type\"\n    | \"pattern\"\n\n    // Clipboard events\n    | \"onCopy\"\n    | \"onCut\"\n    | \"onPaste\"\n\n    // Composition events\n    | \"onCompositionEnd\"\n    | \"onCompositionStart\"\n    | \"onCompositionUpdate\"\n\n    // Selection events\n    | \"onSelect\"\n\n    // Input events\n    | \"onBeforeInput\"\n    | \"onInput\"\n  > & {\n    inputElementType?: \"input\" | \"textarea\" | undefined;\n    defaultValue?: string | undefined;\n    value?: string | undefined;\n    isDisabled?: boolean | undefined;\n    isReadOnly?: boolean | undefined;\n    isRequired?: boolean | undefined;\n    validationState?: \"valid\" | \"invalid\" | undefined;\n    description?: string | undefined;\n    errorMessage?: string | undefined;\n    \"aria-describedby\"?: string | undefined;\n    \"aria-errormessage\"?: string | undefined;\n  };\n\nexport type UseTextFieldReturn = {\n  labelProps: UseLabelReturn[\"labelProps\"];\n  inputProps: InputHTMLAttributes<HTMLInputElement>;\n  descriptionProps: { id?: string | undefined };\n  errorMessageProps: { id?: string | undefined };\n};\n"],"names":[],"mappings":"AAkDA,WAKE"}

package/dist/esm/src/hooks/useTextField/useTextField.js

@@ -0,0 +1,63 @@
+import { useId } from "react";
+import { spaceDelimitedList } from "../../utils/spaceDelimitedList";
+import { useLabel } from "../useLabel/useLabel";
+export function useTextField(props) {
+    const { isDisabled = false, isReadOnly = false, isRequired = false, inputElementType = "input" } = props;
+    const { labelProps, fieldProps } = useLabel(props);
+    const descriptionId = useId();
+    const descriptionProps = {
+        id: descriptionId
+    };
+    const errorMessageId = useId();
+    const errorMessageProps = {
+        id: errorMessageId
+    };
+    const ariaDescribedBy = spaceDelimitedList([
+        props.description && descriptionId,
+        props.errorMessage && errorMessageId,
+        props["aria-describedby"]
+    ]);
+    return {
+        descriptionProps,
+        errorMessageProps,
+        labelProps,
+        inputProps: {
+            defaultValue: props.defaultValue,
+            value: props.value,
+            onChange: props.onChange,
+            disabled: isDisabled,
+            readOnly: isReadOnly,
+            "aria-required": isRequired === true ? true : undefined,
+            "aria-invalid": props.validationState === "invalid" ? true : props.validationState === "valid" ? false : undefined,
+            "aria-describedby": ariaDescribedBy,
+            "aria-errormessage": props["aria-errormessage"],
+            type: inputElementType === "input" ? props.type : undefined,
+            pattern: inputElementType === "input" ? props.pattern : undefined,
+            autoComplete: props.autoComplete,
+            maxLength: props.maxLength,
+            minLength: props.minLength,
+            name: props.name,
+            placeholder: props.placeholder,
+            inputMode: props.inputMode,
+            // Clipboard events
+            onCopy: props.onCopy,
+            onCut: props.onCut,
+            onPaste: props.onPaste,
+            // Composition events
+            onCompositionEnd: props.onCompositionEnd,
+            onCompositionStart: props.onCompositionStart,
+            onCompositionUpdate: props.onCompositionUpdate,
+            // Selection events
+            onSelect: props.onSelect,
+            // Input events
+            onBeforeInput: props.onBeforeInput,
+            onInput: props.onInput,
+            // Focus events
+            onFocus: props.onFocus,
+            onBlur: props.onBlur,
+            ...fieldProps
+        }
+    };
+}
+
+//# sourceMappingURL=useTextField.js.map

package/dist/esm/src/hooks/useTextField/useTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/hooks/useTextField/useTextField.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { useLabel } from \"../useLabel/useLabel\";\nimport { UseTextFieldProps, UseTextFieldReturn } from \"./types\";\n\nexport function useTextField(props: UseTextFieldProps): UseTextFieldReturn {\n  const {\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    inputElementType = \"input\",\n  } = props;\n  const { labelProps, fieldProps } = useLabel(props);\n\n  const descriptionId = useId();\n  const descriptionProps = { id: descriptionId };\n\n  const errorMessageId = useId();\n  const errorMessageProps = { id: errorMessageId };\n\n  const ariaDescribedBy = spaceDelimitedList([\n    props.description && descriptionId,\n    props.errorMessage && errorMessageId,\n    props[\"aria-describedby\"],\n  ]);\n\n  return {\n    descriptionProps,\n    errorMessageProps,\n    labelProps,\n    inputProps: {\n      defaultValue: props.defaultValue,\n      value: props.value,\n      onChange: props.onChange,\n      disabled: isDisabled,\n      readOnly: isReadOnly,\n      \"aria-required\": isRequired === true ? true : undefined,\n      \"aria-invalid\":\n        props.validationState === \"invalid\"\n          ? true\n          : props.validationState === \"valid\"\n            ? false\n            : undefined,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-errormessage\": props[\"aria-errormessage\"],\n\n      type: inputElementType === \"input\" ? props.type : undefined,\n      pattern: inputElementType === \"input\" ? props.pattern : undefined,\n\n      autoComplete: props.autoComplete,\n      maxLength: props.maxLength,\n      minLength: props.minLength,\n      name: props.name,\n      placeholder: props.placeholder,\n      inputMode: props.inputMode,\n\n      // Clipboard events\n      onCopy: props.onCopy,\n      onCut: props.onCut,\n      onPaste: props.onPaste,\n\n      // Composition events\n      onCompositionEnd: props.onCompositionEnd,\n      onCompositionStart: props.onCompositionStart,\n      onCompositionUpdate: props.onCompositionUpdate,\n\n      // Selection events\n      onSelect: props.onSelect,\n\n      // Input events\n      onBeforeInput: props.onBeforeInput,\n      onInput: props.onInput,\n\n      // Focus events\n      onFocus: props.onFocus,\n      onBlur: props.onBlur,\n\n      ...fieldProps,\n    },\n  };\n}\n"],"names":["useId","spaceDelimitedList","useLabel","useTextField","props","isDisabled","isReadOnly","isRequired","inputElementType","labelProps","fieldProps","descriptionId","descriptionProps","id","errorMessageId","errorMessageProps","ariaDescribedBy","description","errorMessage","inputProps","defaultValue","value","onChange","disabled","readOnly","undefined","validationState","type","pattern","autoComplete","maxLength","minLength","name","placeholder","inputMode","onCopy","onCut","onPaste","onCompositionEnd","onCompositionStart","onCompositionUpdate","onSelect","onBeforeInput","onInput","onFocus","onBlur"],"mappings":"AAAA,SAASA,KAAK,QAAQ,QAAQ;AAC9B,SAASC,kBAAkB,QAAQ,iCAAiC;AACpE,SAASC,QAAQ,QAAQ,uBAAuB;AAGhD,OAAO,SAASC,aAAaC,KAAwB;IACnD,MAAM,EACJC,aAAa,KAAK,EAClBC,aAAa,KAAK,EAClBC,aAAa,KAAK,EAClBC,mBAAmB,OAAO,EAC3B,GAAGJ;IACJ,MAAM,EAAEK,UAAU,EAAEC,UAAU,EAAE,GAAGR,SAASE;IAE5C,MAAMO,gBAAgBX;IACtB,MAAMY,mBAAmB;QAAEC,IAAIF;IAAc;IAE7C,MAAMG,iBAAiBd;IACvB,MAAMe,oBAAoB;QAAEF,IAAIC;IAAe;IAE/C,MAAME,kBAAkBf,mBAAmB;QACzCG,MAAMa,WAAW,IAAIN;QACrBP,MAAMc,YAAY,IAAIJ;QACtBV,KAAK,CAAC,mBAAmB;KAC1B;IAED,OAAO;QACLQ;QACAG;QACAN;QACAU,YAAY;YACVC,cAAchB,MAAMgB,YAAY;YAChCC,OAAOjB,MAAMiB,KAAK;YAClBC,UAAUlB,MAAMkB,QAAQ;YACxBC,UAAUlB;YACVmB,UAAUlB;YACV,iBAAiBC,eAAe,OAAO,OAAOkB;YAC9C,gBACErB,MAAMsB,eAAe,KAAK,YACtB,OACAtB,MAAMsB,eAAe,KAAK,UACxB,QACAD;YACR,oBAAoBT;YACpB,qBAAqBZ,KAAK,CAAC,oBAAoB;YAE/CuB,MAAMnB,qBAAqB,UAAUJ,MAAMuB,IAAI,GAAGF;YAClDG,SAASpB,qBAAqB,UAAUJ,MAAMwB,OAAO,GAAGH;YAExDI,cAAczB,MAAMyB,YAAY;YAChCC,WAAW1B,MAAM0B,SAAS;YAC1BC,WAAW3B,MAAM2B,SAAS;YAC1BC,MAAM5B,MAAM4B,IAAI;YAChBC,aAAa7B,MAAM6B,WAAW;YAC9BC,WAAW9B,MAAM8B,SAAS;YAE1B,mBAAmB;YACnBC,QAAQ/B,MAAM+B,MAAM;YACpBC,OAAOhC,MAAMgC,KAAK;YAClBC,SAASjC,MAAMiC,OAAO;YAEtB,qBAAqB;YACrBC,kBAAkBlC,MAAMkC,gBAAgB;YACxCC,oBAAoBnC,MAAMmC,kBAAkB;YAC5CC,qBAAqBpC,MAAMoC,mBAAmB;YAE9C,mBAAmB;YACnBC,UAAUrC,MAAMqC,QAAQ;YAExB,eAAe;YACfC,eAAetC,MAAMsC,aAAa;YAClCC,SAASvC,MAAMuC,OAAO;YAEtB,eAAe;YACfC,SAASxC,MAAMwC,OAAO;YACtBC,QAAQzC,MAAMyC,MAAM;YAEpB,GAAGnC,UAAU;QACf;IACF;AACF"}

package/dist/esm/src/hooks/useWindowEvent/index.js

@@ -0,0 +1,3 @@
+export * from "./useWindowEvent";
+
+//# sourceMappingURL=index.js.map

package/dist/esm/src/hooks/useWindowEvent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/hooks/useWindowEvent/index.tsx"],"sourcesContent":["export * from \"./useWindowEvent\";\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB"}

package/dist/esm/src/hooks/useWindowEvent/useWindowEvent.js

@@ -0,0 +1,38 @@
+"use client";
+import { useEffect } from "react";
+function normaliseOptions(options, otherOptions = {}) {
+    if (typeof options === "undefined") {
+        return otherOptions;
+    }
+    if (typeof options === "boolean") {
+        return {
+            capture: options,
+            ...otherOptions
+        };
+    }
+    return {
+        ...options,
+        ...otherOptions
+    };
+}
+export function useWindowEvent(type, listener, options) {
+    useEffect(()=>{
+        // Create an abort controller to abort the event listener if the hook is re-rendered
+        const controller = new AbortController();
+        const { signal } = controller;
+        const normalisedOptions = normaliseOptions(options, {
+            signal
+        });
+        window.addEventListener(type, listener, normalisedOptions);
+        return ()=>{
+            controller.abort();
+            window.removeEventListener(type, listener, normalisedOptions);
+        };
+    }, [
+        type,
+        listener,
+        options
+    ]);
+}
+
+//# sourceMappingURL=useWindowEvent.js.map

package/dist/esm/src/hooks/useWindowEvent/useWindowEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/hooks/useWindowEvent/useWindowEvent.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\n\nfunction normaliseOptions(\n  options?: boolean | AddEventListenerOptions,\n  otherOptions: AddEventListenerOptions = {},\n): AddEventListenerOptions {\n  if (typeof options === \"undefined\") {\n    return otherOptions;\n  }\n\n  if (typeof options === \"boolean\") {\n    return { capture: options, ...otherOptions };\n  }\n\n  return { ...options, ...otherOptions };\n}\n\nexport function useWindowEvent<EventType extends keyof WindowEventMap>(\n  type: EventType,\n  listener: (this: Window, ev: WindowEventMap[EventType]) => any,\n  options?: AddEventListenerOptions,\n): void {\n  useEffect(() => {\n    // Create an abort controller to abort the event listener if the hook is re-rendered\n    const controller = new AbortController();\n    const { signal } = controller;\n    const normalisedOptions = normaliseOptions(options, { signal });\n\n    window.addEventListener(type, listener, normalisedOptions);\n    return () => {\n      controller.abort();\n      window.removeEventListener(type, listener, normalisedOptions);\n    };\n  }, [type, listener, options]);\n}\n"],"names":["useEffect","normaliseOptions","options","otherOptions","capture","useWindowEvent","type","listener","controller","AbortController","signal","normalisedOptions","window","addEventListener","abort","removeEventListener"],"mappings":"AAAA;AAEA,SAASA,SAAS,QAAQ,QAAQ;AAElC,SAASC,iBACPC,OAA2C,EAC3CC,eAAwC,CAAC,CAAC;IAE1C,IAAI,OAAOD,YAAY,aAAa;QAClC,OAAOC;IACT;IAEA,IAAI,OAAOD,YAAY,WAAW;QAChC,OAAO;YAAEE,SAASF;YAAS,GAAGC,YAAY;QAAC;IAC7C;IAEA,OAAO;QAAE,GAAGD,OAAO;QAAE,GAAGC,YAAY;IAAC;AACvC;AAEA,OAAO,SAASE,eACdC,IAAe,EACfC,QAA8D,EAC9DL,OAAiC;IAEjCF,UAAU;QACR,oFAAoF;QACpF,MAAMQ,aAAa,IAAIC;QACvB,MAAM,EAAEC,MAAM,EAAE,GAAGF;QACnB,MAAMG,oBAAoBV,iBAAiBC,SAAS;YAAEQ;QAAO;QAE7DE,OAAOC,gBAAgB,CAACP,MAAMC,UAAUI;QACxC,OAAO;YACLH,WAAWM,KAAK;YAChBF,OAAOG,mBAAmB,CAACT,MAAMC,UAAUI;QAC7C;IACF,GAAG;QAACL;QAAMC;QAAUL;KAAQ;AAC9B"}

package/dist/esm/src/index.js

@@ -0,0 +1,6 @@
+"use client";
+export * from "./components";
+export * from "./hooks";
+export * from "./types";
+
+//# sourceMappingURL=index.js.map

package/dist/esm/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/index.tsx"],"sourcesContent":["\"use client\";\n\nexport * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./types\";\n"],"names":[],"mappings":"AAAA;AAEA,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,UAAU"}

package/dist/esm/src/styles.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=styles.d.js.map

package/dist/esm/src/styles.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/styles.d.ts"],"names":[],"mappings":""}

package/dist/esm/src/types/components.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=components.js.map

package/dist/esm/src/types/components.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/types/components.ts"],"sourcesContent":["import {\n  ForwardRefExoticComponent,\n  PropsWithoutRef,\n  RefAttributes,\n} from \"react\";\n\nexport type ForwardedRefComponent<T, RT> = ForwardRefExoticComponent<\n  PropsWithoutRef<T> & RefAttributes<RT>\n>;\n"],"names":[],"mappings":"AAMA,WAEE"}

package/dist/esm/src/types/dom.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=dom.js.map

package/dist/esm/src/types/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/types/dom.ts"],"sourcesContent":["export interface DOMProps {\n  id?: string | undefined;\n}\n"],"names":[],"mappings":"AAAA,WAEC"}

package/dist/esm/src/types/events.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=events.js.map

package/dist/esm/src/types/events.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/types/events.ts"],"sourcesContent":["import type {\n  ClipboardEvent,\n  CompositionEvent,\n  FocusEvent,\n  KeyboardEvent,\n} from \"react\";\n\nexport interface KeyboardEvents {\n  /** Event called when the value changes (mandatory for controlled components) */\n  onKeyUp?: (e: KeyboardEvent) => void;\n\n  /** Event called when the value changes (mandatory for controlled components) */\n  onKeyDown?: (e: KeyboardEvent) => void;\n}\n\nexport interface ClipboardEvents {\n  /** Fired when the user initiates a copy action through the browser's user interface. */\n  onCopy?: (e: ClipboardEvent) => void;\n\n  /** Fired when the user initiates a cut action through the browser's user interface. */\n  onCut?: (e: ClipboardEvent) => void;\n\n  /** Fired when the user initiates a paste action through the browser's user interface. */\n  onPaste?: (e: ClipboardEvent) => void;\n}\n\nexport interface CompositionEvents {\n  /** Fired when a text composition system such as an input method editor completes or cancels the current composition session. */\n  onCompositionEnd?: (e: CompositionEvent) => void;\n\n  /** Fired when a text composition system such as an input method editor starts a new composition session. */\n  onCompositionStart?: (e: CompositionEvent) => void;\n\n  /** Fired when a new character is received in the context of a text composition session controlled by a text composition system such as an input method editor. */\n  onCompositionUpdate?: (e: CompositionEvent) => void;\n}\n\nexport interface FocusEvents {\n  /** Fired when an element has lost focus. */\n  onBlur?: (e: FocusEvent) => void;\n\n  /** Fired when an element has gained focus. */\n  onFocus?: (e: FocusEvent) => void;\n}\n\nexport interface InputEvents {\n  /** Event called when the value changes (mandatory for controlled components) */\n  onChange?: (value: string) => void;\n}\n\nexport type HTMLElementEvent<T extends HTMLElement> = Event & {\n  target: T;\n};\n\nexport type ValidationState = \"valid\" | \"invalid\";\n\nexport interface Validation {\n  /** Whether user input is required on the input before form submission. */\n  isRequired?: boolean;\n  /** Whether the input value is invalid. */\n  isInvalid?: boolean;\n  /** @deprecated Use `isInvalid` instead. */\n  validationState?: ValidationState;\n}\n"],"names":[],"mappings":"AAwDA,WAOC"}

package/dist/esm/src/types/icon.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=icon.js.map

package/dist/esm/src/types/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/types/icon.ts"],"sourcesContent":["export type IconDefinition = {\n  iconName: string;\n  width: number;\n  height: number;\n  svgPathData: string;\n  iconType: \"stroke\" | \"fill\";\n  strokeWidth?: number;\n  fill?: string | undefined;\n};\n"],"names":[],"mappings":"AAAA,WAQE"}

package/dist/esm/src/types/index.js

@@ -0,0 +1,7 @@
+export * from "./components";
+export * from "./dom";
+export * from "./events";
+export * from "./icon";
+export * from "./size";
+
+//# sourceMappingURL=index.js.map

package/dist/esm/src/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/types/index.tsx"],"sourcesContent":["export * from \"./components\";\nexport * from \"./dom\";\nexport * from \"./events\";\nexport * from \"./icon\";\nexport * from \"./size\";\n"],"names":[],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,SAAS"}

package/dist/esm/src/types/size.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=size.js.map

package/dist/esm/src/types/size.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/types/size.ts"],"sourcesContent":["export type SizeType = \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport type SpacingType = SizeType | number;\n"],"names":[],"mappings":"AAEA,WAA4C"}

package/dist/esm/src/utils/changeCSS.js

@@ -0,0 +1,18 @@
+const CSS_LINK_ID = "sb-theme";
+export const changeCSS = (cssUrl)=>{
+    // Find CSS <link> element with id = "sb-theme"
+    const theme = document.getElementById(CSS_LINK_ID);
+    if (theme) {
+        theme.setAttribute("href", cssUrl);
+    } else {
+        // Append a new link to document and set href
+        const link = document.createElement("link");
+        link.setAttribute("type", "text/css");
+        link.setAttribute("rel", "stylesheet");
+        link.setAttribute("href", cssUrl);
+        link.setAttribute("id", CSS_LINK_ID);
+        document.head.appendChild(link);
+    }
+};
+
+//# sourceMappingURL=changeCSS.js.map

package/dist/esm/src/utils/changeCSS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/utils/changeCSS.ts"],"sourcesContent":["const CSS_LINK_ID = \"sb-theme\";\n\nexport const changeCSS = (cssUrl: string) => {\n  // Find CSS <link> element with id = \"sb-theme\"\n  const theme: HTMLElement | null = document.getElementById(CSS_LINK_ID);\n\n  if (theme) {\n    theme.setAttribute(\"href\", cssUrl);\n  } else {\n    // Append a new link to document and set href\n    const link = document.createElement(\"link\");\n    link.setAttribute(\"type\", \"text/css\");\n    link.setAttribute(\"rel\", \"stylesheet\");\n    link.setAttribute(\"href\", cssUrl);\n    link.setAttribute(\"id\", CSS_LINK_ID);\n    document.head.appendChild(link);\n  }\n};\n"],"names":["CSS_LINK_ID","changeCSS","cssUrl","theme","document","getElementById","setAttribute","link","createElement","head","appendChild"],"mappings":"AAAA,MAAMA,cAAc;AAEpB,OAAO,MAAMC,YAAY,CAACC;IACxB,+CAA+C;IAC/C,MAAMC,QAA4BC,SAASC,cAAc,CAACL;IAE1D,IAAIG,OAAO;QACTA,MAAMG,YAAY,CAAC,QAAQJ;IAC7B,OAAO;QACL,6CAA6C;QAC7C,MAAMK,OAAOH,SAASI,aAAa,CAAC;QACpCD,KAAKD,YAAY,CAAC,QAAQ;QAC1BC,KAAKD,YAAY,CAAC,OAAO;QACzBC,KAAKD,YAAY,CAAC,QAAQJ;QAC1BK,KAAKD,YAAY,CAAC,MAAMN;QACxBI,SAASK,IAAI,CAACC,WAAW,CAACH;IAC5B;AACF,EAAE"}

package/dist/esm/src/utils/excludeControls.js

@@ -0,0 +1,33 @@
+// This function generates data structure required to hide specified
+// prop from individual stories. Key 'table' is where specified key
+// is disabled.
+//
+// The above is documented here:
+// https://storybook.js.org/docs/react/essentials/controls#disable-controls-for-specific-properties
+//
+// The expected usage looks as follows:
+//
+// <Meta
+//   title="Components/MyComponent"
+//   component={MyComponent}
+//   argTypes={{
+//     label: {
+//       control: {
+//         type: "text",
+//       },
+//       table: {
+//         disable: true,
+//       },
+//     },
+//   }}
+// />
+export const excludeControls = (...args)=>args.reduce((prev, acc)=>({
+            ...prev,
+            [acc]: {
+                table: {
+                    disable: true
+                }
+            }
+        }), {});
+
+//# sourceMappingURL=excludeControls.js.map

package/dist/esm/src/utils/excludeControls.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/utils/excludeControls.ts"],"sourcesContent":["// This function generates data structure required to hide specified\n// prop from individual stories. Key 'table' is where specified key\n// is disabled.\n//\n// The above is documented here:\n// https://storybook.js.org/docs/react/essentials/controls#disable-controls-for-specific-properties\n//\n// The expected usage looks as follows:\n//\n// <Meta\n//   title=\"Components/MyComponent\"\n//   component={MyComponent}\n//   argTypes={{\n//     label: {\n//       control: {\n//         type: \"text\",\n//       },\n//       table: {\n//         disable: true,\n//       },\n//     },\n//   }}\n// />\nexport const excludeControls = (...args: string[]) =>\n  args.reduce(\n    (prev, acc) => ({ ...prev, [acc]: { table: { disable: true } } }),\n    {},\n  );\n"],"names":["excludeControls","args","reduce","prev","acc","table","disable"],"mappings":"AAAA,oEAAoE;AACpE,mEAAmE;AACnE,eAAe;AACf,EAAE;AACF,gCAAgC;AAChC,mGAAmG;AACnG,EAAE;AACF,uCAAuC;AACvC,EAAE;AACF,QAAQ;AACR,mCAAmC;AACnC,4BAA4B;AAC5B,gBAAgB;AAChB,eAAe;AACf,mBAAmB;AACnB,wBAAwB;AACxB,WAAW;AACX,iBAAiB;AACjB,yBAAyB;AACzB,WAAW;AACX,SAAS;AACT,OAAO;AACP,KAAK;AACL,OAAO,MAAMA,kBAAkB,CAAC,GAAGC,OACjCA,KAAKC,MAAM,CACT,CAACC,MAAMC,MAAS,CAAA;YAAE,GAAGD,IAAI;YAAE,CAACC,IAAI,EAAE;gBAAEC,OAAO;oBAAEC,SAAS;gBAAK;YAAE;QAAE,CAAA,GAC/D,CAAC,GACD"}

package/dist/esm/src/utils/filterUndefinedProps.js

@@ -0,0 +1,11 @@
+export const filterUndefinedProps = (props)=>{
+    const filteredProps = {};
+    Object.keys(props).forEach((key)=>{
+        if (props[key] !== undefined) {
+            filteredProps[key] = props[key];
+        }
+    });
+    return filteredProps;
+};
+
+//# sourceMappingURL=filterUndefinedProps.js.map

package/dist/esm/src/utils/filterUndefinedProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/utils/filterUndefinedProps.ts"],"sourcesContent":["export const filterUndefinedProps = (props: Record<string, unknown>) => {\n  const filteredProps: Record<string, unknown> = {};\n  Object.keys(props).forEach(key => {\n    if (props[key] !== undefined) {\n      filteredProps[key] = props[key];\n    }\n  });\n  return filteredProps;\n};\n"],"names":["filterUndefinedProps","props","filteredProps","Object","keys","forEach","key","undefined"],"mappings":"AAAA,OAAO,MAAMA,uBAAuB,CAACC;IACnC,MAAMC,gBAAyC,CAAC;IAChDC,OAAOC,IAAI,CAACH,OAAOI,OAAO,CAACC,CAAAA;QACzB,IAAIL,KAAK,CAACK,IAAI,KAAKC,WAAW;YAC5BL,aAAa,CAACI,IAAI,GAAGL,KAAK,CAACK,IAAI;QACjC;IACF;IACA,OAAOJ;AACT,EAAE"}

package/dist/esm/src/utils/getSpacingValue.js

@@ -0,0 +1,11 @@
+export const getSpacingValue = (padding)=>{
+    if (typeof padding === "string") {
+        return `var(--size-${padding})`;
+    }
+    if (typeof padding === "number") {
+        return `${padding}px`;
+    }
+    return undefined;
+};
+
+//# sourceMappingURL=getSpacingValue.js.map

package/dist/esm/src/utils/getSpacingValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/utils/getSpacingValue.ts"],"sourcesContent":["import { SpacingType } from \"../types\";\n\nexport const getSpacingValue = (\n  padding: SpacingType | undefined,\n): string | undefined => {\n  if (typeof padding === \"string\") {\n    return `var(--size-${padding})`;\n  }\n\n  if (typeof padding === \"number\") {\n    return `${padding}px`;\n  }\n\n  return undefined;\n};\n"],"names":["getSpacingValue","padding","undefined"],"mappings":"AAEA,OAAO,MAAMA,kBAAkB,CAC7BC;IAEA,IAAI,OAAOA,YAAY,UAAU;QAC/B,OAAO,CAAC,WAAW,EAAEA,QAAQ,CAAC,CAAC;IACjC;IAEA,IAAI,OAAOA,YAAY,UAAU;QAC/B,OAAO,CAAC,EAAEA,QAAQ,EAAE,CAAC;IACvB;IAEA,OAAOC;AACT,EAAE"}

package/dist/esm/src/utils/index.js

@@ -0,0 +1,12 @@
+export * from "./changeCSS";
+export * from "./excludeControls";
+export * from "./filterUndefinedProps";
+export * from "./getSpacingValue";
+export * from "./jestHTMLDialogPolyfill";
+export * from "./mergeRefs";
+export * from "./polyfill-tests";
+export * from "./sizeClasses";
+export * from "./sizeOptions";
+export * from "./spaceDelimitedList";
+
+//# sourceMappingURL=index.js.map

package/dist/esm/src/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/utils/index.ts"],"sourcesContent":["export * from \"./changeCSS\";\nexport * from \"./excludeControls\";\nexport * from \"./filterUndefinedProps\";\nexport * from \"./getSpacingValue\";\nexport * from \"./jestHTMLDialogPolyfill\";\nexport * from \"./mergeRefs\";\nexport * from \"./polyfill-tests\";\nexport * from \"./sizeClasses\";\nexport * from \"./sizeOptions\";\nexport * from \"./spaceDelimitedList\";\n"],"names":[],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,oBAAoB;AAClC,cAAc,yBAAyB;AACvC,cAAc,oBAAoB;AAClC,cAAc,2BAA2B;AACzC,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,uBAAuB"}

package/dist/esm/src/utils/jestHTMLDialogPolyfill.js

@@ -0,0 +1,17 @@
+// Workaround for lack of `<dialog>` support in jsdom
+// Workaround from: https://github.com/jsdom/jsdom/issues/3294#issuecomment-1268330372
+// Fix: https://github.com/jsdom/jsdom/pull/3403
+// This can be removed once `<dialog>` support is introduced in Jest via jsdom
+export const jestHTMLDialogPolyfill = ()=>{
+    HTMLDialogElement.prototype.show = jest.fn(function mock() {
+        this.open = true;
+    });
+    HTMLDialogElement.prototype.showModal = jest.fn(function mock() {
+        this.open = true;
+    });
+    HTMLDialogElement.prototype.close = jest.fn(function mock() {
+        this.open = false;
+    });
+};
+
+//# sourceMappingURL=jestHTMLDialogPolyfill.js.map

package/dist/esm/src/utils/jestHTMLDialogPolyfill.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/utils/jestHTMLDialogPolyfill.ts"],"sourcesContent":["// Workaround for lack of `<dialog>` support in jsdom\n// Workaround from: https://github.com/jsdom/jsdom/issues/3294#issuecomment-1268330372\n// Fix: https://github.com/jsdom/jsdom/pull/3403\n// This can be removed once `<dialog>` support is introduced in Jest via jsdom\nexport const jestHTMLDialogPolyfill = () => {\n  HTMLDialogElement.prototype.show = jest.fn(function mock(\n    this: HTMLDialogElement,\n  ) {\n    this.open = true;\n  });\n\n  HTMLDialogElement.prototype.showModal = jest.fn(function mock(\n    this: HTMLDialogElement,\n  ) {\n    this.open = true;\n  });\n\n  HTMLDialogElement.prototype.close = jest.fn(function mock(\n    this: HTMLDialogElement,\n  ) {\n    this.open = false;\n  });\n};\n"],"names":["jestHTMLDialogPolyfill","HTMLDialogElement","prototype","show","jest","fn","mock","open","showModal","close"],"mappings":"AAAA,qDAAqD;AACrD,sFAAsF;AACtF,gDAAgD;AAChD,8EAA8E;AAC9E,OAAO,MAAMA,yBAAyB;IACpCC,kBAAkBC,SAAS,CAACC,IAAI,GAAGC,KAAKC,EAAE,CAAC,SAASC;QAGlD,IAAI,CAACC,IAAI,GAAG;IACd;IAEAN,kBAAkBC,SAAS,CAACM,SAAS,GAAGJ,KAAKC,EAAE,CAAC,SAASC;QAGvD,IAAI,CAACC,IAAI,GAAG;IACd;IAEAN,kBAAkBC,SAAS,CAACO,KAAK,GAAGL,KAAKC,EAAE,CAAC,SAASC;QAGnD,IAAI,CAACC,IAAI,GAAG;IACd;AACF,EAAE"}

package/dist/esm/src/utils/jestMockMatchMedia.js

@@ -0,0 +1,18 @@
+export const jestMockMatchMedia = (matches)=>{
+    Object.defineProperty(window, "matchMedia", {
+        writable: true,
+        configurable: true,
+        value: jest.fn().mockImplementation((query)=>({
+                matches,
+                media: query,
+                onchange: null,
+                addListener: jest.fn(),
+                removeListener: jest.fn(),
+                addEventListener: jest.fn(),
+                removeEventListener: jest.fn(),
+                dispatchEvent: jest.fn()
+            }))
+    });
+};
+
+//# sourceMappingURL=jestMockMatchMedia.js.map

package/dist/esm/src/utils/jestMockMatchMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/utils/jestMockMatchMedia.ts"],"sourcesContent":["export const jestMockMatchMedia = (matches: boolean) => {\n  Object.defineProperty(window, \"matchMedia\", {\n    writable: true,\n    configurable: true,\n    value: jest.fn().mockImplementation(query => ({\n      matches,\n      media: query,\n      onchange: null,\n      addListener: jest.fn(),\n      removeListener: jest.fn(),\n      addEventListener: jest.fn(),\n      removeEventListener: jest.fn(),\n      dispatchEvent: jest.fn(),\n    })),\n  });\n};\n"],"names":["jestMockMatchMedia","matches","Object","defineProperty","window","writable","configurable","value","jest","fn","mockImplementation","query","media","onchange","addListener","removeListener","addEventListener","removeEventListener","dispatchEvent"],"mappings":"AAAA,OAAO,MAAMA,qBAAqB,CAACC;IACjCC,OAAOC,cAAc,CAACC,QAAQ,cAAc;QAC1CC,UAAU;QACVC,cAAc;QACdC,OAAOC,KAAKC,EAAE,GAAGC,kBAAkB,CAACC,CAAAA,QAAU,CAAA;gBAC5CV;gBACAW,OAAOD;gBACPE,UAAU;gBACVC,aAAaN,KAAKC,EAAE;gBACpBM,gBAAgBP,KAAKC,EAAE;gBACvBO,kBAAkBR,KAAKC,EAAE;gBACzBQ,qBAAqBT,KAAKC,EAAE;gBAC5BS,eAAeV,KAAKC,EAAE;YACxB,CAAA;IACF;AACF,EAAE"}

package/dist/esm/src/utils/mergeRefs.js

@@ -0,0 +1,15 @@
+// Ref: https://github.com/gregberge/react-merge-refs/blob/812fefa4390884a4a2d1bc489d869bd088df8ff5/src/index.tsx
+export function mergeRefs(refs) {
+    return (value)=>{
+        refs.forEach((ref)=>{
+            if (typeof ref === "function") {
+                ref(value);
+            } else if (ref != null) {
+                // eslint-disable-next-line no-param-reassign
+                ref.current = value;
+            }
+        });
+    };
+}
+
+//# sourceMappingURL=mergeRefs.js.map

package/dist/esm/src/utils/mergeRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/utils/mergeRefs.ts"],"sourcesContent":["// Ref: https://github.com/gregberge/react-merge-refs/blob/812fefa4390884a4a2d1bc489d869bd088df8ff5/src/index.tsx\nimport type { MutableRefObject, LegacyRef, RefCallback } from \"react\";\n\nexport function mergeRefs<T = any>(\n  refs: Array<MutableRefObject<T> | LegacyRef<T>>,\n): RefCallback<T> {\n  return value => {\n    refs.forEach(ref => {\n      if (typeof ref === \"function\") {\n        ref(value);\n      } else if (ref != null) {\n        // eslint-disable-next-line no-param-reassign\n        (ref as MutableRefObject<T | null>).current = value;\n      }\n    });\n  };\n}\n"],"names":["mergeRefs","refs","value","forEach","ref","current"],"mappings":"AAAA,iHAAiH;AAGjH,OAAO,SAASA,UACdC,IAA+C;IAE/C,OAAOC,CAAAA;QACLD,KAAKE,OAAO,CAACC,CAAAA;YACX,IAAI,OAAOA,QAAQ,YAAY;gBAC7BA,IAAIF;YACN,OAAO,IAAIE,OAAO,MAAM;gBACtB,6CAA6C;gBAC5CA,IAAmCC,OAAO,GAAGH;YAChD;QACF;IACF;AACF"}

package/dist/esm/src/utils/polyfill-tests.js

@@ -0,0 +1,4 @@
+// Browser support HTML Dialog element
+export const supportsDialog = ()=>typeof HTMLDialogElement === "function";
+
+//# sourceMappingURL=polyfill-tests.js.map

package/dist/esm/src/utils/polyfill-tests.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/utils/polyfill-tests.ts"],"sourcesContent":["// Browser support HTML Dialog element\nexport const supportsDialog = () => typeof HTMLDialogElement === \"function\";\n"],"names":["supportsDialog","HTMLDialogElement"],"mappings":"AAAA,sCAAsC;AACtC,OAAO,MAAMA,iBAAiB,IAAM,OAAOC,sBAAsB,WAAW"}

package/dist/esm/src/utils/sizeClasses.js

@@ -0,0 +1,16 @@
+export const sizeClasses = (size)=>{
+    if (!size) {
+        return {};
+    }
+    return {
+        "--is-xxs": size === "xxs",
+        "--is-xs": size === "xs",
+        "--is-sm": size === "sm",
+        "--is-md": size === "md",
+        "--is-lg": size === "lg",
+        "--is-xl": size === "xl",
+        "--is-xxl": size === "xxl"
+    };
+};
+
+//# sourceMappingURL=sizeClasses.js.map

package/dist/esm/src/utils/sizeClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/utils/sizeClasses.ts"],"sourcesContent":["import { SizeType } from \"../types/size\";\n\nexport const sizeClasses = (size: SizeType | undefined) => {\n  if (!size) {\n    return {};\n  }\n\n  return {\n    \"--is-xxs\": size === \"xxs\",\n    \"--is-xs\": size === \"xs\",\n    \"--is-sm\": size === \"sm\",\n    \"--is-md\": size === \"md\",\n    \"--is-lg\": size === \"lg\",\n    \"--is-xl\": size === \"xl\",\n    \"--is-xxl\": size === \"xxl\",\n  };\n};\n"],"names":["sizeClasses","size"],"mappings":"AAEA,OAAO,MAAMA,cAAc,CAACC;IAC1B,IAAI,CAACA,MAAM;QACT,OAAO,CAAC;IACV;IAEA,OAAO;QACL,YAAYA,SAAS;QACrB,WAAWA,SAAS;QACpB,WAAWA,SAAS;QACpB,WAAWA,SAAS;QACpB,WAAWA,SAAS;QACpB,WAAWA,SAAS;QACpB,YAAYA,SAAS;IACvB;AACF,EAAE"}

package/dist/esm/src/utils/sizeOptions.js

@@ -0,0 +1,12 @@
+export const sizeOptions = [
+    "",
+    "xxs",
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "xxl"
+];
+
+//# sourceMappingURL=sizeOptions.js.map

package/dist/esm/src/utils/sizeOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/utils/sizeOptions.ts"],"sourcesContent":["import { SizeType } from \"../types\";\n\nexport const sizeOptions: Array<SizeType | \"\"> = [\n  \"\",\n  \"xxs\",\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"xxl\",\n];\n"],"names":["sizeOptions"],"mappings":"AAEA,OAAO,MAAMA,cAAoC;IAC/C;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAC"}

package/dist/esm/src/utils/spaceDelimitedList.js

@@ -0,0 +1,5 @@
+export function spaceDelimitedList(list) {
+    return list.filter(Boolean).join(" ") || undefined;
+}
+
+//# sourceMappingURL=spaceDelimitedList.js.map

package/dist/esm/src/utils/spaceDelimitedList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/utils/spaceDelimitedList.ts"],"sourcesContent":["export function spaceDelimitedList(\n  list: (string | null | undefined)[],\n): string | undefined {\n  return list.filter(Boolean).join(\" \") || undefined;\n}\n"],"names":["spaceDelimitedList","list","filter","Boolean","join","undefined"],"mappings":"AAAA,OAAO,SAASA,mBACdC,IAAmC;IAEnC,OAAOA,KAAKC,MAAM,CAACC,SAASC,IAAI,CAAC,QAAQC;AAC3C"}