neatkit 0.7.0 → 0.8.0

package/dist/components/Skeleton/Skeleton.d.ts

@@ -1,14 +1,22 @@
 import { type HTMLAttributes } from "react";
 import "./styles/skeleton.css";
 /** A type representing the silhouette drawn by Skeleton. */
-export type SkeletonShape = "rectangle" | "circle";
+export type SkeletonShape = "rectangle" | "ellipse";
 /** A type representing properties for the Skeleton component. */
 export type SkeletonProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
     /** The silhouette drawn by the loading placeholder. */
     shape?: SkeletonShape;
-    /** The CSS-compatible width of the loading placeholder. */
+    /**
+     * The CSS-compatible width of the loading placeholder.
+     *
+     * Placeholders otherwise fill their container.
+     */
     width?: number | string;
-    /** The CSS-compatible height of the loading placeholder. */
+    /**
+     * The CSS-compatible height of the loading placeholder.
+     *
+     * Placeholders otherwise match the height of the surrounding text.
+     */
     height?: number | string;
 };
 /**
@@ -22,9 +30,17 @@ export type SkeletonProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
 declare const Skeleton: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
     /** The silhouette drawn by the loading placeholder. */
     shape?: SkeletonShape;
-    /** The CSS-compatible width of the loading placeholder. */
+    /**
+     * The CSS-compatible width of the loading placeholder.
+     *
+     * Placeholders otherwise fill their container.
+     */
     width?: number | string;
-    /** The CSS-compatible height of the loading placeholder. */
+    /**
+     * The CSS-compatible height of the loading placeholder.
+     *
+     * Placeholders otherwise match the height of the surrounding text.
+     */
     height?: number | string;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export default Skeleton;

package/dist/components/Table/Table.d.ts

@@ -34,6 +34,12 @@ export type TableFootProps = HTMLAttributes<HTMLTableSectionElement> & {
 };
 /** Shared native properties for every Table.Row configuration. */
 type TableRowBaseProps = Omit<HTMLAttributes<HTMLTableRowElement>, "aria-label" | "children" | "onClick"> & {
+    /**
+     * The controls operating on this row.
+     *
+     * Each action is keyed by its label, so labels must be unique per row.
+     */
+    actions?: readonly TableRowAction[];
     /** The cells rendered inside the Table row. */
     children: ReactNode;
 };
@@ -103,7 +109,7 @@ type TableHeaderCellOwnProps = {
 };
 /** A type representing properties for the Table.HeaderCell component. */
 export type TableHeaderCellProps = Omit<ThHTMLAttributes<HTMLTableCellElement>, "align" | "children"> & TableHeaderCellOwnProps;
-/** A type representing properties for the Table.ActionHeaderCell component. */
+/** A type representing properties for the Table action header cell. */
 export type TableActionHeaderCellProps = Omit<TableHeaderCellProps, "align">;
 /** A type representing properties for the Table.Cell component. */
 export type TableCellProps = Omit<TdHTMLAttributes<HTMLTableCellElement>, "align" | "children"> & {
@@ -118,26 +124,15 @@ export type TableCellProps = Omit<TdHTMLAttributes<HTMLTableCellElement>, "align
     /** The primitive value displayed or passed to the format function. */
     value?: TableCellValue;
 };
