@simplybusiness/mobius 5.4.0 → 5.6.0

package/dist/cjs/components/Combobox/fixtures.js

@@ -0,0 +1,359 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    FRUITS: function() {
+        return FRUITS;
+    },
+    FRUITS_GROUPS: function() {
+        return FRUITS_GROUPS;
+    },
+    FRUITS_OBJECTS: function() {
+        return FRUITS_OBJECTS;
+    },
+    US_STATES: function() {
+        return US_STATES;
+    }
+});
+const FRUITS = [
+    "Apple",
+    "Apricot",
+    "Avocado",
+    "Banana",
+    "Blackberry",
+    "Blueberry",
+    "Cantaloupe",
+    "Cherry",
+    "Clementine",
+    "Coconut",
+    "Cranberry",
+    "Date",
+    "Dragonfruit",
+    "Durian",
+    "Elderberry",
+    "Fig",
+    "Grape",
+    "Grapefruit",
+    "Guava",
+    "Honeydew",
+    "Jackfruit",
+    "Kiwi",
+    "Kumquat",
+    "Lemon",
+    "Lime",
+    "Lychee",
+    "Mango",
+    "Mulberry",
+    "Nectarine",
+    "Orange",
+    "Papaya",
+    "Passionfruit",
+    "Peach",
+    "Pear",
+    "Persimmon",
+    "Pineapple",
+    "Plum",
+    "Pomegranate",
+    "Raspberry",
+    "Redcurrant",
+    "Starfruit",
+    "Strawberry",
+    "Tangerine",
+    "Watermelon"
+];
+const FRUITS_OBJECTS = [
+    {
+        label: "Apple",
+        value: "apple"
+    },
+    {
+        label: "Apricot",
+        value: "apricot"
+    },
+    {
+        label: "Avocado",
+        value: "avocado"
+    },
+    {
+        label: "Banana",
+        value: "banana"
+    },
+    {
+        label: "Blackberry",
+        value: "blackberry"
+    },
+    {
+        label: "Blueberry",
+        value: "blueberry"
+    },
+    {
+        label: "Cantaloupe",
+        value: "cantaloupe"
+    },
+    {
+        label: "Cherry",
+        value: "cherry"
+    },
+    {
+        label: "Clementine",
+        value: "clementine"
+    },
+    {
+        label: "Coconut",
+        value: "coconut"
+    },
+    {
+        label: "Cranberry",
+        value: "cranberry"
+    },
+    {
+        label: "Date",
+        value: "date"
+    },
+    {
+        label: "Dragonfruit",
+        value: "dragonfruit"
+    },
+    {
+        label: "Durian",
+        value: "durian"
+    },
+    {
+        label: "Elderberry",
+        value: "elderberry"
+    },
+    {
+        label: "Fig",
+        value: "fig"
+    },
+    {
+        label: "Grape",
+        value: "grape"
+    },
+    {
+        label: "Grapefruit",
+        value: "grapefruit"
+    },
+    {
+        label: "Guava",
+        value: "guava"
+    },
+    {
+        label: "Honeydew",
+        value: "honeydew"
+    },
+    {
+        label: "Jackfruit",
+        value: "jackfruit"
+    },
+    {
+        label: "Kiwi",
+        value: "kiwi"
+    },
+    {
+        label: "Kumquat",
+        value: "kumquat"
+    },
+    {
+        label: "Lemon",
+        value: "lemon"
+    },
+    {
+        label: "Lime",
+        value: "lime"
+    },
+    {
+        label: "Lychee",
+        value: "lychee"
+    },
+    {
+        label: "Mango",
+        value: "mango"
+    },
+    {
+        label: "Mulberry",
+        value: "mulberry"
+    },
+    {
+        label: "Nectarine",
+        value: "nectarine"
+    },
+    {
+        label: "Orange",
+        value: "orange"
+    },
+    {
+        label: "Papaya",
+        value: "papaya"
+    },
+    {
+        label: "Passionfruit",
+        value: "passionfruit"
+    },
+    {
+        label: "Peach",
+        value: "peach"
+    },
+    {
+        label: "Pear",
+        value: "pear"
+    },
+    {
+        label: "Persimmon",
+        value: "persimmon"
+    },
+    {
+        label: "Pineapple",
+        value: "pineapple"
+    },
+    {
+        label: "Plum",
+        value: "plum"
+    },
+    {
+        label: "Pomegranate",
+        value: "pomegranate"
+    },
+    {
+        label: "Raspberry",
+        value: "raspberry"
+    },
+    {
+        label: "Redcurrant",
+        value: "redcurrant"
+    },
+    {
+        label: "Starfruit",
+        value: "starfruit"
+    },
+    {
+        label: "Strawberry",
+        value: "strawberry"
+    },
+    {
+        label: "Tangerine",
+        value: "tangerine"
+    },
+    {
+        label: "Watermelon",
+        value: "watermelon"
+    }
+];
+const FRUITS_GROUPS = [
+    {
+        heading: "A-L",
+        options: [
+            "Apple",
+            "Apricot",
+            "Avocado",
+            "Banana",
+            "Blackberry",
+            "Blueberry",
+            "Cantaloupe",
+            "Cherry",
+            "Clementine",
+            "Coconut",
+            "Cranberry",
+            "Date",
+            "Dragonfruit",
+            "Durian",
+            "Elderberry",
+            "Fig",
+            "Grape",
+            "Grapefruit",
+            "Guava",
+            "Honeydew",
+            "Jackfruit",
+            "Kiwi",
+            "Kumquat",
+            "Lemon",
+            "Lime",
+            "Lychee"
+        ]
+    },
+    {
+        heading: "M-Z",
+        options: [
+            "Mango",
+            "Mulberry",
+            "Nectarine",
+            "Orange",
+            "Papaya",
+            "Passionfruit",
+            "Peach",
+            "Pear",
+            "Persimmon",
+            "Pineapple",
+            "Plum",
+            "Pomegranate",
+            "Raspberry",
+            "Redcurrant",
+            "Starfruit",
+            "Strawberry",
+            "Tangerine",
+            "Watermelon"
+        ]
+    }
+];
+const US_STATES = [
+    "Alabama",
+    "Alaska",
+    "Arizona",
+    "Arkansas",
+    "California",
+    "Colorado",
+    "Connecticut",
+    "Delaware",
+    "District Of Columbia",
+    "Florida",
+    "Georgia",
+    "Hawaii",
+    "Idaho",
+    "Illinois",
+    "Indiana",
+    "Iowa",
+    "Kansas",
+    "Kentucky",
+    "Louisiana",
+    "Maine",
+    "Maryland",
+    "Massachusetts",
+    "Michigan",
+    "Minnesota",
+    "Mississippi",
+    "Missouri",
+    "Montana",
+    "Nebraska",
+    "Nevada",
+    "New Hampshire",
+    "New Jersey",
+    "New Mexico",
+    "New York",
+    "North Carolina",
+    "North Dakota",
+    "Ohio",
+    "Oklahoma",
+    "Oregon",
+    "Pennsylvania",
+    "Rhode Island",
+    "South Carolina",
+    "South Dakota",
+    "Tennessee",
+    "Texas",
+    "Utah",
+    "Vermont",
+    "Virginia",
+    "Washington",
+    "West Virginia",
+    "Wisconsin",
+    "Wyoming"
+];
+
+//# sourceMappingURL=fixtures.js.map

