@muraldevkit/ui-toolkit 4.67.0-dev-Vc0V.1 → 4.68.0-dev-NFbt.1

package/dist/esm/components/form/checkbox/MrlCheckbox/MrlCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlCheckbox.js","sources":["../../../../../../src/components/form/checkbox/MrlCheckbox/MrlCheckbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { AttrsObject, getUniqueId, setAttributes } from '../../../../utils';\nimport {\n\tcheckboxDefaults,\n\tCheckboxSelected,\n\tCheckboxStates,\n\tStaticIconConfig\n} from '../../constants';\nimport { MrlCheckboxStandalone } from '../MrlCheckboxStandalone/MrlCheckboxStandalone';\nimport { checkInvalidAttributes } from '../../../../utils/checkInvalidAttributes';\n\nimport './MrlCheckbox.global.scss';\nimport styles from './MrlCheckbox.module.scss';\nimport { MrlLabelWithDescription } from '../../label/MrlLabelWithDescription';\nimport { getDescribedby } from '../../utils';\n\ninterface MrlCheckboxProps {\n\t/** Applies additional HTML attributes to the checkbox element */\n\tattrs?: AttrsObject;\n\t/** Additional class to add to the container of the checkbox and label */\n\tclassName?: string;\n\t/** Adjusts the styles of the label, icon and description when the label is multiline */\n\thasMultilineLabel?: boolean;\n\t/** The current state of the checkbox input based on user interactions or permissions */\n\tstate?: CheckboxStates;\n\t/** Sets what selection state the checkbox is in. */\n\tselected?: CheckboxSelected;\n\t/** The text to display as the checkbox's label */\n\tlabel: string;\n\t/** Leading label icon */\n\ticon?: StaticIconConfig;\n\t/**\n\t * Description, additional context text for the user.\n\t * It can be a string or a React component for custom render.\n\t * When using a React component it's necessary to add an id to the custom element and\n\t * pass it to the MrlCheckbox through 'attrs[\"aria-describedby\"]' to make it accessible\n\t * to screen readers.\n\t * Custom description should also implement the disabled state styles\n\t * for text when the input is disabled or set color: inherit.\n\t * @example\n\t * <MrlCheckbox attrs={{ 'aria-describedby': customId }} description={\n\t *   <p id={customId}>description</p>\n\t * }>\n\t */\n\tdescription?: string | React.ReactNode;\n}\n\n/**\n * Form element with an associated text label that allows the user to select one or more options\n * from a provided list\n * @param {MrlCheckboxProps} props - the component props\n * @returns a checkbox element with an associated label\n */\nexport function MrlCheckbox({\n\tattrs = {},\n\tclassName,\n\tdescription,\n\thasMultilineLabel = false,\n\tstate = checkboxDefaults.state,\n\tselected = checkboxDefaults.selected,\n\ticon,\n\tlabel,\n\t...rest\n}: MrlCheckboxProps): JSX.Element {\n\tconst checkboxIdRef = React.useRef<string>(getUniqueId('mrl-checkbox'));\n\tconst descriptionId = `${checkboxIdRef.current}-description`;\n\n\tconst allClasses = classnames(\n\t\tattrs.class || attrs.className,\n\t\tclassName,\n\t\t'MrlCheckbox',\n\t\tstyles['MrlCheckbox'],\n\t\t{\n\t\t\t[styles['mrl-is--disabled']]: state === 'disabled',\n\t\t\t[styles['mrl-is--invalid']]: state === 'error',\n\t\t\t[styles['mrl-is--selected']]: selected === 'checked',\n\t\t\t[styles['mrl-is--indeterminate']]: selected === 'indeterminate'\n\t\t}\n\t);\n\n\tcheckInvalidAttributes(attrs);\n\tdelete attrs.class;\n\tdelete attrs.className;\n\n\tconst attributes = setAttributes(attrs, {\n\t\t...getDescribedby(\n\t\t\tattrs['aria-describedby'],\n\t\t\ttypeof description === 'string' ? descriptionId : undefined\n\t\t),\n\t\tid: checkboxIdRef.current\n\t});\n\n\t// setAttributes always sets className=\"\" which always triggers the warning message in the MrlCheckboxStandalone component\n\tdelete attributes.className;\n\n\treturn (\n\t\t<div className={allClasses}>\n\t\t\t<MrlCheckboxStandalone {...rest} selected={selected} state={state} attrs={attributes} />\n\t\t\t<MrlLabelWithDescription\n\t\t\t\tisDisabled={state === 'disabled'}\n\t\t\t\tisSelected={selected === 'checked'}\n\t\t\t\tisIndeterminate={selected === 'indeterminate'}\n\t\t\t\thasMultilineLabel={hasMultilineLabel}\n\t\t\t\thtmlFor={checkboxIdRef.current}\n\t\t\t\ticon={icon}\n\t\t\t\tlabel={label}\n\t\t\t\tdescription={description}\n\t\t\t\tdescriptionId={descriptionId}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"names":["MrlCheckbox","_ref","_ref$attrs","attrs","className","description","_ref$hasMultilineLabe","hasMultilineLabel","_ref$state","state","checkboxDefaults","_ref$selected","selected","icon","label","rest","_objectWithoutProperties","_excluded","checkboxIdRef","React","useRef","getUniqueId","descriptionId","concat","current","allClasses","classnames","styles","_defineProperty","checkInvalidAttributes","attributes","setAttributes","_objectSpread","getDescribedby","undefined","id","createElement","MrlCheckboxStandalone","_extends","MrlLabelWithDescription","isDisabled","isSelected","isIndeterminate","htmlFor"],"mappings":"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"}

package/dist/esm/components/form/checkbox/MrlCheckbox/MrlCheckbox.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlCheckbox":"MrlCheckbox--e3NFY"};
+
+export { styles as default };
+//# sourceMappingURL=MrlCheckbox.module.scss.js.map

package/dist/esm/components/form/checkbox/MrlCheckbox/MrlCheckbox.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlCheckbox.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.js

@@ -0,0 +1,69 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import { check, minus } from '@muraldevkit/ds-icons';
+import { checkboxDefaults } from '../../constants.js';
+import styles from './MrlCheckboxStandalone.module.scss.js';
+import { getUniqueId, setAttributes } from '../../../../utils/setAttributes/setAttributes.js';
+import { MrlSvg } from '../../../svg/MrlSvg/MrlSvg.js';
+
+var _excluded = ["attrs", "state", "selected"];
+/**
+ * Input that allows the user to select one or more options from a provided list.
+ * Note, this component does not provide out of the box accessibility for ensuring
+ * an associated label and must be manually setup during adoption.
+ * @param {MrlCheckboxStandaloneProps} props - the component props
+ * @returns a checkbox element
+ */
+function MrlCheckboxStandalone(_ref) {
+  var _ref$attrs = _ref.attrs,
+    attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? checkboxDefaults.state : _ref$state,
+    _ref$selected = _ref.selected,
+    selected = _ref$selected === void 0 ? checkboxDefaults.selected : _ref$selected,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  // Use attrs.id if the developer passes in a custom id
+  // but we need to ensure one exists for accessibility
+  var checkboxIdRef = React.useRef(attrs.id || getUniqueId('mrl-checkbox'));
+  var inputRef = React.useRef(null);
+  if (!(attrs.id || attrs['aria-labelledby'])) {
+    console.warn('Warning: Mural Standalone Checkboxes must have either an id or' + ' aria-labelledby attribute for proper accessibility.');
+  }
+
+  // We need to use the ref to set indetermiant attr
+  // due to not being an intrinsic HTML attr
+  React.useEffect(function () {
+    var indeterminate = selected === 'indeterminate';
+    if (inputRef.current) {
+      inputRef.current.indeterminate = indeterminate;
+    }
+  }, [selected]);
+  delete attrs["class"];
+  delete attrs.className;
+  var attributes = setAttributes(attrs);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles['MrlCheckboxStandalone'], 'MrlCheckboxStandalone')
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "mrl-u-focus-wrapper"
+  }, /*#__PURE__*/React.createElement("input", _extends({}, rest, attributes, {
+    "aria-invalid": state === 'error',
+    checked: selected === 'checked',
+    disabled: state === 'disabled',
+    id: checkboxIdRef.current,
+    ref: inputRef,
+    type: "checkbox",
+    className: classnames(styles['MrlCheckboxStandalone-input'], 'MrlCheckboxStandalone-input')
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "mrl-u-focus-indicator"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: classnames(styles['MrlCheckboxStandalone-inputDisplay'], 'MrlCheckboxStandalone-inputDisplay')
+  }, /*#__PURE__*/React.createElement(MrlSvg, {
+    svg: selected !== 'indeterminate' ? check : minus,
+    size: "auto",
+    className: styles['MrlCheckboxStandalone-inputDisplay-icon']
+  }))));
+}
+
+export { MrlCheckboxStandalone };
+//# sourceMappingURL=MrlCheckboxStandalone.js.map

