neatkit 0.7.0 → 0.9.0

package/dist/Tooltip-BK64rkxV.js

@@ -0,0 +1,231 @@
+"use client";
+import { jsx as C, jsxs as q, Fragment as Ie } from "react/jsx-runtime";
+import { useMemo as X, createContext as be, forwardRef as he, Fragment as Le, useId as ve, useContext as Fe, useRef as u, useState as A, useCallback as f, useEffect as G, cloneElement as J } from "react";
+import { g as Oe, a as K } from "./reference-CXMr27nM.js";
+import { c as Me, b as _e, d as Pe, e as xe, P as Ne } from "./usePresence-CqegYqy4.js";
+import { u as We } from "./useFloatingPosition-B3ZC-v3v.js";
+import { i as ke } from "./focus-restoration-BvNZzrQA.js";
+import { S as Ve } from "./Surface-vEFsZC12.js";
+const je = 500, Z = be(null);
+function Ae(r) {
+  const { children: a, delay: s = je } = r, l = X(() => ({
+    delay: s
+  }), [s]);
+  return /* @__PURE__ */ C(Z.Provider, { value: l, children: a });
+}
+const ee = 500, Q = 100;
+function Ce(r, a, s, l) {
+  a.current = r, K(s, r), K(l, r);
+}
+function ze(r) {
+  return Number.isFinite(r) ? Math.max(0, r) : ee;
+}
+function Be(r, a) {
+  const s = (r == null ? void 0 : r.split(/\s+/).filter(Boolean)) ?? [];
+  return s.includes(a) || s.push(a), s.join(" ");
+}
+const Se = he(function(a, s) {
+  const {
+    children: l,
+    className: ne,
+    content: p,
+    contentClassName: te,
+    contentStyle: z,
+    delay: re,
+    disabled: w = !1,
+    onOpenChange: h,
+    placement: B = "top",
+    style: oe
+  } = a;
+  if (p == null || typeof p == "boolean" || typeof p == "string" && !p.trim())
+    throw new Error("Tooltip content must not be empty");
+  if (l.type === Le)
+    throw new Error("Tooltip requires a single non-Fragment trigger");
+  const S = `${ve()}-tooltip`, P = Fe(Z), t = l.props, Y = Oe(l), E = u(null), x = u(null), $ = u(w), N = u(!1), L = u(null), v = u(null), F = u(null), O = u(!1), y = u(!1), D = u(!1), d = u(!1), [M, se] = A(null), [ce, ie] = A(null), [_, ue] = A(!1);
+  $.current = w;
+  const W = ze(
+    re ?? (P == null ? void 0 : P.delay) ?? ee
+  ), g = Me(_), H = (M == null ? void 0 : M.ownerDocument) ?? (typeof document > "u" ? null : document), k = _e("Tooltip").boundaryElement, V = Pe(g.present, k), m = We(
+    g.present,
+    B,
+    M,
+    ce,
+    k
+  ), le = X(
+    () => [E, x],
+    []
+  ), ae = Be(
+    t["aria-describedby"],
+    S
+  ), fe = _ && g.present ? ae : t["aria-describedby"], U = f(
+    (e) => {
+      Ce(
+        e,
+        E,
+        Y,
+        s
+      ), se(e);
+    },
+    [s, Y]
+  ), de = f(
+    (e) => {
+      x.current = e, e || (d.current = !1), ie(e);
+    },
+    []
+  ), c = f(() => {
+    const e = L.current;
+    e && e.ownerWindow.clearTimeout(e.timerId), L.current = null;
+  }, []), i = f(() => {
+    const e = v.current;
+    e && e.ownerWindow.clearTimeout(e.timerId), v.current = null;
+  }, []), R = f(() => {
+    const e = F.current;
+    e && e.ownerWindow.clearTimeout(e.timerId), F.current = null;
+  }, []), o = f((e) => {
+    N.current !== e && (e || (d.current = !1), N.current = e, ue(e), h == null || h(e));
+  }, [h]), j = f((e) => {
+    var I, b;
+    if (i(), y.current || D.current || d.current)
+      return;
+    if (e === 0) {
+      o(!1);
+      return;
+    }
+    const n = ((I = E.current) == null ? void 0 : I.ownerDocument.defaultView) ?? ((b = x.current) == null ? void 0 : b.ownerDocument.defaultView);
+    if (!n) {
+      o(!1);
+      return;
+    }
+    const T = n.setTimeout(() => {
+      v.current = null, !y.current && !D.current && !d.current && o(!1);
+    }, e);
+    v.current = {
+      ownerWindow: n,
+      timerId: T
+    };
+  }, [i, o]), me = f(() => {
+    var T;
+    if (c(), i(), W === 0) {
+      o(!0);
+      return;
+    }
+    const e = (T = E.current) == null ? void 0 : T.ownerDocument.defaultView;
+    if (!e) return;
+    const n = e.setTimeout(() => {
+      L.current = null, $.current || o(!0);
+    }, W);
+    L.current = { ownerWindow: e, timerId: n };
+  }, [i, c, W, o]);
+  function pe(e) {
+    var n;
+    if ((n = t.onFocus) == null || n.call(t, e), y.current = !0, i(), O.current || ke(e.currentTarget)) {
+      c();
+      return;
+    }
+    c(), o(!0);
+  }
+  function Te(e) {
+    var n;
+    (n = t.onBlur) == null || n.call(t, e), !e.currentTarget.contains(e.relatedTarget) && (y.current = !1, c(), j(0));
+  }
+  function we(e) {
+    var n;
+    (n = t.onMouseEnter) == null || n.call(t, e), D.current = !0, me();
+  }
+  function Ee(e) {
+    var n;
+    (n = t.onMouseLeave) == null || n.call(t, e), D.current = !1, c(), j(Q);
+  }
+  function ye() {
+    d.current = !0, i();
+  }
+  function De() {
+    d.current = !1, j(Q);
+  }
+  function ge(e) {
+    var I, b;
+    (I = t.onPointerDown) == null || I.call(t, e), c(), i(), o(!1);
+    const n = (b = E.current) == null ? void 0 : b.ownerDocument.defaultView;
+    if (!n) return;
+    O.current = !0, R();
+    const T = n.setTimeout(() => {
+      O.current = !1, F.current = null;
+    }, 0);
+    F.current = { ownerWindow: n, timerId: T };
+  }
+  if (xe({
+    boundary: k,
+    active: _,
+    boundaries: le,
+    dismissOnPointerDownOutside: !0,
+    layerId: V.id,
+    onEscapeDismiss: () => o(!1),
+    onPointerDownOutsideDismiss: () => o(!1),
+    ownerDocument: H
+  }), G(() => {
+    w && (c(), i(), R(), O.current = !1, y.current = !1, D.current = !1, d.current = !1, N.current && o(!1));
+  }, [
+    i,
+    c,
+    R,
+    w,
+    o
+  ]), G(() => () => {
+    c(), i(), R();
+  }, [i, c, R]), w)
+    return J(
+      l,
+      { ref: U }
+    );
+  const Re = J(
+    l,
+    {
+      "aria-describedby": fe,
+      className: [t.className, "nk-tooltip__trigger", ne].filter(Boolean).join(" "),
+      onBlur: Te,
+      onFocus: pe,
+      onMouseEnter: we,
+      onMouseLeave: Ee,
+      onPointerDown: ge,
+      ref: U,
+      style: { ...t.style, ...oe }
+    }
+  );
+  return /* @__PURE__ */ q(Ie, { children: [
+    Re,
+    g.present && H ? /* @__PURE__ */ C(Ne, { children: /* @__PURE__ */ q(
+      Ve,
+      {
+        ref: de,
+        "aria-hidden": _ ? void 0 : !0,
+        className: ["nk-tooltip", te].filter(Boolean).join(" "),
+        "data-placement": (m == null ? void 0 : m.placement) ?? B,
+        "data-state": g.state === "closing" ? "closing" : "open",
+        id: S,
+        onMouseEnter: ye,
+        onMouseLeave: De,
+        role: "tooltip",
+        style: m ? {
+          ...z,
+          "--nk-tooltip-arrow-offset": `${m.arrowOffset}px`,
+          left: m.left,
+          top: m.top,
+          zIndex: V.zIndex
+        } : {
+          ...z,
+          visibility: "hidden",
+          zIndex: V.zIndex
+        },
+        children: [
+          /* @__PURE__ */ C("span", { "aria-hidden": "true", className: "nk-tooltip__arrow" }),
+          p
+        ]
+      }
+    ) }) : null
+  ] });
+}), Qe = Object.assign(Se, {
+  Provider: Ae
+});
+export {
+  Qe as T
+};

