@pibit.ai/cure-design-system 0.6.14 → 0.6.15

package/dist/index.d.ts

@@ -28,6 +28,7 @@ export { Accordion, AccordionGroup, type AccordionProps, type AccordionGroupProp
 export { DialogTrigger, ModalOverlay, Modal, Dialog, ModalWrapper, type ModalOverlayProps, type ModalProps, type DialogProps, type ModalWrapperProps, } from './patterns/modal';
 export { Drawer, type DrawerProps } from './patterns/drawer';
 export { ExpandableRightDrawer, type ExpandableRightDrawerProps, type ExpandableRightDrawerState, } from './patterns/expandable-drawer';
+export { Tabs, TabList, Tab, TabPanel, type TabListComponentProps, type TabComponentProps, } from './patterns/tabs';
 export { ClickAwayListener, type ClickAwayListenerProps, shouldIgnorePortaledOverlayClickFromRoot, REACT_ARIA_POPOVER_SELECTOR, } from './patterns/click-away';
 export { cn, cx, sortCx } from './utils/cn';
 export { getShortcutLabel, getPlatformShortcutLabel, type ShortcutModifier, } from './utils/keyboard-shortcut';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -4,8 +4,8 @@ import { CustomIcon as p } from "./primitives/custom-icon/custom-icon.js";
 import { BRAND_ICONS as i, FIGMA_ICONS as x, FILLED_ICONS as f, FIXED_ICONS as l, ICONS as a, ICON_STYLE as n, MIXED_ICONS as d, OUTLINED_ICONS as s } from "./primitives/custom-icon/registry.js";
 import { Activity as S } from "./primitives/custom-icon/icons/activity.js";
 import { ActivityIcon as u } from "./primitives/custom-icon/icons/activity-icon.js";
-import { ActivityIcon16x16 as h } from "./primitives/custom-icon/icons/activity-icon-16x16.js";
-import { ActivityOutline as T } from "./primitives/custom-icon/icons/activity-outline.js";
+import { ActivityIcon16x16 as b } from "./primitives/custom-icon/icons/activity-icon-16x16.js";
+import { ActivityOutline as h } from "./primitives/custom-icon/icons/activity-outline.js";
 import { ActivitySolid as R } from "./primitives/custom-icon/icons/activity-solid.js";
 import { Ai as w } from "./primitives/custom-icon/icons/ai.js";
 import { AiAgents as B } from "./primitives/custom-icon/icons/ai-agents.js";
@@ -31,7 +31,7 @@ import { Bill02 as no } from "./primitives/custom-icon/icons/bill-02.js";
 import { Bill0218x23 as co } from "./primitives/custom-icon/icons/bill-02-18x23.js";
 import { Bill03 as Co } from "./primitives/custom-icon/icons/bill-03.js";
 import { BookmarkSolid as go } from "./primitives/custom-icon/icons/bookmark-solid.js";
-import { Branch as bo } from "./primitives/custom-icon/icons/branch.js";
+import { Branch as To } from "./primitives/custom-icon/icons/branch.js";
 import { Branch01 as Ao } from "./primitives/custom-icon/icons/branch-01.js";
 import { Branch02 as Io } from "./primitives/custom-icon/icons/branch-02.js";
 import { Break as Do } from "./primitives/custom-icon/icons/break.js";
@@ -58,7 +58,7 @@ import { CollapseLeft as dr } from "./primitives/custom-icon/icons/collapse-left
 import { CollapseRight as cr } from "./primitives/custom-icon/icons/collapse-right.js";
 import { Compare as Cr } from "./primitives/custom-icon/icons/compare.js";
 import { Condition as gr } from "./primitives/custom-icon/icons/condition.js";
-import { Continue as br } from "./primitives/custom-icon/icons/continue.js";
+import { Continue as Tr } from "./primitives/custom-icon/icons/continue.js";
 import { Csv as Ar } from "./primitives/custom-icon/icons/csv.js";
 import { CustomEndpoint as Ir } from "./primitives/custom-icon/icons/custom-endpoint.js";
 import { Dots as Dr } from "./primitives/custom-icon/icons/dots.js";
@@ -85,7 +85,7 @@ import { Foresight as de } from "./primitives/custom-icon/icons/foresight.js";
 import { Formula as ce } from "./primitives/custom-icon/icons/formula.js";
 import { FunnelChart as Ce } from "./primitives/custom-icon/icons/funnel-chart.js";
 import { Gmail as ge } from "./primitives/custom-icon/icons/gmail.js";
-import { GmailBig as be } from "./primitives/custom-icon/icons/gmail-big.js";
+import { GmailBig as Te } from "./primitives/custom-icon/icons/gmail-big.js";
 import { Google as Ae } from "./primitives/custom-icon/icons/google.js";
 import { GoogleChat as Ie } from "./primitives/custom-icon/icons/google-chat.js";
 import { Grid04 as De } from "./primitives/custom-icon/icons/grid-04.js";
@@ -112,7 +112,7 @@ import { Medium as dt } from "./primitives/custom-icon/icons/medium.js";
 import { MediumAlert02 as ct } from "./primitives/custom-icon/icons/medium-alert-02.js";
 import { MediumAlert1 as Ct } from "./primitives/custom-icon/icons/medium-alert-1.js";
 import { MessageDotsSquareOutline as gt } from "./primitives/custom-icon/icons/message-dots-square-outline.js";
-import { MessageDotsSquareSolid as bt } from "./primitives/custom-icon/icons/message-dots-square-solid.js";
+import { MessageDotsSquareSolid as Tt } from "./primitives/custom-icon/icons/message-dots-square-solid.js";
 import { Microsoft as At } from "./primitives/custom-icon/icons/microsoft.js";
 import { MicrosoftOutlook as It } from "./primitives/custom-icon/icons/microsoft-outlook.js";
 import { Mocked as Dt } from "./primitives/custom-icon/icons/mocked.js";
@@ -139,7 +139,7 @@ import { Queue as dp } from "./primitives/custom-icon/icons/queue.js";
 import { QueueColored as cp } from "./primitives/custom-icon/icons/queue-colored.js";
 import { Radio as Cp } from "./primitives/custom-icon/icons/radio.js";
 import { ReorderDots as gp } from "./primitives/custom-icon/icons/reorder-dots.js";
-import { ReorderDots8x14 as bp } from "./primitives/custom-icon/icons/reorder-dots-8x14.js";
+import { ReorderDots8x14 as Tp } from "./primitives/custom-icon/icons/reorder-dots-8x14.js";
 import { ReorderDotsNew as Ap } from "./primitives/custom-icon/icons/reorder-dots-new.js";
 import { ResearchCure as Ip } from "./primitives/custom-icon/icons/research-cure.js";
 import { Resize as Dp } from "./primitives/custom-icon/icons/resize.js";
@@ -166,7 +166,7 @@ import { StopCircle as dm } from "./primitives/custom-icon/icons/stop-circle.js"
 import { StopCircleSolid as cm } from "./primitives/custom-icon/icons/stop-circle-solid.js";
 import { Submission as Cm } from "./primitives/custom-icon/icons/submission.js";
 import { Summary as gm } from "./primitives/custom-icon/icons/summary.js";
-import { Swap as bm } from "./primitives/custom-icon/icons/swap.js";
+import { Swap as Tm } from "./primitives/custom-icon/icons/swap.js";
 import { SyncWorkflow as Am } from "./primitives/custom-icon/icons/sync-workflow.js";
 import { TestTube as Im } from "./primitives/custom-icon/icons/test-tube.js";
 import { ThumbsDown as Dm } from "./primitives/custom-icon/icons/thumbs-down.js";
@@ -191,7 +191,7 @@ import { DateInput as fi } from "./applications/date-picker/date-input.js";
 import { RangePresetButton as ai } from "./applications/date-picker/range-preset.js";
 import { TimeField as di } from "./applications/date-picker/time-field.js";
 import { TimeList as ci } from "./applications/date-picker/time-list.js";
-import { PRESET_LABELS as Ci, cloneDateRange as ui, detectDateRangePresetKey as gi, getDateRangeFromPresetKey as hi, getDateRangePresets as bi, resolveDateRangePreset as Ti } from "./applications/date-picker/date-range-presets.js";
+import { PRESET_LABELS as Ci, cloneDateRange as ui, detectDateRangePresetKey as gi, getDateRangeFromPresetKey as bi, getDateRangePresets as Ti, resolveDateRangePreset as hi } from "./applications/date-picker/date-range-presets.js";
 import { cn as Ri, cx as Ii, sortCx as wi } from "./utils/cn.js";
 import { getPlatformShortcutLabel as Bi, getShortcutLabel as Fi } from "./utils/keyboard-shortcut.js";
 import { isClassComponent as Oi, isForwardRefComponent as ki, isFunctionComponent as Pi, isReactComponent as Li } from "./utils/is-react-component.js";
@@ -206,7 +206,7 @@ import { Checkbox as rx, CheckboxBase as ex } from "./primitives/checkbox/checkb
 import { TextArea as px, TextAreaBase as mx } from "./primitives/textarea/textarea.js";
 import { Toggle as xx } from "./primitives/toggle/toggle.js";
 import { RadioButton as lx, RadioButtonBase as ax, RadioGroup as nx } from "./primitives/radio/radio.js";
-import { Badge as sx, BadgeIcon as cx, BadgeWithButton as Sx, BadgeWithDot as Cx, BadgeWithFlag as ux, BadgeWithIcon as gx, BadgeWithImage as hx, filledColors as bx } from "./primitives/badge/badge.js";
+import { Badge as sx, BadgeIcon as cx, BadgeWithButton as Sx, BadgeWithDot as Cx, BadgeWithFlag as ux, BadgeWithIcon as gx, BadgeWithImage as bx, filledColors as Tx } from "./primitives/badge/badge.js";
 import { Avatar as Ax } from "./primitives/avatar/avatar.js";
 import { Icon as Ix } from "./primitives/icon/icon.js";
 import { Text as Dx } from "./primitives/text/text.js";
@@ -229,8 +229,8 @@ import { ScheduleCalendar as xf } from "./applications/schedule-calendar/schedul
 import { WEEKDAYS as lf } from "./applications/schedule-calendar/types.js";
 import { cellSetToSchedules as nf, formatHour as df, formatHourLabel as sf, mergeHoursToWindows as cf, schedulesToCellSet as Sf } from "./applications/schedule-calendar/utils.js";
 import { LoadingIndicator as uf } from "./applications/loading-indicator/loading-indicator.js";
-import { ProgressiveLoadingIndicator as hf } from "./applications/progressive-loading-indicator/progressive-loading-indicator.js";
-import { Table as Tf, TableCard as Af, TableCell as Rf, TableRowActionsDropdown as If } from "./patterns/table/table.js";
+import { ProgressiveLoadingIndicator as bf } from "./applications/progressive-loading-indicator/progressive-loading-indicator.js";
+import { Table as hf, TableCard as Af, TableCell as Rf, TableRowActionsDropdown as If } from "./patterns/table/table.js";
 import { TableWrapper as Df } from "./patterns/table/TableWrapper.js";
 import { TablePagination as Ff } from "./patterns/table/TablePagination.js";
 import { PaginationCardDefault as Of } from "./patterns/table/pagination-card.js";
@@ -249,7 +249,7 @@ import { ColumnHeaderMenu as el } from "./patterns/table/toolbar/ColumnHeaderMen
 import { RowActionsMenu as pl } from "./patterns/table/toolbar/RowActionsMenu.js";
 import { BulkActionBar as il } from "./patterns/table/toolbar/BulkActionBar.js";
 import { AGGREGATION_LABELS as fl, ROW_HEIGHT_CLASS as ll, alignmentClass as al, applyHideAndReorder as nl, computeAggregation as dl, getAggregationsForType as sl, getDefaultAlignmentForType as cl, getEffectiveAlignment as Sl, groupRows as Cl, resolveColumnLabel as ul } from "./patterns/table/toolbar/tableToolbarHelpers.js";
-import { GridNavProvider as hl, findGridCell as bl, focusGridCell as Tl, getGridNeighbor as Al, getGridTabNeighbor as Rl, isWithinCellEditor as Il, useGridKeyboardNavigation as wl } from "./patterns/table/useGridKeyboardNavigation.js";
+import { GridNavProvider as bl, findGridCell as Tl, focusGridCell as hl, getGridNeighbor as Al, getGridTabNeighbor as Rl, isWithinCellEditor as Il, useGridKeyboardNavigation as wl } from "./patterns/table/useGridKeyboardNavigation.js";
 import { CELL_SCROLL_PADDING_PX as Bl, computeCellScrollDelta as Fl, measureStickyInsets as El, scrollGridCellIntoView as Ol } from "./patterns/table/scrollCellIntoView.js";
 import { MAX_HISTORY as Pl, TableUndoRedoProvider as Ll, useTableUndoRedo as yl, useTableUndoRedoScope as Nl } from "./patterns/table/useTableUndoRedo.js";
 import { useIntegrateTableUndoRedo as Gl } from "./patterns/table/integrateTableUndoRedo.js";
@@ -262,22 +262,23 @@ import { TableComponent as fa } from "./patterns/table-component/TableComponent.
 import { buildTableComponentColumns as aa } from "./patterns/table-component/buildTableColumns.js";
 import { TreeView as da, buildTreeViewNodes as sa } from "./patterns/tree-view/tree-view.js";
 import { Accordion as Sa, AccordionGroup as Ca } from "./patterns/accordion/accordion.js";
-import { Collapsible as ga, CollapsibleContent as ha, CollapsibleTrigger as ba } from "./patterns/accordion/collapsible.js";
+import { Collapsible as ga, CollapsibleContent as ba, CollapsibleTrigger as Ta } from "./patterns/accordion/collapsible.js";
 import { ExpandableCard as Aa } from "./patterns/accordion/expandable-card.js";
 import { Dialog as Ia, DialogTrigger as wa, Modal as Da, ModalOverlay as Ba } from "./patterns/modal/modal.js";
 import { ModalWrapper as Ea } from "./patterns/modal/modal-wrapper.js";
 import { Drawer as ka } from "./patterns/drawer/drawer.js";
 import { ExpandableRightDrawer as La } from "./patterns/expandable-drawer/expandable-drawer.js";
-import { ClickAwayListener as Na } from "./patterns/click-away/click-away-listener.js";
-import { REACT_ARIA_POPOVER_SELECTOR as Ga, shouldIgnorePortaledOverlayClickFromRoot as Wa } from "./patterns/click-away/overlay-click-guards.js";
+import { Tab as Na, TabList as Ma, TabPanel as Ga, Tabs as Wa } from "./patterns/tabs/tabs.js";
+import { ClickAwayListener as va } from "./patterns/click-away/click-away-listener.js";
+import { REACT_ARIA_POPOVER_SELECTOR as Ua, shouldIgnorePortaledOverlayClickFromRoot as Va } from "./patterns/click-away/overlay-click-guards.js";
 export {
   fl as AGGREGATION_LABELS,
   Sa as Accordion,
   Ca as AccordionGroup,
   S as Activity,
   u as ActivityIcon,
-  h as ActivityIcon16x16,
-  T as ActivityOutline,
+  b as ActivityIcon16x16,
+  h as ActivityOutline,
   R as ActivitySolid,
   w as Ai,
   B as AiAgents,
@@ -300,7 +301,7 @@ export {
   Cx as BadgeWithDot,
   ux as BadgeWithFlag,
   gx as BadgeWithIcon,
-  hx as BadgeWithImage,
+  bx as BadgeWithImage,
   Q as BarChart13,
   J as BarLineChart02,
   $ as Beaker03,
@@ -313,7 +314,7 @@ export {
   co as Bill0218x23,
   Co as Bill03,
   go as BookmarkSolid,
-  bo as Branch,
+  To as Branch,
   Ao as Branch01,
   Io as Branch02,
   Do as Break,
@@ -339,7 +340,7 @@ export {
   Zo as Checklist,
   or as ChecklistSolid,
   er as ClearCure,
-  Na as ClickAwayListener,
+  va as ClickAwayListener,
   pr as ClipboardPlusSolid,
   ir as ClipboardSolid,
   fr as CodeNode,
@@ -347,13 +348,13 @@ export {
   dr as CollapseLeft,
   cr as CollapseRight,
   ga as Collapsible,
-  ha as CollapsibleContent,
-  ba as CollapsibleTrigger,
+  ba as CollapsibleContent,
+  Ta as CollapsibleTrigger,
   el as ColumnHeaderMenu,
   Ux as ComboBox,
   Cr as Compare,
   gr as Condition,
-  br as Continue,
+  Tr as Continue,
   Ar as Csv,
   Ir as CustomEndpoint,
   p as CustomIcon,
@@ -397,11 +398,11 @@ export {
   ce as Formula,
   Ce as FunnelChart,
   ge as Gmail,
-  be as GmailBig,
+  Te as GmailBig,
   Ae as Google,
   Ie as GoogleChat,
   De as Grid04,
-  hl as GridNavProvider,
+  bl as GridNavProvider,
   Fe as GridPlus,
   Oe as GroupBy,
   jf as GroupByDropdown,
@@ -438,7 +439,7 @@ export {
   ct as MediumAlert02,
   Ct as MediumAlert1,
   gt as MessageDotsSquareOutline,
-  bt as MessageDotsSquareSolid,
+  Tt as MessageDotsSquareSolid,
   At as Microsoft,
   It as MicrosoftOutlook,
   Dt as Mocked,
@@ -472,10 +473,10 @@ export {
   fp as PlusCircleSolid,
   Mx as Popover,
   ap as Primespecialty,
-  hf as ProgressiveLoadingIndicator,
+  bf as ProgressiveLoadingIndicator,
   dp as Queue,
   cp as QueueColored,
-  Ga as REACT_ARIA_POPOVER_SELECTOR,
+  Ua as REACT_ARIA_POPOVER_SELECTOR,
   ll as ROW_HEIGHT_CLASS,
   yf as ROW_HEIGHT_ICONS,
   Cp as Radio,
@@ -485,7 +486,7 @@ export {
   pi as RangeCalendar,
   ai as RangePresetButton,
   gp as ReorderDots,
-  bp as ReorderDots8x14,
+  Tp as ReorderDots8x14,
   Ap as ReorderDotsNew,
   Ip as ResearchCure,
   Dp as Resize,
@@ -526,10 +527,13 @@ export {
   Cm as Submission,
   gm as Summary,
   ol as SummaryFooterRow,
-  bm as Swap,
+  Tm as Swap,
   Am as SyncWorkflow,
   Mf as TOOLBAR_ICONS,
-  Tf as Table,
+  Na as Tab,
+  Ma as TabList,
+  Ga as TabPanel,
+  hf as Table,
   Af as TableCard,
   Rf as TableCell,
   fa as TableComponent,
@@ -539,6 +543,7 @@ export {
   Ll as TableUndoRedoProvider,
   oa as TableViewsDropdown,
   Df as TableWrapper,
+  Wa as Tabs,
   Im as TestTube,
   Dx as Text,
   px as TextArea,
@@ -581,14 +586,14 @@ export {
   jx as createEllipsisContent,
   Ii as cx,
   gi as detectDateRangePresetKey,
-  bx as filledColors,
-  bl as findGridCell,
-  Tl as focusGridCell,
+  Tx as filledColors,
+  Tl as findGridCell,
+  hl as focusGridCell,
   df as formatHour,
   sf as formatHourLabel,
   sl as getAggregationsForType,
-  hi as getDateRangeFromPresetKey,
-  bi as getDateRangePresets,
+  bi as getDateRangeFromPresetKey,
+  Ti as getDateRangePresets,
   cl as getDefaultAlignmentForType,
   Sl as getEffectiveAlignment,
   Al as getGridNeighbor,
@@ -611,11 +616,11 @@ export {
   _f as pickCoreToolbarProps,
   Uf as registerToolbarExtensions,
   ul as resolveColumnLabel,
-  Ti as resolveDateRangePreset,
+  hi as resolveDateRangePreset,
   Sf as schedulesToCellSet,
   Ol as scrollGridCellIntoView,
   ia as selectionFromSingleCell,
-  Wa as shouldIgnorePortaledOverlayClickFromRoot,
+  Va as shouldIgnorePortaledOverlayClickFromRoot,
   Jl as snapshotFromViewRecord,
   wi as sortCx,
   pf as tagKeyFromLabel,

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

@@ -0,0 +1,2 @@
+export { Tabs, TabList, Tab, TabPanel, type TabListComponentProps, type TabComponentProps } from './tabs';
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,qBAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC"}

package/dist/patterns/tabs/tabs.d.ts

@@ -0,0 +1,42 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { TabListProps as AriaTabListProps, TabProps as AriaTabProps, TabRenderProps as AriaTabRenderProps, TabPanel as AriaTabPanel, Tabs as AriaTabs } from 'react-aria-components';
+type Orientation = "horizontal" | "vertical";
+type HorizontalTypes = "button-brand" | "button-gray" | "button-border" | "button-minimal" | "underline" | "button-curved";
+type VerticalTypes = "button-brand" | "button-gray" | "button-border" | "button-minimal" | "line";
+type TabTypeColors<T> = T extends "horizontal" ? HorizontalTypes : VerticalTypes;
+declare const sizes: Record<"xs" | "sm" | "md", Partial<Record<HorizontalTypes | VerticalTypes, string>>>;
+export interface TabListComponentProps<T extends object, K extends Orientation> extends AriaTabListProps<T> {
+    /** The size of the tab list. */
+    size?: keyof typeof sizes;
+    /** The type of the tab list. */
+    type?: TabTypeColors<K>;
+    /** The orientation of the tab list. */
+    orientation?: K;
+    /** The items of the tab list. */
+    items: T[];
+    /** Whether the tab list is full width. */
+    fullWidth?: boolean;
+}
+export declare const TabList: <T extends Orientation>({ size, type, orientation: orientationProp, fullWidth, className, children, items, ...otherProps }: TabListComponentProps<TabComponentProps, T>) => import("react/jsx-runtime").JSX.Element;
+export declare const TabPanel: (props: ComponentPropsWithRef<typeof AriaTabPanel>) => import("react/jsx-runtime").JSX.Element;
+export interface TabComponentProps extends AriaTabProps {
+    /** The label of the tab. */
+    label?: ReactNode;
+    /** The children of the tab. */
+    children?: ReactNode | ((props: AriaTabRenderProps) => ReactNode);
+    /** The badge displayed next to the label. */
+    badge?: number | string;
+    /** The badge displayed before the label. */
+    leadingBadge?: number | string;
+    /** The class name for the badge. */
+    badgeClassName?: string;
+}
+export declare const Tab: (props: TabComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: {
+    ({ className, ...props }: ComponentPropsWithRef<typeof AriaTabs>): import("react/jsx-runtime").JSX.Element;
+    Panel: (props: ComponentPropsWithRef<typeof AriaTabPanel>) => import("react/jsx-runtime").JSX.Element;
+    List: <T extends Orientation>({ size, type, orientation: orientationProp, fullWidth, className, children, items, ...otherProps }: TabListComponentProps<TabComponentProps, T>) => import("react/jsx-runtime").JSX.Element;
+    Item: (props: TabComponentProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/patterns/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EACV,YAAY,IAAI,gBAAgB,EAChC,QAAQ,IAAI,YAAY,EACxB,cAAc,IAAI,kBAAkB,EACrC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAGL,QAAQ,IAAI,YAAY,EACxB,IAAI,IAAI,QAAQ,EAGjB,MAAM,uBAAuB,CAAC;AAY/B,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAG7C,KAAK,eAAe,GAChB,cAAc,GACd,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,eAAe,CAAC;AACpB,KAAK,aAAa,GAAG,cAAc,GAAG,aAAa,GAAG,eAAe,GAAG,gBAAgB,GAAG,MAAM,CAAC;AAClG,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,YAAY,GAAG,eAAe,GAAG,aAAa,CAAC;AAsDjF,QAAA,MAAM,KAAK,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC,CA2B/F,CAAC;AA0CF,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,WAAW,CAAE,SAAQ,gBAAgB,CAAC,CAAC,CAAC;IACzG,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,gCAAgC;IAChC,IAAI,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,uCAAuC;IACvC,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,iCAAiC;IACjC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAYD,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,WAAW,EAAE,oGAS5C,qBAAqB,CAAC,iBAAiB,EAAE,CAAC,CAAC,4CAoC7C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,qBAAqB,CAAC,OAAO,YAAY,CAAC,4CAYzE,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAC,CAAC;IAClE,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,GAAG,GAAI,OAAO,iBAAiB,4CA8C3C,CAAC;AAEF,eAAO,MAAM,IAAI;8BAA6B,qBAAqB,CAAC,OAAO,QAAQ,CAAC;mBA3EpD,qBAAqB,CAAC,OAAO,YAAY,CAAC;WA/ClD,CAAC,SAAS,WAAW,sGAS1C,qBAAqB,CAAC,iBAAiB,EAAE,CAAC,CAAC;kBAiEnB,iBAAiB;CAgE3C,CAAC"}

package/dist/patterns/tabs/tabs.js

@@ -0,0 +1,217 @@
+import { jsx as b, jsxs as h } from "react/jsx-runtime";
+import { createContext as _, useContext as v, Fragment as T } from "react";
+import { Tabs as w, useSlottedContext as z, TabsContext as N, TabList as C, Tab as B, TabPanel as L } from "react-aria-components";
+import { cx as e } from "../../utils/cn.js";
+import { Badge as p } from "../../primitives/badge/badge.js";
+const P = ({ isFocusVisible: t, isSelected: n, isHovered: o, isDisabled: a }) => ({
+  "button-brand": e(
+    "outline-focus-ring",
+    t && "outline-2 -outline-offset-2",
+    n && "bg-brand-primary_alt text-[var(--color-brand-600)]",
+    o && "text-[var(--color-brand-600)]"
+  ),
+  "button-gray": e(
+    "outline-focus-ring",
+    o && "bg-primary_hover text-secondary",
+    t && "outline-2 -outline-offset-2",
+    n && "bg-active text-secondary"
+  ),
+  "button-border": e(
+    "outline-focus-ring",
+    (n || o) && "bg-primary_alt text-secondary shadow-sm",
+    t && "outline-2 -outline-offset-2"
+  ),
+  "button-minimal": e(
+    "rounded-lg outline-focus-ring",
+    o && "text-secondary",
+    t && "outline-2 -outline-offset-2",
+    n && "bg-primary_alt text-secondary shadow-xs ring-1 ring-primary ring-inset"
+  ),
+  underline: e(
+    "rounded-none outline-focus-ring",
+    n && "border-b-2 border-[var(--color-brand-600)] text-[var(--color-brand-600)]",
+    o && "text-[var(--color-brand-600)] border-transparent",
+    !a && "hover:border-[var(--color-brand-600)] hover:text-[var(--color-brand-600)]",
+    t && "outline-2 -outline-offset-2"
+  ),
+  line: e(
+    "rounded-none border-l-2 border-transparent outline-focus-ring",
+    n && "border-fg-brand-primary_alt text-brand-secondary",
+    o && "text-brand-secondary",
+    t && "outline-2 -outline-offset-2"
+  ),
+  "button-curved": e(
+    "rounded-none rounded-t-xl outline-focus-ring relative text-xs font-medium transition-all duration-200 ease-out",
+    "before:absolute before:-left-3 before:bottom-0 before:size-3 before:rounded-br-lg before:transition-shadow before:duration-200 before:ease-out",
+    "after:absolute after:-right-3 after:bottom-0 after:size-3 after:rounded-bl-lg after:transition-shadow after:duration-200 after:ease-out",
+    t && "outline-2 -outline-offset-2",
+    n && "bg-primary text-brand-tertiary z-10 font-semibold",
+    n && "before:shadow-[4px_4px_0_0_var(--color-bg-primary)]",
+    n && "after:shadow-[-4px_4px_0_0_var(--color-bg-primary)]",
+    !n && "before:shadow-[4px_4px_0_0_transparent] after:shadow-[-4px_4px_0_0_transparent]",
+    !n && !a && o && "bg-primary_hover text-primary"
+  )
+}), j = {
+  xs: {
+    "button-brand": "text-xs font-semibold px-2",
+    "button-gray": "text-xs font-semibold px-2",
+    "button-border": "text-xs font-semibold px-2",
+    "button-minimal": "text-xs font-semibold px-2",
+    underline: "text-xs font-semibold px-1.5 pt-0",
+    line: "text-xs font-semibold pl-2.5 pr-2.5"
+  },
+  sm: {
+    "button-brand": "text-sm font-semibold py-2 px-3",
+    "button-gray": "text-sm font-semibold py-2 px-3",
+    "button-border": "text-sm font-semibold py-2 px-3",
+    "button-minimal": "text-sm font-semibold py-2 px-3",
+    underline: "text-sm font-semibold px-1 pb-2.5 pt-0",
+    line: "text-sm font-semibold pl-2.5 pr-3 py-0.5",
+    "button-curved": "py-2 px-4"
+  },
+  md: {
+    "button-brand": "text-md font-semibold py-2.5 px-3",
+    "button-gray": "text-md font-semibold py-2.5 px-3",
+    "button-border": "text-md font-semibold py-2.5 px-3",
+    "button-minimal": "text-md font-semibold py-2.5 px-3",
+    underline: "text-md font-semibold px-1 pb-2.5 pt-0",
+    line: "text-md font-semibold pr-3.5 pl-3 py-1",
+    "button-curved": "py-2.5 px-5"
+  }
+}, $ = ({ size: t, fullWidth: n }) => ({
+  "button-brand": "gap-1",
+  "button-gray": "gap-1",
+  "button-border": e(
+    "gap-1 rounded-[10px] bg-secondary_alt p-1 ring-1 ring-secondary ring-inset",
+    t === "md" && "rounded-xl p-1.5"
+  ),
+  "button-minimal": "gap-0.5 rounded-lg bg-secondary_alt ring-1 ring-inset ring-secondary",
+  underline: e("gap-3", n && "w-full gap-4"),
+  line: "gap-2",
+  "button-curved": "gap-0"
+});
+function I(t) {
+  return t.some((n) => {
+    if (!("badge" in n)) return !1;
+    const o = n.badge;
+    return o != null && String(o).length > 0;
+  });
+}
+const k = {
+  xs: "!min-h-8",
+  sm: "!min-h-9",
+  md: "!min-h-10"
+}, g = ({ isSelected: t, isHovered: n }) => ({
+  "button-brand": t || n ? "brand" : "gray",
+  "button-gray": "gray",
+  "button-border": "gray",
+  "button-minimal": "gray",
+  underline: t || n ? "brand" : "gray",
+  line: t || n ? "brand" : "gray",
+  "button-curved": "gray"
+}), c = _({
+  size: "sm",
+  type: "button-brand",
+  reserveBadgeSlot: !1
+}), A = ({
+  size: t = "sm",
+  type: n = "button-brand",
+  orientation: o,
+  fullWidth: a,
+  className: d,
+  children: m,
+  items: u,
+  ...r
+}) => {
+  const i = z(N), s = o ?? (i == null ? void 0 : i.orientation) ?? "horizontal", l = s === "horizontal" && n === "underline" && I(u);
+  return /* @__PURE__ */ b(c.Provider, { value: { size: t, type: n, orientation: s, fullWidth: a, reserveBadgeSlot: l }, children: /* @__PURE__ */ b(
+    C,
+    {
+      ...r,
+      items: u,
+      className: (f) => e(
+        "group flex",
+        $({
+          size: t,
+          fullWidth: a
+        })[n],
+        s === "vertical" && "w-max flex-col",
+        // Only horizontal tabs with underline type have bottom border
+        s === "horizontal" && n === "underline" && "relative before:absolute before:inset-x-0 before:bottom-0 before:h-px before:bg-border-secondary",
+        typeof d == "function" ? d(f) : d
+      ),
+      children: m ?? ((f) => /* @__PURE__ */ b(y, { ...f, children: f.children }))
+    }
+  ) });
+}, M = (t) => /* @__PURE__ */ b(
+  L,
+  {
+    ...t,
+    className: (n) => e(
+      "outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2",
+      typeof t.className == "function" ? t.className(n) : t.className
+    )
+  }
+), y = (t) => {
+  const { label: n, children: o, badge: a, leadingBadge: d, badgeClassName: m, ...u } = t, { size: r = "sm", type: i = "button-brand", fullWidth: s } = v(c);
+  return /* @__PURE__ */ b(
+    B,
+    {
+      ...u,
+      className: (l) => e(
+        "z-10 flex h-max cursor-pointer items-center justify-center gap-1 rounded-md whitespace-nowrap text-secondary transition duration-100 ease-linear",
+        "group-orientation-vertical:justify-start",
+        s && "w-full flex-1",
+        k[r],
+        j[r][i],
+        P(l)[i],
+        typeof t.className == "function" ? t.className(l) : t.className
+      ),
+      children: (l) => /* @__PURE__ */ h(T, { children: [
+        d && /* @__PURE__ */ b(
+          p,
+          {
+            size: r === "xs" ? "sm" : r,
+            type: "pill-color",
+            color: g(l)[i],
+            className: e("hidden transition-inherit-all md:flex", r === "sm" && "-my-px", m),
+            children: d
+          }
+        ),
+        typeof o == "function" ? o(l) : o || n,
+        a && /* @__PURE__ */ b(
+          p,
+          {
+            size: r === "xs" ? "sm" : r,
+            type: "pill-color",
+            color: g(l)[i],
+            className: e("hidden transition-inherit-all md:flex", r === "sm" && "-my-px"),
+            children: a
+          }
+        )
+      ] })
+    }
+  );
+}, x = ({ className: t, ...n }) => /* @__PURE__ */ b(
+  w,
+  {
+    keyboardActivation: "manual",
+    ...n,
+    className: (o) => e(
+      // RAC marks the root `data-focus-visible` whenever anything inside it has keyboard focus, and the
+      // design system's global `[data-focus-visible]` outline would ring the whole tab section.
+      // The focused tab or control draws its own ring.
+      "flex w-full flex-col outline-hidden",
+      typeof t == "function" ? t(o) : t
+    )
+  }
+);
+x.Panel = M;
+x.List = A;
+x.Item = y;
+export {
+  y as Tab,
+  A as TabList,
+  M as TabPanel,
+  x as Tabs
+};