package/dist/esm/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlCheckboxStandalone.js","sources":["../../../../../../src/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { AttrsObject, getUniqueId, setAttributes } from '../../../../utils';\nimport { check, minus } from '@muraldevkit/ds-icons';\nimport { checkboxDefaults, CheckboxSelected, CheckboxStates } from '../../constants';\nimport { MrlSvg } from '../../../';\n\nimport styles from './MrlCheckboxStandalone.module.scss';\nimport './MrlCheckboxStandalone.global.scss';\n\ninterface MrlCheckboxStandaloneProps {\n\t/** Applies additional HTML attributes to the checkbox element */\n\tattrs?: AttrsObject;\n\t/** The current state of the checkbox input based on user interactions or permissions */\n\tstate?: CheckboxStates;\n\t/** Sets what selection state the checkbox is in. */\n\tselected?: CheckboxSelected;\n}\n\n/**\n * Input that allows the user to select one or more options from a provided list.\n * Note, this component does not provide out of the box accessibility for ensuring\n * an associated label and must be manually setup during adoption.\n * @param {MrlCheckboxStandaloneProps} props - the component props\n * @returns a checkbox element\n */\nexport function MrlCheckboxStandalone({\n\tattrs = {},\n\tstate = checkboxDefaults.state,\n\tselected = checkboxDefaults.selected,\n\t...rest\n}: MrlCheckboxStandaloneProps): JSX.Element {\n\t// Use attrs.id if the developer passes in a custom id\n\t// but we need to ensure one exists for accessibility\n\tconst checkboxIdRef = React.useRef<string>(attrs.id || getUniqueId('mrl-checkbox'));\n\tconst inputRef = React.useRef<HTMLInputElement>(null);\n\n\tif (!(attrs.id || attrs['aria-labelledby'])) {\n\t\tconsole.warn(\n\t\t\t'Warning: Mural Standalone Checkboxes must have either an id or' +\n\t\t\t\t' aria-labelledby attribute for proper accessibility.'\n\t\t);\n\t}\n\n\t// We need to use the ref to set indetermiant attr\n\t// due to not being an intrinsic HTML attr\n\tReact.useEffect(() => {\n\t\tconst indeterminate = selected === 'indeterminate';\n\n\t\tif (inputRef.current) {\n\t\t\tinputRef.current.indeterminate = indeterminate;\n\t\t}\n\t}, [selected]);\n\n\tdelete attrs.class;\n\tdelete attrs.className;\n\n\tconst attributes = setAttributes(attrs);\n\n\treturn (\n\t\t<div className={classnames(styles['MrlCheckboxStandalone'], 'MrlCheckboxStandalone')}>\n\t\t\t<span className=\"mrl-u-focus-wrapper\">\n\t\t\t\t<input\n\t\t\t\t\t{...rest}\n\t\t\t\t\t{...attributes}\n\t\t\t\t\taria-invalid={state === 'error'}\n\t\t\t\t\tchecked={selected === 'checked'}\n\t\t\t\t\tdisabled={state === 'disabled'}\n\t\t\t\t\tid={checkboxIdRef.current}\n\t\t\t\t\tref={inputRef}\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\tstyles['MrlCheckboxStandalone-input'],\n\t\t\t\t\t\t'MrlCheckboxStandalone-input'\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<span className=\"mrl-u-focus-indicator\"></span>\n\t\t\t\t<span\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\tstyles['MrlCheckboxStandalone-inputDisplay'],\n\t\t\t\t\t\t'MrlCheckboxStandalone-inputDisplay'\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<MrlSvg\n\t\t\t\t\t\tsvg={selected !== 'indeterminate' ? check : minus}\n\t\t\t\t\t\tsize=\"auto\"\n\t\t\t\t\t\tclassName={styles['MrlCheckboxStandalone-inputDisplay-icon']}\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t);\n}\n"],"names":["MrlCheckboxStandalone","_ref","_ref$attrs","attrs","_ref$state","state","checkboxDefaults","_ref$selected","selected","rest","_objectWithoutProperties","_excluded","checkboxIdRef","React","useRef","id","getUniqueId","inputRef","console","warn","useEffect","indeterminate","current","className","attributes","setAttributes","createElement","classnames","styles","_extends","checked","disabled","ref","type","MrlSvg","svg","check","minus","size"],"mappings":"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"}

package/dist/esm/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlCheckboxStandalone-input":"MrlCheckboxStandalone-input--O6G41","MrlCheckboxStandalone-inputDisplay":"MrlCheckboxStandalone-inputDisplay--TT8t0","MrlCheckboxStandalone":"MrlCheckboxStandalone--ChU0R","MrlCheckboxStandalone-inputDisplay-icon":"MrlCheckboxStandalone-inputDisplay-icon--UlYn3"};
+
+export { styles as default };
+//# sourceMappingURL=MrlCheckboxStandalone.module.scss.js.map

package/dist/esm/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlCheckboxStandalone.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/components/form/constants.js

@@ -0,0 +1,91 @@
+/*
+ * Shared error object for inputs
+ * ------------------------------------------------------------------
+ */
+/**
+ * This should be used to communciate error information for a specific input
+ */
+
+/*
+ * Shared input values
+ * ------------------------------------------------------------------
+ */
+
+/*
+ * Checkbox component
+ * ------------------------------------------------------------------
+ */
+var allowedCheckboxValues = {
+  selected: ['default', 'checked', 'indeterminate'],
+  states: ['default', 'disabled', 'error', 'read-only']
+};
+var checkboxDefaults = {
+  selected: 'default',
+  state: 'default'
+};
+
+/*
+ * Select component
+ * ------------------------------------------------------------------
+ */
+
+var allowedSelectItemValues = {
+  states: ['default', 'disabled', 'selected']
+};
+var selectItemDefaults = {
+  state: 'default'
+};
+var allowedSelectMenuValues = {
+  positions: ['bottom', 'top']
+};
+var selectMenuDefaults = {
+  position: 'bottom'
+};
+
+// Selects are an extension of the shared "allowedValues" object but
+// TypeScript won't let me combine the two objects.
+var allowedSelectValues = {
+  states: ['default', 'disabled', 'open', 'read-only']
+};
+var selectDefaults = {
+  kind: 'default',
+  size: 'default',
+  state: 'default'
+};
+
+/*
+ * Text Input component
+ * ------------------------------------------------------------------
+ */
+
+/*
+ * Label component
+ * ------------------------------------------------------------------
+ */
+var allowedLabelValues = {
+  kinds: ['block', 'inline'],
+  states: ['default', 'disabled']
+};
+var labelDefaults = {
+  kind: 'block',
+  state: 'default'
+};
+/**
+ * Default values for props on the Fieldset component;
+ * Shared between the component and Storybook
+ */
+var fieldsetDefault = {
+  label: "fieldset's legend label"
+};
+
+/**
+ * Default values for props on the Fieldset component which is used to group Textarea components;
+ * Shared between the component and Storybook
+ */
+var textareaDefaults = {
+  disabled: false,
+  label: 'Legend'
+};
+
+export { allowedCheckboxValues, allowedLabelValues, allowedSelectItemValues, allowedSelectMenuValues, allowedSelectValues, checkboxDefaults, fieldsetDefault, labelDefaults, selectDefaults, selectItemDefaults, selectMenuDefaults, textareaDefaults };
+//# sourceMappingURL=constants.js.map

package/dist/esm/components/form/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/form/constants.ts"],"sourcesContent":["import * as React from 'react';\nimport { DSIconType } from '../svg';\n\n/*\n * Shared error object for inputs\n * ------------------------------------------------------------------\n */\n/**\n * This should be used to communciate error information for a specific input\n */\nexport interface MrlFormInputError {\n\tmessage: string;\n}\n\n/*\n * Shared input values\n * ------------------------------------------------------------------\n */\nexport type InputStates = 'disabled' | 'error' | 'read-only';\nexport type InputKinds = 'default' | 'inline' | 'inline-label';\nexport type InputSizes = 'default' | 'large';\n\n/*\n * Checkbox component\n * ------------------------------------------------------------------\n */\nexport const allowedCheckboxValues = {\n\tselected: ['default', 'checked', 'indeterminate'] as const,\n\tstates: [\n\t\t'default',\n\t\t'disabled',\n\t\t'error',\n\t\t'read-only'\n\t] as const\n};\n\nexport type CheckboxStates = (typeof allowedCheckboxValues.states)[number];\nexport type CheckboxSelected = (typeof allowedCheckboxValues.selected)[number];\n\ninterface CheckboxDefaults {\n\tselected: CheckboxSelected;\n\tstate: CheckboxStates;\n}\n\nexport const checkboxDefaults: CheckboxDefaults = {\n\tselected: 'default',\n\tstate: 'default'\n};\n\n/*\n * Select component\n * ------------------------------------------------------------------\n */\n\nexport const allowedSelectItemValues = {\n\tstates: ['default', 'disabled', 'selected'] as const\n};\n\nexport type SelectItemStates = (typeof allowedSelectItemValues.states)[number];\n\ninterface SelectItemDefaults {\n\tstate: SelectItemStates;\n}\n\nexport const selectItemDefaults: SelectItemDefaults = {\n\tstate: 'default'\n};\n\nexport const allowedSelectMenuValues = {\n\tpositions: ['bottom', 'top'] as const\n};\n\nexport type SelectMenuPositions = (typeof allowedSelectMenuValues.positions)[number];\n\ninterface SelectMenuDefaults {\n\tposition: SelectMenuPositions;\n}\n\nexport const selectMenuDefaults: SelectMenuDefaults = {\n\tposition: 'bottom'\n};\n\n// Selects are an extension of the shared \"allowedValues\" object but\n// TypeScript won't let me combine the two objects.\nexport const allowedSelectValues = {\n\tstates: [\n\t\t'default',\n\t\t'disabled',\n\t\t'open',\n\t\t'read-only'\n\t] as const\n};\n\nexport type SelectStates = (typeof allowedSelectValues.states)[number];\n\ninterface SelectDefaults {\n\tsize: InputSizes;\n\tkind: InputKinds;\n\tstate: SelectStates;\n}\n\nexport const selectDefaults: SelectDefaults = {\n\tkind: 'default',\n\tsize: 'default',\n\tstate: 'default'\n};\n\n/*\n * Text Input component\n * ------------------------------------------------------------------\n */\nexport interface StaticIconConfig {\n\ticon: DSIconType;\n\ttheme?: string;\n}\n\nexport interface RightActionConfig extends StaticIconConfig {\n\taction: (event: React.MouseEvent | React.KeyboardEvent) => void;\n\tlabel: string;\n}\n\n/*\n * Label component\n * ------------------------------------------------------------------\n */\nexport const allowedLabelValues = {\n\tkinds: ['block', 'inline'] as const,\n\tstates: ['default', 'disabled'] as const\n};\n\nexport type LabelStates = (typeof allowedLabelValues.states)[number];\nexport type LabelKind = (typeof allowedLabelValues.kinds)[number];\n\ninterface LabelDefaults {\n\tkind: LabelKind;\n\tstate: LabelStates;\n}\n\nexport const labelDefaults: LabelDefaults = {\n\tkind: 'block',\n\tstate: 'default'\n};\n\nexport interface FormControlDefaults {\n\tdisabled: boolean;\n\tlabel: string;\n}\n\nexport interface FieldsetDefault {\n\tlabel: string;\n}\n\n/**\n * Default values for props on the Fieldset component;\n * Shared between the component and Storybook\n */\nexport const fieldsetDefault: FieldsetDefault = {\n\tlabel: \"fieldset's legend label\"\n};\n\n/**\n * Default values for props on the Fieldset component which is used to group Textarea components;\n * Shared between the component and Storybook\n */\nexport const textareaDefaults: FormControlDefaults = {\n\tdisabled: false,\n\tlabel: 'Legend'\n};\n"],"names":["allowedCheckboxValues","selected","states","checkboxDefaults","state","allowedSelectItemValues","selectItemDefaults","allowedSelectMenuValues","positions","selectMenuDefaults","position","allowedSelectValues","selectDefaults","kind","size","allowedLabelValues","kinds","labelDefaults","fieldsetDefault","label","textareaDefaults","disabled"],"mappings":"AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA;AACA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACO,IAAMA,qBAAqB,GAAG;AACpCC,EAAAA,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,eAAe,CAAU;EAC1DC,MAAM,EAAE,CACP,SAAS,EACT,UAAU,EACV,OAAO,EACP,WAAW;AAEb;AAUO,IAAMC,gBAAkC,GAAG;AACjDF,EAAAA,QAAQ,EAAE,SAAS;AACnBG,EAAAA,KAAK,EAAE;AACR;;AAEA;AACA;AACA;AACA;;AAEO,IAAMC,uBAAuB,GAAG;AACtCH,EAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU;AAC3C;AAQO,IAAMI,kBAAsC,GAAG;AACrDF,EAAAA,KAAK,EAAE;AACR;AAEO,IAAMG,uBAAuB,GAAG;AACtCC,EAAAA,SAAS,EAAE,CAAC,QAAQ,EAAE,KAAK;AAC5B;AAQO,IAAMC,kBAAsC,GAAG;AACrDC,EAAAA,QAAQ,EAAE;AACX;;AAEA;AACA;AACO,IAAMC,mBAAmB,GAAG;EAClCT,MAAM,EAAE,CACP,SAAS,EACT,UAAU,EACV,MAAM,EACN,WAAW;AAEb;AAUO,IAAMU,cAA8B,GAAG;AAC7CC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,IAAI,EAAE,SAAS;AACfV,EAAAA,KAAK,EAAE;AACR;;AAEA;AACA;AACA;AACA;;AAWA;AACA;AACA;AACA;AACO,IAAMW,kBAAkB,GAAG;AACjCC,EAAAA,KAAK,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAU;AACnCd,EAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,UAAU;AAC/B;AAUO,IAAMe,aAA4B,GAAG;AAC3CJ,EAAAA,IAAI,EAAE,OAAO;AACbT,EAAAA,KAAK,EAAE;AACR;AAWA;AACA;AACA;AACA;AACO,IAAMc,eAAgC,GAAG;AAC/CC,EAAAA,KAAK,EAAE;AACR;;AAEA;AACA;AACA;AACA;AACO,IAAMC,gBAAqC,GAAG;AACpDC,EAAAA,QAAQ,EAAE,KAAK;AACfF,EAAAA,KAAK,EAAE;AACR;;;;"}

package/dist/esm/components/form/date-picker/MrlDatePicker.js

@@ -0,0 +1,103 @@
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import { calendar } from '@muraldevkit/ds-icons';
+import { useActiveColor } from '../hooks/useActiveColor.js';
+import styles from './MrlDatePicker.module.scss.js';
+import { MrlSvg } from '../../svg/MrlSvg/MrlSvg.js';
+
+var _excluded = ["autofocus", "className", "inputId", "kind", "onBlur", "onFocus", "onMouseEnter", "onMouseLeave", "state", "value", "data-qa"];
+/**
+ * Allows the user to input a date
+ *
+ * @param {MrlDatePickerProps} props - the component props
+ * @param {HTMLInputElement} ref - a ref to the input element in the DOM
+ * @returns a date input element
+ */
+var MrlDatePicker = /*#__PURE__*/React.forwardRef(function MrlDatePicker(props, ref) {
+  var _props$autofocus = props.autofocus,
+    autofocus = _props$autofocus === void 0 ? false : _props$autofocus,
+    className = props.className,
+    inputId = props.inputId,
+    _props$kind = props.kind,
+    kind = _props$kind === void 0 ? 'default' : _props$kind,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave,
+    state = props.state,
+    value = props.value,
+    qa = props['data-qa'],
+    rest = _objectWithoutProperties(props, _excluded);
+  var dateInputRef = React.useRef(null);
+  var _useActiveColor = useActiveColor(state),
+    hasActiveColor = _useActiveColor.hasActiveColor,
+    setHasActiveColor = _useActiveColor.setHasActiveColor;
+  React.useImperativeHandle(ref, function () {
+    return dateInputRef.current;
+  });
+  var handleOnBlur = React.useCallback(function (e) {
+    if (typeof onBlur !== 'undefined') {
+      onBlur(e);
+    }
+    setHasActiveColor(false);
+  }, [setHasActiveColor, onBlur]);
+  var handleOnFocus = React.useCallback(function (e) {
+    if (typeof onFocus === 'function') {
+      onFocus(e);
+    }
+    setHasActiveColor(true);
+  }, [setHasActiveColor, onFocus]);
+  var handleOnMouseEnter = React.useCallback(function (e) {
+    if (typeof onMouseEnter === 'function') {
+      onMouseEnter(e);
+    }
+    setHasActiveColor(true);
+  }, [setHasActiveColor, onMouseEnter]);
+  var handleOnMouseLeave = React.useCallback(function (e) {
+    if (typeof onMouseLeave === 'function') {
+      onMouseLeave(e);
+    }
+    setHasActiveColor(false);
+  }, [setHasActiveColor, onMouseLeave]);
+  var showPicker = React.useCallback(function () {
+    if (dateInputRef.current && typeof dateInputRef.current.showPicker === 'function') {
+      dateInputRef.current.showPicker();
+    }
+  }, []);
+  React.useEffect(function () {
+    if (dateInputRef.current && autofocus) {
+      dateInputRef.current.focus();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var inputClasses = classnames('MrlDatePicker', styles['MrlDatePicker'], _defineProperty(_defineProperty({}, styles['MrlDatePicker--borderless'], kind === 'borderless'), styles['MrlDatePicker--active'], hasActiveColor), className);
+  var iconClasses = classnames('MrlDatePicker--icon', styles['MrlDatePicker--icon'], _defineProperty({}, styles['MrlDatePicker--icon-active'], hasActiveColor));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: classnames('MrlDatePicker--container', styles['MrlDatePicker--container'])
+  }, /*#__PURE__*/React.createElement("input", _extends({
+    type: "date"
+  }, rest, {
+    "data-qa": qa,
+    "aria-invalid": state === 'error',
+    className: inputClasses,
+    disabled: state === 'disabled',
+    onBlur: handleOnBlur,
+    onClick: showPicker,
+    onFocus: handleOnFocus,
+    onMouseEnter: handleOnMouseEnter,
+    onMouseLeave: handleOnMouseLeave,
+    id: inputId,
+    readOnly: state === 'read-only',
+    ref: dateInputRef,
+    value: value
+  })), /*#__PURE__*/React.createElement(MrlSvg, {
+    "aria-hidden": "true",
+    className: iconClasses,
+    svg: calendar,
+    size: "small"
+  })));
+});
+
+export { MrlDatePicker };
+//# sourceMappingURL=MrlDatePicker.js.map

package/dist/esm/components/form/date-picker/MrlDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlDatePicker.js","sources":["../../../../../src/components/form/date-picker/MrlDatePicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { calendar } from '@muraldevkit/ds-icons';\nimport { useActiveColor } from '../hooks/useActiveColor';\nimport { InputStates } from '../constants';\nimport { MrlSvg } from '../../svg/MrlSvg';\nimport styles from './MrlDatePicker.module.scss';\nimport { DataQa } from '../../../utils/dataQa';\n\nexport interface MrlDatePickerProps extends React.ComponentPropsWithRef<'input'>, DataQa {\n\t/** Id of the text input */\n\tinputId: string;\n\tkind?: 'default' | 'borderless';\n\t/** The value of the text input used to make it a controlled input */\n\tvalue?: string;\n\t/**\n\t * Changes the state of the input based on user permissions or actions.\n\t */\n\tstate?: InputStates;\n\tautofocus?: boolean;\n\t/**\n\t * Event handler for onChange Events\n\t * The value is normalized to yyyy-mm-dd\n\t *\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date\n\t */\n\tonChange?: React.ComponentPropsWithRef<'input'>['onChange'];\n}\n\n/**\n * Allows the user to input a date\n *\n * @param {MrlDatePickerProps} props - the component props\n * @param {HTMLInputElement} ref - a ref to the input element in the DOM\n * @returns a date input element\n */\nexport const MrlDatePicker = React.forwardRef<HTMLInputElement, MrlDatePickerProps>(\n\tfunction MrlDatePicker(props, ref): JSX.Element {\n\t\tconst {\n\t\t\tautofocus = false,\n\t\t\tclassName,\n\t\t\tinputId,\n\t\t\tkind = 'default',\n\t\t\tonBlur,\n\t\t\tonFocus,\n\t\t\tonMouseEnter,\n\t\t\tonMouseLeave,\n\t\t\tstate,\n\t\t\tvalue,\n\t\t\t['data-qa']: qa,\n\t\t\t...rest\n\t\t} = props;\n\n\t\tconst dateInputRef = React.useRef<HTMLInputElement>(null);\n\n\t\tconst { hasActiveColor, setHasActiveColor } = useActiveColor(state);\n\n\t\tReact.useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(\n\t\t\tref,\n\t\t\t() => dateInputRef.current\n\t\t);\n\n\t\tconst handleOnBlur = React.useCallback(\n\t\t\t(e: React.FocusEvent<HTMLInputElement>) => {\n\t\t\t\tif (typeof onBlur !== 'undefined') {\n\t\t\t\t\tonBlur(e);\n\t\t\t\t}\n\n\t\t\t\tsetHasActiveColor(false);\n\t\t\t},\n\t\t\t[setHasActiveColor, onBlur]\n\t\t);\n\n\t\tconst handleOnFocus = React.useCallback(\n\t\t\t(e: React.FocusEvent<HTMLInputElement>) => {\n\t\t\t\tif (typeof onFocus === 'function') {\n\t\t\t\t\tonFocus(e);\n\t\t\t\t}\n\n\t\t\t\tsetHasActiveColor(true);\n\t\t\t},\n\t\t\t[setHasActiveColor, onFocus]\n\t\t);\n\n\t\tconst handleOnMouseEnter = React.useCallback(\n\t\t\t(e: React.MouseEvent<HTMLInputElement>) => {\n\t\t\t\tif (typeof onMouseEnter === 'function') {\n\t\t\t\t\tonMouseEnter(e);\n\t\t\t\t}\n\t\t\t\tsetHasActiveColor(true);\n\t\t\t},\n\t\t\t[setHasActiveColor, onMouseEnter]\n\t\t);\n\n\t\tconst handleOnMouseLeave = React.useCallback(\n\t\t\t(e: React.MouseEvent<HTMLInputElement>) => {\n\t\t\t\tif (typeof onMouseLeave === 'function') {\n\t\t\t\t\tonMouseLeave(e);\n\t\t\t\t}\n\t\t\t\tsetHasActiveColor(false);\n\t\t\t},\n\t\t\t[setHasActiveColor, onMouseLeave]\n\t\t);\n\n\t\tconst showPicker = React.useCallback(() => {\n\t\t\tif (dateInputRef.current && typeof dateInputRef.current.showPicker === 'function') {\n\t\t\t\tdateInputRef.current.showPicker();\n\t\t\t}\n\t\t}, []);\n\n\t\tReact.useEffect(() => {\n\t\t\tif (dateInputRef.current && autofocus) {\n\t\t\t\tdateInputRef.current.focus();\n\t\t\t}\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, []);\n\n\t\tconst inputClasses = classnames(\n\t\t\t'MrlDatePicker',\n\t\t\tstyles['MrlDatePicker'],\n\t\t\t{\n\t\t\t\t[styles['MrlDatePicker--borderless']]: kind === 'borderless',\n\t\t\t\t[styles['MrlDatePicker--active']]: hasActiveColor\n\t\t\t},\n\t\t\tclassName\n\t\t);\n\n\t\tconst iconClasses = classnames('MrlDatePicker--icon', styles['MrlDatePicker--icon'], {\n\t\t\t[styles['MrlDatePicker--icon-active']]: hasActiveColor\n\t\t});\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div className={classnames('MrlDatePicker--container', styles['MrlDatePicker--container'])}>\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype=\"date\"\n\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\tdata-qa={qa}\n\t\t\t\t\t\taria-invalid={state === 'error'}\n\t\t\t\t\t\tclassName={inputClasses}\n\t\t\t\t\t\tdisabled={state === 'disabled'}\n\t\t\t\t\t\tonBlur={handleOnBlur}\n\t\t\t\t\t\tonClick={showPicker}\n\t\t\t\t\t\tonFocus={handleOnFocus}\n\t\t\t\t\t\tonMouseEnter={handleOnMouseEnter}\n\t\t\t\t\t\tonMouseLeave={handleOnMouseLeave}\n\t\t\t\t\t\tid={inputId}\n\t\t\t\t\t\treadOnly={state === 'read-only'}\n\t\t\t\t\t\tref={dateInputRef}\n\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t/>\n\t\t\t\t\t<MrlSvg aria-hidden=\"true\" className={iconClasses} svg={calendar} size=\"small\" />\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n);\n"],"names":["MrlDatePicker","React","forwardRef","props","ref","_props$autofocus","autofocus","className","inputId","_props$kind","kind","onBlur","onFocus","onMouseEnter","onMouseLeave","state","value","qa","rest","_objectWithoutProperties","_excluded","dateInputRef","useRef","_useActiveColor","useActiveColor","hasActiveColor","setHasActiveColor","useImperativeHandle","current","handleOnBlur","useCallback","e","handleOnFocus","handleOnMouseEnter","handleOnMouseLeave","showPicker","useEffect","focus","inputClasses","classnames","styles","_defineProperty","iconClasses","createElement","Fragment","_extends","type","disabled","onClick","id","readOnly","MrlSvg","svg","calendar","size"],"mappings":"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"}

package/dist/esm/components/form/date-picker/MrlDatePicker.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlDatePicker":"MrlDatePicker--XlHsm","MrlDatePicker--borderless":"MrlDatePicker--borderless--tv3rF","MrlDatePicker--active":"MrlDatePicker--active--k2AUt","MrlDatePicker--container":"MrlDatePicker--container--RP6Y4","MrlDatePicker--icon":"MrlDatePicker--icon--NjiU_","MrlDatePicker--icon-active":"MrlDatePicker--icon-active--Dr0mh"};
+
+export { styles as default };
+//# sourceMappingURL=MrlDatePicker.module.scss.js.map

package/dist/esm/components/form/date-picker/MrlDatePicker.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlDatePicker.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/components/form/fieldset/MrlFieldset/MrlFieldset.js

@@ -0,0 +1,32 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from './MrlFieldset.module.scss.js';
+import { setAttributes } from '../../../../utils/setAttributes/setAttributes.js';
+
+var _excluded = ["attrs", "children", "className", "label"];
+/**
+ * Groups related form elements
+ * @param {MrlFieldsetProps} props - the component props
+ * @returns a fieldset element
+ */
+function MrlFieldset(_ref) {
+  var _ref$attrs = _ref.attrs,
+    attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
+    children = _ref.children,
+    className = _ref.className,
+    label = _ref.label,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var allClasses = classnames(attrs["class"] || attrs.className, className);
+  delete attrs["class"];
+  delete attrs.className;
+  var attributes = setAttributes(attrs);
+  return /*#__PURE__*/React.createElement("fieldset", _extends({}, rest, attributes, {
+    className: allClasses
+  }), /*#__PURE__*/React.createElement("legend", {
+    className: styles['MrlLabel']
+  }, label), children);
+}
+
+export { MrlFieldset };
+//# sourceMappingURL=MrlFieldset.js.map

package/dist/esm/components/form/fieldset/MrlFieldset/MrlFieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlFieldset.js","sources":["../../../../../../src/components/form/fieldset/MrlFieldset/MrlFieldset.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { AttrsObject, setAttributes } from '../../../../utils';\n\nimport styles from './MrlFieldset.module.scss';\n\ninterface MrlFieldsetProps {\n\t/** Applies additional HTML attributes to the fieldset element */\n\tattrs?: AttrsObject;\n\t/** Text for the fieldset's legend */\n\tlabel: string;\n\t/** related form elements that will be grouped by the fieldset  */\n\tchildren: React.ReactNode;\n\t/** Additional class to add to the fieldset */\n\tclassName?: string;\n}\n\n/**\n * Groups related form elements\n * @param {MrlFieldsetProps} props - the component props\n * @returns a fieldset element\n */\nexport function MrlFieldset({\n\tattrs = {},\n\tchildren,\n\tclassName,\n\tlabel,\n\t...rest\n}: MrlFieldsetProps): JSX.Element {\n\tconst allClasses = classnames(attrs.class || attrs.className, className);\n\n\tdelete attrs.class;\n\tdelete attrs.className;\n\n\tconst attributes = setAttributes(attrs);\n\n\treturn (\n\t\t<fieldset {...rest} {...attributes} className={allClasses}>\n\t\t\t<legend className={styles['MrlLabel']}>{label}</legend>\n\t\t\t{children}\n\t\t</fieldset>\n\t);\n}\n"],"names":["MrlFieldset","_ref","_ref$attrs","attrs","children","className","label","rest","_objectWithoutProperties","_excluded","allClasses","classnames","attributes","setAttributes","React","createElement","_extends","styles"],"mappings":";;;;;;;AAiBA;AACA;AACA;AACA;AACA;AACO,SAASA,WAAWA,CAAAC,IAAA,EAMO;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CALjCE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IACVE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,KAAK,GAAAL,IAAA,CAALK,KAAK;AACFC,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA;AAEP,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAACR,KAAK,CAAA,OAAA,CAAM,IAAIA,KAAK,CAACE,SAAS,EAAEA,SAAS,CAAC;AAExE,EAAA,OAAOF,KAAK,CAAA,OAAA,CAAM;EAClB,OAAOA,KAAK,CAACE,SAAS;AAEtB,EAAA,IAAMO,UAAU,GAAGC,aAAa,CAACV,KAAK,CAAC;EAEvC,oBACCW,KAAA,CAAAC,aAAA,CAAA,UAAA,EAAAC,QAAA,CAAA,EAAA,EAAcT,IAAI,EAAMK,UAAU,EAAA;AAAEP,IAAAA,SAAS,EAAEK;GAAW,CAAA,eACzDI,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;IAAQV,SAAS,EAAEY,MAAM,CAAC,UAAU;AAAE,GAAA,EAAEX,KAAc,CAAC,EACtDF,QACQ,CAAC;AAEb;;;;"}

package/dist/esm/components/form/fieldset/MrlFieldset/MrlFieldset.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlLabel":"MrlLabel--Ulf8q"};
+
+export { styles as default };
+//# sourceMappingURL=MrlFieldset.module.scss.js.map

package/dist/esm/components/form/fieldset/MrlFieldset/MrlFieldset.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlFieldset.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/components/form/hooks/useActiveColor.js

@@ -0,0 +1,26 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useState } from 'react';
+
+/**
+ * Custom hook used to track the active color state of inputs
+ *
+ * @param {InputStates | undefined} state - the input state
+ * @returns the hasActiveColor state and handler
+ */
+function useActiveColor(state) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasActiveColor = _useState2[0],
+    _setHasActiveColor = _useState2[1];
+  return {
+    hasActiveColor: hasActiveColor,
+    setHasActiveColor: function setHasActiveColor(hasActiveColor) {
+      if (state === 'read-only') return;
+      if (state === 'disabled') return;
+      _setHasActiveColor(hasActiveColor);
+    }
+  };
+}
+
+export { useActiveColor };
+//# sourceMappingURL=useActiveColor.js.map

