@infonomic/uikit 6.4.0 → 6.5.1

package/dist/components/inputs/autocomplete_module.css

@@ -0,0 +1,312 @@
+@layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  :is(.autocomplete-wrapper-JirsmI, .infonomic-autocomplete-wrapper) {
+    gap: var(--gap-1);
+    flex-direction: column;
+    display: flex;
+  }
+
+  :is(.input-nIzHob, .infonomic-autocomplete-input) {
+    outline-offset: 2px;
+    gap: var(--gap-2);
+    width: 100%;
+    transition: all var(--transition-normal);
+    border-radius: var(--border-radius-sm);
+    border: none;
+    outline: 1px solid #0000;
+    align-items: center;
+    font-weight: normal;
+    display: inline-flex;
+  }
+
+  :is(.input-nIzHob:focus, .input-nIzHob:active, .infonomic-autocomplete-input:focus, .infonomic-autocomplete-input:active) {
+    outline-color: var(--ring-color);
+  }
+
+  :is(.input-nIzHob:disabled, .input-nIzHob[disabled], .infonomic-autocomplete-input:disabled, .infonomic-autocomplete-input[disabled]) {
+    pointer-events: none;
+  }
+
+  :is(.sm-m41uwR, .infonomic-autocomplete-input-sm) {
+    min-height: 32px;
+    padding: .25rem .5rem;
+    font-size: .875rem;
+    line-height: 0;
+  }
+
+  :is(.md-pauitB, .infonomic-autocomplete-input-md) {
+    min-height: 36px;
+    padding: .3rem .5rem;
+    font-size: 1rem;
+    line-height: 0;
+  }
+
+  :is(.lg-XirY1c, .infonomic-autocomplete-input-lg) {
+    min-height: 40px;
+    padding: .4rem .5rem;
+    font-size: 1.175rem;
+    line-height: 0;
+  }
+
+  :is(.outlined-Sg0shm, .infonomic-autocomplete-input-outlined) {
+    border: 1px solid var(--input-variant-outlined-border);
+    background-color: #0000;
+  }
+
+  :is(.outlined-Sg0shm:hover, .infonomic-autocomplete-input-outlined:hover) {
+    border: 1px solid var(--input-variant-outlined-hover-border);
+  }
+
+  :is(.outlined-Sg0shm:focus, .outlined-Sg0shm:active, .infonomic-autocomplete-input-outlined:focus, .infonomic-autocomplete-input-outlined:active) {
+    --ring-color: var(--input-variant-outline-ring-color);
+  }
+
+  :is(.underlined-TOTDkZ, .infonomic-autocomplete-input-underlined) {
+    border-bottom: 1px solid var(--input-variant-underlined-border);
+    gap: var(--gap-1);
+    background-color: var(--input-variant-underlined);
+    border-radius: 0;
+  }
+
+  .underlined-TOTDkZ.sm-m41uwR {
+    min-height: 26px;
+    padding: .25rem .1rem;
+  }
+
+  .infonomic-autocomplete-input-underlined.infonomic-autocomplete-input-sm {
+    min-height: 26px;
+    padding: .25rem .1rem;
+  }
+
+  .underlined-TOTDkZ.md-pauitB {
+    min-height: 30px;
+    padding: .25rem .1rem;
+  }
+
+  .infonomic-autocomplete-input-underlined.infonomic-autocomplete-input-md {
+    min-height: 30px;
+    padding: .25rem .1rem;
+  }
+
+  .underlined-TOTDkZ.lg-XirY1c {
+    min-height: 34px;
+    padding: 0 .1rem;
+  }
+
+  .infonomic-autocomplete-input-underlined.infonomic-autocomplete-input-lg {
+    min-height: 34px;
+    padding: 0 .1rem;
+  }
+
+  :is(.underlined-TOTDkZ:hover, .infonomic-autocomplete-input-underlined:hover) {
+    border-bottom: 1px solid var(--input-variant-underlined-hover-border);
+  }
+
+  :is(.underlined-TOTDkZ:focus, .underlined-TOTDkZ:active, .infonomic-autocomplete-input-underlined:focus, .infonomic-autocomplete-input-underlined:active) {
+    outline: none;
+  }
+
+  :is(.filled-LBQC5g, .infonomic-autocomplete-input-filled) {
+    background-color: var(--input-variant-filled);
+  }
+
+  :is(.error-Wyckbu, .infonomic-autocomplete-input-error), :is(.error-Wyckbu:hover, .infonomic-autocomplete-input-error:hover) {
+    border: 1px solid var(--red-400);
+  }
+
+  :is(.error-Wyckbu:focus, .error-Wyckbu:active, .infonomic-autocomplete-input-error:focus, .infonomic-autocomplete-input-error:active) {
+    --ring-color: var(--red-300);
+  }
+
+  :is(.primary-j2veZ2, .infonomic-autocomplete-input-primary) {
+    --input-variant-outlined-border: var(--stroke-primary);
+    --input-variant-outlined-hover-border: var(--stroke-primary-hover);
+    --input-variant-outline-ring-color: var(--ring-primary);
+    --input-variant-underlined-border: var(--stroke-primary);
+    --input-variant-underlined-hover-border: var(--stroke-primary-hover);
+    --input-variant-filled: var(--fill-primary-weak);
+  }
+
+  :is(.secondary-zC8OiE, .infonomic-autocomplete-input-secondary) {
+    --input-variant-outlined-border: var(--stroke-secondary);
+    --input-variant-outlined-hover-border: var(--stroke-secondary-hover);
+    --input-variant-outline-ring-color: var(--ring-secondary);
+    --input-variant-underlined-border: var(--stroke-secondary);
+    --input-variant-underlined-hover-border: var(--stroke-secondary-hover);
+    --input-variant-filled: var(--fill-secondary-weak);
+  }
+
+  :is(.noeffect-sFS4eb, .infonomic-autocomplete-input-noeffect) {
+    --input-variant-outlined-border: var(--stroke-noeffect);
+    --input-variant-outlined-hover-border: var(--stroke-noeffect-hover);
+    --input-variant-outline-ring-color: var(--ring-noeffect);
+    --input-variant-underlined-border: var(--stroke-noeffect);
+    --input-variant-underlined-hover-border: var(--stroke-noeffect-hover);
+    --input-variant-filled: var(--fill-noeffect-weak);
+  }
+
+  :is(.success-rkhMDk, .infonomic-autocomplete-input-success) {
+    --input-variant-outlined-border: var(--stroke-success);
+    --input-variant-outlined-hover-border: var(--stroke-success-hover);
+    --input-variant-outline-ring-color: var(--ring-success);
+    --input-variant-underlined-border: var(--stroke-success);
+    --input-variant-underlined-hover-border: var(--stroke-success-hover);
+    --input-variant-filled: var(--fill-success-weak);
+  }
+
+  :is(.info-Fnv8u5, .infonomic-autocomplete-input-info) {
+    --input-variant-outlined-border: var(--stroke-info);
+    --input-variant-outlined-hover-border: var(--stroke-info-hover);
+    --input-variant-outline-ring-color: var(--ring-info);
+    --input-variant-underlined-border: var(--stroke-info);
+    --input-variant-underlined-hover-border: var(--stroke-info-hover);
+    --input-variant-filled: var(--fill-info-weak);
+  }
+
+  :is(.warning-MCe1Jq, .infonomic-autocomplete-input-warning) {
+    --input-variant-outlined-border: var(--stroke-warning);
+    --input-variant-outlined-hover-border: var(--stroke-warning-hover);
+    --input-variant-outline-ring-color: var(--ring-warning);
+    --input-variant-underlined-border: var(--stroke-warning);
+    --input-variant-underlined-hover-border: var(--stroke-warning-hover);
+    --input-variant-filled: var(--fill-warning-weak);
+  }
+
+  :is(.danger-uyUS1z, .infonomic-autocomplete-input-danger) {
+    --input-variant-outlined-border: var(--stroke-danger);
+    --input-variant-outlined-hover-border: var(--stroke-danger-hover);
+    --input-variant-outline-ring-color: var(--ring-danger);
+    --input-variant-underlined-border: var(--stroke-danger);
+    --input-variant-underlined-hover-border: var(--stroke-danger-hover);
+    --input-variant-filled: var(--fill-danger-weak);
+  }
+
+  :is(.positioner-LkIIwT, .infonomic-autocomplete-positioner) {
+    z-index: 50;
+    outline: 0;
+  }
+
+  :is(.popup-MGvAiW, .infonomic-autocomplete-popup) {
+    z-index: 50;
+    border: 1px solid var(--surface-panel-border);
+    box-shadow: var(--shadow-md);
+    border-radius: var(--border-radius-md);
+    background-color: var(--surface-panel-elevated);
+    width: var(--anchor-width);
+    max-height: min(23rem, var(--available-height));
+    max-width: var(--available-width);
+    margin-top: 2px;
+    padding: 6px;
+  }
+
+  .popup-sm-Fk47F5 {
+    padding: 4px;
+  }
+
+  .popup-md-zIhzgb {
+    padding: 6px;
+  }
+
+  .popup-lg-hTq8_O {
+    padding: 8px;
+  }
+
+  :is(.list-U6_3IW, .infonomic-autocomplete-list) {
+    box-sizing: border-box;
+    overscroll-behavior: contain;
+    max-height: min(23rem, var(--available-height));
+    outline: 0;
+    padding-block: .25rem;
+    scroll-padding-block: .25rem;
+    overflow-y: auto;
+  }
+
+  :is(.list-U6_3IW[data-empty], .infonomic-autocomplete-list[data-empty]) {
+    padding: 0;
+  }
+
+  :is(.autocomplete-item-GHvdpB, .infonomic-autocomplete-item) {
+    -webkit-user-select: none;
+    user-select: none;
+    cursor: default;
+    color: var(--surface-item-text);
+    background-color: var(--surface-item);
+    padding-block: .5rem;
+    border-radius: 6px;
+    outline: 0;
+    align-items: center;
+    padding-left: .75rem;
+    padding-right: .75rem;
+    font-size: 1rem;
+    line-height: 1;
+    display: flex;
+    position: relative;
+  }
+
+  .autocomplete-item-GHvdpB[data-disabled] {
+    color: var(--surface-item-text-disabled);
+    pointer-events: none;
+  }
+
+  .infonomic-autocomplete-item[data-disabled] {
+    color: var(--surface-item-text-disabled);
+    pointer-events: none;
+  }
+
+  .autocomplete-item-GHvdpB[data-highlighted] {
+    background-color: var(--surface-item-hover);
+    color: var(--surface-item-text-hover);
+    outline: none;
+  }
+
+  .infonomic-autocomplete-item[data-highlighted] {
+    background-color: var(--surface-item-hover);
+    color: var(--surface-item-text-hover);
+    outline: none;
+  }
+
+  .popup-sm-Fk47F5 .autocomplete-item-GHvdpB {
+    padding-block: .375rem;
+    border-radius: 4px;
+    padding-left: .5rem;
+    padding-right: .5rem;
+    font-size: .75rem;
+  }
+
+  .popup-md-zIhzgb .autocomplete-item-GHvdpB {
+    font-size: .875rem;
+  }
+
+  .popup-lg-hTq8_O .autocomplete-item-GHvdpB {
+    padding-block: .625rem;
+    border-radius: 8px;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    font-size: 1.125rem;
+  }
+
+  :is(.group-label-yz4GS8, .infonomic-autocomplete-group-label) {
+    color: var(--muted);
+    text-transform: uppercase;
+    letter-spacing: .05em;
+    padding: .375rem .75rem;
+    font-size: .75rem;
+    font-weight: 600;
+  }
+
+  :is(.separator-sgreyb, .infonomic-autocomplete-separator) {
+    background-color: var(--surface-panel-border);
+    height: 1px;
+    margin: .375rem .75rem;
+  }
+
+  :is(.empty-xvhK78:not(:empty), .infonomic-autocomplete-empty:not(:empty)) {
+    box-sizing: border-box;
+    color: var(--muted);
+    padding: 1rem;
+    font-size: .925rem;
+    line-height: 1;
+  }
+}
+

