npm - @optiaxiom/react - Versions diffs - 1.0.2 → 1.1.0 - Mend

@optiaxiom/react 1.0.2 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (497) hide show

package/dist/esm/packages/react/src/nav-list/NavList.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { useNavGroupContext } from '../nav-group-context/NavGroupContext.js';
 const NavList = forwardRef(
   ({ children, ...props }, ref) => {
-    const { id } = useNavGroupContext("NavList");
+    const { id } = useNavGroupContext("@optiaxiom/react/NavList");
     if (id) {
       throw new Error("huh");
     }

package/dist/esm/packages/react/src/nested-dialog-context/NestedDialogContext.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
-const [NestedDialogContextProvider, useNestedDialogContext] = createContext("NestedDialog", null);
+const [NestedDialogProvider, useNestedDialogContext] = createContext("@optiaxiom/react/NestedDialog", null);
-export { NestedDialogContextProvider, useNestedDialogContext };
+export { NestedDialogProvider, useNestedDialogContext };

package/dist/esm/packages/react/src/pagination/Pagination-css.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-BjG7sX12.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-DbLUh50Y.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var button = recipeRuntime({base:[{justifyContent:'center'},'_7e4v8d']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_149zdjm'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_7iycjq']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'kbl1i0']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_16rndz5'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'egfpgh']});
 export { button, cursor, list };

package/dist/esm/packages/react/src/pagination/Pagination.js CHANGED Viewed

@@ -15,7 +15,7 @@ import { IconAngleRight } from '../icons/IconAngleRight.js';
 import { IconEllipsis } from '../icons/IconEllipsis.js';
 import { Tooltip } from '../tooltip/Tooltip.js';
 import { list, cursor, button } from './Pagination-css.js';
-import { usePagination } from '../../../../node_modules/.pnpm/@mantine_hooks@7.16.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js';
+import { usePagination } from '../../../../node_modules/.pnpm/@mantine_hooks@7.17.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-pagination/use-pagination.js';
 const Pagination = forwardRef(
   ({ defaultPage, disabled, onPageChange, page: pageProp, total, ...props }, ref) => {

package/dist/esm/packages/react/src/paper/Paper-css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 var paper = recipeRuntime({base:{bg:'bg.default',color:'fg.default',shadow:'md',z:'popover'},variants:{elevation:{dialog:{rounded:'lg'},menu:{border:'1',borderColor:'border.secondary',rounded:'lg'},screen:{}}}});

package/dist/esm/packages/react/src/pill/Pill-css.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-DTEQ70xM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-BerLBPwr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'lun9je'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'dvhitc'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 export { pill };

package/dist/esm/packages/react/src/pill/Pill.js CHANGED Viewed

@@ -21,7 +21,7 @@ const Pill = forwardRef(
         ...pill({ size }, className),
         ...boxProps,
         children: /* @__PURE__ */ jsxs(Comp, { disabled, ref, ...restProps, children: [
-          /* @__PURE__ */ jsx(Text, { fontSize: "inherit", truncate: true, children }),
+          /* @__PURE__ */ jsx(Text, { truncate: true, children }),
           /* @__PURE__ */ jsx(Icon, { asChild: true, h: "12", ml: "auto", children: /* @__PURE__ */ jsx(IconX, {}) })
         ] })
       }

package/dist/esm/packages/react/src/popover/Popover.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useState } from 'react';
-import { PopoverContextProvider } from '../popover-context/PopoverContext.js';
+import { PopoverProvider } from '../popover-context/PopoverContext.js';
 function Popover({
   children,
@@ -25,7 +25,7 @@ function Popover({
       open: open || presence,
       ...props,
       children: /* @__PURE__ */ jsx(
-        PopoverContextProvider,
+        PopoverProvider,
         {
           open,
           presence,

package/dist/esm/packages/react/src/popover-content/PopoverContent.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { forwardRef, useRef } from 'react';
 import { MenuListbox } from '../menu-listbox/MenuListbox.js';
-import { ModalContextProvider } from '../modal-context/ModalContext.js';
+import { ModalProvider } from '../modal-context/ModalContext.js';
 import { usePopoverContext } from '../popover-context/PopoverContext.js';
 import { TransitionGroup } from '../transition-group/TransitionGroup.js';
 import '../utils/conditions.js';
@@ -14,7 +14,9 @@ import { onReactSelectInputBlur } from '../utils/onReactSelectInputBlur.js';
 const PopoverContent = forwardRef(
   ({ align = "start", children, sideOffset = 2, withArrow, ...props }, outerRef) => {
-    const { open, presence, setPresence } = usePopoverContext("PopoverContent");
+    const { open, presence, setPresence } = usePopoverContext(
+      "@optiaxiom/react/PopoverContent"
+    );
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
     return /* @__PURE__ */ jsx(
@@ -38,7 +40,7 @@ const PopoverContent = forwardRef(
                 ref,
                 sideOffset,
                 children: [
-                  /* @__PURE__ */ jsx(ModalContextProvider, { shardRef: innerRef, children }),
+                  /* @__PURE__ */ jsx(ModalProvider, { shardRef: innerRef, children }),
                   withArrow && /* @__PURE__ */ jsx(RadixPopover.Arrow, { asChild: true, children: /* @__PURE__ */ jsxs(
                     "svg",
                     {

package/dist/esm/packages/react/src/popover-context/PopoverContext.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
-const [PopoverContextProvider, usePopoverContext] = createContext("Popover");
+const [PopoverProvider, usePopoverContext] = createContext("@optiaxiom/react/Popover");
-export { PopoverContextProvider, usePopoverContext };
+export { PopoverProvider, usePopoverContext };

package/dist/esm/packages/react/src/progress/Progress-css.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-FB7P31-X.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-GrJYLOrk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 var indicator = recipeRuntime({base:[{h:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1g8w5j6']});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_1y3mc8i']});
 export { indicator, progress };

package/dist/esm/packages/react/src/radio/Radio-css.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-Batxd1He.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BwHzm_lE.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-mgYJ2b2O.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CJW_goYk.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DUlOrUqH.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-BWC_6pPW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'pr1fzj'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'n8g4st']});
-var input = recipeRuntime({base:'s3es2o'});
-var radio = recipeRuntime({base:'_96xasl'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'m5wr9y'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1af56rw']});
+var input = recipeRuntime({base:'sk1ghj'});
+var radio = recipeRuntime({base:'_1sryvwl'});
 export { control, indicator, input, radio };

package/dist/esm/packages/react/src/radio/Radio.js CHANGED Viewed

@@ -24,7 +24,7 @@ const Radio = forwardRef(
     ...props
   }, ref) => {
     const { boxProps, restProps } = extractBoxProps(props);
-    const groupContext = useRadioGroupContext("Radio");
+    const groupContext = useRadioGroupContext("@optiaxiom/react/Radio");
     if (groupContext) {
       if ("checked" in props) {
         throw new Error(

package/dist/esm/packages/react/src/radio-group/RadioGroup.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
-import { RadioGroupContextProvider } from '../radio-group-context/RadioGroupContext.js';
+import { RadioGroupProvider } from '../radio-group-context/RadioGroupContext.js';
 import { mapResponsiveValue } from '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
@@ -26,7 +26,7 @@ const RadioGroup = forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsx(
-      RadioGroupContextProvider,
+      RadioGroupProvider,
       {
         defaultValue,
         disabled,
@@ -41,6 +41,7 @@ const RadioGroup = forwardRef(
           Flex,
           {
             flexDirection,
+            fontSize: "md",
             gap: mapResponsiveValue(
               flexDirection,
               (value2) => mapGapToOrientation[value2]

package/dist/esm/packages/react/src/radio-group-context/RadioGroupContext.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
-const [RadioGroupContextProvider, useRadioGroupContext] = createContext("RadioGroup", null);
+const [RadioGroupProvider, useRadioGroupContext] = createContext("@optiaxiom/react/RadioGroup", null);
-export { RadioGroupContextProvider, useRadioGroupContext };
+export { RadioGroupProvider, useRadioGroupContext };

package/dist/esm/packages/react/src/search-input/SearchInput-css.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-CqOzBPoB.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-D8hM9XZ2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var clear = recipeRuntime({base:[{size:'sm'},'_1kht1vp']});
-var search = recipeRuntime({base:'_4ybw0d'});
+var clear = recipeRuntime({base:[{size:'sm'},'_1ijk0q1']});
+var search = recipeRuntime({base:'_1fqmnu'});
 export { clear, search };

package/dist/esm/packages/react/src/segmented-control/SegmentedControl.js CHANGED Viewed

@@ -3,10 +3,10 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixSegmentedControl from '@radix-ui/react-toggle-group';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
-import { SegmentedControlContextProvider } from '../segmented-control-context/SegmentedControlContext.js';
+import { SegmentedControlProvider } from '../segmented-control-context/SegmentedControlContext.js';
 const SegmentedControl = forwardRef(({ children, type = "single", ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Flex, { asChild: true, flexDirection: "row", gap: "0", ...props, children: /* @__PURE__ */ jsx(RadixSegmentedControl.Root, { ref, type, children: /* @__PURE__ */ jsx(SegmentedControlContextProvider, { children }) }) });
+  return /* @__PURE__ */ jsx(Flex, { asChild: true, flexDirection: "row", gap: "0", ...props, children: /* @__PURE__ */ jsx(RadixSegmentedControl.Root, { ref, type, children: /* @__PURE__ */ jsx(SegmentedControlProvider, { children }) }) });
 });
 SegmentedControl.displayName = "@optiaxiom/react/SegmentedControl";

package/dist/esm/packages/react/src/segmented-control-context/SegmentedControlContext.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
-const [SegmentedControlContextProvider, useSegmentedControlContext] = createContext("SegmentedControl");
+const [SegmentedControlProvider, useSegmentedControlContext] = createContext("@optiaxiom/react/SegmentedControl");
-export { SegmentedControlContextProvider, useSegmentedControlContext };
+export { SegmentedControlProvider, useSegmentedControlContext };

package/dist/esm/packages/react/src/segmented-control-item/SegmentedControlItem.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { Button } from '../button/Button.js';
 import { useSegmentedControlContext } from '../segmented-control-context/SegmentedControlContext.js';
 const SegmentedControlItem = forwardRef(({ children, ...props }, ref) => {
-  useSegmentedControlContext("SegmentedControlItem");
+  useSegmentedControlContext("@optiaxiom/react/SegmentedControlItem");
   return /* @__PURE__ */ jsx(
     RadixSegmentedControl.Item,
     {

package/dist/esm/packages/react/src/select/Select.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { Popper } from '@radix-ui/react-popper';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useSelect } from 'downshift';
 import { usePortalPatch } from '../downshift/usePortalPatch.js';
-import { SelectContextProvider } from '../select-context/SelectContext.js';
+import { SelectProvider } from '../select-context/SelectContext.js';
 function Select({
   children,
@@ -54,7 +54,7 @@ function Select({
   });
   downshift.getMenuProps({}, { suppressRefError: true });
   return /* @__PURE__ */ jsx(Popper, { children: /* @__PURE__ */ jsx(
-    SelectContextProvider,
+    SelectProvider,
     {
       disabled,
       downshift,

package/dist/esm/packages/react/src/select-content/SelectContent-css.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-C7dom7EC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/select-content/SelectContent.css.ts.vanilla-CUPJPb-Q.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var content = recipeRuntime({base:['_1btiqej']});
+var content = recipeRuntime({base:['_11mh0s6']});
 export { content };

package/dist/esm/packages/react/src/select-content/SelectContent.js CHANGED Viewed

@@ -21,7 +21,9 @@ const SelectContent = forwardRef(
     ...props
   }, ref) => {
     const { boxProps, restProps } = extractBoxProps(props);
-    const { downshift, isOpen, placed, setPlaced } = useSelectContext("SelectContent");
+    const { downshift, isOpen, placed, setPlaced } = useSelectContext(
+      "@optiaxiom/react/SelectContent"
+    );
     return isOpen && /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(ModalLayer, { asChild: true, children: /* @__PURE__ */ jsx(
       MenuListbox,
       {

package/dist/esm/packages/react/src/select-context/SelectContext.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
-const [SelectContextProvider, useSelectContext] = createContext("Select");
+const [SelectProvider, useSelectContext] = createContext("@optiaxiom/react/Select");
-export { SelectContextProvider, useSelectContext };
+export { SelectProvider, useSelectContext };

package/dist/esm/packages/react/src/select-item/SelectItem.js CHANGED Viewed

@@ -8,7 +8,9 @@ import { useSelectContext } from '../select-context/SelectContext.js';
 const SelectItem = forwardRef(
   ({ children, item, size, ...props }, ref) => {
-    const { downshift, highlightedItem, selectedItem } = useSelectContext("SelectItem");
+    const { downshift, highlightedItem, selectedItem } = useSelectContext(
+      "@optiaxiom/react/SelectItem"
+    );
     const itemProps = downshift.getItemProps({ item, ref, ...props });
     return /* @__PURE__ */ jsx(
       Box,

package/dist/esm/packages/react/src/select-trigger/SelectTrigger.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SelectTrigger = forwardRef(
     placeholder,
     ...props
   }, ref) => {
-    const { disabled, downshift, isOpen, itemToString, selectedItem } = useSelectContext("SelectTrigger");
+    const { disabled, downshift, isOpen, itemToString, selectedItem } = useSelectContext("@optiaxiom/react/SelectTrigger");
     const { boxProps, restProps } = extractBoxProps(props);
     const buttonRef = useRef(null);
     const labelId = useFieldLabelTrigger(buttonRef, ariaLabelledBy);

package/dist/esm/packages/react/src/separator/Separator-css.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-Dt5coXzs.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-B4XqOfv3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 import { createSprinkles } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.3_patch_hash_eh2tyazhmaumpwivglvpekok3e_@vanilla-extract_css@1_h2fokeqwgislkw3fqntlep77qq/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js';
 var base = recipeRuntime({base:{borderColor:'border.secondary'}});
-var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_1o9nnk5',md:'_1e2udui',base:'_8ijxpc'},defaultClass:'_8ijxpc'},vertical:{conditions:{sm:'_1dsrgwf',md:'_114peee',base:'fmx8f8'},defaultClass:'fmx8f8'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
+var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_13nh73w',md:'_1xk94xe',base:'zc3ek7'},defaultClass:'zc3ek7'},vertical:{conditions:{sm:'_1r3vksk',md:'fnjy4f',base:'xox0d6'},defaultClass:'xox0d6'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 export { base, separator };

package/dist/esm/packages/react/src/sidebar/Sidebar.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { SidebarContextProvider } from '../sidebar-context/SidebarContext.js';
+import { SidebarProvider } from '../sidebar-context/SidebarContext.js';
 const Sidebar = forwardRef(
   ({
@@ -22,7 +22,7 @@ const Sidebar = forwardRef(
       prop: expandedProp
     });
     return /* @__PURE__ */ jsx(
-      SidebarContextProvider,
+      SidebarProvider,
       {
         expanded,
         navId: useId(),

package/dist/esm/packages/react/src/sidebar-context/SidebarContext.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
-const [SidebarContextProvider, useSidebarContext] = createContext("Sidebar");
+const [SidebarProvider, useSidebarContext] = createContext("@optiaxiom/react/Sidebar");
-export { SidebarContextProvider, useSidebarContext };
+export { SidebarProvider, useSidebarContext };

package/dist/esm/packages/react/src/sidebar-toggle/SidebarToggle.js CHANGED Viewed

@@ -6,7 +6,9 @@ import { useSidebarContext } from '../sidebar-context/SidebarContext.js';
 const SidebarToggle = forwardRef(
   ({ "aria-label": ariaLabel, children, ...props }, ref) => {
-    const { expanded, navId, onExpandedChange } = useSidebarContext("SidebarToggle");
+    const { expanded, navId, onExpandedChange } = useSidebarContext(
+      "@optiaxiom/react/SidebarToggle"
+    );
     return /* @__PURE__ */ jsx(
       NavItem,
       {

package/dist/esm/packages/react/src/skeleton/Skeleton-css.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-DVD42p2z.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-B-wYTiAT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'il4cm4']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'wb4lj6']});
 export { skeleton };

package/dist/esm/packages/react/src/spinner/Spinner-css.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-B1TBE6xG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-DatXx1Xy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var track = recipeRuntime({variants:{appearance:{'default':'_2uvxif',inverse:'_10d6obl'}}});
+var track = recipeRuntime({variants:{appearance:{'default':'_5z59t',inverse:'kykbsk'}}});
 export { track };

package/dist/esm/packages/react/src/spotlight/Spotlight.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useEffect } from 'react';
 import { Dialog } from '../dialog/Dialog.js';
-import { SpotlightContextProvider } from '../spotlight-context/SpotlightContext.js';
+import { SpotlightProvider } from '../spotlight-context/SpotlightContext.js';
 import { useEffectEvent } from '../use-event/useEffectEvent.js';
 function Spotlight({
@@ -35,7 +35,7 @@ function Spotlight({
     }
   }, [open, onInputValueChangeStable]);
   return /* @__PURE__ */ jsx(Dialog, { onOpenChange: setOpen, open, children: /* @__PURE__ */ jsx(
-    SpotlightContextProvider,
+    SpotlightProvider,
     {
       inputValue,
       isItemDisabled,

package/dist/esm/packages/react/src/spotlight-content/SpotlightContent.js CHANGED Viewed

@@ -19,7 +19,7 @@ const SpotlightContent = forwardRef(({ "aria-label": ariaLabel, children, size:
     itemToSubItems,
     onInputValueChange,
     onItemSelect
-  } = useSpotlightContext("SpotlightContent");
+  } = useSpotlightContext("@optiaxiom/react/SpotlightContent");
   return /* @__PURE__ */ jsxs(
     DialogContent,
     {

package/dist/esm/packages/react/src/spotlight-context/SpotlightContext.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
-const [SpotlightContextProvider, useSpotlightContext] = createContext("Spotlight");
+const [SpotlightProvider, useSpotlightContext] = createContext("@optiaxiom/react/Spotlight");
-export { SpotlightContextProvider, useSpotlightContext };
+export { SpotlightProvider, useSpotlightContext };

package/dist/esm/packages/react/src/spotlight-input/SpotlightInput-css.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-4WgqftEf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-BG50h7Fr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1k8oong']});
+var input = recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'t9ddfa']});
 export { input };

package/dist/esm/packages/react/src/spotlight-radio-item/SpotlightRadioItem-css.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-CT3QKOG7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-Cla2d-L6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_1rmbstf']});
+var item = recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_1dgec1g']});
 export { item };

package/dist/esm/packages/react/src/spotlight-sub-item/SpotlightSubItem-css.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-6xLEkHBd.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-DW9NourM.css';
-import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-D4Goz1uu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-vkICs9QI.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-gAONLzWs.css';
+import './../../../../assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-DfwAJ8Wz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_3pxevc',true:'axw71g'}}});
+var item = recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'lhbseo',true:'_2kjk4'}}});
 export { item };

package/dist/esm/packages/react/src/spotlight-trigger/SpotlightTrigger.js CHANGED Viewed

@@ -7,11 +7,13 @@ import '../sprinkles/sprinklesMerge.js';
 import { DialogTrigger } from '../dialog-trigger/DialogTrigger.js';
 import { IconMagnifyingGlass } from '../icons/IconMagnifyingGlass.js';
 import { useSpotlightContext } from '../spotlight-context/SpotlightContext.js';
-import { useHotkeys } from '../../../../node_modules/.pnpm/@mantine_hooks@7.16.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-hotkeys/use-hotkeys.js';
+import { useHotkeys } from '../../../../node_modules/.pnpm/@mantine_hooks@7.17.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-hotkeys/use-hotkeys.js';
 const DEFAULT_HOTKEY = "mod+K";
 const SpotlightTrigger = forwardRef(({ children, hotkey = DEFAULT_HOTKEY, ...props }, ref) => {
-  const { open, setOpen } = useSpotlightContext("SpotlightTrigger");
+  const { open, setOpen } = useSpotlightContext(
+    "@optiaxiom/react/SpotlightTrigger"
+  );
   useHotkeys([[hotkey, () => setOpen(!open)]]);
   return /* @__PURE__ */ jsx(DialogTrigger, { icon: /* @__PURE__ */ jsx(IconMagnifyingGlass, {}), ref, ...props, children: /* @__PURE__ */ jsx(Box, { color: "fg.tertiary", children }) });
 });