@kosmeo-ui/react 0.2.0 → 1.0.1

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

@@ -10,57 +10,135 @@
 }
 
 .k-select {
-  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;
   line-height: 1.5;
   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;
 }
 
 .k-select-sm {
-  font-size: var(--text-size-sm);
+  font-size: var(--k-text-size-sm);
   padding: 0.69rem 0.75rem;
 }
 
 .k-select-md {
-  font-size: var(--text-size-md);
+  font-size: var(--k-text-size-md);
   padding: 0.84rem 1rem;
 }
 
 .k-select-lg {
-  font-size: var(--text-size-lg);
+  font-size: var(--k-text-size-lg);
   padding: 0.98rem 1.25rem;
 }
 
 .k-select:focus {
   outline: none;
-  border-color: var(--primary-color);
-  box-shadow: 0 0 0 2px var(--border-shadow-color-active);
+  border-color: var(--k-primary-color);
+  box-shadow: 0 0 0 2px var(--k-border-shadow-color-active);
 }
 
 .k-select:disabled {
-  background-color: var(--background-color-disabled);
-  color: var(--text-color-disabled);
+  background-color: var(--k-background-color-disabled);
+  color: var(--k-text-color-disabled);
   cursor: not-allowed;
-  border-color: var(--border-color-disabled);
+  border-color: var(--k-border-color-disabled);
 }
 
 .k-select option {
-  color: var(--text-color);
-  background-color: var(--background-color);
+  color: var(--k-text-color);
+  background-color: var(--k-background-color);
   padding: 0.5rem;
 }
 
 .k-select:invalid {
-  border-color: var(--danger-color);
+  border-color: var(--k-danger-color);
 }
 
 .k-select:hover:not(:disabled) {
-  border-color: var(--border-color-hover);
+  border-color: var(--k-border-color-hover);
+}
+
+/* A native picker opens wherever the OS puts it (macOS lays the selected
+   option over the field). Where customizable <select> is supported, the
+   picker opens below the field and takes the theme instead; elsewhere the
+   native picker remains. */
+@supports (appearance: base-select) {
+  .k-select,
+  .k-select::picker(select) {
+    appearance: base-select;
+  }
+
+  /* The browser's filled triangle, swapped for the chevron MultiSelect and
+     SearchSelect show (FontAwesome chevron-down), sized and colored alike. */
+  .k-select::picker-icon {
+    content: "";
+    align-self: center;
+    width: 0.875em;
+    height: 1em;
+    background-color: var(--k-text-color-secondary);
+    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E")
+      center / contain no-repeat;
+    transition:
+      background-color 0.2s ease-in-out,
+      rotate 0.2s ease-in-out;
+  }
+
+  .k-select-sm::picker-icon {
+    font-size: 0.75rem;
+  }
+
+  .k-select-md::picker-icon {
+    font-size: 0.875rem;
+  }
+
+  .k-select-lg::picker-icon {
+    font-size: 1rem;
+  }
+
+  .k-select:hover:not(:disabled)::picker-icon {
+    background-color: var(--k-primary-color-text);
+  }
+
+  .k-select:open::picker-icon {
+    rotate: 180deg;
+  }
+
+  .k-select::picker(select) {
+    margin-top: 0.25rem;
+    padding: 0.25rem 0;
+    border: 0.0625rem solid var(--k-border-color);
+    border-radius: 0.375rem;
+    background-color: var(--k-background-color-light);
+    box-shadow:
+      0 0.25rem 0.375rem -0.0625rem var(--k-shadow-color),
+      0 0.125rem 0.25rem -0.125rem var(--k-shadow-color);
+  }
+
+  .k-select option {
+    padding: 0.5rem 1rem;
+    background-color: transparent;
+    cursor: pointer;
+  }
+
+  .k-select option:hover,
+  .k-select option:focus-visible {
+    outline: none;
+    background-color: var(--k-background-color-hover);
+  }
+
+  .k-select option:checked {
+    background-color: var(--k-primary-color-background-light);
+  }
+
+  .k-select option:disabled {
+    color: var(--k-text-color-disabled);
+    cursor: default;
+  }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,UAAU,WAAW;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,gCAsCjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/switch/index.tsx"],"names":[],"mappings":"AAGA,OAAO,cAAc,CAAC;AAEtB,UAAU,WAAW;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,gCAsCjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1,9 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
 import "./styles.css";
 const Switch = (props) => {
     const { labelLocation = "right", disabled = false, isLoading = false, size = "md", } = props;
-    const inputId = props.id || `switch-${Math.random().toString(36).substring(2, 9)}`;
+    const generatedId = useId();
+    const inputId = props.id || `switch-${generatedId}`;
     return (_jsxs("div", { className: `k-switch-container k-switch-${labelLocation}`, children: [props.label && labelLocation === "left" && (_jsx("label", { className: "k-switch-label", htmlFor: inputId, children: props.label })), _jsxs("div", { className: `k-switch-track k-switch-${size}${props.checked ? " k-switch-on" : ""}${disabled || isLoading ? " k-switch-disabled" : ""}${isLoading ? " k-switch-loading" : ""}`, children: [_jsx("input", { id: inputId, type: "checkbox", checked: props.checked, onChange: props.onChange, disabled: disabled || isLoading, className: "k-switch-input" }), _jsx("span", { className: "k-switch-thumb" })] }), props.label && labelLocation === "right" && (_jsx("label", { className: "k-switch-label", htmlFor: inputId, children: props.label }))] }));
 };
 export default Switch;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/switch/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,cAAc,CAAC;AAatB,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpC,MAAM,EACJ,aAAa,GAAG,OAAO,EACvB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,IAAI,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GACX,KAAK,CAAC,EAAE,IAAI,UAAU,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAErE,OAAO,CACL,eAAK,SAAS,EAAE,+BAA+B,aAAa,EAAE,aAC3D,KAAK,CAAC,KAAK,IAAI,aAAa,KAAK,MAAM,IAAI,CAC1C,gBAAO,SAAS,EAAC,gBAAgB,EAAC,OAAO,EAAE,OAAO,YAC/C,KAAK,CAAC,KAAK,GACN,CACT,EACD,eACE,SAAS,EAAE,2BAA2B,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,aAE7K,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,SAAS,EAAC,gBAAgB,GAC1B,EACF,eAAM,SAAS,EAAC,gBAAgB,GAAG,IAC/B,EACL,KAAK,CAAC,KAAK,IAAI,aAAa,KAAK,OAAO,IAAI,CAC3C,gBAAO,SAAS,EAAC,gBAAgB,EAAC,OAAO,EAAE,OAAO,YAC/C,KAAK,CAAC,KAAK,GACN,CACT,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/switch/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,cAAc,CAAC;AAatB,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpC,MAAM,EACJ,aAAa,GAAG,OAAO,EACvB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,IAAI,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,IAAI,UAAU,WAAW,EAAE,CAAC;IAEpD,OAAO,CACL,eAAK,SAAS,EAAE,+BAA+B,aAAa,EAAE,aAC3D,KAAK,CAAC,KAAK,IAAI,aAAa,KAAK,MAAM,IAAI,CAC1C,gBAAO,SAAS,EAAC,gBAAgB,EAAC,OAAO,EAAE,OAAO,YAC/C,KAAK,CAAC,KAAK,GACN,CACT,EACD,eACE,SAAS,EAAE,2BAA2B,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,aAE7K,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,SAAS,EAAC,gBAAgB,GAC1B,EACF,eAAM,SAAS,EAAC,gBAAgB,GAAG,IAC/B,EACL,KAAK,CAAC,KAAK,IAAI,aAAa,KAAK,OAAO,IAAI,CAC3C,gBAAO,SAAS,EAAC,gBAAgB,EAAC,OAAO,EAAE,OAAO,YAC/C,KAAK,CAAC,KAAK,GACN,CACT,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -15,7 +15,7 @@
 .k-switch-label {
   font-size: 0.875rem;
   font-weight: 500;
-  color: var(--text-color);
+  color: var(--k-text-color);
   cursor: pointer;
   user-select: none;
 }
@@ -23,13 +23,13 @@
 .k-switch-track {
   position: relative;
   border-radius: 999px;
-  background-color: var(--border-color);
+  background-color: var(--k-border-color);
   cursor: pointer;
   transition: background-color 0.2s ease-in-out;
 }
 
 .k-switch-track.k-switch-on {
-  background-color: var(--success-color);
+  background-color: var(--k-success-color);
 }
 
 /* Size: md (default) */
@@ -70,7 +70,7 @@
 .k-switch-thumb {
   position: absolute;
   border-radius: 50%;
-  background-color: var(--background-color-light);
+  background-color: var(--k-background-color-light);
   transition: transform 0.2s ease-in-out;
   pointer-events: none;
 }
@@ -101,7 +101,7 @@
 
 .k-switch-disabled + .k-switch-label,
 .k-switch-label:has(~ .k-switch-track.k-switch-disabled) {
-  color: var(--text-color-disabled);
+  color: var(--k-text-color-disabled);
   cursor: not-allowed;
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/textArea/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,cAAc,CAAC;AAEtB,UAAU,aAAc,SAAQ,aAAa;IAC3C,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gGAAgG;IAChG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACrC,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IACzD,uEAAuE;IACvE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACvD,wEAAwE;IACxE,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACtD,2FAA2F;IAC3F,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;IAC5D,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,QAAQ,GAAI,OAAO,aAAa,gCAwFrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/textArea/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,cAAc,CAAC;AAEtB,UAAU,aAAc,SAAQ,aAAa;IAC3C,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gGAAgG;IAChG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACrC,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IACzD,uEAAuE;IACvE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACvD,wEAAwE;IACxE,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACtD,2FAA2F;IAC3F,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;IAC5D,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,QAAQ,GAAI,OAAO,aAAa,gCAwFrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1,13 +1,14 @@
 "use client";
 import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import FieldShell from "../../forms/fieldShell/index.js";
-import { useEffect, useRef } from "react";
+import { useEffect, useId, useRef } from "react";
 import "./styles.css";
 const TextArea = (props) => {
     const { size = "md", disabled = false, required = false, autoExpand = false, maxRows = 5, rows = 3, } = props;
     const textareaRef = useRef(null);
     const internalRef = props.ref || textareaRef;
-    const inputId = props.id || `input-${Math.random().toString(36).substring(2, 9)}`;
+    const generatedId = useId();
+    const inputId = props.id || `input-${generatedId}`;
     const adjustHeight = () => {
         if (!autoExpand)
             return;

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

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

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

@@ -1,8 +1,8 @@
 .k-textarea {
-  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;
-  color: var(--text-color);
+  color: var(--k-text-color);
   width: 100%;
   box-sizing: border-box;
   transition:
@@ -14,34 +14,34 @@
 }
 
 .k-textarea-sm {
-  font-size: var(--text-size-sm);
+  font-size: var(--k-text-size-sm);
   padding: 0.5rem 0.75rem;
 }
 
 .k-textarea-md {
-  font-size: var(--text-size-md);
+  font-size: var(--k-text-size-md);
   padding: 0.625rem 1rem;
 }
 
 .k-textarea-lg {
-  font-size: var(--text-size-lg);
+  font-size: var(--k-text-size-lg);
   padding: 0.75rem 1.25rem;
 }
 
 .k-textarea::placeholder {
-  color: var(--text-color-secondary);
+  color: var(--k-text-color-secondary);
   opacity: 0.7;
 }
 
 .k-textarea: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-textarea:disabled {
-  background-color: var(--bg-color-disabled);
-  color: var(--text-color-disabled);
+  background-color: var(--k-background-color-disabled);
+  color: var(--k-text-color-disabled);
   cursor: not-allowed;
   opacity: 0.6;
   resize: none;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/typeahead/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,cAAc,CAAC;AAEtB,UAAU,qBAAqB;IAC7B,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,KAAK,kBAAkB,CAAC,CAAC,IAAI;IAC3B,sEAAsE;IACtE,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,8DAA8D;IAC9D,QAAQ,EAAE,CAAC,cAAc,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvE,uEAAuE;IACvE,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mFAAmF;IACnF,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,iGAAiG;IACjG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8FAA8F;IAC9F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,aAAa,CAAC;AAElB,KAAK,0BAA0B,CAAC,CAAC,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG;IAC3D,uEAAuE;IACvE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEF,KAAK,8BAA8B,CAAC,CAAC,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG;IAC/D,uEAAuE;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,sEAAsE;IACtE,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,qBAAqB,CAAC;CACpD,CAAC;AAEF,KAAK,cAAc,CAAC,CAAC,IACnB,0BAA0B,CAAC,CAAC,CAAC,GAAG,8BAA8B,CAAC,CAAC,CAAC,CAAC;AAEpE;;;;;;;;;;;;;GAaG;AAEH,QAAA,MAAM,SAAS,GAAI,CAAC,EAAG,OAAO,cAAc,CAAC,CAAC,CAAC,gCA+R9C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/typeahead/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsC,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,cAAc,CAAC;AAEtB,UAAU,qBAAqB;IAC7B,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,KAAK,kBAAkB,CAAC,CAAC,IAAI;IAC3B,sEAAsE;IACtE,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,8DAA8D;IAC9D,QAAQ,EAAE,CAAC,cAAc,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvE,uEAAuE;IACvE,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mFAAmF;IACnF,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,iGAAiG;IACjG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8FAA8F;IAC9F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,aAAa,CAAC;AAElB,KAAK,0BAA0B,CAAC,CAAC,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG;IAC3D,uEAAuE;IACvE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEF,KAAK,8BAA8B,CAAC,CAAC,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG;IAC/D,uEAAuE;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,sEAAsE;IACtE,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,qBAAqB,CAAC;CACpD,CAAC;AAEF,KAAK,cAAc,CAAC,CAAC,IACnB,0BAA0B,CAAC,CAAC,CAAC,GAAG,8BAA8B,CAAC,CAAC,CAAC,CAAC;AAEpE;;;;;;;;;;;;;GAaG;AAEH,QAAA,MAAM,SAAS,GAAI,CAAC,EAAG,OAAO,cAAc,CAAC,CAAC,CAAC,gCA6T9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import useFloatingPosition from "../../../hooks/useFloatingPosition.js";
+import { useEffect, useId, useRef, useState } from "react";
 import useScrollIntoView from "../../../hooks/useScrollIntoView.js";
 import useListKeyboard from "../../../hooks/useListKeyboard.js";
 import useOutsideClick from "../../../hooks/useOutsideClick.js";
-import { useEffect, useRef, useState } from "react";
 import Portal from "../../overlays/portal/index.js";
 import Input from "../input/index.js";
 import "./styles.css";
@@ -50,6 +50,8 @@ const Typeahead = (props) => {
     const isSelectingOption = useRef(false);
     const observerRef = useRef(null);
     const listRef = useRef(null);
+    const listboxId = `${useId()}-listbox`;
+    const optionId = (index) => `${listboxId}-option-${index}`;
     const { anchorRef: inputWrapperRef, position: dropdownPos } = useFloatingPosition({ isOpen });
     useEffect(() => {
         if (props.value)
@@ -131,6 +133,9 @@ const Typeahead = (props) => {
         displayCount,
         filteredOptions.length,
         displayedOptions,
+        // The list mounts a render after opening, once it has a position; without
+        // this, nothing else may change then and the observer never attaches.
+        !!dropdownPos,
     ]);
     const handleInputChange = (e) => {
         const newValue = e.target.value;
@@ -208,25 +213,35 @@ const Typeahead = (props) => {
     });
     // Reset the refs array before each render
     optionRefs.current = [];
-    const dropdownList = isOpen && dropdownPos ? (_jsx("ul", { ref: listRef, className: `k-typeahead-options-list k-typeahead-options-list-portal ${longDropDown
+    const hasOptions = displayedOptions.length > 0;
+    const showList = isOpen && !!dropdownPos;
+    const dropdownList = showList ? (_jsx("ul", { ref: listRef, ...(hasOptions
+            ? {
+                id: listboxId,
+                role: "listbox",
+                "aria-label": props.label ?? props.placeholder,
+            }
+            : { role: "presentation" }), className: `k-typeahead-options-list k-typeahead-options-list-portal ${longDropDown
             ? "k-typeahead-options-list-large"
             : "k-typeahead-options-list-small"}`, style: {
             position: "fixed",
             top: dropdownPos.top,
             left: dropdownPos.left,
             width: dropdownPos.width,
-        }, children: displayedOptions.length > 0 ? (_jsxs(_Fragment, { children: [displayedOptions.map((option, index) => (_jsx("li", { ref: (el) => {
+        }, children: hasOptions ? (_jsxs(_Fragment, { children: [displayedOptions.map((option, index) => (_jsx("li", { ref: (el) => {
                         optionRefs.current[index] = el;
-                    }, className: `k-typeahead-option k-typeahead-option-${size} ${index === highlightedIndex
+                    }, id: optionId(index), role: "option", "aria-selected": index === highlightedIndex, className: `k-typeahead-option k-typeahead-option-${size} ${index === highlightedIndex
                         ? "k-typeahead-option-highlighted"
                         : ""}`, onMouseDown: (e) => {
                         e.preventDefault();
                         handleOptionClick(option, e);
                     }, onMouseOver: () => setHighlightedIndex(index), children: getOptionContent(option) }, index))), props.lazyLoad &&
-                    displayedOptions.length < filteredOptions.length && (_jsx("li", { className: "k-typeahead-sentinel k-typeahead-loading", children: "Loading more..." }))] })) : (_jsx("li", { className: `k-typeahead-no-results-item k-typeahead-option-${size}`, children: props.options.length === 0
+                    displayedOptions.length < filteredOptions.length && (_jsx("li", { className: "k-typeahead-sentinel k-typeahead-loading", "aria-hidden": "true", children: "Loading more..." }))] })) : (_jsx("li", { role: "status", className: `k-typeahead-no-results-item k-typeahead-option-${size}`, children: props.options.length === 0
                 ? "No options available"
                 : "No matches found" })) })) : null;