package/dist/cjs/components/Combobox/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Combobox/fixtures.tsx"],"sourcesContent":["export const FRUITS = [\n  \"Apple\",\n  \"Apricot\",\n  \"Avocado\",\n  \"Banana\",\n  \"Blackberry\",\n  \"Blueberry\",\n  \"Cantaloupe\",\n  \"Cherry\",\n  \"Clementine\",\n  \"Coconut\",\n  \"Cranberry\",\n  \"Date\",\n  \"Dragonfruit\",\n  \"Durian\",\n  \"Elderberry\",\n  \"Fig\",\n  \"Grape\",\n  \"Grapefruit\",\n  \"Guava\",\n  \"Honeydew\",\n  \"Jackfruit\",\n  \"Kiwi\",\n  \"Kumquat\",\n  \"Lemon\",\n  \"Lime\",\n  \"Lychee\",\n  \"Mango\",\n  \"Mulberry\",\n  \"Nectarine\",\n  \"Orange\",\n  \"Papaya\",\n  \"Passionfruit\",\n  \"Peach\",\n  \"Pear\",\n  \"Persimmon\",\n  \"Pineapple\",\n  \"Plum\",\n  \"Pomegranate\",\n  \"Raspberry\",\n  \"Redcurrant\",\n  \"Starfruit\",\n  \"Strawberry\",\n  \"Tangerine\",\n  \"Watermelon\",\n];\n\nexport const FRUITS_OBJECTS = [\n  { label: \"Apple\", value: \"apple\" },\n  { label: \"Apricot\", value: \"apricot\" },\n  { label: \"Avocado\", value: \"avocado\" },\n  { label: \"Banana\", value: \"banana\" },\n  { label: \"Blackberry\", value: \"blackberry\" },\n  { label: \"Blueberry\", value: \"blueberry\" },\n  { label: \"Cantaloupe\", value: \"cantaloupe\" },\n  { label: \"Cherry\", value: \"cherry\" },\n  { label: \"Clementine\", value: \"clementine\" },\n  { label: \"Coconut\", value: \"coconut\" },\n  { label: \"Cranberry\", value: \"cranberry\" },\n  { label: \"Date\", value: \"date\" },\n  { label: \"Dragonfruit\", value: \"dragonfruit\" },\n  { label: \"Durian\", value: \"durian\" },\n  { label: \"Elderberry\", value: \"elderberry\" },\n  { label: \"Fig\", value: \"fig\" },\n  { label: \"Grape\", value: \"grape\" },\n  { label: \"Grapefruit\", value: \"grapefruit\" },\n  { label: \"Guava\", value: \"guava\" },\n  { label: \"Honeydew\", value: \"honeydew\" },\n  { label: \"Jackfruit\", value: \"jackfruit\" },\n  { label: \"Kiwi\", value: \"kiwi\" },\n  { label: \"Kumquat\", value: \"kumquat\" },\n  { label: \"Lemon\", value: \"lemon\" },\n  { label: \"Lime\", value: \"lime\" },\n  { label: \"Lychee\", value: \"lychee\" },\n  { label: \"Mango\", value: \"mango\" },\n  { label: \"Mulberry\", value: \"mulberry\" },\n  { label: \"Nectarine\", value: \"nectarine\" },\n  { label: \"Orange\", value: \"orange\" },\n  { label: \"Papaya\", value: \"papaya\" },\n  { label: \"Passionfruit\", value: \"passionfruit\" },\n  { label: \"Peach\", value: \"peach\" },\n  { label: \"Pear\", value: \"pear\" },\n  { label: \"Persimmon\", value: \"persimmon\" },\n  { label: \"Pineapple\", value: \"pineapple\" },\n  { label: \"Plum\", value: \"plum\" },\n  { label: \"Pomegranate\", value: \"pomegranate\" },\n  { label: \"Raspberry\", value: \"raspberry\" },\n  { label: \"Redcurrant\", value: \"redcurrant\" },\n  { label: \"Starfruit\", value: \"starfruit\" },\n  { label: \"Strawberry\", value: \"strawberry\" },\n  { label: \"Tangerine\", value: \"tangerine\" },\n  { label: \"Watermelon\", value: \"watermelon\" },\n];\n\nexport const FRUITS_GROUPS = [\n  {\n    heading: \"A-L\",\n    options: [\n      \"Apple\",\n      \"Apricot\",\n      \"Avocado\",\n      \"Banana\",\n      \"Blackberry\",\n      \"Blueberry\",\n      \"Cantaloupe\",\n      \"Cherry\",\n      \"Clementine\",\n      \"Coconut\",\n      \"Cranberry\",\n      \"Date\",\n      \"Dragonfruit\",\n      \"Durian\",\n      \"Elderberry\",\n      \"Fig\",\n      \"Grape\",\n      \"Grapefruit\",\n      \"Guava\",\n      \"Honeydew\",\n      \"Jackfruit\",\n      \"Kiwi\",\n      \"Kumquat\",\n      \"Lemon\",\n      \"Lime\",\n      \"Lychee\",\n    ],\n  },\n  {\n    heading: \"M-Z\",\n    options: [\n      \"Mango\",\n      \"Mulberry\",\n      \"Nectarine\",\n      \"Orange\",\n      \"Papaya\",\n      \"Passionfruit\",\n      \"Peach\",\n      \"Pear\",\n      \"Persimmon\",\n      \"Pineapple\",\n      \"Plum\",\n      \"Pomegranate\",\n      \"Raspberry\",\n      \"Redcurrant\",\n      \"Starfruit\",\n      \"Strawberry\",\n      \"Tangerine\",\n      \"Watermelon\",\n    ],\n  },\n];\n\nexport const US_STATES = [\n  \"Alabama\",\n  \"Alaska\",\n  \"Arizona\",\n  \"Arkansas\",\n  \"California\",\n  \"Colorado\",\n  \"Connecticut\",\n  \"Delaware\",\n  \"District Of Columbia\",\n  \"Florida\",\n  \"Georgia\",\n  \"Hawaii\",\n  \"Idaho\",\n  \"Illinois\",\n  \"Indiana\",\n  \"Iowa\",\n  \"Kansas\",\n  \"Kentucky\",\n  \"Louisiana\",\n  \"Maine\",\n  \"Maryland\",\n  \"Massachusetts\",\n  \"Michigan\",\n  \"Minnesota\",\n  \"Mississippi\",\n  \"Missouri\",\n  \"Montana\",\n  \"Nebraska\",\n  \"Nevada\",\n  \"New Hampshire\",\n  \"New Jersey\",\n  \"New Mexico\",\n  \"New York\",\n  \"North Carolina\",\n  \"North Dakota\",\n  \"Ohio\",\n  \"Oklahoma\",\n  \"Oregon\",\n  \"Pennsylvania\",\n  \"Rhode Island\",\n  \"South Carolina\",\n  \"South Dakota\",\n  \"Tennessee\",\n  \"Texas\",\n  \"Utah\",\n  \"Vermont\",\n  \"Virginia\",\n  \"Washington\",\n  \"West Virginia\",\n  \"Wisconsin\",\n  \"Wyoming\",\n];\n"],"names":["FRUITS","FRUITS_GROUPS","FRUITS_OBJECTS","US_STATES","label","value","heading","options"],"mappings":";;;;;;;;;;;IAAaA,MAAM;eAANA;;IA8FAC,aAAa;eAAbA;;IA/CAC,cAAc;eAAdA;;IAwGAC,SAAS;eAATA;;;AAvJN,MAAMH,SAAS;IACpB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAEM,MAAME,iBAAiB;IAC5B;QAAEE,OAAO;QAASC,OAAO;IAAQ;IACjC;QAAED,OAAO;QAAWC,OAAO;IAAU;IACrC;QAAED,OAAO;QAAWC,OAAO;IAAU;IACrC;QAAED,OAAO;QAAUC,OAAO;IAAS;IACnC;QAAED,OAAO;QAAcC,OAAO;IAAa;IAC3C;QAAED,OAAO;QAAaC,OAAO;IAAY;IACzC;QAAED,OAAO;QAAcC,OAAO;IAAa;IAC3C;QAAED,OAAO;QAAUC,OAAO;IAAS;IACnC;QAAED,OAAO;QAAcC,OAAO;IAAa;IAC3C;QAAED,OAAO;QAAWC,OAAO;IAAU;IACrC;QAAED,OAAO;QAAaC,OAAO;IAAY;IACzC;QAAED,OAAO;QAAQC,OAAO;IAAO;IAC/B;QAAED,OAAO;QAAeC,OAAO;IAAc;IAC7C;QAAED,OAAO;QAAUC,OAAO;IAAS;IACnC;QAAED,OAAO;QAAcC,OAAO;IAAa;IAC3C;QAAED,OAAO;QAAOC,OAAO;IAAM;IAC7B;QAAED,OAAO;QAASC,OAAO;IAAQ;IACjC;QAAED,OAAO;QAAcC,OAAO;IAAa;IAC3C;QAAED,OAAO;QAASC,OAAO;IAAQ;IACjC;QAAED,OAAO;QAAYC,OAAO;IAAW;IACvC;QAAED,OAAO;QAAaC,OAAO;IAAY;IACzC;QAAED,OAAO;QAAQC,OAAO;IAAO;IAC/B;QAAED,OAAO;QAAWC,OAAO;IAAU;IACrC;QAAED,OAAO;QAASC,OAAO;IAAQ;IACjC;QAAED,OAAO;QAAQC,OAAO;IAAO;IAC/B;QAAED,OAAO;QAAUC,OAAO;IAAS;IACnC;QAAED,OAAO;QAASC,OAAO;IAAQ;IACjC;QAAED,OAAO;QAAYC,OAAO;IAAW;IACvC;QAAED,OAAO;QAAaC,OAAO;IAAY;IACzC;QAAED,OAAO;QAAUC,OAAO;IAAS;IACnC;QAAED,OAAO;QAAUC,OAAO;IAAS;IACnC;QAAED,OAAO;QAAgBC,OAAO;IAAe;IAC/C;QAAED,OAAO;QAASC,OAAO;IAAQ;IACjC;QAAED,OAAO;QAAQC,OAAO;IAAO;IAC/B;QAAED,OAAO;QAAaC,OAAO;IAAY;IACzC;QAAED,OAAO;QAAaC,OAAO;IAAY;IACzC;QAAED,OAAO;QAAQC,OAAO;IAAO;IAC/B;QAAED,OAAO;QAAeC,OAAO;IAAc;IAC7C;QAAED,OAAO;QAAaC,OAAO;IAAY;IACzC;QAAED,OAAO;QAAcC,OAAO;IAAa;IAC3C;QAAED,OAAO;QAAaC,OAAO;IAAY;IACzC;QAAED,OAAO;QAAcC,OAAO;IAAa;IAC3C;QAAED,OAAO;QAAaC,OAAO;IAAY;IACzC;QAAED,OAAO;QAAcC,OAAO;IAAa;CAC5C;AAEM,MAAMJ,gBAAgB;IAC3B;QACEK,SAAS;QACTC,SAAS;YACP;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;SACD;IACH;IACA;QACED,SAAS;QACTC,SAAS;YACP;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;YACA;SACD;IACH;CACD;AAEM,MAAMJ,YAAY;IACvB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD"}

