@kosmeo-ui/react 0.1.1 → 1.0.0

package/dist/components/inputs/multiSelect/styles.css

@@ -8,19 +8,19 @@
   margin-bottom: 0.1rem;
   font-size: 0.875rem;
   font-weight: 500;
-  color: var(--text-color);
+  color: var(--k-text-color);
 }
 
 .k-multiselect {
-  border: 0.0625rem solid var(--border-color);
+  border: 0.0625rem solid var(--k-border-color);
   border-radius: 0.375rem;
-  color: var(--text-color);
+  color: var(--k-text-color);
   width: 100%;
   box-sizing: border-box;
   transition:
     border-color 0.2s ease-in-out,
     box-shadow 0.2s ease-in-out;
-  background-color: var(--background-color-light);
+  background-color: var(--k-background-color-light);
   cursor: pointer;
   display: flex;
   align-items: flex-start;
@@ -31,39 +31,39 @@
 
 /* Size variants */
 .k-multiselect-sm {
-  font-size: var(--text-size-sm);
+  font-size: var(--k-text-size-sm);
   padding: 0.5rem 2.5rem 0.5rem 0.75rem;
 }
 
 .k-multiselect-md {
-  font-size: var(--text-size-md);
+  font-size: var(--k-text-size-md);
   padding: 0.625rem 2.75rem 0.625rem 1rem;
 }
 
 .k-multiselect-lg {
-  font-size: var(--text-size-lg);
+  font-size: var(--k-text-size-lg);
   padding: 0.75rem 3rem 0.75rem 1.25rem;
 }
 
 /* States */
 .k-multiselect:hover:not(.k-multiselect-disabled) {
-  border-color: var(--primary-color);
+  border-color: var(--k-primary-color);
 }
 
 .k-multiselect:focus {
   outline: none;
-  border-color: var(--border-color-active);
-  box-shadow: 0 0 0 0.1875rem var(--border-shadow-color-active);
+  border-color: var(--k-border-color-active);
+  box-shadow: 0 0 0 0.1875rem var(--k-border-shadow-color-active);
 }
 
 .k-multiselect-open {
-  border-color: var(--border-color-active);
-  box-shadow: 0 0 0 0.1875rem var(--border-shadow-color-active);
+  border-color: var(--k-border-color-active);
+  box-shadow: 0 0 0 0.1875rem var(--k-border-shadow-color-active);
 }
 
 .k-multiselect-disabled {
-  background-color: var(--disabled-bg);
-  color: var(--disabled-text);
+  background-color: var(--k-background-color-disabled);
+  color: var(--k-text-color-disabled);
   cursor: not-allowed;
   opacity: 0.6;
 }
@@ -75,7 +75,7 @@
 }
 
 .k-multiselect-placeholder {
-  color: var(--text-color-secondary);
+  color: var(--k-text-color-secondary);
   opacity: 0.7;
 }
 
@@ -93,31 +93,31 @@
 
 /* Fixed height for 5 items based on size */
 .k-multiselect-sm .k-multiselect-selected-items {
-  max-height: calc(5 * (var(--text-size-sm) + 1.15rem));
+  max-height: calc(5 * (var(--k-text-size-sm) + 1.15rem));
 }
 
 .k-multiselect-md .k-multiselect-selected-items {
-  max-height: calc(5 * (var(--text-size-md) + 1.5rem));
+  max-height: calc(5 * (var(--k-text-size-md) + 1.5rem));
 }
 
 .k-multiselect-lg .k-multiselect-selected-items {
-  max-height: calc(5 * (var(--text-size-lg) + 1.8rem));
+  max-height: calc(5 * (var(--k-text-size-lg) + 1.8rem));
 }
 
 .k-multiselect-selected-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  background-color: var(--background-color-dark);
+  background-color: var(--k-background-color-dark);
   border-radius: 0.25rem;
 }
 
 .k-multiselect-selected-item:hover {
-  background-color: var(--background-color-hover);
+  background-color: var(--k-background-color-hover);
 }
 
 .k-multiselect-selected-item-label {
-  color: var(--text-color);
+  color: var(--k-text-color);
   flex: 1;
   text-align: left;
 }