package/dist/Tooltip.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Tooltip-BB82wNOE.cjs");exports.TooltipProvider=e.TooltipProvider;exports.default=e.Tooltip;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Tooltip-B2d5ss7S.cjs");exports.default=e.Tooltip2;

package/dist/Tooltip.js

@@ -1,6 +1,5 @@
 "use client";
-import { T as a, a as r } from "./Tooltip-CqWK_GRD.js";
+import { T as a } from "./Tooltip-BK64rkxV.js";
 export {
-  a as TooltipProvider,
-  r as default
+  a as default
 };

package/dist/aria-Bntn6ad_.cjs

@@ -0,0 +1 @@
+"use strict";function r(e){return e!==void 0&&e!==!1&&e!=="false"}function s(e,t){return e?!0:t}function l(e,t){const n=(e==null?void 0:e.split(/\s+/).filter(Boolean))??[];return n.includes(t)||n.push(t),n.join(" ")}exports.hasInvalidState=r;exports.mergeIdentifiers=l;exports.resolveAriaInvalid=s;

package/dist/aria-CeA9QfD1.js

@@ -0,0 +1,15 @@
+function s(e) {
+  return e !== void 0 && e !== !1 && e !== "false";
+}
+function t(e, n) {
+  return e ? !0 : n;
+}
+function r(e, n) {
+  const o = (e == null ? void 0 : e.split(/\s+/).filter(Boolean)) ?? [];
+  return o.includes(n) || o.push(n), o.join(" ");
+}
+export {
+  s as h,
+  r as m,
+  t as r
+};