package/dist/cjs/components/Combobox/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Combobox"), exports);
+_export_star(require("./types"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Combobox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Combobox/index.tsx"],"sourcesContent":["export * from \"./Combobox\";\nexport * from \"./types\";\n"],"names":[],"mappings":";;;;qBAAc;qBACA"}

package/dist/cjs/components/Combobox/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/components/Combobox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Combobox/types.tsx"],"names":[],"mappings":""}

package/dist/cjs/components/Combobox/useComboboxHighlight.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useComboboxHighlight", {
+    enumerable: true,
+    get: function() {
+        return useComboboxHighlight;
+    }
+});
+const _react = require("react");
+const _utils = require("./utils");
+function useComboboxHighlight(options) {
+    const [highlightedIndex, setHighlightedIndex] = (0, _react.useState)(options.length ? 0 : -1);
+    const [highlightedGroupIndex, setHighlightedGroupIndex] = (0, _react.useState)(0);
+    function highlightNextOption() {
+        const isGroup = (0, _utils.isOptionGroup)(options);
+        if (isGroup) {
+            const group = options[highlightedGroupIndex];
+            if (highlightedIndex === group.options.length - 1) {
+                if (highlightedGroupIndex === options.length - 1) {
+                    return; // At the end of last group
+                }
+                // Move to next group
+                setHighlightedIndex(0);
+                setHighlightedGroupIndex(highlightedGroupIndex + 1);
+            } else {
+                setHighlightedIndex(highlightedIndex + 1);
+            }
+        } else {
+            if (highlightedIndex === options.length - 1) {
+                return; // At the end of options
+            }
+            setHighlightedIndex(highlightedIndex + 1);
+        }
+    }
+    function highlightPreviousOption() {
+        const isGroup = (0, _utils.isOptionGroup)(options);
+        if (highlightedIndex === 0 && highlightedGroupIndex === 0) {
+            return; // Already at start
+        }
+        if (isGroup) {
+            if (highlightedIndex === 0) {
+                // Move to previous group
+                const prevGroupIndex = highlightedGroupIndex - 1;
+                const prevGroup = options[prevGroupIndex];
+                setHighlightedGroupIndex(prevGroupIndex);
+                setHighlightedIndex(prevGroup.options.length - 1);
+            } else {
+                setHighlightedIndex(highlightedIndex - 1);
+            }
+        } else {
+            setHighlightedIndex(highlightedIndex - 1);
+        }
+    }
+    function highlightFirstOption() {
+        setHighlightedIndex(0);
+        setHighlightedGroupIndex(0);
+    }
+    function highlightLastOption() {
+        const isGroup = (0, _utils.isOptionGroup)(options);
+        if (isGroup) {
+            const lastGroupIndex = options.length - 1;
+            const lastGroup = options[lastGroupIndex];
+            setHighlightedGroupIndex(lastGroupIndex);
+            setHighlightedIndex(lastGroup.options.length - 1);
+        } else {
+            setHighlightedIndex(options.length - 1);
+        }
+    }
+    const clearHighlight = ()=>{
+        setHighlightedIndex(options.length ? 0 : -1);
+        setHighlightedGroupIndex(0);
+    };
+    return {
+        highlightedIndex,
+        highlightedGroupIndex,
+        highlightPreviousOption,
+        highlightNextOption,
+        highlightFirstOption,
+        highlightLastOption,
+        clearHighlight
+    };
+}
+
+//# sourceMappingURL=useComboboxHighlight.js.map

