@zvk/ui 0.1.0

package/dist/components/sheet/sheet.js

@@ -0,0 +1,116 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { composeEventHandlers } from "../../utils/compose-event-handlers.js";
+import { cn } from "../../utils/cn.js";
+import { useControllableState } from "../../hooks/use-controllable-state.js";
+import { DismissableLayer } from "../../internal/dismissable-layer/index.js";
+import { FocusScope } from "../../internal/focus/index.js";
+import { Portal } from "../../internal/portal/index.js";
+import { lockScroll, unlockScroll } from "../../internal/scroll-lock/index.js";
+const SheetContext = React.createContext(null);
+function useSheetContext(calledBy) {
+    const context = React.useContext(SheetContext);
+    if (context === null) {
+        throw new Error(`"${calledBy}" must be used inside a <Sheet />`);
+    }
+    return context;
+}
+function composeRefs(...refs) {
+    return (node) => {
+        for (const ref of refs) {
+            if (typeof ref === "function") {
+                ref(node);
+            }
+            else if (ref && "current" in ref) {
+                ref.current = node;
+            }
+        }
+    };
+}
+function SheetRoot({ children, className, defaultOpen = false, onOpenChange, open: openProp, ref, side = "right", ...props }) {
+    const [open, setOpen] = useControllableState({
+        ...(openProp !== undefined ? { value: openProp } : {}),
+        defaultValue: defaultOpen,
+        ...(onOpenChange ? { onChange: onOpenChange } : {})
+    });
+    const instanceId = React.useId();
+    const triggerRef = React.useRef(null);
+    const [labelledBy, setLabelledBy] = React.useState();
+    const [describedBy, setDescribedBy] = React.useState();
+    const registerTitle = React.useCallback((id) => {
+        setLabelledBy(id);
+        return () => setLabelledBy((current) => (current === id ? undefined : current));
+    }, []);
+    const registerDescription = React.useCallback((id) => {
+        setDescribedBy(id);
+        return () => setDescribedBy((current) => (current === id ? undefined : current));
+    }, []);
+    React.useLayoutEffect(() => {
+        if (!open) {
+            return;
+        }
+        lockScroll();
+        return () => unlockScroll();
+    }, [open]);
+    return (_jsx(SheetContext.Provider, { value: {
+            close: () => setOpen(false),
+            contentId: `${instanceId}-content`,
+            descriptionId: `${instanceId}-description`,
+            describedBy,
+            labelledBy,
+            open,
+            registerDescription,
+            registerTitle,
+            setOpen,
+            side,
+            titleId: `${instanceId}-title`,
+            triggerRef
+        }, children: _jsx("div", { ...props, ref: ref, className: cn("liano-sheet", className), "data-state": open ? "open" : "closed", children: children }) }));
+}
+function SheetTrigger({ className, disabled, onClick, ref, type = "button", ...props }) {
+    const { contentId, open, setOpen, triggerRef } = useSheetContext("Sheet.Trigger");
+    return (_jsx("button", { ...props, ref: composeRefs(ref, triggerRef), type: type, disabled: disabled, "aria-controls": contentId, "aria-expanded": open ? "true" : "false", className: cn("liano-sheet__trigger", className), "data-state": open ? "open" : "closed", onClick: composeEventHandlers(onClick, () => {
+            if (!disabled) {
+                setOpen(true);
+            }
+        }) }));
+}
+function SheetContent({ children, className, ref, ...props }) {
+    const { close, contentId, describedBy, labelledBy, open, side } = useSheetContext("Sheet.Content");
+    if (!open) {
+        return null;
+    }
+    return (_jsxs(Portal, { children: [_jsx("div", { "aria-hidden": "true", className: "liano-sheet__overlay" }), _jsx(DismissableLayer, { open: open, onDismiss: close, children: _jsx(FocusScope, { active: open, trapped: true, children: _jsx("div", { ...props, ref: ref, id: contentId, role: "dialog", "aria-modal": "true", "aria-describedby": describedBy, "aria-labelledby": labelledBy, className: cn("liano-sheet__content", className), "data-side": side, "data-state": open ? "open" : "closed", children: children }) }) })] }));
+}
+function SheetHeader({ className, ref, ...props }) {
+    return _jsx("div", { ...props, ref: ref, className: cn("liano-sheet__header", className) });
+}
+function SheetTitle({ className, ref, ...props }) {
+    const { registerTitle, titleId } = useSheetContext("Sheet.Title");
+    const id = props.id ?? titleId;
+    React.useLayoutEffect(() => registerTitle(id), [id, registerTitle]);
+    return _jsx("h2", { ...props, ref: ref, id: id, className: cn("liano-sheet__title", className) });
+}
+function SheetDescription({ className, ref, ...props }) {
+    const { descriptionId, registerDescription } = useSheetContext("Sheet.Description");
+    const id = props.id ?? descriptionId;
+    React.useLayoutEffect(() => registerDescription(id), [id, registerDescription]);
+    return _jsx("p", { ...props, ref: ref, id: id, className: cn("liano-sheet__description", className) });
+}
+function SheetFooter({ className, ref, ...props }) {
+    return _jsx("div", { ...props, ref: ref, className: cn("liano-sheet__footer", className) });
+}
+function SheetClose({ className, onClick, ref, type = "button", ...props }) {
+    const { close } = useSheetContext("Sheet.Close");
+    return (_jsx("button", { ...props, ref: ref, type: type, className: cn("liano-sheet__close", className), onClick: composeEventHandlers(onClick, close) }));
+}
+export const Sheet = Object.assign(SheetRoot, {
+    Close: SheetClose,
+    Content: SheetContent,
+    Description: SheetDescription,
+    Footer: SheetFooter,
+    Header: SheetHeader,
+    Title: SheetTitle,
+    Trigger: SheetTrigger
+});

