@noxickon/onyx 2.0.4 → 4.0.0

package/dist/ui/Spinner/Spinner.stories.d.ts

@@ -0,0 +1,36 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ className, size, ...domProps }: import('..').OxSpinnerProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            control: "text";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const Sizes: Story;

package/dist/ui/Spinner/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './src/Spinner.types';
+export { OxSpinner } from './src/Spinner';

package/dist/ui/Spinner/src/Spinner.d.ts

@@ -0,0 +1,2 @@
+import { OxSpinnerProps } from './Spinner.types';
+export declare const OxSpinner: ({ className, size, ...domProps }: OxSpinnerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Spinner/src/Spinner.types.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithRef } from 'react';
+import { OxIconSize } from '../../Icon';
+export interface OxSpinnerProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
+    size?: OxIconSize | number;
+}

package/dist/ui/Spinner/test/Spinner.test.d.ts

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

package/dist/ui/StatusDisplay/StatusDisplay.stories.d.ts

@@ -0,0 +1,62 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ action, children, className, inline, message, onBack, title, type, ...domProps }: import('..').OxStatusDisplayProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        type: {
+            control: "select";
+            options: (string | number)[];
+            description: string;
+        };
+        inline: {
+            control: "boolean";
+            description: string;
+        };
+        title: {
+            control: "text";
+            description: string;
+        };
+        message: {
+            control: "text";
+            description: string;
+        };
+        action: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        onBack: {
+            action: string;
+            description: string;
+        };
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Loading: Story;
+export declare const Empty: Story;
+export declare const Offline: Story;
+export declare const NotFound: Story;
+export declare const ServerError: Story;
+export declare const CustomContent: Story;
+export declare const CustomAction: Story;
+export declare const CustomMessages: Story;
+export declare const NewStatusTypes: Story;
+export declare const InlineVariants: Story;
+export declare const AllStatusTypes: Story;

package/dist/ui/StatusDisplay/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './src/StatusDisplay.types';
+export { OxStatusDisplay } from './src/StatusDisplay';

package/dist/ui/StatusDisplay/src/StatusDisplay.d.ts

@@ -0,0 +1,2 @@
+import { OxStatusDisplayProps } from './StatusDisplay.types';
+export declare const OxStatusDisplay: ({ action, children, className, inline, message, onBack, title, type, ...domProps }: OxStatusDisplayProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/StatusDisplay/src/StatusDisplay.types.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { LucideIcon } from 'lucide-react';
+export type OxStatusType = 'loading' | 'empty' | 'offline' | 'success' | 'warning' | 'info' | 401 | 403 | 404 | 408 | 429 | 500 | 502 | 503 | 504;
+export type OxStatusContent = {
+    icon?: LucideIcon;
+    message: string;
+    path?: string;
+    showAction: boolean;
+    title: string;
+};
+export interface OxStatusDisplayProps extends ComponentPropsWithRef<'div'> {
+    action?: ReactNode;
+    inline?: boolean;
+    message?: string;
+    onBack?: () => void;
+    title?: string;
+    type: OxStatusType;
+}

package/dist/ui/StatusDisplay/test/StatusDisplay.test.d.ts

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

package/dist/ui/Stepper/Stepper.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { OxStepper } from '..';
+declare const meta: Meta<typeof OxStepper>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const OrientationVariants: Story;
+export declare const NavigationTypes: Story;
+export declare const StepStates: Story;
+export declare const FlexibleActions: Story;
+export declare const MinimalStepper: Story;

package/dist/ui/Stepper/index.d.ts

@@ -0,0 +1,5 @@
+export type * from './src/Stepper.types';
+export declare const OxStepper: (({ children, className, color, currentStep, onStepChange, orientation, type, ...domProps }: import('.').OxStepperProps) => import("react/jsx-runtime").JSX.Element) & {
+    Actions: ({ children, className, ...domProps }: import('.').OxStepperActionsProps) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ children, className, description, icon, state: propertyState, stepIndex, title, ...domProps }: import('.').OxStepperItemProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/ui/Stepper/src/Stepper.d.ts

@@ -0,0 +1,2 @@
+import { OxStepperProps } from './Stepper.types';
+export declare const OxStepper: ({ children, className, color, currentStep, onStepChange, orientation, type, ...domProps }: OxStepperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Stepper/src/Stepper.types.d.ts

@@ -0,0 +1,29 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { LucideIcon } from 'lucide-react';
+import { ColorStyleName } from '../../../_internal/styles';
+export type OxStepperOrientation = 'horizontal' | 'vertical';
+export type OxStepperType = 'linear' | 'non-linear';
+export type OxStepState = 'completed' | 'current' | 'upcoming' | 'error' | 'warning';
+export interface OxStepperProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+    color?: ColorStyleName;
+    currentStep?: number;
+    onStepChange?: (step: number) => void;
+    orientation?: OxStepperOrientation;
+    type?: OxStepperType;
+}
+export interface OxStepperItemProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+    description?: string;
+    icon?: LucideIcon;
+    state?: OxStepState;
+    stepIndex?: number;
+    title: string;
+}
+export interface OxStepperActionsProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+}
+export interface OxStepperConnectorProps extends ComponentPropsWithRef<'div'> {
+    state?: OxStepState;
+    stepIndex: number;
+}

