@atom-learning/components 6.0.0-beta.0 → 6.0.0-beta.10

package/dist/components/stepper/StepperStepBullet.d.ts

@@ -0,0 +1,15 @@
+export declare const StepperStepBullet: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "direction" | "align" | "wrap" | "justify" | "gap"> & {
+    direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
+    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
+    justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
+    align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
+    gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
+} & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>, "status"> & {
+    status?: ("default" | "success" | "active" | "viewed" | "completed" | "reviewed" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "default" | "success" | "active" | "viewed" | "completed" | "reviewed">>) | undefined;
+} & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/stepper/StepperStepContainer.d.ts

@@ -0,0 +1,18 @@
+export declare const StepperStepContainer: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "direction" | "align" | "wrap" | "justify" | "gap"> & {
+    direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
+    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
+    justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
+    align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
+    gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
+} & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>, "direction" | "separator" | "status" | "canInteract"> & {
+    canInteract?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    direction?: ("horizontal" | "vertical" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "horizontal" | "vertical">>) | undefined;
+    separator?: ("default" | "success" | "active" | "viewed" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "default" | "success" | "active" | "viewed">>) | undefined;
+    status?: ("default" | "success" | "active" | "viewed" | "completed" | "reviewed" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "default" | "success" | "active" | "viewed" | "completed" | "reviewed">>) | undefined;
+} & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/stepper/StepperStepForward.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Button } from '../button';
+import { IStepperNavigateProps } from './types';
+export declare const StepperStepForward: ({ label, children, onClick, ...rest }: IStepperNavigateProps & Partial<React.ComponentProps<typeof Button>>) => React.JSX.Element;

package/dist/components/stepper/StepperStepLabel.d.ts

@@ -0,0 +1,17 @@
+export declare const StepperStepLabel: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+}, "size" | "weight" | "family" | "noCapsize"> & {
+    weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
+    family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+    noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "as"> & {
+    as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "direction" | "status"> & {
+    direction?: ("horizontal" | "vertical" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "horizontal" | "vertical">>) | undefined;
+    status?: ("default" | "success" | "active" | "viewed" | "completed" | "reviewed" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "default" | "success" | "active" | "viewed" | "completed" | "reviewed">>) | undefined;
+} & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;

package/dist/components/stepper/StepperSteps.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IStepperStepsProps } from './types';
+export declare const StepperSteps: ({ className }: IStepperStepsProps) => React.JSX.Element;

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

@@ -0,0 +1 @@
+export { Stepper } from './Stepper';

package/dist/components/stepper/stepper-context/StepperContext.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Context, StepperProviderProps } from '../types';
+export declare const StepperProvider: ({ children, stepCount, allowSkip, onComplete, onStepChange, direction, steps, hideLabels, showCompletedIcons }: React.PropsWithChildren<StepperProviderProps>) => React.JSX.Element;
+export declare const useStepper: () => Context;

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

@@ -0,0 +1,54 @@
+export declare enum Status {
+    ACTIVE = "active",
+    VIEWED = "viewed",
+    SUCCESS = "success",
+    DEFAULT = "default",
+    COMPLETED = "completed",
+    REVIEWED = "reviewed"
+}
+export interface Step {
+    label?: string;
+    status: `${Status}`;
+}
+export type Direction = 'vertical' | 'horizontal';
+export type Context = {
+    steps: Step[];
+    goToPreviousStep?: () => void;
+    goToNextStep?: () => void;
+    goToStep?: (index: number) => void;
+    activeStep: number;
+    viewedSteps: number[];
+    completedSteps: number[];
+    allowSkip?: boolean;
+    direction?: Direction;
+    hideLabels: boolean;
+    showCompletedIcons: boolean;
+};
+export type StepperProviderProps = {
+    stepCount: number;
+    allowSkip?: boolean;
+    onComplete?: () => void;
+    onStepChange?: (activeStep: number) => void;
+    direction?: Direction;
+    steps: Step[];
+    hideLabels: boolean;
+    showCompletedIcons: boolean;
+};
+export interface IStepperProps {
+    className?: string;
+    stepCount?: number;
+    allowSkip?: boolean;
+    onComplete?: () => void;
+    onStepChange?: (activeStep: number) => void;
+    direction?: Direction;
+    steps?: Step[];
+    hideLabels?: boolean;
+    showCompletedIcons?: boolean;
+}
+export interface IStepperNavigateProps {
+    label?: (currentStep?: number) => string;
+    onClick?: (next: () => void) => void;
+}
+export interface IStepperStepsProps {
+    className?: string;
+}

package/dist/components/switch/Switch.d.ts