package/dist/components/sidebar-shell/index.d.ts

@@ -0,0 +1,2 @@
+export { SidebarShell } from "./sidebar-shell.js";
+export type { SidebarShellLandmarkSlotProps, SidebarShellMainProps, SidebarShellProps, SidebarShellSide, SidebarShellSidebarProps, SidebarShellSlotProps, SidebarShellWidth } from "./sidebar-shell.js";

package/dist/components/sidebar-shell/index.js

@@ -0,0 +1 @@
+export { SidebarShell } from "./sidebar-shell.js";

package/dist/components/sidebar-shell/sidebar-shell.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+export type SidebarShellSide = "left" | "right";
+export type SidebarShellWidth = "sm" | "md" | "lg";
+export interface SidebarShellProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: SidebarShellSide;
+    width?: SidebarShellWidth;
+    collapsed?: boolean;
+    ref?: React.Ref<HTMLDivElement>;
+}
+export interface SidebarShellSidebarProps extends React.HTMLAttributes<HTMLElement> {
+    ref?: React.Ref<HTMLElement>;
+}
+export interface SidebarShellMainProps extends React.HTMLAttributes<HTMLElement> {
+    ref?: React.Ref<HTMLElement>;
+}
+export interface SidebarShellSlotProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement>;
+}
+export interface SidebarShellLandmarkSlotProps extends React.HTMLAttributes<HTMLElement> {
+    ref?: React.Ref<HTMLElement>;
+}
+declare function SidebarShellRoot({ className, collapsed, ref, side, width, ...props }: SidebarShellProps): React.JSX.Element;
+declare function SidebarShellSidebar({ className, ref, ...props }: SidebarShellSidebarProps): React.JSX.Element;
+declare function SidebarShellHeader({ className, ref, ...props }: SidebarShellLandmarkSlotProps): React.JSX.Element;
+declare function SidebarShellMain({ className, ref, ...props }: SidebarShellMainProps): React.JSX.Element;
+declare function SidebarShellContent({ className, ref, ...props }: SidebarShellSlotProps): React.JSX.Element;
+declare function SidebarShellFooter({ className, ref, ...props }: SidebarShellLandmarkSlotProps): React.JSX.Element;
+export declare const SidebarShell: typeof SidebarShellRoot & {
+    Sidebar: typeof SidebarShellSidebar;
+    Header: typeof SidebarShellHeader;
+    Main: typeof SidebarShellMain;
+    Content: typeof SidebarShellContent;
+    Footer: typeof SidebarShellFooter;
+};
+export {};

