@accelint/design-toolkit 2.4.3 → 2.6.0

package/dist/components/view-stack/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/view-stack/index.tsx"],"names":["bus","Broadcast","ViewStackEventNamespace","ViewStackContext","createContext","ViewStackEventTypes","ViewStackTrigger","children","types","parent","useContext","handlePress","type","isUUID","event","target","stack","jsx","PressResponder","Pressable","ViewStackView","id","view","register","unregister","useEffect","ViewStack","defaultView","views","useRef","setStack","useState","handleBack","useCallback","data","prev","handleClear","handleReset","handlePush"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { Broadcast, type Payload } from '@accelint/bus';\nimport { type UniqueId, isUUID } from '@accelint/core';\nimport { PressResponder } from '@react-aria/interactions';\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { Pressable } from 'react-aria-components';\nimport type {\n  ViewStackBackEvent,\n  ViewStackClearEvent,\n  ViewStackContextValue,\n  ViewStackProps,\n  ViewStackPushEvent,\n  ViewStackResetEvent,\n  ViewStackTriggerProps,\n  ViewStackViewProps,\n} from './types';\n\nconst bus = Broadcast.getInstance();\nconst ViewStackEventNamespace = 'ViewStack';\nconst ViewStackContext = createContext<ViewStackContextValue>({\n  parent: null,\n  stack: [],\n  view: null,\n  register: () => undefined,\n  unregister: () => undefined,\n});\n\nexport const ViewStackEventTypes = {\n  back: `${ViewStackEventNamespace}:back`,\n  clear: `${ViewStackEventNamespace}:clear`,\n  reset: `${ViewStackEventNamespace}:reset`,\n  push: `${ViewStackEventNamespace}:push`,\n} as const;\n\nfunction ViewStackTrigger({ children, for: types }: ViewStackTriggerProps) {\n  const { parent } = useContext(ViewStackContext);\n\n  function handlePress() {\n    for (const type of Array.isArray(types) ? types : [types]) {\n      if (isUUID(type)) {\n        bus.emit<ViewStackPushEvent>(ViewStackEventTypes.push, {\n          view: type,\n        });\n      } else {\n        const [event, target] = type.split(':') as [\n          'back' | 'clear' | 'reset',\n          UniqueId | undefined,\n        ];\n        const stack = target ?? parent;\n\n        if (stack) {\n          bus.emit<\n            ViewStackBackEvent | ViewStackClearEvent | ViewStackResetEvent\n          >(`${ViewStackEventNamespace}:${event}`, {\n            stack,\n          });\n        }\n      }\n    }\n  }\n\n  return (\n    <PressResponder onPress={handlePress}>\n      <Pressable>{children}</Pressable>\n    </PressResponder>\n  );\n}\nViewStackTrigger.displayName = 'ViewStack.Trigger';\n\nfunction ViewStackView({ id, children }: ViewStackViewProps) {\n  const { parent, view, register, unregister } = useContext(ViewStackContext);\n\n  if (!parent) {\n    throw new Error('ViewStack.View must be implemented within a ViewStack');\n  }\n\n  if (!isUUID(id)) {\n    throw new Error(`ViewStack.View's id must be a UniqueId`);\n  }\n\n  useEffect(() => {\n    register(id);\n\n    () => unregister(id);\n  }, [register, unregister, id]);\n\n  return view === id ? children : null;\n}\nViewStackView.displayName = 'ViewStack.View';\n\nexport function ViewStack({ id, children, defaultView }: ViewStackProps) {\n  if (!isUUID(id)) {\n    throw new Error(`ViewStack's id must be a UniqueId`);\n  }\n\n  const views = useRef(new Set<UniqueId>());\n  const [stack, setStack] = useState<UniqueId[]>(\n    defaultView ? [defaultView] : [],\n  );\n  const view = stack.at(-1) ?? null;\n\n  const handleBack = useCallback(\n    (data: Payload<ViewStackBackEvent>) => {\n      if (id === data?.payload?.stack) {\n        setStack((prev) => {\n          if (prev.length <= 1) {\n            return defaultView ? [defaultView] : [];\n          }\n\n          return prev.slice(0, -1);\n        });\n      }\n    },\n    [id, defaultView],\n  );\n\n  const handleClear = useCallback(\n    (data: Payload<ViewStackClearEvent>) => {\n      if (id === data?.payload?.stack) {\n        setStack(() => []);\n      }\n    },\n    [id],\n  );\n\n  const handleReset = useCallback(\n    (data: Payload<ViewStackResetEvent>) => {\n      if (id === data?.payload?.stack) {\n        setStack(() => (defaultView ? [defaultView] : []));\n      }\n    },\n    [id, defaultView],\n  );\n\n  const handlePush = useCallback((data: Payload<ViewStackPushEvent>) => {\n    if (views.current.has(data?.payload?.view)) {\n      setStack((prev) => [...prev, data?.payload?.view]);\n    }\n  }, []);\n\n  useEffect(() => {\n    bus.on(ViewStackEventTypes.back, handleBack);\n    bus.on(ViewStackEventTypes.clear, handleClear);\n    bus.on(ViewStackEventTypes.reset, handleReset);\n    bus.on(ViewStackEventTypes.push, handlePush);\n\n    return () => {\n      bus.off(ViewStackEventTypes.back, handleBack);\n      bus.off(ViewStackEventTypes.clear, handleClear);\n      bus.off(ViewStackEventTypes.reset, handleReset);\n      bus.off(ViewStackEventTypes.push, handlePush);\n    };\n  }, [handleBack, handleClear, handleReset, handlePush]);\n\n  return (\n    <ViewStackContext.Provider\n      value={{\n        parent: id,\n        stack,\n        view,\n        register: (view: UniqueId) => views.current.add(view),\n        unregister: (view: UniqueId) => views.current.delete(view),\n      }}\n    >\n      {children}\n    </ViewStackContext.Provider>\n  );\n}\nViewStack.displayName = 'ViewStack';\nViewStack.View = ViewStackView;\nViewStack.Trigger = ViewStackTrigger;\n"]}

package/dist/components/view-stack/types.d.ts

@@ -0,0 +1,58 @@
+import { UniqueId } from '@accelint/core';
+import { RefAttributes, PropsWithChildren, ComponentProps } from 'react';
+import { Pressable } from 'react-aria-components';
+
+type ViewStackProps = RefAttributes<HTMLDivElement> & PropsWithChildren<{
+    id: UniqueId;
+    defaultView?: UniqueId;
+}>;
+type ViewStackViewProps = RefAttributes<HTMLDivElement> & PropsWithChildren<{
+    id: UniqueId;
+}>;
+type ViewStackBackEvent = {
+    stack: UniqueId;
+};
+type ViewStackClearEvent = {
+    stack: UniqueId;
+};
+type ViewStackResetEvent = {
+    stack: UniqueId;
+};
+type ViewStackPushEvent = {
+    view: UniqueId;
+};
+type SimpleEvents = 'back' | 'clear' | 'reset' | UniqueId;
+type TargetedEvents = `back:${UniqueId}` | `clear:${UniqueId}` | `reset:${UniqueId}`;
+type ChainedEvents = (SimpleEvents | TargetedEvents)[];
+type ViewStackTriggerProps = {
+    children: ComponentProps<typeof Pressable>['children'];
+    /**
+     * __SimpleEvents__ allow the easiest implementation of events, but come with some restrictions:
+     * - The literal commands `back | clear | reset` will only work inside of the context of a ViewStack
+     * - When passing a view's UniqueId the behavior is always to push that id onto it's parent's stack
+     *
+     * __TargetedEvents__ allow for external control of a ViewStack, the UniqueId of a Stack is passed to know which stack to affect
+     *
+     * __ChainedEvents__ allow a list of events from a single control to enable multiple behaviors
+     *
+     * @example
+     * // Clear a stack and then push a view on:
+     * ['clear', myViewId]
+     *
+     * // Reset multiple stacks:
+     * [`reset:${stackOneId}`, `reset:${stackTwoId}`]
+     *
+     * // Hydrate a stack with multiple views:
+     * [viewOneId, viewTwoId, viewThreeId]
+     */
+    for: SimpleEvents | TargetedEvents | ChainedEvents;
+};
+type ViewStackContextValue = {
+    parent: UniqueId | null;
+    stack: string[];
+    view: UniqueId | null;
+    register: (view: UniqueId) => void;
+    unregister: (view: UniqueId) => void;
+};
+
+export type { ViewStackBackEvent, ViewStackClearEvent, ViewStackContextValue, ViewStackProps, ViewStackPushEvent, ViewStackResetEvent, ViewStackTriggerProps, ViewStackViewProps };

package/dist/components/view-stack/types.js

@@ -0,0 +1,2 @@
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/components/view-stack/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

package/dist/icons/catalog.js