@@ -0,0 +1,13 @@
+import * as RadixSwitch from '@radix-ui/react-switch';
+import * as React from 'react';
+declare const StyledSwitch: React.ForwardRefExoticComponent<Omit<Omit<RadixSwitch.SwitchProps & React.RefAttributes<HTMLButtonElement>, "size"> & {
+    size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type SwitchProps = React.ComponentProps<typeof StyledSwitch>;
+export declare const Switch: {
+    ({ size, ...rest }: SwitchProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

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

@@ -0,0 +1 @@
+export { Switch } from './Switch';

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

@@ -0,0 +1,68 @@
+import * as React from 'react';
+declare const StyledTable: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
+    ref?: ((instance: HTMLTableElement | null) => void) | React.RefObject<HTMLTableElement> | null | undefined;
+}, "size" | "corners"> & {
+    size?: ("md" | "lg" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg" | "xl">>) | undefined;
+    corners?: ("round" | "square" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "round" | "square">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLTableElement>>;
+type TableProps = React.ComponentProps<typeof StyledTable> & {
+    numberOfStickyColumns?: number;
+    scrollContainerCss?: string;
+    scrollContainerkey?: string;
+    maxRowDepth?: number;
+};
+export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "ref"> & React.RefAttributes<HTMLTableElement>> & {
+    Body: {
+        ({ striped, ...rest }: Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+            ref?: ((instance: HTMLTableSectionElement | null) => void) | React.RefObject<HTMLTableSectionElement> | null | undefined;
+        }, "striped"> & {
+            striped?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+        } & {
+            as?: React.ElementType;
+        }, "ref"> & React.RefAttributes<HTMLTableSectionElement>): React.JSX.Element;
+        displayName: string;
+    };
+    Cell: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
+        ref?: ((instance: HTMLTableDataCellElement | null) => void) | React.RefObject<HTMLTableDataCellElement> | null | undefined;
+    }, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLTableDataCellElement>>;
+    Footer: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+        ref?: ((instance: HTMLTableSectionElement | null) => void) | React.RefObject<HTMLTableSectionElement> | null | undefined;
+    }, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+    FooterCell: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
+        ref?: ((instance: HTMLTableDataCellElement | null) => void) | React.RefObject<HTMLTableDataCellElement> | null | undefined;
+    }, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLTableDataCellElement>>;
+    Header: {
+        ({ theme, isSticky, ...rest }: Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+            ref?: ((instance: HTMLTableSectionElement | null) => void) | React.RefObject<HTMLTableSectionElement> | null | undefined;
+        }, "theme" | "isSticky"> & {
+            theme?: ("primary" | "white" | "primaryDark" | "primaryLight" | "light" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "primary" | "white" | "primaryDark" | "primaryLight" | "light">>) | undefined;
+            isSticky?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+        } & {
+            as?: React.ElementType;
+        }, "ref"> & React.RefAttributes<HTMLTableSectionElement>): React.JSX.Element;
+        displayName: string;
+    };
+    HeaderCell: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & {
+        ref?: ((instance: HTMLTableHeaderCellElement | null) => void) | React.RefObject<HTMLTableHeaderCellElement> | null | undefined;
+    }, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLTableHeaderCellElement>>;
+    Row: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
+        ref?: ((instance: HTMLTableRowElement | null) => void) | React.RefObject<HTMLTableRowElement> | null | undefined;
+    }, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLTableRowElement>, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
+    StickyColumnsContainer: ({ children, numberOfStickyColumns, className, ...restProps }: React.PropsWithChildren<{
+        numberOfStickyColumns?: number;
+        className?: string;
+    }>) => React.JSX.Element;
+};
+export {};

package/dist/components/table/TableBody.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+declare const StyledTableBody: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+    ref?: ((instance: HTMLTableSectionElement | null) => void) | React.RefObject<HTMLTableSectionElement> | null | undefined;
+}, "striped"> & {
+    striped?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+type TableBodyProps = React.ComponentProps<typeof StyledTableBody>;
+export declare const TableBody: {
+    ({ striped, ...rest }: TableBodyProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/table/TableCell.d.ts

@@ -0,0 +1,5 @@
+export declare const TableCell: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
+    ref?: ((instance: HTMLTableDataCellElement | null) => void) | import("react").RefObject<HTMLTableDataCellElement> | null | undefined;
+}, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLTableDataCellElement>>;

package/dist/components/table/TableFooter.d.ts

@@ -0,0 +1,5 @@
+export declare const TableFooter: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+    ref?: ((instance: HTMLTableSectionElement | null) => void) | import("react").RefObject<HTMLTableSectionElement> | null | undefined;
+}, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist/components/table/TableFooterCell.d.ts

@@ -0,0 +1,5 @@
+export declare const TableFooterCell: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
+    ref?: ((instance: HTMLTableDataCellElement | null) => void) | import("react").RefObject<HTMLTableDataCellElement> | null | undefined;
+}, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLTableDataCellElement>>;