package/dist/cjs/components/Combobox/useComboboxHighlight.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Combobox/useComboboxHighlight.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ComboboxOptions } from \"./types\";\nimport { isOptionGroup } from \"./utils\";\n\nexport function useComboboxHighlight(options: ComboboxOptions) {\n  const [highlightedIndex, setHighlightedIndex] = useState(\n    options.length ? 0 : -1,\n  );\n  const [highlightedGroupIndex, setHighlightedGroupIndex] = useState(0);\n\n  function highlightNextOption() {\n    const isGroup = isOptionGroup(options);\n\n    if (isGroup) {\n      const group = options[highlightedGroupIndex];\n      if (highlightedIndex === group.options.length - 1) {\n        if (highlightedGroupIndex === options.length - 1) {\n          return; // At the end of last group\n        }\n        // Move to next group\n        setHighlightedIndex(0);\n        setHighlightedGroupIndex(highlightedGroupIndex + 1);\n      } else {\n        setHighlightedIndex(highlightedIndex + 1);\n      }\n    } else {\n      if (highlightedIndex === options.length - 1) {\n        return; // At the end of options\n      }\n      setHighlightedIndex(highlightedIndex + 1);\n    }\n  }\n\n  function highlightPreviousOption() {\n    const isGroup = isOptionGroup(options);\n\n    if (highlightedIndex === 0 && highlightedGroupIndex === 0) {\n      return; // Already at start\n    }\n\n    if (isGroup) {\n      if (highlightedIndex === 0) {\n        // Move to previous group\n        const prevGroupIndex = highlightedGroupIndex - 1;\n        const prevGroup = options[prevGroupIndex];\n        setHighlightedGroupIndex(prevGroupIndex);\n        setHighlightedIndex(prevGroup.options.length - 1);\n      } else {\n        setHighlightedIndex(highlightedIndex - 1);\n      }\n    } else {\n      setHighlightedIndex(highlightedIndex - 1);\n    }\n  }\n\n  function highlightFirstOption() {\n    setHighlightedIndex(0);\n    setHighlightedGroupIndex(0);\n  }\n\n  function highlightLastOption() {\n    const isGroup = isOptionGroup(options);\n\n    if (isGroup) {\n      const lastGroupIndex = options.length - 1;\n      const lastGroup = options[lastGroupIndex];\n      setHighlightedGroupIndex(lastGroupIndex);\n      setHighlightedIndex(lastGroup.options.length - 1);\n    } else {\n      setHighlightedIndex(options.length - 1);\n    }\n  }\n\n  const clearHighlight = () => {\n    setHighlightedIndex(options.length ? 0 : -1);\n    setHighlightedGroupIndex(0);\n  };\n\n  return {\n    highlightedIndex,\n    highlightedGroupIndex,\n    highlightPreviousOption,\n    highlightNextOption,\n    highlightFirstOption,\n    highlightLastOption,\n    clearHighlight,\n  };\n}\n"],"names":["useComboboxHighlight","options","highlightedIndex","setHighlightedIndex","useState","length","highlightedGroupIndex","setHighlightedGroupIndex","highlightNextOption","isGroup","isOptionGroup","group","highlightPreviousOption","prevGroupIndex","prevGroup","highlightFirstOption","highlightLastOption","lastGroupIndex","lastGroup","clearHighlight"],"mappings":";;;;+BAIgBA;;;eAAAA;;;uBAJS;uBAEK;AAEvB,SAASA,qBAAqBC,OAAwB;IAC3D,MAAM,CAACC,kBAAkBC,oBAAoB,GAAGC,IAAAA,eAAQ,EACtDH,QAAQI,MAAM,GAAG,IAAI,CAAC;IAExB,MAAM,CAACC,uBAAuBC,yBAAyB,GAAGH,IAAAA,eAAQ,EAAC;IAEnE,SAASI;QACP,MAAMC,UAAUC,IAAAA,oBAAa,EAACT;QAE9B,IAAIQ,SAAS;YACX,MAAME,QAAQV,OAAO,CAACK,sBAAsB;YAC5C,IAAIJ,qBAAqBS,MAAMV,OAAO,CAACI,MAAM,GAAG,GAAG;gBACjD,IAAIC,0BAA0BL,QAAQI,MAAM,GAAG,GAAG;oBAChD,QAAQ,2BAA2B;gBACrC;gBACA,qBAAqB;gBACrBF,oBAAoB;gBACpBI,yBAAyBD,wBAAwB;YACnD,OAAO;gBACLH,oBAAoBD,mBAAmB;YACzC;QACF,OAAO;YACL,IAAIA,qBAAqBD,QAAQI,MAAM,GAAG,GAAG;gBAC3C,QAAQ,wBAAwB;YAClC;YACAF,oBAAoBD,mBAAmB;QACzC;IACF;IAEA,SAASU;QACP,MAAMH,UAAUC,IAAAA,oBAAa,EAACT;QAE9B,IAAIC,qBAAqB,KAAKI,0BAA0B,GAAG;YACzD,QAAQ,mBAAmB;QAC7B;QAEA,IAAIG,SAAS;YACX,IAAIP,qBAAqB,GAAG;gBAC1B,yBAAyB;gBACzB,MAAMW,iBAAiBP,wBAAwB;gBAC/C,MAAMQ,YAAYb,OAAO,CAACY,eAAe;gBACzCN,yBAAyBM;gBACzBV,oBAAoBW,UAAUb,OAAO,CAACI,MAAM,GAAG;YACjD,OAAO;gBACLF,oBAAoBD,mBAAmB;YACzC;QACF,OAAO;YACLC,oBAAoBD,mBAAmB;QACzC;IACF;IAEA,SAASa;QACPZ,oBAAoB;QACpBI,yBAAyB;IAC3B;IAEA,SAASS;QACP,MAAMP,UAAUC,IAAAA,oBAAa,EAACT;QAE9B,IAAIQ,SAAS;YACX,MAAMQ,iBAAiBhB,QAAQI,MAAM,GAAG;YACxC,MAAMa,YAAYjB,OAAO,CAACgB,eAAe;YACzCV,yBAAyBU;YACzBd,oBAAoBe,UAAUjB,OAAO,CAACI,MAAM,GAAG;QACjD,OAAO;YACLF,oBAAoBF,QAAQI,MAAM,GAAG;QACvC;IACF;IAEA,MAAMc,iBAAiB;QACrBhB,oBAAoBF,QAAQI,MAAM,GAAG,IAAI,CAAC;QAC1CE,yBAAyB;IAC3B;IAEA,OAAO;QACLL;QACAI;QACAM;QACAJ;QACAO;QACAC;QACAG;IACF;AACF"}