package/dist/components/sidebar-shell/sidebar-shell.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+function SidebarShellRoot({ className, collapsed = false, ref, side = "left", width = "md", ...props }) {
+    return (_jsx("div", { ...props, ref: ref, className: cn("liano-sidebar-shell", className), "data-collapsed": collapsed ? "true" : "false", "data-side": side, "data-width": width }));
+}
+function SidebarShellSidebar({ className, ref, ...props }) {
+    return _jsx("aside", { ...props, ref: ref, className: cn("liano-sidebar-shell__sidebar", className) });
+}
+function SidebarShellHeader({ className, ref, ...props }) {
+    return _jsx("header", { ...props, ref: ref, className: cn("liano-sidebar-shell__header", className) });
+}
+function SidebarShellMain({ className, ref, ...props }) {
+    return _jsx("main", { ...props, ref: ref, className: cn("liano-sidebar-shell__main", className) });
+}
+function SidebarShellContent({ className, ref, ...props }) {
+    return _jsx("div", { ...props, ref: ref, className: cn("liano-sidebar-shell__content", className) });
+}
+function SidebarShellFooter({ className, ref, ...props }) {
+    return _jsx("footer", { ...props, ref: ref, className: cn("liano-sidebar-shell__footer", className) });
+}
+export const SidebarShell = Object.assign(SidebarShellRoot, {
+    Sidebar: SidebarShellSidebar,
+    Header: SidebarShellHeader,
+    Main: SidebarShellMain,
+    Content: SidebarShellContent,
+    Footer: SidebarShellFooter
+});

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

@@ -0,0 +1,2 @@
+export { Skeleton } from "./skeleton.js";
+export type { SkeletonProps, SkeletonRounded } from "./skeleton.js";

package/dist/components/skeleton/index.js

@@ -0,0 +1 @@
+export { Skeleton } from "./skeleton.js";

package/dist/components/skeleton/skeleton.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export type SkeletonRounded = "sm" | "md" | "lg" | "full";
+export interface SkeletonProps extends React.HTMLAttributes<HTMLSpanElement> {
+    width?: string | number;
+    height?: string | number;
+    rounded?: SkeletonRounded;
+    animate?: boolean;
+    ref?: React.Ref<HTMLSpanElement>;
+}
+export declare function Skeleton({ animate, className, height, ref, rounded, style, width, ...props }: SkeletonProps): React.JSX.Element;

package/dist/components/skeleton/skeleton.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+function toCssSize(value) {
+    return typeof value === "number" ? `${value}px` : value;
+}
+export function Skeleton({ animate = true, className, height, ref, rounded = "md", style, width, ...props }) {
+    const dimensionStyle = {};
+    if (width !== undefined) {
+        dimensionStyle.width = toCssSize(width);
+    }
+    if (height !== undefined) {
+        dimensionStyle.height = toCssSize(height);
+    }
+    return (_jsx("span", { ...props, ref: ref, "aria-hidden": props["aria-hidden"] ?? true, className: cn("liano-skeleton", className), "data-animate": animate ? "true" : "false", "data-rounded": rounded, style: { ...dimensionStyle, ...style } }));
+}

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

@@ -0,0 +1,2 @@
+export { Slider } from "./slider.js";
+export type { SliderProps, SliderSize } from "./slider.js";

package/dist/components/slider/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Slider } from "./slider.js";

package/dist/components/slider/slider.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+export type SliderSize = "sm" | "md" | "lg";
+export interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "onChange"> {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    invalid?: boolean;
+    size?: SliderSize;
+    onValueChange?: (value: number, event: React.ChangeEvent<HTMLInputElement>) => void;
+    ref?: React.Ref<HTMLInputElement>;
+}
+export declare function Slider({ "aria-describedby": ariaDescribedBy, className, description, disabled, error, id, invalid, label, onValueChange, ref, required, size, ...props }: SliderProps): React.JSX.Element;

