neatkit 0.10.0 → 0.12.0

package/dist/Tooltip-CpyROf6x.js

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

package/dist/Tooltip-DDPh_YFO.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const m=require("react/jsx-runtime"),n=require("react"),we=require("./aria-DM-xYEHQ.cjs"),W=require("./reference-C2guRuR0.cjs"),$=require("./useFloatingPosition-DQgw-w_Z.cjs"),be=require("./effects-D98vUn6N.cjs"),F=require("./usePresence-Dm0mls5p.cjs"),Ee=require("./focus-restoration-70WcQRr5.cjs"),ye=require("./Surface-BttJYSDt.cjs"),De=500,J=n.createContext(null);function Ie(s){const{children:p,delay:i=De}=s,c=n.useMemo(()=>({delay:i}),[i]);return m.jsx(J.Provider,{value:c,children:p})}const K=500,G=100;function he(s,p,i,c){p.current=s,W.assignElementReference(i,s),W.assignElementReference(c,s)}function ve(s){return Number.isFinite(s)?Math.max(0,s):K}const Pe=n.forwardRef(function(p,i){const{children:c,className:Q,content:d,contentClassName:X,contentStyle:B,delay:Z,disabled:T=!1,onOpenChange:y,placement:N="top",style:ee}=p;if(d==null||typeof d=="boolean"||typeof d=="string"&&!d.trim())throw new Error("Tooltip content must not be empty");if(c.type===n.Fragment)throw new Error("Tooltip requires a single non-Fragment trigger");const S=`${n.useId()}-tooltip`,k=n.useContext(J),O=c.props,V=W.getElementReference(c),g=n.useRef(null),C=n.useRef(null),A=n.useRef(T),_=n.useRef(!1),D=n.useRef(null),I=n.useRef(null),h=n.useRef(null),v=n.useRef(!1),R=n.useRef(!1),w=n.useRef(!1),u=n.useRef(!1),[P,ne]=n.useState(null),[re,te]=n.useState(null),[L,oe]=n.useState(!1);A.current=T;const x=ve(Z??(k==null?void 0:k.delay)??K),b=F.usePresence(L),z=(P==null?void 0:P.ownerDocument)??(typeof document>"u"?null:document),M=be.useBoundary("Tooltip").boundaryElement,q=F.useOverlayLayer(b.present,M),l=$.useFloatingPosition(b.present,N,P,re,M),se=n.useMemo(()=>[g,C],[]),ce=we.mergeIdentifiers(O["aria-describedby"],S),ie=L&&b.present?ce:O["aria-describedby"],Y=n.useCallback(e=>{he(e,g,V,i),ne(e)},[i,V]),ue=n.useCallback(e=>{C.current=e,e||(u.current=!1),te(e)},[]),t=n.useCallback(()=>{const e=D.current;e&&e.ownerWindow.clearTimeout(e.timerId),D.current=null},[]),o=n.useCallback(()=>{const e=I.current;e&&e.ownerWindow.clearTimeout(e.timerId),I.current=null},[]),E=n.useCallback(()=>{const e=h.current;e&&e.ownerWindow.clearTimeout(e.timerId),h.current=null},[]),r=n.useCallback(e=>{_.current!==e&&(e||(u.current=!1),_.current=e,oe(e),y==null||y(e))},[y]),j=n.useCallback(e=>{var H,U;if(o(),R.current||w.current||u.current)return;if(e===0){r(!1);return}const a=((H=g.current)==null?void 0:H.ownerDocument.defaultView)??((U=C.current)==null?void 0:U.ownerDocument.defaultView);if(!a){r(!1);return}const f=a.setTimeout(()=>{I.current=null,!R.current&&!w.current&&!u.current&&r(!1)},e);I.current={ownerWindow:a,timerId:f}},[o,r]),le=n.useCallback(()=>{var f;if(t(),o(),x===0){r(!0);return}const e=(f=g.current)==null?void 0:f.ownerDocument.defaultView;if(!e)return;const a=e.setTimeout(()=>{D.current=null,A.current||r(!0)},x);D.current={ownerWindow:e,timerId:a}},[o,t,x,r]);function ae(e){if(R.current=!0,o(),v.current||Ee.isElementFocusRestoration(e.currentTarget)){t();return}t(),r(!0)}function fe(e){e.currentTarget.contains(e.relatedTarget)||(R.current=!1,t(),j(0))}function de(){w.current=!0,le()}function me(){w.current=!1,t(),j(G)}function pe(){u.current=!0,o()}function Te(){u.current=!1,j(G)}function ge(){var f;t(),o(),r(!1);const e=(f=g.current)==null?void 0:f.ownerDocument.defaultView;if(!e)return;v.current=!0,E();const a=e.setTimeout(()=>{v.current=!1,h.current=null},0);h.current={ownerWindow:e,timerId:a}}if(F.useDismissableLayer({boundary:M,active:L,boundaries:se,dismissOnPointerDownOutside:!0,layerId:q.id,onEscapeDismiss:()=>r(!1),onPointerDownOutsideDismiss:()=>r(!1),ownerDocument:z}),n.useEffect(()=>{T&&(t(),o(),E(),v.current=!1,R.current=!1,w.current=!1,u.current=!1,_.current&&r(!1))},[o,t,E,T,r]),n.useEffect(()=>()=>{t(),o(),E()},[o,t,E]),T)return n.cloneElement(c,{ref:Y});const Re=n.cloneElement(c,$.resolveTriggerOverrides(O,{"aria-describedby":ie,className:["nk-tooltip__trigger",Q].filter(Boolean).join(" "),onBlur:fe,onFocus:ae,onMouseEnter:de,onMouseLeave:me,onPointerDown:ge,ref:Y,style:ee}));return m.jsxs(m.Fragment,{children:[Re,b.present&&z?m.jsx(F.Portal,{children:m.jsxs(ye.Surface,{ref:ue,"aria-hidden":L?void 0:!0,className:["nk-tooltip",X].filter(Boolean).join(" "),"data-placement":(l==null?void 0:l.placement)??N,"data-state":b.state==="closing"?"closing":"open",id:S,onMouseEnter:pe,onMouseLeave:Te,role:"tooltip",style:l?{...B,"--nk-tooltip-arrow-offset":`${l.arrowOffset}px`,left:l.left,top:l.top,zIndex:q.zIndex}:{...B,visibility:"hidden",zIndex:q.zIndex},children:[m.jsx("span",{"aria-hidden":"true",className:"nk-tooltip__arrow"}),d]})}):null]})}),Le=Object.assign(Pe,{Provider:Ie});exports.Tooltip2=Le;