package/dist/cjs/components/Combobox/utils.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    clamp: function() {
+        return clamp;
+    },
+    filterOptions: function() {
+        return filterOptions;
+    },
+    getOptionLabel: function() {
+        return getOptionLabel;
+    },
+    getOptionValue: function() {
+        return getOptionValue;
+    },
+    isOptionGroup: function() {
+        return isOptionGroup;
+    }
+});
+function isOptionGroup(options) {
+    return typeof options[0] === "object" && "options" in options[0] && options[0].options !== undefined && "heading" in options[0] && options[0].heading !== undefined;
+}
+const getOptionValue = (option)=>typeof option === "string" ? option : option === null || option === void 0 ? void 0 : option.value;
+const getOptionLabel = (option)=>typeof option === "string" ? option : option === null || option === void 0 ? void 0 : option.label;
+function filterOptions(options, inputValue) {
+    if (isOptionGroup(options)) {
+        return options.map((optionGroup)=>({
+                ...optionGroup,
+                options: optionGroup.options.filter((option)=>getOptionLabel(option).toLowerCase().includes(inputValue.toLowerCase()))
+            })).filter((optionGroup)=>optionGroup.options.length > 0);
+    }
+    return options.filter((option)=>getOptionLabel(option).toLowerCase().includes(inputValue.toLowerCase()));
+}
+function clamp(value, min, max) {
+    return Math.min(Math.max(value, min), max);
+}
+
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/Combobox/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Combobox/utils.tsx"],"sourcesContent":["import type {\n  ComboboxOption,\n  ComboboxOptionGroup,\n  ComboboxOptions,\n} from \"./types\";\n\n// FIXME: This might be better handled with Zod\nexport function isOptionGroup(\n  options: ComboboxOptions,\n): options is ComboboxOptionGroup[] {\n  return (\n    typeof options[0] === \"object\" &&\n    \"options\" in options[0] &&\n    options[0].options !== undefined &&\n    \"heading\" in options[0] &&\n    options[0].heading !== undefined\n  );\n}\n\nexport const getOptionValue = (option: ComboboxOption | undefined) =>\n  typeof option === \"string\" ? option : option?.value;\n\nexport const getOptionLabel = (option: ComboboxOption | undefined) =>\n  typeof option === \"string\" ? option : option?.label;\n\nexport function filterOptions(\n  options: ComboboxOptions,\n  inputValue: string,\n): ComboboxOptions {\n  if (isOptionGroup(options)) {\n    return options\n      .map(optionGroup => ({\n        ...optionGroup,\n        options: optionGroup.options.filter(option =>\n          getOptionLabel(option)!\n            .toLowerCase()\n            .includes(inputValue.toLowerCase()),\n        ),\n      }))\n      .filter(optionGroup => optionGroup.options.length > 0);\n  }\n\n  return options.filter(option =>\n    getOptionLabel(option)!.toLowerCase().includes(inputValue.toLowerCase()),\n  );\n}\n\nexport function clamp(value: number, min: number, max: number) {\n  return Math.min(Math.max(value, min), max);\n}\n"],"names":["clamp","filterOptions","getOptionLabel","getOptionValue","isOptionGroup","options","undefined","heading","option","value","label","inputValue","map","optionGroup","filter","toLowerCase","includes","length","min","max","Math"],"mappings":";;;;;;;;;;;IA+CgBA,KAAK;eAALA;;IAtBAC,aAAa;eAAbA;;IAHHC,cAAc;eAAdA;;IAHAC,cAAc;eAAdA;;IAZGC,aAAa;eAAbA;;;AAAT,SAASA,cACdC,OAAwB;IAExB,OACE,OAAOA,OAAO,CAAC,EAAE,KAAK,YACtB,aAAaA,OAAO,CAAC,EAAE,IACvBA,OAAO,CAAC,EAAE,CAACA,OAAO,KAAKC,aACvB,aAAaD,OAAO,CAAC,EAAE,IACvBA,OAAO,CAAC,EAAE,CAACE,OAAO,KAAKD;AAE3B;AAEO,MAAMH,iBAAiB,CAACK,SAC7B,OAAOA,WAAW,WAAWA,SAASA,mBAAAA,6BAAAA,OAAQC,KAAK;AAE9C,MAAMP,iBAAiB,CAACM,SAC7B,OAAOA,WAAW,WAAWA,SAASA,mBAAAA,6BAAAA,OAAQE,KAAK;AAE9C,SAAST,cACdI,OAAwB,EACxBM,UAAkB;IAElB,IAAIP,cAAcC,UAAU;QAC1B,OAAOA,QACJO,GAAG,CAACC,CAAAA,cAAgB,CAAA;gBACnB,GAAGA,WAAW;gBACdR,SAASQ,YAAYR,OAAO,CAACS,MAAM,CAACN,CAAAA,SAClCN,eAAeM,QACZO,WAAW,GACXC,QAAQ,CAACL,WAAWI,WAAW;YAEtC,CAAA,GACCD,MAAM,CAACD,CAAAA,cAAeA,YAAYR,OAAO,CAACY,MAAM,GAAG;IACxD;IAEA,OAAOZ,QAAQS,MAAM,CAACN,CAAAA,SACpBN,eAAeM,QAASO,WAAW,GAAGC,QAAQ,CAACL,WAAWI,WAAW;AAEzE;AAEO,SAASf,MAAMS,KAAa,EAAES,GAAW,EAAEC,GAAW;IAC3D,OAAOC,KAAKF,GAAG,CAACE,KAAKD,GAAG,CAACV,OAAOS,MAAMC;AACxC"}