package/dist/components/slider/slider.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Field } from "../field/field.js";
+import { cn } from "../../utils/cn.js";
+function hasRenderableNode(value) {
+    return value !== undefined && value !== null && value !== false;
+}
+function joinIds(...ids) {
+    const value = ids.filter(Boolean).join(" ");
+    return value.length > 0 ? value : undefined;
+}
+export function Slider({ "aria-describedby": ariaDescribedBy, className, description, disabled, error, id, invalid, label, onValueChange, ref, required, size = "md", ...props }) {
+    const generatedId = React.useId();
+    const hasLabel = hasRenderableNode(label);
+    const hasDescription = hasRenderableNode(description);
+    const hasError = hasRenderableNode(error);
+    const sliderId = id ?? (hasLabel || hasDescription || hasError ? generatedId : undefined);
+    const invalidState = invalid || hasError;
+    const descriptionId = hasDescription ? `${sliderId}-description` : undefined;
+    const errorId = hasError ? `${sliderId}-error` : undefined;
+    const describedBy = joinIds(ariaDescribedBy, descriptionId, errorId);
+    const slider = (_jsx("input", { ...props, ref: ref, "aria-describedby": describedBy, "aria-invalid": invalidState ? true : undefined, className: cn("liano-slider", className), "data-disabled": disabled ? "true" : undefined, "data-invalid": invalidState ? "true" : undefined, "data-required": required ? "true" : undefined, "data-size": size, disabled: disabled, id: sliderId, onChange: (event) => {
+            onValueChange?.(event.currentTarget.valueAsNumber, event);
+        }, required: required, type: "range" }));
+    if (!hasLabel && !hasDescription && !hasError) {
+        return slider;
+    }
+    return (_jsxs(Field, { disabled: Boolean(disabled), invalid: invalidState, required: Boolean(required), children: [hasLabel ? _jsx(Field.Label, { htmlFor: sliderId, children: label }) : null, slider, hasDescription ? _jsx(Field.Description, { id: descriptionId, children: description }) : null, hasError ? _jsx(Field.Error, { id: errorId, children: error }) : null] }));
+}

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

@@ -0,0 +1,2 @@
+export { Spinner } from "./spinner.js";
+export type { SpinnerProps, SpinnerSize, SpinnerTone } from "./spinner.js";

package/dist/components/spinner/index.js

@@ -0,0 +1 @@
+export { Spinner } from "./spinner.js";

package/dist/components/spinner/spinner.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export type SpinnerSize = "sm" | "md" | "lg";
+export type SpinnerTone = "primary" | "muted";
+export interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
+    size?: SpinnerSize;
+    tone?: SpinnerTone;
+    label?: React.ReactNode;
+    ref?: React.Ref<HTMLSpanElement>;
+}
+export declare function Spinner({ className, label, ref, size, tone, ...props }: SpinnerProps): React.JSX.Element;

package/dist/components/spinner/spinner.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+export function Spinner({ className, label, ref, size = "md", tone = "primary", ...props }) {
+    const hasLabel = label !== undefined && label !== null && label !== false;
+    return (_jsx("span", { ...props, ref: ref, "aria-hidden": hasLabel ? undefined : true, "aria-live": hasLabel ? "polite" : undefined, className: cn("liano-spinner", className), "data-size": size, "data-tone": tone, role: hasLabel ? "status" : undefined, children: hasLabel ? _jsx("span", { className: "liano-sr-only", children: label }) : null }));
+}

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

@@ -0,0 +1,2 @@
+export { Stat } from "./stat.js";
+export type { StatProps, StatSize, StatTone } from "./stat.js";

package/dist/components/stat/index.js

@@ -0,0 +1 @@
+export { Stat } from "./stat.js";

package/dist/components/stat/stat.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export type StatTone = "neutral" | "success" | "warning" | "destructive" | "info";
+export type StatSize = "sm" | "md" | "lg";
+export interface StatProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    description?: React.ReactNode;
+    trend?: React.ReactNode;
+    tone?: StatTone;
+    size?: StatSize;
+    ref?: React.Ref<HTMLDivElement>;
+}
+export declare function Stat({ className, description, label, ref, size, tone, trend, value, ...props }: StatProps): React.JSX.Element;

package/dist/components/stat/stat.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+export function Stat({ className, description, label, ref, size = "md", tone = "neutral", trend, value, ...props }) {
+    const showDescription = description !== undefined && description !== null && description !== false;
+    const showTrend = trend !== undefined && trend !== null && trend !== false;
+    return (_jsxs("div", { ...props, ref: ref, className: cn("liano-stat", className), "data-size": size, "data-tone": tone, children: [_jsx("p", { className: "liano-stat__label", children: label }), _jsx("div", { className: "liano-stat__value", children: value }), showDescription ? _jsx("p", { className: "liano-stat__description", children: description }) : null, showTrend ? _jsx("div", { className: "liano-stat__trend", children: trend }) : null] }));
+}

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