package/dist/Tooltip.cjs

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

package/dist/Tooltip.js

@@ -1,5 +1,5 @@
 "use client";
-import { T as a } from "./Tooltip-CeyRKNv4.js";
+import { T as a } from "./Tooltip-CpyROf6x.js";
 export {
   a as default
 };

package/dist/aria-Bv-xVREf.js

@@ -0,0 +1,17 @@
+function o(e) {
+  return e !== void 0 && e !== !1 && e !== "false";
+}
+function r(e, t) {
+  return e ? !0 : t;
+}
+function u(...e) {
+  const t = e.flatMap(
+    (n) => (n == null ? void 0 : n.split(/\s+/).filter(Boolean)) ?? []
+  ), s = [...new Set(t)];
+  return s.length > 0 ? s.join(" ") : void 0;
+}
+export {
+  o as h,
+  u as m,
+  r
+};

package/dist/aria-DM-xYEHQ.cjs

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

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

@@ -0,0 +1,28 @@
+import type { BoundaryWidthStore } from "../contexts/BoundaryContext";
+/** A type representing what decides whether a Boundary paints a document. */
+export type DocumentBackgroundOptions = {
+    /** Whether another Boundary encloses this one. */
+    nested: boolean;
+    /** The mounted Boundary root, once it has rendered. */
+    rootElement: HTMLElement | null;
+    /** The Boundary's width store, observed for resizes. */
+    width: BoundaryWidthStore;
+};
+/**
+ * Extends a Boundary's appearance across the whole document.
+ *
+ * A Boundary paints an element within the page rather than the page itself,
+ * so a viewer scrolling past the document's edge meets the browser's canvas
+ * instead, and a dark interface appears to sit on a white page.
+ *
+ * The page Boundary is recognized rather than configured: the one no other
+ * Boundary encloses, which also spans the viewport. Either test alone admits
+ * a Boundary that is not the page, so both must hold.
+ *
+ * @param options - The Boundary being resolved.
+ *
+ * @note A document adopts the appearance only once the Boundary has been
+ * measured, which a server render precedes entirely. A page needing the two to
+ * agree from its first paint declares the background in its own markup.
+ */
+export declare function useDocumentBackground(options: DocumentBackgroundOptions): void;