package/dist/components/Boundary/Boundary.d.ts

@@ -0,0 +1,65 @@
+import { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type CSSProperties, type ElementType, type ReactElement } from "react";
+import "./styles/boundary.css";
+/** A type representing the themes supported by Boundary. */
+export type BoundaryTheme = "auto" | "light" | "dark";
+/** A type representing Boundary's visual background decoration. */
+export type BoundaryDecoration = "grid" | "none";
+/** A type representing Boundary's horizontal layout behavior. */
+export type BoundaryWidthMode = "narrow" | "full";
+/** A type representing Boundary's minimum-height behavior. */
+export type BoundaryHeightMode = "content" | "available" | "viewport";
+/** A type representing Boundary's spacing behavior on both axes. */
+export type BoundarySpacing = "standard" | "none";
+/** A type representing CSS custom properties accepted by Boundary styles. */
+type BoundaryCustomProperties = {
+    [CustomProperty in `--${string}`]?: string | number;
+};
+/** A type representing native Boundary styles and CSS custom properties. */
+type BoundaryStyle = CSSProperties & BoundaryCustomProperties;
+/** A type representing the reference accepted by a polymorphic element. */
+type BoundaryReference<Component extends ElementType> = ComponentPropsWithRef<Component>["ref"];
+/** A type representing properties owned by the Boundary component. */
+type BoundaryOwnProps = {
+    /** The color theme applied within Boundary. */
+    theme?: BoundaryTheme;
+    /** The accent color exposed to Boundary descendants. */
+    accent?: string;
+    /** The visual background treatment applied to Boundary. */
+    decoration?: BoundaryDecoration;
+    /** The horizontal layout applied to Boundary. */
+    width?: BoundaryWidthMode;
+    /** The minimum height applied to Boundary. */
+    height?: BoundaryHeightMode;
+    /** The spacing applied around content within Boundary. */
+    spacing?: BoundarySpacing;
+};
+/** A type representing properties for a polymorphic Boundary element. */
+export type BoundaryProps<Component extends ElementType = "div"> = BoundaryOwnProps & {
+    as?: Component;
+    style?: BoundaryStyle;
+} & Omit<ComponentPropsWithoutRef<Component>, keyof BoundaryOwnProps | "as" | "style">;
+/**
+ * A type representing the public polymorphic Boundary component.
+ *
+ * @param props - The properties accepted by the selected element.
+ *
+ * @returns The rendered Boundary element.
+ */
+type BoundaryComponent = <Component extends ElementType = "div">(props: BoundaryProps<Component> & {
+    ref?: BoundaryReference<Component>;
+}) => ReactElement | null;
+/**
+ * Renders a scoped Neatkit design-system boundary.
+ *
+ * Every Neatkit interface is wrapped in a Boundary. Portals, overlay
+ * stacking, dismissal precedence, and responsive measurement all resolve
+ * against the nearest boundary, so several independent boundaries may share
+ * one page. Where boundaries nest, descendants use the innermost one.
+ *
+ * @param props - The properties that configure Boundary and its root element.
+ * @param forwardedReference - The reference assigned to the root element.
+ *
+ * @returns The rendered Boundary element.
+ */
+declare const Boundary: BoundaryComponent;
+export default Boundary;

