@infonomic/uikit 1.0.0

package/dist/components/shimmer/shimmer.d.ts

@@ -0,0 +1,13 @@
+import type React from 'react';
+interface ShimmerProps {
+    className?: string;
+    width?: string | number;
+    height?: string | number;
+    borderRadius?: string;
+    variant?: 'text' | 'rectangular' | 'circular';
+    lines?: number;
+    children?: React.ReactNode;
+}
+export declare function Shimmer({ className, width, height, borderRadius, variant, lines, children, ...other }: ShimmerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=shimmer.d.ts.map

package/dist/components/shimmer/shimmer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shimmer.d.ts","sourceRoot":"","sources":["../../../src/components/shimmer/shimmer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,UAAU,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,KAAc,EACd,MAAe,EACf,YAAY,EACZ,OAAuB,EACvB,KAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8ClC"}

package/dist/components/shimmer/shimmer.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import shimmer_module from "./shimmer.module.js";
+function Shimmer({ className, width = '100%', height = '1rem', borderRadius, variant = 'rectangular', lines = 1, children, ...other }) {
+    const shimmerStyle = {
+        width: 'number' == typeof width ? `${width}px` : width,
+        height: 'number' == typeof height ? `${height}px` : height,
+        borderRadius: borderRadius
+    };
+    const getVariantClass = ()=>{
+        switch(variant){
+            case 'text':
+                return shimmer_module.text;
+            case 'circular':
+                return shimmer_module.circular;
+            case 'rectangular':
+            default:
+                return shimmer_module.rectangular;
+        }
+    };
+    if ('text' === variant && lines > 1) return /*#__PURE__*/ jsx("div", {
+        className: classnames(shimmer_module.shimmerContainer, className),
+        ...other,
+        children: Array.from({
+            length: lines
+        }, (_, index)=>/*#__PURE__*/ jsx("div", {
+                className: classnames(shimmer_module.shimmer, shimmer_module.text),
+                style: {
+                    ...shimmerStyle,
+                    width: index === lines - 1 ? '75%' : '100%',
+                    marginBottom: index === lines - 1 ? 0 : '0.5rem'
+                }
+            }, `shimmer-line-${index}`))
+    });
+    return /*#__PURE__*/ jsx("div", {
+        className: classnames(shimmer_module.shimmer, getVariantClass(), className),
+        style: shimmerStyle,
+        ...other,
+        children: children
+    });
+}
+export { Shimmer };

package/dist/components/shimmer/shimmer.module.js

@@ -0,0 +1,9 @@
+import "./shimmer_module.css";
+const shimmer_module = {
+    shimmer: "shimmer-hQj5gn",
+    shimmerContainer: "shimmerContainer-YqBAXa",
+    rectangular: "rectangular-qx6oTl",
+    text: "text-syTLNh",
+    circular: "circular-KqBjEv"
+};
+export { shimmer_module as default };

package/dist/components/shimmer/shimmer_module.css

@@ -0,0 +1,47 @@
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  .shimmer-hQj5gn {
+    background-color: #f0f0f0;
+    background-image: linear-gradient(90deg, #0000, #fff9, #0000);
+    background-size: 200% 100%;
+    animation: 1.5s infinite shimmer-hQj5gn;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .shimmer-hQj5gn:is(.dark *) {
+    background-color: #141414;
+    background-image: linear-gradient(90deg, #0000, #ffffff03, #0000);
+  }
+
+  .shimmerContainer-YqBAXa {
+    flex-direction: column;
+    display: flex;
+  }
+
+  .rectangular-qx6oTl {
+    border-radius: .25rem;
+  }
+
+  .text-syTLNh {
+    border-radius: .125rem;
+    height: 1rem;
+  }
+
+  .circular-KqBjEv {
+    aspect-ratio: 1;
+    border-radius: 50%;
+  }
+
+  @keyframes shimmer-hQj5gn {
+    0% {
+      background-position: -200% 0;
+    }
+
+    100% {
+      background-position: 200% 0;
+    }
+  }
+}
+

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

@@ -0,0 +1,37 @@
+import type * as React from 'react';
+export type TableProps = React.JSX.IntrinsicElements['table'];
+declare function Table({ ref, className, children, ...rest }: TableProps & {
+    ref?: React.RefObject<HTMLTableElement>;
+}): React.JSX.Element;
+declare namespace Table {
+    var Container: ({ ref, className, children, ...rest }: TableContainerProps & {
+        ref?: React.RefObject<HTMLDivElement>;
+    }) => React.JSX.Element;
+    var Body: ({ ref, className, children, ...rest }: TableBodyProps & {
+        ref?: React.RefObject<HTMLTableSectionElement>;
+    }) => React.JSX.Element;
+    var Header: ({ ref, className, children, ...rest }: TableHeaderProps & {
+        ref?: React.RefObject<HTMLTableSectionElement>;
+    }) => React.JSX.Element;
+    var Row: ({ ref, className, children, ...rest }: TableRowProps & {
+        ref?: React.RefObject<HTMLTableRowElement>;
+    }) => React.JSX.Element;
+    var HeadingCell: ({ ref, className, children, ...rest }: TableHeadingCellProps & {
+        ref?: React.RefObject<HTMLTableCellElement>;
+    }) => React.JSX.Element;
+    var Cell: ({ ref, className, children, ...rest }: TableCellProps & {
+        ref?: React.RefObject<HTMLTableCellElement>;
+    }) => React.JSX.Element;
+    var Footer: ({ ref, className, children, ...rest }: TableFooterProps & {
+        ref?: React.RefObject<HTMLTableSectionElement>;
+    }) => React.JSX.Element;
+}
+export type TableContainerProps = React.JSX.IntrinsicElements['div'];
+export type TableBodyProps = React.JSX.IntrinsicElements['tbody'];
+export type TableHeaderProps = React.JSX.IntrinsicElements['thead'];
+export type TableRowProps = React.JSX.IntrinsicElements['tr'];
+export type TableHeadingCellProps = React.JSX.IntrinsicElements['th'];
+export type TableCellProps = React.JSX.IntrinsicElements['td'];
+export type TableFooterProps = React.JSX.IntrinsicElements['tfoot'];
+export { Table };
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAA;AAE7D,iBAAS,KAAK,CAAC,EACb,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,GAAG;IACd,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;CACxC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAQpB;kBAfQ,KAAK;2DAwBX,mBAAmB,GAAG;QACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;KACtC;sDAgBE,cAAc,GAAG;QAClB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAA;KAC/C,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO;wDAelB,gBAAgB,GAAG;QACpB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAA;KAC/C,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO;qDAiBlB,aAAa,GAAG;QACjB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAA;KAC3C,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO;6DAiBlB,qBAAqB,GAAG;QACzB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAA;KAC5C,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO;sDAgBlB,cAAc,GAAG;QAClB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAA;KAC5C,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO;wDAiBlB,gBAAgB,GAAG;QACpB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAA;KAC/C,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;AAvHrB,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AAkBpE,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAA;AAiBjE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAA;AAmBnE,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA;AAmB7D,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA;AAkBrE,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA;AAmB9D,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAA;AA8BnE,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/table/table.js

@@ -0,0 +1,85 @@
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import table_module from "./table.module.js";
+function Table({ ref, className, children, ...rest }) {
+    const classes = classnames(table_module.table, 'table', className);
+    return /*#__PURE__*/ jsx("table", {
+        ref: ref,
+        className: classes,
+        ...rest,
+        children: children
+    });
+}
+function Container({ ref, className, children, ...rest }) {
+    const classes = classnames(table_module["table-container"], 'table-container', className);
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: classes,
+        ...rest,
+        children: /*#__PURE__*/ jsx("div", {
+            className: classnames('table--scroller', table_module["table-scroller"]),
+            children: children
+        })
+    });
+}
+function Body({ ref, className, children, ...rest }) {
+    return /*#__PURE__*/ jsx("tbody", {
+        ref: ref,
+        className: className,
+        ...rest,
+        children: children
+    });
+}
+function Header({ ref, className, children, ...rest }) {
+    const classes = classnames(table_module["table-header"], 'table-header', className);
+    return /*#__PURE__*/ jsx("thead", {
+        ref: ref,
+        className: classes,
+        ...rest,
+        children: children
+    });
+}
+function Row({ ref, className, children, ...rest }) {
+    const classes = classnames(table_module["table-row"], 'table-row', className);
+    return /*#__PURE__*/ jsx("tr", {
+        ref: ref,
+        className: classes,
+        ...rest,
+        children: children
+    });
+}
+function HeadingCell({ ref, className, children, ...rest }) {
+    const classes = classnames(table_module["table-heading-cell"], 'table-heading-cell', 'not-prose', className);
+    return /*#__PURE__*/ jsx("th", {
+        ref: ref,
+        className: classes,
+        ...rest,
+        children: children
+    });
+}
+function Cell({ ref, className, children, ...rest }) {
+    const classes = classnames(table_module["table-cell"], 'table-cell', className);
+    return /*#__PURE__*/ jsx("td", {
+        ref: ref,
+        className: classes,
+        ...rest,
+        children: children
+    });
+}
+function Footer({ ref, className, children, ...rest }) {
+    const classes = classnames('text-xs text-gray-700 uppercase bg-canvas-100 dark:bg-canvas-700 dark:text-gray-400', className);
+    return /*#__PURE__*/ jsx("tfoot", {
+        ref: ref,
+        className: classes,
+        ...rest,
+        children: children
+    });
+}
+Table.Container = Container;
+Table.Body = Body;
+Table.Header = Header;
+Table.Row = Row;
+Table.HeadingCell = HeadingCell;
+Table.Cell = Cell;
+Table.Footer = Footer;
+export { Table };

package/dist/components/table/table.module.js

@@ -0,0 +1,19 @@
+import "./table_module.css";
+const table_module = {
+    "table-container": "table-container-SdhhjR",
+    tableContainer: "table-container-SdhhjR",
+    "table-scroller": "table-scroller-lW0GHG",
+    tableScroller: "table-scroller-lW0GHG",
+    table: "table-TW0hN9",
+    "table-header": "table-header-D1lP7m",
+    tableHeader: "table-header-D1lP7m",
+    "table-row": "table-row-ufTNsI",
+    tableRow: "table-row-ufTNsI",
+    "table-heading-cell": "table-heading-cell-gB6ryy",
+    tableHeadingCell: "table-heading-cell-gB6ryy",
+    "table-cell": "table-cell-VRgkzQ",
+    tableCell: "table-cell-VRgkzQ",
+    "table-footer": "table-footer-JabMFD",
+    tableFooter: "table-footer-JabMFD"
+};
+export { table_module as default };

package/dist/components/table/table_module.css

@@ -0,0 +1,82 @@
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  .table-container-SdhhjR {
+    word-break: normal;
+    box-shadow: var(--shadow-sm);
+    border-radius: var(--border-radius-sm);
+    border: 1px solid var(--border-color);
+    display: block;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .table-scroller-lW0GHG {
+    max-width: calc(100vw - 32px);
+    overflow-x: auto;
+  }
+
+  .table-TW0hN9 {
+    border-collapse: collapse;
+    width: 100%;
+    font-size: var(--font-size-sm);
+    text-align: left;
+    margin: 0;
+  }
+
+  .table-header-D1lP7m {
+    font-size: var(--font-size-xs);
+    text-transform: uppercase;
+    background-color: var(--canvas-50);
+  }
+
+  .table-row-ufTNsI {
+    border-bottom: 1px solid var(--canvas-50);
+    background-color: #fff;
+  }
+
+  .table-row-ufTNsI:hover {
+    background-color: var(--canvas-50);
+  }
+
+  .table-heading-cell-gB6ryy {
+    white-space: nowrap;
+    padding: var(--spacing-2) var(--spacing-2);
+    font-size: var(--font-size-sm);
+    text-transform: uppercase;
+    background-color: var(--canvas-50);
+  }
+
+  .table-cell-VRgkzQ {
+    padding: var(--spacing-2);
+    font-size: var(--font-size-sm);
+  }
+
+  .table-cell-VRgkzQ a {
+    text-decoration: underline;
+  }
+
+  .table-footer-JabMFD {
+    font-size: var(--font-size-xs);
+    text-transform: uppercase;
+    background-color: var(--canvas-100);
+  }
+
+  .dark .table-header-D1lP7m {
+    background-color: var(--canvas-700);
+  }
+
+  .dark .table-row-ufTNsI:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+    border-bottom: 1px solid var(--canvas-700);
+    background-color: var(--canvas-800);
+  }
+
+  .dark .table-row-ufTNsI:hover:not(:where([class~="not-dark"], [class~="not-dark"] *)), .dark .table-heading-cell-gB6ryy:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+    background-color: oklch(from var(--canvas-800) calc(l * 1.1) c h);
+  }
+
+  .dark .table-footer-JabMFD:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+    background-color: var(--canvas-800);
+  }
+}
+

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

