@simplybusiness/mobius 4.5.0 → 4.5.1

package/dist/esm/src/components/Table/Row.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames/dedupe";
+const Row = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const classes = classNames("mobius", "mobius/TableRow", props.className);
+    return /*#__PURE__*/ _jsx("tr", {
+        ref: ref,
+        ...props,
+        className: classes
+    });
+});
+Row.displayName = "Table.Row";
+export { Row };
+
+//# sourceMappingURL=Row.js.map

package/dist/esm/src/components/Table/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/Row.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface RowProps extends RefAttributes<HTMLTableRowElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type RowRef = Ref<HTMLTableRowElement>;\n\nconst Row: ForwardedRefComponent<RowProps, HTMLTableRowElement> = forwardRef(\n  (props: RowProps, ref: RowRef) => {\n    const classes = classNames(\"mobius\", \"mobius/TableRow\", props.className);\n\n    return <tr ref={ref} {...props} className={classes} />;\n  },\n);\n\nRow.displayName = \"Table.Row\";\nexport { Row };\n"],"names":["forwardRef","classNames","Row","props","ref","classes","className","tr","displayName"],"mappings":";AAAA,SAAcA,UAAU,QAAkC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAU3C,MAAMC,oBAA4DF,WAChE,CAACG,OAAiBC;IAChB,MAAMC,UAAUJ,WAAW,UAAU,mBAAmBE,MAAMG,SAAS;IAEvE,qBAAO,KAACC;QAAGH,KAAKA;QAAM,GAAGD,KAAK;QAAEG,WAAWD;;AAC7C;AAGFH,IAAIM,WAAW,GAAG;AAClB,SAASN,GAAG,GAAG"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames/dedupe";
+const Table = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const classes = classNames("mobius", "mobius/Table", props.className);
+    return /*#__PURE__*/ _jsx("table", {
+        ref: ref,
+        ...props,
+        className: classes
+    });
+});
+Table.displayName = "Table";
+export { Table };
+
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TableElementType = HTMLTableElement;\n\nexport interface TableProps extends DOMProps, RefAttributes<TableElementType> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type TableRef = Ref<TableElementType>;\n\nconst Table: ForwardedRefComponent<TableProps, TableElementType> = forwardRef(\n  (props: TableProps, ref: TableRef) => {\n    const classes = classNames(\"mobius\", \"mobius/Table\", props.className);\n\n    return <table ref={ref} {...props} className={classes} />;\n  },\n);\n\nTable.displayName = \"Table\";\nexport { Table };\n"],"names":["forwardRef","classNames","Table","props","ref","classes","className","table","displayName"],"mappings":";AAAA,SAAcA,UAAU,QAAkC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAa3C,MAAMC,sBAA6DF,WACjE,CAACG,OAAmBC;IAClB,MAAMC,UAAUJ,WAAW,UAAU,gBAAgBE,MAAMG,SAAS;IAEpE,qBAAO,KAACC;QAAMH,KAAKA;QAAM,GAAGD,KAAK;QAAEG,WAAWD;;AAChD;AAGFH,MAAMM,WAAW,GAAG;AACpB,SAASN,KAAK,GAAG"}

package/dist/esm/src/components/Table/index.js

@@ -0,0 +1,19 @@
+import { Table as TableComponent } from "./Table";
+import { Head } from "./Head";
+import { Body } from "./Body";
+import { Foot } from "./Foot";
+import { Row } from "./Row";
+import { HeaderCell } from "./HeaderCell";
+import { Cell } from "./Cell";
+const Table = Object.assign(TableComponent, {
+    Head,
+    Body,
+    Foot,
+    Row,
+    HeaderCell,
+    Cell
+});
+Table.displayName = "Table";
+export { Table };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Table/index.tsx"],"sourcesContent":["import { ForwardedRefComponent } from \"../../types/components\";\nimport { Table as TableComponent, TableProps, TableRef } from \"./Table\";\nimport { Head } from \"./Head\";\nimport { Body } from \"./Body\";\nimport { Foot } from \"./Foot\";\nimport { Row } from \"./Row\";\nimport { HeaderCell } from \"./HeaderCell\";\nimport { Cell } from \"./Cell\";\n\nimport type { TableElementType } from \"./Table\";\nimport type {\n  HeadProps as TableHeadProps,\n  HeadRef as TableHeadRef,\n} from \"./Head\";\nimport type {\n  BodyProps as TableBodyProps,\n  BodyRef as TableBodyRef,\n} from \"./Body\";\nimport type {\n  FootProps as TableFootProps,\n  FootRef as TableFootRef,\n} from \"./Foot\";\nimport type { RowProps as TableRowProps, RowRef as TableRowRef } from \"./Row\";\nimport type {\n  HeaderCellProps as TableHeaderCellProps,\n  HeaderCellRef as TableHeaderCellRef,\n} from \"./HeaderCell\";\nimport type {\n  CellProps as TableCellProps,\n  CellRef as TableCellRef,\n} from \"./Cell\";\n\nexport interface TableCompound\n  extends ForwardedRefComponent<TableProps, HTMLTableElement> {\n  Head: ForwardedRefComponent<TableHeadProps, HTMLTableSectionElement>;\n  Body: ForwardedRefComponent<TableBodyProps, HTMLTableSectionElement>;\n  Foot: ForwardedRefComponent<TableFootProps, HTMLTableSectionElement>;\n  Row: ForwardedRefComponent<TableRowProps, HTMLTableRowElement>;\n  HeaderCell: ForwardedRefComponent<TableHeaderCellProps, HTMLTableCellElement>;\n  Cell: ForwardedRefComponent<TableCellProps, HTMLTableCellElement>;\n}\n\nconst Table: TableCompound = Object.assign(TableComponent, {\n  Head,\n  Body,\n  Foot,\n  Row,\n  HeaderCell,\n  Cell,\n});\n\nexport type {\n  TableElementType,\n  TableProps,\n  TableRef,\n  TableHeadProps,\n  TableHeadRef,\n  TableBodyProps,\n  TableBodyRef,\n  TableFootProps,\n  TableFootRef,\n  TableRowProps,\n  TableRowRef,\n  TableHeaderCellProps,\n  TableHeaderCellRef,\n  TableCellProps,\n  TableCellRef,\n};\n\nTable.displayName = \"Table\";\nexport { Table };\n"],"names":["Table","TableComponent","Head","Body","Foot","Row","HeaderCell","Cell","Object","assign","displayName"],"mappings":"AACA,SAASA,SAASC,cAAc,QAA8B,UAAU;AACxE,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,GAAG,QAAQ,QAAQ;AAC5B,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,IAAI,QAAQ,SAAS;AAmC9B,MAAMP,QAAuBQ,OAAOC,MAAM,CAACR,gBAAgB;IACzDC;IACAC;IACAC;IACAC;IACAC;IACAC;AACF;AAoBAP,MAAMU,WAAW,GAAG;AACpB,SAASV,KAAK,GAAG"}

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

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames/dedupe";
+const getElementType = (variant, elementType)=>{
+    if (variant) {
+        return [
+            "h1",
+            "h2",
+            "h3",
+            "h4"
+        ].includes(variant) ? variant : "p";
+    }
+    return elementType || "p";
+};
+const Text = /*#__PURE__*/ forwardRef(({ elementType: Component = "p", ...props }, ref)=>{
+    // Remove non-DOM props from element
+    const { variant, className, spacing, ...otherProps } = props;
+    // If a variant is supplied, set the class name and element type
+    const elementType = getElementType(variant, Component);
+    const variantType = variant || elementType;
+    const lineHeight = spacing ? `line-height-${spacing}` : "";
+    const classes = classNames("mobius", "mobius/Text", variantType, lineHeight, className);
+    return /*#__PURE__*/ _jsx(Component, {
+        ref: ref,
+        ...otherProps,
+        className: classes
+    });
+});
+Text.displayName = "Text";
+export { Text };
+
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TextElementType = HTMLHeadingElement | HTMLParagraphElement;\nexport type TextVariantType =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"body\"\n  | \"small\"\n  | \"legal\";\nexport type ElementType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"span\";\nexport interface TextProps extends DOMProps, RefAttributes<TextElementType> {\n  /** HTML element for the text */\n  elementType?: ElementType;\n  /** Specify font size override */\n  variant?: TextVariantType;\n  /** Specify compact line height override */\n  spacing?: \"loose\" | \"tight\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children: ReactNode;\n  style?: React.CSSProperties;\n}\n\nexport type TextRef = Ref<TextElementType>;\n\nconst getElementType = (\n  variant: TextVariantType | undefined,\n  elementType: ElementType | undefined,\n) => {\n  if (variant) {\n    return [\"h1\", \"h2\", \"h3\", \"h4\"].includes(variant) ? variant : \"p\";\n  }\n  return elementType || \"p\";\n};\n\nconst Text: ForwardedRefComponent<TextProps, TextElementType> = forwardRef(\n  ({ elementType: Component = \"p\", ...props }: TextProps, ref: TextRef) => {\n    // Remove non-DOM props from element\n    const { variant, className, spacing, ...otherProps } = props;\n\n    // If a variant is supplied, set the class name and element type\n    const elementType = getElementType(variant, Component);\n    const variantType = variant || elementType;\n    const lineHeight = spacing ? `line-height-${spacing}` : \"\";\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Text\",\n      variantType,\n      lineHeight,\n      className,\n    );\n\n    return <Component ref={ref} {...otherProps} className={classes} />;\n  },\n);\n\nText.displayName = \"Text\";\nexport { Text };\n"],"names":["forwardRef","classNames","getElementType","variant","elementType","includes","Text","Component","props","ref","className","spacing","otherProps","variantType","lineHeight","classes","displayName"],"mappings":";AAAA,SAASA,UAAU,QAAuC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AA6B3C,MAAMC,iBAAiB,CACrBC,SACAC;IAEA,IAAID,SAAS;QACX,OAAO;YAAC;YAAM;YAAM;YAAM;SAAK,CAACE,QAAQ,CAACF,WAAWA,UAAU;IAChE;IACA,OAAOC,eAAe;AACxB;AAEA,MAAME,qBAA0DN,WAC9D,CAAC,EAAEI,aAAaG,YAAY,GAAG,EAAE,GAAGC,OAAkB,EAAEC;IACtD,oCAAoC;IACpC,MAAM,EAAEN,OAAO,EAAEO,SAAS,EAAEC,OAAO,EAAE,GAAGC,YAAY,GAAGJ;IAEvD,gEAAgE;IAChE,MAAMJ,cAAcF,eAAeC,SAASI;IAC5C,MAAMM,cAAcV,WAAWC;IAC/B,MAAMU,aAAaH,UAAU,CAAC,YAAY,EAAEA,QAAQ,CAAC,GAAG;IACxD,MAAMI,UAAUd,WACd,UACA,eACAY,aACAC,YACAJ;IAGF,qBAAO,KAACH;QAAUE,KAAKA;QAAM,GAAGG,UAAU;QAAEF,WAAWK;;AACzD;AAGFT,KAAKU,WAAW,GAAG;AACnB,SAASV,IAAI,GAAG"}