package/dist/components/Boundary/contexts/BoundaryContext.d.ts

@@ -0,0 +1,28 @@
+/** A type representing observable access to a boundary's measured width. */
+export type BoundaryWidthStore = {
+    /**
+     * Reads the boundary's measured content-box width.
+     *
+     * @returns The width in CSS pixels, or undefined while unmeasured.
+     */
+    read: () => number | undefined;
+    /**
+     * Subscribes a listener to changes in the measured width.
+     *
+     * @param listener - The listener notified after every measurement.
+     *
+     * @returns The teardown removing the registered listener.
+     */
+    subscribe: (listener: () => void) => () => void;
+};
+/** A type representing the Neatkit boundary shared with its descendants. */
+export type BoundaryContextValue = {
+    /** The Boundary root element descendants resolve against. */
+    boundaryElement: HTMLElement | null;
+    /** The element receiving overlays portalled inside the boundary. */
+    portalElement: HTMLElement | null;
+    /** Observable access to the boundary's measured content-box width. */
+    width: BoundaryWidthStore;
+};
+/** The internal React context published by each boundary. */
+export declare const BoundaryContext: import("react").Context<BoundaryContextValue | undefined>;

package/dist/components/Boundary/hooks/useBoundary.d.ts

@@ -0,0 +1,19 @@
+import { type BoundaryContextValue } from "../contexts/BoundaryContext";
+/**
+ * Returns the Neatkit boundary a component resolves against.
+ *
+ * Portals, overlay stacking, dismissal precedence, and responsive
+ * measurement all resolve against the nearest boundary, so a component
+ * requiring one cannot function without it. Naming the component requires
+ * the boundary, because the name exists only to report its absence; omitting
+ * the name returns whatever surrounds the caller, which suits a component
+ * that adapts to a boundary rather than depending on one.
+ *
+ * @param componentName - The component name reported when no boundary exists.
+ *
+ * @returns The nearest boundary, or undefined when none is required.
+ *
+ * @warning Throws when a named component is rendered outside a Boundary.
+ */
+export declare function useBoundary(componentName: string): BoundaryContextValue;
+export declare function useBoundary(): BoundaryContextValue | undefined;

package/dist/components/Boundary/hooks/useBoundaryWidth.d.ts