package/dist/cjs/components/TextArea/TextArea.js

@@ -10,13 +10,13 @@ Object.defineProperty(exports, "TextArea", {
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
 const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
-const _TextAreaInput = require("../TextAreaInput");
-const _Label = require("../Label");
-const _ErrorMessage = require("../ErrorMessage");
+const _react = require("react");
 const _hooks = require("../../hooks");
+const _ErrorMessage = require("../ErrorMessage");
+const _Label = require("../Label");
 const _Stack = require("../Stack");
+const _TextAreaInput = require("../TextAreaInput");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/dist/cjs/components/TextArea/TextArea.js.map

@@ -1 +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 { ErrorMessage } from \"../ErrorMessage\";\nimport {\n  UseTextFieldProps,\n  useTextField,\n  useValidationClasses,\n} from \"../../hooks\";\nimport { Stack } from \"../Stack\";\n\nexport type TextAreaElementType = HTMLTextAreaElement;\n\nexport interface TextAreaProps\n  extends UseTextFieldProps,\n    DOMProps,\n    RefAttributes<TextAreaElementType> {\n  className?: string;\n  errorMessage?: string;\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      isInvalid,\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-text-area\", className);\n    const validationClasses = useValidationClasses({\n      validationState,\n      isInvalid,\n    });\n    const inputClasses = classNames(\n      \"mobius-text-area__input\",\n      validationClasses,\n    );\n    const labelClasses = classNames(\n      {\n        \"--is-disabled\": isDisabled,\n      },\n      validationClasses,\n    );\n\n    return (\n      <Stack className={classes} gap=\"xs\">\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      </Stack>\n    );\n  });\n\nTextArea.displayName = \"TextArea\";\nexport { TextArea };\n"],"names":["TextArea","forwardRef","props","ref","isDisabled","className","errorMessage","label","validationState","isInvalid","otherProps","inputProps","labelProps","errorMessageProps","useTextField","classes","classNames","validationClasses","useValidationClasses","inputClasses","labelClasses","Stack","gap","Label","TextAreaInput","aria-invalid","ErrorMessage","displayName"],"mappings":"AAAA;;;;;+BAgFSA;;;eAAAA;;;;uBA9EsC;+DACxB;+BAEO;uBACR;8BAEO;uBAKtB;uBACe;;;;;;AActB,MAAMA,yBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAsBC;IAChC,MAAM,EACJC,UAAU,EACVC,SAAS,EACTC,YAAY,EACZC,KAAK,EACLC,eAAe,EACfC,SAAS,EACT,GAAGC,YACJ,GAAGR;IAEJ,MAAM,EAAES,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,mBAAY,EAACZ;IAEnE,uDAAuD;IACvD,MAAMa,UAAUC,IAAAA,eAAU,EAAC,UAAU,oBAAoBX;IACzD,MAAMY,oBAAoBC,IAAAA,2BAAoB,EAAC;QAC7CV;QACAC;IACF;IACA,MAAMU,eAAeH,IAAAA,eAAU,EAC7B,2BACAC;IAEF,MAAMG,eAAeJ,IAAAA,eAAU,EAC7B;QACE,iBAAiBZ;IACnB,GACAa;IAGF,qBACE,sBAACI,YAAK;QAAChB,WAAWU;QAASO,KAAI;;YAC5Bf,uBACC,qBAACgB,YAAK;gBAAE,GAAGX,UAAU;gBAAEP,WAAWe;0BAC/BlB,MAAMK,KAAK;;0BAGhB,qBAACiB,4BAAa;gBACX,GAAGd,UAAU;gBACb,GAAGC,UAAU;gBACdR,KAAKA;gBACLE,WAAWc;gBACXf,YAAYA;gBACZqB,gBAAcnB,gBAAgB;;0BAEhC,qBAACoB,0BAAY;gBAAE,GAAGb,iBAAiB;gBAAEP,cAAcA;;;;AAGzD;AAEFN,SAAS2B,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { Ref, RefAttributes, forwardRef } from \"react\";\nimport {\n  UseTextFieldProps,\n  useTextField,\n  useValidationClasses,\n} from \"../../hooks\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { Stack } from \"../Stack\";\nimport { TextAreaInput } from \"../TextAreaInput\";\n\nexport type TextAreaElementType = HTMLTextAreaElement;\n\nexport interface TextAreaProps\n  extends UseTextFieldProps,\n    DOMProps,\n    RefAttributes<TextAreaElementType> {\n  className?: string;\n  errorMessage?: string;\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      isInvalid,\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-text-area\", className);\n    const validationClasses = useValidationClasses({\n      validationState,\n      isInvalid,\n    });\n    const inputClasses = classNames(\n      \"mobius-text-area__input\",\n      validationClasses,\n    );\n    const labelClasses = classNames(\n      {\n        \"--is-disabled\": isDisabled,\n      },\n      validationClasses,\n    );\n\n    return (\n      <Stack className={classes} gap=\"xs\">\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      </Stack>\n    );\n  });\n\nTextArea.displayName = \"TextArea\";\nexport { TextArea };\n"],"names":["TextArea","forwardRef","props","ref","isDisabled","className","errorMessage","label","validationState","isInvalid","otherProps","inputProps","labelProps","errorMessageProps","useTextField","classes","classNames","validationClasses","useValidationClasses","inputClasses","labelClasses","Stack","gap","Label","TextAreaInput","aria-invalid","ErrorMessage","displayName"],"mappings":"AAAA;;;;;+BAgFSA;;;eAAAA;;;;+DA9Ec;uBACwB;uBAKxC;8BAGsB;uBACP;uBACA;+BACQ;;;;;;AAc9B,MAAMA,yBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAsBC;IAChC,MAAM,EACJC,UAAU,EACVC,SAAS,EACTC,YAAY,EACZC,KAAK,EACLC,eAAe,EACfC,SAAS,EACT,GAAGC,YACJ,GAAGR;IAEJ,MAAM,EAAES,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,mBAAY,EAACZ;IAEnE,uDAAuD;IACvD,MAAMa,UAAUC,IAAAA,eAAU,EAAC,UAAU,oBAAoBX;IACzD,MAAMY,oBAAoBC,IAAAA,2BAAoB,EAAC;QAC7CV;QACAC;IACF;IACA,MAAMU,eAAeH,IAAAA,eAAU,EAC7B,2BACAC;IAEF,MAAMG,eAAeJ,IAAAA,eAAU,EAC7B;QACE,iBAAiBZ;IACnB,GACAa;IAGF,qBACE,sBAACI,YAAK;QAAChB,WAAWU;QAASO,KAAI;;YAC5Bf,uBACC,qBAACgB,YAAK;gBAAE,GAAGX,UAAU;gBAAEP,WAAWe;0BAC/BlB,MAAMK,KAAK;;0BAGhB,qBAACiB,4BAAa;gBACX,GAAGd,UAAU;gBACb,GAAGC,UAAU;gBACdR,KAAKA;gBACLE,WAAWc;gBACXf,YAAYA;gBACZqB,gBAAcnB,gBAAgB;;0BAEhC,qBAACoB,0BAAY;gBAAE,GAAGb,iBAAiB;gBAAEP,cAAcA;;;;AAGzD;AAEFN,SAAS2B,WAAW,GAAG"}

