@itwin/itwinui-react 5.0.0-alpha.13 → 5.0.0-alpha.14

package/dist/bricks/Chip.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Role } from "@ariakit/react/role";
 import cx from "classnames";
 import * as React from "react";
-import { Role } from "@ariakit/react/role";
-import { forwardRef } from "./~utils.js";
-import { IconButton } from "./IconButton.js";
 import { Dismiss } from "./Icon.js";
+import { IconButton } from "./IconButton.js";
+import { forwardRef } from "./~utils.js";
 const Chip = forwardRef((props, forwardedRef) => {
   const { variant = "solid", onDismiss, label, ...rest } = props;
   const baseId = React.useId();

package/dist/bricks/Description.d.ts

@@ -1,4 +1,4 @@
-import { type BaseProps } from "./~utils.js";
+import type { BaseProps } from "./~utils.js";
 interface DescriptionProps extends BaseProps {
     /**
      * The tone of the description.

package/dist/bricks/Description.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "./~utils.js";
 import cx from "classnames";
 import { Text } from "./Text.js";
+import { forwardRef } from "./~utils.js";
 const Description = forwardRef(
   (props, forwardedRef) => {
     const { tone, ...rest } = props;

package/dist/bricks/Divider.d.ts

@@ -1,5 +1,5 @@
-import { type SeparatorProps } from "@ariakit/react/separator";
-import { type BaseProps } from "./~utils.js";
+import type { SeparatorProps } from "@ariakit/react/separator";
+import type { BaseProps } from "./~utils.js";
 interface DividerProps extends BaseProps<"hr">, Pick<SeparatorProps, "orientation"> {
     /**
      * If true, the divider will be purely presentational and will not have any associated semantics.

package/dist/bricks/Divider.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import cx from "classnames";
 import { Role } from "@ariakit/react/role";
 import { Separator } from "@ariakit/react/separator";
+import cx from "classnames";
 import { forwardRef } from "./~utils.js";
 const Divider = forwardRef((props, forwardedRef) => {
   const { presentational, ...rest } = props;

package/dist/bricks/DropdownMenu.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
-import { type AnyString, type BaseProps, type FocusableProps } from "./~utils.js";
-import { type MenuItemCheckboxProps, type MenuProviderProps } from "@ariakit/react/menu";
-import { type PredefinedSymbol } from "./Kbd.internal.js";
+import type { MenuItemCheckboxProps, MenuProviderProps } from "@ariakit/react/menu";
+import type { PredefinedSymbol } from "./Kbd.internal.js";
+import type { AnyString, BaseProps, FocusableProps } from "./~utils.js";
 interface DropdownMenuProps extends Pick<MenuProviderProps, "children" | "placement" | "open" | "setOpen" | "defaultOpen"> {
 }
 /**

package/dist/bricks/DropdownMenu.js

@@ -1,27 +1,25 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import cx from "classnames";
-import * as ListItem from "./~utils.ListItem.js";
-import { Button } from "./Button.js";
 import { Button as ButtonAk } from "@ariakit/react/button";
-import { Kbd } from "./Kbd.js";
-import { Checkmark, DisclosureArrow, Icon } from "./Icon.js";
-import {
-  forwardRef
-} from "./~utils.js";
-import { usePopoverApi } from "./~hooks.js";
 import {
-  MenuProvider,
-  useMenuContext,
   Menu,
   MenuButton,
   MenuItem,
-  MenuItemCheckbox
+  MenuItemCheckbox,
+  MenuProvider,
+  useMenuContext
 } from "@ariakit/react/menu";
+import { usePopoverContext } from "@ariakit/react/popover";
 import { useStoreState } from "@ariakit/react/store";
+import cx from "classnames";
+import * as React from "react";
+import { Button } from "./Button.js";
+import { Checkmark, DisclosureArrow, Icon } from "./Icon.js";
 import { predefinedSymbols } from "./Kbd.internal.js";
-import { usePopoverContext } from "@ariakit/react/popover";
+import { Kbd } from "./Kbd.js";
+import { usePopoverApi } from "./~hooks.js";
 import { Dot } from "./~utils.Dot.js";
+import * as ListItem from "./~utils.ListItem.js";
+import { forwardRef } from "./~utils.js";
 function DropdownMenuRoot(props) {
   const {
     children,

package/dist/bricks/ErrorRegion.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type BaseProps } from "./~utils.js";
+import type { BaseProps } from "./~utils.js";
 interface ErrorRegionRootProps extends Omit<BaseProps, "children"> {
     /**
      * Label for the error header, usually indicating the number of errors displayed.
@@ -58,10 +58,6 @@ interface ErrorRegionItemProps extends Omit<BaseProps, "children"> {
      * The actions available for this item. Must be a list of anchors, each rendered as a button using `<Anchor render={<button />} />`.
      */
     actions?: React.ReactNode;
-    /**
-     * Callback fired when the error item is dismissed.
-     */
-    onDismiss?: () => void;
 }
 /**
  * An individual error item within the `ErrorRegion` component. It displays an error message and optional actions.
@@ -74,7 +70,6 @@ interface ErrorRegionItemProps extends Omit<BaseProps, "children"> {
  *   message={<>Something went wrong with <Anchor href="item-10001">Item 10001</Anchor>.</>}
  *   messageId="item-10001-error"
  *   actions={<Button>Retry</Button>}
- *   onDismiss={() => {}}
  * />
  *
  * <Tree.Item

package/dist/bricks/ErrorRegion.js

@@ -1,19 +1,19 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import cx from "classnames";
 import {
-  DialogProvider,
+  Dialog,
   DialogDisclosure,
-  Dialog
+  DialogProvider
 } from "@ariakit/react/dialog";
 import { Role } from "@ariakit/react/role";
-import { forwardRef } from "./~utils.js";
-import { ChevronDown, Dismiss, StatusWarning } from "./Icon.js";
-import { Text } from "./Text.js";
-import { IconButton } from "./IconButton.js";
+import cx from "classnames";
+import * as React from "react";
 import { Button } from "./Button.js";
-import { useControlledState } from "./~hooks.js";
+import { ChevronDown, StatusWarning } from "./Icon.js";
+import { IconButtonPresentation } from "./IconButton.internal.js";
+import { Text } from "./Text.js";
 import { VisuallyHidden } from "./VisuallyHidden.js";
+import { useControlledState } from "./~hooks.js";
+import { forwardRef } from "./~utils.js";
 const ErrorRegionRoot = forwardRef(
   (props, forwardedRef) => {
     const { label, items, expanded, onExpandedChange, ...rest } = props;
@@ -46,23 +46,14 @@ const ErrorRegionRoot = forwardRef(
                   /* @__PURE__ */ jsx(
                     Text,
                     {
+                      render: /* @__PURE__ */ jsx("span", {}),
                       id: labelId,
                       className: "\u{1F95D}-error-region-label",
                       variant: "body-sm",
                       children: label
                     }
                   ),
-                  /* @__PURE__ */ jsx(
-                    IconButton,
-                    {
-                      inert: true,
-                      render: /* @__PURE__ */ jsx("span", {}),
-                      role: void 0,
-                      label: "",
-                      icon: /* @__PURE__ */ jsx(ChevronDown, {}),
-                      variant: "ghost"
-                    }
-                  )
+                  /* @__PURE__ */ jsx(IconButtonPresentation, { inert: true, variant: "ghost", children: /* @__PURE__ */ jsx(ChevronDown, {}) })
                 ]
               }
             ),