package/dist/esm/components/form/hooks/useActiveColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveColor.js","sources":["../../../../../src/components/form/hooks/useActiveColor.ts"],"sourcesContent":["import { useState } from 'react';\nimport { InputStates } from '../constants';\n\ntype useActiveColorReturn = {\n\thasActiveColor: boolean;\n\tsetHasActiveColor: (hasActiveColor: boolean) => void;\n};\n\n/**\n * Custom hook used to track the active color state of inputs\n *\n * @param {InputStates | undefined} state - the input state\n * @returns the hasActiveColor state and handler\n */\nexport function useActiveColor(state?: InputStates): useActiveColorReturn {\n\tconst [hasActiveColor, setHasActiveColor] = useState(false);\n\treturn {\n\t\thasActiveColor,\n\t\tsetHasActiveColor: (hasActiveColor: boolean) => {\n\t\t\tif (state === 'read-only') return;\n\t\t\tif (state === 'disabled') return;\n\t\t\tsetHasActiveColor(hasActiveColor);\n\t\t}\n\t};\n}\n"],"names":["useActiveColor","state","_useState","useState","_useState2","_slicedToArray","hasActiveColor","setHasActiveColor"],"mappings":";;;AAQA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAACC,KAAmB,EAAwB;AACzE,EAAA,IAAAC,SAAA,GAA4CC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAApDI,IAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,kBAAiB,GAAAH,UAAA,CAAA,CAAA,CAAA;EACxC,OAAO;AACNE,IAAAA,cAAc,EAAdA,cAAc;AACdC,IAAAA,iBAAiB,EAAE,SAAnBA,iBAAiBA,CAAGD,cAAuB,EAAK;MAC/C,IAAIL,KAAK,KAAK,WAAW,EAAE;MAC3B,IAAIA,KAAK,KAAK,UAAU,EAAE;MAC1BM,kBAAiB,CAACD,cAAc,CAAC;AAClC,IAAA;GACA;AACF;;;;"}