package/dist/components/Card/Card.d.ts

@@ -1,40 +1,39 @@
 import { type HTMLAttributes, type ReactNode } from "react";
+import CardBody from "./components/CardBody";
+import CardFooter from "./components/CardFooter";
+import CardHeader from "./components/CardHeader";
 import "./styles/card.css";
-/** A type representing the optional labels displayed in a Card header. */
-export type CardHeader = {
-    /** The primary label displayed in the Card header. */
-    title: string;
-    /** The secondary label displayed after the primary label. */
-    subtitle?: string;
-};
-/** A type representing the internal spacing applied by a Card. */
+export type { CardBodyProps } from "./components/CardBody";
+export type { CardFooterProps } from "./components/CardFooter";
+export type { CardHeaderProps } from "./components/CardHeader";
+/** A type representing the internal spacing applied to a Card region. */
 export type CardSpacing = "none" | "standard";
+/** A type representing the complete compound Card component. */
+type CardComponent = typeof CardRoot & {
+    /** The content region carrying optional internal spacing. */
+    Body: typeof CardBody;
+    /** The region separated from preceding Card content by a border. */
+    Footer: typeof CardFooter;
+    /** The region separated from following Card content by a border. */
+    Header: typeof CardHeader;
+};
 /** A type representing properties for the Card component. */
 export type CardProps = HTMLAttributes<HTMLDivElement> & {
-    /** The content displayed inside the Card. */
+    /** The regions composing the Card surface. */
     children: ReactNode;
-    /** The optional fixed-format labels displayed above the Card content. */
-    header?: CardHeader;
-    /** The internal spacing applied to the Card content region. */
-    spacing?: CardSpacing;
 };
 /**
  * Renders a bordered surface for grouping related content.
  *
- * A header moves spacing into a private content region beneath its labels.
- * Spacing can be removed for custom full-bleed layouts.
- *
- * @param props - The properties that configure the Card.
+ * @param props - The native properties that configure the Card surface.
  * @param forwardedReference - The reference assigned to the Card element.
  *
  * @returns The rendered Card surface.
  */
-declare const Card: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    /** The content displayed inside the Card. */
+declare const CardRoot: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /** The regions composing the Card surface. */
     children: ReactNode;
-    /** The optional fixed-format labels displayed above the Card content. */
-    header?: CardHeader;
-    /** The internal spacing applied to the Card content region. */
-    spacing?: CardSpacing;
 } & import("react").RefAttributes<HTMLDivElement>>;
+/** The compound Card component and its structural regions. */
+declare const Card: CardComponent;
 export default Card;

package/dist/components/Card/components/CardBody.d.ts