package/dist/ui/Stepper/src/StepperActions.d.ts

@@ -0,0 +1,2 @@
+import { OxStepperActionsProps } from './Stepper.types';
+export declare const OxStepperActions: ({ children, className, ...domProps }: OxStepperActionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Stepper/src/StepperConnector.d.ts

@@ -0,0 +1,2 @@
+import { OxStepperConnectorProps } from './Stepper.types';
+export declare const StepperConnector: ({ className, state, stepIndex, ...domProps }: OxStepperConnectorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Stepper/src/StepperItem.d.ts

@@ -0,0 +1,2 @@
+import { OxStepperItemProps } from './Stepper.types';
+export declare const OxStepperItem: ({ children, className, description, icon, state: propertyState, stepIndex, title, ...domProps }: OxStepperItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Stepper/src/context/StepperContext.d.ts

@@ -0,0 +1,2 @@
+import { StepperContextValue } from './StepperContext.types';
+export declare const StepperContext: import('react').Context<StepperContextValue | null>;

package/dist/ui/Stepper/src/context/StepperContext.types.d.ts

@@ -0,0 +1,10 @@
+import { ColorStyleName } from '../../../../_internal/styles';
+import { OxStepperOrientation, OxStepperType } from '../../..';
+export interface StepperContextValue {
+    color: ColorStyleName;
+    currentStep: number;
+    onStepChange?: (step: number) => void;
+    orientation: OxStepperOrientation;
+    totalSteps: number;
+    type: OxStepperType;
+}

package/dist/ui/Stepper/src/context/useStepperContext.d.ts

@@ -0,0 +1 @@
+export declare const useStepperContext: () => import('./StepperContext.types').StepperContextValue;

package/dist/ui/Stepper/src/stepperHelper.d.ts

@@ -0,0 +1,131 @@
+import { LucideIcon } from 'lucide-react';
+import { ColorStyleName, StyleObject } from '../../../_internal/styles';
+import { OxStepState } from './Stepper.types';
+export declare const getStepIcon: (state: OxStepState | undefined, customIcon: LucideIcon | undefined, isCompleted: boolean) => import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>> | null;
+export declare const getStepColor: (state: OxStepState | undefined, contextColor: ColorStyleName) => {
+    readonly bgSubtle: "bg-purple-500/30 dark:bg-purple-400/30";
+    readonly bg: "bg-purple-500";
+    readonly text: "text-purple-500 dark:text-purple-300";
+    readonly borderSubtle: "border border-purple-500/20";
+} | {
+    readonly bgSubtle: "bg-lime-500/30 dark:bg-lime-400/30";
+    readonly bg: "bg-lime-400";
+    readonly text: "text-lime-600 dark:text-lime-300";
+    readonly borderSubtle: "border border-lime-400/20";
+} | {
+    readonly bgSubtle: "bg-red-500/30 dark:bg-red-400/30";
+    readonly bg: "bg-red-500";
+    readonly text: "text-red-500 dark:text-red-300";
+    readonly borderSubtle: "border border-red-500/20";
+} | {
+    readonly bgSubtle: "bg-yellow-500/30 dark:bg-yellow-400/30";
+    readonly bg: "bg-yellow-500";
+    readonly text: "text-yellow-600 dark:text-yellow-300";
+    readonly borderSubtle: "border border-yellow-500/20";
+} | {
+    readonly bgSubtle: "bg-green-500/30 dark:bg-green-400/30";
+    readonly bg: "bg-green-500";
+    readonly text: "text-green-600 dark:text-green-300";
+    readonly borderSubtle: "border border-green-500/20";
+} | {
+    readonly bgSubtle: "bg-blue-500/30 dark:bg-blue-400/30";
+    readonly bg: "bg-blue-500";
+    readonly text: "text-blue-500 dark:text-blue-300";
+    readonly borderSubtle: "border border-blue-500/20";
+} | {
+    readonly bgSubtle: "bg-indigo-500/30 dark:bg-indigo-400/30";
+    readonly bg: "bg-indigo-500";
+    readonly text: "text-indigo-500 dark:text-indigo-300";
+    readonly borderSubtle: "border border-indigo-500/20";
+} | {
+    readonly bgSubtle: "bg-pink-500/30 dark:bg-pink-400/30";
+    readonly bg: "bg-pink-500";
+    readonly text: "text-pink-500 dark:text-pink-300";
+    readonly borderSubtle: "border border-pink-500/20";
+} | {
+    readonly bgSubtle: "bg-amber-500/30 dark:bg-amber-400/30";
+    readonly bg: "bg-amber-500";
+    readonly text: "text-amber-600 dark:text-amber-300";
+    readonly borderSubtle: "border border-amber-500/20";
+} | {
+    readonly bgSubtle: "bg-emerald-500/30 dark:bg-emerald-400/30";
+    readonly bg: "bg-emerald-500";
+    readonly text: "text-emerald-600 dark:text-emerald-300";
+    readonly borderSubtle: "border border-emerald-500/20";
+} | {
+    readonly bgSubtle: "bg-teal-500/30 dark:bg-teal-400/30";
+    readonly bg: "bg-teal-500";
+    readonly text: "text-teal-600 dark:text-teal-300";
+    readonly borderSubtle: "border border-teal-500/20";
+} | {
+    readonly bgSubtle: "bg-cyan-500/30 dark:bg-cyan-400/30";
+    readonly bg: "bg-cyan-500";
+    readonly text: "text-cyan-600 dark:text-cyan-300";
+    readonly borderSubtle: "border border-cyan-500/20";
+} | {
+    readonly bgSubtle: "bg-sky-500/30 dark:bg-sky-400/30";
+    readonly bg: "bg-sky-500";
+    readonly text: "text-sky-500 dark:text-sky-300";
+    readonly borderSubtle: "border border-sky-500/20";
+} | {
+    readonly bgSubtle: "bg-violet-500/30 dark:bg-violet-400/30";
+    readonly bg: "bg-violet-500";
+    readonly text: "text-violet-500 dark:text-violet-300";
+    readonly borderSubtle: "border border-violet-500/20";
+} | {
+    readonly bgSubtle: "bg-fuchsia-500/30 dark:bg-fuchsia-400/30";
+    readonly bg: "bg-fuchsia-500";
+    readonly text: "text-fuchsia-500 dark:text-fuchsia-300";
+    readonly borderSubtle: "border border-fuchsia-500/20";
+} | {
+    readonly bgSubtle: "bg-orange-500/30 dark:bg-orange-400/30";
+    readonly bg: "bg-orange-500";
+    readonly text: "text-orange-500 dark:text-orange-300";
+    readonly borderSubtle: "border border-orange-500/20";
+} | {
+    readonly bgSubtle: "bg-rose-500/30 dark:bg-rose-400/30";
+    readonly bg: "bg-rose-500";
+    readonly text: "text-rose-500 dark:text-rose-300";
+    readonly borderSubtle: "border border-rose-500/20";
+} | {
+    readonly bgSubtle: "bg-gray-500/30 dark:bg-gray-400/30";
+    readonly bg: "bg-gray-500";
+    readonly text: "text-gray-600 dark:text-gray-300";
+    readonly borderSubtle: "border border-gray-500/20";
+} | {
+    readonly bgSubtle: "bg-info/20";
+    readonly bg: "bg-info";
+    readonly text: "text-info";
+    readonly borderSubtle: "border border-info/20";
+} | {
+    readonly bgSubtle: "bg-success/20";
+    readonly bg: "bg-success";
+    readonly text: "text-success";
+    readonly borderSubtle: "border border-success/20";
+} | {
+    readonly bgSubtle: "bg-warning/20";
+    readonly bg: "bg-warning";
+    readonly text: "text-warning";
+    readonly borderSubtle: "border border-warning/20";
+} | {
+    readonly bgSubtle: "bg-destructive/20";
+    readonly bg: "bg-destructive";
+    readonly text: "text-destructive";
+    readonly borderSubtle: "border border-destructive/20";
+} | {
+    readonly bgSubtle: "bg-primary/20";
+    readonly bg: "bg-primary";
+    readonly text: "text-primary";
+    readonly borderSubtle: "border border-primary/20";
+} | {
+    readonly bgSubtle: "bg-accent/20";
+    readonly bg: "bg-accent";
+    readonly text: "text-accent";
+    readonly borderSubtle: "border border-accent/20";
+} | {
+    readonly bgSubtle: "bg-secondary";
+    readonly bg: "bg-secondary";
+    readonly text: "text-secondary-foreground";
+    readonly borderSubtle: "border border-secondary/20";
+};
+export declare const getTitleColorClasses: (state: OxStepState | undefined, stepColor: StyleObject) => "text-purple-500 dark:text-purple-300" | "text-lime-600 dark:text-lime-300" | "text-red-500 dark:text-red-300" | "text-yellow-600 dark:text-yellow-300" | "text-green-600 dark:text-green-300" | "text-blue-500 dark:text-blue-300" | "text-indigo-500 dark:text-indigo-300" | "text-pink-500 dark:text-pink-300" | "text-amber-600 dark:text-amber-300" | "text-emerald-600 dark:text-emerald-300" | "text-teal-600 dark:text-teal-300" | "text-cyan-600 dark:text-cyan-300" | "text-sky-500 dark:text-sky-300" | "text-violet-500 dark:text-violet-300" | "text-fuchsia-500 dark:text-fuchsia-300" | "text-orange-500 dark:text-orange-300" | "text-rose-500 dark:text-rose-300" | "text-gray-600 dark:text-gray-300" | "text-info" | "text-success" | "text-warning" | "text-destructive" | "text-primary" | "text-accent" | "text-secondary-foreground" | "text-foreground";

package/dist/ui/Stepper/test/Stepper.test.d.ts

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

package/dist/ui/Table/Table.stories.d.ts

@@ -0,0 +1,79 @@
+import { ComponentType } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (({ allRowIds, children, className, draggable, isLoading, onRowReorder, onSelectionChange, selectable, selectedRows, skeletonColumns, skeletonRows, ...domProps }: import('..').OxTableProps) => import("react/jsx-runtime").JSX.Element) & {
+        Body: ({ children, className, ...domProps }: import('..').OxTableBodyProps) => import("react/jsx-runtime").JSX.Element;
+        Cell: ({ children, className, ...domProps }: import('..').OxTableCellProps) => import("react/jsx-runtime").JSX.Element;
+        Controls: ({ children, className, ...domProps }: import('..').OxTableControlsProps) => import("react/jsx-runtime").JSX.Element;
+        Footer: ({ children, className, ...domProps }: import('..').OxTableFooterProps) => import("react/jsx-runtime").JSX.Element;
+        Head: ({ children, className, ...domProps }: import('..').OxTableHeadProps) => import("react/jsx-runtime").JSX.Element;
+        Header: ({ children, className, ...domProps }: import('..').OxTableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+        Row: ({ children, className, rowId, ...domProps }: import('..').OxTableRowProps) => import("react/jsx-runtime").JSX.Element;
+        SkeletonRow: ({ columns }: import('./src/TableSkeletonRow').OxTableSkeletonRowProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    subcomponents: {
+        'OxTable.Cell': ComponentType<unknown>;
+        'OxTable.Head': ComponentType<unknown>;
+        'OxTable.Header': ComponentType<unknown>;
+        'OxTable.Row': ComponentType<unknown>;
+        'OxTable.Body': ComponentType<unknown>;
+        'OxTable.Footer': ComponentType<unknown>;
+        'OxTable.Controls': ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        allRowIds: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        draggable: {
+            control: "boolean";
+            description: string;
+        };
+        onRowReorder: {
+            action: string;
+            description: string;
+        };
+        onSelectionChange: {
+            action: string;
+            description: string;
+        };
+        selectable: {
+            control: "boolean";
+            description: string;
+        };
+        selectedRows: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const WithHeaderSection: Story;
+export declare const WithControls: Story;
+export declare const WithFooter: Story;
+export declare const SpannedCells: Story;
+export declare const SelectableTable: Story;
+export declare const DraggableTable: Story;
+export declare const DraggableSelectableTable: Story;

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

@@ -0,0 +1,11 @@
+export * from './src/Table.types';
+export declare const OxTable: (({ allRowIds, children, className, draggable, isLoading, onRowReorder, onSelectionChange, selectable, selectedRows, skeletonColumns, skeletonRows, ...domProps }: import('.').OxTableProps) => import("react/jsx-runtime").JSX.Element) & {
+    Body: ({ children, className, ...domProps }: import('.').OxTableBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Cell: ({ children, className, ...domProps }: import('.').OxTableCellProps) => import("react/jsx-runtime").JSX.Element;
+    Controls: ({ children, className, ...domProps }: import('.').OxTableControlsProps) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ children, className, ...domProps }: import('.').OxTableFooterProps) => import("react/jsx-runtime").JSX.Element;
+    Head: ({ children, className, ...domProps }: import('.').OxTableHeadProps) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ children, className, ...domProps }: import('.').OxTableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Row: ({ children, className, rowId, ...domProps }: import('.').OxTableRowProps) => import("react/jsx-runtime").JSX.Element;
+    SkeletonRow: ({ columns }: import('./src/TableSkeletonRow').OxTableSkeletonRowProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/ui/Table/src/Table.d.ts

@@ -0,0 +1,2 @@
+import { OxTableProps } from './Table.types';
+export declare const OxTable: ({ allRowIds, children, className, draggable, isLoading, onRowReorder, onSelectionChange, selectable, selectedRows, skeletonColumns, skeletonRows, ...domProps }: OxTableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Table/src/Table.types.d.ts

@@ -0,0 +1,35 @@
+import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode } from 'react';
+export interface OxTableProps extends ComponentPropsWithRef<'table'> {
+    allRowIds?: string[];
+    children: ReactNode;
+    draggable?: boolean;
+    isLoading?: boolean;
+    onRowReorder?: (newOrder: string[]) => void;
+    onSelectionChange?: (selectedRows: string[]) => void;
+    selectable?: boolean;
+    selectedRows?: string[];
+    skeletonColumns?: number;
+    skeletonRows?: number;
+}
+export interface OxTableCellProps extends ComponentPropsWithoutRef<'td'> {
+    children?: ReactNode;
+}
+export interface OxTableHeadProps extends ComponentPropsWithRef<'th'> {
+    children?: ReactNode;
+}
+export interface OxTableRowProps extends ComponentPropsWithRef<'tr'> {
+    children: ReactNode;
+    rowId?: string;
+}
+export interface OxTableBodyProps extends ComponentPropsWithRef<'tbody'> {
+    children: ReactNode;
+}
+export interface OxTableFooterProps extends ComponentPropsWithRef<'tfoot'> {
+    children: ReactNode;
+}
+export interface OxTableControlsProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
+}
+export interface OxTableHeaderProps extends ComponentPropsWithRef<'thead'> {
+    children: ReactNode;
+}

package/dist/ui/Table/src/TableBody.d.ts

@@ -0,0 +1,2 @@
+import { OxTableBodyProps } from './Table.types';
+export declare const OxTableBody: ({ children, className, ...domProps }: OxTableBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Table/src/TableCell.d.ts

@@ -0,0 +1,2 @@
+import { OxTableCellProps } from './Table.types';
+export declare const OxTableCell: ({ children, className, ...domProps }: OxTableCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Table/src/TableControls.d.ts

@@ -0,0 +1,2 @@
+import { OxTableControlsProps } from './Table.types';
+export declare const OxTableControls: ({ children, className, ...domProps }: OxTableControlsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Table/src/TableFooter.d.ts

@@ -0,0 +1,2 @@
+import { OxTableFooterProps } from './Table.types';
+export declare const OxTableFooter: ({ children, className, ...domProps }: OxTableFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Table/src/TableHead.d.ts

@@ -0,0 +1,2 @@
+import { OxTableHeadProps } from './Table.types';
+export declare const OxTableHead: ({ children, className, ...domProps }: OxTableHeadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Table/src/TableHeader.d.ts

@@ -0,0 +1,2 @@
+import { OxTableHeaderProps } from './Table.types';
+export declare const OxTableHeader: ({ children, className, ...domProps }: OxTableHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Table/src/TableRow.d.ts

@@ -0,0 +1,2 @@
+import { OxTableRowProps } from './Table.types';
+export declare const OxTableRow: ({ children, className, rowId, ...domProps }: OxTableRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Table/src/TableSkeletonRow.d.ts

@@ -0,0 +1,4 @@
+export interface OxTableSkeletonRowProps {
+    columns: number;
+}
+export declare const OxTableSkeletonRow: ({ columns }: OxTableSkeletonRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Table/src/context/TableContext.d.ts

@@ -0,0 +1,2 @@
+import { TableContextType } from './TableContext.types';
+export declare const TableContext: import('react').Context<TableContextType | undefined>;

package/dist/ui/Table/src/context/TableContext.types.d.ts

@@ -0,0 +1,20 @@
+export interface TableContextType {
+    allRowIds: string[];
+    draggable: boolean;
+    draggingRowId: string | null;
+    isAllSelected: boolean;
+    isDragging: (rowId: string) => boolean;
+    isIndeterminate: boolean;
+    isLoading: boolean;
+    isSelected: (rowId: string) => boolean;
+    onRowReorder?: (newOrder: string[]) => void;
+    onSelectionChange?: (selectedRows: string[]) => void;
+    registerRowId: (rowId: string) => void;
+    selectable: boolean;
+    selectedRows: string[];
+    skeletonColumns: number;
+    skeletonRows: number;
+    toggleAll: () => void;
+    toggleSelection: (rowId: string) => void;
+    unregisterRowId: (rowId: string) => void;
+}

package/dist/ui/Table/src/context/TableSectionContext.d.ts

@@ -0,0 +1,6 @@
+interface TableSectionContextType {
+    isHeader: boolean;
+}
+export declare const TableSectionContext: import('react').Context<TableSectionContextType>;
+export declare const useTableSectionContext: () => TableSectionContextType;
+export {};

package/dist/ui/Table/src/context/useTableContext.d.ts

@@ -0,0 +1 @@
+export declare const useTableContext: () => import('./TableContext.types').TableContextType | undefined;

package/dist/ui/Table/test/Table.test.d.ts

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

package/dist/ui/Tabs/Tab.stories.d.ts

@@ -0,0 +1,50 @@
+import { ComponentType } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (({ children, className, defaultValue, onValueChange, value, variant, ...domProps }: import('..').OxTabsProps) => import("react/jsx-runtime").JSX.Element) & {
+        Content: ({ children, className, value, ...domProps }: import('..').OxTabsContentProps) => import("react/jsx-runtime").JSX.Element | null;
+        List: ({ children, className, ...domProps }: import('..').OxTabsListProps) => import("react/jsx-runtime").JSX.Element;
+        Trigger: ({ children, className, disabled, value, ...domProps }: import('..').OxTabsTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    subcomponents: {
+        'OxTabs.List': ComponentType<unknown>;
+        'OxTabs.Trigger': ComponentType<unknown>;
+        'OxTabs.Content': ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        defaultValue: {
+            control: "text";
+            description: string;
+        };
+        value: {
+            control: "text";
+            description: string;
+        };
+        onValueChange: {
+            action: string;
+            description: string;
+        };
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const Controlled: Story;
+export declare const States: Story;
+export declare const FormExample: Story;

package/dist/ui/Tabs/index.d.ts

@@ -0,0 +1,6 @@
+export type * from './src/Tabs.types';
+export declare const OxTabs: (({ children, className, defaultValue, onValueChange, value, variant, ...domProps }: import('.').OxTabsProps) => import("react/jsx-runtime").JSX.Element) & {
+    Content: ({ children, className, value, ...domProps }: import('.').OxTabsContentProps) => import("react/jsx-runtime").JSX.Element | null;
+    List: ({ children, className, ...domProps }: import('.').OxTabsListProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ children, className, disabled, value, ...domProps }: import('.').OxTabsTriggerProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/ui/Tabs/src/Tabs.d.ts

@@ -0,0 +1,2 @@
+import { OxTabsProps } from './Tabs.types';
+export declare const OxTabs: ({ children, className, defaultValue, onValueChange, value, variant, ...domProps }: OxTabsProps) => import("react/jsx-runtime").JSX.Element;