@apple-pie/slice 0.1.56 → 0.1.58

package/dist/types/components/Button/Button.d.ts

@@ -17,7 +17,7 @@ export declare const Button: React.NamedExoticComponent<Omit<React.ButtonHTMLAtt
     round?: boolean;
     tooltip?: string;
     iconSize?: number;
-    borderRadius?: number;
+    borderRadius?: number | string;
     iconColor?: string;
     backgroundColor?: string;
     backgroundColorDisabled?: string;
@@ -56,7 +56,7 @@ export declare const Button: React.NamedExoticComponent<Omit<React.ButtonHTMLAtt
     round?: boolean;
     tooltip?: string;
     iconSize?: number;
-    borderRadius?: number;
+    borderRadius?: number | string;
     iconColor?: string;
     backgroundColor?: string;
     backgroundColorDisabled?: string;

package/dist/types/components/Button/_types.d.ts

@@ -17,7 +17,7 @@ type ButtonBaseProps = {
     round?: boolean;
     tooltip?: string;
     iconSize?: number;
-    borderRadius?: number;
+    borderRadius?: number | string;
     iconColor?: string;
     backgroundColor?: string;
     backgroundColorDisabled?: string;

package/dist/types/components/Chip/_types.d.ts

@@ -21,7 +21,7 @@ type ChipBaseProps = {
     borderColor?: string;
     borderColorHover?: string;
     borderColorDisabled?: string;
-    borderRadius?: number;
+    borderRadius?: number | string;
     gap?: number;
     paddingTop?: number;
     paddingTops?: number;

package/dist/types/components/DivInput/_types.d.ts

@@ -16,8 +16,8 @@ type DivInputBaseProps = {
     textAlign?: 'left' | 'center' | 'right';
     clamp?: number;
     padding?: string;
-    borderRadius?: number;
-    radius?: number;
+    borderRadius?: number | string;
+    radius?: number | string;
     backgroundColor?: string;
 };
 export type DivInputProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DivInputBaseProps> & DivInputBaseProps;

package/dist/types/components/DraggablePanel/DrggablePanel.d.ts

@@ -46,7 +46,7 @@ export declare const DraggablePanel: React.MemoExoticComponent<(props: Draggable
 export type DragHandleProps = {
     width?: number;
     height?: number;
-    radius?: number;
+    radius?: number | string;
     stroke?: number;
     strokeColor?: string;
     color?: string;

package/dist/types/components/DropDown/_types.d.ts

@@ -13,7 +13,7 @@ type DropDownBaseProps<T = string> = {
     selectedValue?: T;
     valueKey?: string;
     placeholder?: boolean;
-    borderRadius?: number;
+    borderRadius?: number | string;
     borderStyle?: 'bottom' | 'box' | 'none';
     validate?: boolean;
     iconColor?: string;

package/dist/types/components/FlexDiv/FlexDiv.d.ts

@@ -27,7 +27,7 @@ export declare const FlexDiv: React.NamedExoticComponent<Omit<React.HTMLAttribut
     transition?: import("motion-dom").Transition;
     variants?: any;
     gap?: number;
-    borderRadius?: number;
+    borderRadius?: number | string;
     scrollHandle?: string;
     scrollHandleHover?: string;
 }> & {
@@ -58,7 +58,7 @@ export declare const FlexDiv: React.NamedExoticComponent<Omit<React.HTMLAttribut
     transition?: import("motion-dom").Transition;
     variants?: any;
     gap?: number;
-    borderRadius?: number;
+    borderRadius?: number | string;
     scrollHandle?: string;
     scrollHandleHover?: string;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/FlexDiv/_types.d.ts

@@ -138,7 +138,7 @@ type FlexDivBaseProps = {
     transition?: Transition;
     variants?: any;
     gap?: number;
-    borderRadius?: number;
+    borderRadius?: number | string;
     scrollHandle?: string;
     scrollHandleHover?: string;
 };

package/dist/types/components/IconButton/_types.d.ts

@@ -75,7 +75,7 @@ type IconButtonBaseProps = {
     initial?: string;
     animate?: string;
     exit?: string;
-    borderRadius?: number;
+    borderRadius?: number | string;
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onToolTip?: (tip: ToolTip | null) => void;
     buttonSize?: 's' | 'm' | 'l' | 'xl';

package/dist/types/components/Label/_types.d.ts

@@ -15,7 +15,7 @@ type LabelBaseProps = {
     borderWidth?: number;
     borderSize?: number;
     borderColor?: string;
-    borderRadius?: number;
+    borderRadius?: number | string;
     padding?: number | string;
     textColor?: string;
     textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';

package/dist/types/components/PromptInput/PromptInput.d.ts

@@ -14,7 +14,7 @@ export declare const PromptInput: React.NamedExoticComponent<Omit<React.HTMLAttr
     borderColor?: string | number;
     borderColorOn?: string | number;
     borderAnimate?: boolean;
-    borderRadius?: number;
+    borderRadius?: number | string;
     placeholder?: string;
     placeholderWorking?: string;
     focused?: boolean;
@@ -48,7 +48,7 @@ export declare const PromptInput: React.NamedExoticComponent<Omit<React.HTMLAttr
     borderColor?: string | number;
     borderColorOn?: string | number;
     borderAnimate?: boolean;
-    borderRadius?: number;
+    borderRadius?: number | string;
     placeholder?: string;
     placeholderWorking?: string;
     focused?: boolean;

package/dist/types/components/PromptInput/_types.d.ts

@@ -14,7 +14,7 @@ type BasePromptProps = {
     borderColor?: string | number;
     borderColorOn?: string | number;
     borderAnimate?: boolean;
-    borderRadius?: number;
+    borderRadius?: number | string;
     placeholder?: string;
     placeholderWorking?: string;
     focused?: boolean;

package/dist/types/components/Spacer/_types.d.ts

@@ -1,6 +1,7 @@
 import type React from 'react';
+import type { SpacingGrid } from '../../theme/spacing/_types';
 type SpacerBaseProps = {
-    size?: number;
+    size?: keyof SpacingGrid;
 };
 export type SpacerProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof SpacerBaseProps> & SpacerBaseProps;
 export {};

package/dist/types/components/TextArea/_types.d.ts

@@ -19,7 +19,7 @@ type TextAreaBaseProps = {
     };
     sendSize?: number;
     backgroundColor?: string;
-    borderRadius?: number;
+    borderRadius?: number | string;
     returnSubmits?: boolean;
     textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     disabled?: boolean;

package/dist/types/components/Tip/_types.d.ts

@@ -17,8 +17,8 @@ type ToolTipBaseProps = {
     border?: boolean;
     borderColor?: string;
     padding?: number | string;
-    borderRadius?: number;
-    radius?: number;
+    borderRadius?: number | string;
+    radius?: number | string;
     coords?: {
         x: number;
         y: number;

package/dist/types/hooks/index.d.ts

@@ -16,3 +16,4 @@ export { useObserveResize } from './useObserveResize/useObserveResize';
 export { useIntersecting, type IntersectContainer, type IntersectEntry, type IntersectMargin, type IntersectOptions, type IntersectResult, type IntersectResultList, type ResolvedEntries, defaultOptions as defaultIntersectingOptions, } from './useIntersecting/useIntersecting';
 export { useClipboard, type ClipboardPermissionState, type ClipboardPasteResult, type UseClipboardOptions, type UseClipboardReturn, type UseClipboardTarget, } from './useClipboard/useClipboard';
 export { useActiveTab, type UseActiveTabReturn } from './useActiveTab/useActiveTab';
+export { useInfiniteScroll, type InfiniteScrollLoader, type UseInfiniteScrollOptions, type UseInfiniteScrollReturn, } from './useInfiniteScroll/useInfiniteScroll';

package/dist/types/hooks/useInfiniteScroll/useInfiniteScroll.d.ts

@@ -0,0 +1,25 @@
+import { type RefCallback } from 'react';
+export type InfiniteScrollLoader<T> = () => Promise<T[]>;
+export type UseInfiniteScrollOptions = {
+    /** Controlled by the caller; false prevents further requests. */
+    hasMore: boolean;
+    enabled?: boolean;
+    /** Change this value when filters or the underlying dataset change. */
+    resetKey?: unknown;
+    /** Scroll container for the intersection observer; null uses the browser viewport. */
+    root?: Element | Document | null;
+    /** Observer margin. Defaults to '0px'; use a positive bottom margin to prefetch. */
+    rootMargin?: string;
+};
+export type UseInfiniteScrollReturn<T> = {
+    items: T[];
+    isLoading: boolean;
+    error: Error | null;
+    hasMore: boolean;
+    sentinelRef: RefCallback<HTMLElement>;
+    loadMore: () => Promise<void>;
+    retry: () => Promise<void>;
+    reset: () => void;
+};
+/** Loads immediately, then appends pages as the sentinel approaches the viewport. */
+export declare function useInfiniteScroll<T>(loader: InfiniteScrollLoader<T>, options: UseInfiniteScrollOptions): UseInfiniteScrollReturn<T>;

package/dist/types/hooks/useInfiniteScroll/useInfiniteScroll.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/index.d.ts

@@ -92,3 +92,4 @@ export { DataTable } from './components/DataTable';
 export type { DataTableProps, ColumnDefinition, CellContext, HeaderContext, SortKey, } from './components/DataTable';
 export { createColumnHelper, applyDataTableViewState, createDefaultViewState, resolveSortFromViewState, captureSortToViewState, } from './components/DataTable';
 export type { DataTableViewState } from './components/DataTable';
+export { useInfiniteScroll, type InfiniteScrollLoader, type UseInfiniteScrollOptions, type UseInfiniteScrollReturn, } from './hooks/useInfiniteScroll/useInfiniteScroll';

package/dist/types/theme/index.d.ts

@@ -4,6 +4,8 @@ export type { Type } from './type/types';
 export type { Corners } from './corners/types';
 export type { Elevations } from './elevations/_types';
 export type { SliceMotion } from './motion/_types';
+export type { SpacingGrid } from './spacing/_types';
 export { light, dark } from './colors/colors';
 export { elevations, elevations as Elevation } from './elevations/elevations';
 export { motion } from './motion/motion';
+export { spacing } from './spacing/spacing';

package/dist/types/theme/spacing/_types.d.ts

@@ -0,0 +1,10 @@
+export type SpacingGrid = {
+    xxs: number;
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+    xxl: number;
+    h: number;
+};

package/dist/types/theme/spacing/spacing.d.ts

@@ -0,0 +1,2 @@
+import type { SpacingGrid } from './_types';
+export declare const spacing: SpacingGrid;

package/dist/types/theme/themes.d.ts

@@ -2,6 +2,7 @@ import type { Colors, CoreColors } from './colors/types';
 import type { Corners } from './corners/types';
 import type { Elevations } from './elevations/_types';
 import type { SliceMotion } from './motion/_types';
+import type { SpacingGrid } from './spacing/_types';
 import type { Type } from './type/types';
 export type SliceTheme = {
     name: string;
@@ -10,6 +11,7 @@ export type SliceTheme = {
     type: Type;
     corners: Corners;
     elevations: Elevations;
+    spacing: SpacingGrid;
     motion: SliceMotion;
 };
 export declare const lightTheme: SliceTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@apple-pie/slice",
-	"version": "0.1.56",
+	"version": "0.1.58",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.mjs",
 	"exports": {
@@ -100,9 +100,10 @@
 	"files": ["dist", "README.md", "scripts/copy-assets.mjs"],
 	"sideEffects": ["**/*.css"],
 	"scripts": {
-		"lint": "biome format --write . && biome check .",
-		"lint:fix": "biome format --write . && biome check --write .",
-		"lint:ci": "biome ci .",
+		"lint": "biome format --write . && biome check . && npm run typecheck",
+		"lint:fix": "biome format --write . && biome check --write . && npm run typecheck",
+		"lint:ci": "biome ci . && npm run typecheck",
+		"typecheck": "tsc --noEmit -p tsconfig.json",
 		"format": "biome format --write .",
 		"test": "vitest",
 		"test:ui": "vitest --ui",

package/dist/cjs/chunks/Spacer-FeOx0maU.js

@@ -1,19 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-DJn-UVEV.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react");
-
-const Spacer = React.memo(props => {
-    const {size: size = 8} = props, divAttributes = tslib_es6.__rest(props, [ "size" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), spacerStyle = React.useMemo(() => ({
-        height: size,
-        minHeight: size,
-        maxHeight: size
-    }), [ size ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "";
-    return jsxRuntime.jsx("div", Object.assign({
-        id: divId,
-        className: divClass.trim(),
-        style: Object.assign(Object.assign({}, divStyle), spacerStyle)
-    }, rest));
-});
-
-exports.Spacer = Spacer;

package/dist/esm/chunks/Spacer-BalkC0Ns.mjs

@@ -1,21 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-CE_8mdQi.mjs";
-
-import { jsx } from "react/jsx-runtime";
-
-import React, { useMemo } from "react";
-
-const Spacer = React.memo(props => {
-    const {size: size = 8} = props, divAttributes = __rest(props, [ "size" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), spacerStyle = useMemo(() => ({
-        height: size,
-        minHeight: size,
-        maxHeight: size
-    }), [ size ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "";
-    return jsx("div", Object.assign({
-        id: divId,
-        className: divClass.trim(),
-        style: Object.assign(Object.assign({}, divStyle), spacerStyle)
-    }, rest));
-});
-
-export { Spacer as S };