@@ -1,2 +1,2 @@
-import {Bell,Information,Connection,Success,ConnectionLost,Warning,Live,Problem,ArrowDown,ArrowLeft,ArrowNortheast,ArrowNorthwest,ArrowRight,ArrowSoutheast,ArrowSouthwest,ArrowUp,ArrowKeys,Arrow,ChevronDown,ChevronFillDown,ChevronUp,ChevronFillUp,ChevronLeft,ChevronFillLeft,ChevronRight,ChevronFillRight,CursorCrosshair,CursorDefault,CursorDrag,TrackEta,MouseLeftClick,MouseMiddleClick,MouseRightClick,MouseScroll,ScrollClick,Airspaces,Appearance,Ascending,Assignment,Attributes,BoltNotVisible,Bolt,Brightness,BugReport,Calendar,ChartStackedBar,CircleTool,ColorPicker,CommonOperatingPic,Contrast,CopSettings,Coverage,Dashboard,Data,Descending,ElectromagneticSpectrum,Feed,FlightPlan,Gantt,Grid,Hamburger,Handover,Handshake,Help,InterceptPoint,Kebab,LayerGroup,Layers,LineTool,LocationFill,LocationStroke,Message,Mode,Newspaper,NonEditable,None,Note,Overlays,PanelClosed,PanelOpen,Person,Phone,Placeholder,Plots,PolygonTool,Radar,Radio,RectangleTool,Region,Sector,SelectionList,SensorHealth,Settings,Spotlight,ThreatAssess,Ticket,Time,Timer,TrackHistory,UnscheduledMaintenance,UserManual,WatchTower,Wind,AddFill,AddToList,Add,ArrangeTable,AttachFile,Cancel,CancelFill,CenterOn,Check,CollapseWindow,CollapseAll,Condense,CopyToClipboard,CreateCoa,Delete,DragHorz,DragVert,Duplicate,Edit,ExpandAll,ExpandLeft,ExpandRight,ExpandWindow,Expand,ExploreData,Filter,Flag,Focus,GlobalShare,Group,Hide,Import,InsertChart,JumpTo,Lasso,Link,LockFill,LockOutline,Login,Logout,Loop,Move,Mute,OpenContainer,PasteFromClipboard,Pause,Pin,Play,Playback,PolygonLasso,PopBackIn,PopOut,Record,RectangleSelect,RemoveFill,RemoveFromList,Remove,Reverse,Screenshot,Search,Share,Show,StackCards,Stack,Tether,TrackChanges,Undo,ZoomIn,ZoomOut,ZoomTo}from'@accelint/icons';import {jsx}from'react/jsx-runtime';var uo={actions:{description:"These icons mainly represent an act a user can take in the user interface.",icons:[{name:"add-fill",icon:jsx(AddFill,{})},{name:"add-to-list",icon:jsx(AddToList,{})},{name:"add",icon:jsx(Add,{})},{name:"arrange-table",icon:jsx(ArrangeTable,{})},{name:"attach-file",icon:jsx(AttachFile,{})},{name:"cancel",icon:jsx(Cancel,{})},{name:"cancel-fill",icon:jsx(CancelFill,{})},{name:"center-on",icon:jsx(CenterOn,{})},{name:"check",icon:jsx(Check,{})},{name:"collapse-window",icon:jsx(CollapseWindow,{})},{name:"collapse-all",icon:jsx(CollapseAll,{})},{name:"condense",icon:jsx(Condense,{})},{name:"copy-to-clipboard",icon:jsx(CopyToClipboard,{})},{name:"create-coa",icon:jsx(CreateCoa,{})},{name:"delete",icon:jsx(Delete,{})},{name:"drag-horz",icon:jsx(DragHorz,{})},{name:"drag-vert",icon:jsx(DragVert,{})},{name:"duplicate",icon:jsx(Duplicate,{})},{name:"edit",icon:jsx(Edit,{})},{name:"expand-all",icon:jsx(ExpandAll,{})},{name:"expand-left",icon:jsx(ExpandLeft,{})},{name:"expand-right",icon:jsx(ExpandRight,{})},{name:"expand-window",icon:jsx(ExpandWindow,{})},{name:"expand",icon:jsx(Expand,{})},{name:"explore-data",icon:jsx(ExploreData,{})},{name:"filter",icon:jsx(Filter,{})},{name:"flag",icon:jsx(Flag,{})},{name:"focus",icon:jsx(Focus,{})},{name:"global-share",icon:jsx(GlobalShare,{})},{name:"group",icon:jsx(Group,{})},{name:"hide",icon:jsx(Hide,{})},{name:"import",icon:jsx(Import,{})},{name:"insert-chart",icon:jsx(InsertChart,{})},{name:"jump-to",icon:jsx(JumpTo,{})},{name:"lasso",icon:jsx(Lasso,{})},{name:"link",icon:jsx(Link,{})},{name:"lock-fill",icon:jsx(LockFill,{})},{name:"lock-outline",icon:jsx(LockOutline,{})},{name:"login",icon:jsx(Login,{})},{name:"logout",icon:jsx(Logout,{})},{name:"loop",icon:jsx(Loop,{})},{name:"move",icon:jsx(Move,{})},{name:"mute",icon:jsx(Mute,{})},{name:"open-container",icon:jsx(OpenContainer,{})},{name:"paste-from-clipboard",icon:jsx(PasteFromClipboard,{})},{name:"pause",icon:jsx(Pause,{})},{name:"pin",icon:jsx(Pin,{})},{name:"play",icon:jsx(Play,{})},{name:"playback",icon:jsx(Playback,{})},{name:"polygon-lasso",icon:jsx(PolygonLasso,{})},{name:"pop-back-in",icon:jsx(PopBackIn,{})},{name:"pop-out",icon:jsx(PopOut,{})},{name:"record",icon:jsx(Record,{})},{name:"rectangle-select",icon:jsx(RectangleSelect,{})},{name:"remove-fill",icon:jsx(RemoveFill,{})},{name:"remove-from-list",icon:jsx(RemoveFromList,{})},{name:"remove",icon:jsx(Remove,{})},{name:"reverse",icon:jsx(Reverse,{})},{name:"screenshot",icon:jsx(Screenshot,{})},{name:"search",icon:jsx(Search,{})},{name:"share",icon:jsx(Share,{})},{name:"show",icon:jsx(Show,{})},{name:"stack-cards",icon:jsx(StackCards,{})},{name:"stack",icon:jsx(Stack,{})},{name:"tether",icon:jsx(Tether,{})},{name:"track-changes",icon:jsx(TrackChanges,{})},{name:"undo",icon:jsx(Undo,{})},{name:"zoom-in",icon:jsx(ZoomIn,{})},{name:"zoom-out",icon:jsx(ZoomOut,{})},{name:"zoom-to",icon:jsx(ZoomTo,{})}]},symbols:{description:"These icons mainly represent an object or concept.",icons:[{name:"airspaces",icon:jsx(Airspaces,{})},{name:"appearance",icon:jsx(Appearance,{})},{name:"arrow",icon:jsx(Arrow,{})},{name:"ascending",icon:jsx(Ascending,{})},{name:"assignment",icon:jsx(Assignment,{})},{name:"attributes",icon:jsx(Attributes,{})},{name:"bolt-not-visible",icon:jsx(BoltNotVisible,{})},{name:"bolt",icon:jsx(Bolt,{})},{name:"brightness",icon:jsx(Brightness,{})},{name:"bug-report",icon:jsx(BugReport,{})},{name:"calendar",icon:jsx(Calendar,{})},{name:"chart-stacked-bar",icon:jsx(ChartStackedBar,{})},{name:"circle-tool",icon:jsx(CircleTool,{})},{name:"color-picker",icon:jsx(ColorPicker,{})},{name:"common-operating-pic",icon:jsx(CommonOperatingPic,{})},{name:"contrast",icon:jsx(Contrast,{})},{name:"cop-settings",icon:jsx(CopSettings,{})},{name:"coverage",icon:jsx(Coverage,{})},{name:"dashboard",icon:jsx(Dashboard,{})},{name:"data",icon:jsx(Data,{})},{name:"descending",icon:jsx(Descending,{})},{name:"electromagnetic-spectrum",icon:jsx(ElectromagneticSpectrum,{})},{name:"feed",icon:jsx(Feed,{})},{name:"flight-plan",icon:jsx(FlightPlan,{})},{name:"gantt",icon:jsx(Gantt,{})},{name:"grid",icon:jsx(Grid,{})},{name:"hamburger",icon:jsx(Hamburger,{})},{name:"handover",icon:jsx(Handover,{})},{name:"handshake",icon:jsx(Handshake,{})},{name:"help",icon:jsx(Help,{})},{name:"intercept-point",icon:jsx(InterceptPoint,{})},{name:"kebab",icon:jsx(Kebab,{})},{name:"layer-group",icon:jsx(LayerGroup,{})},{name:"layers",icon:jsx(Layers,{})},{name:"line-tool",icon:jsx(LineTool,{})},{name:"location-fill",icon:jsx(LocationFill,{})},{name:"location-stroke",icon:jsx(LocationStroke,{})},{name:"message",icon:jsx(Message,{})},{name:"mode",icon:jsx(Mode,{})},{name:"newspaper",icon:jsx(Newspaper,{})},{name:"non-editable",icon:jsx(NonEditable,{})},{name:"none",icon:jsx(None,{})},{name:"note",icon:jsx(Note,{})},{name:"overlays",icon:jsx(Overlays,{})},{name:"panel-closed",icon:jsx(PanelClosed,{})},{name:"panel-open",icon:jsx(PanelOpen,{})},{name:"person",icon:jsx(Person,{})},{name:"phone",icon:jsx(Phone,{})},{name:"placeholder",icon:jsx(Placeholder,{})},{name:"plots",icon:jsx(Plots,{})},{name:"polygon-tool",icon:jsx(PolygonTool,{})},{name:"radar",icon:jsx(Radar,{})},{name:"radio",icon:jsx(Radio,{})},{name:"rectangle-tool",icon:jsx(RectangleTool,{})},{name:"region",icon:jsx(Region,{})},{name:"sector",icon:jsx(Sector,{})},{name:"selection-list",icon:jsx(SelectionList,{})},{name:"sensor-health",icon:jsx(SensorHealth,{})},{name:"settings",icon:jsx(Settings,{})},{name:"spotlight",icon:jsx(Spotlight,{})},{name:"threat-assess",icon:jsx(ThreatAssess,{})},{name:"ticket",icon:jsx(Ticket,{})},{name:"time",icon:jsx(Time,{})},{name:"timer",icon:jsx(Timer,{})},{name:"track-history",icon:jsx(TrackHistory,{})},{name:"unscheduled-maintenance",icon:jsx(UnscheduledMaintenance,{})},{name:"user-manual",icon:jsx(UserManual,{})},{name:"watch-tower",icon:jsx(WatchTower,{})},{name:"wind",icon:jsx(Wind,{})}]},controls:{description:"These icons portray acts or symbols related to control or configuration.",icons:[{name:"arrow-down",icon:jsx(ArrowDown,{})},{name:"arrow-left",icon:jsx(ArrowLeft,{})},{name:"arrow-northeast",icon:jsx(ArrowNortheast,{})},{name:"arrow-northwest",icon:jsx(ArrowNorthwest,{})},{name:"arrow-right",icon:jsx(ArrowRight,{})},{name:"arrow-southeast",icon:jsx(ArrowSoutheast,{})},{name:"arrow-southeast",icon:jsx(ArrowSouthwest,{})},{name:"arrow-up",icon:jsx(ArrowUp,{})},{name:"arrow-keys",icon:jsx(ArrowKeys,{})},{name:"arrow",icon:jsx(Arrow,{})},{name:"chevron-down",icon:jsx(ChevronDown,{})},{name:"chevron-fill-down",icon:jsx(ChevronFillDown,{})},{name:"chevron-up",icon:jsx(ChevronUp,{})},{name:"chevron-fill-up",icon:jsx(ChevronFillUp,{})},{name:"chevron-left",icon:jsx(ChevronLeft,{})},{name:"chevron-fill-left",icon:jsx(ChevronFillLeft,{})},{name:"chevron-right",icon:jsx(ChevronRight,{})},{name:"chevron-fill-right",icon:jsx(ChevronFillRight,{})},{name:"cursor-crosshair",icon:jsx(CursorCrosshair,{})},{name:"cursor-default",icon:jsx(CursorDefault,{})},{name:"cursor-drag",icon:jsx(CursorDrag,{})},{name:"track-eta",icon:jsx(TrackEta,{})},{name:"mouse-left-click",icon:jsx(MouseLeftClick,{})},{name:"mouse-middle-click",icon:jsx(MouseMiddleClick,{})},{name:"mouse-right-click",icon:jsx(MouseRightClick,{})},{name:"mouse-scroll",icon:jsx(MouseScroll,{})},{name:"scroll-click",icon:jsx(ScrollClick,{})}]},feedback:{description:"These icons portray communication or providing feedback to the user.",icons:[{name:"bell",icon:jsx(Bell,{})},{name:"information",icon:jsx(Information,{})},{name:"connection",icon:jsx(Connection,{})},{name:"success",icon:jsx(Success,{})},{name:"connection-lost",icon:jsx(ConnectionLost,{})},{name:"warning",icon:jsx(Warning,{})},{name:"live",icon:jsx(Live,{})},{name:"problem",icon:jsx(Problem,{})}]}};export{uo as default};//# sourceMappingURL=catalog.js.map
+import {jsx}from'react/jsx-runtime';import {Bell,Information,Connection,Success,ConnectionLost,Warning,Live,Problem,ArrowDown,ArrowLeft,ArrowNortheast,ArrowNorthwest,ArrowRight,ArrowSoutheast,ArrowSouthwest,ArrowUp,ArrowKeys,Arrow,ChevronDown,ChevronFillDown,ChevronUp,ChevronFillUp,ChevronLeft,ChevronFillLeft,ChevronRight,ChevronFillRight,CursorCrosshair,CursorDefault,CursorDrag,TrackEta,MouseLeftClick,MouseMiddleClick,MouseRightClick,MouseScroll,ScrollClick,Airspaces,Appearance,Ascending,Assignment,Attributes,BoltNotVisible,Bolt,Brightness,BugReport,Calendar,ChartStackedBar,CircleTool,ColorPicker,CommonOperatingPic,Contrast,CopSettings,Coverage,Dashboard,Data,Descending,ElectromagneticSpectrum,Feed,FlightPlan,Gantt,Grid,Hamburger,Handover,Handshake,Help,InterceptPoint,Kebab,LayerGroup,Layers,LineTool,LocationFill,LocationStroke,Message,Mode,Newspaper,NonEditable,None,Note,Overlays,PanelClosed,PanelOpen,Person,Phone,Placeholder,Plots,PolygonTool,Radar,Radio,RectangleTool,Region,Sector,SelectionList,SensorHealth,Settings,Spotlight,ThreatAssess,Ticket,Time,Timer,TrackHistory,UnscheduledMaintenance,UserManual,WatchTower,Wind,AddFill,AddToList,Add,ArrangeTable,AttachFile,Cancel,CancelFill,CenterOn,Check,CollapseWindow,CollapseAll,Condense,CopyToClipboard,CreateCoa,Delete,DragHorz,DragVert,Duplicate,Edit,ExpandAll,ExpandLeft,ExpandRight,ExpandWindow,Expand,ExploreData,Filter,Flag,Focus,GlobalShare,Group,Hide,Import,InsertChart,JumpTo,Lasso,Link,LockFill,LockOutline,Login,Logout,Loop,Move,Mute,OpenContainer,PasteFromClipboard,Pause,Pin,Play,Playback,PolygonLasso,PopBackIn,PopOut,Record,RectangleSelect,RemoveFill,RemoveFromList,Remove,Reverse,Screenshot,Search,Share,Show,StackCards,Stack,Tether,TrackChanges,Undo,ZoomIn,ZoomOut,ZoomTo}from'@accelint/icons';var uo={actions:{description:"These icons mainly represent an act a user can take in the user interface.",icons:[{name:"add-fill",icon:jsx(AddFill,{})},{name:"add-to-list",icon:jsx(AddToList,{})},{name:"add",icon:jsx(Add,{})},{name:"arrange-table",icon:jsx(ArrangeTable,{})},{name:"attach-file",icon:jsx(AttachFile,{})},{name:"cancel",icon:jsx(Cancel,{})},{name:"cancel-fill",icon:jsx(CancelFill,{})},{name:"center-on",icon:jsx(CenterOn,{})},{name:"check",icon:jsx(Check,{})},{name:"collapse-window",icon:jsx(CollapseWindow,{})},{name:"collapse-all",icon:jsx(CollapseAll,{})},{name:"condense",icon:jsx(Condense,{})},{name:"copy-to-clipboard",icon:jsx(CopyToClipboard,{})},{name:"create-coa",icon:jsx(CreateCoa,{})},{name:"delete",icon:jsx(Delete,{})},{name:"drag-horz",icon:jsx(DragHorz,{})},{name:"drag-vert",icon:jsx(DragVert,{})},{name:"duplicate",icon:jsx(Duplicate,{})},{name:"edit",icon:jsx(Edit,{})},{name:"expand-all",icon:jsx(ExpandAll,{})},{name:"expand-left",icon:jsx(ExpandLeft,{})},{name:"expand-right",icon:jsx(ExpandRight,{})},{name:"expand-window",icon:jsx(ExpandWindow,{})},{name:"expand",icon:jsx(Expand,{})},{name:"explore-data",icon:jsx(ExploreData,{})},{name:"filter",icon:jsx(Filter,{})},{name:"flag",icon:jsx(Flag,{})},{name:"focus",icon:jsx(Focus,{})},{name:"global-share",icon:jsx(GlobalShare,{})},{name:"group",icon:jsx(Group,{})},{name:"hide",icon:jsx(Hide,{})},{name:"import",icon:jsx(Import,{})},{name:"insert-chart",icon:jsx(InsertChart,{})},{name:"jump-to",icon:jsx(JumpTo,{})},{name:"lasso",icon:jsx(Lasso,{})},{name:"link",icon:jsx(Link,{})},{name:"lock-fill",icon:jsx(LockFill,{})},{name:"lock-outline",icon:jsx(LockOutline,{})},{name:"login",icon:jsx(Login,{})},{name:"logout",icon:jsx(Logout,{})},{name:"loop",icon:jsx(Loop,{})},{name:"move",icon:jsx(Move,{})},{name:"mute",icon:jsx(Mute,{})},{name:"open-container",icon:jsx(OpenContainer,{})},{name:"paste-from-clipboard",icon:jsx(PasteFromClipboard,{})},{name:"pause",icon:jsx(Pause,{})},{name:"pin",icon:jsx(Pin,{})},{name:"play",icon:jsx(Play,{})},{name:"playback",icon:jsx(Playback,{})},{name:"polygon-lasso",icon:jsx(PolygonLasso,{})},{name:"pop-back-in",icon:jsx(PopBackIn,{})},{name:"pop-out",icon:jsx(PopOut,{})},{name:"record",icon:jsx(Record,{})},{name:"rectangle-select",icon:jsx(RectangleSelect,{})},{name:"remove-fill",icon:jsx(RemoveFill,{})},{name:"remove-from-list",icon:jsx(RemoveFromList,{})},{name:"remove",icon:jsx(Remove,{})},{name:"reverse",icon:jsx(Reverse,{})},{name:"screenshot",icon:jsx(Screenshot,{})},{name:"search",icon:jsx(Search,{})},{name:"share",icon:jsx(Share,{})},{name:"show",icon:jsx(Show,{})},{name:"stack-cards",icon:jsx(StackCards,{})},{name:"stack",icon:jsx(Stack,{})},{name:"tether",icon:jsx(Tether,{})},{name:"track-changes",icon:jsx(TrackChanges,{})},{name:"undo",icon:jsx(Undo,{})},{name:"zoom-in",icon:jsx(ZoomIn,{})},{name:"zoom-out",icon:jsx(ZoomOut,{})},{name:"zoom-to",icon:jsx(ZoomTo,{})}]},symbols:{description:"These icons mainly represent an object or concept.",icons:[{name:"airspaces",icon:jsx(Airspaces,{})},{name:"appearance",icon:jsx(Appearance,{})},{name:"arrow",icon:jsx(Arrow,{})},{name:"ascending",icon:jsx(Ascending,{})},{name:"assignment",icon:jsx(Assignment,{})},{name:"attributes",icon:jsx(Attributes,{})},{name:"bolt-not-visible",icon:jsx(BoltNotVisible,{})},{name:"bolt",icon:jsx(Bolt,{})},{name:"brightness",icon:jsx(Brightness,{})},{name:"bug-report",icon:jsx(BugReport,{})},{name:"calendar",icon:jsx(Calendar,{})},{name:"chart-stacked-bar",icon:jsx(ChartStackedBar,{})},{name:"circle-tool",icon:jsx(CircleTool,{})},{name:"color-picker",icon:jsx(ColorPicker,{})},{name:"common-operating-pic",icon:jsx(CommonOperatingPic,{})},{name:"contrast",icon:jsx(Contrast,{})},{name:"cop-settings",icon:jsx(CopSettings,{})},{name:"coverage",icon:jsx(Coverage,{})},{name:"dashboard",icon:jsx(Dashboard,{})},{name:"data",icon:jsx(Data,{})},{name:"descending",icon:jsx(Descending,{})},{name:"electromagnetic-spectrum",icon:jsx(ElectromagneticSpectrum,{})},{name:"feed",icon:jsx(Feed,{})},{name:"flight-plan",icon:jsx(FlightPlan,{})},{name:"gantt",icon:jsx(Gantt,{})},{name:"grid",icon:jsx(Grid,{})},{name:"hamburger",icon:jsx(Hamburger,{})},{name:"handover",icon:jsx(Handover,{})},{name:"handshake",icon:jsx(Handshake,{})},{name:"help",icon:jsx(Help,{})},{name:"intercept-point",icon:jsx(InterceptPoint,{})},{name:"kebab",icon:jsx(Kebab,{})},{name:"layer-group",icon:jsx(LayerGroup,{})},{name:"layers",icon:jsx(Layers,{})},{name:"line-tool",icon:jsx(LineTool,{})},{name:"location-fill",icon:jsx(LocationFill,{})},{name:"location-stroke",icon:jsx(LocationStroke,{})},{name:"message",icon:jsx(Message,{})},{name:"mode",icon:jsx(Mode,{})},{name:"newspaper",icon:jsx(Newspaper,{})},{name:"non-editable",icon:jsx(NonEditable,{})},{name:"none",icon:jsx(None,{})},{name:"note",icon:jsx(Note,{})},{name:"overlays",icon:jsx(Overlays,{})},{name:"panel-closed",icon:jsx(PanelClosed,{})},{name:"panel-open",icon:jsx(PanelOpen,{})},{name:"person",icon:jsx(Person,{})},{name:"phone",icon:jsx(Phone,{})},{name:"placeholder",icon:jsx(Placeholder,{})},{name:"plots",icon:jsx(Plots,{})},{name:"polygon-tool",icon:jsx(PolygonTool,{})},{name:"radar",icon:jsx(Radar,{})},{name:"radio",icon:jsx(Radio,{})},{name:"rectangle-tool",icon:jsx(RectangleTool,{})},{name:"region",icon:jsx(Region,{})},{name:"sector",icon:jsx(Sector,{})},{name:"selection-list",icon:jsx(SelectionList,{})},{name:"sensor-health",icon:jsx(SensorHealth,{})},{name:"settings",icon:jsx(Settings,{})},{name:"spotlight",icon:jsx(Spotlight,{})},{name:"threat-assess",icon:jsx(ThreatAssess,{})},{name:"ticket",icon:jsx(Ticket,{})},{name:"time",icon:jsx(Time,{})},{name:"timer",icon:jsx(Timer,{})},{name:"track-history",icon:jsx(TrackHistory,{})},{name:"unscheduled-maintenance",icon:jsx(UnscheduledMaintenance,{})},{name:"user-manual",icon:jsx(UserManual,{})},{name:"watch-tower",icon:jsx(WatchTower,{})},{name:"wind",icon:jsx(Wind,{})}]},controls:{description:"These icons portray acts or symbols related to control or configuration.",icons:[{name:"arrow-down",icon:jsx(ArrowDown,{})},{name:"arrow-left",icon:jsx(ArrowLeft,{})},{name:"arrow-northeast",icon:jsx(ArrowNortheast,{})},{name:"arrow-northwest",icon:jsx(ArrowNorthwest,{})},{name:"arrow-right",icon:jsx(ArrowRight,{})},{name:"arrow-southeast",icon:jsx(ArrowSoutheast,{})},{name:"arrow-southeast",icon:jsx(ArrowSouthwest,{})},{name:"arrow-up",icon:jsx(ArrowUp,{})},{name:"arrow-keys",icon:jsx(ArrowKeys,{})},{name:"arrow",icon:jsx(Arrow,{})},{name:"chevron-down",icon:jsx(ChevronDown,{})},{name:"chevron-fill-down",icon:jsx(ChevronFillDown,{})},{name:"chevron-up",icon:jsx(ChevronUp,{})},{name:"chevron-fill-up",icon:jsx(ChevronFillUp,{})},{name:"chevron-left",icon:jsx(ChevronLeft,{})},{name:"chevron-fill-left",icon:jsx(ChevronFillLeft,{})},{name:"chevron-right",icon:jsx(ChevronRight,{})},{name:"chevron-fill-right",icon:jsx(ChevronFillRight,{})},{name:"cursor-crosshair",icon:jsx(CursorCrosshair,{})},{name:"cursor-default",icon:jsx(CursorDefault,{})},{name:"cursor-drag",icon:jsx(CursorDrag,{})},{name:"track-eta",icon:jsx(TrackEta,{})},{name:"mouse-left-click",icon:jsx(MouseLeftClick,{})},{name:"mouse-middle-click",icon:jsx(MouseMiddleClick,{})},{name:"mouse-right-click",icon:jsx(MouseRightClick,{})},{name:"mouse-scroll",icon:jsx(MouseScroll,{})},{name:"scroll-click",icon:jsx(ScrollClick,{})}]},feedback:{description:"These icons portray communication or providing feedback to the user.",icons:[{name:"bell",icon:jsx(Bell,{})},{name:"information",icon:jsx(Information,{})},{name:"connection",icon:jsx(Connection,{})},{name:"success",icon:jsx(Success,{})},{name:"connection-lost",icon:jsx(ConnectionLost,{})},{name:"warning",icon:jsx(Warning,{})},{name:"live",icon:jsx(Live,{})},{name:"problem",icon:jsx(Problem,{})}]}};export{uo as default};//# sourceMappingURL=catalog.js.map
 //# sourceMappingURL=catalog.js.map