@@ -90,10 +81,8 @@ const ErrorRegionItem = forwardRef(
       message,
       messageId = `${generatedId}-message`,
       actions,
-      onDismiss,
       ...rest
     } = props;
-    const dismissButtonId = `${generatedId}-dismiss`;
     return /* @__PURE__ */ jsxs(
       Role.div,
       {
@@ -102,27 +91,7 @@ const ErrorRegionItem = forwardRef(
         className: cx("\u{1F95D}-error-region-item", props.className),
         ref: forwardedRef,
         children: [
-          /* @__PURE__ */ jsx(
-            Text,
-            {
-              id: messageId,
-              variant: "body-sm",
-              className: "\u{1F95D}-error-region-item-message",
-              children: message
-            }
-          ),
-          onDismiss && /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              id: dismissButtonId,
-              className: "\u{1F95D}-error-region-item-dismiss",
-              variant: "ghost",
-              label: "Dismiss",
-              "aria-labelledby": `${dismissButtonId} ${messageId}`,
-              icon: /* @__PURE__ */ jsx(Dismiss, {}),
-              onClick: onDismiss
-            }
-          ),
+          /* @__PURE__ */ jsx(Text, { id: messageId, variant: "body-sm", children: message }),
           /* @__PURE__ */ jsx("div", { className: "\u{1F95D}-error-region-item-actions", children: actions })
         ]
       }