@@ -0,0 +1,28 @@
+import type * as React from 'react';
+import { Tabs as TabsPrimitive } from 'radix-ui';
+declare const Tabs: {
+    ({ ref, className, ...props }: React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {
+        ref?: React.RefObject<React.ComponentRef<typeof TabsPrimitive.Root>>;
+    }): React.JSX.Element;
+    displayName: string | undefined;
+    List: {
+        ({ ref, className, ...props }: React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & {
+            ref?: React.RefObject<React.ComponentRef<typeof TabsPrimitive.List>>;
+        }): React.JSX.Element;
+        displayName: string | undefined;
+    };
+    Trigger: {
+        ({ ref, className, ...props }: React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & {
+            ref?: React.RefObject<React.ComponentRef<typeof TabsPrimitive.Trigger>>;
+        }): React.JSX.Element;
+        displayName: string | undefined;
+    };
+    Content: {
+        ({ ref, className, ...props }: React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> & {
+            ref?: React.RefObject<React.ComponentRef<typeof TabsPrimitive.Content>>;
+        }): React.JSX.Element;
+        displayName: string | undefined;
+    };
+};
+export { Tabs };
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAA;AAMhD,QAAA,MAAM,IAAI;mCAIP,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG;QAC7D,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC,CAAA;KACrE;;;uCAaE,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG;YAC7D,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC,CAAA;SACrE;;;;uCAaE,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG;YAChE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC,CAAA;SACxE;;;;uCAaE,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG;YAChE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC,CAAA;SACxE;;;CAvCA,CAAA;AAqDD,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/tabs/tabs.js

