@infonomic/uikit 5.44.0 → 6.0.0

package/dist/components/pager/pagination.d.ts

@@ -37,31 +37,31 @@ export declare const Pagination: {
         displayName: string;
     };
     First: {
-        ({ ref, className, disabled, asChild, children, ...rest }: PagerButtonProps & {
+        ({ ref, className, disabled, render, children, ...rest }: PagerButtonProps & {
             ref?: React.RefObject<RefType>;
         }): React.JSX.Element;
         displayName: string;
     };
     Previous: {
-        ({ ref, className, disabled, asChild, children, ...rest }: PagerButtonProps & {
+        ({ ref, className, disabled, render, children, ...rest }: PagerButtonProps & {
             ref?: React.RefObject<RefType>;
         }): React.JSX.Element;
         displayName: string;
     };
     Number: {
-        ({ ref, page, className, disabled, activeClassName, asChild, children, ...rest }: import("./number-button").NumberButtonProps & {
+        ({ ref, page, className, disabled, activeClassName, render, children, ...rest }: import("./number-button").NumberButtonProps & {
             ref?: React.RefObject<RefType>;
         }): React.JSX.Element;
         displayName: string;
     };
     Next: {
-        ({ ref, className, disabled, page, asChild, children, ...rest }: import("./next-button").NextButtonProps & {
+        ({ ref, className, disabled, page, render, children, ...rest }: import("./next-button").NextButtonProps & {
             ref?: React.RefObject<RefType>;
         }): React.JSX.Element;
         displayName: string;
     };
     Last: {
-        ({ ref, className, disabled, count, asChild, children, ...rest }: import("./last-button").LastButtonProps & {
+        ({ ref, className, disabled, count, render, children, ...rest }: import("./last-button").LastButtonProps & {
             ref?: React.RefObject<RefType>;
         }): React.JSX.Element;
         displayName: string;
@@ -69,19 +69,14 @@ export declare const Pagination: {
     Ellipses: typeof Ellipses;
 };
 export declare function usePager(): PagerContextType;
-export type RefType = React.Ref<HTMLButtonElement> | React.Ref<HTMLElement>;
-type AsButton = {
-    asChild?: false;
-} & React.ComponentRef<'button'>;
-interface AsSlot {
-    asChild?: true;
-}
+export type RefType = HTMLButtonElement | HTMLElement;
 export type PagerButtonProps = {
     className?: string;
     disabled?: boolean;
     children?: React.ReactNode;
+    render?: React.ReactElement;
     onClick?: React.ReactEventHandler<Element> | undefined;
-} & (AsButton | AsSlot);
+};
 export interface PagerProps {
     children?: React.ReactNode;
     renderFirst?: (key: string, item: UsePaginationItem) => React.ReactNode;

package/dist/components/pager/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pager/pagination.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pager/pagination.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAQxC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAMxF,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,iBAAiB,EAAE,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,YAAY,iCAUvB,CAAA;AAKF;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,UAAU;qCAIpB,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;qGAyGnC,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;uFAoD9B,SAAS,GAAG;YACb,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;SACnC;;;;;eArNU,CAAC;;;;;;eAAX,CAAC;;;;;;eAGK,CAAA;;;;;;eAFqB,CAAC;;;;;;eAAO,CAAC;;;;;CA+FpC,CAAA;AAKD,wBAAgB,QAAQ,IAAI,gBAAgB,CAM3C;AAMD,MAAM,MAAM,OAAO,GAAG,iBAAiB,GAAG,WAAW,CAAA;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,GAAG,SAAS,CAAA;CACvD,CAAA;AAID,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAA;IACvE,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAA;IAC1E,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAA;IAC5E,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAA;IACtE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACrF,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;CAClD;AA2DD,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;AACnD,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAE/D,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}

package/dist/components/pager/previous-button.d.ts

@@ -1,7 +1,7 @@
-import type React from 'react';
+import React from 'react';
 import type { PagerButtonProps, RefType } from './pagination';
 export declare const PreviousButton: {
-    ({ ref, className, disabled, asChild, children, ...rest }: PagerButtonProps & {
+    ({ ref, className, disabled, render, children, ...rest }: PagerButtonProps & {
         ref?: React.RefObject<RefType>;
     }): React.JSX.Element;
     displayName: string;

package/dist/components/pager/previous-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"previous-button.d.ts","sourceRoot":"","sources":["../../../src/components/pager/previous-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAE7D,eAAO,MAAM,cAAc;+DAOxB,gBAAgB,GAAG;QACpB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;KAC/B;;CA4BA,CAAA"}
+{"version":3,"file":"previous-button.d.ts","sourceRoot":"","sources":["../../../src/components/pager/previous-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAE7D,eAAO,MAAM,cAAc;8DAOxB,gBAAgB,GAAG;QACpB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;KAC/B;;CA6BA,CAAA"}

package/dist/components/pager/previous-button.js

@@ -1,31 +1,38 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { ChevronLeftIcon } from "@radix-ui/react-icons";
-import { Slot } from "@radix-ui/react-slot";
+import react from "react";
 import classnames from "classnames";
+import { ChevronLeftIcon } from "../../icons/chevron-left-icon.js";
 import { usePager } from "./pagination.js";
 import pagination_module from "./pagination.module.js";
-const PreviousButton = ({ ref, className, disabled, asChild, children, ...rest })=>{
-    const Comp = null != asChild ? Slot : 'button';
+const PreviousButton = ({ ref, className, disabled, render, children, ...rest })=>{
     const { showFirstButton, variant } = usePager();
-    const aria = disabled ? {
-        'aria-disabled': true
-    } : {
-        'aria-label': 'Previous'
+    const sharedProps = {
+        className: classnames(pagination_module["previous-button"], pagination_module[variant], {
+            [pagination_module["rounded-left"]]: null == showFirstButton || false === showFirstButton
+        }, 'pagination-previous', className),
+        disabled,
+        title: 'Previous',
+        'data-testid': 'pagination-previous',
+        ...disabled ? {
+            'aria-disabled': true
+        } : {
+            'aria-label': 'Previous'
+        },
+        ...rest
     };
     return /*#__PURE__*/ jsx("li", {
         className: pagination_module["mobile-toggle"],
-        children: /*#__PURE__*/ jsx(Comp, {
+        children: render ? /*#__PURE__*/ react.cloneElement(render, {
+            ref,
+            ...sharedProps
+        }, children) : /*#__PURE__*/ jsx("button", {
             ref: ref,
-            className: classnames(pagination_module["previous-button"], pagination_module[variant], {
-                [pagination_module["rounded-left"]]: null == showFirstButton || false === showFirstButton
-            }, 'pagination-previous', className),
-            disabled: disabled,
-            title: "Previous",
-            "data-testid": "pagination-previous",
-            ...aria,
-            ...rest,
-            children: asChild ?? false ? children : /*#__PURE__*/ jsx(ChevronLeftIcon, {})
+            ...sharedProps,
+            children: children ?? /*#__PURE__*/ jsx(ChevronLeftIcon, {
+                width: "18px",
+                height: "18px"
+            })
         })
     });
 };

package/dist/components/scroll-area/scroll-area.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
-import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';
-interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
+import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
+interface ScrollAreaProps extends React.ComponentProps<typeof ScrollAreaPrimitive.Root> {
 }
 export declare const ScrollArea: ({ children, style, className }: ScrollAreaProps) => React.JSX.Element;
 export {};

package/dist/components/scroll-area/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAI5D,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;CAAG;AAEpG,eAAO,MAAM,UAAU,GAAI,gCAAgC,eAAe,sBAsBzE,CAAA"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAK9E,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;CAAI;AAE3F,eAAO,MAAM,UAAU,GAAI,gCAAgC,eAAe,sBAsBzE,CAAA"}

package/dist/components/scroll-area/scroll-area.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ScrollArea } from "@base-ui/react/scroll-area";
 import classnames from "classnames";
-import { ScrollArea } from "radix-ui";
 import scroll_area_module from "./scroll-area.module.js";
 const scroll_area_ScrollArea = ({ children, style, className })=>/*#__PURE__*/ jsxs(ScrollArea.Root, {
         style: style,
@@ -8,7 +8,9 @@ const scroll_area_ScrollArea = ({ children, style, className })=>/*#__PURE__*/ j
         children: [
             /*#__PURE__*/ jsx(ScrollArea.Viewport, {
                 className: classnames('infonomic-scroll-area-viewport', scroll_area_module.viewport),
-                children: children
+                children: /*#__PURE__*/ jsx(ScrollArea.Content, {
+                    children: children
+                })
             }),
             /*#__PURE__*/ jsx(ScrollArea.Scrollbar, {
                 className: classnames('infonomic-scroll-area-scrollbar', scroll_area_module.scrollbar),

package/dist/components/tabs/tabs.d.ts

@@ -1,27 +1,27 @@
 import type * as React from 'react';
-import { Tabs as TabsPrimitive } from 'radix-ui';
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
 declare const Tabs: {
-    ({ ref, className, ...props }: React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {
-        ref?: React.RefObject<React.ComponentRef<typeof TabsPrimitive.Root>>;
+    ({ ref, className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root> & {
+        ref?: React.RefObject<HTMLDivElement>;
     }): React.JSX.Element;
-    displayName: string | undefined;
+    displayName: string;
     List: {
-        ({ ref, className, ...props }: React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & {
-            ref?: React.RefObject<React.ComponentRef<typeof TabsPrimitive.List>>;
+        ({ ref, className, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & {
+            ref?: React.RefObject<HTMLDivElement>;
         }): React.JSX.Element;
-        displayName: string | undefined;
+        displayName: string;
     };
     Trigger: {
-        ({ ref, className, ...props }: React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {
-            ref?: React.RefObject<React.ComponentRef<typeof TabsPrimitive.Trigger>>;
+        ({ ref, className, ...props }: React.ComponentProps<typeof TabsPrimitive.Tab> & {
+            ref?: React.RefObject<HTMLButtonElement>;
         }): React.JSX.Element;
-        displayName: string | undefined;
+        displayName: string;
     };
     Content: {
-        ({ ref, className, ...props }: React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> & {
-            ref?: React.RefObject<React.ComponentRef<typeof TabsPrimitive.Content>>;
+        ({ ref, className, keepMounted, ...props }: React.ComponentProps<typeof TabsPrimitive.Panel> & {
+            ref?: React.RefObject<HTMLDivElement>;
         }): React.JSX.Element;
-        displayName: string | undefined;
+        displayName: string;
     };
 };
 export { Tabs };

package/dist/components/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAGnC,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAA;AAIhD,QAAA,MAAM,IAAI;mCAIP,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG;QAC7D,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC,CAAA;KACrE;;;uCAaE,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG;YAC7D,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC,CAAA;SACrE;;;;uCAaE,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG;YAChE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC,CAAA;SACxE;;;;uCAaE,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG;YAChE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC,CAAA;SACxE;;;CAvCA,CAAA;AAqDD,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAK3D,QAAA,MAAM,IAAI;mCAIP,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG;QACnD,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;KACtC;;;uCAaE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG;YACnD,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;SACtC;;;;uCAaE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,GAAG,CAAC,GAAG;YAClD,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;SACzC;;;;oDAcE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,GAAG;YACpD,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;SACtC;;;CAxCA,CAAA;AAsDD,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/tabs/tabs.js

@@ -1,33 +1,33 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
 import classnames from "classnames";
-import { Tabs } from "radix-ui";
 import tabs_module from "./tabs.module.js";
 const tabs_Tabs = ({ ref, className, ...props })=>/*#__PURE__*/ jsx(Tabs.Root, {
         ref: ref,
         className: classnames(tabs_module["tabs-root"], 'infonomic-tabs-root', className),
         ...props
     });
-tabs_Tabs.displayName = Tabs.Root.displayName;
+tabs_Tabs.displayName = 'Tabs';
 const TabsList = ({ ref, className, ...props })=>/*#__PURE__*/ jsx(Tabs.List, {
         ref: ref,
         className: classnames(tabs_module["tabs-list"], 'infonomic-tabs-list', className),
         ...props
     });
-TabsList.displayName = Tabs.List.displayName;
-const TabsTrigger = ({ ref, className, ...props })=>/*#__PURE__*/ jsx(Tabs.Trigger, {
+TabsList.displayName = 'TabsList';
+const TabsTrigger = ({ ref, className, ...props })=>/*#__PURE__*/ jsx(Tabs.Tab, {
         ref: ref,
         className: classnames(tabs_module["tabs-trigger"], 'infonomic-tabs-trigger', className),
         ...props
     });
-TabsTrigger.displayName = Tabs.Trigger.displayName;
-const TabsContent = ({ ref, className, ...props })=>/*#__PURE__*/ jsx(Tabs.Content, {
+TabsTrigger.displayName = 'TabsTrigger';
+const TabsContent = ({ ref, className, keepMounted = true, ...props })=>/*#__PURE__*/ jsx(Tabs.Panel, {
         ref: ref,
-        forceMount: true,
+        keepMounted: keepMounted,
         className: classnames(tabs_module["tabs-content"], 'infonomic-tabs-content', className),
         ...props
     });
-TabsContent.displayName = Tabs.Content.displayName;
+TabsContent.displayName = 'TabsContent';
 tabs_Tabs.List = TabsList;
 tabs_Tabs.Trigger = TabsTrigger;
 tabs_Tabs.Content = TabsContent;

package/dist/components/tabs/tabs.module.css

@@ -1,11 +1,12 @@
 @layer infonomic-base,
-  infonomic-functional,
-  infonomic-utilities,
-  infonomic-theme,
-  infonomic-typography,
-  infonomic-components;
+infonomic-functional,
+infonomic-utilities,
+infonomic-theme,
+infonomic-typography,
+infonomic-components;
 
 @layer infonomic-components {
+
   .tabs-root,
   :global(.infonomic-tabs-root) {
     display: flex;
@@ -38,18 +39,8 @@
     white-space: nowrap;
     width: 100%;
 
-    /* &[data-state="active"] {
-      color: var(----primary-600);
-      box-shadow:
-        inset 0 -1px 0 0 currentColor,
-        0 1px 0 0 currentColor;
-    } */
-
     &:focus {
       position: relative;
-      /* NOTE: will override ring shadows for buttons */
-      /* Will revisit as we're going to rewrite our uikit tabs component */
-      /* box-shadow: 0 0 0 2px black; */
     }
   }
 
@@ -59,7 +50,7 @@
     padding: 6px;
     outline: none;
 
-    &[data-state="inactive"] {
+    &[data-hidden] {
       display: none;
     }
 
@@ -71,4 +62,4 @@
       outline: none;
     }
   }
-}
+}

package/dist/components/tabs/tabs_module.css

@@ -41,7 +41,7 @@
     padding: 6px;
   }
 
-  :is(.tabs-content-d2NTGs, .infonomic-tabs-content)[data-state="inactive"] {
+  :is(.tabs-content-d2NTGs, .infonomic-tabs-content)[data-hidden] {
     display: none;
   }
 

package/dist/components/tooltip/tooltip.d.ts

@@ -1,16 +1,14 @@
 import type React from 'react';
-type TooltipIntrinsicProps = React.JSX.IntrinsicElements['div'];
-export interface TooltipProps extends TooltipIntrinsicProps {
+export interface TooltipProps {
     text: string;
     delay?: number;
-    side?: 'bottom' | 'top' | 'right' | 'left' | undefined;
+    side?: 'bottom' | 'top' | 'right' | 'left';
     sideOffset?: number;
-    disableHoverableContent?: boolean;
+    disableHoverablePopup?: boolean;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
-}
-export declare const Tooltip: ({ ref, text, delay, side, sideOffset, disableHoverableContent, open, onOpenChange, children, }: TooltipProps & {
+    children: React.ReactElement;
     ref?: React.RefObject<HTMLDivElement>;
-}) => React.JSX.Element;
-export {};
+}
+export declare const Tooltip: ({ ref, text, delay, side, sideOffset, disableHoverablePopup, open, onOpenChange, children, }: TooltipProps) => React.JSX.Element;
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/components/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,KAAK,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AAC/D,MAAM,WAAW,YAAa,SAAQ,qBAAqB;IACzD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;IACtD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAID,eAAO,MAAM,OAAO,GAAoB,gGAUrC,YAAY,GAAG;IAChB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,KAAG,KAAK,CAAC,GAAG,CAAC,OAsBb,CAAA"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC;AAqBD,eAAO,MAAM,OAAO,GAAoB,8FAUrC,YAAY,KAAG,KAAK,CAAC,GAAG,CAAC,OAgC3B,CAAA"}

package/dist/components/tooltip/tooltip.js

@@ -1,34 +1,63 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip as tooltip_Tooltip } from "@base-ui/react/tooltip";
 import classnames from "classnames";
-import { Tooltip as external_radix_ui_Tooltip } from "radix-ui";
 import tooltip_module from "./tooltip.module.js";
-const tooltip_Tooltip = function({ ref, text, delay = 500, side = 'top', sideOffset = 0, disableHoverableContent, open, onOpenChange, children }) {
-    return /*#__PURE__*/ jsx(external_radix_ui_Tooltip.Provider, {
-        delayDuration: delay,
-        disableHoverableContent: disableHoverableContent,
-        children: /*#__PURE__*/ jsxs(external_radix_ui_Tooltip.Root, {
+function ArrowSvg(props) {
+    return /*#__PURE__*/ jsxs("svg", {
+        width: "15",
+        height: "8",
+        viewBox: "0 0 20 10",
+        fill: "none",
+        "aria-hidden": true,
+        role: "presentation",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
+                className: tooltip_module["arrow-fill"]
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
+                className: tooltip_module["arrow-outer-stroke"]
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
+                className: tooltip_module["arrow-inner-stroke"]
+            })
+        ]
+    });
+}
+const tooltip_tooltip_Tooltip = function({ ref, text, delay = 500, side = 'top', sideOffset = 10, disableHoverablePopup, open, onOpenChange, children }) {
+    return /*#__PURE__*/ jsx(tooltip_Tooltip.Provider, {
+        delay: delay,
+        children: /*#__PURE__*/ jsxs(tooltip_Tooltip.Root, {
             open: open,
             onOpenChange: onOpenChange,
+            disableHoverablePopup: disableHoverablePopup,
             children: [
-                /*#__PURE__*/ jsx(external_radix_ui_Tooltip.Trigger, {
-                    asChild: true,
-                    children: children
+                /*#__PURE__*/ jsx(tooltip_Tooltip.Trigger, {
+                    render: children
                 }),
-                /*#__PURE__*/ jsxs(external_radix_ui_Tooltip.Content, {
-                    ref: ref,
-                    side: side,
-                    sideOffset: sideOffset,
-                    className: classnames(tooltip_module.tooltip, 'infonomic-tooltip'),
-                    children: [
-                        text,
-                        /*#__PURE__*/ jsx(external_radix_ui_Tooltip.Arrow, {
-                            className: classnames(tooltip_module["tooltip-arrow"], 'infonomic-tooltip-arrow')
+                /*#__PURE__*/ jsx(tooltip_Tooltip.Portal, {
+                    children: /*#__PURE__*/ jsx(tooltip_Tooltip.Positioner, {
+                        ref: ref,
+                        side: side,
+                        sideOffset: sideOffset,
+                        children: /*#__PURE__*/ jsxs(tooltip_Tooltip.Popup, {
+                            className: classnames(tooltip_module.tooltip, 'infonomic-tooltip'),
+                            children: [
+                                /*#__PURE__*/ jsx(tooltip_Tooltip.Arrow, {
+                                    className: classnames(tooltip_module["tooltip-arrow"], 'infonomic-tooltip-arrow'),
+                                    children: /*#__PURE__*/ jsx(ArrowSvg, {})
+                                }),
+                                text
+                            ]
                         })
-                    ]
+                    })
                 })
             ]
         })
     });
 };
-export { tooltip_Tooltip as Tooltip };
+export { tooltip_tooltip_Tooltip as Tooltip };

package/dist/components/tooltip/tooltip.module.css

@@ -1,11 +1,12 @@
 @layer infonomic-base,
-  infonomic-functional,
-  infonomic-utilities,
-  infonomic-theme,
-  infonomic-typography,
-  infonomic-components;
+infonomic-functional,
+infonomic-utilities,
+infonomic-theme,
+infonomic-typography,
+infonomic-components;
 
 @layer infonomic-components {
+
   .tooltip,
   :global(.infonomic-tooltip) {
     font-size: 0.75rem;
@@ -25,24 +26,56 @@
 
   /* Dark mode handled by semantic tokens in theme layer */
 
-  .tooltip[data-state="delayed-open"][data-side="top"] :global {
+  .tooltip[data-open][data-side="top"] :global {
     animation-name: slideDownAndFade;
   }
 
-  .tooltip[data-state="delayed-open"][data-side="right"] :global {
+  .tooltip[data-open][data-side="right"] :global {
     animation-name: slideLeftAndFade;
   }
 
-  .tooltip[data-state="delayed-open"][data-side="left"] :global {
+  .tooltip[data-open][data-side="left"] :global {
     animation-name: slideRightAndFade;
   }
 
-  .tooltip[data-state="delayed-open"][data-side="bottom"] :global {
+  .tooltip[data-open][data-side="bottom"] :global {
     animation-name: slideUpAndFade;
   }
 
   .tooltip-arrow,
   :global(.infonomic-tooltip-arrow) {
+    display: flex;
+
+    &[data-side='top'] {
+      bottom: -6px;
+      rotate: 180deg;
+    }
+
+    &[data-side='bottom'] {
+      top: -6px;
+      rotate: 0deg;
+    }
+
+    &[data-side='left'] {
+      right: -10px;
+      rotate: 90deg;
+    }
+
+    &[data-side='right'] {
+      left: -10px;
+      rotate: -90deg;
+    }
+  }
+
+  .arrow-fill {
+    fill: var(--surface-panel-elevated);
+  }
+
+  .arrow-outer-stroke {
     fill: var(--surface-panel-border);
   }
-}
+
+  .arrow-inner-stroke {
+    fill: var(--surface-panel-elevated);
+  }
+}

package/dist/components/tooltip/tooltip.module.js

@@ -2,6 +2,12 @@ import "./tooltip_module.css";
 const tooltip_module = {
     tooltip: "tooltip-Oc7lRI",
     "tooltip-arrow": "tooltip-arrow-a77zEa",
-    tooltipArrow: "tooltip-arrow-a77zEa"
+    tooltipArrow: "tooltip-arrow-a77zEa",
+    "arrow-fill": "arrow-fill-y4rc3H",
+    arrowFill: "arrow-fill-y4rc3H",
+    "arrow-outer-stroke": "arrow-outer-stroke-PAmoWE",
+    arrowOuterStroke: "arrow-outer-stroke-PAmoWE",
+    "arrow-inner-stroke": "arrow-inner-stroke-VAze2C",
+    arrowInnerStroke: "arrow-inner-stroke-VAze2C"
 };
 export default tooltip_module;

package/dist/components/tooltip/tooltip_module.css

@@ -18,24 +18,56 @@
     line-height: 1;
   }
 
-  .tooltip-Oc7lRI[data-state="delayed-open"][data-side="top"] {
+  .tooltip-Oc7lRI[data-open][data-side="top"] {
     animation-name: slideDownAndFade;
   }
 
-  .tooltip-Oc7lRI[data-state="delayed-open"][data-side="right"] {
+  .tooltip-Oc7lRI[data-open][data-side="right"] {
     animation-name: slideLeftAndFade;
   }
 
-  .tooltip-Oc7lRI[data-state="delayed-open"][data-side="left"] {
+  .tooltip-Oc7lRI[data-open][data-side="left"] {
     animation-name: slideRightAndFade;
   }
 
-  .tooltip-Oc7lRI[data-state="delayed-open"][data-side="bottom"] {
+  .tooltip-Oc7lRI[data-open][data-side="bottom"] {
     animation-name: slideUpAndFade;
   }
 
   :is(.tooltip-arrow-a77zEa, .infonomic-tooltip-arrow) {
+    display: flex;
+  }
+
+  :is(.tooltip-arrow-a77zEa, .infonomic-tooltip-arrow)[data-side="top"] {
+    bottom: -6px;
+    rotate: 180deg;
+  }
+
+  :is(.tooltip-arrow-a77zEa, .infonomic-tooltip-arrow)[data-side="bottom"] {
+    top: -6px;
+    rotate: none;
+  }
+
+  :is(.tooltip-arrow-a77zEa, .infonomic-tooltip-arrow)[data-side="left"] {
+    right: -10px;
+    rotate: 90deg;
+  }
+
+  :is(.tooltip-arrow-a77zEa, .infonomic-tooltip-arrow)[data-side="right"] {
+    left: -10px;
+    rotate: -90deg;
+  }
+
+  .arrow-fill-y4rc3H {
+    fill: var(--surface-panel-elevated);
+  }
+
+  .arrow-outer-stroke-PAmoWE {
     fill: var(--surface-panel-border);
   }
+
+  .arrow-inner-stroke-VAze2C {
+    fill: var(--surface-panel-elevated);
+  }
 }
 

package/dist/hooks/use-focus-trap/index.d.ts

@@ -0,0 +1,2 @@
+export { useFocusTrap } from './use-focus-trap.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-focus-trap/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-focus-trap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/hooks/use-focus-trap/index.js

@@ -0,0 +1 @@
+export { useFocusTrap } from "./use-focus-trap.js";

package/dist/hooks/use-focus-trap/scope-tab.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Scope tab key navigation within a container.
+ *
+ * Based on use-focus-trap from Mantine (https://github.com/mantinedev/mantine)
+ * Original work licensed under the MIT License.
+ * Copyright (c) 2021 Vitaly Rtishchev
+ *
+ * Adapted for use as an internal ESM/TypeScript module.
+ */
+export declare function scopeTab(node: HTMLElement, event: KeyboardEvent): void;
+//# sourceMappingURL=scope-tab.d.ts.map

package/dist/hooks/use-focus-trap/scope-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scope-tab.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-focus-trap/scope-tab.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,QAmC/D"}