@bigbinary/neeto-atoms 1.0.75 → 1.0.77

package/dist/cjs/{Tabs-YPRmLtUM.js → Tabs-COMRjTVU.js}

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var reactRouterDom = require('react-router-dom');
 var utils = require('./utils-BhM0B89p.js');
 var renderIcon = require('./renderIcon-BRrpZu9a.js');
 var primitives_Tabs = require('./primitives/Tabs.js');
@@ -35,18 +36,31 @@ const TabsListComponent = React.forwardRef(
 );
 TabsListComponent.displayName = "Tabs.List";
 const TabsItemComponent = React.forwardRef(
-  ({ icon, className, children, ...otherProps }, ref) => {
+  ({ icon, className, children, to, ...otherProps }, ref) => {
     const size = React.useContext(TabsSizeContext);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
+    const content = icon ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      renderIcon.renderIcon(icon, size === "lg" ? "size-5" : "size-4"),
+      children
+    ] }) : children;
+    if (to !== void 0) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        primitives_Tabs.TabsTrigger,
+        {
+          asChild: true,
+          ref,
+          className: utils.cn(SIZE_CLASSES[size], icon && "gap-1.5", className),
+          ...otherProps,
+          children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to, children: content })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
       primitives_Tabs.TabsTrigger,
       {
         ref,
         className: utils.cn(SIZE_CLASSES[size], icon && "gap-1.5", className),
         ...otherProps,
-        children: [
-          icon && renderIcon.renderIcon(icon, size === "lg" ? "size-5" : "size-4"),
-          children
-        ]
+        children: content
       }
     );
   }
@@ -63,4 +77,4 @@ const Tabs = Object.assign(TabsRoot, {
 });
 
 exports.Tabs = Tabs;
-//# sourceMappingURL=Tabs-YPRmLtUM.js.map
+//# sourceMappingURL=Tabs-COMRjTVU.js.map

package/dist/cjs/Tabs-COMRjTVU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs-COMRjTVU.js","sources":["../../src/components/Tabs/constants.ts","../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\ntype TabsSize = \"default\" | \"lg\";\n\nexport const SIZE_CLASSES: Record<TabsSize, string> = {\n  default: \"\",\n  lg: \"text-[15px] px-3 py-1.5\",\n};\n\nexport const LIST_HEIGHT: Record<TabsSize, string> = {\n  default: \"\",\n  lg: \"group-data-horizontal/tabs:h-10\",\n};\n\nexport const TabsSizeContext = createContext<TabsSize>(\"default\");\n","import React, { forwardRef, useContext } from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport {\n  Tabs as PrimitiveTabs,\n  TabsList as PrimitiveTabsList,\n  TabsTrigger as PrimitiveTabsTrigger,\n  TabsContent as PrimitiveTabsContent,\n} from \"src/primitives/Tabs\";\n\nimport { SIZE_CLASSES, LIST_HEIGHT, TabsSizeContext } from \"./constants\";\n\ntype LinkTo = React.ComponentProps<typeof Link>[\"to\"];\n\ntype TabsSize = \"default\" | \"lg\";\n\nexport interface TabsProps extends React.ComponentProps<typeof PrimitiveTabs> {\n  /** Size of tab triggers. Applied to all Tabs.Item children. */\n  size?: TabsSize;\n}\n\ntype TabsListProps = React.ComponentProps<typeof PrimitiveTabsList>;\n\ninterface TabsItemProps extends React.ComponentProps<\n  typeof PrimitiveTabsTrigger\n> {\n  /** Icon component, element, or class-name string rendered before the label. */\n  icon?: IconProp;\n  /** When set, the trigger renders as a react-router-dom Link to this path. */\n  to?: LinkTo;\n}\n\ntype TabsContentProps = React.ComponentProps<typeof PrimitiveTabsContent>;\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsProps>(\n  ({ size = \"default\", children, ...props }, ref) => (\n    <TabsSizeContext.Provider value={size}>\n      <PrimitiveTabs ref={ref} {...props}>\n        {children}\n      </PrimitiveTabs>\n    </TabsSizeContext.Provider>\n  )\n);\nTabsRoot.displayName = \"Tabs\";\n\nconst TabsListComponent = forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, ...props }, ref) => {\n    const size = useContext(TabsSizeContext);\n\n    return (\n      <PrimitiveTabsList\n        ref={ref}\n        className={cn(LIST_HEIGHT[size], className)}\n        {...props}\n      />\n    );\n  }\n);\nTabsListComponent.displayName = \"Tabs.List\";\n\nconst TabsItemComponent = forwardRef<HTMLButtonElement, TabsItemProps>(\n  ({ icon, className, children, to, ...otherProps }, ref) => {\n    const size = useContext(TabsSizeContext);\n    const content = icon ? (\n      <>\n        {renderIcon(icon, size === \"lg\" ? \"size-5\" : \"size-4\")}\n        {children}\n      </>\n    ) : (\n      children\n    );\n\n    if (to !== undefined) {\n      return (\n        <PrimitiveTabsTrigger\n          asChild\n          ref={ref}\n          className={cn(SIZE_CLASSES[size], icon && \"gap-1.5\", className)}\n          {...otherProps}\n        >\n          <Link to={to}>{content}</Link>\n        </PrimitiveTabsTrigger>\n      );\n    }\n\n    return (\n      <PrimitiveTabsTrigger\n        ref={ref}\n        className={cn(SIZE_CLASSES[size], icon && \"gap-1.5\", className)}\n        {...otherProps}\n      >\n        {content}\n      </PrimitiveTabsTrigger>\n    );\n  }\n);\nTabsItemComponent.displayName = \"Tabs.Item\";\n\nconst TabsContentComponent = forwardRef<HTMLDivElement, TabsContentProps>(\n  (props, ref) => <PrimitiveTabsContent ref={ref} {...props} />\n);\nTabsContentComponent.displayName = \"Tabs.Content\";\n\nconst Tabs = Object.assign(TabsRoot, {\n  List: TabsListComponent,\n  Item: TabsItemComponent,\n  Content: TabsContentComponent,\n});\n\nexport { Tabs };\n"],"names":["createContext","forwardRef","jsx","PrimitiveTabs","useContext","PrimitiveTabsList","cn","jsxs","Fragment","renderIcon","PrimitiveTabsTrigger","Link","PrimitiveTabsContent"],"mappings":"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"}