package/dist/components/table/TableHeader.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export declare const TABLE_HEADER_THEMES: {
+    readonly PRIMARY: "primary";
+    readonly PRIMARY_DARK: "primaryDark";
+    readonly PRIMARY_LIGHT: "primaryLight";
+    readonly LIGHT: "light";
+    readonly WHITE: "white";
+};
+declare const StyledTableHeader: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+    ref?: ((instance: HTMLTableSectionElement | null) => void) | React.RefObject<HTMLTableSectionElement> | null | undefined;
+}, "theme" | "isSticky"> & {
+    theme?: ("primary" | "white" | "primaryDark" | "primaryLight" | "light" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "primary" | "white" | "primaryDark" | "primaryLight" | "light">>) | undefined;
+    isSticky?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+type TableHeaderProps = React.ComponentProps<typeof StyledTableHeader>;
+export declare const TableHeader: {
+    ({ theme, isSticky, ...rest }: TableHeaderProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/table/TableHeaderCell.d.ts

@@ -0,0 +1,5 @@
+export declare const TableHeaderCell: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & {
+    ref?: ((instance: HTMLTableHeaderCellElement | null) => void) | import("react").RefObject<HTMLTableHeaderCellElement> | null | undefined;
+}, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLTableHeaderCellElement>>;

package/dist/components/table/TableRow.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare const TableRow: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
+    ref?: ((instance: HTMLTableRowElement | null) => void) | React.RefObject<HTMLTableRowElement> | null | undefined;
+}, never> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLTableRowElement>, "ref"> & React.RefAttributes<HTMLTableRowElement>>;

package/dist/components/table/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sources":["../../../src/components/table/TableRow.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledRow = styled('tr', {\n  base: ['bg-[unset]']\n})\n\nexport const TableRow: React.ForwardRefExoticComponent<\n  React.ComponentProps<typeof StyledRow>\n> = React.forwardRef((props, ref) => <StyledRow {...props} ref={ref} />)\n\nTableRow.displayName = 'TableRow'\n"],"names":["StyledRow","styled","TableRow","React","props","ref"],"mappings":"iEAIA,MAAMA,EAAYC,EAAO,KAAM,CAC7B,KAAM,CAAC,YAAY,CACrB,CAAC,EAEYC,EAETC,EAAM,WAAW,CAACC,EAAOC,IAAQF,EAAA,cAACH,EAAA,CAAW,GAAGI,EAAO,IAAKC,CAAAA,CAAK,CAAE,EAEvEH,EAAS,YAAc"}
+{"version":3,"file":"TableRow.js","sources":["../../../src/components/table/TableRow.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledRow = styled('tr', {\n  base: ['bg-[unset]']\n})\n\nexport const TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.ComponentProps<typeof StyledRow>\n>((props, ref) => <StyledRow {...props} ref={ref} />)\n\nTableRow.displayName = 'TableRow'\n"],"names":["StyledRow","styled","TableRow","React","props","ref"],"mappings":"iEAIA,MAAMA,EAAYC,EAAO,KAAM,CAC7B,KAAM,CAAC,YAAY,CACrB,CAAC,EAEYC,EAAWC,EAAM,WAG5B,CAACC,EAAOC,IAAQF,EAAA,cAACH,EAAA,CAAW,GAAGI,EAAO,IAAKC,CAAAA,CAAK,CAAE,EAEpDH,EAAS,YAAc"}

package/dist/components/table/TableStickyColumnsContainer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const TableStickyColumnsContainer: ({ children, numberOfStickyColumns, className, ...restProps }: React.PropsWithChildren<{
+    numberOfStickyColumns?: number;
+    className?: string;
+}>) => React.JSX.Element;

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

@@ -0,0 +1 @@
+export { Table } from './Table';

package/dist/components/table/useStickyColumnsCss.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+type ColumnCss = Record<string, {
+    position: 'sticky';
+    left: string;
+    minWidth: string;
+    zIndex: string;
+}>;
+interface IUseStickyColumnsCss {
+    columnsCss?: ColumnCss;
+}
+export declare const useStickyColumnsCss: ({ numberOfStickyColumns, wrapperRef }: {
+    numberOfStickyColumns: number;
+    wrapperRef: React.RefObject<HTMLTableSectionElement>;
+}) => IUseStickyColumnsCss;
+export {};

package/dist/components/table/useStickyColumnsCss.js

@@ -1,2 +1,2 @@
-import*as n from"react";const d=({numberOfStickyColumns:t,wrapperRef:o})=>{const[i,a]=n.useState({}),r=n.useCallback(()=>{var e;let s=0;const c=(e=o.current)==null?void 0:e.querySelectorAll("th");return Array.from(c||[]).slice(0,t).reduce((f,m,l)=>{const u=l+1,p={...f,["& td:nth-of-type(".concat(u,"), th:nth-of-type(").concat(u,")")]:{position:"sticky",left:"".concat(s,"px"),minWidth:"".concat(m.offsetWidth,"px"),zIndex:"2"}};return s+=(c==null?void 0:c.item(l).clientWidth)||0,p},{})},[t,o]);return n.useLayoutEffect(()=>{if(!t)return;const e=r();a(e)},[t,o,r]),{columnsCss:i}};export{d as useStickyColumnsCss};
+import*as n from"react";const y=({numberOfStickyColumns:t,wrapperRef:c})=>{const[i,a]=n.useState({}),r=n.useCallback(()=>{var e;let u=0;const o=(e=c.current)==null?void 0:e.querySelectorAll("th");return Array.from(o||[]).slice(0,t).reduce((f,m,s)=>{const l=s+1,p={...f,["& td:nth-of-type(".concat(l,"), th:nth-of-type(").concat(l,")")]:{position:"sticky",left:"".concat(u,"px"),minWidth:"".concat(m.offsetWidth,"px"),zIndex:"2"}};return u+=(o==null?void 0:o.item(s).clientWidth)||0,p},{})},[t,c]);return n.useLayoutEffect(()=>{if(!t)return;const e=r();a(e)},[t,c,r]),{columnsCss:i}};export{y as useStickyColumnsCss};
 //# sourceMappingURL=useStickyColumnsCss.js.map

package/dist/components/table/useStickyColumnsCss.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStickyColumnsCss.js","sources":["../../../src/components/table/useStickyColumnsCss.ts"],"sourcesContent":["import * as React from 'react'\n\ninterface IUseStickyColumnsCss {\n  columnsCss?: string\n}\n\nexport const useStickyColumnsCss = ({\n  numberOfStickyColumns,\n  wrapperRef\n}: {\n  numberOfStickyColumns: number\n  wrapperRef: React.RefObject<HTMLTableSectionElement>\n}): IUseStickyColumnsCss => {\n  const [columnsCss, setColumnsCss] = React.useState<CSS>({})\n\n  const generateColumnsCss = React.useCallback(() => {\n    let accWidth = 0\n\n    // Getting the table header cells elements to use their width to set the left position in the sticky columns.\n    const tableHeaderCells = wrapperRef.current?.querySelectorAll('th')\n    const tableHeaderElements = Array.from(tableHeaderCells || [])\n\n    // Getting only the number of sticky columns from the elements array that is what we are interested in.\n    const stickyColumns = tableHeaderElements.slice(0, numberOfStickyColumns)\n\n    const newColumnsCss = stickyColumns.reduce((acc: CSS, column, index) => {\n      const elementNumber = index + 1\n      const cssObject = {\n        ...acc,\n        [`& td:nth-of-type(${elementNumber}), th:nth-of-type(${elementNumber})`]:\n          {\n            position: 'sticky',\n            left: `${accWidth}px`,\n            minWidth: `${column.offsetWidth}px`, // fixing width for sticky columns\n            zIndex: '2'\n          }\n      }\n\n      accWidth += tableHeaderCells?.item(index).clientWidth || 0\n\n      return cssObject\n    }, {} as CSS)\n\n    return newColumnsCss\n  }, [numberOfStickyColumns, wrapperRef])\n\n  React.useLayoutEffect(() => {\n    if (!numberOfStickyColumns) return\n    const newColumnsCss = generateColumnsCss()\n\n    setColumnsCss(newColumnsCss)\n  }, [numberOfStickyColumns, wrapperRef, generateColumnsCss])\n\n  return {\n    columnsCss\n  }\n}\n"],"names":["useStickyColumnsCss","numberOfStickyColumns","wrapperRef","columnsCss","setColumnsCss","React","generateColumnsCss","_a","accWidth","tableHeaderCells","acc","column","index","elementNumber","cssObject","newColumnsCss"],"mappings":"wBAMa,MAAAA,EAAsB,CAAC,CAClC,sBAAAC,EACA,WAAAC,CACF,IAG4B,CAC1B,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAM,SAAc,CAAE,CAAA,EAEpDC,EAAqBD,EAAM,YAAY,IAAM,CAfrD,IAAAE,EAgBI,IAAIC,EAAW,EAGf,MAAMC,GAAmBF,EAAAL,EAAW,UAAX,KAAAK,OAAAA,EAAoB,iBAAiB,IAwB9D,EAAA,OAvB4B,MAAM,KAAKE,GAAoB,CAAE,CAAA,EAGnB,MAAM,EAAGR,CAAqB,EAEpC,OAAO,CAACS,EAAUC,EAAQC,IAAU,CACtE,MAAMC,EAAgBD,EAAQ,EACxBE,EAAY,CAChB,GAAGJ,EACH,CAAC,oBAAoB,OAAAG,EAAa,oBAAA,EAAqB,OAAAA,EAAa,GAAG,CAAA,EACrE,CACE,SAAU,SACV,KAAM,GAAG,OAAAL,EAAQ,IACjB,EAAA,SAAU,GAAG,OAAAG,EAAO,YAAW,IAAA,EAC/B,OAAQ,GACV,CACJ,EAEA,OAAAH,IAAYC,GAAA,KAAAA,OAAAA,EAAkB,KAAKG,CAAAA,EAAO,cAAe,EAElDE,CACT,EAAG,CAAA,CAAS,CAGd,EAAG,CAACb,EAAuBC,CAAU,CAAC,EAEtC,OAAAG,EAAM,gBAAgB,IAAM,CAC1B,GAAI,CAACJ,EAAuB,OAC5B,MAAMc,EAAgBT,EAEtBF,EAAAA,EAAcW,CAAa,CAC7B,EAAG,CAACd,EAAuBC,EAAYI,CAAkB,CAAC,EAEnD,CACL,WAAAH,CACF,CACF"}
+{"version":3,"file":"useStickyColumnsCss.js","sources":["../../../src/components/table/useStickyColumnsCss.ts"],"sourcesContent":["import * as React from 'react'\n\ntype ColumnCss = Record<\n  string,\n  {\n    position: 'sticky'\n    left: string\n    minWidth: string\n    zIndex: string\n  }\n>\n\ninterface IUseStickyColumnsCss {\n  columnsCss?: ColumnCss\n}\n\nexport const useStickyColumnsCss = ({\n  numberOfStickyColumns,\n  wrapperRef\n}: {\n  numberOfStickyColumns: number\n  wrapperRef: React.RefObject<HTMLTableSectionElement>\n}): IUseStickyColumnsCss => {\n  const [columnsCss, setColumnsCss] = React.useState<ColumnCss>({})\n\n  const generateColumnsCss = React.useCallback(() => {\n    let accWidth = 0\n\n    // Getting the table header cells elements to use their width to set the left position in the sticky columns.\n    const tableHeaderCells = wrapperRef.current?.querySelectorAll('th')\n    const tableHeaderElements = Array.from(tableHeaderCells || [])\n\n    // Getting only the number of sticky columns from the elements array that is what we are interested in.\n    const stickyColumns = tableHeaderElements.slice(0, numberOfStickyColumns)\n\n    const newColumnsCss = stickyColumns.reduce((acc, column, index) => {\n      const elementNumber = index + 1\n      const cssObject = {\n        ...acc,\n        [`& td:nth-of-type(${elementNumber}), th:nth-of-type(${elementNumber})`]:\n          {\n            position: 'sticky',\n            left: `${accWidth}px`,\n            minWidth: `${column.offsetWidth}px`, // fixing width for sticky columns\n            zIndex: '2'\n          }\n      }\n\n      accWidth += tableHeaderCells?.item(index).clientWidth || 0\n\n      return cssObject\n    }, {})\n\n    return newColumnsCss\n  }, [numberOfStickyColumns, wrapperRef])\n\n  React.useLayoutEffect(() => {\n    if (!numberOfStickyColumns) return\n    const newColumnsCss = generateColumnsCss()\n\n    setColumnsCss(newColumnsCss)\n  }, [numberOfStickyColumns, wrapperRef, generateColumnsCss])\n\n  return {\n    columnsCss\n  }\n}\n"],"names":["useStickyColumnsCss","numberOfStickyColumns","wrapperRef","columnsCss","setColumnsCss","React","generateColumnsCss","_a","accWidth","tableHeaderCells","acc","column","index","elementNumber","cssObject","newColumnsCss"],"mappings":"wBAgBa,MAAAA,EAAsB,CAAC,CAClC,sBAAAC,EACA,WAAAC,CACF,IAG4B,CAC1B,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAM,SAAoB,CAAE,CAAA,EAE1DC,EAAqBD,EAAM,YAAY,IAAM,CAzBrD,IAAAE,EA0BI,IAAIC,EAAW,EAGf,MAAMC,GAAmBF,EAAAL,EAAW,UAAX,KAAAK,OAAAA,EAAoB,iBAAiB,IAwB9D,EAAA,OAvB4B,MAAM,KAAKE,GAAoB,CAAE,CAAA,EAGnB,MAAM,EAAGR,CAAqB,EAEpC,OAAO,CAACS,EAAKC,EAAQC,IAAU,CACjE,MAAMC,EAAgBD,EAAQ,EACxBE,EAAY,CAChB,GAAGJ,EACH,CAAC,oBAAoB,OAAAG,EAAa,oBAAA,EAAqB,OAAAA,EAAa,GAAG,CAAA,EACrE,CACE,SAAU,SACV,KAAM,GAAG,OAAAL,EAAQ,IACjB,EAAA,SAAU,GAAG,OAAAG,EAAO,YAAW,IAAA,EAC/B,OAAQ,GACV,CACJ,EAEA,OAAAH,IAAYC,GAAA,KAAAA,OAAAA,EAAkB,KAAKG,CAAAA,EAAO,cAAe,EAElDE,CACT,EAAG,CAAA,CAAE,CAGP,EAAG,CAACb,EAAuBC,CAAU,CAAC,EAEtC,OAAAG,EAAM,gBAAgB,IAAM,CAC1B,GAAI,CAACJ,EAAuB,OAC5B,MAAMc,EAAgBT,EAEtBF,EAAAA,EAAcW,CAAa,CAC7B,EAAG,CAACd,EAAuBC,EAAYI,CAAkB,CAAC,EAEnD,CACL,WAAAH,CACF,CACF"}

package/dist/components/tabs/Tabs.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export declare const Tabs: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>, never> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    TriggerList: {
+        ({ children, colorScheme, ...rest }: React.ComponentProps<React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>, never> & {
+            as?: React.ElementType;
+        }, "ref"> & React.RefAttributes<HTMLDivElement>>> & {
+            colorScheme?: import("../..").TcolorScheme;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLButtonElement> & {
+        value: string;
+    }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsContentProps & React.RefAttributes<HTMLDivElement>, never> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/components/tabs/TabsContent.d.ts

@@ -0,0 +1,3 @@
+export declare const TabsContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/tabs/TabsTrigger.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, never> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLButtonElement> & {
+    value: string;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/tabs/TabsTriggerList.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TcolorScheme } from '../../experiments/color-scheme';
+declare const StyledTriggerList: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>, never> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsTriggerList: {
+    ({ children, colorScheme, ...rest }: React.ComponentProps<typeof StyledTriggerList> & {
+        colorScheme?: TcolorScheme;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export {};

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

@@ -0,0 +1 @@
+export { Tabs } from './Tabs';

package/dist/components/text/Text.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import type { Override } from '../../utilities';
+export declare const textVariants: {
+    size: {
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+    };
+    noCapsize: {
+        true: string[];
+    };
+};
+export declare const getTextVariant: (options: {
+    size: keyof typeof textVariants.size;
+}) => string[];
+export declare const StyledText: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
+}, "size" | "weight" | "family" | "noCapsize"> & {
+    weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
+    family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+    noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+type TextProps = Override<React.ComponentProps<typeof StyledText>, {
+    as?: 'blockquote' | 'caption' | 'dd' | 'dt' | 'figcaption' | 'li' | 'p' | 'span' | 'legend' | React.ComponentType | React.ElementType;
+}>;
+export declare const Text: React.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export {};

package/dist/components/text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../src/components/text/Text.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport type { Override } from '~/utilities'\n\nexport const textVariants = {\n  size: {\n    xs: ['text-xs', 'leading-[1.6]', 'capsize-[0.4364]'],\n    sm: ['text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n    md: ['text-md', 'leading-normal', 'capsize-[0.3864]'],\n    lg: ['text-lg', 'leading-[1.52]', 'capsize-[0.3983]'],\n    xl: ['text-xl', 'leading-[1.42]', 'capsize-[0.3506]']\n  },\n  noCapsize: {\n    true: ['before:hidden!', 'after:hidden!']\n  }\n}\n\nexport const getTextVariant = (options: {\n  size: keyof typeof textVariants.size\n}): string[] => textVariants.size[options.size]\n\nexport const StyledText = styled('p', {\n  base: ['m-0', '[&>&]:before:hidden', '[&>&]:after:hidden'],\n  variants: {\n    ...textVariants,\n    weight: {\n      normal: ['font-normal'],\n      bold: ['font-semibold']\n    },\n    family: {\n      body: ['font-body'],\n      display: ['font-display'],\n      mono: ['font-mono']\n    }\n  }\n})\n\ntype TextProps = Override<\n  React.ComponentProps<typeof StyledText>,\n  {\n    as?:\n      | 'blockquote'\n      | 'caption'\n      | 'dd'\n      | 'dt'\n      | 'figcaption'\n      | 'li'\n      | 'p'\n      | 'span'\n      | 'legend'\n      | React.ComponentType\n      | React.ElementType\n  }\n>\n\nexport const Text: React.ForwardRefExoticComponent<TextProps> =\n  React.forwardRef(\n    ({ size = 'md', family = 'body', ...remainingProps }, ref) => (\n      <StyledText size={size} family={family} {...remainingProps} ref={ref} />\n    )\n  )\n\nText.displayName = 'Text'\n"],"names":["textVariants","getTextVariant","options","StyledText","styled","Text","React","size","family","remainingProps","ref"],"mappings":"iEAKa,MAAAA,EAAe,CAC1B,KAAM,CACJ,GAAI,CAAC,UAAW,gBAAiB,kBAAkB,EACnD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,CACtD,EACA,UAAW,CACT,KAAM,CAAC,iBAAkB,eAAe,CAC1C,CACF,EAEaC,EAAkBC,GAEfF,EAAa,KAAKE,EAAQ,IAAI,EAEjCC,EAAaC,EAAO,IAAK,CACpC,KAAM,CAAC,MAAO,sBAAuB,oBAAoB,EACzD,SAAU,CACR,GAAGJ,EACH,OAAQ,CACN,OAAQ,CAAC,aAAa,EACtB,KAAM,CAAC,eAAe,CACxB,EACA,OAAQ,CACN,KAAM,CAAC,WAAW,EAClB,QAAS,CAAC,cAAc,EACxB,KAAM,CAAC,WAAW,CACpB,CACF,CACF,CAAC,EAoBYK,EACXC,EAAM,WACJ,CAAC,CAAE,KAAAC,EAAO,KAAM,OAAAC,EAAS,OAAQ,GAAGC,CAAe,EAAGC,IACpDJ,EAAA,cAACH,EAAA,CAAW,KAAMI,EAAM,OAAQC,EAAS,GAAGC,EAAgB,IAAKC,CAAAA,CAAK,CAE1E,EAEFL,EAAK,YAAc"}
+{"version":3,"file":"Text.js","sources":["../../../src/components/text/Text.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport type { Override } from '~/utilities'\n\nexport const textVariants = {\n  size: {\n    xs: ['text-xs', 'leading-[1.6]', 'capsize-[0.4364]'],\n    sm: ['text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n    md: ['text-md', 'leading-normal', 'capsize-[0.3864]'],\n    lg: ['text-lg', 'leading-[1.52]', 'capsize-[0.3983]'],\n    xl: ['text-xl', 'leading-[1.42]', 'capsize-[0.3506]']\n  },\n  noCapsize: {\n    true: ['before:hidden!', 'after:hidden!']\n  }\n}\n\nexport const getTextVariant = (options: {\n  size: keyof typeof textVariants.size\n}): string[] => textVariants.size[options.size]\n\nexport const StyledText = styled('p', {\n  base: ['m-0', '[&>&]:before:hidden', '[&>&]:after:hidden'],\n  variants: {\n    ...textVariants,\n    weight: {\n      normal: ['font-normal'],\n      bold: ['font-semibold']\n    },\n    family: {\n      body: ['font-body'],\n      display: ['font-display'],\n      mono: ['font-mono']\n    }\n  }\n})\n\ntype TextProps = Override<\n  React.ComponentProps<typeof StyledText>,\n  {\n    as?:\n      | 'blockquote'\n      | 'caption'\n      | 'dd'\n      | 'dt'\n      | 'figcaption'\n      | 'li'\n      | 'p'\n      | 'span'\n      | 'legend'\n      | React.ComponentType\n      | React.ElementType\n  }\n>\n\nexport const Text = React.forwardRef<HTMLParagraphElement, TextProps>(\n  ({ size = 'md', family = 'body', ...remainingProps }, ref) => (\n    <StyledText size={size} family={family} {...remainingProps} ref={ref} />\n  )\n)\n\nText.displayName = 'Text'\n"],"names":["textVariants","getTextVariant","options","StyledText","styled","Text","React","size","family","remainingProps","ref"],"mappings":"iEAKa,MAAAA,EAAe,CAC1B,KAAM,CACJ,GAAI,CAAC,UAAW,gBAAiB,kBAAkB,EACnD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,CACtD,EACA,UAAW,CACT,KAAM,CAAC,iBAAkB,eAAe,CAC1C,CACF,EAEaC,EAAkBC,GAEfF,EAAa,KAAKE,EAAQ,IAAI,EAEjCC,EAAaC,EAAO,IAAK,CACpC,KAAM,CAAC,MAAO,sBAAuB,oBAAoB,EACzD,SAAU,CACR,GAAGJ,EACH,OAAQ,CACN,OAAQ,CAAC,aAAa,EACtB,KAAM,CAAC,eAAe,CACxB,EACA,OAAQ,CACN,KAAM,CAAC,WAAW,EAClB,QAAS,CAAC,cAAc,EACxB,KAAM,CAAC,WAAW,CACpB,CACF,CACF,CAAC,EAoBYK,EAAOC,EAAM,WACxB,CAAC,CAAE,KAAAC,EAAO,KAAM,OAAAC,EAAS,OAAQ,GAAGC,CAAe,EAAGC,IACpDJ,EAAA,cAACH,EAAA,CAAW,KAAMI,EAAM,OAAQC,EAAS,GAAGC,EAAgB,IAAKC,CAAAA,CAAK,CAE1E,EAEAL,EAAK,YAAc"}

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

@@ -0,0 +1 @@
+export * from './Text';

package/dist/components/textarea/Textarea.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+declare const StyledTextarea: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & {
+    ref?: ((instance: HTMLTextAreaElement | null) => void) | React.RefObject<HTMLTextAreaElement> | null | undefined;
+}, "appearance" | "state"> & {
+    appearance?: ("standard" | "modern" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "standard" | "modern">>) | undefined;
+    state?: ("error" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "error">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export type TextareaProps = React.ComponentProps<typeof StyledTextarea>;
+export declare const Textarea: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & {
+    ref?: ((instance: HTMLTextAreaElement | null) => void) | React.RefObject<HTMLTextAreaElement> | null | undefined;
+}, "appearance" | "state"> & {
+    appearance?: ("standard" | "modern" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "standard" | "modern">>) | undefined;
+    state?: ("error" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "error">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/components/textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledTextarea = styled('textarea', {\n  base: [\n    'shadow-none',\n    'text-md',\n    'appearance-none',\n    'rounded-md',\n    'box-border',\n    'text-grey-1000',\n    'font-body',\n    'font-normal',\n    'leading-[1.4]',\n    'm-0',\n    'min-h-24',\n    'px-3',\n    'py-3',\n    'resize-y',\n    'w-full',\n    'disabled:bg-grey-200',\n    'disabled:cursor-not-allowed',\n    'disabled:text-grey-800',\n    'placeholder:opacity-100',\n    'placeholder:text-grey-700'\n  ],\n  variants: {\n    appearance: {\n      standard: [\n        'bg-white',\n        'border',\n        'border-grey-800',\n        'focus-within:border-primary-800',\n        'focus-within:outline-none'\n      ],\n      modern: [\n        'bg-grey-100',\n        'border-none',\n        'focus-within:outline-2',\n        'focus-within:outline-blue-800',\n        'focus-within:outline-offset-1',\n        'focus-within:outline-solid',\n        'focus-within:z-1'\n      ]\n    },\n    state: {\n      error: []\n    }\n  },\n  defaultVariants: {\n    appearance: 'standard'\n  },\n  compoundVariants: [\n    {\n      state: 'error',\n      appearance: 'standard',\n      class: ['border-danger']\n    },\n    {\n      state: 'error',\n      appearance: 'modern',\n      class: ['bg-danger-light', 'focus-within:outline-danger']\n    }\n  ]\n})\n\nexport type TextareaProps = React.ComponentProps<typeof StyledTextarea>\n\nexport const Textarea: React.ForwardRefExoticComponent<TextareaProps> =\n  React.forwardRef((props, ref) => <StyledTextarea {...props} ref={ref} />)\n\nTextarea.displayName = 'Textarea'\n"],"names":["StyledTextarea","styled","Textarea","React","props","ref"],"mappings":"iEAIA,MAAMA,EAAiBC,EAAO,WAAY,CACxC,KAAM,CACJ,cACA,UACA,kBACA,aACA,aACA,iBACA,YACA,cACA,gBACA,MACA,WACA,OACA,OACA,WACA,SACA,uBACA,8BACA,yBACA,0BACA,2BACF,EACA,SAAU,CACR,WAAY,CACV,SAAU,CACR,WACA,SACA,kBACA,kCACA,2BACF,EACA,OAAQ,CACN,cACA,cACA,yBACA,gCACA,gCACA,6BACA,kBACF,CACF,EACA,MAAO,CACL,MAAO,CACT,CAAA,CACF,EACA,gBAAiB,CACf,WAAY,UACd,EACA,iBAAkB,CAChB,CACE,MAAO,QACP,WAAY,WACZ,MAAO,CAAC,eAAe,CACzB,EACA,CACE,MAAO,QACP,WAAY,SACZ,MAAO,CAAC,kBAAmB,6BAA6B,CAC1D,CACF,CACF,CAAC,EAIYC,EACXC,EAAM,WAAW,CAACC,EAAOC,IAAQF,EAAA,cAACH,EAAA,CAAgB,GAAGI,EAAO,IAAKC,CAAK,CAAA,CAAE,EAE1EH,EAAS,YAAc"}
+{"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledTextarea = styled('textarea', {\n  base: [\n    'shadow-none',\n    'text-md',\n    'appearance-none',\n    'rounded-md',\n    'box-border',\n    'text-grey-1000',\n    'font-body',\n    'font-normal',\n    'leading-[1.4]',\n    'm-0',\n    'min-h-24',\n    'px-3',\n    'py-3',\n    'resize-y',\n    'w-full',\n    'disabled:bg-grey-200',\n    'disabled:cursor-not-allowed',\n    'disabled:text-grey-800',\n    'placeholder:opacity-100',\n    'placeholder:text-grey-700'\n  ],\n  variants: {\n    appearance: {\n      standard: [\n        'bg-white',\n        'border',\n        'border-grey-800',\n        'focus-within:border-primary-800',\n        'focus-within:outline-none'\n      ],\n      modern: [\n        'bg-grey-100',\n        'border-none',\n        'focus-within:outline-2',\n        'focus-within:outline-blue-800',\n        'focus-within:outline-offset-1',\n        'focus-within:outline-solid',\n        'focus-within:z-1'\n      ]\n    },\n    state: {\n      error: []\n    }\n  },\n  defaultVariants: {\n    appearance: 'standard'\n  },\n  compoundVariants: [\n    {\n      state: 'error',\n      appearance: 'standard',\n      class: ['border-danger']\n    },\n    {\n      state: 'error',\n      appearance: 'modern',\n      class: ['bg-danger-light', 'focus-within:outline-danger']\n    }\n  ]\n})\n\nexport type TextareaProps = React.ComponentProps<typeof StyledTextarea>\n\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (props, ref) => <StyledTextarea {...props} ref={ref} />\n)\n\nTextarea.displayName = 'Textarea'\n"],"names":["StyledTextarea","styled","Textarea","React","props","ref"],"mappings":"iEAIA,MAAMA,EAAiBC,EAAO,WAAY,CACxC,KAAM,CACJ,cACA,UACA,kBACA,aACA,aACA,iBACA,YACA,cACA,gBACA,MACA,WACA,OACA,OACA,WACA,SACA,uBACA,8BACA,yBACA,0BACA,2BACF,EACA,SAAU,CACR,WAAY,CACV,SAAU,CACR,WACA,SACA,kBACA,kCACA,2BACF,EACA,OAAQ,CACN,cACA,cACA,yBACA,gCACA,gCACA,6BACA,kBACF,CACF,EACA,MAAO,CACL,MAAO,CACT,CAAA,CACF,EACA,gBAAiB,CACf,WAAY,UACd,EACA,iBAAkB,CAChB,CACE,MAAO,QACP,WAAY,WACZ,MAAO,CAAC,eAAe,CACzB,EACA,CACE,MAAO,QACP,WAAY,SACZ,MAAO,CAAC,kBAAmB,6BAA6B,CAC1D,CACF,CACF,CAAC,EAIYC,EAAWC,EAAM,WAC5B,CAACC,EAAOC,IAAQF,EAAA,cAACH,EAAA,CAAgB,GAAGI,EAAO,IAAKC,CAAK,CAAA,CACvD,EAEAH,EAAS,YAAc"}

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

@@ -0,0 +1,2 @@
+export type { TextareaProps } from './Textarea';
+export { Textarea } from './Textarea';

package/dist/components/textarea-field/TextareaField.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { FieldElementWrapperProps } from '../../components/field-wrapper';
+import { TextareaProps } from '../../components/textarea';
+type TextareaFieldProps = TextareaProps & FieldElementWrapperProps;
+export declare const TextareaField: {
+    ({ className, hideLabel, label, name, validation, prompt, description, appearance, ...remainingProps }: TextareaFieldProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/textarea-field/index.d.ts

@@ -0,0 +1 @@
+export { TextareaField } from './TextareaField';

package/dist/components/tile/Tile.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { TcolorScheme } from '../../experiments/color-scheme';
+export declare const StyledTile: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "border" | "borderRadius" | "diffused"> & {
+    borderRadius?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
+    border?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    diffused?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type TTileProps = React.ComponentProps<typeof StyledTile> & {
+    colorScheme?: TcolorScheme;
+};
+export declare const Tile: React.ForwardRefExoticComponent<Omit<TTileProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/tile/Tile.js

@@ -1,2 +1,2 @@
-import r from"react";import{ColorScheme as i}from"../../experiments/color-scheme/ColorScheme.js";import{styled as n}from"../../styled.js";const e=n("div",{base:["box-border","flex","flex-col","relative","border","bg-(--base-1)","text-(--foreground)","border-transparent"],variants:{borderRadius:{sm:["rounded-sm"],md:["rounded-md"],lg:["rounded-xl"]},border:{true:["border-(--base-3)"]},diffused:{true:["[@supports(background-color:color-mix(in_hsl,white_50%,transparent))]:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]","[@supports(background-color:color-mix(in_hsl,white_50%,transparent))]:backdrop-blur-sm]"]}}}),o=r.forwardRef(({children:t,borderRadius:a="lg",colorScheme:d={},...l},s)=>r.createElement(i,{asChild:!0,base:"grey1",accent:"primary2",interactive:"loContrast",...d},r.createElement(e,{ref:s,borderRadius:a,...l},t)));o.displayName="Tile";export{e as StyledTile,o as Tile};
+import r from"react";import{ColorScheme as i}from"../../experiments/color-scheme/ColorScheme.js";import{styled as m}from"../../styled.js";const e=m("div",{base:["box-border","flex","flex-col","relative","border","bg-(--base-1)","text-(--foreground)","border-transparent"],variants:{borderRadius:{sm:["rounded-sm"],md:["rounded-md"],lg:["rounded-xl"]},border:{true:["border-(--base-3)"]},diffused:{true:["supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]","supports-color-mix:backdrop-blur-sm"]}}}),o=r.forwardRef(({children:d,borderRadius:t="lg",colorScheme:a={},...l},s)=>r.createElement(i,{asChild:!0,base:"grey1",accent:"primary2",interactive:"loContrast",...a},r.createElement(e,{ref:s,borderRadius:t,...l},d)));o.displayName="Tile";export{e as StyledTile,o as Tile};
 //# sourceMappingURL=Tile.js.map

package/dist/components/tile/Tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.js","sources":["../../../src/components/tile/Tile.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ColorScheme, TcolorScheme } from '~/experiments/color-scheme'\nimport { styled } from '~/styled'\n\nexport const StyledTile = styled('div', {\n  base: [\n    'box-border',\n    'flex',\n    'flex-col',\n    'relative',\n    'border',\n    'bg-(--base-1)',\n    'text-(--foreground)',\n    'border-transparent'\n  ],\n  variants: {\n    borderRadius: {\n      sm: ['rounded-sm'],\n      md: ['rounded-md'],\n      lg: ['rounded-xl']\n    },\n    border: {\n      true: ['border-(--base-3)']\n    },\n    diffused: {\n      true: [\n        '[@supports(background-color:color-mix(in_hsl,white_50%,transparent))]:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]',\n        '[@supports(background-color:color-mix(in_hsl,white_50%,transparent))]:backdrop-blur-sm]'\n      ]\n    }\n  }\n})\n\ntype TTileProps = React.ComponentProps<typeof StyledTile> & {\n  colorScheme?: TcolorScheme\n}\n\nexport const Tile: React.ForwardRefExoticComponent<TTileProps> =\n  React.forwardRef(\n    ({ children, borderRadius = 'lg', colorScheme = {}, ...rest }, ref) => (\n      <ColorScheme\n        asChild\n        base=\"grey1\"\n        accent=\"primary2\"\n        interactive=\"loContrast\"\n        {...colorScheme}\n      >\n        <StyledTile ref={ref} borderRadius={borderRadius} {...rest}>\n          {children}\n        </StyledTile>\n      </ColorScheme>\n    )\n  )\n\nTile.displayName = 'Tile'\n"],"names":["StyledTile","styled","Tile","React","children","borderRadius","colorScheme","rest","ref","ColorScheme"],"mappings":"0IAKO,MAAMA,EAAaC,EAAO,MAAO,CACtC,KAAM,CACJ,aACA,OACA,WACA,WACA,SACA,gBACA,sBACA,oBACF,EACA,SAAU,CACR,aAAc,CACZ,GAAI,CAAC,YAAY,EACjB,GAAI,CAAC,YAAY,EACjB,GAAI,CAAC,YAAY,CACnB,EACA,OAAQ,CACN,KAAM,CAAC,mBAAmB,CAC5B,EACA,SAAU,CACR,KAAM,CACJ,0HACA,yFACF,CACF,CACF,CACF,CAAC,EAMYC,EACXC,EAAM,WACJ,CAAC,CAAE,SAAAC,EAAU,aAAAC,EAAe,KAAM,YAAAC,EAAc,GAAI,GAAGC,CAAK,EAAGC,IAC7DL,EAAA,cAACM,EAAA,CACC,QAAO,GACP,KAAK,QACL,OAAO,WACP,YAAY,aACX,GAAGH,CAAAA,EAEJH,EAAA,cAACH,GAAW,IAAKQ,EAAK,aAAcH,EAAe,GAAGE,CAAAA,EACnDH,CACH,CACF,CAEJ,EAEFF,EAAK,YAAc"}
+{"version":3,"file":"Tile.js","sources":["../../../src/components/tile/Tile.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ColorScheme, TcolorScheme } from '~/experiments/color-scheme'\nimport { styled } from '~/styled'\n\nexport const StyledTile = styled('div', {\n  base: [\n    'box-border',\n    'flex',\n    'flex-col',\n    'relative',\n    'border',\n    'bg-(--base-1)',\n    'text-(--foreground)',\n    'border-transparent'\n  ],\n  variants: {\n    borderRadius: {\n      sm: ['rounded-sm'],\n      md: ['rounded-md'],\n      lg: ['rounded-xl']\n    },\n    border: {\n      true: ['border-(--base-3)']\n    },\n    diffused: {\n      true: [\n        'supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]',\n        'supports-color-mix:backdrop-blur-sm'\n      ]\n    }\n  }\n})\n\ntype TTileProps = React.ComponentProps<typeof StyledTile> & {\n  colorScheme?: TcolorScheme\n}\n\nexport const Tile = React.forwardRef<HTMLDivElement, TTileProps>(\n  ({ children, borderRadius = 'lg', colorScheme = {}, ...rest }, ref) => (\n    <ColorScheme\n      asChild\n      base=\"grey1\"\n      accent=\"primary2\"\n      interactive=\"loContrast\"\n      {...colorScheme}\n    >\n      <StyledTile ref={ref} borderRadius={borderRadius} {...rest}>\n        {children}\n      </StyledTile>\n    </ColorScheme>\n  )\n)\n\nTile.displayName = 'Tile'\n"],"names":["StyledTile","styled","Tile","React","children","borderRadius","colorScheme","rest","ref","ColorScheme"],"mappings":"0IAKO,MAAMA,EAAaC,EAAO,MAAO,CACtC,KAAM,CACJ,aACA,OACA,WACA,WACA,SACA,gBACA,sBACA,oBACF,EACA,SAAU,CACR,aAAc,CACZ,GAAI,CAAC,YAAY,EACjB,GAAI,CAAC,YAAY,EACjB,GAAI,CAAC,YAAY,CACnB,EACA,OAAQ,CACN,KAAM,CAAC,mBAAmB,CAC5B,EACA,SAAU,CACR,KAAM,CACJ,uEACA,qCACF,CACF,CACF,CACF,CAAC,EAMYC,EAAOC,EAAM,WACxB,CAAC,CAAE,SAAAC,EAAU,aAAAC,EAAe,KAAM,YAAAC,EAAc,GAAI,GAAGC,CAAK,EAAGC,IAC7DL,EAAA,cAACM,EAAA,CACC,QAAO,GACP,KAAK,QACL,OAAO,WACP,YAAY,aACX,GAAGH,CAAAA,EAEJH,EAAA,cAACH,GAAW,IAAKQ,EAAK,aAAcH,EAAe,GAAGE,CAAAA,EACnDH,CACH,CACF,CAEJ,EAEAF,EAAK,YAAc"}