package/dist/cjs/components/TextAreaInput/TextAreaInput.js

@@ -9,8 +9,8 @@ Object.defineProperty(exports, "TextAreaInput", {
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
 const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _react = require("react");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -18,14 +18,17 @@ function _interop_require_default(obj) {
 }
 const TextAreaInput = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
     // Extract interaction props:
-    const { isSelected, isDisabled, ...otherProps } = props;
+    const { isSelected, isDisabled, isReadOnly, isRequired, ...otherProps } = props;
     const classes = (0, _dedupe.default)("mobius", "mobius-text-area__input", {
         "--is-disabled": isDisabled,
-        "--is-selected": isSelected
+        "--is-selected": isSelected,
+        "--is-required": isRequired
     }, otherProps.className);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)("textarea", {
         ref: ref,
         ...otherProps,
+        required: isRequired,
+        readOnly: isReadOnly,
         className: classes
     });
 });

package/dist/cjs/components/TextAreaInput/TextAreaInput.js.map

@@ -1 +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-text-area__input\",\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":["TextAreaInput","forwardRef","props","ref","isSelected","isDisabled","otherProps","classes","classNames","className","textarea","displayName"],"mappings":";;;;+BA0CSA;;;eAAAA;;;;uBA1CsC;+DACxB;;;;;;AAoBvB,MAAMA,8BAGFC,IAAAA,iBAAU,EAAC,CAACC,OAA2BC;IACzC,6BAA6B;IAC7B,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,YAAY,GAAGJ;IAElD,MAAMK,UAAUC,IAAAA,eAAU,EACxB,UACA,2BACA;QACE,iBAAiBH;QACjB,iBAAiBD;IACnB,GACAE,WAAWG,SAAS;IAGtB,qBAAO,qBAACC;QAASP,KAAKA;QAAM,GAAGG,UAAU;QAAEG,WAAWF;;AACxD;AAEAP,cAAcW,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/TextAreaInput/TextAreaInput.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport { forwardRef, Ref, RefAttributes } from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { DOMProps } from \"../../types/dom\";\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  isReadOnly?: boolean;\n  isRequired?: boolean;\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, isReadOnly, isRequired, ...otherProps } =\n    props;\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-text-area__input\",\n    {\n      \"--is-disabled\": isDisabled,\n      \"--is-selected\": isSelected,\n      \"--is-required\": isRequired,\n    },\n    otherProps.className,\n  );\n\n  return (\n    <textarea\n      ref={ref}\n      {...otherProps}\n      required={isRequired}\n      readOnly={isReadOnly}\n      className={classes}\n    />\n  );\n});\n\nTextAreaInput.displayName = \"TextAreaInput\";\nexport { TextAreaInput };\n"],"names":["TextAreaInput","forwardRef","props","ref","isSelected","isDisabled","isReadOnly","isRequired","otherProps","classes","classNames","className","textarea","required","readOnly","displayName"],"mappings":";;;;+BAsDSA;;;eAAAA;;;;+DAtDc;uBACwB;;;;;;AAsB/C,MAAMA,8BAGFC,IAAAA,iBAAU,EAAC,CAACC,OAA2BC;IACzC,6BAA6B;IAC7B,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,YAAY,GACrEN;IAEF,MAAMO,UAAUC,IAAAA,eAAU,EACxB,UACA,2BACA;QACE,iBAAiBL;QACjB,iBAAiBD;QACjB,iBAAiBG;IACnB,GACAC,WAAWG,SAAS;IAGtB,qBACE,qBAACC;QACCT,KAAKA;QACJ,GAAGK,UAAU;QACdK,UAAUN;QACVO,UAAUR;QACVK,WAAWF;;AAGjB;AAEAT,cAAce,WAAW,GAAG"}