package/dist/index.css

@@ -179,6 +179,26 @@ body {
     display: none;
   }
 
+  /*
+ * Scrollbars
+ */
+  *::-webkit-scrollbar {
+    width: var(--spacing-l);
+    height: var(--spacing-l);
+  }
+
+  *::-webkit-scrollbar-track {
+    background: var(--color-interactive);
+  }
+
+  *::-webkit-scrollbar-thumb{
+    background-color: var(--color-interactive-hover-light);
+    border-radius: var(--radius-large);
+    border: 5px solid transparent;
+    background-clip: padding-box;
+  }
+
+
   /**
    * Rule line only applicable to the QueryBuilder component
    */

package/dist/index.d.ts

@@ -1,79 +1,112 @@
 export { Accordion, AccordionContext } from './components/accordion/index.js';
-export { AccordionStyleVariants, AccordionStyles, AccordionStylesDefaults } from './components/accordion/styles.js';
-export { AccordionGroupProps, AccordionHeaderProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps } from './components/accordion/types.js';
+export { AccordionStyles, AccordionStylesDefaults } from './components/accordion/styles.js';
+export { AccordionGroupProps, AccordionHeaderProps, AccordionPanelProps, AccordionProps, AccordionStyleVariants, AccordionTriggerProps } from './components/accordion/types.js';
 export { Avatar, AvatarContext } from './components/avatar/index.js';
 export { AvatarStyles } from './components/avatar/styles.js';
-export { AvatarProps, AvatarProviderProps } from './components/avatar/types.js';
+export { AvatarProps } from './components/avatar/types.js';
 export { Badge, BadgeContext } from './components/badge/index.js';
 export { BadgeStyles, BadgeStylesDefaults } from './components/badge/styles.js';
-export { BadgeProps, BadgeProviderProps } from './components/badge/types.js';
+export { BadgeProps } from './components/badge/types.js';
 export { Box, BoxProps } from './components/box/index.js';
 export { Button, ButtonContext, LinkButton, LinkButtonContext, ToggleButton, ToggleButtonContext } from './components/button/index.js';
 export { ButtonStyles, ButtonStylesDefaults, LinkButtonStyles, ToggleButtonStyles } from './components/button/styles.js';
-export { ButtonProps, ButtonProviderProps, ButtonStyleVariants, LinkButtonProps, LinkButtonProviderProps, ToggleButtonProps, ToggleButtonProviderProps } from './components/button/types.js';
+export { ButtonProps, ButtonStyleVariants, LinkButtonProps, ToggleButtonProps } from './components/button/types.js';
 export { Checkbox, CheckboxContext, CheckboxGroupContext } from './components/checkbox/index.js';
 export { CheckboxStyles } from './components/checkbox/styles.js';
 export { CheckboxGroupProps, CheckboxProps } from './components/checkbox/types.js';
 export { Chip, ChipContext } from './components/chip/index.js';
 export { BaseChipStyles, ChipStyles, ChipStylesDefaults, DeletableChipStyles, SelectableChipStyles } from './components/chip/styles.js';