@@ -0,0 +1,24 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import type { CardSpacing } from "../Card";
+/** A type representing properties for the Card.Body component. */
+export type CardBodyProps = HTMLAttributes<HTMLDivElement> & {
+    /** The content rendered in the Card body. */
+    children?: ReactNode;
+    /** The internal spacing applied around the body content. */
+    spacing?: CardSpacing;
+};
+/**
+ * Renders the optionally spaced content region of a Card.
+ *
+ * @param props - The properties that configure the Card body.
+ * @param forwardedReference - The reference assigned to the body element.
+ *
+ * @returns The rendered Card body.
+ */
+declare const CardBody: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /** The content rendered in the Card body. */
+    children?: ReactNode;
+    /** The internal spacing applied around the body content. */
+    spacing?: CardSpacing;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default CardBody;

package/dist/components/Card/components/CardFooter.d.ts

@@ -0,0 +1,24 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import type { CardSpacing } from "../Card";
+/** A type representing properties for the Card.Footer component. */
+export type CardFooterProps = HTMLAttributes<HTMLDivElement> & {
+    /** The content rendered after the Card body. */
+    children?: ReactNode;
+    /** The internal spacing applied around the footer content. */
+    spacing?: CardSpacing;
+};
+/**
+ * Renders a Card region separated from preceding content by a border.
+ *
+ * @param props - The native properties that configure the Card footer.
+ * @param forwardedReference - The reference assigned to the footer element.
+ *
+ * @returns The rendered Card footer.
+ */
+declare const CardFooter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /** The content rendered after the Card body. */
+    children?: ReactNode;
+    /** The internal spacing applied around the footer content. */
+    spacing?: CardSpacing;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default CardFooter;

package/dist/components/Card/components/CardHeader.d.ts

@@ -0,0 +1,24 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import type { CardSpacing } from "../Card";
+/** A type representing properties for the Card.Header component. */
+export type CardHeaderProps = HTMLAttributes<HTMLDivElement> & {
+    /** The content rendered before the Card body. */
+    children?: ReactNode;
+    /** The internal spacing applied around the header content. */
+    spacing?: CardSpacing;
+};
+/**
+ * Renders a Card region separated from following content by a border.
+ *
+ * @param props - The native properties that configure the Card header.
+ * @param forwardedReference - The reference assigned to the header element.
+ *
+ * @returns The rendered Card header.
+ */
+declare const CardHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /** The content rendered before the Card body. */
+    children?: ReactNode;
+    /** The internal spacing applied around the header content. */
+    spacing?: CardSpacing;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default CardHeader;

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

@@ -1,2 +1,2 @@
 export { default } from "./Card";
-export type { CardHeader, CardProps, CardSpacing, } from "./Card";
+export type { CardBodyProps, CardFooterProps, CardHeaderProps, CardProps, CardSpacing, } from "./Card";

package/dist/components/Code/Code.d.ts

@@ -2,6 +2,8 @@ import { type HTMLAttributes } from "react";
 import "./styles/code.css";
 /** A syntax-highlighting language supported by Code. */
 export type CodeLanguage = "C" | "C++" | "CSS" | "Go" | "HTML" | "JSON" | "JavaScript" | "Markdown" | "Python" | "Ruby" | "Rust" | "SQL" | "Shell" | "TypeScript" | "YAML";