package/dist/esm/components/form/hooks/useIsEditable.js

@@ -0,0 +1,51 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useState } from 'react';
+
+/**
+ * Custom hook used to track the edit state of a text input.
+ *
+ * isEditing represents if someone has actively decided to start editing a field.
+ * isEditable controls if the input field can be interacted with directly.
+ *
+ * This leaves open the possibility for a field to be editable even if someone has not explicitly decided to edit it.
+ * @param param - useIsEditable options
+ * @param param.changeHandler - optional set handler
+ * @param param.initialValue - the text input initial value
+ * @param param.state - the text input state
+ * @param param.value - optional control value
+ * @returns the isEditable, isEditing state and handler
+ */
+function useIsEditable(_ref) {
+  var changeHandler = _ref.changeHandler,
+    initialValue = _ref.initialValue,
+    state = _ref.state,
+    value = _ref.value;
+  var _useState = useState(initialValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    isEditable = _useState2[0],
+    _setIsEditable = _useState2[1];
+  var isEditableEffectiveValue = value !== undefined ? value : isEditable;
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isEditing = _useState4[0],
+    _setIsEditing = _useState4[1];
+  return {
+    isEditable: isEditableEffectiveValue,
+    isEditing: isEditing,
+    setIsEditable: function setIsEditable(isEditableUpdate) {
+      if (state === 'read-only') return;
+      if (state === 'disabled') return;
+      if (typeof changeHandler === 'function') {
+        changeHandler(isEditableUpdate);
+      } else {
+        _setIsEditable(isEditableUpdate);
+      }
+    },
+    setIsEditing: function setIsEditing(isEditingUpdate) {
+      _setIsEditing(isEditingUpdate);
+    }
+  };
+}
+
+export { useIsEditable };
+//# sourceMappingURL=useIsEditable.js.map

package/dist/esm/components/form/hooks/useIsEditable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsEditable.js","sources":["../../../../../src/components/form/hooks/useIsEditable.ts"],"sourcesContent":["import { useState } from 'react';\nimport { InputStates } from '../constants';\n\ntype UseIsEditableReturn = {\n\t/* if a field is able to be edited */\n\tisEditable: boolean;\n\t/* if a field is being actively edited */\n\tisEditing: boolean;\n\tsetIsEditable: (isEditable: boolean) => void;\n\tsetIsEditing: (isEditingUpdate: boolean) => void;\n};\n\n/**\n * Custom hook used to track the edit state of a text input.\n *\n * isEditing represents if someone has actively decided to start editing a field.\n * isEditable controls if the input field can be interacted with directly.\n *\n * This leaves open the possibility for a field to be editable even if someone has not explicitly decided to edit it.\n * @param param - useIsEditable options\n * @param param.changeHandler - optional set handler\n * @param param.initialValue - the text input initial value\n * @param param.state - the text input state\n * @param param.value - optional control value\n * @returns the isEditable, isEditing state and handler\n */\nexport function useIsEditable({\n\tchangeHandler,\n\tinitialValue,\n\tstate,\n\tvalue\n}: {\n\tchangeHandler?: (isEditableUpdate: boolean) => void;\n\tinitialValue: boolean;\n\tstate?: InputStates;\n\tvalue?: boolean;\n}): UseIsEditableReturn {\n\tconst [isEditable, setIsEditable] = useState<boolean>(initialValue);\n\tconst isEditableEffectiveValue = value !== undefined ? value : isEditable;\n\n\tconst [isEditing, setIsEditing] = useState<boolean>(false);\n\treturn {\n\t\tisEditable: isEditableEffectiveValue,\n\t\tisEditing,\n\t\tsetIsEditable: (isEditableUpdate: boolean) => {\n\t\t\tif (state === 'read-only') return;\n\t\t\tif (state === 'disabled') return;\n\t\t\tif (typeof changeHandler === 'function') {\n\t\t\t\tchangeHandler(isEditableUpdate);\n\t\t\t} else {\n\t\t\t\tsetIsEditable(isEditableUpdate);\n\t\t\t}\n\t\t},\n\t\tsetIsEditing: (isEditingUpdate: boolean) => {\n\t\t\tsetIsEditing(isEditingUpdate);\n\t\t}\n\t};\n}\n"],"names":["useIsEditable","_ref","changeHandler","initialValue","state","value","_useState","useState","_useState2","_slicedToArray","isEditable","setIsEditable","isEditableEffectiveValue","undefined","_useState3","_useState4","isEditing","setIsEditing","isEditableUpdate","isEditingUpdate"],"mappings":";;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CAAAC,IAAA,EAUL;AAAA,EAAA,IATvBC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACbC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,KAAK,GAAAJ,IAAA,CAALI,KAAK;AAOL,EAAA,IAAAC,SAAA,GAAoCC,QAAQ,CAAUJ,YAAY,CAAC;IAAAK,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5DI,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAa,GAAAH,UAAA,CAAA,CAAA,CAAA;EAChC,IAAMI,wBAAwB,GAAGP,KAAK,KAAKQ,SAAS,GAAGR,KAAK,GAAGK,UAAU;AAEzE,EAAA,IAAAI,UAAA,GAAkCP,QAAQ,CAAU,KAAK,CAAC;IAAAQ,UAAA,GAAAN,cAAA,CAAAK,UAAA,EAAA,CAAA,CAAA;AAAnDE,IAAAA,SAAS,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,aAAY,GAAAF,UAAA,CAAA,CAAA,CAAA;EAC9B,OAAO;AACNL,IAAAA,UAAU,EAAEE,wBAAwB;AACpCI,IAAAA,SAAS,EAATA,SAAS;AACTL,IAAAA,aAAa,EAAE,SAAfA,aAAaA,CAAGO,gBAAyB,EAAK;MAC7C,IAAId,KAAK,KAAK,WAAW,EAAE;MAC3B,IAAIA,KAAK,KAAK,UAAU,EAAE;AAC1B,MAAA,IAAI,OAAOF,aAAa,KAAK,UAAU,EAAE;QACxCA,aAAa,CAACgB,gBAAgB,CAAC;AAChC,MAAA,CAAC,MAAM;QACNP,cAAa,CAACO,gBAAgB,CAAC;AAChC,MAAA;IACD,CAAC;AACDD,IAAAA,YAAY,EAAE,SAAdA,YAAYA,CAAGE,eAAwB,EAAK;MAC3CF,aAAY,CAACE,eAAe,CAAC;AAC9B,IAAA;GACA;AACF;;;;"}

package/dist/esm/components/form/label/MrlLabel/MrlLabel.js

@@ -0,0 +1,46 @@
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import { labelDefaults } from '../../constants.js';
+import styles from './MrlLabel.module.scss.js';
+import { setAttributes } from '../../../../utils/setAttributes/setAttributes.js';
+import { MrlSvg } from '../../../svg/MrlSvg/MrlSvg.js';
+
+var _excluded = ["attrs", "className", "text", "htmlFor", "kind", "icon", "state"];
+/**
+ * Provides a label for a form element
+ *
+ * @param {MrlLabelProps} props - the component props
+ * @returns a label element
+ */
+function MrlLabel(_ref) {
+  var _ref$attrs = _ref.attrs,
+    attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
+    className = _ref.className,
+    text = _ref.text,
+    htmlFor = _ref.htmlFor,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? labelDefaults.kind : _ref$kind,
+    icon = _ref.icon,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? labelDefaults.state : _ref$state,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var allClasses = classnames('mrl-label', 'MrlLabel', styles['MrlLabel'], attrs["class"] || attrs.className, className, _defineProperty(_defineProperty({}, styles['mrl-is--disabled'], state === 'disabled'), styles['MrlLabel--inline'], kind !== labelDefaults.kind));
+  delete attrs["class"];
+  delete attrs.className;
+  var attributes = setAttributes(attrs);
+  return /*#__PURE__*/React.createElement("label", _extends({}, rest, attributes, {
+    htmlFor: htmlFor,
+    className: allClasses
+  }), icon && /*#__PURE__*/React.createElement(MrlSvg, {
+    "aria-hidden": "true",
+    svg: icon.icon,
+    className: classnames(styles['MrlLabel-icon'], 'MrlLabel-icon'),
+    size: "auto"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "MrlLabel-text"
+  }, text));
+}
+
+export { MrlLabel };
+//# sourceMappingURL=MrlLabel.js.map

package/dist/esm/components/form/label/MrlLabel/MrlLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlLabel.js","sources":["../../../../../../src/components/form/label/MrlLabel/MrlLabel.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { AttrsObject, setAttributes } from '../../../../utils';\nimport { labelDefaults, LabelKind, LabelStates, StaticIconConfig } from '../../constants';\n\nimport { MrlSvg } from '../../../svg';\n\nimport styles from './MrlLabel.module.scss';\n\ninterface MrlLabelProps extends React.HTMLAttributes<HTMLLabelElement> {\n\t/** Applies additional HTML attributes to the label element */\n\tattrs?: AttrsObject;\n\t/** Informs the user of the form element's purpose */\n\ttext: string;\n\t/** ID of the form elements so all users can understand the relationship between the two elements */\n\thtmlFor?: string;\n\t/** Label style based on the type of associated form element */\n\tkind?: LabelKind;\n\t/**\n\t * Configures a leading icon within the label. This is only supported with an inline label\n\t */\n\ticon?: StaticIconConfig;\n\t/**\n\t * Changes the state of the label based on state of the associated input. Note, do not\n\t * use this prop only for styling, it must match the state of the input for accessibility compliance.\n\t */\n\tstate?: LabelStates;\n\t/** Additional class to add to the label */\n\tclassName?: string;\n}\n\n/**\n * Provides a label for a form element\n *\n * @param {MrlLabelProps} props - the component props\n * @returns a label element\n */\nexport function MrlLabel({\n\tattrs = {},\n\tclassName,\n\ttext,\n\thtmlFor,\n\tkind = labelDefaults.kind,\n\ticon,\n\tstate = labelDefaults.state,\n\t...rest\n}: MrlLabelProps): JSX.Element {\n\tconst allClasses = classnames(\n\t\t'mrl-label',\n\t\t'MrlLabel',\n\t\tstyles['MrlLabel'],\n\t\tattrs.class || attrs.className,\n\t\tclassName,\n\t\t{\n\t\t\t[styles['mrl-is--disabled']]: state === 'disabled',\n\t\t\t[styles['MrlLabel--inline']]: kind !== labelDefaults.kind\n\t\t}\n\t);\n\n\tdelete attrs.class;\n\tdelete attrs.className;\n\n\tconst attributes = setAttributes(attrs);\n\n\treturn (\n\t\t<label {...rest} {...attributes} htmlFor={htmlFor}\n\t\t\tclassName={allClasses}>\n\t\t\t{icon && (\n\t\t\t\t<MrlSvg\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tsvg={icon.icon}\n\t\t\t\t\tclassName={classnames(styles['MrlLabel-icon'], 'MrlLabel-icon')}\n\t\t\t\t\tsize=\"auto\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<span className=\"MrlLabel-text\">{text}</span>\n\t\t</label>\n\t);\n}\n"],"names":["MrlLabel","_ref","_ref$attrs","attrs","className","text","htmlFor","_ref$kind","kind","labelDefaults","icon","_ref$state","state","rest","_objectWithoutProperties","_excluded","allClasses","classnames","styles","_defineProperty","attributes","setAttributes","React","createElement","_extends","MrlSvg","svg","size"],"mappings":";;;;;;;;;AA+BA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,QAAQA,CAAAC,IAAA,EASO;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CAR9BE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IACVE,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IAAAC,SAAA,GAAAN,IAAA,CACPO,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGE,aAAa,CAACD,IAAI,GAAAD,SAAA;IACzBG,IAAI,GAAAT,IAAA,CAAJS,IAAI;IAAAC,UAAA,GAAAV,IAAA,CACJW,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAGF,aAAa,CAACG,KAAK,GAAAD,UAAA;AACxBE,IAAAA,IAAI,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA;EAEP,IAAMC,UAAU,GAAGC,UAAU,CAC5B,WAAW,EACX,UAAU,EACVC,MAAM,CAAC,UAAU,CAAC,EAClBf,KAAK,CAAA,OAAA,CAAM,IAAIA,KAAK,CAACC,SAAS,EAC9BA,SAAS,EAAAe,eAAA,CAAAA,eAAA,CAAA,EAAA,EAEPD,MAAM,CAAC,kBAAkB,CAAC,EAAGN,KAAK,KAAK,UAAU,CAAA,EACjDM,MAAM,CAAC,kBAAkB,CAAC,EAAGV,IAAI,KAAKC,aAAa,CAACD,IAAI,CAE3D,CAAC;AAED,EAAA,OAAOL,KAAK,CAAA,OAAA,CAAM;EAClB,OAAOA,KAAK,CAACC,SAAS;AAEtB,EAAA,IAAMgB,UAAU,GAAGC,aAAa,CAAClB,KAAK,CAAC;EAEvC,oBACCmB,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAAC,QAAA,CAAA,EAAA,EAAWX,IAAI,EAAMO,UAAU,EAAA;AAAEd,IAAAA,OAAO,EAAEA,OAAQ;AACjDF,IAAAA,SAAS,EAAEY;AAAW,GAAA,CAAA,EACrBN,IAAI,iBACJY,KAAA,CAAAC,aAAA,CAACE,MAAM,EAAA;AACN,IAAA,aAAA,EAAY,MAAM;IAClBC,GAAG,EAAEhB,IAAI,CAACA,IAAK;IACfN,SAAS,EAAEa,UAAU,CAACC,MAAM,CAAC,eAAe,CAAC,EAAE,eAAe,CAAE;AAChES,IAAAA,IAAI,EAAC;AAAM,GACX,CACD,eACDL,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMnB,IAAAA,SAAS,EAAC;GAAe,EAAEC,IAAW,CACtC,CAAC;AAEV;;;;"}

package/dist/esm/components/form/label/MrlLabel/MrlLabel.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlLabel":"MrlLabel--Bbnmm","MrlLabel--inline":"MrlLabel--inline--g2Exe","mrl-is--disabled":"mrl-is--disabled--siceI","MrlLabel-icon":"MrlLabel-icon--PyyRE"};
+
+export { styles as default };
+//# sourceMappingURL=MrlLabel.module.scss.js.map

package/dist/esm/components/form/label/MrlLabel/MrlLabel.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlLabel.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}