-export { BaseChipProps, ChipListProps, ChipProps, ChipProviderProps, DeletableChipProps, SelectableChipProps } from './components/chip/types.js';
+export { BaseChipProps, ChipListProps, ChipProps, DeletableChipProps, SelectableChipProps } from './components/chip/types.js';
 export { ClassificationBadge, ClassificationBadgeContext } from './components/classification-badge/index.js';
 export { ClassificationBadgeStyles, ClassificationBadgeStylesDefaults } from './components/classification-badge/styles.js';
-export { ClassificationBadgeProps, ClassificationBadgeProviderProps, ClassificationBadgeStyleVariants } from './components/classification-badge/types.js';
+export { ClassificationBadgeProps, ClassificationBadgeStyleVariants } from './components/classification-badge/types.js';
 export { ClassificationBanner, ClassificationBannerContext } from './components/classification-banner/index.js';
 export { ClassificationBannerStyles, ClassificationBannerStylesDefaults } from './components/classification-banner/styles.js';
-export { ClassificationBannerProps, ClassificationBannerProviderProps, ClassificationBannerStyleVariants } from './components/classification-banner/types.js';
-export { ColorPicker, ColorPickerProps, useColorPickerState } from './components/color-picker/index.js';
-export { ComboBox, ComboBoxProps, ComboBoxSection } from './components/combobox/index.js';
-export { DateField, DateFieldProps } from './components/date-field/index.js';
+export { ClassificationBannerProps, ClassificationBannerStyleVariants } from './components/classification-banner/types.js';
+export { ColorPicker } from './components/color-picker/index.js';
+export { ColorPickerStyles } from './components/color-picker/styles.js';
+export { ColorPickerProps } from './components/color-picker/types.js';
+export { ComboBoxField, ComboBoxFieldContext } from './components/combobox-field/index.js';
+export { ComboBoxStyles } from './components/combobox-field/styles.js';
+export { ComboBoxFieldProps } from './components/combobox-field/types.js';
+export { DateField } from './components/date-field/index.js';
+export { DateFieldStyles, DateFieldStylesDefault } from './components/date-field/styles.js';
+export { DateFieldProps, DateInputProps } from './components/date-field/types.js';
+export { DetailsList, DetailsListContext } from './components/details-list/index.js';
+export { DetailsListStyles, DetailsListStylesDefaults } from './components/details-list/styles.js';
+export { DetailsListLabelProps, DetailsListProps, DetailsListValueProps } from './components/details-list/types.js';
 export { Dialog, DialogProps, DialogTitle } from './components/dialog/index.js';
+export { useDrawerContext, useDrawersContext, useDrawersState } from './components/drawer/context.js';
+export { Drawer } from './components/drawer/index.js';
+export { DrawerAction, createDefaultDrawerState, drawerStateReducer } from './components/drawer/state.js';
+export { DrawerMenuStyles, DrawerStyles } from './components/drawer/styles.js';
+export { DrawerContainerProps, DrawerContextValue, DrawerDefaults, DrawerLayoutProps, DrawerLayoutPush, DrawerLayouts, DrawerMenuItemProps, DrawerMenuProps, DrawerPanelProps, DrawerPlacement, DrawerProps, DrawerProviderProps, DrawerSize, DrawerState, DrawerTriggerProps, DrawersContextValue, OnOpenChangeCallback } from './components/drawer/types.js';
+export { Hero, HeroContext } from './components/hero/index.js';
+export { HeroStyles } from './components/hero/styles.js';
+export { HeroProps } from './components/hero/types.js';
+export { Hotkey, HotkeyContext, HotkeySet } from './components/hotkey/index.js';
+export { HotkeyStyles, HotkeyStylesDefaults } from './components/hotkey/styles.js';
+export { HotkeyProps, HotkeySetProps } from './components/hotkey/types.js';
 export { Icon, IconContext } from './components/icon/index.js';
 export { IconStyles } from './components/icon/styles.js';
-export { IconProps, IconProviderProps } from './components/icon/types.js';
+export { IconProps } from './components/icon/types.js';
 export { Input, InputContext } from './components/input/index.js';
 export { InputStyles, InputStylesDefaults } from './components/input/styles.js';
 export { InputProps } from './components/input/types.js';
 export { Label, LabelContext } from './components/label/index.js';
 export { LabelStyles } from './components/label/styles.js';
-export { LabelProps, LabelProviderProps } from './components/label/types.js';
-export { Menu, MenuContext, MenuDescription, MenuItem, MenuLabel, MenuSection, MenuSeparator } from './components/menu/index.js';
+export { LabelProps } from './components/label/types.js';
+export { Menu, MenuContext } from './components/menu/index.js';
 export { MenuStyleVariants, MenuStyles, MenuStylesDefaults } from './components/menu/styles.js';
 export { MenuItemProps, MenuProps, MenuSectionProps, MenuTextProps, MenuTriggerProps, SeparatorProps, SubmenuTriggerProps } from './components/menu/types.js';
-export { Options, OptionsContext, OptionsProps, OptionsSection } from './components/options/index.js';
-export { IOptionsItem, OptionsItem, OptionsItemProps } from './components/options-item/index.js';
+export { Options, OptionsContext } from './components/options/index.js';
+export { OptionsStyles } from './components/options/styles.js';
+export { OptionsDataItem, OptionsItemProps, OptionsItemTextProps, OptionsProps, OptionsSectionProps } from './components/options/types.js';
 export { Popover, PopoverTrigger } from './components/popover/index.js';
 export { PopoverStyles } from './components/popover/styles.js';
 export { PopoverBodyProps, PopoverContentProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps } from './components/popover/types.js';
-export { ClassNames, DefaultRQBProps, Field, QueryBuilder, QueryBuilderContextType, QueryBuilderProps, QueryBuilderValueEditors, RuleGroupType } from './components/query-builder/index.js';
+export { QueryBuilder } from './components/query-builder/index.js';
+export { ClassNames, DefaultRQBProps, Field, QueryBuilderContextType, QueryBuilderProps, QueryBuilderValueEditors, RuleGroupType } from './components/query-builder/types.js';
 export { Radio, RadioContext } from './components/radio/index.js';
 export { RadioStyles } from './components/radio/styles.js';
-export { RadioGroupProps, RadioProps, RadioProviderProps } from './components/radio/types.js';
-export { SearchField, SearchFieldProps } from './components/search-field/index.js';
+export { RadioGroupProps, RadioProps } from './components/radio/types.js';
+export { SearchField, SearchFieldContext } from './components/search-field/index.js';
+export { SearchFieldStyles, SearchFieldStylesDefaults } from './components/search-field/styles.js';
+export { SearchFieldProps, SearchFieldStyleVariants } from './components/search-field/types.js';
+export { SelectField, SelectFieldContext } from './components/select-field/index.js';
+export { SelectFieldStyles } from './components/select-field/styles.js';
+export { SelectFieldProps } from './components/select-field/types.js';
+export { Skeleton } from './components/skeleton/index.js';
+export { SkeletonStyles, SkeletonStylesDefaults } from './components/skeleton/styles.js';
+export { SkeletonProps, SkeletonStyleVariants } from './components/skeleton/types.js';
 export { RangeSlider, RangeSliderProps, Slider, SliderProps } from './components/slider/index.js';
 export { Switch, SwitchContext } from './components/switch/index.js';
 export { SwitchStyles } from './components/switch/styles.js';
-export { SwitchProps, SwitchProviderProps } from './components/switch/types.js';
+export { SwitchProps } from './components/switch/types.js';
 export { TabListProps, TabPanelProps, TabProps, Tabs, TabsProps } from './components/tabs/index.js';
 export { TextAreaField, TextAreaFieldContext } from './components/text-area-field/index.js';
 export { TextAreaStyles } from './components/text-area-field/styles.js';
-export { TextAreaFieldProps, TextAreaFieldProviderProps } from './components/text-area-field/types.js';
+export { TextAreaFieldProps } from './components/text-area-field/types.js';
 export { TextField, TextFieldContext } from './components/text-field/index.js';
 export { TextFieldStyles } from './components/text-field/styles.js';
-export { TextFieldProps, TextFieldProviderProps } from './components/text-field/types.js';
-export { Tooltip, TooltipBody, TooltipBodyProps, TooltipProps, TooltipTrigger, TooltipTriggerProps } from './components/tooltip/index.js';
+export { TextFieldProps } from './components/text-field/types.js';
+export { Tooltip, TooltipContext } from './components/tooltip/index.js';
+export { TooltipStyles } from './components/tooltip/styles.js';
+export { TooltipBodyProps, TooltipProps, TooltipTriggerProps } from './components/tooltip/types.js';
+export { ViewStack, ViewStackEventTypes } from './components/view-stack/index.js';
+export { ViewStackBackEvent, ViewStackClearEvent, ViewStackContextValue, ViewStackProps, ViewStackPushEvent, ViewStackResetEvent, ViewStackTriggerProps, ViewStackViewProps } from './components/view-stack/types.js';
 export { containsExactChildren, expectsIconWrapper } from './lib/react.js';
-export { ChildrenRenderProps, ClassNameRenderProps, RenderProps, RenderPropsChildren, RenderPropsClassName, RenderPropsStyle, StylePropRenderProps, StyleRenderProps } from './lib/types.js';
+export { ChildrenRenderProps, ClassNameRenderProps, ProviderProps, RenderProps, RenderPropsChildren, RenderPropsClassName, RenderPropsStyle, SlottedValue, StylePropRenderProps, StyleRenderProps } from './lib/types.js';
 export { cn, isSlottedContextValue, tv, twMerge } from './lib/utils.js';
 export { RGBAColor, colorAdvisory, colorAdvisoryBold, colorAdvisoryHover, colorAdvisorySubtle, colorClassificationConfidential, colorClassificationCui, colorClassificationMissing, colorClassificationSecret, colorClassificationTopSecret, colorClassificationTsSci, colorClassificationUnclass, colorCritical, colorCriticalBold, colorCriticalHover, colorCriticalSubtle, colorDefaultDark, colorDefaultLight, colorDisabled, colorHighlight, colorHighlightBold, colorHighlightHover, colorHighlightSubtle, colorInfo, colorInfoBold, colorInfoHover, colorInfoSubtle, colorInteractive, colorInteractiveDefault, colorInteractiveDisabled, colorInteractiveHover, colorInteractiveHoverDark, colorInteractiveHoverLight, colorInverseDark, colorInverseLight, colorNormal, colorNormalBold, colorNormalHover, colorNormalSubtle, colorSerious, colorSeriousBold, colorSeriousHover, colorSeriousSubtle, colorStaticDark, colorStaticLight, colorSurfaceDefault, colorSurfaceOverlay, colorSurfaceRaised, colorTransparentDark, colorTransparentLight, fontDisplay, fontPrimary, iconSizeL, iconSizeM, iconSizeS, iconSizeXs, radiusLarge, radiusMedium, radiusNone, radiusRound, radiusSmall, shadowElevationDefault, shadowElevationOverlay, shadowElevationRaised, spacing0, spacingL, spacingM, spacingNone, spacingOversized, spacingS, spacingXl, spacingXs, spacingXxl, spacingXxs, typographyBodyLHeight, typographyBodyLSize, typographyBodyLSpacing, typographyBodyMHeight, typographyBodyMSize, typographyBodyMSpacing, typographyBodySHeight, typographyBodySSize, typographyBodySSpacing, typographyBodyXsHeight, typographyBodyXsSize, typographyBodyXsSpacing, typographyBodyXxsHeight, typographyBodyXxsSize, typographyBodyXxsSpacing, typographyButtonLHeight, typographyButtonLSize, typographyButtonLSpacing, typographyButtonMHeight, typographyButtonMSize, typographyButtonMSpacing, typographyButtonSHeight, typographyButtonSSize, typographyButtonSSpacing, typographyButtonXsHeight, typographyButtonXsSize, typographyButtonXsSpacing, typographyHeaderLHeight, typographyHeaderLSize, typographyHeaderLSpacing, typographyHeaderMHeight, typographyHeaderMSize, typographyHeaderMSpacing, typographyHeaderSHeight, typographyHeaderSSize, typographyHeaderSSpacing, typographyHeaderXlHeight, typographyHeaderXlSize, typographyHeaderXlSpacing, typographyHeaderXsHeight, typographyHeaderXsSize, typographyHeaderXsSpacing, typographyHeaderXxlHeight, typographyHeaderXxlSize, typographyHeaderXxlSpacing } from './tokens/index.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-aria-components';
 import 'tailwind-variants';
+import 'tailwind-merge';
 import '@radix-ui/react-avatar';
 import '@react-types/overlays';
 import '@react-types/shared';
-import 'cva/types';
-import 'cva';
 import '@internationalized/date';
 import './components/query-builder/value-selector.js';
 import 'react-querybuilder';
@@ -82,5 +115,5 @@ import './components/query-builder/group.js';
 import './components/query-builder/rule.js';
 import './components/query-builder/action-element.js';
 import 'type-fest';