@@ -0,0 +1,23 @@
+import { type ForwardedRef, type RefCallback } from "react";
+import type { BoundaryWidthStore } from "../contexts/BoundaryContext";
+/** A type representing Boundary's measured layout state. */
+type BoundaryWidthMeasurement = {
+    /** The enhanced inner width, or undefined while CSS controls sizing. */
+    contentWidth: number | undefined;
+    /** Observable access to the boundary's measured content-box width. */
+    width: BoundaryWidthStore;
+    /** The mounted Boundary root, or null before it mounts. */
+    rootElement: HTMLElement | null;
+    /** The callback ref assigned to the Boundary root. */
+    rootReference: RefCallback<HTMLElement>;
+};
+/**
+ * Measures a Boundary root and publishes its layout to descendants.
+ *
+ * @param forwardedReference - The public reference assigned to the root.
+ * @param snap - Whether cell-aligned inner-width sizing is enabled.
+ *
+ * @returns The merged root reference and the measured boundary layout.
+ */
+export declare function useBoundaryWidth(forwardedReference: ForwardedRef<HTMLElement>, snap: boolean): BoundaryWidthMeasurement;
+export {};

package/dist/components/Boundary/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Boundary";
+export type { BoundaryHeightMode, BoundaryDecoration, BoundaryProps, BoundarySpacing, BoundaryTheme, BoundaryWidthMode, } from "./Boundary";

package/dist/components/Boundary/utils/width.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Calculates the enhanced inner width for a Boundary root.
+ *
+ * Provides a centered cell-aligned width for eligible container sizes.
+ *
+ * @param availableWidth - The Boundary root's available content-box width.
+ * @param cellSize - The resolved grid cell size in CSS pixels.
+ *
+ * @returns The cell-aligned width, or undefined when CSS controls sizing.
+ */
+export declare function calculateBoundaryContentWidth(availableWidth: number, cellSize: number): number | undefined;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,4 +1,5 @@
 import { type CSSProperties, type InputHTMLAttributes, type ReactNode } from "react";