package/dist/esm/src/components/Text/index.js

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

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

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

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

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames/dedupe";
+import { TextAreaInput } from "../TextAreaInput";
+import { Label } from "../Label";
+import { Flex } from "../Flex";
+import { ErrorMessage } from "../ErrorMessage";
+import { useTextField } from "../../hooks";
+const TextArea = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { isDisabled, className, errorMessage, label, validationState, ...otherProps } = props;
+    const { inputProps, labelProps, errorMessageProps } = useTextField(props);
+    // Set class name for atom, including interaction state
+    const classes = classNames("mobius", "mobius/TextArea", className);
+    const inputClasses = classNames("mobius/TextAreaInput", {
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid"
+    });
+    const labelClasses = classNames({
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-disabled": isDisabled
+    });
+    return /*#__PURE__*/ _jsxs(Flex, {
+        flexDirection: "column",
+        className: classes,
+        children: [
+            label && /*#__PURE__*/ _jsx(Label, {
+                ...labelProps,
+                className: labelClasses,
+                children: props.label
+            }),
+            /*#__PURE__*/ _jsx(TextAreaInput, {
+                ...otherProps,
+                ...inputProps,
+                ref: ref,
+                className: inputClasses,
+                isDisabled: isDisabled,
+                "aria-invalid": errorMessage != null
+            }),
+            /*#__PURE__*/ _jsx(ErrorMessage, {
+                ...errorMessageProps,
+                errorMessage: errorMessage
+            })
+        ]
+    });
+});
+TextArea.displayName = "TextArea";
+export { TextArea };
+
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["\"use client\";\n\nimport { Ref, forwardRef, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { TextAreaInput } from \"../TextAreaInput\";\nimport { Label } from \"../Label\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { UseTextFieldProps, useTextField } from \"../../hooks\";\n\nexport type TextAreaElementType = HTMLTextAreaElement;\n\nexport interface TextAreaProps\n  extends UseTextFieldProps,\n    DOMProps,\n    RefAttributes<TextAreaElementType> {\n  className?: string;\n  errorMessage?: string;\n  validationState?: \"valid\" | \"invalid\";\n}\n\nexport type TextAreaRef = Ref<TextAreaElementType>;\n\nconst TextArea: ForwardedRefComponent<TextAreaProps, TextAreaElementType> =\n  forwardRef((props: TextAreaProps, ref: TextAreaRef) => {\n    const {\n      isDisabled,\n      className,\n      errorMessage,\n      label,\n      validationState,\n      ...otherProps\n    } = props;\n\n    const { inputProps, labelProps, errorMessageProps } = useTextField(props);\n\n    // Set class name for atom, including interaction state\n    const classes = classNames(\"mobius\", \"mobius/TextArea\", className);\n    const inputClasses = classNames(\"mobius/TextAreaInput\", {\n      \"--is-valid\": validationState === \"valid\",\n      \"--is-invalid\": validationState === \"invalid\",\n    });\n    const labelClasses = classNames({\n      \"--is-valid\": validationState === \"valid\",\n      \"--is-invalid\": validationState === \"invalid\",\n      \"--is-disabled\": isDisabled,\n    });\n\n    return (\n      <Flex flexDirection=\"column\" className={classes}>\n        {label && (\n          <Label {...labelProps} className={labelClasses}>\n            {props.label}\n          </Label>\n        )}\n        <TextAreaInput\n          {...otherProps}\n          {...inputProps}\n          ref={ref}\n          className={inputClasses}\n          isDisabled={isDisabled}\n          aria-invalid={errorMessage != null}\n        />\n        <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n      </Flex>\n    );\n  });\n\nTextArea.displayName = \"TextArea\";\nexport { TextArea };\n"],"names":["forwardRef","classNames","TextAreaInput","Label","Flex","ErrorMessage","useTextField","TextArea","props","ref","isDisabled","className","errorMessage","label","validationState","otherProps","inputProps","labelProps","errorMessageProps","classes","inputClasses","labelClasses","flexDirection","aria-invalid","displayName"],"mappings":"AAAA;;AAEA,SAAcA,UAAU,QAAuB,QAAQ;AACvD,OAAOC,gBAAgB,oBAAoB;AAE3C,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,KAAK,QAAQ,WAAW;AAEjC,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAA4BC,YAAY,QAAQ,cAAc;AAe9D,MAAMC,yBACJP,WAAW,CAACQ,OAAsBC;IAChC,MAAM,EACJC,UAAU,EACVC,SAAS,EACTC,YAAY,EACZC,KAAK,EACLC,eAAe,EACf,GAAGC,YACJ,GAAGP;IAEJ,MAAM,EAAEQ,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGZ,aAAaE;IAEnE,uDAAuD;IACvD,MAAMW,UAAUlB,WAAW,UAAU,mBAAmBU;IACxD,MAAMS,eAAenB,WAAW,wBAAwB;QACtD,cAAca,oBAAoB;QAClC,gBAAgBA,oBAAoB;IACtC;IACA,MAAMO,eAAepB,WAAW;QAC9B,cAAca,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiBJ;IACnB;IAEA,qBACE,MAACN;QAAKkB,eAAc;QAASX,WAAWQ;;YACrCN,uBACC,KAACV;gBAAO,GAAGc,UAAU;gBAAEN,WAAWU;0BAC/Bb,MAAMK,KAAK;;0BAGhB,KAACX;gBACE,GAAGa,UAAU;gBACb,GAAGC,UAAU;gBACdP,KAAKA;gBACLE,WAAWS;gBACXV,YAAYA;gBACZa,gBAAcX,gBAAgB;;0BAEhC,KAACP;gBAAc,GAAGa,iBAAiB;gBAAEN,cAAcA;;;;AAGzD;AAEFL,SAASiB,WAAW,GAAG;AACvB,SAASjB,QAAQ,GAAG"}