-import 'tailwind-merge';
+import '@accelint/core';
 import 'clsx';

package/dist/index.js

@@ -1,2 +1,2 @@
-export{Accordion,AccordionContext}from'./components/accordion/index.js';export{AccordionStyles,AccordionStylesDefaults}from'./components/accordion/styles.js';export{Avatar,AvatarContext}from'./components/avatar/index.js';export{AvatarStyles}from'./components/avatar/styles.js';export{Badge,BadgeContext}from'./components/badge/index.js';export{BadgeStyles,BadgeStylesDefaults}from'./components/badge/styles.js';export{Box}from'./components/box/index.js';export{Button,ButtonContext,LinkButton,LinkButtonContext,ToggleButton,ToggleButtonContext}from'./components/button/index.js';export{ButtonStyles,ButtonStylesDefaults,LinkButtonStyles,ToggleButtonStyles}from'./components/button/styles.js';export{Checkbox,CheckboxContext,CheckboxGroupContext}from'./components/checkbox/index.js';export{CheckboxStyles}from'./components/checkbox/styles.js';export{Chip,ChipContext}from'./components/chip/index.js';export{BaseChipStyles,ChipStyles,ChipStylesDefaults,DeletableChipStyles,SelectableChipStyles}from'./components/chip/styles.js';export{ClassificationBadge,ClassificationBadgeContext}from'./components/classification-badge/index.js';export{ClassificationBadgeStyles,ClassificationBadgeStylesDefaults}from'./components/classification-badge/styles.js';export{ClassificationBanner,ClassificationBannerContext}from'./components/classification-banner/index.js';export{ClassificationBannerStyles,ClassificationBannerStylesDefaults}from'./components/classification-banner/styles.js';export{ColorPicker,useColorPickerState}from'./components/color-picker/index.js';export{ComboBox,ComboBoxSection}from'./components/combobox/index.js';export{DateField}from'./components/date-field/index.js';export{Dialog,DialogTitle}from'./components/dialog/index.js';export{Icon,IconContext}from'./components/icon/index.js';export{IconStyles}from'./components/icon/styles.js';export{Input,InputContext}from'./components/input/index.js';export{InputStyles,InputStylesDefaults}from'./components/input/styles.js';export{Label,LabelContext}from'./components/label/index.js';export{LabelStyles}from'./components/label/styles.js';export{Menu,MenuContext,MenuDescription,MenuItem,MenuLabel,MenuSection,MenuSeparator}from'./components/menu/index.js';export{MenuStyles,MenuStylesDefaults}from'./components/menu/styles.js';export{Options,OptionsContext,OptionsSection}from'./components/options/index.js';export{OptionsItem}from'./components/options-item/index.js';export{Popover,PopoverTrigger}from'./components/popover/index.js';export{PopoverStyles}from'./components/popover/styles.js';export{QueryBuilder}from'./components/query-builder/index.js';export{Radio,RadioContext}from'./components/radio/index.js';export{RadioStyles}from'./components/radio/styles.js';export{SearchField}from'./components/search-field/index.js';export{RangeSlider,Slider}from'./components/slider/index.js';export{Switch,SwitchContext}from'./components/switch/index.js';export{SwitchStyles}from'./components/switch/styles.js';export{Tabs}from'./components/tabs/index.js';export{TextAreaField,TextAreaFieldContext}from'./components/text-area-field/index.js';export{TextAreaStyles}from'./components/text-area-field/styles.js';export{TextField,TextFieldContext}from'./components/text-field/index.js';export{TextFieldStyles}from'./components/text-field/styles.js';export{Tooltip,TooltipBody,TooltipTrigger}from'./components/tooltip/index.js';export{containsExactChildren,expectsIconWrapper}from'./lib/react.js';export{cn,isSlottedContextValue,tv,twMerge}from'./lib/utils.js';export{colorAdvisory,colorAdvisoryBold,colorAdvisoryHover,colorAdvisorySubtle,colorClassificationConfidential,colorClassificationCui,colorClassificationMissing,colorClassificationSecret,colorClassificationTopSecret,colorClassificationTsSci,colorClassificationUnclass,colorCritical,colorCriticalBold,colorCriticalHover,colorCriticalSubtle,colorDefaultDark,colorDefaultLight,colorDisabled,colorHighlight,colorHighlightBold,colorHighlightHover,colorHighlightSubtle,colorInfo,colorInfoBold,colorInfoHover,colorInfoSubtle,colorInteractive,colorInteractiveDefault,colorInteractiveDisabled,colorInteractiveHover,colorInteractiveHoverDark,colorInteractiveHoverLight,colorInverseDark,colorInverseLight,colorNormal,colorNormalBold,colorNormalHover,colorNormalSubtle,colorSerious,colorSeriousBold,colorSeriousHover,colorSeriousSubtle,colorStaticDark,colorStaticLight,colorSurfaceDefault,colorSurfaceOverlay,colorSurfaceRaised,colorTransparentDark,colorTransparentLight,fontDisplay,fontPrimary,iconSizeL,iconSizeM,iconSizeS,iconSizeXs,radiusLarge,radiusMedium,radiusNone,radiusRound,radiusSmall,shadowElevationDefault,shadowElevationOverlay,shadowElevationRaised,spacing0,spacingL,spacingM,spacingNone,spacingOversized,spacingS,spacingXl,spacingXs,spacingXxl,spacingXxs,typographyBodyLHeight,typographyBodyLSize,typographyBodyLSpacing,typographyBodyMHeight,typographyBodyMSize,typographyBodyMSpacing,typographyBodySHeight,typographyBodySSize,typographyBodySSpacing,typographyBodyXsHeight,typographyBodyXsSize,typographyBodyXsSpacing,typographyBodyXxsHeight,typographyBodyXxsSize,typographyBodyXxsSpacing,typographyButtonLHeight,typographyButtonLSize,typographyButtonLSpacing,typographyButtonMHeight,typographyButtonMSize,typographyButtonMSpacing,typographyButtonSHeight,typographyButtonSSize,typographyButtonSSpacing,typographyButtonXsHeight,typographyButtonXsSize,typographyButtonXsSpacing,typographyHeaderLHeight,typographyHeaderLSize,typographyHeaderLSpacing,typographyHeaderMHeight,typographyHeaderMSize,typographyHeaderMSpacing,typographyHeaderSHeight,typographyHeaderSSize,typographyHeaderSSpacing,typographyHeaderXlHeight,typographyHeaderXlSize,typographyHeaderXlSpacing,typographyHeaderXsHeight,typographyHeaderXsSize,typographyHeaderXsSpacing,typographyHeaderXxlHeight,typographyHeaderXxlSize,typographyHeaderXxlSpacing}from'./tokens/index.js';//# sourceMappingURL=index.js.map
+export{Accordion,AccordionContext}from'./components/accordion/index.js';export{AccordionStyles,AccordionStylesDefaults}from'./components/accordion/styles.js';export{Avatar,AvatarContext}from'./components/avatar/index.js';export{AvatarStyles}from'./components/avatar/styles.js';export{Badge,BadgeContext}from'./components/badge/index.js';export{BadgeStyles,BadgeStylesDefaults}from'./components/badge/styles.js';export{Box}from'./components/box/index.js';export{Button,ButtonContext,LinkButton,LinkButtonContext,ToggleButton,ToggleButtonContext}from'./components/button/index.js';export{ButtonStyles,ButtonStylesDefaults,LinkButtonStyles,ToggleButtonStyles}from'./components/button/styles.js';export{Checkbox,CheckboxContext,CheckboxGroupContext}from'./components/checkbox/index.js';export{CheckboxStyles}from'./components/checkbox/styles.js';export{Chip,ChipContext}from'./components/chip/index.js';export{BaseChipStyles,ChipStyles,ChipStylesDefaults,DeletableChipStyles,SelectableChipStyles}from'./components/chip/styles.js';export{ClassificationBadge,ClassificationBadgeContext}from'./components/classification-badge/index.js';export{ClassificationBadgeStyles,ClassificationBadgeStylesDefaults}from'./components/classification-badge/styles.js';export{ClassificationBanner,ClassificationBannerContext}from'./components/classification-banner/index.js';export{ClassificationBannerStyles,ClassificationBannerStylesDefaults}from'./components/classification-banner/styles.js';export{ColorPicker}from'./components/color-picker/index.js';export{ColorPickerStyles}from'./components/color-picker/styles.js';export{ComboBoxField,ComboBoxFieldContext}from'./components/combobox-field/index.js';export{ComboBoxStyles}from'./components/combobox-field/styles.js';export{DateField}from'./components/date-field/index.js';export{DateFieldStyles,DateFieldStylesDefault}from'./components/date-field/styles.js';export{DetailsList,DetailsListContext}from'./components/details-list/index.js';export{DetailsListStyles,DetailsListStylesDefaults}from'./components/details-list/styles.js';export{Dialog,DialogTitle}from'./components/dialog/index.js';export{useDrawerContext,useDrawersContext,useDrawersState}from'./components/drawer/context.js';export{Drawer}from'./components/drawer/index.js';export{createDefaultDrawerState,drawerStateReducer}from'./components/drawer/state.js';export{DrawerMenuStyles,DrawerStyles}from'./components/drawer/styles.js';export{DrawerDefaults}from'./components/drawer/types.js';export{Hero,HeroContext}from'./components/hero/index.js';export{HeroStyles}from'./components/hero/styles.js';export{Hotkey,HotkeyContext,HotkeySet}from'./components/hotkey/index.js';export{HotkeyStyles,HotkeyStylesDefaults}from'./components/hotkey/styles.js';export{Icon,IconContext}from'./components/icon/index.js';export{IconStyles}from'./components/icon/styles.js';export{Input,InputContext}from'./components/input/index.js';export{InputStyles,InputStylesDefaults}from'./components/input/styles.js';export{Label,LabelContext}from'./components/label/index.js';export{LabelStyles}from'./components/label/styles.js';export{Menu,MenuContext}from'./components/menu/index.js';export{MenuStyles,MenuStylesDefaults}from'./components/menu/styles.js';export{Options,OptionsContext}from'./components/options/index.js';export{OptionsStyles}from'./components/options/styles.js';export{Popover,PopoverTrigger}from'./components/popover/index.js';export{PopoverStyles}from'./components/popover/styles.js';export{QueryBuilder}from'./components/query-builder/index.js';export{Radio,RadioContext}from'./components/radio/index.js';export{RadioStyles}from'./components/radio/styles.js';export{SearchField,SearchFieldContext}from'./components/search-field/index.js';export{SearchFieldStyles,SearchFieldStylesDefaults}from'./components/search-field/styles.js';export{SelectField,SelectFieldContext}from'./components/select-field/index.js';export{SelectFieldStyles}from'./components/select-field/styles.js';export{Skeleton}from'./components/skeleton/index.js';export{SkeletonStyles,SkeletonStylesDefaults}from'./components/skeleton/styles.js';export{RangeSlider,Slider}from'./components/slider/index.js';export{Switch,SwitchContext}from'./components/switch/index.js';export{SwitchStyles}from'./components/switch/styles.js';export{Tabs}from'./components/tabs/index.js';export{TextAreaField,TextAreaFieldContext}from'./components/text-area-field/index.js';export{TextAreaStyles}from'./components/text-area-field/styles.js';export{TextField,TextFieldContext}from'./components/text-field/index.js';export{TextFieldStyles}from'./components/text-field/styles.js';export{Tooltip,TooltipContext}from'./components/tooltip/index.js';export{TooltipStyles}from'./components/tooltip/styles.js';export{ViewStack,ViewStackEventTypes}from'./components/view-stack/index.js';export{containsExactChildren,expectsIconWrapper}from'./lib/react.js';export{cn,isSlottedContextValue,tv,twMerge}from'./lib/utils.js';export{colorAdvisory,colorAdvisoryBold,colorAdvisoryHover,colorAdvisorySubtle,colorClassificationConfidential,colorClassificationCui,colorClassificationMissing,colorClassificationSecret,colorClassificationTopSecret,colorClassificationTsSci,colorClassificationUnclass,colorCritical,colorCriticalBold,colorCriticalHover,colorCriticalSubtle,colorDefaultDark,colorDefaultLight,colorDisabled,colorHighlight,colorHighlightBold,colorHighlightHover,colorHighlightSubtle,colorInfo,colorInfoBold,colorInfoHover,colorInfoSubtle,colorInteractive,colorInteractiveDefault,colorInteractiveDisabled,colorInteractiveHover,colorInteractiveHoverDark,colorInteractiveHoverLight,colorInverseDark,colorInverseLight,colorNormal,colorNormalBold,colorNormalHover,colorNormalSubtle,colorSerious,colorSeriousBold,colorSeriousHover,colorSeriousSubtle,colorStaticDark,colorStaticLight,colorSurfaceDefault,colorSurfaceOverlay,colorSurfaceRaised,colorTransparentDark,colorTransparentLight,fontDisplay,fontPrimary,iconSizeL,iconSizeM,iconSizeS,iconSizeXs,radiusLarge,radiusMedium,radiusNone,radiusRound,radiusSmall,shadowElevationDefault,shadowElevationOverlay,shadowElevationRaised,spacing0,spacingL,spacingM,spacingNone,spacingOversized,spacingS,spacingXl,spacingXs,spacingXxl,spacingXxs,typographyBodyLHeight,typographyBodyLSize,typographyBodyLSpacing,typographyBodyMHeight,typographyBodyMSize,typographyBodyMSpacing,typographyBodySHeight,typographyBodySSize,typographyBodySSpacing,typographyBodyXsHeight,typographyBodyXsSize,typographyBodyXsSpacing,typographyBodyXxsHeight,typographyBodyXxsSize,typographyBodyXxsSpacing,typographyButtonLHeight,typographyButtonLSize,typographyButtonLSpacing,typographyButtonMHeight,typographyButtonMSize,typographyButtonMSpacing,typographyButtonSHeight,typographyButtonSSize,typographyButtonSSpacing,typographyButtonXsHeight,typographyButtonXsSize,typographyButtonXsSpacing,typographyHeaderLHeight,typographyHeaderLSize,typographyHeaderLSpacing,typographyHeaderMHeight,typographyHeaderMSize,typographyHeaderMSpacing,typographyHeaderSHeight,typographyHeaderSSize,typographyHeaderSSpacing,typographyHeaderXlHeight,typographyHeaderXlSize,typographyHeaderXlSpacing,typographyHeaderXsHeight,typographyHeaderXsSize,typographyHeaderXsSpacing,typographyHeaderXxlHeight,typographyHeaderXxlSize,typographyHeaderXxlSpacing}from'./tokens/index.js';//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/lib/react.d.ts