-    return (_jsxs("div", { className: `k-typeahead-dropdown-container`, ref: dropdownRef, children: [_jsx("div", { className: "k-typeahead-input-wrapper", ref: inputWrapperRef, children: _jsx(Input, { id: props.id, label: props.label, required: required, size: size, placeholder: props.placeholder, value: inputValue, onChange: handleInputChange, onBlur: handleInputBlur, onKeyDown: handleKeyDown, onClick: handleInputClick, isOpen: isOpen, disabled: disabled, dropDown: true }) }), _jsx(Portal, { children: dropdownList })] }));
+    return (_jsxs("div", { className: `k-typeahead-dropdown-container`, ref: dropdownRef, children: [_jsx("div", { className: "k-typeahead-input-wrapper", ref: inputWrapperRef, children: _jsx(Input, { id: props.id, label: props.label, required: required, size: size, placeholder: props.placeholder, value: inputValue, onChange: handleInputChange, onBlur: handleInputBlur, onKeyDown: handleKeyDown, onClick: handleInputClick, isOpen: isOpen, disabled: disabled, dropDown: true, role: "combobox", "aria-autocomplete": "list", "aria-expanded": showList, "aria-controls": showList && hasOptions ? listboxId : undefined, "aria-activedescendant": showList && highlightedIndex > -1
+                        ? optionId(highlightedIndex)
+                        : undefined }) }), _jsx(Portal, { children: dropdownList })] }));
 };
 export default Typeahead;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/typeahead/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,mBAAmB,MAAM,uCAAuC,CAAC;AACxE,OAAO,iBAAiB,MAAM,qCAAqC,CAAC;AACpE,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAC/D,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAEpD,OAAO,KAAK,MAAM,mBAAmB,CAAC;AACtC,OAAO,cAAc,CAAC;AAqDtB;;;;;;;;;;;;;GAaG;AAEH,MAAM,SAAS,GAAG,CAAK,KAAwB,EAAE,EAAE;IACjD,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,KAAK,EACpB,OAAO,GAAG,KAAK,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAAG,CAAC,MAAS,EAAU,EAAE;QAC3C,IAAI,KAAK,CAAC,YAAY;YAAE,OAAO,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC;aAC3D,IAAI,KAAK,CAAC,QAAQ;YAAE,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC/D,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,MAAS,EAAa,EAAE;QAChD,IAAI,KAAK,CAAC,YAAY;YAAE,OAAO,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC;aAC1D,IAAI,KAAK,CAAC,QAAQ;YAAE,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;QACvD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAC/C,CAAC;IACF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAM,EAAE,CAAC,CAAC;IAChE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAM,EAAE,CAAC,CAAC;IAClE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;IAC7E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,MAAM,CAA2B,EAAE,CAAC,CAAC;IACxD,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,WAAW,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC/C,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,WAAW,EAAE,GACzD,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,KAAK;YAAE,aAAa,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;;YACvD,aAAa,CAAC,EAAE,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,qFAAqF;QACrF,IAAI,UAAU,IAAI,CAAC,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;YAC5C,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAC/C,cAAc,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CACxE,CAAC;YACF,kBAAkB,CAAC,QAAQ,CAAC,CAAC;QAC/B,CAAC;aAAM,IAAI,CAAC,UAAU,IAAI,CAAC,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;YACpD,mBAAmB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;aAAM,IAAI,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;YACpC,kBAAkB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;aAAM,IAAI,UAAU,IAAI,YAAY,EAAE,CAAC;YACtC,6BAA6B;YAC7B,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAC/C,cAAc,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CACxE,CAAC;YACF,kBAAkB,CAAC,QAAQ,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,kBAAkB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;QACD,6CAA6C;QAC7C,eAAe,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;IAC9C,CAAC,EAAE;QACD,UAAU;QACV,KAAK,CAAC,OAAO;QACb,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,QAAQ;QACd,MAAM;QACN,OAAO;QACP,YAAY;KACb,CAAC,CAAC;IAEH,iDAAiD;IACjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,mBAAmB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC;QAC9D,CAAC;;YAAM,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,eAAe,EAAE,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEpD,iBAAiB,CAAC,UAAU,EAAE,gBAAgB,EAAE,MAAM,CAAC,CAAC;IAExD,eAAe,CAAC,CAAC,WAAW,EAAE,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IAEhE,gDAAgD;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAO;QAErD,6BAA6B;QAC7B,IAAI,WAAW,CAAC,OAAO;YAAE,WAAW,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QAE1D,MAAM,gBAAgB,GAAG,CAAC,OAAoC,EAAE,EAAE;YAChE,MAAM,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC;YACxB,IAAI,KAAK,CAAC,cAAc,IAAI,YAAY,GAAG,eAAe,CAAC,MAAM,EAAE,CAAC;gBAClE,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE,CACvB,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,QAAQ,EAAE,eAAe,CAAC,MAAM,CAAC,CAClD,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;QAEF,WAAW,CAAC,OAAO,GAAG,IAAI,oBAAoB,CAAC,gBAAgB,EAAE;YAC/D,IAAI,EAAE,OAAO,CAAC,OAAO;YACrB,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,GAAG;SACf,CAAC,CAAC;QAEH,6CAA6C;QAC7C,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;QACxE,IAAI,QAAQ;YAAE,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAEpD,OAAO,GAAG,EAAE;YACV,IAAI,WAAW,CAAC,OAAO;gBAAE,WAAW,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,MAAM;QACN,KAAK,CAAC,QAAQ;QACd,YAAY;QACZ,eAAe,CAAC,MAAM;QACtB,gBAAgB;KACjB,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACnE,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxB,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,IAAI,KAAK,CAAC,cAAc;YAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QACzD,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;QAExB,IAAI,QAAQ,KAAK,EAAE;YAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,MAAS,EAAE,KAAwB,EAAE,EAAE;QAChE,2DAA2D;QAC3D,0DAA0D;QAC1D,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YAC9C,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YAC9B,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,OAAO;QACT,CAAC;QAED,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;QACjC,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;QACtC,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAC9B,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;QACxB,UAAU,CAAC,GAAG,EAAE;YACd,iBAAiB,CAAC,OAAO,GAAG,KAAK,CAAC;QACpC,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,QAAQ;YAAE,OAAO;QACrB,MAAM,SAAS,GAAG,CAAC,MAAM,CAAC;QAC1B,SAAS,CAAC,SAAS,CAAC,CAAC;QACrB,IAAI,SAAS,EAAE,CAAC;YACd,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;QAED,IAAI,CAAC,UAAU;YAAE,kBAAkB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,iBAAiB,CAAC,OAAO;gBAAE,OAAO;YACtC,IACE,WAAW,CAAC,OAAO;gBACnB,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EACrD,CAAC;gBACD,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;gBACxB,SAAS,CAAC,KAAK,CAAC,CAAC;gBAEjB,MAAM,iBAAiB,GAAG,KAAK,CAAC,KAAK;oBACnC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC;oBAC7B,CAAC,CAAC,EAAE,CAAC;gBACP,IAAI,UAAU,KAAK,iBAAiB;oBAAE,OAAO;gBAE7C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CACnC,CAAC,GAAG,EAAE,EAAE,CACN,cAAc,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,UAAU,CAAC,WAAW,EAAE,CACjE,CAAC;gBAEF,IAAI,UAAU,EAAE,CAAC;oBACf,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;oBAC3B,aAAa,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;gBAC5C,CAAC;qBAAM,IAAI,UAAU,KAAK,EAAE;oBAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;;oBAC9C,aAAa,CAAC,iBAAiB,CAAC,CAAC;YACxC,CAAC;QACH,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,eAAe,CAAC;QACpC,MAAM;QACN,MAAM,EAAE,gBAAgB,CAAC,MAAM;QAC/B,gBAAgB;QAChB,mBAAmB;QACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC/D,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;QAC/B,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC;IAEH,0CAA0C;IAC1C,UAAU,CAAC,OAAO,GAAG,EAAE,CAAC;IAExB,MAAM,YAAY,GAChB,MAAM,IAAI,WAAW,CAAC,CAAC,CAAC,CACtB,aACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,4DACT,YAAY;YACV,CAAC,CAAC,gCAAgC;YAClC,CAAC,CAAC,gCACN,EAAE,EACF,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,WAAW,CAAC,GAAG;YACpB,IAAI,EAAE,WAAW,CAAC,IAAI;YACtB,KAAK,EAAE,WAAW,CAAC,KAAK;SACzB,YAEA,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC7B,8BACG,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,aACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;wBACV,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;oBACjC,CAAC,EAED,SAAS,EAAE,yCAAyC,IAAI,IACtD,KAAK,KAAK,gBAAgB;wBACxB,CAAC,CAAC,gCAAgC;wBAClC,CAAC,CAAC,EACN,EAAE,EACF,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;wBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,iBAAiB,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;oBAC/B,CAAC,EACD,WAAW,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,YAE5C,gBAAgB,CAAC,MAAM,CAAC,IAZpB,KAAK,CAaP,CACN,CAAC,EACD,KAAK,CAAC,QAAQ;oBACb,gBAAgB,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,IAAI,CAClD,aAAI,SAAS,EAAC,0CAA0C,gCAEnD,CACN,IACF,CACJ,CAAC,CAAC,CAAC,CACF,aACE,SAAS,EAAE,kDAAkD,IAAI,EAAE,YAElE,KAAK,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;gBACzB,CAAC,CAAC,sBAAsB;gBACxB,CAAC,CAAC,kBAAkB,GACnB,CACN,GACE,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;IAEX,OAAO,CACL,eAAK,SAAS,EAAE,gCAAgC,EAAE,GAAG,EAAE,WAAW,aAChE,cAAK,SAAS,EAAC,2BAA2B,EAAC,GAAG,EAAE,eAAe,YAC7D,KAAC,KAAK,IACJ,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,GACd,GACE,EACN,KAAC,MAAM,cAAE,YAAY,GAAU,IAC3B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/typeahead/index.tsx"],"names":[],"mappings":"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"}

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