package/dist/cjs/components/DataTable.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DataTable = require('../DataTable-CXjAvPHV.js');
+var DataTable = require('../DataTable-D4JGU1T4.js');
 require('react/jsx-runtime');
 require('react');
 require('../primitives/Table.js');

package/dist/cjs/components/Tabs.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var Tabs = require('../Tabs-YPRmLtUM.js');
+var Tabs = require('../Tabs-COMRjTVU.js');
 require('react/jsx-runtime');
 require('react');
+require('react-router-dom');
 require('../utils-BhM0B89p.js');
 require('../renderIcon-BRrpZu9a.js');
 require('../primitives/Tabs.js');

package/dist/cjs/components/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/index.js

@@ -9,7 +9,7 @@ var Badge = require('../Badge-Dz_Kb49L.js');
 var Callout = require('../Callout-CYIrflF1.js');
 var Checkbox = require('../Checkbox-CymHP7QE.js');
 var ColorPicker = require('../ColorPicker-rhCnblTv.js');
-var DataTable = require('../DataTable-CXjAvPHV.js');
+var DataTable = require('../DataTable-D4JGU1T4.js');
 var DatePicker = require('../DatePicker-Ccylp0hF.js');
 var Dialog = require('../Dialog-CBSuKeu_.js');
 var Empty = require('../Empty-aQaWK0p4.js');
@@ -27,7 +27,7 @@ var Slider = require('../Slider-ICf2eQ6p.js');
 var Spinner = require('../Spinner-DzNBz8al.js');
 var Stepper = require('../Stepper-DZb25oBH.js');
 var Switch = require('../Switch-bY6bZw78.js');
-var Tabs = require('../Tabs-YPRmLtUM.js');
+var Tabs = require('../Tabs-COMRjTVU.js');
 var Textarea = require('../Textarea-yWv-66yX.js');
 var TimePicker = require('../TimePicker-Bj3C0mHS.js');
 var TimePickerPanel = require('../TimePickerPanel-DX6cjrSN.js');

package/dist/cjs/index.js

@@ -13,7 +13,7 @@ var Button = require('./Button-8VH9p9RB.js');
 var Callout = require('./Callout-CYIrflF1.js');
 var Checkbox = require('./Checkbox-CymHP7QE.js');
 var ColorPicker = require('./ColorPicker-rhCnblTv.js');