+/** A type representing the outer frame applied around source code. */
+export type CodeFrame = "none" | "outline";
 /** Properties owned by Code rather than its native container. */
 type CodeOwnProps = {
     /** Native properties applied to the rendered code element. */
@@ -10,7 +12,9 @@ type CodeOwnProps = {
     code: string;
     /** The additional class name applied to the horizontal scroll container. */
     containerClassName?: string;
-    /** The language label and optional syntax grammar applied to the source. */
+    /** The outer border and corner treatment applied around the source. */
+    frame?: CodeFrame;
+    /** The optional syntax-highlighting grammar applied to the source. */
     language?: CodeLanguage;
     /**
      * The maximum line count rendered with individual wrappers and numbers.
@@ -25,13 +29,11 @@ type CodeOwnProps = {
     maxHighlightLength?: number | null;
     /** Native properties applied to the rendered preformatted element. */
     preProps?: Omit<HTMLAttributes<HTMLPreElement>, "children" | "dangerouslySetInnerHTML">;
-    /** The optional source title displayed in the Card header. */
-    title?: string;
 };
 /** A type representing properties for the Code component. */
-export type CodeProps = Omit<HTMLAttributes<HTMLDivElement>, "children" | "dangerouslySetInnerHTML" | "title"> & CodeOwnProps;
+export type CodeProps = Omit<HTMLAttributes<HTMLDivElement>, "children" | "dangerouslySetInnerHTML"> & CodeOwnProps;
 /**
- * Renders highlighted, line-numbered source inside a Card.
+ * Renders highlighted, line-numbered source inside an optional frame.
  *
  * The horizontal scroll region becomes keyboard-focusable only when its
  * content overflows, while line numbers remain hidden from assistive
@@ -39,9 +41,9 @@ export type CodeProps = Omit<HTMLAttributes<HTMLDivElement>, "children" | "dange
  * wrappers are bounded while oversized source remains complete as plain text.
  *
  * @param props - The source, presentation, and native container properties.
- * @param forwardedReference - The reference assigned to the outer Card.
+ * @param forwardedReference - The reference assigned to the outer surface.
  *
  * @returns The rendered source-code surface.
  */
-declare const Code: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "children" | "dangerouslySetInnerHTML"> & CodeOwnProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Code: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children" | "dangerouslySetInnerHTML"> & CodeOwnProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Code;

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

@@ -1,2 +1,2 @@
 export { default } from "./Code";
-export type { CodeLanguage, CodeProps } from "./Code";
+export type { CodeFrame, CodeLanguage, CodeProps } from "./Code";

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

@@ -0,0 +1,11 @@
+import type { IconGraphicProps } from "./types";
+/**
+ * Renders an Apple 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/BingIcon.d.ts

@@ -0,0 +1,11 @@
+import type { IconGraphicProps } from "./types";
+/**
+ * Renders a Bing 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/ChainIcon.d.ts

@@ -0,0 +1,11 @@
+import type { IconGraphicProps } from "./types";
+/**
+ * Renders a chain 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/FacebookIcon.d.ts

@@ -0,0 +1,11 @@
+import type { IconGraphicProps } from "./types";
+/**
+ * Renders a Facebook 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/GoogleIcon.d.ts

@@ -0,0 +1,11 @@
+import type { IconGraphicProps } from "./types";
+/**
+ * Renders a Google 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/InstagramIcon.d.ts

@@ -0,0 +1,11 @@
+import type { IconGraphicProps } from "./types";
+/**
+ * Renders an Instagram 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/MicrosoftIcon.d.ts

@@ -0,0 +1,11 @@
+import type { IconGraphicProps } from "./types";
+/**
+ * Renders a Microsoft 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/TwitterIcon.d.ts

@@ -0,0 +1,11 @@
+import type { IconGraphicProps } from "./types";
+/**
+ * Renders a Twitter 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/utils/registry.d.ts

@@ -6,6 +6,13 @@ export declare const iconGraphics: {
     readonly mail: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly github: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly globe: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly google: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly microsoft: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly bing: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly apple: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly twitter: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly facebook: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly instagram: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly linkedin: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly reddit: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly exit: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
@@ -21,6 +28,7 @@ export declare const iconGraphics: {
     readonly plus: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly minus: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly window: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly chain: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly user: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly duplicate: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly eye: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;

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

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

@@ -44,7 +44,7 @@ type UsePinInputResult = {
     /** Synchronizes visual and native selection state. */
     handleSelect: (event: SyntheticEvent<HTMLInputElement>) => void;
     /** Focuses the visual slot selected with a pointer. */
-    handleSlotPointerDown: (event: PointerEvent<HTMLSpanElement>, index: number) => void;
+    handleSlotPointerDown: (event: PointerEvent<HTMLLabelElement>, index: number) => void;
     /** The stable callback assigning the native input reference. */
     inputCallbackReference: (element: HTMLInputElement | null) => void;
     /** The normalized supported character count. */