package/dist/esm/src/components/TextArea/index.js

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

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

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

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames/dedupe";
+const TextAreaInput = /*#__PURE__*/ forwardRef((props, ref)=>{
+    // Extract interaction props:
+    const { isSelected, isDisabled, ...otherProps } = props;
+    const classes = classNames("mobius", "mobius/TextAreaInput", {
+        "--is-disabled": isDisabled,
+        "--is-selected": isSelected
+    }, otherProps.className);
+    return /*#__PURE__*/ _jsx("textarea", {
+        ref: ref,
+        ...otherProps,
+        className: classes
+    });
+});
+TextAreaInput.displayName = "TextAreaInput";
+export { TextAreaInput };
+
+//# sourceMappingURL=TextAreaInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/TextAreaInput/TextAreaInput.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TextAreaInputElementType = HTMLTextAreaElement;\n\nexport interface InteractionStateProps {\n  isSelected?: boolean;\n  isDisabled?: boolean;\n}\n\nexport interface TextAreaInputProps\n  extends DOMProps,\n    InteractionStateProps,\n    RefAttributes<TextAreaInputElementType> {\n  className?: string;\n}\n\nexport type TextAreaInputRef = Ref<TextAreaInputElementType>;\n\nconst TextAreaInput: ForwardedRefComponent<\n  TextAreaInputProps,\n  TextAreaInputElementType\n> = forwardRef((props: TextAreaInputProps, ref: TextAreaInputRef) => {\n  // Extract interaction props:\n  const { isSelected, isDisabled, ...otherProps } = props;\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/TextAreaInput\",\n    {\n      \"--is-disabled\": isDisabled,\n      \"--is-selected\": isSelected,\n    },\n    otherProps.className,\n  );\n\n  return <textarea ref={ref} {...otherProps} className={classes} />;\n});\n\nTextAreaInput.displayName = \"TextAreaInput\";\nexport { TextAreaInput };\n"],"names":["forwardRef","classNames","TextAreaInput","props","ref","isSelected","isDisabled","otherProps","classes","className","textarea","displayName"],"mappings":";AAAA,SAAcA,UAAU,QAAuB,QAAQ;AACvD,OAAOC,gBAAgB,oBAAoB;AAoB3C,MAAMC,8BAGFF,WAAW,CAACG,OAA2BC;IACzC,6BAA6B;IAC7B,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,YAAY,GAAGJ;IAElD,MAAMK,UAAUP,WACd,UACA,wBACA;QACE,iBAAiBK;QACjB,iBAAiBD;IACnB,GACAE,WAAWE,SAAS;IAGtB,qBAAO,KAACC;QAASN,KAAKA;QAAM,GAAGG,UAAU;QAAEE,WAAWD;;AACxD;AAEAN,cAAcS,WAAW,GAAG;AAC5B,SAAST,aAAa,GAAG"}