@@ -0,0 +1,34 @@
+'use client'
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "radix-ui";
+import classnames from "classnames";
+import tabs_module from "./tabs.module.js";
+const tabs_Tabs = ({ ref, className, ...props })=>/*#__PURE__*/ jsx(Tabs.Root, {
+        ref: ref,
+        className: classnames(tabs_module["tabs-root"], 'tabs-root', className),
+        ...props
+    });
+tabs_Tabs.displayName = Tabs.Root.displayName;
+const TabsList = ({ ref, className, ...props })=>/*#__PURE__*/ jsx(Tabs.List, {
+        ref: ref,
+        className: classnames(tabs_module["tabs-list"], 'tabs-list', className),
+        ...props
+    });
+TabsList.displayName = Tabs.List.displayName;
+const TabsTrigger = ({ ref, className, ...props })=>/*#__PURE__*/ jsx(Tabs.Trigger, {
+        ref: ref,
+        className: classnames(tabs_module["tabs-trigger"], 'tabs-trigger', className),
+        ...props
+    });
+TabsTrigger.displayName = Tabs.Trigger.displayName;
+const TabsContent = ({ ref, className, ...props })=>/*#__PURE__*/ jsx(Tabs.Content, {
+        ref: ref,
+        forceMount: true,
+        className: classnames(tabs_module["tabs-content"], 'tabs-content', className),
+        ...props
+    });
+TabsContent.displayName = Tabs.Content.displayName;
+tabs_Tabs.List = TabsList;
+tabs_Tabs.Trigger = TabsTrigger;
+tabs_Tabs.Content = TabsContent;
+export { tabs_Tabs as Tabs };

