@optiaxiom/react 1.3.1 → 1.3.3

package/dist/esm/packages/react/src/breadcrumb/BreadcrumbLink-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-CfyCsxWH.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var link = recipeRuntime({base:[{fontSize:'md',overflow:'hidden',rounded:'md'},'vjsvmv']});
+
+export { link };

package/dist/esm/packages/react/src/breadcrumb/BreadcrumbLink.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Link } from '../link/Link.js';
+import { Tooltip } from '../tooltip/Tooltip.js';
+import '../tooltip/TooltipContent.js';
+import '../tooltip/TooltipProvider.js';
+import '../tooltip/TooltipRoot.js';
+import '../tooltip/TooltipTrigger.js';
+import { link } from './BreadcrumbLink-css.js';
+
+const BreadcrumbLink = forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Tooltip, { auto: true, content: props.children, children: /* @__PURE__ */ jsx(Link, { ...link({}, className), ref, ...props }) });
+});
+BreadcrumbLink.displayName = "@optiaxiom/react/BreadcrumbLink";
+
+export { BreadcrumbLink };

package/dist/esm/packages/react/src/breadcrumb/BreadcrumbPage.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Text } from '../text/Text.js';
+import { Tooltip } from '../tooltip/Tooltip.js';
+import '../tooltip/TooltipContent.js';
+import '../tooltip/TooltipProvider.js';
+import '../tooltip/TooltipRoot.js';
+import '../tooltip/TooltipTrigger.js';
+
+const BreadcrumbPage = forwardRef(
+  ({ ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Tooltip, { auto: true, content: props.children, children: /* @__PURE__ */ jsx(
+      Text,
+      {
+        "aria-current": "page",
+        asChild: true,
+        color: "fg.default",
+        fontSize: "md",
+        truncate: true,
+        children: /* @__PURE__ */ jsx("span", { ref, ...props })
+      }
+    ) });
+  }
+);
+BreadcrumbPage.displayName = "@optiaxiom/react/BreadcrumbPage";
+
+export { BreadcrumbPage };

package/dist/esm/packages/react/src/button/Button.js

@@ -1,18 +1,19 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
+import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef, useEffect } from 'react';
-import { ButtonAddon } from '../button-addon/ButtonAddon.js';
-import { ButtonBase } from '../button-base/ButtonBase.js';
-import { useButtonContext } from '../button-context/ButtonContext.js';
-import { ButtonLabel } from '../button-label/ButtonLabel.js';
-import { ButtonLoadable } from '../button-loadable/ButtonLoadable.js';
 import { Icon } from '../icon/Icon.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
 import '../utils/isHoverSupported.js';
+import { ButtonAddon } from './ButtonAddon.js';
+import { useButtonContext } from './ButtonContext.js';
+import { ButtonLabel } from './ButtonLabel.js';
+import { ButtonLoadable } from './ButtonLoadable.js';
+import { ButtonRoot } from './ButtonRoot.js';
 