package/dist/components/inputs/calendar.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
 import { Select } from "@base-ui/react/select";
 import classnames from "classnames";
 import { DayPicker } from "react-day-picker";
@@ -8,6 +7,7 @@ import { ChevronsUpDown } from "../../icons/chevrons-up-down.js";
 import { Button } from "../button/button.js";
 import { ScrollArea } from "../scroll-area/scroll-area.js";
 import calendar_module from "./calendar.module.js";
+import * as __rspack_external_react from "react";
 function Calendar({ ref, className, classNames, hideNavigation, showOutsideDays = true, components: customComponents, ...props }) {
     const _monthsClassName = classnames(calendar_module.months, props.monthsClassName);
     const _monthCaptionClassName = classnames(calendar_module["months-caption"], props.monthCaptionClassName);
@@ -29,7 +29,7 @@ function Calendar({ ref, className, classNames, hideNavigation, showOutsideDays
     const _outsideClassName = classnames(calendar_module.outside, props.outsideClassName);
     const _disabledClassName = classnames(calendar_module.disabled, props.disabledClassName);
     const _hiddenClassName = classnames(calendar_module.hidden, props.hiddenClassName);
-    const Dropdown = useCallback(({ value, onChange, options })=>{
+    const Dropdown = __rspack_external_react.useCallback(({ value, onChange, options })=>{
         const selected = options?.find((option)=>option.value === value);
         const handleChange = (newValue)=>{
             const changeEvent = {

package/dist/components/inputs/index.js

@@ -1,3 +1,4 @@
+export * from "./autocomplete.js";
 export * from "./checkbox.js";
 export * from "./help-text.js";
 export * from "./input.js";

package/dist/components/notifications/@types/alert.js

@@ -0,0 +1 @@
+export { };

package/dist/components/notifications/@types/toast.js

@@ -0,0 +1 @@
+export { };

package/dist/components/pager/hooks/types/usePagination.js

@@ -0,0 +1 @@
+export { };

package/dist/components/tooltip/tooltip_module.css

@@ -45,7 +45,7 @@
 
   :is(.tooltip-arrow-a77zEa, .infonomic-tooltip-arrow)[data-side="bottom"] {
     top: -6px;
-    rotate: none;
+    rotate: 0deg;
   }
 
   :is(.tooltip-arrow-a77zEa, .infonomic-tooltip-arrow)[data-side="left"] {

package/dist/icons/types/icon.js

@@ -0,0 +1 @@
+export { };

package/dist/loaders/@types/index.js

@@ -0,0 +1 @@
+export { };

package/dist/react.d.ts

@@ -19,6 +19,7 @@ export * from './components/chips/chip.js';
 export * from './components/container/container.js';
 export * from './components/dropdown/dropdown.js';
 export * from './components/hamburger/hamburger.js';
+export * from './components/inputs/autocomplete.jsx';
 export * from './components/inputs/calendar.jsx';
 export * from './components/inputs/checkbox.jsx';
 export * from './components/inputs/checkbox-group.jsx';

package/dist/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"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"}

package/dist/react.js

@@ -14,6 +14,7 @@ export * from "./components/chips/chip.js";
 export * from "./components/container/container.js";
 export * from "./components/dropdown/dropdown.js";
 export * from "./components/hamburger/hamburger.js";
+export * from "./components/inputs/autocomplete.js";
 export * from "./components/inputs/calendar.js";
 export * from "./components/inputs/checkbox.js";
 export * from "./components/inputs/checkbox-group.js";

package/dist/utils/polymorphic.js

@@ -0,0 +1 @@
+export { };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@infonomic/uikit",
   "private": false,
   "license": "MIT",
-  "version": "6.4.0",
+  "version": "6.5.1",
   "type": "module",
   "description": "Infonomic UI kit is a collection of reusable UI components and utilities for React and Astro.",
   "keywords": [
@@ -57,46 +57,50 @@
       "default": "./dist/styles/components-vanilla.css"
     }
   },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
   "dependencies": {
-    "@base-ui/react": "^1.0.0",
+    "@base-ui/react": "^1.4.0",
     "classnames": "^2.5.1",
     "date-fns": "^4.1.0",
     "motion": "^12.38.0",
     "npm-run-all": "^4.1.5",
     "prism-react-renderer": "^2.4.1",
-    "react": "19.2.4",
     "react-day-picker": "^9.14.0",
-    "react-dom": "19.2.4",
     "zod": "^4.3.6",
     "zod-form-data": "^3.0.1"
   },
   "devDependencies": {
     "@astrojs/check": "0.9.8",
-    "@astrojs/node": "10.0.3",
-    "@biomejs/biome": "2.4.8",
+    "@astrojs/node": "10.0.5",
+    "@biomejs/biome": "2.4.12",
     "@rsbuild/plugin-react": "^1.4.6",
-    "@rslib/core": "^0.20.0",
-    "@storybook/addon-a11y": "^10.3.1",
-    "@storybook/addon-docs": "^10.3.1",
-    "@storybook/addon-links": "^10.3.1",
-    "@storybook/addon-themes": "^10.3.1",
-    "@storybook/react-vite": "^10.3.1",
+    "@rslib/core": "^0.21.2",
+    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-links": "^10.3.5",
+    "@storybook/addon-themes": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
     "@types/lodash": "^4.17.24",
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.6.0",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
-    "astro": "6.0.8",
+    "astro": "6.1.7",
     "chokidar": "^5.0.0",
-    "eslint-plugin-storybook": "^10.3.1",
+    "eslint-plugin-storybook": "^10.3.5",
     "lightningcss": "^1.32.0",
     "lightningcss-cli": "^1.32.0",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
     "rimraf": "^6.1.3",
-    "storybook": "^10.3.1",
-    "typescript": "5.9.3",
+    "storybook": "^10.3.5",
+    "typescript": "6.0.2",
     "typescript-plugin-css-modules": "^5.2.0",
-    "vite": "^8.0.1",
-    "vitest": "^4.1.0"
+    "vite": "^8.0.8",
+    "vitest": "^4.1.4"
   },
   "publishConfig": {
     "access": "public",

package/src/components/inputs/@types/autocomplete.ts

@@ -0,0 +1,39 @@
+import type { Intent as t } from '../../@types/shared.js'
+
+/**
+ * Available visual style variants for the Autocomplete input.
+ */
+export const variant = ['outlined', 'filled', 'underlined'] as const
+
+/**
+ * Visual style variant of the autocomplete input field.
+ *
+ * - `outlined`   — full border on all sides with a transparent background (default)
+ * - `filled`     — tinted background
+ * - `underlined` — bottom border only, no background (minimal style)
+ *
+ * @default 'outlined'
+ */
+export type Variant = (typeof variant)[number]
+
+/**
+ * Available size tokens for the Autocomplete component.
+ */
+export const size = ['sm', 'md', 'lg'] as const
+
+/**
+ * Visual size of the autocomplete component.
+ *
+ * - `sm` — compact, suitable for inline forms or dense layouts
+ * - `md` — standard form size (default)
+ * - `lg` — large, prominent input
+ *
+ * @default 'md'
+ */
+export type Size = (typeof size)[number]
+
+/**
+ * Semantic color intent applied to the autocomplete border and focus ring.
+ * @default 'primary'
+ */
+export type Intent = 'primary' | t