+import CheckboxGroup from "./components/CheckboxGroup";
 import "./styles/checkbox.css";
 /** A type representing properties for the Checkbox component. */
 export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, "children" | "className" | "style" | "type"> & {
@@ -22,7 +23,7 @@ export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, "childre
  *
  * @returns The rendered Checkbox control.
  */
-declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "className" | "style" | "children" | "type"> & {
+declare const CheckboxRoot: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "className" | "style" | "children" | "type"> & {
     /** The optional clickable and accessible label for the Checkbox. */
     children?: ReactNode;
     /** The additional class name applied to the Checkbox label root. */
@@ -32,4 +33,11 @@ declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<InputHTML
     /** The inline styles applied to the Checkbox label root. */
     style?: CSSProperties;
 } & import("react").RefAttributes<HTMLInputElement>>;
+/** A type representing the complete compound Checkbox component. */
+type CheckboxComponent = typeof CheckboxRoot & {
+    /** A labelled set of related Checkbox options sharing one name. */
+    Group: typeof CheckboxGroup;
+};
+/** The compound Checkbox component and its grouping form. */
+declare const Checkbox: CheckboxComponent;
 export default Checkbox;

package/dist/components/{CheckboxGroup → Checkbox/components}/CheckboxGroup.d.ts

@@ -1,8 +1,8 @@
 import { type ChangeEventHandler, type HTMLAttributes, type ReactNode } from "react";
-import "./styles/checkbox-group.css";
+import "../styles/checkbox-group.css";
 /** A type representing the visual direction of Checkbox options. */
 export type CheckboxGroupOrientation = "horizontal" | "vertical";
-/** A type representing properties for the CheckboxGroup component. */
+/** A type representing properties for the Checkbox.Group component. */
 export type CheckboxGroupProps = Omit<HTMLAttributes<HTMLDivElement>, "children" | "defaultValue" | "onChange"> & {
     /**
      * The direct Checkbox options or fragments belonging to the group.

package/dist/components/Checkbox/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from "./Checkbox";
 export type { CheckboxProps } from "./Checkbox";
+export type { CheckboxGroupOrientation, CheckboxGroupProps, } from "./components/CheckboxGroup";

package/dist/components/Checkbox/utils/checkbox-option.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Marks a component as a valid option inside a Checkbox group.
+ *
+ * The marker lets the group validate its children without importing the
+ * option component, which would otherwise create a circular dependency.
+ *
+ * @param component - The component receiving the internal option marker.
+ */
+export declare function markCheckboxOption<Component extends object>(component: Component): void;
+/**
+ * Determines whether a rendered child is a valid Checkbox group option.
+ *
+ * @param componentType - The rendered child component type to inspect.
+ *
+ * @returns Whether the component declares the internal option marker.
+ */
+export declare function isCheckboxOption(componentType: unknown): boolean;

package/dist/components/Icon/Icon.d.ts

@@ -1,5 +1,6 @@
 import { type SVGProps } from "react";
 import { type IconType } from "./utils/registry";
+import "./styles/icon.css";
 /** A type representing properties for the Icon component. */
 export type IconProps = Omit<SVGProps<SVGSVGElement>, "children" | "color" | "height" | "width"> & {
     /** The icon graphic rendered by the component. */

package/dist/components/Icon/icons/GearIcon.d.ts

@@ -0,0 +1,11 @@
+import type { IconGraphicProps } from "./types";
+/**
+ * Renders a gear icon.
+ *
+ * @param props - The SVG properties applied to the icon.
+ * @param forwardedReference - The reference assigned to the rendered SVG.
+ *
+ * @returns The rendered icon SVG.
+ */
+declare const _default: import("react").ForwardRefExoticComponent<Omit<IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export default _default;

package/dist/components/Icon/icons/ImageIcon.d.ts

@@ -0,0 +1,11 @@
+import type { IconGraphicProps } from "./types";
+/**
+ * Renders an image icon.
+ *
+ * @param props - The SVG properties applied to the icon.
+ * @param forwardedReference - The reference assigned to the rendered SVG.
+ *
+ * @returns The rendered icon SVG.
+ */
+declare const _default: import("react").ForwardRefExoticComponent<Omit<IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export default _default;

package/dist/components/Icon/index.d.ts

@@ -1,36 +1,3 @@
 export { default } from "./Icon";
 export type { IconProps } from "./Icon";
 export type { IconType } from "./utils/registry";
-export { default as ChatIcon } from "./icons/ChatIcon";
-export { default as ProjectsIcon } from "./icons/ProjectsIcon";
-export { default as ArticlesIcon } from "./icons/ArticlesIcon";
-export { default as MailIcon } from "./icons/MailIcon";
-export { default as GithubIcon } from "./icons/GithubIcon";
-export { default as GlobeIcon } from "./icons/GlobeIcon";
-export { default as LinkedInIcon } from "./icons/LinkedInIcon";
-export { default as RedditIcon } from "./icons/RedditIcon";
-export { default as ExitIcon } from "./icons/ExitIcon";
-export { default as CameraIcon } from "./icons/CameraIcon";
-export { default as QRCodeIcon } from "./icons/QRCodeIcon";
-export { default as DownloadIcon } from "./icons/DownloadIcon";
-export { default as SaveIcon } from "./icons/SaveIcon";
-export { default as PencilIcon } from "./icons/PencilIcon";
-export { default as ArrowLeftIcon } from "./icons/ArrowLeftIcon";
-export { default as ArrowRightIcon } from "./icons/ArrowRightIcon";
-export { default as CrossIcon } from "./icons/CrossIcon";
-export { default as CheckmarkIcon } from "./icons/CheckmarkIcon";
-export { default as PlusIcon } from "./icons/PlusIcon";
-export { default as MinusIcon } from "./icons/MinusIcon";
-export { default as WindowIcon } from "./icons/WindowIcon";
-export { default as UserIcon } from "./icons/UserIcon";
-export { default as DuplicateIcon } from "./icons/DuplicateIcon";
-export { default as EyeIcon } from "./icons/EyeIcon";
-export { default as EyeOffIcon } from "./icons/EyeOffIcon";
-export { default as SignalIcon } from "./icons/SignalIcon";
-export { default as AudioIcon } from "./icons/AudioIcon";
-export { default as HardwareIcon } from "./icons/HardwareIcon";
-export { default as BurgerIcon } from "./icons/BurgerIcon";
-export { default as RepositoryIcon } from "./icons/RepositoryIcon";
-export { default as KeyIcon } from "./icons/KeyIcon";
-export { default as InfoIcon } from "./icons/InfoIcon";
-export { default as WarningIcon } from "./icons/WarningIcon";

package/dist/components/Icon/utils/registry.d.ts

@@ -38,8 +38,10 @@ export declare const iconGraphics: {
     readonly commit: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly folder: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly file: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly image: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly tag: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly key: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly gear: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly git: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly home: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly info: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/Input/Input.d.ts

@@ -1,4 +1,4 @@
-import { type CSSProperties, type InputHTMLAttributes, type ReactNode } from "react";
+import { type CSSProperties, type InputHTMLAttributes } from "react";
 import "./styles/input.css";
 /** A type representing the supported native single-line input types. */
 export type InputType = "email" | "number" | "password" | "search" | "tel" | "text" | "url";
@@ -10,12 +10,8 @@ export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "children"
     clearable?: boolean;
     /** Whether the Input exposes an invalid semantic and visual state. */
     invalid?: boolean;
-    /** The content displayed before the editable value. */
-    leading?: ReactNode;
     /** Whether the Input displays a loading indicator and blocks editing. */
     loading?: boolean;
-    /** The content displayed after the editable value. */
-    trailing?: ReactNode;
     /** The inline styles applied to the composite Input root. */
     style?: CSSProperties;
     /** The supported native behavior applied to the single-line control. */
@@ -36,12 +32,8 @@ declare const Input: import("react").ForwardRefExoticComponent<Omit<InputHTMLAtt
     clearable?: boolean;
     /** Whether the Input exposes an invalid semantic and visual state. */
     invalid?: boolean;
-    /** The content displayed before the editable value. */
-    leading?: ReactNode;
     /** Whether the Input displays a loading indicator and blocks editing. */
     loading?: boolean;
-    /** The content displayed after the editable value. */
-    trailing?: ReactNode;
     /** The inline styles applied to the composite Input root. */
     style?: CSSProperties;
     /** The supported native behavior applied to the single-line control. */

package/dist/components/Modal/Modal.d.ts

@@ -18,8 +18,6 @@ export type ModalProps = Omit<HTMLAttributes<HTMLDivElement>, "children" | "onCl
     onClose?: (reason: ModalCloseReason) => void;
     /** Whether the Modal is currently open. */
     open: boolean;
-    /** The optional element receiving the Modal portal. */
-    portalContainer?: Element | null;
     /** Whether focus returns to its prior owner when the Modal closes. */
     restoreFocus?: boolean;
     /** Whether keyboard and programmatic focus remain inside the Modal. */
@@ -50,8 +48,6 @@ declare const Modal: import("react").ForwardRefExoticComponent<Omit<HTMLAttribut
     onClose?: (reason: ModalCloseReason) => void;
     /** Whether the Modal is currently open. */
     open: boolean;
-    /** The optional element receiving the Modal portal. */
-    portalContainer?: Element | null;
     /** Whether focus returns to its prior owner when the Modal closes. */
     restoreFocus?: boolean;
     /** Whether keyboard and programmatic focus remain inside the Modal. */

package/dist/components/PinInput/PinInput.d.ts

@@ -47,7 +47,7 @@ export type PinInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "childre
  *
  * @returns The rendered PinInput control.
  */
-declare const PinInput: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "className" | "style" | "inputMode" | "children" | "onPaste" | "onChange" | "size" | "type" | "pattern" | "value" | "maxLength" | "minLength"> & {
+declare const PinInput: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "className" | "style" | "inputMode" | "children" | "onPaste" | "onChange" | "size" | "pattern" | "type" | "value" | "maxLength" | "minLength"> & {
     /** The additional class name applied to the composite PinInput root. */
     className?: string;
     /** Whether entered characters are visually replaced with centered dots. */