+const Slot = createSlot("@optiaxiom/react/Button");
 const Button = forwardRef(
   ({
     addonAfter,
@@ -56,7 +57,7 @@ const Button = forwardRef(
       }
     }, [isIconMissingAriaLabel]);
     return /* @__PURE__ */ jsx(
-      ButtonBase,
+      ButtonRoot,
       {
         asChild: true,
         justifyContent: square ? "center" : iconPosition === "end" ? "space-between" : "flex-start",

package/dist/esm/packages/react/src/{button-addon → button}/ButtonAddon.js

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { ButtonLoadable } from '../button-loadable/ButtonLoadable.js';
+import { ButtonLoadable } from './ButtonLoadable.js';
 
 const ButtonAddon = forwardRef(
   ({ children, ...props }, ref) => {

package/dist/esm/packages/react/src/button/ButtonGroup-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var buttonGroup = recipeRuntime({base:'mb6zay'});
+
+export { buttonGroup };

package/dist/esm/packages/react/src/{button-label → button}/ButtonLabel.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { ButtonLoadable } from '../button-loadable/ButtonLoadable.js';
 import { Flex } from '../flex/Flex.js';
+import { ButtonLoadable } from './ButtonLoadable.js';
 
 const ButtonLabel = forwardRef(
   ({ children, ...props }, ref) => {

package/dist/esm/packages/react/src/button/ButtonLoadable-css.js

@@ -0,0 +1,9 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BnswEL8I.css';
+import './../../../../assets/src/button/ButtonLoadable.css.ts.vanilla-IQ6f7j1M.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_1cfuh76']});
+
+export { loadable };

package/dist/esm/packages/react/src/button/ButtonRoot-css.js

@@ -0,0 +1,9 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BnswEL8I.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var buttonBase = recipeRuntime({base:['_4b56qi',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1cdba57'],variants:{intent:{danger:'_1ntcc9',neutral:'ygrdzo',primary:'elvx0s'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'h94ny',true:{}},variant:{outline:'_1h4ezok',strong:'_1ij6s7p',subtle:'ee6kgz'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_982n79',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_9qxv79',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_1ktek60',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_1u9kahk']});
+
+export { buttonBase, spinner };

package/dist/esm/packages/react/src/{button-base/ButtonBase.js → button/ButtonRoot.js}

@@ -1,17 +1,18 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
+import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
 import { Spinner } from '../spinner/Spinner.js';
 import { Transition } from '../transition/Transition.js';
-import { TransitionGroup } from '../transition-group/TransitionGroup.js';
+import { TransitionGroup } from '../transition/TransitionGroup.js';
 import '../utils/conditions.js';
 import { decorateChildren } from '../utils/decorateChildren.js';
 import '../utils/isHoverSupported.js';
-import { buttonBase, spinner } from './ButtonBase-css.js';
+import { buttonBase, spinner } from './ButtonRoot-css.js';
 
+const Slot = createSlot("@optiaxiom/react/ButtonRoot");
 const appearances = {
   danger: { intent: "danger", variant: "strong" },
   "danger-outline": { intent: "danger", variant: "outline" },
@@ -20,7 +21,7 @@ const appearances = {
   primary: { intent: "primary", variant: "strong" },
   subtle: { intent: "neutral", variant: "subtle" }
 };
-const ButtonBase = forwardRef(
+const ButtonRoot = forwardRef(
   ({
     appearance = "default",
     asChild,
@@ -67,6 +68,6 @@ const ButtonBase = forwardRef(
     );
   }
 );
-ButtonBase.displayName = "@optiaxiom/react/ButtonBase";
+ButtonRoot.displayName = "@optiaxiom/react/ButtonRoot";
 
-export { ButtonBase };
+export { ButtonRoot };

package/dist/esm/packages/react/src/calendar/Calendar.js

@@ -1,17 +1,18 @@
 "use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { forwardRef, useRef, useEffect } from 'react';
+import { forwardRef, useRef, useState, useMemo, useEffect } from 'react';
 import { DayPicker } from 'react-day-picker';
 import { Clock } from '../clock/Clock.js';
+import { toInstant } from '../date-input/utils.js';
 import { Flex } from '../flex/Flex.js';
+import { useEffectEvent } from '../hooks/useEffectEvent.js';
+import '../field/FieldContext.js';
+import { useResponsiveMatches } from '../hooks/useResponsiveMatches.js';
 import { Separator } from '../separator/Separator.js';
 import { Text } from '../text/Text.js';
-import { useEffectEvent } from '../use-event/useEffectEvent.js';
-import { useResponsiveMatches } from '../use-responsive-matches/useResponsiveMatches.js';
 import '../utils/conditions.js';
-import '@radix-ui/react-slot';
 import '../utils/isHoverSupported.js';
 import { toPlainDate } from '../utils/toPlainDate.js';
 import { toPlainTime } from '../utils/toPlainTime.js';
@@ -32,7 +33,6 @@ import { toTimeZoneName } from './toTimeZoneName.js';
 const components = {
   Chevron: CalendarChevron,
   Day: CalendarDay,
-  DayButton: CalendarDayButton,
   MonthCaption: CalendarMonthCaption,
   MonthGrid: CalendarMonthGrid,
   Months: CalendarMonths,
@@ -45,7 +45,7 @@ const components = {
 };
 const Calendar = forwardRef(
   ({
-    defaultValue,
+    defaultValue = null,
     holiday,
     max,
     min,
@@ -60,6 +60,7 @@ const Calendar = forwardRef(
     ...props
   }, outerRef) => {
     const [value, setValue] = useControllableState({
+      caller: "@optiaxiom/react/Calendar",
       defaultProp: defaultValue,
       onChange: onValueChange,
       prop: valueProp
@@ -71,6 +72,36 @@ const Calendar = forwardRef(
     });
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
+    const [from, setFrom] = useState();
+    const [to, setTo] = useState();
+    const DayButtonMemo = useMemo(
+      () => function DayButton({
+        onFocus,
+        onPointerEnter,
+        onPointerLeave,
+        ...props2
+      }) {
+        return /* @__PURE__ */ jsx(
+          CalendarDayButton,
+          {
+            onFocus: (event) => {
+              onFocus?.(event);
+              setTo(props2.day.date);
+            },
+            onPointerEnter: (event) => {
+              onPointerEnter?.(event);
+              setTo(props2.day.date);
+            },
+            onPointerLeave: (event) => {
+              onPointerLeave?.(event);
+              setTo(void 0);
+            },
+            ...props2
+          }
+        );
+      },
+      []
+    );
     const onHeightChangeStable = useEffectEvent(onHeightChange ?? (() => {
     }));
     useEffect(() => {
@@ -95,28 +126,68 @@ const Calendar = forwardRef(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsx(
+          mode === "single" ? /* @__PURE__ */ jsx(
             DayPicker,
             {
               autoFocus: true,
-              components,
-              defaultMonth: value && typeof value === "object" && "from" in value ? value.from : value,
+              components: {
+                ...components,
+                DayButton: DayButtonMemo
+              },
+              defaultMonth: value instanceof Date ? value : void 0,
               disabled: [
                 ...min ? [{ before: min }] : [],
                 ...max ? [{ after: max }] : []
               ],
-              fixedWeeks: mode === "range",
-              mode,
+              mode: "single",
               modifiers: { holiday, weekend },
-              numberOfMonths: mode === "range" ? numberOfMonths : 1,
               onSelect: (value2) => {
                 setValue(
-                  value2 instanceof Date ? /* @__PURE__ */ new Date(toPlainDate(value2) + "T" + (time ?? "00:00")) : value2
+                  value2 ? /* @__PURE__ */ new Date(toPlainDate(value2) + "T" + (time ?? "00:00")) : value2 ?? null
                 );
               },
               required: true,
-              selected: value,
-              showOutsideDays: mode === "range",
+              selected: value instanceof Date ? value : void 0,
+              today
+            }
+          ) : /* @__PURE__ */ jsx(
+            DayPicker,
+            {
+              autoFocus: true,
+              components: {
+                ...components,
+                DayButton: DayButtonMemo
+              },
+              defaultMonth: value && typeof value === "object" && "from" in value ? value.from : void 0,
+              disabled: [
+                ...min ? [{ before: min }] : [],
+                ...max ? [{ after: max }] : []
+              ],
+              fixedWeeks: true,
+              mode: "range",
+              modifiers: { holiday, weekend },
+              numberOfMonths,
+              onSelect: (newValue) => {
+                if (!from) {
+                  const oldFrom = value && typeof value === "object" && "from" in value ? value.from : void 0;
+                  const newFrom = oldFrom && newValue?.from && newValue.from < oldFrom ? newValue.from : newValue?.to;
+                  setFrom(newFrom);
+                } else {
+                  setFrom(void 0);
+                  setValue(
+                    to && to < from ? {
+                      from: to,
+                      to: toInstant(toPlainDate(from) + "T23:59:59.999")
+                    } : {
+                      from,
+                      to: to ? toInstant(toPlainDate(to) + "T23:59:59.999") : void 0
+                    }
+                  );
+                }
+              },
+              required: true,
+              selected: from ? to && to < from ? { from: to, to: from } : { from, to } : value && typeof value === "object" && "from" in value ? value : void 0,
+              showOutsideDays: true,
               today
             }
           ),

package/dist/esm/packages/react/src/calendar/CalendarDayButton-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-0TZcmmu3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/calendar/CalendarDayButton.css.ts.vanilla-CbzJvQqN.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1ey6956'],variants:{appearance:{'default':'o40pi0',holiday:[{color:'fg.error'},'_1bm3lkd'],range_middle:'qn7lxr',selected:[{color:'fg.white'},'_1jepfs1'],weekend:[{color:'fg.tertiary'},'p6usae']},range:{end:['_1opkj88'],middle:['_1chn8zi'],start:['wd69gz']}}});
-var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'itcpl5']});
+var button = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'q7rqu6'],variants:{appearance:{'default':'uqfd8u',holiday:[{color:'fg.error'},'_1vg0chb'],range_middle:'ynq14q',selected:[{color:'fg.white'},'ozck2s'],weekend:[{color:'fg.tertiary'},'wv59u9']},range:{end:['_1xf2bhj'],middle:['_1ae1374'],start:['_132gxkx']}}});
+var today = recipeRuntime({base:[{bg:'current',mx:'auto',rounded:'full'},'_1s98nz4']});
 
 export { button, today };

package/dist/esm/packages/react/src/calendar/CalendarMonths-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-BnSeiwfY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-BYIA8kKI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'rj06bq']});
+var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'gocjc7']});
 
 export { months };

package/dist/esm/packages/react/src/calendar/CalendarNav-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-BEUq3kDL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/calendar/CalendarNav.css.ts.vanilla-BOl2sT7H.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_2cl7kj']});
+var nav = recipeRuntime({base:[{display:'flex',justifyContent:'space-between',w:'full'},'_1wnnxrc']});
 
 export { nav };

package/dist/esm/packages/react/src/calendar/CalendarNextMonthButton.js

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { NextMonthButton } from 'react-day-picker';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 
 function CalendarNextMonthButton({
   children,

package/dist/esm/packages/react/src/calendar/CalendarPreviousMonthButton.js

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { PreviousMonthButton } from 'react-day-picker';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 
 function CalendarPreviousMonthButton({
   children,

package/dist/esm/packages/react/src/card/Card-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-CFXkX2QS.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-D-bSclzt.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-C3yqZN2A.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-l3bRDSQn.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-DIghhNpx.css';
+import './../../../../assets/src/card/Card.css.ts.vanilla-BJ-5_F6D.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var card = recipeRuntime({base:['_1kedgbq',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1bpwocj']});
+var card = recipeRuntime({base:['_3gjhi9',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'h7vgvu']});
 
 export { card };

package/dist/esm/packages/react/src/card/Card.js

@@ -2,10 +2,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { useId } from '@radix-ui/react-id';
 import { forwardRef } from 'react';
-import { ActionsRoot } from '../actions-root/ActionsRoot.js';
-import { CardProvider } from '../card-context/CardContext.js';
+import '../actions/ActionsContent.js';
+import { ActionsRoot } from '../actions/ActionsRoot.js';
 import { Flex } from '../flex/Flex.js';
 import { card } from './Card-css.js';
+import { CardProvider } from './CardContext.js';
 
 const mapOrientationToFlexDirection = {
   horizontal: "row",

package/dist/esm/packages/react/src/card/CardAction-css.js

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/card/CardOverflow.css.ts.vanilla-4xeH6as-.css';
+import './../../../../assets/src/card/CardAction.css.ts.vanilla-cGe0ueeL.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var action = recipeRuntime({base:['xvmgv4']});
+
+export { action };

package/dist/esm/packages/react/src/{card-action → card}/CardAction.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { ActionsContent } from '../actions-content/ActionsContent.js';
+import { ActionsContent } from '../actions/ActionsContent.js';
+import '../actions/ActionsRoot.js';
 import { action } from './CardAction-css.js';
 
 const CardAction = forwardRef(

package/dist/esm/packages/react/src/{card-checkbox → card}/CardCheckbox.js

@@ -2,21 +2,22 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useId } from '@radix-ui/react-id';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { useCardContext } from '../card-context/CardContext.js';
-import { CheckboxControl } from '../checkbox-control/CheckboxControl.js';
-import { CheckboxRoot } from '../checkbox-root/CheckboxRoot.js';
+import { CheckboxControl } from '../checkbox/CheckboxControl.js';
+import { CheckboxRoot } from '../checkbox/CheckboxRoot.js';
+import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
+import { useCardContext } from './CardContext.js';
 
 const CardCheckbox = forwardRef(
   ({ children, indeterminate, onChange, ...props }, ref) => {
     const labelPrefixId = useId();
     const { labelId } = useCardContext("@optiaxiom/react/CardCheckbox");
     const [checked, setChecked] = useControllableState({
+      caller: "@optiaxiom/react/CardCheckbox",
       defaultProp: props.defaultChecked,
       prop: props.checked
     });

package/dist/esm/packages/react/src/{card-description → card}/CardDescription.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { useCardContext } from '../card-context/CardContext.js';
 import { Text } from '../text/Text.js';
+import { useCardContext } from './CardContext.js';
 
 const CardDescription = forwardRef(({ children, ...props }, ref) => {
   const { descriptionId } = useCardContext("@optiaxiom/react/CardDescription");

package/dist/esm/packages/react/src/card/CardImage-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/card/CardImage.css.ts.vanilla-B_-yqAwq.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var cardImage = recipeRuntime({base:[{h:'full',rounded:'inherit'},'vsr17m'],variants:{orientation:{horizontal:[{w:'auto'},'_16eg3iw'],vertical:[{w:'full'},'_4fsem8']}}});
+
+export { cardImage };

package/dist/esm/packages/react/src/{card-image → card}/CardImage.js

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { useCardContext } from '../card-context/CardContext.js';
+import { useCardContext } from './CardContext.js';
 import { cardImage } from './CardImage-css.js';
 
 const CardImage = forwardRef(

package/dist/esm/packages/react/src/card/CardOverflow-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/card/CardOverflow.css.ts.vanilla-4xeH6as-.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var cardOverflow = recipeRuntime({base:['_9dlhqg',{alignSelf:'stretch'},'_1vep2az'],variants:{orientation:{horizontal:['zjysul'],vertical:['_1vrvpt7']}}});
+
+export { cardOverflow };

package/dist/esm/packages/react/src/{card-overflow → card}/CardOverflow.js

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { useCardContext } from '../card-context/CardContext.js';
+import { useCardContext } from './CardContext.js';
 import { cardOverflow } from './CardOverflow-css.js';
 
 const CardOverflow = forwardRef(

package/dist/esm/packages/react/src/{card-title → card}/CardTitle.js

@@ -1,10 +1,11 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
+import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
-import { useCardContext } from '../card-context/CardContext.js';
 import { Heading } from '../heading/Heading.js';
+import { useCardContext } from './CardContext.js';
 
+const Slot = createSlot("@optiaxiom/react/CardTitle");
 const CardTitle = forwardRef(
   ({ asChild, children, ...props }, ref) => {
     const Comp = asChild ? Slot : "h2";

package/dist/esm/packages/react/src/checkbox/Checkbox.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { CheckboxContent } from '../checkbox-content/CheckboxContent.js';
-import { CheckboxControl } from '../checkbox-control/CheckboxControl.js';
-import { CheckboxRoot } from '../checkbox-root/CheckboxRoot.js';
+import { CheckboxContent } from './CheckboxContent.js';
+import { CheckboxControl } from './CheckboxControl.js';
+import { CheckboxRoot } from './CheckboxRoot.js';
 
 const Checkbox = forwardRef(
   ({ children, description, indeterminate, ...props }, ref) => {

package/dist/esm/packages/react/src/{checkbox-content → checkbox}/CheckboxContent.js

@@ -1,9 +1,12 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { ToggleInputContent } from '../toggle-input-content/ToggleInputContent.js';
-import { ToggleInputDescription } from '../toggle-input-description/ToggleInputDescription.js';
-import { ToggleInputLabel } from '../toggle-input-label/ToggleInputLabel.js';
+import '../toggle-input/ToggleInput.js';
+import { ToggleInputContent } from '../toggle-input/ToggleInputContent.js';
+import '../toggle-input/ToggleInputControl.js';
+import { ToggleInputDescription } from '../toggle-input/ToggleInputDescription.js';
+import '../toggle-input/ToggleInputHiddenInput.js';
+import { ToggleInputLabel } from '../toggle-input/ToggleInputLabel.js';
 
 const CheckboxContent = forwardRef(({ children, description, ...props }, ref) => {
   return /* @__PURE__ */ jsxs(ToggleInputContent, { ref, ...props, children: [

package/dist/esm/packages/react/src/checkbox/CheckboxControl-css.js

@@ -0,0 +1,11 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Cud_bjK9.css';
+import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-CAosigYx.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1uuvkpp'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'qlhhar']});
+var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
+
+export { control, icon, indicator };

package/dist/esm/packages/react/src/{checkbox-control → checkbox}/CheckboxControl.js

@@ -6,7 +6,12 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { CheckboxCheck } from '../icons/CheckboxCheck.js';
 import { IconMinus } from '../icons/IconMinus.js';
-import { ToggleInputControl } from '../toggle-input-control/ToggleInputControl.js';
+import '../toggle-input/ToggleInput.js';
+import '../toggle-input/ToggleInputContent.js';
+import { ToggleInputControl } from '../toggle-input/ToggleInputControl.js';
+import '../toggle-input/ToggleInputDescription.js';
+import '../toggle-input/ToggleInputHiddenInput.js';
+import '../toggle-input/ToggleInputLabel.js';
 import { control, indicator, icon } from './CheckboxControl-css.js';
 
 const CheckboxControl = forwardRef(({ className, indeterminate, shift, ...props }, ref) => {

package/dist/esm/packages/react/src/{checkbox-root → checkbox}/CheckboxRoot.js

@@ -4,7 +4,11 @@ import { forwardRef } from 'react';
 import '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
 import { ToggleInput } from '../toggle-input/ToggleInput.js';
-import { ToggleInputHiddenInput } from '../toggle-input-hidden-input/ToggleInputHiddenInput.js';
+import '../toggle-input/ToggleInputContent.js';
+import '../toggle-input/ToggleInputControl.js';
+import '../toggle-input/ToggleInputDescription.js';
+import { ToggleInputHiddenInput } from '../toggle-input/ToggleInputHiddenInput.js';
+import '../toggle-input/ToggleInputLabel.js';
 
 const CheckboxRoot = forwardRef(
   ({ children, description, ...props }, ref) => {