@@ -0,0 +1,2 @@
+export { Switch } from "./switch.js";
+export type { SwitchProps, SwitchSize } from "./switch.js";

package/dist/components/switch/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Switch } from "./switch.js";

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+export type SwitchSize = "sm" | "md" | "lg";
+export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "role"> {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    invalid?: boolean;
+    size?: SwitchSize;
+    ref?: React.Ref<HTMLInputElement>;
+}
+export declare function Switch({ "aria-describedby": ariaDescribedBy, className, description, disabled, error, id, invalid, label, ref, required, size, ...props }: SwitchProps): React.JSX.Element;

package/dist/components/switch/switch.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Field } from "../field/field.js";
+import { cn } from "../../utils/cn.js";
+function hasRenderableNode(value) {
+    return value !== undefined && value !== null && value !== false;
+}
+function joinIds(...ids) {
+    const value = ids.filter(Boolean).join(" ");
+    return value.length > 0 ? value : undefined;
+}
+export function Switch({ "aria-describedby": ariaDescribedBy, className, description, disabled, error, id, invalid, label, ref, required, size = "md", ...props }) {
+    const generatedId = React.useId();
+    const hasLabel = hasRenderableNode(label);
+    const hasDescription = hasRenderableNode(description);
+    const hasError = hasRenderableNode(error);
+    const shouldUseWrapperId = hasLabel || hasDescription || hasError;
+    const switchId = id ?? (shouldUseWrapperId ? generatedId : undefined);
+    const invalidState = invalid || Boolean(hasError);
+    const descriptionId = hasDescription ? `${switchId}-description` : undefined;
+    const errorId = hasError ? `${switchId}-error` : undefined;
+    const describedBy = joinIds(ariaDescribedBy, descriptionId, errorId);
+    const input = (_jsx("input", { ...props, ref: ref, "aria-describedby": describedBy, "aria-invalid": invalidState ? true : undefined, className: "liano-switch__input", "data-disabled": disabled ? "true" : undefined, "data-invalid": invalidState ? "true" : undefined, "data-required": required ? "true" : undefined, disabled: disabled, id: switchId, required: required, role: "switch", type: "checkbox" }));
+    const content = (_jsxs(_Fragment, { children: [input, _jsx("span", { className: "liano-switch__track", "aria-hidden": "true", children: _jsx("span", { className: "liano-switch__thumb" }) }), hasLabel ? _jsx("span", { className: "liano-switch__label", children: label }) : null] }));
+    return (_jsxs(Field, { disabled: Boolean(disabled), invalid: invalidState, required: Boolean(required), children: [_jsx("label", { className: cn("liano-switch", className), "data-size": size, "data-disabled": disabled ? "true" : undefined, "data-invalid": invalidState ? "true" : undefined, "data-required": required ? "true" : undefined, children: content }), hasDescription ? _jsx(Field.Description, { id: descriptionId, children: description }) : null, hasError ? _jsx(Field.Error, { id: errorId, children: error }) : null] }));
+}

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

@@ -0,0 +1,2 @@
+export { Table } from "./table.js";
+export type { TableBodyProps, TableCaptionProps, TableCellProps, TableFooterProps, TableHeadProps, TableHeaderProps, TableProps, TableRowProps } from "./table.js";

package/dist/components/table/index.js

@@ -0,0 +1 @@
+export { Table } from "./table.js";

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