@@ -19,8 +19,8 @@
 
 .k-typeahead-options-list-portal {
   z-index: 10000;
-  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-top: none;
   border-radius: 0 0 0.25rem 0.25rem;
   overflow-y: auto;
@@ -28,8 +28,8 @@
   padding: 0;
   margin: 0;
   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);
 }
 
 .k-typeahead-options-list-large {
@@ -43,44 +43,44 @@
 .k-typeahead-option {
   cursor: pointer;
   text-align: left;
-  color: var(--text-color);
+  color: var(--k-text-color);
 }
 
 .k-typeahead-option:hover,
 .k-typeahead-option:focus {
-  background-color: var(--background-color-dark);
+  background-color: var(--k-background-color-dark);
 }
 
 .k-typeahead-no-results-item {
   text-align: center;
-  color: var(--text-color-secondary);
+  color: var(--k-text-color-secondary);
   font-style: italic;
 }
 
 .k-typeahead-option-sm {
-  font-size: var(--text-size-sm);
+  font-size: var(--k-text-size-sm);
   padding: 0.5rem 0.75rem;
 }
 
 .k-typeahead-option-md {
-  font-size: var(--text-size-md);
+  font-size: var(--k-text-size-md);
   padding: 0.75rem 1rem;
 }
 
 .k-typeahead-option-lg {
-  font-size: var(--text-size-lg);
+  font-size: var(--k-text-size-lg);
   padding: 1rem 1.25rem;
 }
 
 .k-typeahead-option-highlighted {
-  background-color: var(--background-color-dark);
+  background-color: var(--k-background-color-dark);
   cursor: pointer;
 }
 
 .k-typeahead-loading {
   text-align: center;
-  color: var(--text-color-secondary);
+  color: var(--k-text-color-secondary);
   font-style: italic;
   padding: 0.75rem 1rem;
-  font-size: var(--text-size-sm);
+  font-size: var(--k-text-size-sm);
 }

package/dist/components/layout/authPage/styles.css

@@ -6,15 +6,15 @@
   justify-content: center;
   gap: 1rem;
   padding: 2rem 1rem;
-  background-color: var(--background-color);
+  background-color: var(--k-background-color);
 }
 
 .k-auth-page-card {
   width: 100%;
-  background: var(--background-color);
-  border: 0.0625rem solid var(--border-color);
+  background: var(--k-background-color);
+  border: 0.0625rem solid var(--k-border-color);
   border-radius: 0.75rem;
-  box-shadow: 0 0.3125rem 0.9375rem var(--shadow-color);
+  box-shadow: 0 0.3125rem 0.9375rem var(--k-shadow-color);
   padding: 2rem;
   display: flex;
   flex-direction: column;
@@ -45,7 +45,7 @@
 .k-auth-page-subtitle {
   margin: 0;
   font-size: 0.875rem;
-  color: var(--text-color);
+  color: var(--k-text-color);
   opacity: 0.75;
 }
 
@@ -57,7 +57,7 @@
 
 .k-auth-page-footer {
   font-size: 0.875rem;
-  color: var(--text-color);
+  color: var(--k-text-color);
   opacity: 0.75;
   text-align: center;
 }

package/dist/components/layout/borderedSection/styles.css

@@ -1,9 +1,9 @@
 .k-bordered-section {
-  border: 1px solid var(--border-color);
+  border: 1px solid var(--k-border-color);
   border-radius: 6px;
   padding: 1rem;
-  background: var(--background-color-light);
-  box-shadow: 0 1px 3px var(--shadow-color);
+  background: var(--k-background-color-light);
+  box-shadow: 0 1px 3px var(--k-shadow-color);
 }
 
 .k-bordered-section-layout-row {