@@ -1,14 +1,18 @@
-import { ReactNode } from 'react';
+import { ReactNode, JSXElementConstructor } from 'react';
 
+type ChildrenTypes = ReactNode | ReactNode[] | ((values: any & {
+    defaultChildren: ReactNode | undefined;
+}) => ReactNode);
 type ContainsExactChildrenProps = {
     componentName: string;
-    children: ReactNode | ReactNode[] | ((values: any & {
-        defaultChildren: ReactNode | undefined;
-    }) => ReactNode);
-    restrictions: Record<string, {
-        min: number;
-        max?: number;
-    }>;
+    children: ChildrenTypes;
+    restrictions: [
+        string | JSXElementConstructor<any>,
+        {
+            min: number;
+            max?: number;
+        }
+    ][];
 };
 /**
  * Validates the intended composite component structure.
@@ -36,9 +40,6 @@ declare function containsExactChildren({ children, componentName, restrictions,
  * @param children the children of the calling component
  * @param componentName the displayName of the calling component
  */
-declare function expectsIconWrapper({ children, componentName }: {
-    children: any;
-    componentName: any;
-}): void;
+declare function expectsIconWrapper({ children, componentName, }: Omit<ContainsExactChildrenProps, 'restrictions'>): void;
 
 export { containsExactChildren, expectsIconWrapper };

package/dist/lib/react.js

@@ -1,5 +1,5 @@
-import {Children,isValidElement}from'react';var c=class extends Error{constructor(r){super(r),this.name="ComponentStructureError";}};function m({children:s,componentName:r,restrictions:l}){let i=Children.toArray(s);if(!i.every(isValidElement))throw new c(`<${r}> received invalid children.`);let u=i.reduce((n,o)=>{let e=o?.type?.displayName;return e&&(n[e]=(n[e]||0)+1),n},{}),a=[],d=[];for(let[n,{min:o,max:e}]of Object.entries(l)){let t=u[n]??0;t<o&&a.push(`${o-t} of <${n}>`),e!==void 0&&t>e&&d.push(`${t-e} of <${n}>`);}if(a.length||d.length){let n=(e,t)=>t.length?`	${e}:
-		${t.join(", ")}
-`:"",o=`Invalid <${r}> structure 
-${n("Missing the following",a)}${n("Excess of the following",d)}`;throw new c(o.trim())}}function g({children:s,componentName:r}){Children.toArray(s).map(i=>{if(isValidElement(i)&&i.type.name?.startsWith("Svg"))throw new Error(`${r} is using an icon without the required Icon wrapper`)});}export{m as containsExactChildren,g as expectsIconWrapper};//# sourceMappingURL=react.js.map
+import {jsx,Fragment}from'react/jsx-runtime';import {isValidElement,Children,Fragment as Fragment$1}from'react';class m extends Error{constructor(t){super(t),this.name="ComponentStructureError";}}function y(o){const t=Children.toArray(typeof o=="function"?o({state:{},defaultChildren:jsx(Fragment,{})}):o);let i=0;for(;i<t.length;){const e=t[i];e!=null&&typeof e=="object"&&!(e instanceof Promise)&&!(Symbol.iterator in e)&&e.type===Fragment$1&&e.props!=null&&typeof e.props=="object"&&"children"in e.props?t.splice(i,1,...Children.toArray(e.props.children)):i++;}return t}function N({children:o,componentName:t,restrictions:i}){if(process.env.NODE_ENV==="production")return;const e=y(o);if(!e.every(isValidElement))throw new m(`<${t}> received invalid children.`);const f=e.reduce((n,s)=>{const r=s.type?.name??s.type?.displayName??s.type?.render?.name;return r&&(n[r]=(n[r]||0)+1),n},{}),p=[],d=[];for(const[n,{min:s,max:r}]of i){const c=typeof n=="string"?n:n.name??n.displayName??n.render?.name,a=f[c]??0;a<s&&p.push(`${s-a} of <${c}>`),r!==void 0&&a>r&&d.push(`${a-r} of <${c}>`);}if(p.length||d.length){const n=(r,c)=>c.length?`	${r}:
+		${c.join(", ")}
+`:"",s=`Invalid <${t}> structure 
+${n("Missing the following",p)}${n("Excess of the following",d)}`;throw new m(s.trim())}}function x({children:o,componentName:t}){if(process.env.NODE_ENV==="production")return;Children.toArray(o).map(e=>{if(isValidElement(e)&&e.type?.name?.startsWith("Svg"))throw new Error(`${t} is using an icon without the required Icon wrapper`)});}export{N as containsExactChildren,x as expectsIconWrapper};//# sourceMappingURL=react.js.map
 //# sourceMappingURL=react.js.map