package/dist/components/tabs/tabs.module.js

@@ -0,0 +1,12 @@
+import "./tabs_module.css";
+const tabs_module = {
+    "tabs-root": "tabs-root-H5dXfK",
+    tabsRoot: "tabs-root-H5dXfK",
+    "tabs-list": "tabs-list-erP30R",
+    tabsList: "tabs-list-erP30R",
+    "tabs-trigger": "tabs-trigger-l7pFgX",
+    tabsTrigger: "tabs-trigger-l7pFgX",
+    "tabs-content": "tabs-content-d2NTGs",
+    tabsContent: "tabs-content-d2NTGs"
+};
+export { tabs_module as default };

package/dist/components/tabs/tabs_module.css

@@ -0,0 +1,57 @@
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  .tabs-root-H5dXfK {
+    padding: var(--spacing-2);
+    gap: var(--spacing-1);
+    border-radius: var(--border-radius-md);
+    border: 1px solid var(--border-color);
+    flex-direction: column;
+    display: flex;
+  }
+
+  .tabs-list-erP30R {
+    gap: var(--gap-2);
+    border-radius: var(--border-radius-md);
+    width: 100%;
+    padding: var(--spacing-1);
+    border: 1px solid var(--border-color);
+    align-items: center;
+    display: flex;
+  }
+
+  .tabs-list-erP30R:focus-visible {
+    outline: none;
+  }
+
+  .tabs-trigger-l7pFgX {
+    white-space: nowrap;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+  }
+
+  .tabs-trigger-l7pFgX:focus {
+    position: relative;
+    box-shadow: 0 0 0 2px #000;
+  }
+
+  .tabs-content-d2NTGs {
+    margin-top: var(--spacing-2);
+    outline: none;
+    padding: 6px;
+  }
+
+  .tabs-content-d2NTGs[data-state="inactive"] {
+    display: none;
+  }
+
+  .tabs-content-d2NTGs:focus {
+    outline: none;
+  }
+
+  .tabs-content-d2NTGs:focus-visible {
+    outline: none;
+  }
+}
+

