@neasg/design-system 0.4.20 → 0.4.21

package/dist/index.d.ts

@@ -134,7 +134,7 @@ export type { UseTableSortOptions, UseTableSortReturn, } from "./use-table-sort"
 export { Table, TableRoot, TableContainer, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, TableRowSkeleton, TABLE_SKELETON_PRESETS, } from "./table";
 export type { TableColumn, TableColumnWidths, TableProps, TableResizeMode, TableRowExpansionProps, TableRowTone, TableSortDirection, TableSortingProps, TableSkeletonConfig, TableRowSkeletonProps, } from "./table";
 export type { TableColumnFilter, TableColumnFilterOption, TableDateColumnFilter, TableOptionsColumnFilter, TableTextColumnFilter, } from "./table-column-filter";
-export { Tabs, TabsRoot, TabWithDropdown, type TabsItem, type TabsItemLabel, type TabsItemLabelProps, type TabsProps, TabsList, TabsTrigger, TabsContent, type TabWithDropdownProps, useTabsContext, type TabDropdownSection, } from "./tabs";
+export { Tabs, SubTabs, TabsRoot, TabWithDropdown, type TabsItem, type TabsItemLabel, type TabsItemLabelProps, type TabsProps, type SubTabsItem, type SubTabsProps, TabsList, TabsTrigger, TabsContent, type TabWithDropdownProps, useTabsContext, type TabDropdownSection, } from "./tabs";
 export { Tooltip, TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider, type TooltipProps, } from "./tooltip";
 export { Toaster, toast } from "./toaster";
 export type { ToasterProps } from "./toaster";

package/dist/index.js

@@ -69,7 +69,7 @@ export { TableToolbar } from "./table-toolbar";
 export { TableColumnVisibilityMenu } from "./table-column-visibility";
 export { useTableSort } from "./use-table-sort";
 export { Table, TableRoot, TableContainer, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, TableRowSkeleton, TABLE_SKELETON_PRESETS, } from "./table";
-export { Tabs, TabsRoot, TabWithDropdown, TabsList, TabsTrigger, TabsContent, useTabsContext, } from "./tabs";
+export { Tabs, SubTabs, TabsRoot, TabWithDropdown, TabsList, TabsTrigger, TabsContent, useTabsContext, } from "./tabs";
 export { Tooltip, TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider, } from "./tooltip";
 export { Toaster, toast } from "./toaster";
 export { Separator } from "./separator";

package/dist/tabs.d.ts

@@ -70,5 +70,10 @@ export interface TabsProps extends Omit<React.ComponentPropsWithoutRef<typeof Ta
     triggerClassName?: string;
     panelClassName?: string;
 }
+export type SubTabsItem = Omit<TabsItem, "onClose" | "closeLabel" | "sections" | "scrollOffset" | "onSectionSelect" | "activeSection">;
+export interface SubTabsProps extends Omit<TabsProps, "items" | "size"> {
+    items: SubTabsItem[];
+}
 declare function Tabs({ items, defaultValue, value, onValueChange, size, renderPanels, className, listWrapperClassName, listClassName, triggerClassName, panelClassName, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element | null;
-export { Tabs, TabsRoot, TabsList, TabsTrigger, TabsContent, TabWithDropdown };
+declare function SubTabs({ className, listWrapperClassName, listClassName, triggerClassName, panelClassName, ...props }: SubTabsProps): import("react/jsx-runtime").JSX.Element;
+export { Tabs, SubTabs, TabsRoot, TabsList, TabsTrigger, TabsContent, TabWithDropdown, };

package/dist/tabs.js

@@ -150,4 +150,7 @@ function Tabs({ items, defaultValue, value, onValueChange, size = "default", ren
                 ? items.map((item) => (_jsx(TabsContent, { value: item.value, className: cn("pt-4", panelClassName), children: item.content }, item.value)))
                 : null] }));
 }
-export { Tabs, TabsRoot, TabsList, TabsTrigger, TabsContent, TabWithDropdown };
+function SubTabs({ className, listWrapperClassName, listClassName, triggerClassName, panelClassName, ...props }) {
+    return (_jsx(Tabs, { className: cn("space-y-0", className), listWrapperClassName: cn("min-w-0 overflow-x-auto", listWrapperClassName), listClassName: cn("w-full min-w-max justify-start overflow-visible rounded-none border-0 border-b border-[hsl(var(--tab-list-border))] bg-transparent p-0", listClassName), triggerClassName: cn("min-h-9 rounded-none border-b-2 border-transparent bg-transparent px-3 py-2 text-[hsl(var(--tab-trigger-foreground))] shadow-none focus-visible:ring-inset focus-visible:ring-offset-0 data-[state=inactive]:hover:bg-[hsl(var(--tab-trigger-hover-background))] data-[state=active]:border-[hsl(var(--tab-indicator))] data-[state=active]:bg-transparent data-[state=active]:text-[hsl(var(--tab-trigger-active-foreground))] data-[state=active]:shadow-none", triggerClassName), panelClassName: cn("pt-4", panelClassName), ...props }));
+}
+export { Tabs, SubTabs, TabsRoot, TabsList, TabsTrigger, TabsContent, TabWithDropdown, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neasg/design-system",
-  "version": "0.4.20",
+  "version": "0.4.21",
   "description": "NEA shared design system primitives, theme tokens, and Storybook docs.",
   "license": "UNLICENSED",
   "type": "module",