package/dist/esm/src/components/TextAreaInput/index.js

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

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

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

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

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames/dedupe";
+import { forwardRef } from "react";
+import { useTextField } from "../../hooks";
+import { ErrorMessage } from "../ErrorMessage";
+import { Label } from "../Label";
+import { adornmentWithClassName } from "./adornmentWithClassName";
+const TextField = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { isDisabled, type = "text", validationState, className, label, errorMessage, children, isRequired, prefixInside, prefixOutside, suffixInside, suffixOutside, ...otherProps } = props;
+    const { inputProps, labelProps, errorMessageProps } = useTextField({
+        ...props,
+        "aria-errormessage": errorMessage
+    });
+    const hidden = type === "hidden";
+    const textfieldClasses = {
+        "--is-disabled": isDisabled,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired,
+        "--is-hidden": hidden,
+        [className || ""]: true
+    };
+    const labelClasses = classNames({
+        "--is-disabled": isDisabled,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid"
+    });
+    const containerClasses = classNames("mobius", "mobius/TextField", textfieldClasses);
+    const inputClasses = classNames("mobius", "mobius/TextInput", textfieldClasses);
+    const inputWrapperClasses = classNames("mobius/TextFieldInputWrapper", textfieldClasses);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: containerClasses,
+        children: [
+            label && !hidden && /*#__PURE__*/ _jsx(Label, {
+                ...labelProps,
+                className: labelClasses,
+                children: label
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "mobius/TextFieldInnerContainer",
+                children: [
+                    adornmentWithClassName(prefixOutside, "mobius/TextFieldPrefixOutside"),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: inputWrapperClasses,
+                        children: [
+                            adornmentWithClassName(prefixInside, "mobius/TextFieldPrefixInside"),
+                            /*#__PURE__*/ _jsx("input", {
+                                ...otherProps,
+                                ...inputProps,
+                                ref: ref,
+                                type: type,
+                                className: inputClasses
+                            }),
+                            adornmentWithClassName(suffixInside, "mobius/TextFieldSuffixInside")
+                        ]
+                    }),
+                    adornmentWithClassName(suffixOutside, "mobius/TextFieldSuffixOutside")
+                ]
+            }),
+            children && /*#__PURE__*/ _jsx("div", {
+                className: "mobius/TextFieldChildren",
+                children: children
+            }),
+            /*#__PURE__*/ _jsx(ErrorMessage, {
+                ...errorMessageProps,
+                errorMessage: errorMessage
+            })
+        ]
+    });
+});
+TextField.displayName = "TextField";
+export { TextField };
+
+//# sourceMappingURL=TextField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  HTMLInputTypeAttribute,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  forwardRef,\n} from \"react\";\nimport { UseTextFieldProps, useTextField } from \"../../hooks\";\nimport { DOMProps, FocusEvents } from \"../../types\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { adornmentWithClassName } from \"./adornmentWithClassName\";\n\nexport type TextFieldElementType = HTMLInputElement;\nexport interface TextFieldProps\n  extends DOMProps,\n    FocusEvents,\n    UseTextFieldProps,\n    RefAttributes<TextFieldElementType> {\n  className?: string;\n  errorMessage?: string;\n  children?: ReactNode;\n  label?: string;\n  type?: Exclude<\n    HTMLInputTypeAttribute,\n    | \"button\"\n    | \"checkbox\"\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"radio\"\n    | \"range\"\n    | \"reset\"\n    | \"submit\"\n    | \"week\"\n  >;\n  prefixInside?: ReactElement;\n  prefixOutside?: ReactElement;\n  suffixInside?: ReactElement;\n  suffixOutside?: ReactElement;\n}\n\nexport type TextFieldRef = Ref<TextFieldElementType>;\n\nconst TextField: ForwardedRefComponent<TextFieldProps, TextFieldElementType> =\n  forwardRef((props: TextFieldProps, ref: TextFieldRef) => {\n    const {\n      isDisabled,\n      type = \"text\",\n      validationState,\n      className,\n      label,\n      errorMessage,\n      children,\n      isRequired,\n      prefixInside,\n      prefixOutside,\n      suffixInside,\n      suffixOutside,\n      ...otherProps\n    } = props;\n\n    const { inputProps, labelProps, errorMessageProps } = useTextField({\n      ...props,\n      \"aria-errormessage\": errorMessage,\n    });\n\n    const hidden = type === \"hidden\";\n\n    const textfieldClasses = {\n      \"--is-disabled\": isDisabled,\n      \"--is-valid\": validationState === \"valid\",\n      \"--is-invalid\": validationState === \"invalid\",\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n      \"--is-hidden\": hidden,\n      [className || \"\"]: true,\n    };\n\n    const labelClasses = classNames({\n      \"--is-disabled\": isDisabled,\n      \"--is-valid\": validationState === \"valid\",\n      \"--is-invalid\": validationState === \"invalid\",\n    });\n\n    const containerClasses = classNames(\n      \"mobius\",\n      \"mobius/TextField\",\n      textfieldClasses,\n    );\n\n    const inputClasses = classNames(\n      \"mobius\",\n      \"mobius/TextInput\",\n      textfieldClasses,\n    );\n\n    const inputWrapperClasses = classNames(\n      \"mobius/TextFieldInputWrapper\",\n      textfieldClasses,\n    );\n\n    return (\n      <div className={containerClasses}>\n        {label && !hidden && (\n          <Label {...labelProps} className={labelClasses}>\n            {label}\n          </Label>\n        )}\n        <div className=\"mobius/TextFieldInnerContainer\">\n          {adornmentWithClassName(\n            prefixOutside,\n            \"mobius/TextFieldPrefixOutside\",\n          )}\n          <div className={inputWrapperClasses}>\n            {adornmentWithClassName(\n              prefixInside,\n              \"mobius/TextFieldPrefixInside\",\n            )}\n            <input\n              {...otherProps}\n              {...inputProps}\n              ref={ref}\n              type={type}\n              className={inputClasses}\n            />\n            {adornmentWithClassName(\n              suffixInside,\n              \"mobius/TextFieldSuffixInside\",\n            )}\n          </div>\n          {adornmentWithClassName(\n            suffixOutside,\n            \"mobius/TextFieldSuffixOutside\",\n          )}\n        </div>\n        {children && <div className=\"mobius/TextFieldChildren\">{children}</div>}\n\n        <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n      </div>\n    );\n  });\n\nTextField.displayName = \"TextField\";\nexport { TextField };\n"],"names":["classNames","forwardRef","useTextField","ErrorMessage","Label","adornmentWithClassName","TextField","props","ref","isDisabled","type","validationState","className","label","errorMessage","children","isRequired","prefixInside","prefixOutside","suffixInside","suffixOutside","otherProps","inputProps","labelProps","errorMessageProps","hidden","textfieldClasses","labelClasses","containerClasses","inputClasses","inputWrapperClasses","div","input","displayName"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,oBAAoB;AAC3C,SAMEC,UAAU,QACL,QAAQ;AACf,SAA4BC,YAAY,QAAQ,cAAc;AAG9D,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,KAAK,QAAQ,WAAW;AACjC,SAASC,sBAAsB,QAAQ,2BAA2B;AAoClE,MAAMC,0BACJL,WAAW,CAACM,OAAuBC;IACjC,MAAM,EACJC,UAAU,EACVC,OAAO,MAAM,EACbC,eAAe,EACfC,SAAS,EACTC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,aAAa,EACb,GAAGC,YACJ,GAAGd;IAEJ,MAAM,EAAEe,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGtB,aAAa;QACjE,GAAGK,KAAK;QACR,qBAAqBO;IACvB;IAEA,MAAMW,SAASf,SAAS;IAExB,MAAMgB,mBAAmB;QACvB,iBAAiBjB;QACjB,cAAcE,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOK,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;QACrD,eAAeS;QACf,CAACb,aAAa,GAAG,EAAE;IACrB;IAEA,MAAMe,eAAe3B,WAAW;QAC9B,iBAAiBS;QACjB,cAAcE,oBAAoB;QAClC,gBAAgBA,oBAAoB;IACtC;IAEA,MAAMiB,mBAAmB5B,WACvB,UACA,oBACA0B;IAGF,MAAMG,eAAe7B,WACnB,UACA,oBACA0B;IAGF,MAAMI,sBAAsB9B,WAC1B,gCACA0B;IAGF,qBACE,MAACK;QAAInB,WAAWgB;;YACbf,SAAS,CAACY,wBACT,KAACrB;gBAAO,GAAGmB,UAAU;gBAAEX,WAAWe;0BAC/Bd;;0BAGL,MAACkB;gBAAInB,WAAU;;oBACZP,uBACCa,eACA;kCAEF,MAACa;wBAAInB,WAAWkB;;4BACbzB,uBACCY,cACA;0CAEF,KAACe;gCACE,GAAGX,UAAU;gCACb,GAAGC,UAAU;gCACdd,KAAKA;gCACLE,MAAMA;gCACNE,WAAWiB;;4BAEZxB,uBACCc,cACA;;;oBAGHd,uBACCe,eACA;;;YAGHL,0BAAY,KAACgB;gBAAInB,WAAU;0BAA4BG;;0BAExD,KAACZ;gBAAc,GAAGqB,iBAAiB;gBAAEV,cAAcA;;;;AAGzD;AAEFR,UAAU2B,WAAW,GAAG;AACxB,SAAS3B,SAAS,GAAG"}