package/dist/bricks/Field.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { type CollectionItemProps } from "@ariakit/react/collection";
-import { type BaseProps } from "./~utils.js";
+import type { CollectionItemProps } from "@ariakit/react/collection";
+import type { BaseProps } from "./~utils.js";
 interface FieldRootProps extends BaseProps {
     /**
      * Allows overriding the default block layout for text controls.

package/dist/bricks/Field.internal.d.ts

@@ -1,5 +1,6 @@
+import { useCollectionStore } from "@ariakit/react/collection";
 import * as React from "react";
-import { useCollectionStore, type CollectionProps } from "@ariakit/react/collection";
+import type { CollectionProps } from "@ariakit/react/collection";
 /**
  * Ariakit’s unexported `CollectionStoreItem` type inferred.
  * @private

package/dist/bricks/Field.internal.js

@@ -1,10 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-import {
-  useCollectionStore,
-  Collection
-} from "@ariakit/react/collection";
+import { Collection, useCollectionStore } from "@ariakit/react/collection";
 import { useStoreState } from "@ariakit/react/store";
+import * as React from "react";
 function FieldCollection(props) {
   const fieldElementCollection = useCollectionStore({
     defaultItems: []

package/dist/bricks/Field.js

@@ -1,19 +1,16 @@
 import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-import cx from "classnames";
-import { Role } from "@ariakit/react/role";
 import {
-  useCollectionContext,
-  CollectionItem
+  CollectionItem,
+  useCollectionContext
 } from "@ariakit/react/collection";
+import { Role } from "@ariakit/react/role";
 import { useStoreState } from "@ariakit/react/store";
-import { forwardRef } from "./~utils.js";
-import {
-  FieldCollection,
-  FieldControlTypeContext
-} from "./Field.internal.js";
-import { Label } from "./Label.js";
+import cx from "classnames";
+import * as React from "react";
 import { Description } from "./Description.js";
+import { FieldCollection, FieldControlTypeContext } from "./Field.internal.js";
+import { Label } from "./Label.js";
+import { forwardRef } from "./~utils.js";
 const FieldRoot = forwardRef((props, forwardedRef) => {
   const { layout, ...rest } = props;
   return /* @__PURE__ */ jsx(

package/dist/bricks/Icon.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type BaseProps } from "./~utils.js";
+import type { BaseProps } from "./~utils.js";
 interface IconProps extends Omit<BaseProps<"svg">, "children"> {
     /**
      * URL of the symbol sprite.

package/dist/bricks/Icon.js

@@ -1,18 +1,14 @@
 import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-import cx from "classnames";
 import { Role } from "@ariakit/react/role";
-import {
-  forwardRef,
-  getOwnerDocument,
-  parseDOM
-} from "./~utils.js";
+import cx from "classnames";
+import * as React from "react";
 import {
   HtmlSanitizerContext,
   spriteSheetId,
   useRootNode
 } from "./Root.internal.js";
 import { useLatestRef, useSafeContext } from "./~hooks.js";
+import { forwardRef, getOwnerDocument, parseDOM } from "./~utils.js";
 const Icon = forwardRef((props, forwardedRef) => {
   const { href: hrefProp, size, alt, ...rest } = props;
   const isDecorative = !alt;

package/dist/bricks/IconButton.internal.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { Button } from "./Button.js";
+import type { BaseProps } from "./~utils.js";
+export declare const IconButtonContext: React.Context<{
+    iconSize: "regular" | "large";
+}>;
+interface IconButtonPresentationProps extends BaseProps<"span">, Pick<React.ComponentProps<typeof Button>, "variant"> {
+}
+export declare const IconButtonPresentation: React.ForwardRefExoticComponent<IconButtonPresentationProps & React.RefAttributes<HTMLElement | HTMLSpanElement>>;
+export {};

package/dist/bricks/IconButton.internal.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { Role } from "@ariakit/react/role";
+import cx from "classnames";
+import * as React from "react";
+import { forwardRef } from "./~utils.js";
+const IconButtonContext = React.createContext({ iconSize: "regular" });
+const IconButtonPresentation = forwardRef((props, forwardedRef) => {
+  const { variant, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    Role.span,
+    {
+      ...rest,
+      className: cx("\u{1F95D}-icon-button", "\u{1F95D}-button", props.className),
+      "data-kiwi-variant": variant,
+      ref: forwardedRef
+    }
+  );
+});
+export {
+  IconButtonContext,
+  IconButtonPresentation
+};

package/dist/bricks/IconButton.js

@@ -1,32 +1,40 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import cx from "classnames";
 import { Button } from "./Button.js";
-import { VisuallyHidden } from "./VisuallyHidden.js";
 import { Icon } from "./Icon.js";
+import {
+  IconButtonContext,
+  IconButtonPresentation
+} from "./IconButton.internal.js";
 import { Tooltip } from "./Tooltip.js";
-import { forwardRef } from "./~utils.js";
+import { VisuallyHidden } from "./VisuallyHidden.js";
 import { Dot } from "./~utils.Dot.js";
+import { forwardRef } from "./~utils.js";
 const IconButton = forwardRef(
   (props, forwardedRef) => {
     const { label, icon, isActive, labelVariant, dot, ...rest } = props;
     const baseId = React.useId();
     const labelId = `${baseId}-label`;
     const dotId = `${baseId}-dot`;
-    const button = /* @__PURE__ */ jsxs(
-      Button,
+    const { iconSize } = React.useContext(IconButtonContext);
+    const button = /* @__PURE__ */ jsx(
+      IconButtonPresentation,
       {
-        "aria-pressed": isActive,
-        "aria-labelledby": labelId,
-        "aria-describedby": dot ? dotId : void 0,
-        ...rest,
-        className: cx("\u{1F95D}-icon-button", props.className),
-        ref: forwardedRef,
-        children: [
-          /* @__PURE__ */ jsx(VisuallyHidden, { id: labelId, children: label }),
-          typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { href: icon }) : icon,
-          dot ? /* @__PURE__ */ jsx(Dot, { id: dotId, className: "\u{1F95D}-icon-button-dot", children: dot }) : null
-        ]
+        render: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            "aria-pressed": isActive,
+            "aria-labelledby": labelId,
+            "aria-describedby": dot ? dotId : void 0,
+            ...rest,
+            ref: forwardedRef,
+            children: [
+              /* @__PURE__ */ jsx(VisuallyHidden, { id: labelId, children: label }),
+              typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { href: icon, size: iconSize }) : icon,
+              dot ? /* @__PURE__ */ jsx(Dot, { id: dotId, className: "\u{1F95D}-icon-button-dot", children: dot }) : null
+            ]
+          }
+        )
       }
     );
     if (labelVariant === "visually-hidden") {

package/dist/bricks/Kbd.d.ts

@@ -1,5 +1,5 @@
-import { type BaseProps } from "./~utils.js";
-import { type PredefinedSymbol } from "./Kbd.internal.js";
+import type { PredefinedSymbol } from "./Kbd.internal.js";
+import type { BaseProps } from "./~utils.js";
 interface KbdProps extends BaseProps<"kbd"> {
     /** @default "solid" */
     variant?: "solid" | "muted" | "ghost";

package/dist/bricks/Kbd.js

@@ -1,9 +1,9 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import cx from "classnames";
 import { Role } from "@ariakit/react/role";
-import { forwardRef } from "./~utils.js";
-import { VisuallyHidden } from "./VisuallyHidden.js";
+import cx from "classnames";
 import { predefinedSymbols } from "./Kbd.internal.js";
+import { VisuallyHidden } from "./VisuallyHidden.js";
+import { forwardRef } from "./~utils.js";
 const Kbd = forwardRef((props, forwardedRef) => {
   const { variant = "solid", symbol, children, ...rest } = props;
   let content = children;

package/dist/bricks/Label.d.ts

@@ -1,4 +1,4 @@
-import { type BaseProps } from "./~utils.js";
+import type { BaseProps } from "./~utils.js";
 interface LabelProps extends BaseProps<"label"> {
 }
 /**

package/dist/bricks/Label.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import cx from "classnames";
 import { Role } from "@ariakit/react/role";
+import cx from "classnames";
 import { forwardRef } from "./~utils.js";
 const Label = forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsx(

package/dist/bricks/ProgressBar.d.ts

@@ -1,4 +1,4 @@
-import { type BaseProps } from "./~utils.js";
+import type { BaseProps } from "./~utils.js";
 interface ProgressBarProps extends Omit<BaseProps, "aria-labelledby"> {
     /**
      * Label for the progress bar.

package/dist/bricks/Radio.d.ts

@@ -1,5 +1,5 @@
-import { type RadioProps as AkRadioProps } from "@ariakit/react/radio";
-import { type FocusableProps } from "./~utils.js";
+import type { RadioProps as AkRadioProps } from "@ariakit/react/radio";
+import type { FocusableProps } from "./~utils.js";
 type InputBaseProps = Omit<FocusableProps<"input">, "defaultValue" | "value">;
 type RadioOwnProps = Pick<AkRadioProps, "value" | "checked" | "onChange">;
 interface RadioProps extends InputBaseProps, RadioOwnProps {

package/dist/bricks/Radio.js

@@ -1,10 +1,8 @@
 import { jsx } from "react/jsx-runtime";
+import { Radio as AkRadio } from "@ariakit/react/radio";
 import cx from "classnames";
-import {
-  Radio as AkRadio
-} from "@ariakit/react/radio";
-import { forwardRef } from "./~utils.js";
 import { useFieldControlType } from "./Field.internal.js";
+import { forwardRef } from "./~utils.js";
 const Radio = forwardRef((props, forwardedRef) => {
   useFieldControlType("checkable");
   return /* @__PURE__ */ jsx(

package/dist/bricks/Root.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type BaseProps } from "./~utils.js";
+import type { BaseProps } from "./~utils.js";
 interface RootProps extends BaseProps {
     /**
      * The color scheme to use for all components under the Root.

package/dist/bricks/Root.js

@@ -1,11 +1,18 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import { Role } from "@ariakit/react/role";
 import { PortalContext } from "@ariakit/react/portal";
+import { Role } from "@ariakit/react/role";
 import cx from "classnames";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
 import foundationsCss from "../foundations/styles.css.js";
+import {
+  HtmlSanitizerContext,
+  RootNodeContext,
+  spriteSheetId,
+  useRootNode
+} from "./Root.internal.js";
 import bricksCss from "./styles.css.js";
+import { useLayoutEffect, useMergedRefs } from "./~hooks.js";
 import {
   forwardRef,
   getOwnerDocument,
@@ -13,13 +20,6 @@ import {
   isBrowser,
   isDocument
 } from "./~utils.js";
-import { useLayoutEffect, useMergedRefs } from "./~hooks.js";
-import {
-  HtmlSanitizerContext,
-  RootNodeContext,
-  spriteSheetId,
-  useRootNode
-} from "./Root.internal.js";
 const css = foundationsCss + bricksCss;
 const Root = forwardRef((props, forwardedRef) => {
   const {
@@ -187,7 +187,7 @@ function InlineSpriteSheet() {
 }
 function loadFonts(rootNode) {
   const ownerWindow = getWindow(rootNode);
-  if (!ownerWindow || Array.from(ownerWindow.document.fonts).some(
+  if (!ownerWindow?.document?.fonts || Array.from(ownerWindow.document.fonts).some(
     (font) => font.family === "InterVariable"
   )) {
     return;

package/dist/bricks/Select.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type FocusableProps } from "./~utils.js";
+import type { FocusableProps } from "./~utils.js";
 /**
  * Compound component for a select element, which allows the user to select a value from a list of options.
  *

package/dist/bricks/Select.js

@@ -1,13 +1,10 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import cx from "classnames";
 import { Role } from "@ariakit/react/role";
-import {
-  forwardRef,
-  isBrowser
-} from "./~utils.js";
-import { DisclosureArrow } from "./Icon.js";
+import cx from "classnames";
+import * as React from "react";
 import { useFieldControlType } from "./Field.internal.js";
+import { DisclosureArrow } from "./Icon.js";
+import { forwardRef, isBrowser } from "./~utils.js";
 const supportsHas = isBrowser && CSS?.supports?.("selector(:has(+ *))");
 const HtmlSelectContext = React.createContext(() => {
 });

package/dist/bricks/Skeleton.d.ts

@@ -1,4 +1,4 @@
-import { type BaseProps } from "./~utils.js";
+import type { BaseProps } from "./~utils.js";
 interface SkeletonPropsBase extends Omit<BaseProps, "children"> {
 }
 /**

package/dist/bricks/Spinner.d.ts

@@ -1,4 +1,4 @@
-import { type BaseProps } from "./~utils.js";
+import type { BaseProps } from "./~utils.js";
 interface SpinnerProps extends BaseProps {
     /**
      * A text alternative for the spinner.

package/dist/bricks/Switch.d.ts

@@ -1,5 +1,5 @@
-import { type CheckboxProps as AkCheckboxProps } from "@ariakit/react/checkbox";
-import { type FocusableProps } from "./~utils.js";
+import type { CheckboxProps as AkCheckboxProps } from "@ariakit/react/checkbox";
+import type { FocusableProps } from "./~utils.js";
 type InputBaseProps = Omit<FocusableProps<"input">, "defaultValue" | "value">;
 type CheckboxOwnProps = Pick<AkCheckboxProps, "value" | "defaultChecked" | "checked" | "onChange">;
 interface SwitchProps extends InputBaseProps, CheckboxOwnProps {

package/dist/bricks/Switch.js

@@ -1,10 +1,8 @@
 import { jsx } from "react/jsx-runtime";
+import { Checkbox as AkCheckbox } from "@ariakit/react/checkbox";
 import cx from "classnames";
-import {
-  Checkbox as AkCheckbox
-} from "@ariakit/react/checkbox";
-import { forwardRef } from "./~utils.js";
 import { useFieldControlType } from "./Field.internal.js";
+import { forwardRef } from "./~utils.js";
 const Switch = forwardRef(
   (props, forwardedRef) => {
     useFieldControlType("checkable");

package/dist/bricks/Table.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type BaseProps } from "./~utils.js";
+import type { BaseProps } from "./~utils.js";
 interface HtmlTableProps extends BaseProps {
 }
 /**

package/dist/bricks/Table.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { Role } from "@ariakit/react/role";
-import * as React from "react";
 import cx from "classnames";
-import { forwardRef } from "./~utils.js";
+import * as React from "react";
 import { useMergedRefs, useSafeContext } from "./~hooks.js";
+import { forwardRef } from "./~utils.js";
 const TableContext = React.createContext(void 0);
 const TableHeaderContext = React.createContext(false);
 const HtmlTable = forwardRef((props, forwardedRef) => {

package/dist/bricks/Tabs.d.ts

@@ -1,5 +1,5 @@
 import * as AkTab from "@ariakit/react/tab";
-import { type FocusableProps, type BaseProps } from "./~utils.js";
+import type { BaseProps, FocusableProps } from "./~utils.js";
 interface TabsProps extends Pick<AkTab.TabProviderProps, "defaultSelectedId" | "selectedId" | "setSelectedId" | "selectOnMove" | "children"> {
 }
 /**

package/dist/bricks/Tabs.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import cx from "classnames";
 import * as AkTab from "@ariakit/react/tab";
+import cx from "classnames";
 import { forwardRef } from "./~utils.js";
 function Tabs(props) {
   const {