@@ -125,17 +125,17 @@
 /* Size variants for selected items */
 .k-multiselect-sm .k-multiselect-selected-item {
   padding: 0.25rem 0.5rem;
-  font-size: var(--text-size-sm);
+  font-size: var(--k-text-size-sm);
 }
 
 .k-multiselect-md .k-multiselect-selected-item {
   padding: 0.375rem 0.625rem;
-  font-size: var(--text-size-md);
+  font-size: var(--k-text-size-md);
 }
 
 .k-multiselect-lg .k-multiselect-selected-item {
   padding: 0.5rem 0.75rem;
-  font-size: var(--text-size-lg);
+  font-size: var(--k-text-size-lg);
 }
 
 .k-multiselect-selected-item-remove {
@@ -143,7 +143,7 @@
   border: none;
   padding: 0;
   cursor: pointer;
-  color: var(--text-color);
+  color: var(--k-text-color);
   transition: color 0.2s ease-in-out;
   display: flex;
   align-items: center;
@@ -153,19 +153,19 @@
 
 /* Size variants for remove button */
 .k-multiselect-sm .k-multiselect-selected-item-remove {
-  font-size: calc(var(--text-size-sm) * 0.85);
+  font-size: calc(var(--k-text-size-sm) * 0.85);
 }
 
 .k-multiselect-md .k-multiselect-selected-item-remove {
-  font-size: calc(var(--text-size-md) * 0.85);
+  font-size: calc(var(--k-text-size-md) * 0.85);
 }
 
 .k-multiselect-lg .k-multiselect-selected-item-remove {
-  font-size: calc(var(--text-size-lg) * 0.85);
+  font-size: calc(var(--k-text-size-lg) * 0.85);
 }
 
 .k-multiselect-selected-item-remove:hover {
-  color: var(--danger-color);
+  color: var(--k-danger-color-text);
 }
 
 /* Dropdown */
@@ -175,12 +175,12 @@
   left: 0;
   right: 0;
   margin-top: 0.25rem;
-  background-color: var(--background-color-light);
-  border: 0.0625rem solid var(--border-color);
+  background-color: var(--k-background-color-light);
+  border: 0.0625rem solid var(--k-border-color);
   border-radius: 0.375rem;
   box-shadow:
-    0 0.25rem 0.375rem -0.0625rem var(--shadow-color),
-    0 0.125rem 0.25rem -0.125rem var(--shadow-color);
+    0 0.25rem 0.375rem -0.0625rem var(--k-shadow-color),
+    0 0.125rem 0.25rem -0.125rem var(--k-shadow-color);
   z-index: 1000;
   max-height: 20rem;
   display: flex;
@@ -190,16 +190,19 @@
 /* Search input */
 .k-multiselect-search-container {
   padding: 0.5rem;
-  border-bottom: 0.0625rem solid var(--border-color);
+  border-bottom: 0.0625rem solid var(--k-border-color);
   display: flex;
   gap: 0.5rem;
   align-items: center;
 }
 
 /* Bulk actions */
+/* Buttons allow min-width: 0, so without this the search input squeezes them
+   down to their padding and the icons render a few pixels wide. */
 .k-multiselect-bulk-actions {
   display: flex;
   gap: 0.25rem;
+  flex-shrink: 0;
 }
 
 /* Options list */
@@ -221,31 +224,31 @@
 }
 
 .k-multiselect-option-sm {
-  font-size: var(--text-size-sm);
+  font-size: var(--k-text-size-sm);
   padding: 0.375rem 0.75rem;
 }
 
 .k-multiselect-option-md {
-  font-size: var(--text-size-md);
+  font-size: var(--k-text-size-md);
   padding: 0.5rem 1rem;
 }
 
 .k-multiselect-option-lg {
-  font-size: var(--text-size-lg);
+  font-size: var(--k-text-size-lg);
   padding: 0.625rem 1.25rem;
 }
 
 .k-multiselect-option:hover {
-  background-color: var(--background-color-dark);
+  background-color: var(--k-background-color-dark);
 }
 
 .k-multiselect-option-selected {
-  background-color: var(--background-color-dark);
-  color: var(--text-color);
+  background-color: var(--k-background-color-dark);
+  color: var(--k-text-color);
 }
 
 .k-multiselect-option-selected:hover {
-  background-color: var(--background-color-hover);
+  background-color: var(--k-background-color-hover);
 }
 
 .k-multiselect-option-label {
@@ -253,13 +256,18 @@
 }
 
 .k-multiselect-check {
-  color: var(--text-color);
+  color: var(--k-text-color);
   font-size: 0.875rem;
 }
 
 .k-multiselect-no-results {
   text-align: center;
-  color: var(--text-color-secondary);
+  color: var(--k-text-color-secondary);
   font-style: italic;
   padding: 1rem;
 }