package/dist/esm/src/components/TextField/adornmentWithClassName.js

@@ -0,0 +1,10 @@
+import classNames from "classnames";
+import { cloneElement } from "react";
+export const adornmentWithClassName = (component, className)=>{
+    if (!component) return null;
+    return cloneElement(component, {
+        className: classNames(component.props.className, className)
+    });
+};
+
+//# sourceMappingURL=adornmentWithClassName.js.map

package/dist/esm/src/components/TextField/adornmentWithClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/TextField/adornmentWithClassName.ts"],"sourcesContent":["import classNames from \"classnames\";\nimport { ReactElement, cloneElement } from \"react\";\n\nexport const adornmentWithClassName = (\n  component?: ReactElement,\n  className?: string,\n) => {\n  if (!component) return null;\n\n  return cloneElement(component, {\n    className: classNames(component.props.className, className),\n  });\n};\n"],"names":["classNames","cloneElement","adornmentWithClassName","component","className","props"],"mappings":"AAAA,OAAOA,gBAAgB,aAAa;AACpC,SAAuBC,YAAY,QAAQ,QAAQ;AAEnD,OAAO,MAAMC,yBAAyB,CACpCC,WACAC;IAEA,IAAI,CAACD,WAAW,OAAO;IAEvB,OAAOF,aAAaE,WAAW;QAC7BC,WAAWJ,WAAWG,UAAUE,KAAK,CAACD,SAAS,EAAEA;IACnD;AACF,EAAE"}