package/dist/lib/react.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/react.ts"],"names":["ComponentStructureError","message","containsExactChildren","children","componentName","restrictions","childrenComponents","Children","isValidElement","accumulationResults","acc","child","name","missingComponentsArray","excessComponentsArray","key","min","max","found","formatList","label","items","errorMessage","expectsIconWrapper"],"mappings":"4CAeA,IAAMA,CAAAA,CAAN,cAAsC,KAAM,CAC1C,WAAA,CAAYC,CAAAA,CAAS,CACnB,MAAMA,CAAO,CAAA,CACb,IAAA,CAAK,IAAA,CAAO,0BACd,CACF,CAAA,CAuBO,SAASC,EAAsB,CACpC,QAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,EACA,YAAA,CAAAC,CACF,CAAA,CAA+B,CAC7B,IAAMC,CAAAA,CAAqBC,QAAAA,CAAS,OAAA,CAAQJ,CAAQ,CAAA,CAEpD,GAAI,CAACG,CAAAA,CAAmB,MAAME,cAAc,CAAA,CAC1C,MAAM,IAAIR,CAAAA,CACR,CAAA,CAAA,EAAII,CAAa,CAAA,4BAAA,CACnB,EAGF,IAAMK,CAAAA,CAAsBH,CAAAA,CAAmB,MAAA,CAAO,CAACI,CAAAA,CAAKC,CAAAA,GAAU,CACpE,IAAMC,CAAAA,CAAOD,CAAAA,EAAO,IAAA,EAAM,WAAA,CAC1B,OAAIC,CAAAA,GACFF,CAAAA,CAAIE,CAAI,CAAA,CAAA,CAAKF,EAAIE,CAAI,CAAA,EAAK,CAAA,EAAK,CAAA,CAAA,CAE1BF,CACT,CAAA,CAAG,EAAE,EAECG,CAAAA,CAAmC,EAAC,CACpCC,CAAAA,CAAkC,EAAC,CAEzC,IAAA,GAAW,CAACC,EAAK,CAAE,GAAA,CAAAC,CAAAA,CAAK,GAAA,CAAAC,CAAI,CAAC,CAAA,GAAK,MAAA,CAAO,QAAQZ,CAAY,CAAA,CAAG,CAC9D,IAAMa,EAAQT,CAAAA,CAAoBM,CAAG,CAAA,EAAK,CAAA,CAEtCG,EAAQF,CAAAA,EACVH,CAAAA,CAAuB,IAAA,CAAK,CAAA,EAAGG,CAAAA,CAAME,CAAK,CAAA,KAAA,EAAQH,CAAG,GAAG,CAAA,CAGtDE,CAAAA,GAAQ,MAAA,EAAaC,CAAAA,CAAQD,GAC/BH,CAAAA,CAAsB,IAAA,CAAK,CAAA,EAAGI,CAAAA,CAAQD,CAAG,CAAA,KAAA,EAAQF,CAAG,CAAA,CAAA,CAAG,EAE3D,CAEA,GAAIF,CAAAA,CAAuB,MAAA,EAAUC,EAAsB,MAAA,CAAQ,CACjE,IAAMK,CAAAA,CAAa,CAACC,CAAAA,CAAeC,CAAAA,GACjCA,CAAAA,CAAM,MAAA,CAAS,IAAKD,CAAK,CAAA;AAAA,EAAA,EAAUC,CAAAA,CAAM,IAAA,CAAK,IAAI,CAAC;AAAA,CAAA,CAAO,EAAA,CAEtDC,CAAAA,CACJ,CAAA,SAAA,EAAYlB,CAAa,CAAA;AAAA,EACtBe,CAAAA,CAAW,uBAAA,CAAyBN,CAAsB,CAAC,CAAA,EAC3DM,EAAW,yBAAA,CAA2BL,CAAqB,CAAC,CAAA,CAAA,CAEjE,MAAM,IAAId,EAAwBsB,CAAAA,CAAa,IAAA,EAAM,CACvD,CACF,CAoBO,SAASC,CAAAA,CAAmB,CAAE,QAAA,CAAApB,CAAAA,CAAU,aAAA,CAAAC,CAAc,EAAG,CACnCG,QAAAA,CAAS,OAAA,CAAQJ,CAAQ,CAAA,CAEjC,GAAA,CAAKQ,GAAU,CAChC,GAAIH,cAAAA,CAAeG,CAAK,CAAA,EAElBA,CAAAA,CAAM,KAAK,IAAA,EAAM,UAAA,CAAW,KAAK,CAAA,CACnC,MAAM,IAAI,KAAA,CACR,CAAA,EAAGP,CAAa,CAAA,mDAAA,CAClB,CAGN,CAAC,EACH","file":"react.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// @ts-nocheck\nimport { Children, type ReactNode, isValidElement } from 'react';\n\nclass ComponentStructureError extends Error {\n  constructor(message) {\n    super(message);\n    this.name = 'ComponentStructureError';\n  }\n}\n\ntype ContainsExactChildrenProps = {\n  componentName: string;\n  children:\n    | ReactNode\n    | ReactNode[]\n    | ((\n        // biome-ignore lint/suspicious/noExplicitAny: aria render props include a generic type\n        values: any & {\n          defaultChildren: ReactNode | undefined;\n        },\n      ) => ReactNode);\n  restrictions: Record<string, { min: number; max?: number }>;\n};\n\n/**\n * Validates the intended composite component structure.\n *\n * @param children the children of the component\n * @param componentName the displayName of the component\n * @param restrictions the record of validation rules\n */\nexport function containsExactChildren({\n  children,\n  componentName,\n  restrictions,\n}: ContainsExactChildrenProps) {\n  const childrenComponents = Children.toArray(children);\n\n  if (!childrenComponents.every(isValidElement)) {\n    throw new ComponentStructureError(\n      `<${componentName}> received invalid children.`,\n    );\n  }\n\n  const accumulationResults = childrenComponents.reduce((acc, child) => {\n    const name = child?.type?.displayName;\n    if (name) {\n      acc[name] = (acc[name] || 0) + 1;\n    }\n    return acc;\n  }, {});\n\n  const missingComponentsArray: string[] = [];\n  const excessComponentsArray: string[] = [];\n\n  for (const [key, { min, max }] of Object.entries(restrictions)) {\n    const found = accumulationResults[key] ?? 0;\n\n    if (found < min) {\n      missingComponentsArray.push(`${min - found} of <${key}>`);\n    }\n\n    if (max !== undefined && found > max) {\n      excessComponentsArray.push(`${found - max} of <${key}>`);\n    }\n  }\n\n  if (missingComponentsArray.length || excessComponentsArray.length) {\n    const formatList = (label: string, items: string[]) =>\n      items.length ? `\\t${label}:\\n\\t\\t${items.join(', ')}\\n` : '';\n\n    const errorMessage =\n      `Invalid <${componentName}> structure \\n` +\n      `${formatList('Missing the following', missingComponentsArray)}` +\n      `${formatList('Excess of the following', excessComponentsArray)}`;\n\n    throw new ComponentStructureError(errorMessage.trim());\n  }\n}\n\n/**\n * I look for svgIcons exported from the @accelint/icons library\n * and ensure that they are wrapped in an Icon component in order\n * to get the classes and styles they need in context.\n *\n * Using isValidElement means we will filter out strings, boolean, etc.\n * that are valid nodes but not elements.\n *\n * @example\n *   expectsIconWrapper({\n *     children,\n *     componentName: Button.displayName,\n *   });\n *\n *\n * @param children the children of the calling component\n * @param componentName the displayName of the calling component\n */\nexport function expectsIconWrapper({ children, componentName }) {\n  const childrenComponents = Children.toArray(children);\n\n  childrenComponents.map((child) => {\n    if (isValidElement(child)) {\n      // icons should never be a direct child of the parent\n      if (child.type.name?.startsWith('Svg')) {\n        throw new Error(\n          `${componentName} is using an icon without the required Icon wrapper`,\n        );\n      }\n    }\n  });\n}\n"]}
+{"version":3,"sources":["../../src/lib/react.tsx"],"names":["ComponentStructureError","message","getChildren","children","childrenArray","Children","jsx","Fragment","index","child","containsExactChildren","componentName","restrictions","childrenComponents","isValidElement","accumulationResults","acc","name","missingComponentsArray","excessComponentsArray","component","min","max","found","formatList","label","items","errorMessage","expectsIconWrapper"],"mappings":"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","file":"react.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  Children,\n  Fragment,\n  type JSXElementConstructor,\n  type ReactNode,\n  isValidElement,\n} from 'react';\n\nclass ComponentStructureError extends Error {\n  constructor(message: string) {\n    super(message);\n    this.name = 'ComponentStructureError';\n  }\n}\n\ntype ChildrenTypes =\n  | ReactNode\n  | ReactNode[]\n  | ((\n      // biome-ignore lint/suspicious/noExplicitAny: aria render props include a generic type\n      values: any & {\n        defaultChildren: ReactNode | undefined;\n      },\n    ) => ReactNode);\n\nfunction getChildren(children: ChildrenTypes) {\n  const childrenArray = Children.toArray(\n    typeof children === 'function'\n      ? children({ state: {}, defaultChildren: <></> })\n      : children,\n  );\n  let index = 0;\n\n  while (index < childrenArray.length) {\n    const child = childrenArray[index];\n\n    if (\n      child != null &&\n      typeof child === 'object' &&\n      !(child instanceof Promise) &&\n      !(Symbol.iterator in child) &&\n      child.type === Fragment &&\n      child.props != null &&\n      typeof child.props === 'object' &&\n      'children' in child.props\n    ) {\n      childrenArray.splice(\n        index,\n        1,\n        ...Children.toArray(child.props.children as ReactNode | ReactNode[]),\n      );\n    } else {\n      index++;\n    }\n  }\n\n  return childrenArray;\n}\n\ntype ContainsExactChildrenProps = {\n  componentName: string;\n  children: ChildrenTypes;\n  restrictions: [\n    // biome-ignore lint/suspicious/noExplicitAny: allow all props\n    string | JSXElementConstructor<any>,\n    { min: number; max?: number },\n  ][];\n};\n\n/**\n * Validates the intended composite component structure.\n *\n * @param children the children of the component\n * @param componentName the displayName of the component\n * @param restrictions the record of validation rules\n */\nexport function containsExactChildren({\n  children,\n  componentName,\n  restrictions,\n}: ContainsExactChildrenProps) {\n  if (process.env.NODE_ENV === 'production') {\n    return;\n  }\n\n  const childrenComponents = getChildren(children);\n\n  if (!childrenComponents.every(isValidElement)) {\n    throw new ComponentStructureError(\n      `<${componentName}> received invalid children.`,\n    );\n  }\n\n  const accumulationResults = childrenComponents.reduce(\n    (acc: Record<string, number>, child) => {\n      const name =\n        // @ts-expect-error Accessing undocumented / untyped properties of React components\n        child.type?.name ?? child.type?.displayName ?? child.type?.render?.name;\n\n      if (name) {\n        acc[name] = (acc[name] || 0) + 1;\n      }\n      return acc;\n    },\n    {},\n  );\n\n  const missingComponentsArray: string[] = [];\n  const excessComponentsArray: string[] = [];\n\n  for (const [component, { min, max }] of restrictions) {\n    const name =\n      typeof component === 'string'\n        ? component\n        : // @ts-expect-error Accessing undocumented / untyped properties of React components\n          (component.name ?? component.displayName ?? component.render?.name);\n\n    const found = accumulationResults[name] ?? 0;\n\n    if (found < min) {\n      missingComponentsArray.push(`${min - found} of <${name}>`);\n    }\n\n    if (max !== undefined && found > max) {\n      excessComponentsArray.push(`${found - max} of <${name}>`);\n    }\n  }\n\n  if (missingComponentsArray.length || excessComponentsArray.length) {\n    const formatList = (label: string, items: string[]) =>\n      items.length ? `\\t${label}:\\n\\t\\t${items.join(', ')}\\n` : '';\n\n    const errorMessage =\n      `Invalid <${componentName}> structure \\n` +\n      `${formatList('Missing the following', missingComponentsArray)}` +\n      `${formatList('Excess of the following', excessComponentsArray)}`;\n\n    throw new ComponentStructureError(errorMessage.trim());\n  }\n}\n\n/**\n * I look for svgIcons exported from the @accelint/icons library\n * and ensure that they are wrapped in an Icon component in order\n * to get the classes and styles they need in context.\n *\n * Using isValidElement means we will filter out strings, boolean, etc.\n * that are valid nodes but not elements.\n *\n * @example\n *   expectsIconWrapper({\n *     children,\n *     componentName: Button.displayName,\n *   });\n *\n *\n * @param children the children of the calling component\n * @param componentName the displayName of the calling component\n */\nexport function expectsIconWrapper({\n  children,\n  componentName,\n}: Omit<ContainsExactChildrenProps, 'restrictions'>) {\n  if (process.env.NODE_ENV === 'production') {\n    return;\n  }\n\n  const childrenComponents = Children.toArray(\n    children as ReactNode | ReactNode[],\n  );\n\n  childrenComponents.map((child) => {\n    if (isValidElement(child)) {\n      // icons should never be a direct child of the parent\n      // @ts-expect-error Accessing undocumented / untyped properties of React components\n      if (child.type?.name?.startsWith('Svg')) {\n        throw new Error(\n          `${componentName} is using an icon without the required Icon wrapper`,\n        );\n      }\n    }\n  });\n}\n"]}

package/dist/lib/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, CSSProperties } from 'react';
+import { PropsWithChildren, ReactNode, CSSProperties } from 'react';
 
 /**
  * Re-export due to not being exported by library
@@ -25,5 +25,9 @@ type RenderProps<T extends object> = StyleRenderProps<T> & {
     /** The children of the component. A function may be provided to alter the children based on component state. */
     children?: RenderPropsChildren<T>;
 };
+type SlottedValue<T> = {
+    slots?: Record<string | symbol, T>;
+};
+type ProviderProps<T> = PropsWithChildren<Omit<T, 'children' | 'slot'> & SlottedValue<T>>;
 
-export type { ChildrenRenderProps, ClassNameRenderProps, RenderProps, RenderPropsChildren, RenderPropsClassName, RenderPropsStyle, StylePropRenderProps, StyleRenderProps };
+export type { ChildrenRenderProps, ClassNameRenderProps, ProviderProps, RenderProps, RenderPropsChildren, RenderPropsClassName, RenderPropsStyle, SlottedValue, StylePropRenderProps, StyleRenderProps };

package/dist/lib/utils.js