package/dist/components/timeline/timeline.d.ts

@@ -0,0 +1,60 @@
+import type React from 'react';
+export interface TimelineProps {
+    id?: string;
+    className?: string;
+    'aria-label'?: string;
+    children?: React.ReactNode;
+}
+export declare const Timeline: {
+    ({ id, className, children, ...rest }: TimelineProps): React.JSX.Element;
+    Root: ({ ref, children, className, ...props }: RootProps & {
+        ref?: React.RefObject<RootElement>;
+    }) => React.JSX.Element;
+    Item: ({ ref, children, className, ...props }: ItemProps & {
+        ref?: React.RefObject<ItemElement>;
+    }) => React.JSX.Element;
+    Icon: ({ ref, children, className, ...props }: IconProps & {
+        ref?: React.RefObject<IconElement>;
+    }) => React.JSX.Element;
+    Heading: ({ ref, children, className, ...props }: HeadingProps & {
+        ref?: React.RefObject<HeadingElement>;
+    }) => React.JSX.Element;
+    Date: ({ ref, children, className, ...props }: DateProps & {
+        ref?: React.RefObject<DateElement>;
+    }) => React.JSX.Element;
+    Content: ({ ref, children, className, ...props }: ContentProps & {
+        ref?: React.RefObject<ContentElement>;
+    }) => React.JSX.Element;
+};
+type RootElement = React.ComponentRef<'ol'>;
+type PrimitiveRootProps = React.ComponentPropsWithoutRef<'ol'>;
+interface RootProps extends PrimitiveRootProps {
+    className?: string;
+}
+type ItemElement = React.ComponentRef<'li'>;
+type PrimitiveItemProps = React.ComponentPropsWithoutRef<'li'>;
+interface ItemProps extends PrimitiveItemProps {
+    className?: string;
+}
+type IconElement = React.ComponentRef<'span'>;
+type PrimitiveIconProps = React.ComponentPropsWithoutRef<'span'>;
+interface IconProps extends PrimitiveIconProps {
+    className?: string;
+}
+type HeadingElement = React.ComponentRef<'h3'>;
+type PrimitiveHeadingProps = React.ComponentPropsWithoutRef<'h3'>;
+interface HeadingProps extends PrimitiveHeadingProps {
+    className?: string;
+}
+type DateElement = React.ComponentRef<'time'>;
+type PrimitiveDateProps = React.ComponentPropsWithoutRef<'time'>;
+interface DateProps extends PrimitiveDateProps {
+    className?: string;
+}
+type ContentElement = React.ComponentRef<'p'>;
+type PrimitiveContentProps = React.ComponentPropsWithoutRef<'div'>;
+interface ContentProps extends PrimitiveContentProps {
+    className?: string;
+}
+export {};
+//# sourceMappingURL=timeline.d.ts.map