package/dist/esm/src/components/TextField/index.js

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

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

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

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

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames/dedupe";
+import { Flex } from "../Flex";
+const Title = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { elementType: Element = "div", title, description, ...otherProps } = props;
+    const classes = classNames("mobius", "mobius/Title", otherProps.className);
+    const headerClasses = classNames("mobius", "mobius/TitleHeader");
+    const contentClasses = classNames("mobius", "mobius/TitleDescription");
+    const containerClasses = classNames("mobius", "mobius/TitleContainer");
+    return /*#__PURE__*/ _jsx(Element, {
+        ref: ref,
+        ...otherProps,
+        className: classes,
+        children: /*#__PURE__*/ _jsxs(Flex, {
+            flexDirection: "column",
+            className: containerClasses,
+            children: [
+                /*#__PURE__*/ _jsx("p", {
+                    className: headerClasses,
+                    children: title
+                }),
+                /*#__PURE__*/ _jsx("p", {
+                    className: contentClasses,
+                    children: description
+                })
+            ]
+        })
+    });
+});
+Title.displayName = "Title";
+export { Title };
+
+//# sourceMappingURL=Title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Title/Title.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\n\nexport type TitleElementType = HTMLDivElement;\n\nexport interface TitleProps extends DOMProps, RefAttributes<TitleElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: string | React.ElementType;\n  title: string;\n  description: string;\n}\n\nexport type TitleRef = Ref<TitleElementType>;\n\nconst Title: ForwardedRefComponent<TitleProps, TitleElementType> = forwardRef(\n  (props: TitleProps, ref: TitleRef) => {\n    const {\n      elementType: Element = \"div\",\n      title,\n      description,\n      ...otherProps\n    } = props;\n\n    const classes = classNames(\"mobius\", \"mobius/Title\", otherProps.className);\n    const headerClasses = classNames(\"mobius\", \"mobius/TitleHeader\");\n    const contentClasses = classNames(\"mobius\", \"mobius/TitleDescription\");\n    const containerClasses = classNames(\"mobius\", \"mobius/TitleContainer\");\n\n    return (\n      <Element ref={ref} {...otherProps} className={classes}>\n        <Flex flexDirection=\"column\" className={containerClasses}>\n          <p className={headerClasses}>{title}</p>\n          <p className={contentClasses}>{description}</p>\n        </Flex>\n      </Element>\n    );\n  },\n);\n\nTitle.displayName = \"Title\";\nexport { Title };\n"],"names":["forwardRef","classNames","Flex","Title","props","ref","elementType","Element","title","description","otherProps","classes","className","headerClasses","contentClasses","containerClasses","flexDirection","p","displayName"],"mappings":";AAAA,SAAcA,UAAU,QAAkC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAG3C,SAASC,IAAI,QAAQ,UAAU;AAe/B,MAAMC,sBAA6DH,WACjE,CAACI,OAAmBC;IAClB,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,KAAK,EACLC,WAAW,EACX,GAAGC,YACJ,GAAGN;IAEJ,MAAMO,UAAUV,WAAW,UAAU,gBAAgBS,WAAWE,SAAS;IACzE,MAAMC,gBAAgBZ,WAAW,UAAU;IAC3C,MAAMa,iBAAiBb,WAAW,UAAU;IAC5C,MAAMc,mBAAmBd,WAAW,UAAU;IAE9C,qBACE,KAACM;QAAQF,KAAKA;QAAM,GAAGK,UAAU;QAAEE,WAAWD;kBAC5C,cAAA,MAACT;YAAKc,eAAc;YAASJ,WAAWG;;8BACtC,KAACE;oBAAEL,WAAWC;8BAAgBL;;8BAC9B,KAACS;oBAAEL,WAAWE;8BAAiBL;;;;;AAIvC;AAGFN,MAAMe,WAAW,GAAG;AACpB,SAASf,KAAK,GAAG"}