-/** A type representing properties for the Table.Action component. */
-export type TableActionProps = Omit<ButtonProps<"button">, "as" | "children" | "className" | "fullWidth" | "icon" | "iconAlignment" | "shape" | "style" | "textAlignment" | "type" | "variant"> & {
+/** A type representing one consistently styled Table row action. */
+export type TableRowAction = Omit<ButtonProps<"button">, "as" | "children" | "className" | "fullWidth" | "icon" | "iconAlignment" | "shape" | "style" | "textAlignment" | "type" | "variant"> & {
     /** The icon identifying the row action. */
     icon: IconType;
     /** The short Tooltip label and base accessible name for the row action. */
     label: string;
 };
-/** A type representing properties for the Table.ActionCell component. */
-export type TableActionCellProps = Omit<TdHTMLAttributes<HTMLTableCellElement>, "align" | "children"> & {
-    /** The consistently styled row actions rendered inside the cell. */
-    children?: ReactNode;
-};
 /** A type representing the complete compound Table component. */
 type TableComponent = typeof TableRoot & {
-    /** A consistently styled control operating on one Table row. */
-    Action: typeof TableAction;
-    /** The cell containing persistent row-level actions. */
-    ActionCell: typeof TableActionCell;
-    /** The header cell labelling the row-actions column. */
-    ActionHeaderCell: typeof TableActionHeaderCell;
     /** The body section containing Table data rows. */
     Body: typeof TableBody;
     /** A standard Table data cell. */
@@ -209,15 +204,6 @@ declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps
  * @returns The rendered Table column header.
  */
 declare const TableHeaderCell: import("react").ForwardRefExoticComponent<Omit<ThHTMLAttributes<HTMLTableCellElement>, "children" | "align"> & TableHeaderCellOwnProps & import("react").RefAttributes<HTMLTableCellElement>>;
-/**
- * Renders the header for a row-actions column.
- *
- * @param props - The native header properties and optional visible label.
- * @param forwardedReference - The reference assigned to the header cell.
- *
- * @returns The rendered Table actions header.
- */
-declare const TableActionHeaderCell: import("react").ForwardRefExoticComponent<TableActionHeaderCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
 /**
  * Renders a data cell with optional value formatting and truncation.
  *
@@ -238,32 +224,6 @@ declare const TableCell: import("react").ForwardRefExoticComponent<Omit<TdHTMLAt
     /** The primitive value displayed or passed to the format function. */
     value?: TableCellValue;
 } & import("react").RefAttributes<HTMLTableCellElement>>;
-/**
- * Renders one consistently styled control operating on a Table row.
- *
- * @param props - The short label, icon, and native button properties.
- * @param forwardedReference - The reference assigned to the action button.
- *
- * @returns The rendered Table row action.
- */
-declare const TableAction: import("react").ForwardRefExoticComponent<Omit<ButtonProps<"button">, "className" | "style" | "children" | "icon" | "variant" | "type" | "as" | "shape" | "fullWidth" | "iconAlignment" | "textAlignment"> & {
-    /** The icon identifying the row action. */
-    icon: IconType;
-    /** The short Tooltip label and base accessible name for the row action. */
-    label: string;
-} & import("react").RefAttributes<HTMLButtonElement>>;
-/**
- * Renders the cell containing controls for one Table row.
- *
- * @param props - The native cell properties and composed Table actions.
- * @param forwardedReference - The reference assigned to the action cell.
- *
- * @returns The rendered Table action cell.
- */
-declare const TableActionCell: import("react").ForwardRefExoticComponent<Omit<TdHTMLAttributes<HTMLTableCellElement>, "children" | "align"> & {
-    /** The consistently styled row actions rendered inside the cell. */
-    children?: ReactNode;
-} & import("react").RefAttributes<HTMLTableCellElement>>;
 /**
  * Renders a semantic Table inside a keyboard-scrollable surface.
  *

package/dist/components/Table/contexts/TableContext.d.ts

@@ -0,0 +1,4 @@
+/** A type representing the section a Table row belongs to. */
+export type TableSection = "head" | "body" | "foot";
+/** The internal context naming the section a row is rendered inside. */
+export declare const TableSectionContext: import("react").Context<TableSection>;

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

@@ -1,2 +1,2 @@
 export { default } from "./Table";
-export type { TableActionCellProps, TableActionHeaderCellProps, TableActionProps, TableBodyProps, TableCellAlignment, TableCellProps, TableCellValue, TableFootProps, TableHeaderCellProps, TableHeadProps, TableProps, TableRowProps, } from "./Table";
+export type { TableBodyProps, TableCellAlignment, TableCellProps, TableCellValue, TableFootProps, TableHeaderCellProps, TableHeadProps, TableProps, TableRowAction, TableRowProps, } from "./Table";

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,6 @@
 import { type CSSProperties, type ReactElement, type ReactNode } from "react";
 import type { FloatingPlacement } from "../Portal/utils/floating-position";
+import TooltipProvider from "./TooltipProvider";
 import "./styles/tooltip.css";
 /** A type representing the preferred placement of a Tooltip. */
 export type TooltipPlacement = FloatingPlacement;
@@ -30,10 +31,8 @@ export type TooltipProps = {
     disabled?: boolean;
     /** The callback invoked whenever the Tooltip opens or closes. */
     onOpenChange?: (open: boolean) => void;
-    /** The preferred placement before viewport collision handling. */
+    /** The preferred placement before collision handling. */
     placement?: TooltipPlacement;
-    /** The optional element receiving the Tooltip portal. */
-    portalContainer?: Element | null;
     /** The inline styles applied to the trigger element. */
     style?: CSSProperties;
 };
@@ -50,5 +49,12 @@ export type TooltipProps = {
  *
  * @returns The trigger and its portal-backed Tooltip description.
  */
-declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLElement>>;
+declare const TooltipRoot: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLElement>>;
+/** A type representing the complete compound Tooltip component. */
+type TooltipComponent = typeof TooltipRoot & {
+    /** The provider supplying shared behavior to descendant Tooltips. */
+    Provider: typeof TooltipProvider;
+};
+/** The compound Tooltip component and its shared-behavior provider. */
+declare const Tooltip: TooltipComponent;
 export default Tooltip;

package/dist/components/Tooltip/TooltipProvider.d.ts

@@ -6,7 +6,7 @@ type TooltipContextValue = {
 };
 /** Shared Tooltip behavior remains optional for standalone usage. */
 export declare const TooltipContext: import("react").Context<TooltipContextValue | null>;
-/** A type representing properties for the TooltipProvider component. */
+/** A type representing properties for the Tooltip.Provider component. */
 export type TooltipProviderProps = {
     /** The Tooltip-bearing interface receiving shared behavior. */
     children: ReactNode;

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

@@ -1,4 +1,3 @@
 export { default } from "./Tooltip";
 export type { TooltipPlacement, TooltipProps } from "./Tooltip";
-export { default as TooltipProvider } from "./TooltipProvider";
 export type { TooltipProviderProps } from "./TooltipProvider";

package/dist/effects-D5CWf-Pl.js

@@ -0,0 +1,8 @@
+import { createContext as o, useEffect as t, useLayoutEffect as e } from "react";
+const n = o(
+  void 0
+), s = typeof window > "u" ? t : e;
+export {
+  n as B,
+  s as u
+};

package/dist/effects-D85L_7zM.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react"),e=t.createContext(void 0),o=typeof window>"u"?t.useEffect:t.useLayoutEffect;exports.BoundaryContext=e;exports.useIsomorphicLayoutEffect=o;

package/dist/floating-position-5wJ5G5IT.js

@@ -0,0 +1,48 @@
+const P = {
+  bottom: "top",
+  left: "right",
+  right: "left",
+  top: "bottom"
+};
+function O(e, h) {
+  const t = Math.min(12, h / 2);
+  return Math.min(Math.max(t, e), h - t);
+}
+function _(e) {
+  return P[e];
+}
+function a(e, h) {
+  return h === "left" || h === "right" ? e.width : e.height;
+}
+function I(e, h, t) {
+  const f = Math.max(e.left, 0), m = Math.max(e.top, 0), i = Math.min(e.right, h), M = Math.min(e.bottom, t);
+  return i <= f || M <= m ? e : { bottom: M, left: f, right: i, top: m };
+}
+function T(e, h, t, f, m) {
+  const i = {
+    bottom: m.bottom - t.bottom - h * 2,
+    left: t.left - m.left - h * 2,
+    right: m.right - t.right - h * 2,
+    top: t.top - m.top - h * 2
+  }, M = _(e), E = a(f, e), o = i[e] < E && i[M] > i[e] ? M : e;
+  let l = t.left + (t.width - f.width) / 2, c = t.top + (t.height - f.height) / 2;
+  o === "top" ? c = t.top - f.height - h : o === "bottom" ? c = t.bottom + h : o === "left" ? l = t.left - f.width - h : l = t.right + h;
+  const w = m.left + h, x = m.top + h;
+  return l = Math.min(
+    Math.max(w, l),
+    Math.max(w, m.right - h - f.width)
+  ), c = Math.min(
+    Math.max(x, c),
+    Math.max(x, m.bottom - h - f.height)
+  ), { arrowOffset: o === "top" || o === "bottom" ? O(
+    t.left + t.width / 2 - l,
+    f.width
+  ) : O(
+    t.top + t.height / 2 - c,
+    f.height
+  ), left: l, placement: o, top: c };
+}
+export {
+  T as c,
+  I as g
+};

package/dist/floating-position-Cy9xxdH4.cjs

@@ -0,0 +1 @@
+"use strict";const a={bottom:"top",left:"right",right:"left",top:"bottom"};function x(i,h){const t=Math.min(12,h/2);return Math.min(Math.max(t,i),h-t)}function E(i){return a[i]}function _(i,h){return h==="left"||h==="right"?i.width:i.height}function A(i,h,t){const e=Math.max(i.left,0),f=Math.max(i.top,0),m=Math.min(i.right,h),M=Math.min(i.bottom,t);return m<=e||M<=f?i:{bottom:M,left:e,right:m,top:f}}function F(i,h,t,e,f){const m={bottom:f.bottom-t.bottom-h*2,left:t.left-f.left-h*2,right:f.right-t.right-h*2,top:t.top-f.top-h*2},M=E(i),P=_(e,i),o=m[i]<P&&m[M]>m[i]?M:i;let l=t.left+(t.width-e.width)/2,c=t.top+(t.height-e.height)/2;o==="top"?c=t.top-e.height-h:o==="bottom"?c=t.bottom+h:o==="left"?l=t.left-e.width-h:l=t.right+h;const w=f.left+h,O=f.top+h;return l=Math.min(Math.max(w,l),Math.max(w,f.right-h-e.width)),c=Math.min(Math.max(O,c),Math.max(O,f.bottom-h-e.height)),{arrowOffset:o==="top"||o==="bottom"?x(t.left+t.width/2-l,e.width):x(t.top+t.height/2-c,e.height),left:l,placement:o,top:c}}exports.calculateFloatingPosition=F;exports.getVisibleBounds=A;