@@ -1,2 +1,2 @@
-import {clsx}from'clsx';import {extendTailwindMerge,validators}from'tailwind-merge';import {createTV}from'tailwind-variants';var r=extendTailwindMerge({extend:{classGroups:{icon:[{icon:["",validators.isAny]}],fg:[{fg:["",validators.isAny]}]},conflictingClassGroups:{fg:["icon","text-color"]},theme:{color:["current","surface-default","surface-raised","surface-overlay","transparent-dark","transparent-light","interactive-default","interactive-hover-light","interactive-hover-dark","interactive-disabled","static-light","static-dark","interactive","interactive-hover","highlight-bold","highlight-hover","highlight-subtle","info-bold","info-hover","info-subtle","advisory-bold","advisory-hover","advisory-subtle","normal-bold","normal-hover","normal-subtle","serious-bold","serious-hover","serious-subtle","critical-bold","critical-hover","critical-subtle","default-light","default-dark","inverse-dark","inverse-light","disabled","highlight","info","advisory","normal","serious","critical","classification-missing","classification-unclass","classification-cui","classification-confidential","classification-secret","classification-top-secret"],font:["primary","display"],text:["header-xxl","header-xl","header-l","header-m","header-s","header-xs","body-xl","body-l","body-m","body-s","body-xs","body-xxs","button-xl","button-l","button-m","button-s","button-xs"],radius:["none","small","medium","large","round"],shadow:["elevation-default","elevation-overlay","elevation-raised"],spacing:["none","0","xxs","xs","s","m","l","xl","xxl","oversized"]}}});function d(...e){return r(clsx(e))}var c=createTV({twMergeConfig:{extend:{classGroups:{icon:[{icon:["",validators.isAny]}],fg:[{fg:["",validators.isAny]}]},conflictingClassGroups:{fg:["icon","text-color"]},theme:{color:["current","surface-default","surface-raised","surface-overlay","transparent-dark","transparent-light","interactive-default","interactive-hover-light","interactive-hover-dark","interactive-disabled","static-light","static-dark","interactive","interactive-hover","highlight-bold","highlight-hover","highlight-subtle","info-bold","info-hover","info-subtle","advisory-bold","advisory-hover","advisory-subtle","normal-bold","normal-hover","normal-subtle","serious-bold","serious-hover","serious-subtle","critical-bold","critical-hover","critical-subtle","default-light","default-dark","inverse-dark","inverse-light","disabled","highlight","info","advisory","normal","serious","critical","classification-missing","classification-unclass","classification-cui","classification-confidential","classification-secret","classification-top-secret"],font:["primary","display"],text:["header-xxl","header-xl","header-l","header-m","header-s","header-xs","body-xl","body-l","body-m","body-s","body-xs","body-xxs","button-xl","button-l","button-m","button-s","button-xs"],radius:["none","small","medium","large","round"],shadow:["elevation-default","elevation-overlay","elevation-raised"],spacing:["none","0","xxs","xs","s","m","l","xl","xxl","oversized"]}}}});function u(e){return !!e&&"slots"in e}export{d as cn,u as isSlottedContextValue,c as tv,r as twMerge};//# sourceMappingURL=utils.js.map
+import {clsx}from'clsx';import {extendTailwindMerge,validators}from'tailwind-merge';import {createTV}from'tailwind-variants';const r=extendTailwindMerge({extend:{classGroups:{icon:[{icon:["",validators.isAny]}],fg:[{fg:["",validators.isAny]}]},conflictingClassGroups:{fg:["icon","text-color"]},theme:{color:["current","surface-default","surface-raised","surface-overlay","transparent-dark","transparent-light","interactive-default","interactive-hover-light","interactive-hover-dark","interactive-disabled","static-light","static-dark","interactive","interactive-hover","highlight-bold","highlight-hover","highlight-subtle","info-bold","info-hover","info-subtle","advisory-bold","advisory-hover","advisory-subtle","normal-bold","normal-hover","normal-subtle","serious-bold","serious-hover","serious-subtle","critical-bold","critical-hover","critical-subtle","default-light","default-dark","inverse-dark","inverse-light","disabled","highlight","info","advisory","normal","serious","critical","classification-missing","classification-unclass","classification-cui","classification-confidential","classification-secret","classification-top-secret"],font:["primary","display"],text:["header-xxl","header-xl","header-l","header-m","header-s","header-xs","body-xl","body-l","body-m","body-s","body-xs","body-xxs","button-xl","button-l","button-m","button-s","button-xs"],radius:["none","small","medium","large","round"],shadow:["elevation-default","elevation-overlay","elevation-raised"],spacing:["none","0","xxs","xs","s","m","l","xl","xxl","oversized"]}}});function d(...e){return r(clsx(e))}const c=createTV({twMergeConfig:{extend:{classGroups:{icon:[{icon:["",validators.isAny]}],fg:[{fg:["",validators.isAny]}]},conflictingClassGroups:{fg:["icon","text-color"]},theme:{color:["current","surface-default","surface-raised","surface-overlay","transparent-dark","transparent-light","interactive-default","interactive-hover-light","interactive-hover-dark","interactive-disabled","static-light","static-dark","interactive","interactive-hover","highlight-bold","highlight-hover","highlight-subtle","info-bold","info-hover","info-subtle","advisory-bold","advisory-hover","advisory-subtle","normal-bold","normal-hover","normal-subtle","serious-bold","serious-hover","serious-subtle","critical-bold","critical-hover","critical-subtle","default-light","default-dark","inverse-dark","inverse-light","disabled","highlight","info","advisory","normal","serious","critical","classification-missing","classification-unclass","classification-cui","classification-confidential","classification-secret","classification-top-secret"],font:["primary","display"],text:["header-xxl","header-xl","header-l","header-m","header-s","header-xs","body-xl","body-l","body-m","body-s","body-xs","body-xxs","button-xl","button-l","button-m","button-s","button-xs"],radius:["none","small","medium","large","round"],shadow:["elevation-default","elevation-overlay","elevation-raised"],spacing:["none","0","xxs","xs","s","m","l","xl","xxl","oversized"]}}}});function u(e){return !!e&&"slots"in e}export{d as cn,u as isSlottedContextValue,c as tv,r as twMerge};//# sourceMappingURL=utils.js.map
 //# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/utils.ts"],"names":["twMerge","extendTailwindMerge","validators","cn","inputs","clsx","tv","createTV","isSlottedContextValue","context"],"mappings":"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","file":"utils.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { type ClassValue, clsx } from 'clsx';\nimport type { ForwardedRef } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport { extendTailwindMerge, validators } from 'tailwind-merge';\nimport { createTV } from 'tailwind-variants';\n\ntype AdditionalClassGroupIds = 'icon' | 'icon-size' | 'fg';\n\nexport const twMerge = extendTailwindMerge<AdditionalClassGroupIds>({\n  extend: {\n    classGroups: {\n      icon: [{ icon: ['', validators.isAny] }],\n      fg: [{ fg: ['', validators.isAny] }],\n    },\n    conflictingClassGroups: {\n      fg: ['icon', 'text-color'],\n    },\n    theme: {\n      color: [\n        'current',\n        'surface-default',\n        'surface-raised',\n        'surface-overlay',\n        'transparent-dark',\n        'transparent-light',\n        'interactive-default',\n        'interactive-hover-light',\n        'interactive-hover-dark',\n        'interactive-disabled',\n        'static-light',\n        'static-dark',\n        'interactive',\n        'interactive-hover',\n        'highlight-bold',\n        'highlight-hover',\n        'highlight-subtle',\n        'info-bold',\n        'info-hover',\n        'info-subtle',\n        'advisory-bold',\n        'advisory-hover',\n        'advisory-subtle',\n        'normal-bold',\n        'normal-hover',\n        'normal-subtle',\n        'serious-bold',\n        'serious-hover',\n        'serious-subtle',\n        'critical-bold',\n        'critical-hover',\n        'critical-subtle',\n        'default-light',\n        'default-dark',\n        'inverse-dark',\n        'inverse-light',\n        'disabled',\n        'highlight',\n        'info',\n        'advisory',\n        'normal',\n        'serious',\n        'critical',\n        'classification-missing',\n        'classification-unclass',\n        'classification-cui',\n        'classification-confidential',\n        'classification-secret',\n        'classification-top-secret',\n      ],\n      font: ['primary', 'display'],\n      text: [\n        'header-xxl',\n        'header-xl',\n        'header-l',\n        'header-m',\n        'header-s',\n        'header-xs',\n        'body-xl',\n        'body-l',\n        'body-m',\n        'body-s',\n        'body-xs',\n        'body-xxs',\n        'button-xl',\n        'button-l',\n        'button-m',\n        'button-s',\n        'button-xs',\n      ],\n      radius: ['none', 'small', 'medium', 'large', 'round'],\n      shadow: ['elevation-default', 'elevation-overlay', 'elevation-raised'],\n      spacing: [\n        'none',\n        '0',\n        'xxs',\n        'xs',\n        's',\n        'm',\n        'l',\n        'xl',\n        'xxl',\n        'oversized',\n      ],\n    },\n  },\n});\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const tv = createTV({\n  twMergeConfig: {\n    extend: {\n      classGroups: {\n        icon: [{ icon: ['', validators.isAny] }],\n        fg: [{ fg: ['', validators.isAny] }],\n      },\n      conflictingClassGroups: {\n        fg: ['icon', 'text-color'],\n      },\n      theme: {\n        color: [\n          'current',\n          'surface-default',\n          'surface-raised',\n          'surface-overlay',\n          'transparent-dark',\n          'transparent-light',\n          'interactive-default',\n          'interactive-hover-light',\n          'interactive-hover-dark',\n          'interactive-disabled',\n          'static-light',\n          'static-dark',\n          'interactive',\n          'interactive-hover',\n          'highlight-bold',\n          'highlight-hover',\n          'highlight-subtle',\n          'info-bold',\n          'info-hover',\n          'info-subtle',\n          'advisory-bold',\n          'advisory-hover',\n          'advisory-subtle',\n          'normal-bold',\n          'normal-hover',\n          'normal-subtle',\n          'serious-bold',\n          'serious-hover',\n          'serious-subtle',\n          'critical-bold',\n          'critical-hover',\n          'critical-subtle',\n          'default-light',\n          'default-dark',\n          'inverse-dark',\n          'inverse-light',\n          'disabled',\n          'highlight',\n          'info',\n          'advisory',\n          'normal',\n          'serious',\n          'critical',\n          'classification-missing',\n          'classification-unclass',\n          'classification-cui',\n          'classification-confidential',\n          'classification-secret',\n          'classification-top-secret',\n        ],\n        font: ['primary', 'display'],\n        text: [\n          'header-xxl',\n          'header-xl',\n          'header-l',\n          'header-m',\n          'header-s',\n          'header-xs',\n          'body-xl',\n          'body-l',\n          'body-m',\n          'body-s',\n          'body-xs',\n          'body-xxs',\n          'button-xl',\n          'button-l',\n          'button-m',\n          'button-s',\n          'button-xs',\n        ],\n        radius: ['none', 'small', 'medium', 'large', 'round'],\n        shadow: ['elevation-default', 'elevation-overlay', 'elevation-raised'],\n        spacing: [\n          'none',\n          '0',\n          'xxs',\n          'xs',\n          's',\n          'm',\n          'l',\n          'xl',\n          'xxl',\n          'oversized',\n        ],\n      },\n    },\n  },\n});\n\n// Types copied from RAC due to not being exported\ntype WithRef<T, E> = T & {\n  ref?: ForwardedRef<E>;\n};\n\ninterface SlottedValue<T> {\n  slots?: Record<string | symbol, T>;\n}\n\n/**\n * A helper to narrow the type of Context Value\n */\nexport function isSlottedContextValue<T, E>(\n  context: ContextValue<T, E>,\n): context is SlottedValue<WithRef<T, E>> {\n  return !!context && 'slots' in context;\n}\n"]}
+{"version":3,"sources":["../../src/lib/utils.ts"],"names":["twMerge","extendTailwindMerge","validators","cn","inputs","clsx","tv","createTV","isSlottedContextValue","context"],"mappings":"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","file":"utils.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { type ClassValue, clsx } from 'clsx';\nimport type { ForwardedRef } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport { extendTailwindMerge, validators } from 'tailwind-merge';\nimport { createTV } from 'tailwind-variants';\n\ntype AdditionalClassGroupIds = 'icon' | 'icon-size' | 'fg';\n\nexport const twMerge = extendTailwindMerge<AdditionalClassGroupIds>({\n  extend: {\n    classGroups: {\n      icon: [{ icon: ['', validators.isAny] }],\n      fg: [{ fg: ['', validators.isAny] }],\n    },\n    conflictingClassGroups: {\n      fg: ['icon', 'text-color'],\n    },\n    theme: {\n      color: [\n        'current',\n        'surface-default',\n        'surface-raised',\n        'surface-overlay',\n        'transparent-dark',\n        'transparent-light',\n        'interactive-default',\n        'interactive-hover-light',\n        'interactive-hover-dark',\n        'interactive-disabled',\n        'static-light',\n        'static-dark',\n        'interactive',\n        'interactive-hover',\n        'highlight-bold',\n        'highlight-hover',\n        'highlight-subtle',\n        'info-bold',\n        'info-hover',\n        'info-subtle',\n        'advisory-bold',\n        'advisory-hover',\n        'advisory-subtle',\n        'normal-bold',\n        'normal-hover',\n        'normal-subtle',\n        'serious-bold',\n        'serious-hover',\n        'serious-subtle',\n        'critical-bold',\n        'critical-hover',\n        'critical-subtle',\n        'default-light',\n        'default-dark',\n        'inverse-dark',\n        'inverse-light',\n        'disabled',\n        'highlight',\n        'info',\n        'advisory',\n        'normal',\n        'serious',\n        'critical',\n        'classification-missing',\n        'classification-unclass',\n        'classification-cui',\n        'classification-confidential',\n        'classification-secret',\n        'classification-top-secret',\n      ],\n      font: ['primary', 'display'],\n      text: [\n        'header-xxl',\n        'header-xl',\n        'header-l',\n        'header-m',\n        'header-s',\n        'header-xs',\n        'body-xl',\n        'body-l',\n        'body-m',\n        'body-s',\n        'body-xs',\n        'body-xxs',\n        'button-xl',\n        'button-l',\n        'button-m',\n        'button-s',\n        'button-xs',\n      ],\n      radius: ['none', 'small', 'medium', 'large', 'round'],\n      shadow: ['elevation-default', 'elevation-overlay', 'elevation-raised'],\n      spacing: [\n        'none',\n        '0',\n        'xxs',\n        'xs',\n        's',\n        'm',\n        'l',\n        'xl',\n        'xxl',\n        'oversized',\n      ],\n    },\n  },\n});\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const tv = createTV({\n  twMergeConfig: {\n    extend: {\n      classGroups: {\n        icon: [{ icon: ['', validators.isAny] }],\n        fg: [{ fg: ['', validators.isAny] }],\n      },\n      conflictingClassGroups: {\n        fg: ['icon', 'text-color'],\n      },\n      theme: {\n        color: [\n          'current',\n          'surface-default',\n          'surface-raised',\n          'surface-overlay',\n          'transparent-dark',\n          'transparent-light',\n          'interactive-default',\n          'interactive-hover-light',\n          'interactive-hover-dark',\n          'interactive-disabled',\n          'static-light',\n          'static-dark',\n          'interactive',\n          'interactive-hover',\n          'highlight-bold',\n          'highlight-hover',\n          'highlight-subtle',\n          'info-bold',\n          'info-hover',\n          'info-subtle',\n          'advisory-bold',\n          'advisory-hover',\n          'advisory-subtle',\n          'normal-bold',\n          'normal-hover',\n          'normal-subtle',\n          'serious-bold',\n          'serious-hover',\n          'serious-subtle',\n          'critical-bold',\n          'critical-hover',\n          'critical-subtle',\n          'default-light',\n          'default-dark',\n          'inverse-dark',\n          'inverse-light',\n          'disabled',\n          'highlight',\n          'info',\n          'advisory',\n          'normal',\n          'serious',\n          'critical',\n          'classification-missing',\n          'classification-unclass',\n          'classification-cui',\n          'classification-confidential',\n          'classification-secret',\n          'classification-top-secret',\n        ],\n        font: ['primary', 'display'],\n        text: [\n          'header-xxl',\n          'header-xl',\n          'header-l',\n          'header-m',\n          'header-s',\n          'header-xs',\n          'body-xl',\n          'body-l',\n          'body-m',\n          'body-s',\n          'body-xs',\n          'body-xxs',\n          'button-xl',\n          'button-l',\n          'button-m',\n          'button-s',\n          'button-xs',\n        ],\n        radius: ['none', 'small', 'medium', 'large', 'round'],\n        shadow: ['elevation-default', 'elevation-overlay', 'elevation-raised'],\n        spacing: [\n          'none',\n          '0',\n          'xxs',\n          'xs',\n          's',\n          'm',\n          'l',\n          'xl',\n          'xxl',\n          'oversized',\n        ],\n      },\n    },\n  },\n});\n\n// Types copied from RAC due to not being exported\ntype WithRef<T, E> = T & {\n  ref?: ForwardedRef<E>;\n};\n\ninterface SlottedValue<T> {\n  slots?: Record<string | symbol, T>;\n}\n\n/**\n * A helper to narrow the type of Context Value\n */\nexport function isSlottedContextValue<T, E>(\n  context: ContextValue<T, E>,\n): context is SlottedValue<WithRef<T, E>> {\n  return !!context && 'slots' in context;\n}\n"]}