package/dist/esm/src/components/Title/index.js

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

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

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

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function VisuallyHidden(props) {
+    const { className, children, elementType: Component = "div" } = props;
+    return /*#__PURE__*/ _jsx(Component, {
+        className: className,
+        style: {
+            border: 0,
+            clip: "rect(0 0 0 0)",
+            clipPath: "inset(50%)",
+            height: "1px",
+            margin: "-1px",
+            overflow: "hidden",
+            padding: 0,
+            position: "absolute",
+            width: "1px",
+            whiteSpace: "nowrap"
+        },
+        children: children
+    });
+}
+
+//# sourceMappingURL=VisuallyHidden.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import type { JSXElementConstructor, ReactNode } from \"react\";\n\nexport interface VisuallyHiddenProps {\n  /** The content to visually hide. */\n  children?: ReactNode;\n\n  className?: string;\n\n  /**\n   * The element type for the container. Defaults to 'div'\n   */\n  elementType?: string | JSXElementConstructor<any>;\n}\n\nexport function VisuallyHidden(props: VisuallyHiddenProps) {\n  const { className, children, elementType: Component = \"div\" } = props;\n\n  return (\n    <Component\n      className={className}\n      style={{\n        border: 0,\n        clip: \"rect(0 0 0 0)\",\n        clipPath: \"inset(50%)\",\n        height: \"1px\",\n        margin: \"-1px\",\n        overflow: \"hidden\",\n        padding: 0,\n        position: \"absolute\",\n        width: \"1px\",\n        whiteSpace: \"nowrap\",\n      }}\n    >\n      {children}\n    </Component>\n  );\n}\n"],"names":["VisuallyHidden","props","className","children","elementType","Component","style","border","clip","clipPath","height","margin","overflow","padding","position","width","whiteSpace"],"mappings":";AAcA,OAAO,SAASA,eAAeC,KAA0B;IACvD,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,aAAaC,YAAY,KAAK,EAAE,GAAGJ;IAEhE,qBACE,KAACI;QACCH,WAAWA;QACXI,OAAO;YACLC,QAAQ;YACRC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,QAAQ;YACRC,UAAU;YACVC,SAAS;YACTC,UAAU;YACVC,OAAO;YACPC,YAAY;QACd;kBAECb;;AAGP"}

package/dist/esm/src/components/VisuallyHidden/index.js

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

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

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

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

