@infonomic/uikit 1.0.0

package/dist/components/pager/pagination.d.ts

@@ -0,0 +1,104 @@
+import React from 'react';
+import { Ellipses } from './ellipses.js';
+import type { Variant } from './@types';
+import type { UsePaginationItem, UsePaginationProps } from './hooks/types/usePagination';
+export interface PagerContextType {
+    variant: Variant;
+    count: number;
+    currentPage: number;
+    hideNextButton?: boolean;
+    hidePrevButton?: boolean;
+    items: UsePaginationItem[];
+    showFirstButton?: boolean;
+    showLastButton?: boolean;
+    eventsEnabled?: boolean;
+}
+export declare const PagerContext: React.Context<PagerContextType>;
+/**
+ * See ./hooks/types/usePagination.ts
+ */
+export interface PaginationProps extends UsePaginationProps {
+    className?: string;
+    'aria-label'?: string;
+    variant?: Variant;
+    children?: React.ReactNode;
+}
+export declare const Pagination: {
+    ({ children, variant, ...rest }: PaginationProps): React.JSX.Element;
+    displayName: string;
+    Pager: {
+        ({ renderFirst, renderPrevious, renderPageNumber, renderNext, renderLast, renderEllipses, }: PagerProps): React.JSX.Element;
+        displayName: string;
+    };
+    Root: {
+        ({ ref, className, itemsClassName, children, ariaLabel, dataTestId, ...rest }: RootProps & {
+            ref?: React.RefObject<RootElement>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    First: {
+        ({ ref, className, disabled, asChild, children, ...rest }: PagerButtonProps & {
+            ref?: React.RefObject<RefType>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Previous: {
+        ({ ref, className, disabled, asChild, children, ...rest }: PagerButtonProps & {
+            ref?: React.RefObject<RefType>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Number: {
+        ({ ref, page, className, disabled, activeClassName, asChild, children, ...rest }: import("./number-button").NumberButtonProps & {
+            ref?: React.RefObject<RefType>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Next: {
+        ({ ref, className, disabled, page, asChild, children, ...rest }: import("./next-button").NextButtonProps & {
+            ref?: React.RefObject<RefType>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Last: {
+        ({ ref, className, disabled, count, asChild, children, ...rest }: import("./last-button").LastButtonProps & {
+            ref?: React.RefObject<RefType>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Ellipses: typeof Ellipses;
+};
+export declare function usePager(): PagerContextType;
+export type RefType = React.Ref<HTMLButtonElement> | React.Ref<HTMLElement>;
+type AsButton = {
+    asChild?: false;
+} & React.ComponentRef<'button'>;
+interface AsSlot {
+    asChild?: true;
+}
+export type PagerButtonProps = {
+    className?: string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    onClick?: React.ReactEventHandler<Element> | undefined;
+} & (AsButton | AsSlot);
+export interface PagerProps {
+    children?: React.ReactNode;
+    renderFirst?: (key: string, item: UsePaginationItem) => React.ReactNode;
+    renderPrevious?: (key: string, item: UsePaginationItem) => React.ReactNode;
+    renderPageNumber?: (key: string, item: UsePaginationItem) => React.ReactNode;
+    renderNext?: (key: string, item: UsePaginationItem) => React.ReactNode;
+    renderLast?: (key: string, item: UsePaginationItem, count: number) => React.ReactNode;
+    renderEllipses?: (key: string) => React.ReactNode;
+}
+export type RootElement = React.ComponentRef<'nav'>;
+type PrimitiveRootProps = React.ComponentPropsWithoutRef<'nav'>;
+export interface RootProps extends PrimitiveRootProps {
+    className?: string;
+    itemsClassName?: string;
+    dataTestId?: string;
+    ariaLabel?: string;
+    children?: React.ReactNode;
+}
+export {};
+//# sourceMappingURL=pagination.d.ts.map

package/dist/components/pager/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pager/pagination.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAMzC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAOxC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAQxF,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,iBAAiB,EAAE,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,YAAY,iCAUvB,CAAA;AAKF;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,UAAU;qCAIpB,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;qGAgHnC,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;uFAoD9B,SAAS,GAAG;YACb,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;SACnC;;;;;eA5NY,CAAC;;;;;;eAFmB,CAAC;;;;;;eAIvB,CAAC;;;;;;eAFa,CAAC;;;;;;eAEzB,CAAC;;;;;CA8FD,CAAA;AAKD,wBAAgB,QAAQ,IAAI,gBAAgB,CAM3C;AAMD,MAAM,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;AAG3E,KAAK,QAAQ,GAAG;IAAE,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA;AAGlE,UAAU,MAAM;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,GAAG,SAAS,CAAA;CACvD,GAAG,CAAC,QAAQ,GAAG,MAAM,CAAC,CAAA;AAIvB,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAA;IACvE,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAA;IAC1E,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAA;IAC5E,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAA;IACtE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACrF,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;CAClD;AA2DD,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;AACnD,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAE/D,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}

package/dist/components/pager/pagination.js

@@ -0,0 +1,134 @@
+'use client'
+import { Fragment, jsx } from "react/jsx-runtime";
+import react, { useContext } from "react";
+import classnames from "classnames";
+import { usePagination } from "./hooks/usePagination.js";
+import { Ellipses } from "./ellipses.js";
+import { FirstButton } from "./first-button.js";
+import { LastButton } from "./last-button.js";
+import { NextButton } from "./next-button.js";
+import { NumberButton } from "./number-button.js";
+import { PreviousButton } from "./previous-button.js";
+import pagination_module from "./pagination.module.js";
+const PAGINATION_NAME = 'Pagination';
+const ROOT_NAME = 'Root';
+const PAGER_NAME = 'Pager';
+const PagerContext = /*#__PURE__*/ react.createContext({
+    variant: 'default',
+    count: 1,
+    currentPage: 1,
+    hideNextButton: false,
+    hidePrevButton: false,
+    items: [],
+    showFirstButton: false,
+    showLastButton: false,
+    eventsEnabled: false
+});
+const Pagination = ({ children, variant = 'default', ...rest })=>{
+    const { items } = usePagination({
+        ...rest
+    });
+    const { count, page: currentPage, hideNextButton, hidePrevButton, showFirstButton, showLastButton, onChange } = rest;
+    const eventsEnabled = null != onChange;
+    const context = react.useMemo(()=>({
+            variant,
+            items,
+            count,
+            currentPage,
+            hideNextButton,
+            hidePrevButton,
+            showFirstButton,
+            showLastButton,
+            eventsEnabled
+        }), [
+        variant,
+        items,
+        count,
+        currentPage,
+        hideNextButton,
+        hidePrevButton,
+        showFirstButton,
+        showLastButton,
+        eventsEnabled
+    ]);
+    return /*#__PURE__*/ jsx(PagerContext, {
+        value: context,
+        children: children
+    });
+};
+Pagination.displayName = PAGINATION_NAME;
+function usePager() {
+    const context = useContext(PagerContext);
+    if (void 0 === context) throw new Error('usePager must be used within a PagerContext');
+    return context;
+}
+const Pager = ({ renderFirst = (key, item)=>/*#__PURE__*/ jsx(Pagination.First, {
+        disabled: item.disabled,
+        onClick: item.onClick
+    }, key), renderPrevious = (key, item)=>/*#__PURE__*/ jsx(Pagination.Previous, {
+        disabled: item.disabled,
+        onClick: item.onClick
+    }, key), renderPageNumber = (key, item)=>/*#__PURE__*/ jsx(Pagination.Number, {
+        page: item.page,
+        disabled: item.disabled,
+        selected: item.selected,
+        activeClassName: "active",
+        onClick: item.onClick
+    }, key), renderNext = (key, item)=>/*#__PURE__*/ jsx(Pagination.Next, {
+        page: item.page,
+        disabled: item.disabled,
+        onClick: item.onClick
+    }, key), renderLast = (key, item, count)=>/*#__PURE__*/ jsx(Pagination.Last, {
+        disabled: item.disabled,
+        count: count,
+        onClick: item.onClick
+    }, key), renderEllipses = (key)=>/*#__PURE__*/ jsx(Ellipses, {}, key) })=>{
+    const { items, count } = react.useContext(PagerContext);
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: items.map((item, index)=>{
+            const key = `${item.page}-${index}`;
+            switch(item.type){
+                case 'start-ellipsis':
+                case 'end-ellipsis':
+                    return renderEllipses(key);
+                case 'first':
+                    return renderFirst(key, item);
+                case 'previous':
+                    return renderPrevious(key, item);
+                case 'page':
+                    return renderPageNumber(key, item);
+                case 'next':
+                    return renderNext(key, item);
+                case 'last':
+                    return renderLast(key, item, count);
+                default:
+                    return null;
+            }
+        })
+    });
+};
+Pager.displayName = PAGER_NAME;
+const Root = ({ ref, className, itemsClassName, children, ariaLabel, dataTestId, ...rest })=>{
+    const { variant } = usePager();
+    return /*#__PURE__*/ jsx("nav", {
+        "data-testid": dataTestId,
+        ref: ref,
+        className: classnames(pagination_module["pagination-root"], 'pagination-root', className),
+        ...rest,
+        "aria-label": ariaLabel ?? 'Pager navigation',
+        children: /*#__PURE__*/ jsx("ul", {
+            className: classnames(pagination_module["pagination-items"], pagination_module[variant], itemsClassName),
+            children: children
+        })
+    });
+};
+Root.displayName = ROOT_NAME;
+Pagination.Pager = Pager;
+Pagination.Root = Root;
+Pagination.First = FirstButton;
+Pagination.Previous = PreviousButton;
+Pagination.Number = NumberButton;
+Pagination.Next = NextButton;
+Pagination.Last = LastButton;
+Pagination.Ellipses = Ellipses;
+export { PagerContext, Pagination, usePager };

package/dist/components/pager/pagination.module.js

@@ -0,0 +1,29 @@
+import "./pagination_module.css";
+const pagination_module = {
+    "pagination-root": "pagination-root-yB674z",
+    paginationRoot: "pagination-root-yB674z",
+    "pagination-items": "pagination-items-AfreHw",
+    paginationItems: "pagination-items-AfreHw",
+    dashboard: "dashboard-Yp2io_",
+    default: "default-OgsdD0",
+    classic: "classic-B9jGW1",
+    "number-button": "number-button-bFXP3X",
+    numberButton: "number-button-bFXP3X",
+    "rounded-left": "rounded-left-urOfB4",
+    roundedLeft: "rounded-left-urOfB4",
+    "first-button": "first-button-wfGrPE",
+    firstButton: "first-button-wfGrPE",
+    "previous-button": "previous-button-XaiuAP",
+    previousButton: "previous-button-XaiuAP",
+    "last-button": "last-button-Brbqt2",
+    lastButton: "last-button-Brbqt2",
+    "next-button": "next-button-WN4Cb5",
+    nextButton: "next-button-WN4Cb5",
+    "rounded-right": "rounded-right-e9xKjR",
+    roundedRight: "rounded-right-e9xKjR",
+    ellipses: "ellipses-D_NPD7",
+    active: "active-SfvR_g",
+    "mobile-toggle": "mobile-toggle-iw4kkx",
+    mobileToggle: "mobile-toggle-iw4kkx"
+};
+export { pagination_module as default };

package/dist/components/pager/pagination_module.css

@@ -0,0 +1,98 @@
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  .pagination-root-yB674z {
+    align-items: center;
+    padding: 0;
+    display: flex;
+  }
+
+  .pagination-items-AfreHw {
+    align-items: center;
+    list-style: none;
+    display: flex;
+  }
+
+  .pagination-items-AfreHw.dashboard-Yp2io_ li, .pagination-items-AfreHw.default-OgsdD0 li {
+    margin-right: -1px;
+  }
+
+  .pagination-items-AfreHw.classic-B9jGW1 li {
+    margin-right: 0;
+  }
+
+  .pagination-items-AfreHw.classic-B9jGW1 {
+    gap: 6px;
+  }
+
+  .number-button-bFXP3X.dashboard-Yp2io_.rounded-left-urOfB4, .number-button-bFXP3X.default-OgsdD0.rounded-left-urOfB4, .first-button-wfGrPE.dashboard-Yp2io_.rounded-left-urOfB4, .first-button-wfGrPE.default-OgsdD0.rounded-left-urOfB4, .previous-button-XaiuAP.dashboard-Yp2io_.rounded-left-urOfB4, .previous-button-XaiuAP.default-OgsdD0.rounded-left-urOfB4, .last-button-Brbqt2.dashboard-Yp2io_.rounded-left-urOfB4, .last-button-Brbqt2.default-OgsdD0.rounded-left-urOfB4, .next-button-WN4Cb5.dashboard-Yp2io_.rounded-left-urOfB4, .next-button-WN4Cb5.default-OgsdD0.rounded-left-urOfB4 {
+    border-top-left-radius: var(--border-radius-sm);
+    border-bottom-left-radius: var(--border-radius-sm);
+  }
+
+  .number-button-bFXP3X.dashboard-Yp2io_.rounded-right-e9xKjR, .number-button-bFXP3X.default-OgsdD0.rounded-right-e9xKjR, .first-button-wfGrPE.dashboard-Yp2io_.rounded-right-e9xKjR, .first-button-wfGrPE.default-OgsdD0.rounded-right-e9xKjR, .previous-button-XaiuAP.dashboard-Yp2io_.rounded-right-e9xKjR, .previous-button-XaiuAP.default-OgsdD0.rounded-right-e9xKjR, .last-button-Brbqt2.dashboard-Yp2io_.rounded-right-e9xKjR, .last-button-Brbqt2.default-OgsdD0.rounded-right-e9xKjR, .next-button-WN4Cb5.dashboard-Yp2io_.rounded-right-e9xKjR, .next-button-WN4Cb5.default-OgsdD0.rounded-right-e9xKjR {
+    border-top-right-radius: var(--border-radius-sm);
+    border-bottom-right-radius: var(--border-radius-sm);
+  }
+
+  .ellipses-D_NPD7, .last-button-Brbqt2, .next-button-WN4Cb5, .previous-button-XaiuAP, .first-button-wfGrPE, .number-button-bFXP3X {
+    border: 1px solid var(--primary-500);
+    height: 32px;
+    color: var(--gray-900);
+    line-height: 1;
+    font-size: var(--font-size-sm);
+    background-color: #fff;
+    justify-content: center;
+    align-items: center;
+    margin-left: 0;
+    display: flex;
+  }
+
+  .previous-button-XaiuAP, .last-button-Brbqt2, .next-button-WN4Cb5, .first-button-wfGrPE {
+    width: 38px;
+  }
+
+  .ellipses-D_NPD7, .number-button-bFXP3X {
+    min-width: 42px;
+  }
+
+  .last-button-Brbqt2:hover, .next-button-WN4Cb5:hover, .number-button-bFXP3X:hover, .previous-button-XaiuAP:hover, .first-button-wfGrPE:hover {
+    color: #fff;
+    background-color: var(--primary-600);
+  }
+
+  .last-button-Brbqt2:disabled, .last-button-Brbqt2[disabled], .next-button-WN4Cb5:disabled, .next-button-WN4Cb5[disabled], .number-button-bFXP3X:disabled, .number-button-bFXP3X[disabled], .previous-button-XaiuAP:disabled, .previous-button-XaiuAP[disabled], .first-button-wfGrPE:disabled, .first-button-wfGrPE[disabled] {
+    cursor: default;
+  }
+
+  .number-button-bFXP3X.active-SfvR_g {
+    background-color: var(--primary-600);
+    color: #fff;
+  }
+
+  .mobile-toggle-iw4kkx {
+    display: none;
+  }
+
+  @media (min-width: 640px) {
+    .mobile-toggle-iw4kkx {
+      display: flex;
+    }
+  }
+
+  .dark .ellipses-D_NPD7, .dark .number-button-bFXP3X, .dark .next-button-WN4Cb5, .dark .last-button-Brbqt2, .dark .previous-button-XaiuAP, .dark .first-button-wfGrPE {
+    border-color: var(--canvas-700);
+    background-color: var(--canvas-800);
+    color: var(--gray-200);
+  }
+
+  .dark .number-button-bFXP3X:hover, .dark .next-button-WN4Cb5:hover, .dark .last-button-Brbqt2:hover, .dark .previous-button-XaiuAP:hover, .dark .first-button-wfGrPE:hover {
+    background-color: var(--canvas-700);
+  }
+
+  .dark .number-button-bFXP3X.active-SfvR_g {
+    background-color: var(--primary-500);
+    color: #fff;
+  }
+}
+

package/dist/components/pager/previous-button.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+import type { PagerButtonProps, RefType } from './pagination';
+export declare const PreviousButton: {
+    ({ ref, className, disabled, asChild, children, ...rest }: PagerButtonProps & {
+        ref?: React.RefObject<RefType>;
+    }): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=previous-button.d.ts.map

package/dist/components/pager/previous-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"previous-button.d.ts","sourceRoot":"","sources":["../../../src/components/pager/previous-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAI7D,eAAO,MAAM,cAAc;+DAOxB,gBAAgB,GAAG;QACpB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;KAC/B;;CA4BA,CAAA"}

package/dist/components/pager/previous-button.js

@@ -0,0 +1,33 @@
+'use client'
+import { jsx } from "react/jsx-runtime";
+import { ChevronLeftIcon } from "@radix-ui/react-icons";
+import { Slot } from "@radix-ui/react-slot";
+import classnames from "classnames";
+import { usePager } from "./pagination.js";
+import pagination_module from "./pagination.module.js";
+const PreviousButton = ({ ref, className, disabled, asChild, children, ...rest })=>{
+    const Comp = null != asChild ? Slot : 'button';
+    const { showFirstButton, variant } = usePager();
+    const aria = disabled ? {
+        'aria-disabled': true
+    } : {
+        'aria-label': 'Previous'
+    };
+    return /*#__PURE__*/ jsx("li", {
+        className: pagination_module["mobile-toggle"],
+        children: /*#__PURE__*/ jsx(Comp, {
+            ref: ref,
+            className: classnames(pagination_module["previous-button"], pagination_module[variant], {
+                [pagination_module["rounded-left"]]: null == showFirstButton || false === showFirstButton
+            }, 'pager-previous', className),
+            disabled: disabled,
+            title: "Previous",
+            "data-testid": "pager-previous",
+            ...aria,
+            ...rest,
+            children: asChild ?? false ? children : /*#__PURE__*/ jsx(ChevronLeftIcon, {})
+        })
+    });
+};
+PreviousButton.displayName = 'PreviousButton';
+export { PreviousButton };

package/dist/components/scroll-area/scroll-area.d.ts

@@ -0,0 +1,7 @@
+import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';
+import type React from 'react';
+interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
+}
+export declare const ScrollArea: ({ children, style, className }: ScrollAreaProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/scroll-area/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area/scroll-area.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;CAAG;AAEpG,eAAO,MAAM,UAAU,GAAI,gCAAgC,eAAe,sBAazE,CAAA"}

package/dist/components/scroll-area/scroll-area.js

@@ -0,0 +1,32 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import classnames from "classnames";
+import { ScrollArea } from "radix-ui";
+import scroll_area_module from "./scroll-area.module.js";
+const scroll_area_ScrollArea = ({ children, style, className })=>/*#__PURE__*/ jsxs(ScrollArea.Root, {
+        style: style,
+        className: classnames(scroll_area_module.root, className),
+        children: [
+            /*#__PURE__*/ jsx(ScrollArea.Viewport, {
+                className: scroll_area_module.viewport,
+                children: children
+            }),
+            /*#__PURE__*/ jsx(ScrollArea.Scrollbar, {
+                className: scroll_area_module.scrollbar,
+                orientation: "vertical",
+                children: /*#__PURE__*/ jsx(ScrollArea.Thumb, {
+                    className: scroll_area_module.thumb
+                })
+            }),
+            /*#__PURE__*/ jsx(ScrollArea.Scrollbar, {
+                className: scroll_area_module.scrollbar,
+                orientation: "horizontal",
+                children: /*#__PURE__*/ jsx(ScrollArea.Thumb, {
+                    className: scroll_area_module.thumb
+                })
+            }),
+            /*#__PURE__*/ jsx(ScrollArea.Corner, {
+                className: scroll_area_module.corner
+            })
+        ]
+    });
+export { scroll_area_ScrollArea as ScrollArea };

package/dist/components/scroll-area/scroll-area.module.js

@@ -0,0 +1,9 @@
+import "./scroll-area_module.css";
+const scroll_area_module = {
+    root: "root-XJbuOo",
+    viewport: "viewport-TdOXwJ",
+    scrollbar: "scrollbar-Y2nCxA",
+    thumb: "thumb-G2gkhj",
+    corner: "corner-kCiYUz"
+};
+export { scroll_area_module as default };

package/dist/components/scroll-area/scroll-area_module.css

@@ -0,0 +1,79 @@
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  .root-XJbuOo {
+    background-color: inherit;
+    --scrollbar-size: 10px;
+    border-radius: 4px;
+    overflow: hidden;
+  }
+
+  .viewport-TdOXwJ {
+    border-radius: inherit;
+    width: 100%;
+    height: 100%;
+  }
+
+  .scrollbar-Y2nCxA {
+    -webkit-user-select: none;
+    user-select: none;
+    touch-action: none;
+    background: var(--gray-50);
+    padding: 2px;
+    transition: background .16s ease-out;
+    display: flex;
+  }
+
+  .scrollbar-Y2nCxA:hover {
+    background: var(--gray-50);
+  }
+
+  .scrollbar-Y2nCxA[data-orientation="vertical"] {
+    width: var(--scrollbar-size);
+  }
+
+  .scrollbar-Y2nCxA[data-orientation="horizontal"] {
+    height: var(--scrollbar-size);
+    flex-direction: column;
+  }
+
+  .scrollbar-Y2nCxA:is(.dark *) {
+    background: var(--canvas-700);
+  }
+
+  .scrollbar-Y2nCxA:is(.dark *):hover {
+    background: var(--canvas-700);
+  }
+
+  .thumb-G2gkhj {
+    background: var(--primary-100);
+    border-radius: var(--scrollbar-size);
+    flex: 1;
+    position: relative;
+  }
+
+  .thumb-G2gkhj:before {
+    content: "";
+    width: 100%;
+    min-width: 44px;
+    height: 100%;
+    min-height: 44px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  .thumb-G2gkhj:is(.dark *) {
+    background: var(--primary-400);
+  }
+
+  .corner-kCiYUz {
+    background: var(--gray-50);
+  }
+
+  .corner-kCiYUz:is(.dark *) {
+    background: var(--canvas-700);
+  }
+}
+

package/dist/components/scroll-to-top/scroll-to-top.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+type ScrollToTopIntrinsicProps = React.JSX.IntrinsicElements['button'];
+interface ScrollToTopProps extends ScrollToTopIntrinsicProps {
+    offset?: number;
+}
+export type { ScrollToTopProps };
+export declare const ScrollToTop: ({ ref, offset, ...rest }: ScrollToTopProps & {
+    ref?: React.RefObject<HTMLButtonElement>;
+}) => React.JSX.Element;
+//# sourceMappingURL=scroll-to-top.d.ts.map

package/dist/components/scroll-to-top/scroll-to-top.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-to-top.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-to-top/scroll-to-top.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;AACtE,UAAU,gBAAiB,SAAQ,yBAAyB;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAEhC,eAAO,MAAM,WAAW,GAAwB,0BAI7C,gBAAgB,GAAG;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;CACzC,sBAwCA,CAAA"}

package/dist/components/scroll-to-top/scroll-to-top.js

@@ -0,0 +1,43 @@
+'use client'
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+const scroll_to_top_ScrollToTop = function({ ref, offset = -65, ...rest }) {
+    const [show, setShow] = useState(false);
+    const handleScrollToTopClick = ()=>{
+        window.scrollTo({
+            top: offset,
+            left: 0,
+            behavior: 'smooth'
+        });
+    };
+    useEffect(()=>{
+        const handleCheck = ()=>{
+            const scrollTop = window.scrollY;
+            scrollTop > 200 ? setShow(true) : setShow(false);
+        };
+        if ('undefined' != typeof window) window.addEventListener('scroll', handleCheck);
+        return ()=>{
+            window.removeEventListener('scroll', handleCheck);
+        };
+    }, []);
+    return /*#__PURE__*/ jsx("button", {
+        ref: ref,
+        ...rest,
+        onClick: handleScrollToTopClick,
+        type: "button",
+        id: "scroll-to-top",
+        className: `btn-to-top ${show && 'btn-floating'}`,
+        children: /*#__PURE__*/ jsx("span", {
+            children: /*#__PURE__*/ jsx("svg", {
+                className: "icon",
+                focusable: "false",
+                "aria-hidden": "true",
+                viewBox: "0 0 51 32",
+                children: /*#__PURE__*/ jsx("path", {
+                    d: "M25.4,9.8L45.6,30l4.5-4.5L25.4,0.8L0.8,25.4L5.3,30L25.4,9.8z"
+                })
+            })
+        })
+    });
+};
+export { scroll_to_top_ScrollToTop as ScrollToTop };

package/dist/components/section/section.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+type SectionIntrinsicProps = React.JSX.IntrinsicElements['section'];
+export interface SectionProps extends SectionIntrinsicProps {
+}
+export declare const Section: ({ ref, className, children, ...rest }: SectionProps & {
+    ref?: React.RefObject<HTMLElement>;
+}) => React.JSX.Element;
+export {};
+//# sourceMappingURL=section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/components/section/section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA;AACnE,MAAM,WAAW,YAAa,SAAQ,qBAAqB;CAAG;AAE9D,eAAO,MAAM,OAAO,GAAoB,uCAKrC,YAAY,GAAG;IAChB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;CACnC,KAAG,KAAK,CAAC,GAAG,CAAC,OAMb,CAAA"}

package/dist/components/section/section.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import section_module from "./section.module.js";
+const section_Section = function({ ref, className, children, ...rest }) {
+    return /*#__PURE__*/ jsx("section", {
+        className: classnames(section_module.section, className),
+        ref: ref,
+        ...rest,
+        children: children
+    });
+};
+export { section_Section as Section };

package/dist/components/section/section.module.js

@@ -0,0 +1,5 @@
+import "./section_module.css";
+const section_module = {
+    section: "section-CEcZOp"
+};
+export { section_module as default };

package/dist/components/section/section_module.css

@@ -0,0 +1,8 @@
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  .section-CEcZOp {
+    position: relative;
+  }
+}
+