@apple-pie/slice 0.0.0 → 0.0.1

package/dist/types/uikit/MessageInput/InputField/_types.d.ts

@@ -3,7 +3,7 @@ import type { ToolTip } from '../../sharedTypes';
 import type { DocExcerpt } from '../ExcerptList/_types';
 import type { UserPresence } from '../UserList/_types';
 import type { JurisdictionFocus, SendMessage } from '../_types';
-export interface MessageInputProps {
+type MessageInputBaseProps = {
     maxHeight?: number;
     focused?: boolean;
     height?: string;
@@ -23,6 +23,7 @@ export interface MessageInputProps {
     presenceID?: string;
     jurisdiction?: JurisdictionFocus | null;
     jurisdictionClick?: () => void;
+    complianceCheckClick?: () => void;
     attachClick?: (e: React.MouseEvent<any> | undefined) => void;
     onChangeFiles?: (files: File[]) => void;
     onChangeExcerpts?: (excerpts: DocExcerpt[]) => void;
@@ -33,4 +34,6 @@ export interface MessageInputProps {
     onFocus?: () => void;
     onSend?: (message: SendMessage) => void;
     onStop?: () => void;
-}
+};
+export type MessageInputProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof MessageInputBaseProps> & MessageInputBaseProps;
+export {};

package/dist/types/uikit/Overlay/_types.d.ts

@@ -1,4 +1,5 @@
-export interface OverlayProps {
+import type React from 'react';
+type OverlayBaseProps = {
     opacity?: number;
     color?: string;
     type?: 'clear' | 'dark';
@@ -6,4 +7,6 @@ export interface OverlayProps {
     overlay?: any;
     onClick?: () => void;
     toggleOverlay?: (state: boolean) => void;
-}
+};
+export type OverlayProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof OverlayBaseProps> & OverlayBaseProps;
+export {};

package/dist/types/uikit/Pager/_types.d.ts

@@ -1,4 +1,5 @@
-export interface PagerProps {
+import type React from 'react';
+type PagerBaseProps = {
     size?: number;
     index?: number;
     color?: string;
@@ -7,4 +8,6 @@ export interface PagerProps {
     pages?: number;
     gap?: number;
     onChange?: (index: number) => void;
-}
+};
+export type PagerProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof PagerBaseProps> & PagerBaseProps;
+export {};

package/dist/types/uikit/Progress/DoneCheck/_types.d.ts

@@ -1,4 +1,5 @@
-export interface DoneCheckProps {
+import type React from 'react';
+type DoneCheckBaseProps = {
     size?: number;
     color?: string;
     stroke?: number;
@@ -8,4 +9,6 @@ export interface DoneCheckProps {
     play?: boolean;
     didStart?: () => void;
     didEnd?: () => void;
-}
+};
+export type DoneCheckProps = Omit<React.SVGAttributes<SVGSVGElement>, keyof DoneCheckBaseProps> & DoneCheckBaseProps;
+export {};

package/dist/types/uikit/Progress/ProgressIndicator/_types.d.ts

@@ -1,4 +1,5 @@
-export interface ProgressIndicatorProps {
+import type React from 'react';
+type ProgressIndicatorBaseProps = {
     size?: number;
     secondsPerSpin?: number;
     show?: boolean;
@@ -8,4 +9,6 @@ export interface ProgressIndicatorProps {
     inline?: boolean;
     didStart?: () => void;
     didStop?: () => void;
-}
+};
+export type ProgressIndicatorProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof ProgressIndicatorBaseProps> & ProgressIndicatorBaseProps;
+export {};

package/dist/types/uikit/RadioButton/_types.d.ts

@@ -1,3 +1,4 @@
+import type React from 'react';
 export type RadioButtonOption = {
     fieldName?: string;
     title?: string;
@@ -5,7 +6,7 @@ export type RadioButtonOption = {
     state?: boolean;
     icon?: string;
 };
-export interface RadioButtonProps {
+type RadioButtonBaseProps = {
     selected?: boolean;
     option: RadioButtonOption;
     deselect?: boolean;
@@ -17,4 +18,6 @@ export interface RadioButtonProps {
     iconColor?: string;
     noFrame?: boolean;
     onChange?: (option: RadioButtonOption, state: boolean) => void;
-}
+};
+export type RadioButtonProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof RadioButtonBaseProps> & RadioButtonBaseProps;
+export {};

package/dist/types/uikit/RadioButtonList/_types.d.ts

@@ -1,5 +1,6 @@
+import type React from 'react';
 import type { RadioButtonOption } from '../RadioButton/_types';
-export interface RadioButtonListProps {
+type RadioButtonListBaseProps = {
     options?: RadioButtonOption[];
     selectedIndexes?: number[] | null;
     selectedOptions?: string[] | null;
@@ -17,4 +18,6 @@ export interface RadioButtonListProps {
     iconSelectedColor?: string;
     noFrame?: boolean;
     onChange?: (options: RadioButtonOption[] | null, indexes: number[] | null) => void;
-}
+};
+export type RadioButtonListProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof RadioButtonListBaseProps> & RadioButtonListBaseProps;
+export {};

package/dist/types/uikit/Slider/_types.d.ts

@@ -1,4 +1,5 @@
-export interface SliderProps {
+import type React from 'react';
+type SliderBaseProps = {
     value?: number;
     scaleMin?: number;
     scaleMax?: number;
@@ -14,4 +15,6 @@ export interface SliderProps {
     cursor?: 'default' | 'grab' | 'grabbing' | 'pointer';
     onChange?: (value: number, percent: number) => void;
     onDragChange?: (value: number, percent: number) => void;
-}
+};
+export type SliderProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof SliderBaseProps> & SliderBaseProps;
+export {};

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

@@ -1,3 +1,6 @@
-export interface SpacerProps {
+import type React from 'react';
+type SpacerBaseProps = {
     size?: number;
-}
+};
+export type SpacerProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof SpacerBaseProps> & SpacerBaseProps;
+export {};

package/dist/types/uikit/Switch/Switch.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { type SwitchProps } from './_types';
+import type { SwitchProps } from './_types';
 export declare const Switch: React.MemoExoticComponent<(props: SwitchProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/uikit/Switch/_types.d.ts

@@ -1,5 +1,5 @@
-import type { Transition } from 'motion/react';
-export interface SwitchProps {
+import type React from 'react';
+type SwitchBaseProps = {
     state?: boolean;
     height?: number;
     width?: number;
@@ -8,5 +8,6 @@ export interface SwitchProps {
     knobColor?: string;
     padding?: number;
     onChange?: (state: boolean) => void;
-}
-export declare const TRANSITION: Transition;
+};
+export type SwitchProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof SwitchBaseProps> & SwitchBaseProps;
+export {};

package/dist/types/uikit/TabBar/_types.d.ts

@@ -1,3 +1,4 @@
+import type React from 'react';
 import type { ToolTip } from '../sharedTypes';
 export type TabOption = {
     name?: string;
@@ -8,7 +9,7 @@ export type TabOption = {
     component?: any;
 };
 export declare const placeholderOptions: TabOption[];
-export interface TabBarProps {
+type TabBarBaseProps = {
     options?: TabOption[];
     selected?: number;
     underline?: boolean;
@@ -28,7 +29,8 @@ export interface TabBarProps {
     onChange?: (index: number) => void;
     onTabChange?: (option: TabOption) => void;
     onClose?: () => void;
-}
+};
+export type TabBarProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof TabBarBaseProps> & TabBarBaseProps;
 export interface TabOptionProps {
     label?: string;
     value?: number;
@@ -45,3 +47,4 @@ export interface TabOptionProps {
     onClick?: (value: number) => void;
     onToolTip?: (tip: ToolTip | null) => void;
 }
+export {};

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

@@ -1,8 +1,9 @@
 import type React from 'react';
-export interface TextAreaProps {
+type TextAreaBaseProps = {
     value?: string;
     name?: string;
     width?: number | string;
+    height?: number | string;
     minWidth?: number | string;
     rows?: number;
     focused?: boolean;
@@ -29,10 +30,12 @@ export interface TextAreaProps {
     onBlur?: () => void;
     onValidate?: (state: boolean) => void;
     onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
-}
+};
+export type TextAreaProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof TextAreaBaseProps> & TextAreaBaseProps;
 export type Tip = {
     icon?: string;
     iconRight?: boolean;
     key: string;
     label?: string;
 };
+export {};

package/dist/types/uikit/Textfield/_types.d.ts

@@ -1,6 +1,6 @@
 import type { Transition } from 'motion/react';
 import type React from 'react';
-export interface TextFieldProps {
+type TextFieldBaseProps = {
     value?: string;
     name?: string;
     label?: string;
@@ -60,7 +60,8 @@ export interface TextFieldProps {
     borderType?: 'box' | 'underline' | 'none';
     inputType?: 'text' | 'password';
     noShow?: boolean;
-}
+};
+export type TextFieldProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof TextFieldBaseProps> & TextFieldBaseProps;
 export declare const MOTION_CONFIG: {
     variants: {
         initial: {
@@ -75,3 +76,4 @@ export declare const MOTION_CONFIG: {
     };
     transition: Transition;
 };
+export {};

package/dist/types/uikit/Tip/Tip.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type ToolTipProps } from './_types';
+export declare const Tip: React.NamedExoticComponent<Omit<ToolTipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,28 @@
+import type { HTMLMotionProps } from 'motion/react';
+import type { ToolTip } from '../sharedTypes';
+export declare const tipBasePos: {
+    left: number;
+    top: number;
+};
+export type PosCoords = {
+    left: number;
+    top: number;
+};
+type ToolTipBaseProps = {
+    tip?: ToolTip | null;
+    size?: 's' | 'm' | 'l';
+    bgColor?: string;
+    color?: string;
+    border?: boolean;
+    borderColor?: string;
+    padding?: number | string;
+    radius?: number;
+    coords?: {
+        x: number;
+        y: number;
+    };
+    showDelay?: number;
+    hideDelay?: number;
+};
+export type ToolTipProps = Omit<HTMLMotionProps<'div'>, keyof ToolTipBaseProps> & ToolTipBaseProps;
+export {};

package/dist/types/uikit/Tip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tip } from './Tip';
+export type { ToolTipProps } from './_types';

package/dist/types/uikit/Toast/Toast.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ToastProps } from './_types';
+export declare const Toast: React.NamedExoticComponent<Omit<ToastProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/uikit/Toast/_types.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLMotionProps } from 'motion/react';
+type ToastBaseProps = {
+    message?: string | null;
+    size?: 's' | 'm' | 'l';
+    border?: boolean;
+    padding?: number | string;
+    radius?: number | string;
+    position?: 'top' | 'bottom';
+    offset?: number;
+    showDelay?: number;
+    duration?: number;
+    close?: boolean;
+    type?: 'success' | 'error' | 'warning' | 'info';
+    didHide?: () => void;
+};
+type ReservedToastEvents = 'onMouseEnter' | 'onMouseLeave' | 'onFocus' | 'onBlur';
+export type ToastProps = Omit<HTMLMotionProps<'div'>, keyof ToastBaseProps | ReservedToastEvents> & ToastBaseProps;
+export {};

package/dist/types/uikit/Toast/index.d.ts

@@ -0,0 +1,2 @@
+export { Toast } from './Toast';
+export type { ToastProps } from './_types';

package/dist/types/uikit/UIButton/UIButton.d.ts

@@ -1,3 +1,74 @@
 import React from 'react';
-import type { UIButtonHandle, UIButtonProps } from './_types';
-export declare const UIButton: React.NamedExoticComponent<UIButtonProps & React.RefAttributes<UIButtonHandle>>;
+import type { ToolTip } from '../sharedTypes';
+import type { UIButtonHandle } from './_types';
+export declare const UIButton: React.NamedExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, keyof {
+    size?: "large" | "medium" | "text";
+    variant?: "solid" | "outline" | "text";
+    state?: "normal" | "hover" | "disabled";
+    width?: string;
+    label?: string;
+    iconRight?: string;
+    iconLeft?: string;
+    fill?: boolean;
+    count?: number;
+    showDot?: boolean;
+    round?: boolean;
+    tooltip?: string;
+    iconSize?: number;
+    borderRadius?: number;
+    iconColor?: string;
+    bgColor?: string;
+    bgColorDisabled?: string;
+    labelColor?: string;
+    labelSize?: "s" | "m" | "l";
+    transition?: import("framer-motion").Transition;
+    variants?: import("framer-motion").Variants;
+    initial?: string;
+    animate?: string;
+    exit?: string;
+    underline?: boolean;
+    progress?: boolean;
+    working?: boolean;
+    duration?: number;
+    trigger?: boolean;
+    destructive?: boolean;
+    paddingRight?: number;
+    paddingLeft?: number;
+    onToolTip?: (tip: ToolTip | null) => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent> | undefined) => void;
+}> & {
+    size?: "large" | "medium" | "text";
+    variant?: "solid" | "outline" | "text";
+    state?: "normal" | "hover" | "disabled";
+    width?: string;
+    label?: string;
+    iconRight?: string;
+    iconLeft?: string;
+    fill?: boolean;
+    count?: number;
+    showDot?: boolean;
+    round?: boolean;
+    tooltip?: string;
+    iconSize?: number;
+    borderRadius?: number;
+    iconColor?: string;
+    bgColor?: string;
+    bgColorDisabled?: string;
+    labelColor?: string;
+    labelSize?: "s" | "m" | "l";
+    transition?: import("framer-motion").Transition;
+    variants?: import("framer-motion").Variants;
+    initial?: string;
+    animate?: string;
+    exit?: string;
+    underline?: boolean;
+    progress?: boolean;
+    working?: boolean;
+    duration?: number;
+    trigger?: boolean;
+    destructive?: boolean;
+    paddingRight?: number;
+    paddingLeft?: number;
+    onToolTip?: (tip: ToolTip | null) => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent> | undefined) => void;
+} & React.RefAttributes<UIButtonHandle>>;

package/dist/types/uikit/UIButton/_types.d.ts

@@ -1,7 +1,7 @@
 import type { Transition, Variants } from 'motion/react';
 import type React from 'react';
 import type { ToolTip } from '../sharedTypes';
-export interface UIButtonProps {
+type UIButtonBaseProps = {
     size?: 'large' | 'medium' | 'text';
     variant?: 'solid' | 'outline' | 'text';
     state?: 'normal' | 'hover' | 'disabled';
@@ -36,7 +36,9 @@ export interface UIButtonProps {
     paddingLeft?: number;
     onToolTip?: (tip: ToolTip | null) => void;
     onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent> | undefined) => void;
-}
+};
+export type UIButtonProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof UIButtonBaseProps> & UIButtonBaseProps;
 export interface UIButtonHandle {
     triggerClick: () => void;
 }
+export {};

package/dist/types/uikit/UIButtonBar/_types.d.ts

@@ -1,3 +1,4 @@
+import type React from 'react';
 import type { ToolTip } from '../sharedTypes';
 export type BarButton = {
     icon?: string;
@@ -5,10 +6,12 @@ export type BarButton = {
     label?: string;
     tip: string;
 };
-export interface UIButtonBarProps {
+type UIButtonBarBaseProps = {
     options?: BarButton[];
     label?: string;
     current?: number;
     onChange?: (option: BarButton) => void;
     onToolTip?: (tip: ToolTip | null) => void;
-}
+};
+export type UIButtonBarProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof UIButtonBarBaseProps> & UIButtonBarBaseProps;
+export {};

package/dist/types/uikit/UICard/_types.d.ts

@@ -1,4 +1,5 @@
-export interface UICardProps {
+import type React from 'react';
+type UICardBaseProps = {
     id?: string;
     icon?: string;
     label?: string;
@@ -8,4 +9,6 @@ export interface UICardProps {
         id?: string;
         command?: string;
     }) => void;
-}
+};
+export type UICardProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof UICardBaseProps> & UICardBaseProps;
+export {};

package/dist/types/uikit/UIChip/_types.d.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 import type { IconNames } from '../Icon/_types';
 import type { ToolTip } from '../sharedTypes';
-export interface UIChipProps {
+type UIChipBaseProps = {
     label?: string;
     icon?: IconNames | string;
     disabled?: boolean;
@@ -16,4 +16,6 @@ export interface UIChipProps {
     onToolTip?: (tip: ToolTip | null) => void;
     onClick?: (e: React.MouseEvent<HTMLDivElement> | undefined) => void;
     onMouseDown?: (e: React.MouseEvent<HTMLDivElement> | undefined) => void;
-}
+};
+export type UIChipProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof UIChipBaseProps> & UIChipBaseProps;
+export {};

package/dist/types/uikit/UIFileIcon/UIFileIcon.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { UIFileIconProps } from './_types';
-export declare const UIFileIcon: React.MemoExoticComponent<(props: UIFileIconProps) => any>;
+export declare const UIFileIcon: React.MemoExoticComponent<(props: UIFileIconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null>;

package/dist/types/uikit/UIFileIcon/_types.d.ts

@@ -8,10 +8,12 @@ export declare enum UIFileIcons {
     Document = "document",
     Spreadhseet = "spreadsheet"
 }
-export interface UIFileIconProps {
+type UIFileIconBaseProps = {
     name?: UIFileIcons | string;
     size?: number;
     pointer?: boolean;
     disabled?: boolean;
     onClick?: (e: React.MouseEvent<SVGElement, MouseEvent>) => void;
-}
+};
+export type UIFileIconProps = Omit<React.SVGAttributes<SVGSVGElement>, keyof UIFileIconBaseProps> & UIFileIconBaseProps;
+export {};

package/dist/types/uikit/UILabel/_types.d.ts

@@ -1,9 +1,11 @@
 import type React from 'react';
-export interface UILabelProps {
+type UILabelBaseProps = {
     label?: string;
     state?: 'red' | 'yellow' | 'green' | 'blue' | 'grey' | 'lightgrey' | 'white';
     noFill?: boolean;
     round?: boolean;
     button?: boolean;
     onClick?: (e: React.MouseEvent<any>) => void;
-}
+};
+export type UILabelProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof UILabelBaseProps> & UILabelBaseProps;
+export {};

package/dist/types/util/utils.d.ts

@@ -31,3 +31,15 @@ export declare const hexToRgb: (hex: string | undefined) => string | undefined;
  * Utility to accessibility - mimics click event with designated keys event
  */
 export declare function accessibleKeyDown(e: React.KeyboardEvent<any>, clickFunction: () => void, keys?: string[]): void;
+/**
+ * Get the pointer position from a DOM touch or mouse event
+ */
+export declare function pointerPosition(e: MouseEvent | TouchEvent): number;
+/**
+ * Filter and trim class name array
+ */
+export declare function filterClasses(classNames: string[]): string;
+/**
+ * Takes a style string or number and returns a valid CSS style string
+ */
+export declare function setStyle(value: string | number | undefined, defaultVal?: number | string | undefined): string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@apple-pie/slice",
-	"version": "0.0.0",
+	"version": "0.0.1",
 	"main": "dist/index.js",
 	"module": "dist/index.esm.js",
 	"files": ["dist", "README.md", "scripts/copy-assets.mjs"],
@@ -59,6 +59,7 @@
 		"rollup-plugin-peer-deps-external": "^2.2.4",
 		"rollup-plugin-postcss": "^4.0.2",
 		"rollup-plugin-strip-code": "^0.2.8",
+		"rollup-plugin-visualizer": "^7.0.1",
 		"storybook": "^10.2.9",
 		"tsx": "^4.21.0",
 		"typescript": "^5.7.3",