package/dist/components/timeline/timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../src/components/timeline/timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,QAAQ;2CAKlB,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;mDAmBjC,SAAS,GAAG;QACb,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;KACnC;mDAoBE,SAAS,GAAG;QACb,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;KACnC;mDAmBE,SAAS,GAAG;QACb,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;KACnC;sDA0BE,YAAY,GAAG;QAChB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;KACtC;mDAuBE,SAAS,GAAG;QACb,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;KACnC;sDAmBE,YAAY,GAAG;QAChB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;KACtC;CApIA,CAAA;AAGD,KAAK,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;AAC3C,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAA;AAC9D,UAAU,SAAU,SAAQ,kBAAkB;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAkBD,KAAK,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;AAC3C,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAA;AAC9D,UAAU,SAAU,SAAQ,kBAAkB;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAiBD,KAAK,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;AAC7C,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAA;AAChE,UAAU,SAAU,SAAQ,kBAAkB;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAwBD,KAAK,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;AAC9C,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAA;AACjE,UAAU,YAAa,SAAQ,qBAAqB;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAqBD,KAAK,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;AAC7C,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAA;AAChE,UAAU,SAAU,SAAQ,kBAAkB;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAiBD,KAAK,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;AAC7C,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAClE,UAAU,YAAa,SAAQ,qBAAqB;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/components/timeline/timeline.js

@@ -0,0 +1,74 @@
+'use client'
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import timeline_module from "./timeline.module.js";
+const Timeline = ({ id, className, children, ...rest })=>/*#__PURE__*/ jsx("div", {
+        id: id,
+        className: classnames(timeline_module.timeline, 'timeline', className),
+        ...rest,
+        children: children
+    });
+const Root = function({ ref, children, className, ...props }) {
+    const classes = classnames(timeline_module["timeline-root"], 'timeline-root', className);
+    return /*#__PURE__*/ jsx("ol", {
+        ref: ref,
+        ...props,
+        className: classes,
+        children: children
+    });
+};
+const Item = function({ ref, children, className, ...props }) {
+    return /*#__PURE__*/ jsx("li", {
+        ref: ref,
+        ...props,
+        className: classnames(timeline_module["timeline-item"], 'timeline-item', className),
+        children: children
+    });
+};
+const Icon = function({ ref, children, className, ...props }) {
+    return /*#__PURE__*/ jsx("span", {
+        ref: ref,
+        ...props,
+        className: classnames(timeline_module["timeline-icon"], 'time-line-icon', className),
+        children: /*#__PURE__*/ jsx("svg", {
+            "aria-hidden": "true",
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "currentColor",
+            viewBox: "0 0 20 20",
+            children: /*#__PURE__*/ jsx("path", {
+                d: "M20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z"
+            })
+        })
+    });
+};
+const Heading = function({ ref, children, className, ...props }) {
+    return /*#__PURE__*/ jsx("h3", {
+        ref: ref,
+        ...props,
+        className: classnames(timeline_module["timeline-heading"], 'timeline-heading', className),
+        children: children
+    });
+};
+const DateItem = function({ ref, children, className, ...props }) {
+    return /*#__PURE__*/ jsx("time", {
+        ref: ref,
+        ...props,
+        className: classnames(timeline_module["timeline-date"], 'timeline-date', className),
+        children: children
+    });
+};
+const Content = function({ ref, children, className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        ...props,
+        className: classnames(timeline_module["timeline-content"], 'timeline-content', className),
+        children: children
+    });
+};
+Timeline.Root = Root;
+Timeline.Item = Item;
+Timeline.Icon = Icon;
+Timeline.Heading = Heading;
+Timeline.Date = DateItem;
+Timeline.Content = Content;
+export { Timeline };

package/dist/components/timeline/timeline.module.js

@@ -0,0 +1,17 @@
+import "./timeline_module.css";
+const timeline_module = {
+    timeline: "timeline-witEMC",
+    "timeline-root": "timeline-root-EL5aTZ",
+    timelineRoot: "timeline-root-EL5aTZ",
+    "timeline-item": "timeline-item-WlVGZ9",
+    timelineItem: "timeline-item-WlVGZ9",
+    "timeline-icon": "timeline-icon-QQoRLJ",
+    timelineIcon: "timeline-icon-QQoRLJ",
+    "timeline-heading": "timeline-heading-hkww5U",
+    timelineHeading: "timeline-heading-hkww5U",
+    "timeline-date": "timeline-date-YOt1ZT",
+    timelineDate: "timeline-date-YOt1ZT",
+    "timeline-content": "timeline-content-_pR_C5",
+    timelineContent: "timeline-content-_pR_C5"
+};
+export { timeline_module as default };