@@ -0,0 +1,45 @@
+import * as React from "react";
+export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
+    density?: "compact" | "default" | "comfortable";
+    variant?: "plain" | "surface";
+    ref?: React.Ref<HTMLTableElement>;
+}
+export interface TableCaptionProps extends React.HTMLAttributes<HTMLTableCaptionElement> {
+    ref?: React.Ref<HTMLTableCaptionElement>;
+}
+export interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    ref?: React.Ref<HTMLTableSectionElement>;
+}
+export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    ref?: React.Ref<HTMLTableSectionElement>;
+}
+export interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    ref?: React.Ref<HTMLTableSectionElement>;
+}
+export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    ref?: React.Ref<HTMLTableRowElement>;
+}
+export interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableHeaderCellElement> {
+    ref?: React.Ref<HTMLTableHeaderCellElement>;
+}
+export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+    ref?: React.Ref<HTMLTableCellElement>;
+}
+declare function TableRoot({ className, density, ref, variant, ...props }: TableProps): React.JSX.Element;
+declare function TableCaption({ className, ref, ...props }: TableCaptionProps): React.JSX.Element;
+declare function TableHeader({ className, ref, ...props }: TableHeaderProps): React.JSX.Element;
+declare function TableBody({ className, ref, ...props }: TableBodyProps): React.JSX.Element;
+declare function TableFooter({ className, ref, ...props }: TableFooterProps): React.JSX.Element;
+declare function TableRow({ className, ref, ...props }: TableRowProps): React.JSX.Element;
+declare function TableHead({ className, ref, scope, ...props }: TableHeadProps): React.JSX.Element;
+declare function TableCell({ className, ref, ...props }: TableCellProps): React.JSX.Element;
+export declare const Table: typeof TableRoot & {
+    Caption: typeof TableCaption;
+    Header: typeof TableHeader;
+    Body: typeof TableBody;
+    Footer: typeof TableFooter;
+    Row: typeof TableRow;
+    Head: typeof TableHead;
+    Cell: typeof TableCell;
+};
+export {};

package/dist/components/table/table.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+function TableRoot({ className, density = "default", ref, variant = "plain", ...props }) {
+    return (_jsx("table", { ...props, ref: ref, className: cn("liano-table", className), "data-density": density, "data-variant": variant }));
+}
+function TableCaption({ className, ref, ...props }) {
+    return _jsx("caption", { ...props, ref: ref, className: cn("liano-table__caption", className) });
+}
+function TableHeader({ className, ref, ...props }) {
+    return _jsx("thead", { ...props, ref: ref, className: cn("liano-table__header", className) });
+}
+function TableBody({ className, ref, ...props }) {
+    return _jsx("tbody", { ...props, ref: ref, className: cn("liano-table__body", className) });
+}
+function TableFooter({ className, ref, ...props }) {
+    return _jsx("tfoot", { ...props, ref: ref, className: cn("liano-table__footer", className) });
+}
+function TableRow({ className, ref, ...props }) {
+    return _jsx("tr", { ...props, ref: ref, className: cn("liano-table__row", className) });
+}
+function TableHead({ className, ref, scope = "col", ...props }) {
+    return _jsx("th", { ...props, ref: ref, scope: scope, className: cn("liano-table__head", className) });
+}
+function TableCell({ className, ref, ...props }) {
+    return _jsx("td", { ...props, ref: ref, className: cn("liano-table__cell", className) });
+}
+export const Table = Object.assign(TableRoot, {
+    Caption: TableCaption,
+    Header: TableHeader,
+    Body: TableBody,
+    Footer: TableFooter,
+    Row: TableRow,
+    Head: TableHead,
+    Cell: TableCell
+});

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

@@ -0,0 +1,2 @@
+export { Tabs } from "./tabs.js";
+export type { TabsOrientation, TabsActivationMode, TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps } from "./tabs.js";

package/dist/components/tabs/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Tabs } from "./tabs.js";

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

@@ -0,0 +1,34 @@
+import * as React from "react";
+export type TabsOrientation = "horizontal" | "vertical";
+export type TabsActivationMode = "automatic" | "manual";
+export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    orientation?: TabsOrientation;
+    activationMode?: TabsActivationMode;
+    disabled?: boolean;
+    ref?: React.Ref<HTMLDivElement>;
+}
+export interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement>;
+}
+export interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+    ref?: React.Ref<HTMLButtonElement>;
+}
+export interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+    forceMount?: boolean;
+    ref?: React.Ref<HTMLDivElement>;
+}
+declare function TabsRoot({ children, className, defaultValue, disabled, ref, activationMode, onValueChange, orientation, value, ...props }: TabsProps): React.JSX.Element;
+declare function TabsList({ className, ref, ...props }: TabsListProps): React.JSX.Element;
+declare function TabsTrigger({ className, onClick, onKeyDown, ref, value, ...props }: TabsTriggerProps): React.JSX.Element;
+declare function TabsContent({ className, forceMount, ref, value, ...props }: TabsContentProps): React.JSX.Element | null;
+export declare const Tabs: typeof TabsRoot & {
+    List: typeof TabsList;
+    Trigger: typeof TabsTrigger;
+    Content: typeof TabsContent;
+};
+export {};