-var DataTable = require('./DataTable-CXjAvPHV.js');
+var DataTable = require('./DataTable-D4JGU1T4.js');
 var DatePicker = require('./DatePicker-Ccylp0hF.js');
 var Dialog = require('./Dialog-CBSuKeu_.js');
 var DirectionProvider = require('./DirectionProvider-BTtE4FcN.js');
@@ -32,7 +32,7 @@ var Slider = require('./Slider-ICf2eQ6p.js');
 var Spinner = require('./Spinner-DzNBz8al.js');
 var Stepper = require('./Stepper-DZb25oBH.js');
 var Switch = require('./Switch-bY6bZw78.js');
-var Tabs = require('./Tabs-YPRmLtUM.js');
+var Tabs = require('./Tabs-COMRjTVU.js');
 var Textarea = require('./Textarea-yWv-66yX.js');
 var TimePicker = require('./TimePicker-Bj3C0mHS.js');
 var Toastr = require('./Toastr-CQ-R8VcZ.js');

package/dist/components/DataTable/DataTable.d.ts

@@ -1,2 +1,2 @@
 import type { DataTableProps } from "./types";
-export declare const DataTable: <TData>({ columns, data, getRowId: getRowIdProp, sorting: sortingProp, onSortingChange: onSortingChangeProp, onSort: onSortProp, enableSorting, enableURLSort, totalCount, pageSize, currentPage: currentPageProp, onPageChange: onPageChangeProp, enableURLPagination, enableRowSelection: enableRowSelectionProp, selectedRowKeys, onRowSelect, bulkSelectAllRowsProps, enableColumnResize, enableColumnFreeze, columnPinning: columnPinningProp, onColumnPinningChange: onColumnPinningChangeProp, localStorageKeyPrefix, columnVisibility: columnVisibilityProp, onColumnVisibilityChange: onColumnVisibilityChangeProp, onColumnHide: onColumnHideProp, enableColumnReorder, columnOrder: columnOrderProp, onColumnOrderChange: onColumnOrderChangeProp, enableAddColumn, onColumnAdd, onColumnDelete, onColumnUpdate, onMoreActionClick, enableHeaderMenu, loading, bordered, className, emptyMessage, onRowClick, allowRowClick, renderBody, }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTable: <TData>({ columns, data, getRowId: getRowIdProp, sorting: sortingProp, onSortingChange: onSortingChangeProp, onSort: onSortProp, enableSorting, enableURLSort, totalCount, pageSize, currentPage: currentPageProp, onPageChange: onPageChangeProp, enableURLPagination, enableRowSelection: enableRowSelectionProp, selectedRowKeys, onRowSelect, bulkSelectAllRowsProps, enableColumnResize, persistColumnSizing, columnSizing: columnSizingProp, onColumnSizingChange: onColumnSizingChangeProp, enableColumnFreeze, columnPinning: columnPinningProp, onColumnPinningChange: onColumnPinningChangeProp, localStorageKeyPrefix, columnVisibility: columnVisibilityProp, onColumnVisibilityChange: onColumnVisibilityChangeProp, onColumnHide: onColumnHideProp, enableColumnReorder, columnOrder: columnOrderProp, onColumnOrderChange: onColumnOrderChangeProp, enableAddColumn, onColumnAdd, onColumnDelete, onColumnUpdate, onMoreActionClick, enableHeaderMenu, loading, bordered, className, emptyMessage, onRowClick, allowRowClick, renderBody, }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DataTable/constants.d.ts

@@ -10,3 +10,4 @@ export declare const SORT_DIRECTIONS: {
 };
 export declare const STORAGE_KEY_PREFIX = "NEETOUI";
 export declare const STORAGE_KEY_SUFFIX = "FIXED_COLUMNS";
+export declare const COLUMN_SIZING_STORAGE_KEY_SUFFIX = "COLUMN_SIZING";

package/dist/components/DataTable/hooks/useColumnResize.d.ts

@@ -6,9 +6,11 @@ interface UseColumnResizeOptions<TData> {
     hasSelectionColumn: boolean;
     scrollContainerRef: React.RefObject<HTMLDivElement | null>;
     columnSizing: ColumnSizingState;
-    setColumnSizing: React.Dispatch<React.SetStateAction<ColumnSizingState>>;
+    setColumnSizing: (updater: ColumnSizingState | ((old: ColumnSizingState) => ColumnSizingState)) => void;
+    initialUserResizedIds?: string[];
+    onUserResize?: (sizing: ColumnSizingState, userResizedIds: Set<string>) => void;
 }
-export declare const useColumnResize: <TData>({ enabled, table, columnVisibility, hasSelectionColumn, scrollContainerRef, columnSizing, setColumnSizing, }: UseColumnResizeOptions<TData>) => {
+export declare const useColumnResize: <TData>({ enabled, table, columnVisibility, hasSelectionColumn, scrollContainerRef, columnSizing, setColumnSizing, initialUserResizedIds, onUserResize, }: UseColumnResizeOptions<TData>) => {
     trackUserResize: (updaterOrValue: ColumnSizingState | ((old: ColumnSizingState) => ColumnSizingState)) => void;
     lastDataColumnId: string | undefined;
     clearUserResized: (columnId: string) => void;

package/dist/components/DataTable/hooks/useColumnSizingPersistence.d.ts

@@ -0,0 +1,15 @@
+import type { ColumnSizingState, OnChangeFn, Updater } from "@tanstack/react-table";
+interface UseColumnSizingPersistenceOptions {
+    enabled?: boolean;
+    persistToLocalStorage?: boolean;
+    columnSizing?: ColumnSizingState;
+    onColumnSizingChange?: OnChangeFn<ColumnSizingState>;
+    localStorageKeyPrefix?: string;
+}
+export declare const useColumnSizingPersistence: ({ enabled, persistToLocalStorage, columnSizing: controlledSizing, onColumnSizingChange: controlledOnChange, localStorageKeyPrefix, }: UseColumnSizingPersistenceOptions) => {
+    columnSizing: ColumnSizingState;
+    setColumnSizing: (updaterOrValue: Updater<ColumnSizingState>) => void;
+    initialUserResizedIds: string[];
+    persistUserResizedSizing: (sizingState: ColumnSizingState, userResizedIds: Set<string>) => void;
+};
+export {};

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

@@ -1,4 +1,4 @@
-import type { ColumnDef, ColumnOrderState, ColumnPinningState, OnChangeFn, Row, SortingState, VisibilityState } from "@tanstack/react-table";
+import type { ColumnDef, ColumnOrderState, ColumnPinningState, ColumnSizingState, OnChangeFn, Row, SortingState, VisibilityState } from "@tanstack/react-table";
 import type { SortInfo } from "./hooks/useTableSort";
 export interface BulkSelectAllRowsProps {
     selectAllRowMessage: string;
@@ -40,6 +40,9 @@ export interface DataTableProps<TData> {
     onRowSelect?: (keys: string[], rows: TData[]) => void;
     bulkSelectAllRowsProps?: BulkSelectAllRowsProps;
     enableColumnResize?: boolean;
+    persistColumnSizing?: boolean;
+    columnSizing?: ColumnSizingState;
+    onColumnSizingChange?: OnChangeFn<ColumnSizingState>;
     enableColumnFreeze?: boolean;
     columnPinning?: ColumnPinningState;
     onColumnPinningChange?: OnChangeFn<ColumnPinningState>;

package/dist/components/DataTable/utils.d.ts

@@ -1,5 +1,4 @@
-import type { SortingState } from "@tanstack/react-table";
-import type { RowSelectionState } from "@tanstack/react-table";
+import type { ColumnSizingState, SortingState, RowSelectionState } from "@tanstack/react-table";
 export declare const getSearchParams: () => URLSearchParams;
 export declare const readSortFromURL: () => SortingState;
 export declare const writeSortToURL: (sorting: SortingState) => void;
@@ -8,9 +7,11 @@ export declare const writePageToURL: (page: number) => void;
 export declare const keysToRowSelection: (keys: string[]) => RowSelectionState;
 export declare const rowSelectionToKeys: (selection: RowSelectionState) => string[];
 export declare const hashPathname: () => string;
-export declare const getStorageKey: (prefix?: string) => string;
+export declare const getStorageKey: (prefix?: string, suffix?: string) => string;
 export declare const readFromLocalStorage: (key: string) => string[];
 export declare const writeToLocalStorage: (key: string, value: string[]) => void;
+export declare const readSizingFromLocalStorage: (key: string) => ColumnSizingState;
+export declare const writeSizingToLocalStorage: (key: string, value: ColumnSizingState) => void;
 export declare const getResizeColumnStyle: ({ size, isSelectionCol, isLastDataCol, enableResize, pinned, pinnedStart, pinnedEnd, percentageWidth, }: {
     size: number;
     isSelectionCol: boolean;

package/dist/components/DataTable.js

@@ -1,4 +1,4 @@
-export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-DP06B8C7.js';
+export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-Da_EDRI8.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../primitives/Table.js';

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

@@ -1,6 +1,8 @@
 import React from "react";
+import { Link } from "react-router-dom";
 import { type IconProp } from "src/shared/renderIcon";
 import { Tabs as PrimitiveTabs, TabsTrigger as PrimitiveTabsTrigger } from "src/primitives/Tabs";
+type LinkTo = React.ComponentProps<typeof Link>["to"];
 type TabsSize = "default" | "lg";
 export interface TabsProps extends React.ComponentProps<typeof PrimitiveTabs> {
     /** Size of tab triggers. Applied to all Tabs.Item children. */
@@ -9,6 +11,8 @@ export interface TabsProps extends React.ComponentProps<typeof PrimitiveTabs> {
 interface TabsItemProps extends React.ComponentProps<typeof PrimitiveTabsTrigger> {
     /** Icon component, element, or class-name string rendered before the label. */
     icon?: IconProp;
+    /** When set, the trigger renders as a react-router-dom Link to this path. */
+    to?: LinkTo;
 }
 declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
     List: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({

package/dist/components/Tabs.js

@@ -1,6 +1,7 @@
-export { T as Tabs } from '../Tabs-DTbbJITd.js';
+export { T as Tabs } from '../Tabs-BCUdAnva.js';
 import 'react/jsx-runtime';
 import 'react';
+import 'react-router-dom';
 import '../utils-BJnb9o5c.js';
 import '../renderIcon-C6twJSqH.js';
 import '../primitives/Tabs.js';

package/dist/components/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/components/index.js

@@ -7,7 +7,7 @@ export { B as Badge } from '../Badge-DC6zxOwS.js';
 export { C as Callout } from '../Callout-NVYmCwJL.js';
 export { C as Checkbox } from '../Checkbox-m4rEnxUz.js';
 export { C as ColorPicker } from '../ColorPicker-ClnRUq9y.js';
-export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-DP06B8C7.js';
+export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-Da_EDRI8.js';
 export { D as DatePicker } from '../DatePicker-1OZmK2ki.js';
 export { D as Dialog } from '../Dialog-BOcBeB8v.js';
 export { E as Empty } from '../Empty-Bfido_mq.js';
@@ -25,7 +25,7 @@ export { S as Slider } from '../Slider-DNcH5X7b.js';
 export { S as Spinner } from '../Spinner-DgV3mILN.js';
 export { S as Stepper } from '../Stepper-7OpfOfas.js';
 export { S as Switch } from '../Switch-b4ZAjhRy.js';
-export { T as Tabs } from '../Tabs-DTbbJITd.js';
+export { T as Tabs } from '../Tabs-BCUdAnva.js';
 export { T as Textarea } from '../Textarea-B2Uhx-Yy.js';
 export { T as TimePicker } from '../TimePicker-CNz4odcf.js';
 export { T as TimePickerPanel } from '../TimePickerPanel--KDX5QwS.js';

package/dist/index.js

@@ -12,7 +12,7 @@ export { b as Button } from './Button-DV9xCqlc.js';
 export { C as Callout } from './Callout-NVYmCwJL.js';
 export { C as Checkbox } from './Checkbox-m4rEnxUz.js';
 export { C as ColorPicker } from './ColorPicker-ClnRUq9y.js';
-export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from './DataTable-DP06B8C7.js';
+export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from './DataTable-Da_EDRI8.js';
 export { D as DatePicker } from './DatePicker-1OZmK2ki.js';
 export { D as Dialog } from './Dialog-BOcBeB8v.js';
 export { D as DirectionProvider } from './DirectionProvider-weqLz_BJ.js';
@@ -31,7 +31,7 @@ export { S as Slider } from './Slider-DNcH5X7b.js';
 export { S as Spinner } from './Spinner-DgV3mILN.js';
 export { S as Stepper } from './Stepper-7OpfOfas.js';
 export { S as Switch } from './Switch-b4ZAjhRy.js';
-export { T as Tabs } from './Tabs-DTbbJITd.js';
+export { T as Tabs } from './Tabs-BCUdAnva.js';
 export { T as Textarea } from './Textarea-B2Uhx-Yy.js';
 export { T as TimePicker } from './TimePicker-CNz4odcf.js';
 export { T as Toastr } from './Toastr-tmAtpmwv.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-atoms",
-  "version": "1.0.75",
+  "version": "1.0.77",
   "author": "BigBinary",
   "license": "MIT",
   "engines": {