@@ -0,0 +1,42 @@
+export * from "./Accordion";
+export * from "./Alert";
+export * from "./Box";
+export * from "./Breadcrumbs";
+export * from "./Button";
+export * from "./Checkbox";
+export * from "./Container";
+export * from "./Divider";
+export * from "./Drawer";
+export * from "./DropdownMenu";
+export * from "./ErrorMessage";
+export * from "./Fieldset";
+export * from "./Flex";
+export * from "./Grid";
+export * from "./Icon";
+export * from "./Image";
+export * from "./Label";
+export * from "./Link";
+export * from "./LinkButton";
+export * from "./List";
+export * from "./LoadingIndicator";
+export * from "./Logo";
+export * from "./Modal";
+export * from "./NumberField";
+export * from "./Option";
+export * from "./PasswordField";
+export * from "./Popover";
+export * from "./Progress";
+export * from "./Radio";
+export * from "./Segment";
+export * from "./Select";
+export * from "./Slider";
+export * from "./SVG";
+export * from "./Table";
+export * from "./Text";
+export * from "./TextArea";
+export * from "./TextAreaInput";
+export * from "./TextField";
+export * from "./Title";
+export * from "./VisuallyHidden";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/index.tsx"],"sourcesContent":["export * from \"./Accordion\";\nexport * from \"./Alert\";\nexport * from \"./Box\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./Button\";\nexport * from \"./Checkbox\";\nexport * from \"./Container\";\nexport * from \"./Divider\";\nexport * from \"./Drawer\";\nexport * from \"./DropdownMenu\";\nexport * from \"./ErrorMessage\";\nexport * from \"./Fieldset\";\nexport * from \"./Flex\";\nexport * from \"./Grid\";\nexport * from \"./Icon\";\nexport * from \"./Image\";\nexport * from \"./Label\";\nexport * from \"./Link\";\nexport * from \"./LinkButton\";\nexport * from \"./List\";\nexport * from \"./LoadingIndicator\";\nexport * from \"./Logo\";\nexport * from \"./Modal\";\nexport * from \"./NumberField\";\nexport * from \"./Option\";\nexport * from \"./PasswordField\";\nexport * from \"./Popover\";\nexport * from \"./Progress\";\nexport * from \"./Radio\";\nexport * from \"./Segment\";\nexport * from \"./Select\";\nexport * from \"./Slider\";\nexport * from \"./SVG\";\nexport * from \"./Table\";\nexport * from \"./Text\";\nexport * from \"./TextArea\";\nexport * from \"./TextAreaInput\";\nexport * from \"./TextField\";\nexport * from \"./Title\";\nexport * from \"./VisuallyHidden\";\n"],"names":[],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,qBAAqB;AACnC,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,kBAAkB;AAChC,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,mBAAmB"}

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

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

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

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

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

@@ -0,0 +1,9 @@
+export * from "./useBodyScrollLock";
+export * from "./useBreakpoint";
+export * from "./useButton";
+export * from "./useLabel";
+export * from "./useOnClickOutside";
+export * from "./useTextField";
+export * from "./useWindowEvent";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/index.tsx"],"sourcesContent":["export * from \"./useBodyScrollLock\";\nexport * from \"./useBreakpoint\";\nexport * from \"./useButton\";\nexport * from \"./useLabel\";\nexport * from \"./useOnClickOutside\";\nexport * from \"./useTextField\";\nexport * from \"./useWindowEvent\";\n"],"names":[],"mappings":"AAAA,cAAc,sBAAsB;AACpC,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,sBAAsB;AACpC,cAAc,iBAAiB;AAC/B,cAAc,mBAAmB"}

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

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

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

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

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

@@ -0,0 +1,28 @@
+import { useEffect } from "react";
+export function useBodyScrollLock({ enabled = true } = {}) {
+    function disableScrollLock() {
+        document.body.style.removeProperty("overflow");
+        document.body.style.removeProperty("scrollbar-gutter");
+        document.documentElement.style.removeProperty("scrollbar-gutter");
+    }
+    function enableScrollLock() {
+        document.body.style.overflow = "hidden";
+        // Prevent content jumping due to scrollbar disappearing
+        document.body.style.scrollbarGutter = "stable";
+        document.documentElement.style.scrollbarGutter = "stable";
+    }
+    useEffect(()=>{
+        if (enabled) {
+            enableScrollLock();
+        } else {
+            disableScrollLock();
+        }
+        return ()=>{
+            disableScrollLock();
+        };
+    }, [
+        enabled
+    ]);
+}
+
+//# sourceMappingURL=useBodyScrollLock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/hooks/useBodyScrollLock/useBodyScrollLock.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport function useBodyScrollLock({\n  enabled = true,\n}: { enabled?: boolean } = {}) {\n  function disableScrollLock() {\n    document.body.style.removeProperty(\"overflow\");\n    document.body.style.removeProperty(\"scrollbar-gutter\");\n    document.documentElement.style.removeProperty(\"scrollbar-gutter\");\n  }\n\n  function enableScrollLock() {\n    document.body.style.overflow = \"hidden\";\n    // Prevent content jumping due to scrollbar disappearing\n    document.body.style.scrollbarGutter = \"stable\";\n    document.documentElement.style.scrollbarGutter = \"stable\";\n  }\n\n  useEffect(() => {\n    if (enabled) {\n      enableScrollLock();\n    } else {\n      disableScrollLock();\n    }\n\n    return () => {\n      disableScrollLock();\n    };\n  }, [enabled]);\n}\n"],"names":["useEffect","useBodyScrollLock","enabled","disableScrollLock","document","body","style","removeProperty","documentElement","enableScrollLock","overflow","scrollbarGutter"],"mappings":"AAAA,SAASA,SAAS,QAAQ,QAAQ;AAElC,OAAO,SAASC,kBAAkB,EAChCC,UAAU,IAAI,EACQ,GAAG,CAAC,CAAC;IAC3B,SAASC;QACPC,SAASC,IAAI,CAACC,KAAK,CAACC,cAAc,CAAC;QACnCH,SAASC,IAAI,CAACC,KAAK,CAACC,cAAc,CAAC;QACnCH,SAASI,eAAe,CAACF,KAAK,CAACC,cAAc,CAAC;IAChD;IAEA,SAASE;QACPL,SAASC,IAAI,CAACC,KAAK,CAACI,QAAQ,GAAG;QAC/B,wDAAwD;QACxDN,SAASC,IAAI,CAACC,KAAK,CAACK,eAAe,GAAG;QACtCP,SAASI,eAAe,CAACF,KAAK,CAACK,eAAe,GAAG;IACnD;IAEAX,UAAU;QACR,IAAIE,SAAS;YACXO;QACF,OAAO;YACLN;QACF;QAEA,OAAO;YACLA;QACF;IACF,GAAG;QAACD;KAAQ;AACd"}

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

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

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

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