+
+.k-multiselect-option-highlighted {
+  background-color: var(--k-background-color-hover);
+  box-shadow: inset 0 0 0 0.125rem var(--k-border-color-active);
+}

package/dist/components/inputs/multiSelect/utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Stable React keys for a list of items: an item's `value` field when it has
+ * one, otherwise its label. Repeats get an occurrence suffix so keys stay
+ * unique.
+ */
+export declare const itemKeys: <T>(items: T[], labelKey: keyof T) => string[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/inputs/multiSelect/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multiSelect/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,UAAU,MAAM,CAAC,KAAG,MAAM,EAYjE,CAAC"}

package/dist/components/inputs/multiSelect/utils.js

@@ -0,0 +1,18 @@
+/**
+ * Stable React keys for a list of items: an item's `value` field when it has
+ * one, otherwise its label. Repeats get an occurrence suffix so keys stay
+ * unique.
+ */
+export const itemKeys = (items, labelKey) => {
+    const seen = new Map();
+    return items.map((item) => {
+        const id = typeof item === "object" && item !== null && "value" in item
+            ? item.value
+            : item[labelKey];
+        const base = String(id);
+        const count = seen.get(base) ?? 0;
+        seen.set(base, count + 1);
+        return count === 0 ? base : `${base}#${count}`;
+    });
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/inputs/multiSelect/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/inputs/multiSelect/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAI,KAAU,EAAE,QAAiB,EAAY,EAAE;IACrE,MAAM,IAAI,GAAG,IAAI,GAAG,EAAkB,CAAC;IACvC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACxB,MAAM,EAAE,GACN,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,IAAI,OAAO,IAAI,IAAI;YAC1D,CAAC,CAAE,IAA2B,CAAC,KAAK;YACpC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrB,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;QACxB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;QAC1B,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,KAAK,EAAE,CAAC;IACjD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/components/inputs/phoneInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/phoneInput/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AAGxE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,cAAc,CAAC;AACtB,OAAO,EAEL,WAAW,EAIZ,MAAM,mBAAmB,CAAC;AAE3B,UAAU,eAAgB,SAAQ,aAAa;IAC7C,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mEAAmE;IACnE,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CACrD;AA2BD,QAAA,MAAM,UAAU,GAAI,OAAO,eAAe,gCA6KzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/phoneInput/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AAGxE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,cAAc,CAAC;AACtB,OAAO,EAEL,WAAW,EAIZ,MAAM,mBAAmB,CAAC;AAE3B,UAAU,eAAgB,SAAQ,aAAa;IAC7C,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mEAAmE;IACnE,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CACrD;AA2BD,QAAA,MAAM,UAAU,GAAI,OAAO,eAAe,gCAyLzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/inputs/phoneInput/index.js

@@ -38,6 +38,7 @@ const PhoneInput = (props) => {
     useEffect(() => {
         if (value === lastEmittedRef.current)
             return;
+        lastEmittedRef.current = value;
         if (!value) {
             setDisplay("");
             return;
@@ -47,6 +48,9 @@ const PhoneInput = (props) => {
             setCountry(parsed.country);
             setDisplay(parsed.formatNational());
         }
+        else if (parsed) {
+            setDisplay(parsed.formatNational());
+        }
         else {
             const formatter = new AsYouType(country);
             setDisplay(formatter.input(value));
@@ -76,13 +80,17 @@ const PhoneInput = (props) => {
         const formatter = new AsYouType(country);
         const formatted = formatter.input(raw);
         const nationalDigits = formatter.getNationalNumber();
+        const nextCountry = formatter.getCountry() ?? country;
+        setCountry(nextCountry);
         setDisplay(formatted);
-        emit(nationalDigits, country);
+        emit(nationalDigits, nextCountry);
     };
     const handleCountrySelect = (cc) => {
         setCountry(cc);
         setPickerOpen(false);
-        const digits = display.replace(/\D/g, "");
+        const current = new AsYouType(country);
+        current.input(display);
+        const digits = current.getNationalNumber();
         if (digits) {
             const formatter = new AsYouType(cc);
             const formatted = formatter.input(digits);
@@ -113,7 +121,7 @@ const PhoneInput = (props) => {
                 dial.includes(q.replace(/^\+/, "")));
         });
     }, [orderedCountries, search]);
-    const prefix = (_jsxs("div", { ref: pickerRef, className: "k-phone-input-picker", children: [_jsxs("button", { type: "button", className: "k-phone-input-picker-trigger", onClick: () => !disabled && setPickerOpen((o) => !o), disabled: disabled, "aria-label": `Country: ${countryName(country)}`, "aria-expanded": pickerOpen, children: [_jsx("span", { className: "k-phone-input-flag", children: flagEmoji(country) }), _jsxs("span", { className: "k-phone-input-dial", children: ["+", getCountryCallingCode(country)] }), _jsx(FontAwesomeIcon, { icon: faCaretDown, className: "k-phone-input-caret" })] }), pickerOpen && (_jsxs("div", { className: "k-phone-input-panel", children: [_jsxs("div", { className: "k-phone-input-search", children: [_jsx(FontAwesomeIcon, { icon: faSearch }), _jsx("input", { ref: searchRef, type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search country or code" })] }), _jsxs("ul", { className: "k-phone-input-list", role: "listbox", children: [filteredCountries.map((cc) => (_jsx("li", { children: _jsxs("button", { type: "button", className: `k-phone-input-option ${cc === country ? "selected" : ""}`, onClick: () => handleCountrySelect(cc), role: "option", "aria-selected": cc === country, children: [_jsx("span", { className: "k-phone-input-flag", children: flagEmoji(cc) }), _jsx("span", { className: "k-phone-input-name", children: countryName(cc) }), _jsxs("span", { className: "k-phone-input-dial", children: ["+", getCountryCallingCode(cc)] })] }) }, cc))), filteredCountries.length === 0 && (_jsx("li", { className: "k-phone-input-empty", children: "No matches" }))] })] }))] }));
+    const prefix = (_jsxs("div", { ref: pickerRef, className: "k-phone-input-picker", children: [_jsxs("button", { type: "button", className: "k-phone-input-picker-trigger", onClick: () => !disabled && setPickerOpen((o) => !o), disabled: disabled, "aria-label": `+${getCountryCallingCode(country)} ${countryName(country)}, change country`, "aria-expanded": pickerOpen, children: [_jsx("span", { className: "k-phone-input-flag", "aria-hidden": "true", children: flagEmoji(country) }), _jsxs("span", { className: "k-phone-input-dial", children: ["+", getCountryCallingCode(country)] }), _jsx(FontAwesomeIcon, { icon: faCaretDown, className: "k-phone-input-caret" })] }), pickerOpen && (_jsxs("div", { className: "k-phone-input-panel", children: [_jsxs("div", { className: "k-phone-input-search", children: [_jsx(FontAwesomeIcon, { icon: faSearch }), _jsx("input", { ref: searchRef, type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search country or code", "aria-label": "Search country or code" })] }), _jsxs("ul", { className: "k-phone-input-list", role: "listbox", children: [filteredCountries.map((cc) => (_jsx("li", { children: _jsxs("button", { type: "button", className: `k-phone-input-option ${cc === country ? "selected" : ""}`, onClick: () => handleCountrySelect(cc), role: "option", "aria-selected": cc === country, children: [_jsx("span", { className: "k-phone-input-flag", children: flagEmoji(cc) }), _jsx("span", { className: "k-phone-input-name", children: countryName(cc) }), _jsxs("span", { className: "k-phone-input-dial", children: ["+", getCountryCallingCode(cc)] })] }) }, cc))), filteredCountries.length === 0 && (_jsx("li", { className: "k-phone-input-empty", children: "No matches" }))] })] }))] }));
     return (_jsx(Input, { ...restProps, size: size, type: "tel", value: display, onChange: handleInputChange, disabled: disabled, placeholder: placeholder ?? "(555) 555-5555", prefix: prefix, autoComplete: "tel-national" }));
 };
 export default PhoneInput;

package/dist/components/inputs/phoneInput/index.js.map

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

package/dist/components/inputs/phoneInput/styles.css

@@ -13,7 +13,7 @@
   padding: 0 0.5rem 0 0;
   margin: 0;
   cursor: pointer;
-  color: var(--text-color);
+  color: var(--k-text-color);
   font: inherit;
 }
 
@@ -29,12 +29,12 @@
 
 .k-phone-input-dial {
   font-variant-numeric: tabular-nums;
-  color: var(--text-color-secondary, var(--text-color));
+  color: var(--k-text-color-secondary, var(--k-text-color));
 }
 
 .k-phone-input-caret {
   font-size: 0.75em;
-  color: var(--text-color-secondary, var(--text-color));
+  color: var(--k-text-color-secondary, var(--k-text-color));
 }
 
 .k-phone-input-panel {
@@ -43,10 +43,10 @@
   left: -0.5rem;
   width: 18rem;
   max-height: 20rem;
-  background-color: var(--background-color);
-  border: 1px solid var(--border-color);
+  background-color: var(--k-background-color);
+  border: 1px solid var(--k-border-color);
   border-radius: 0.5rem;
-  box-shadow: 0 0.375rem 1.25rem var(--shadow-color);
+  box-shadow: 0 0.375rem 1.25rem var(--k-shadow-color);
   z-index: 100;
   display: flex;
   flex-direction: column;
@@ -58,8 +58,8 @@
   align-items: center;
   gap: 0.5rem;
   padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid var(--border-color);
-  color: var(--text-color-secondary, var(--text-color));
+  border-bottom: 1px solid var(--k-border-color);
+  color: var(--k-text-color-secondary, var(--k-text-color));
 }
 
 .k-phone-input-search input {
@@ -67,7 +67,7 @@
   border: none;
   outline: none;
   background: transparent;
-  color: var(--text-color);
+  color: var(--k-text-color);
   font: inherit;
 }
 
@@ -88,19 +88,19 @@
   background: transparent;
   border: none;
   cursor: pointer;
-  color: var(--text-color);
+  color: var(--k-text-color);
   font: inherit;
   text-align: left;
 }
 
 .k-phone-input-option:hover,
 .k-phone-input-option:focus-visible {
-  background-color: var(--hover-color, var(--border-color));
+  background-color: var(--k-background-color-hover);
   outline: none;
 }
 
 .k-phone-input-option.selected {
-  background-color: var(--hover-color, var(--border-color));
+  background-color: var(--k-background-color-hover);
 }
 
 .k-phone-input-name {
@@ -112,7 +112,7 @@
 
 .k-phone-input-empty {
   padding: 0.75rem;
-  color: var(--text-color-secondary, var(--text-color));
+  color: var(--k-text-color-secondary, var(--k-text-color));
   text-align: center;
   font-size: 0.875rem;
 }

package/dist/components/inputs/radioGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radioGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,MAAM;IACrC,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,eAAe,CAAC,CAAC,GAAG,MAAM;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,OAAO,eAAe,CAAC,CAAC,CAAC,gCAoBvE,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radioGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,MAAM;IACrC,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,eAAe,CAAC,CAAC,GAAG,MAAM;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,OAAO,eAAe,CAAC,CAAC,CAAC,gCAqBvE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/inputs/radioGroup/index.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import OptionsGroup from "../../forms/optionsGroup/index.js";
 const RadioGroup = (props) => {
     const { disabled = false, required = false } = props;
-    return (_jsx(OptionsGroup, { label: props.label, required: required, children: props.options.map((option, index) => (_jsxs("label", { className: "k-options-group-option", children: [_jsx("input", { type: "radio", name: props.name, value: String(option.value), checked: props.value === option.value, onChange: () => props.onChange(option.value), disabled: disabled }), option.label] }, index))) }));
+    return (_jsx(OptionsGroup, { label: props.label, required: required, role: "radiogroup", children: props.options.map((option, index) => (_jsxs("label", { className: "k-options-group-option", children: [_jsx("input", { type: "radio", name: props.name, value: String(option.value), checked: props.value === option.value, onChange: () => props.onChange(option.value), disabled: disabled, required: required }), option.label] }, index))) }));
 };
 export default RadioGroup;
 //# sourceMappingURL=index.js.map

package/dist/components/inputs/radioGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/radioGroup/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,YAAY,MAAM,mCAAmC,CAAC;AAkB7D,MAAM,UAAU,GAAG,CAA4B,KAAyB,EAAE,EAAE;IAC1E,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAErD,OAAO,CACL,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,YACjD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,iBAAmB,SAAS,EAAC,wBAAwB,aACnD,gBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3B,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,EACrC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,QAAQ,EAAE,QAAQ,GAClB,EACD,MAAM,CAAC,KAAK,KATH,KAAK,CAUT,CACT,CAAC,GACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/radioGroup/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,YAAY,MAAM,mCAAmC,CAAC;AAkB7D,MAAM,UAAU,GAAG,CAA4B,KAAyB,EAAE,EAAE;IAC1E,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAErD,OAAO,CACL,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,YAAY,YACpE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,iBAAmB,SAAS,EAAC,wBAAwB,aACnD,gBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3B,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,EACrC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,EACD,MAAM,CAAC,KAAK,KAVH,KAAK,CAWT,CACT,CAAC,GACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/inputs/richTextEditor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/richTextEditor/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/C,OAAO,cAAc,CAAC;AAWtB,UAAU,mBAAoB,SAAQ,aAAa;IACjD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qDAAqD;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCAyNjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/richTextEditor/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,cAAc,CAAC;AAWtB,UAAU,mBAAoB,SAAQ,aAAa;IACjD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qDAAqD;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCA+OjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/inputs/richTextEditor/index.js

@@ -4,9 +4,9 @@ import { useEditor, EditorContent, useEditorState } from "@tiptap/react";
 import MandatoryAsterisk from "../../forms/requiredAsterisk/index.js";
 import IconButton from "../../buttons/iconButton/index.js";
 import Tooltip from "../../feedback/tooltip/index.js";
+import { useState, useEffect, useId } from "react";
 import { Placeholder } from "@tiptap/extensions";
 import StarterKit from "@tiptap/starter-kit";
-import { useState, useEffect } from "react";
 import "./styles.css";
 import { faUnderline, faTextSlash, faItalic, faListUl, faListOl, faBold, faCode, } from "@fortawesome/free-solid-svg-icons";
 const RichTextEditor = (props) => {
@@ -14,7 +14,9 @@ const RichTextEditor = (props) => {
     const [showHtml, setShowHtml] = useState(false);
     const [charCount, setCharCount] = useState(0);
     const [isInitialized, setIsInitialized] = useState(false);
-    const fieldId = props.id || `richtext-${Math.random().toString(36).substring(2, 9)}`;
+    const generatedId = useId();
+    const fieldId = props.id || `richtext-${generatedId}`;
+    const labelId = `${fieldId}-label`;
     const cleanHtml = (html) => {
         // Remove trailing empty <p></p> tags
         let cleanedHtml = html.replace(/(<p><\/p>)+$/g, "");
@@ -30,6 +32,10 @@ const RichTextEditor = (props) => {
         return cleanedHtml;
     };
     const editor = useEditor({
+        // TipTap would create the editor during render outside Next.js but after
+        // mount inside it (warning in dev). Always after mount, so `editor` starts
+        // null everywhere and the null handling below has one code path.
+        immediatelyRender: false,
         extensions: [
             StarterKit,
             Placeholder.configure({
@@ -37,6 +43,15 @@ const RichTextEditor = (props) => {
             }),
         ],
         content: props.value,
+        editorProps: {
+            attributes: {
+                "aria-multiline": "true",
+                ...(props.required ? { "aria-required": "true" } : {}),
+                ...(props.label
+                    ? { "aria-labelledby": labelId }
+                    : { "aria-label": props.placeholder ?? "Rich text editor" }),
+            },
+        },
         editable: !disabled,
         autofocus: props.autofocus,
         onUpdate: ({ editor }) => {
@@ -53,16 +68,15 @@ const RichTextEditor = (props) => {
     });
     const editorState = useEditorState({
         editor,
-        selector: ({ editor }) => {
-            return {
-                isBold: editor.isActive("bold"),
-                isItalic: editor.isActive("italic"),
-                isUnderlined: editor.isActive("underline"),
-                isBulletedList: editor.isActive("bulletList"),
-                isNumberedList: editor.isActive("orderedList"),
-            };
-        },
+        selector: ({ editor }) => ({
+            isBold: editor?.isActive("bold") ?? false,
+            isItalic: editor?.isActive("italic") ?? false,
+            isUnderlined: editor?.isActive("underline") ?? false,
+            isBulletedList: editor?.isActive("bulletList") ?? false,
+            isNumberedList: editor?.isActive("orderedList") ?? false,
+        }),
     });
+    const toolbarDisabled = !editor || showHtml || disabled;
     useEffect(() => {
         if (editor) {
             editor.setEditable(!disabled);
@@ -80,27 +94,23 @@ const RichTextEditor = (props) => {
             const cleanedCurrent = cleanHtml(currentHtml) || "";
             const cleanedNew = cleanHtml(newValue) || "";
             if (cleanedCurrent !== cleanedNew) {
-                // Temporarily mark as not initialized to prevent onChange from firing
-                // during external content sync
-                setIsInitialized(false);
-                editor.commands.setContent(newValue);
-                // Re-enable after a short delay to allow content to settle
-                setTimeout(() => setIsInitialized(true), 0);
+                // An outside value isn't an edit, so don't echo it back to onChange.
+                editor.commands.setContent(newValue, { emitUpdate: false });
             }
             const textContent = editor.state.doc.textContent;
             setCharCount(textContent.length);
         }
     }, [props.value, editor]);
-    return (_jsxs("div", { className: `k-richtext-container k-richtext-container-${size}`, children: [props.label && (_jsxs("div", { className: "k-richtext-label-wrapper", children: [_jsxs("label", { htmlFor: fieldId, className: "k-richtext-label", children: [props.label, props.required && _jsx(MandatoryAsterisk, {})] }), props.showCharCount && (_jsx("span", { className: "k-richtext-char-count", children: charCount }))] })), _jsxs("div", { id: fieldId, className: `k-editor-wrapper ${disabled ? "k-editor-wrapper-disabled" : ""}`, children: [_jsxs("div", { className: "k-editor-toolbar", children: [_jsx(Tooltip, { content: "Bold", position: "top", children: _jsx(IconButton, { icon: faBold, size: size, variant: editorState.isBold ? "primary" : "secondary", onClick: () => editor.chain().focus().toggleBold().run(), disabled: showHtml || disabled }) }), _jsx(Tooltip, { content: "Italic", position: "top", children: _jsx(IconButton, { icon: faItalic, size: size, variant: editorState.isItalic ? "primary" : "secondary", onClick: () => editor.chain().focus().toggleItalic().run(), disabled: showHtml || disabled }) }), _jsx(Tooltip, { content: "Underline", position: "top", children: _jsx(IconButton, { icon: faUnderline, size: size, variant: editorState.isUnderlined ? "primary" : "secondary", onClick: () => editor.chain().focus().toggleUnderline().run(), disabled: showHtml || disabled }) }), _jsx("div", { className: "k-toolbar-separator" }), _jsx(Tooltip, { content: "Bullet List", position: "top", children: _jsx(IconButton, { icon: faListUl, size: size, variant: editorState.isBulletedList ? "primary" : "secondary", onClick: () => editor.chain().focus().toggleBulletList().run(), disabled: showHtml || disabled }) }), _jsx(Tooltip, { content: "Numbered List", position: "top", children: _jsx(IconButton, { icon: faListOl, size: size, variant: editorState.isNumberedList ? "primary" : "secondary", onClick: () => editor.chain().focus().toggleOrderedList().run(), disabled: showHtml || disabled }) }), _jsx("div", { className: "k-toolbar-separator" }), _jsx(Tooltip, { content: "Clear Formatting", position: "top", children: _jsx(IconButton, { icon: faTextSlash, size: size, variant: "secondary", onClick: () => {
+    return (_jsxs("div", { className: `k-richtext-container k-richtext-container-${size}`, children: [props.label && (_jsxs("div", { className: "k-richtext-label-wrapper", children: [_jsxs("label", { id: labelId, className: "k-richtext-label", children: [props.label, props.required && _jsx(MandatoryAsterisk, {})] }), props.showCharCount && (_jsx("span", { className: "k-richtext-char-count", children: charCount }))] })), _jsxs("div", { id: fieldId, className: `k-editor-wrapper ${disabled ? "k-editor-wrapper-disabled" : ""}`, children: [_jsxs("div", { className: "k-editor-toolbar", children: [_jsx(Tooltip, { content: "Bold", position: "top", children: _jsx(IconButton, { icon: faBold, "aria-label": "Bold", "aria-pressed": editorState?.isBold, size: size, variant: editorState?.isBold ? "primary" : "secondary", onClick: () => editor?.chain().focus().toggleBold().run(), disabled: toolbarDisabled }) }), _jsx(Tooltip, { content: "Italic", position: "top", children: _jsx(IconButton, { icon: faItalic, "aria-label": "Italic", "aria-pressed": editorState?.isItalic, size: size, variant: editorState?.isItalic ? "primary" : "secondary", onClick: () => editor?.chain().focus().toggleItalic().run(), disabled: toolbarDisabled }) }), _jsx(Tooltip, { content: "Underline", position: "top", children: _jsx(IconButton, { icon: faUnderline, "aria-label": "Underline", "aria-pressed": editorState?.isUnderlined, size: size, variant: editorState?.isUnderlined ? "primary" : "secondary", onClick: () => editor?.chain().focus().toggleUnderline().run(), disabled: toolbarDisabled }) }), _jsx("div", { className: "k-toolbar-separator" }), _jsx(Tooltip, { content: "Bullet List", position: "top", children: _jsx(IconButton, { icon: faListUl, "aria-label": "Bullet list", "aria-pressed": editorState?.isBulletedList, size: size, variant: editorState?.isBulletedList ? "primary" : "secondary", onClick: () => editor?.chain().focus().toggleBulletList().run(), disabled: toolbarDisabled }) }), _jsx(Tooltip, { content: "Numbered List", position: "top", children: _jsx(IconButton, { icon: faListOl, "aria-label": "Numbered list", "aria-pressed": editorState?.isNumberedList, size: size, variant: editorState?.isNumberedList ? "primary" : "secondary", onClick: () => editor?.chain().focus().toggleOrderedList().run(), disabled: toolbarDisabled }) }), _jsx("div", { className: "k-toolbar-separator" }), _jsx(Tooltip, { content: "Clear Formatting", position: "top", children: _jsx(IconButton, { icon: faTextSlash, "aria-label": "Clear formatting", size: size, variant: "secondary", onClick: () => {
                                         editor
-                                            .chain()
+                                            ?.chain()
                                             .focus()
                                             .selectAll()
                                             .clearNodes()
                                             .unsetAllMarks()
                                             .setTextSelection(0)
                                             .run();
-                                    }, disabled: showHtml || disabled }) }), _jsx("div", { className: "k-toolbar-separator" }), _jsx(Tooltip, { content: showHtml ? "Show Editor" : "Show HTML", position: "top", children: _jsx(IconButton, { icon: faCode, size: size, variant: showHtml ? "primary" : "secondary", onClick: () => setShowHtml(!showHtml), disabled: disabled }) })] }), showHtml && editor ? (_jsx("pre", { className: "k-html-section", children: (() => {
+                                    }, disabled: toolbarDisabled }) }), _jsx("div", { className: "k-toolbar-separator" }), _jsx(Tooltip, { content: showHtml ? "Show Editor" : "Show HTML", position: "top", children: _jsx(IconButton, { icon: faCode, "aria-label": showHtml ? "Show editor" : "Show HTML", size: size, variant: showHtml ? "primary" : "secondary", onClick: () => setShowHtml(!showHtml), disabled: !editor || disabled }) })] }), showHtml && editor ? (_jsx("pre", { className: "k-html-section", children: (() => {
                             const cleaned = cleanHtml(editor?.getHTML());
                             return cleaned
                                 ? cleaned