@optiaxiom/react 0.1.0-next.14 → 0.1.0-next.16

package/dist/index.js

@@ -1,83 +1,88 @@
-export { Accordion } from './accordion/Accordion.js';
-export { AccordionContent } from './accordion-content/AccordionContent.js';
-export { AccordionItem } from './accordion-item/AccordionItem.js';
-export { AccordionTrigger } from './accordion-trigger/AccordionTrigger.js';
-export { Alert } from './alert/Alert.js';
-export { AlertDescription } from './alert-description/AlertDescription.js';
-export { AlertDialog } from './alert-dialog/AlertDialog.js';
-export { AlertDialogAction } from './alert-dialog-action/AlertDialogAction.js';
-export { AlertDialogCancel } from './alert-dialog-cancel/AlertDialogCancel.js';
-export { AlertDialogDescription } from './alert-dialog-description/AlertDialogDescription.js';
-export { AlertDialogFooter } from './alert-dialog-footer/AlertDialogFooter.js';
-export { AlertDialogTitle } from './alert-dialog-title/AlertDialogTitle.js';
-export { AlertTitle } from './alert-title/AlertTitle.js';
-export { AnimatePresence } from './animate-presence/AnimatePresence.js';
-export { usePresence } from './animate-presence/usePresence.js';
-export { Avatar } from './avatar/Avatar.js';
-export { AvatarGroup } from './avatar-group/AvatarGroup.js';
-export { AxiomProvider } from './axiom-provider/AxiomProvider.js';
-export { Badge } from './badge/Badge.js';
-export { Box } from './box/Box.js';
-export { BreadcrumbItem } from './breadcrumb-item/BreadcrumbItem.js';
-export { Breadcrumbs } from './breadcrumbs/Breadcrumbs.js';
-export { Button } from './button/Button.js';
-export { ButtonGroup } from './button-group/ButtonGroup.js';
-export { Checkbox } from './checkbox/Checkbox.js';
-export { Code } from './code/Code.js';
-export { Dialog } from './dialog/Dialog.js';
-export { DialogBody } from './dialog-body/DialogBody.js';
-export { DialogFooter } from './dialog-footer/DialogFooter.js';
-export { DialogTitle } from './dialog-title/DialogTitle.js';
-export { Drawer } from './drawer/Drawer.js';
-export { DrawerBody } from './drawer-body/DrawerBody.js';
-export { DrawerFooter } from './drawer-footer/DrawerFooter.js';
-export { DrawerTitle } from './drawer-title/DrawerTitle.js';
-export { Field } from './field/Field.js';
-export { Flex } from './flex/Flex.js';
-export { Grid } from './grid/Grid.js';
-export { Heading } from './heading/Heading.js';
-export { HoverCard } from './hover-card/HoverCard.js';
-export { HoverCardContent } from './hover-card-content/HoverCardContent.js';
-export { HoverCardTrigger } from './hover-card-trigger/HoverCardTrigger.js';
-export { Indicator } from './indicator/Indicator.js';
-export { Input } from './input/Input.js';
-export { Kbd } from './kbd/Kbd.js';
-export { Link } from './link/Link.js';
-export { Menu } from './menu/Menu.js';
-export { MenuContent } from './menu-content/MenuContent.js';
-export { MenuItem } from './menu-item/MenuItem.js';
-export { MenuLabel } from './menu-label/MenuLabel.js';
-export { MenuSeparator } from './menu-separator/MenuSeparator.js';
-export { MenuTrigger } from './menu-trigger/MenuTrigger.js';
-export { Pagination } from './pagination/Pagination.js';
-export { Popover } from './popover/Popover.js';
-export { PopoverContent } from './popover-content/PopoverContent.js';
-export { PopoverTrigger } from './popover-trigger/PopoverTrigger.js';
-export { Progress } from './progress/Progress.js';
-export { RadioGroup } from './radio-group/RadioGroup.js';
-export { RadioGroupItem } from './radio-group-item/RadioGroupItem.js';
-export { Search } from './search/Search.js';
-export { Separator } from './separator/Separator.js';
-export { Skeleton } from './skeleton/Skeleton.js';
-export { Spinner } from './spinner/Spinner.js';
-export { extractSprinkles } from './sprinkles/extractSprinkles.js';
-export { mapResponsiveValue, sprinkles } from './sprinkles/sprinkles-css.js';
-import * as layers_css from './styles/layers-css.js';
+export { Accordion } from './src/accordion/Accordion.js';
+export { AccordionContent } from './src/accordion-content/AccordionContent.js';
+export { AccordionItem } from './src/accordion-item/AccordionItem.js';
+export { AccordionTrigger } from './src/accordion-trigger/AccordionTrigger.js';
+export { Alert } from './src/alert/Alert.js';
+export { AlertDescription } from './src/alert-description/AlertDescription.js';
+export { AlertDialog } from './src/alert-dialog/AlertDialog.js';
+export { AlertDialogAction } from './src/alert-dialog-action/AlertDialogAction.js';
+export { AlertDialogCancel } from './src/alert-dialog-cancel/AlertDialogCancel.js';
+export { AlertDialogContent } from './src/alert-dialog-content/AlertDialogContent.js';
+export { AlertDialogDescription } from './src/alert-dialog-description/AlertDialogDescription.js';
+export { AlertDialogFooter } from './src/alert-dialog-footer/AlertDialogFooter.js';
+export { AlertDialogTitle } from './src/alert-dialog-title/AlertDialogTitle.js';
+export { AlertDialogTrigger } from './src/alert-dialog-trigger/AlertDialogTrigger.js';
+export { AlertTitle } from './src/alert-title/AlertTitle.js';
+export { AnimatePresence } from './src/animate-presence/AnimatePresence.js';
+export { usePresence } from './src/animate-presence/usePresence.js';
+export { Avatar } from './src/avatar/Avatar.js';
+export { AvatarGroup } from './src/avatar-group/AvatarGroup.js';
+export { AxiomProvider } from './src/axiom-provider/AxiomProvider.js';
+export { Badge } from './src/badge/Badge.js';
+export { Box } from './src/box/Box.js';
+export { Button } from './src/button/Button.js';
+export { ButtonGroup } from './src/button-group/ButtonGroup.js';
+export { Checkbox } from './src/checkbox/Checkbox.js';
+export { Code } from './src/code/Code.js';
+export { Dialog } from './src/dialog/Dialog.js';
+export { DialogBody } from './src/dialog-body/DialogBody.js';
+export { DialogClose } from './src/dialog-close/DialogClose.js';
+export { DialogContent } from './src/dialog-content/DialogContent.js';
+export { DialogDescription } from './src/dialog-description/DialogDescription.js';
+export { DialogFooter } from './src/dialog-footer/DialogFooter.js';
+export { DialogTitle } from './src/dialog-title/DialogTitle.js';
+export { DialogTrigger } from './src/dialog-trigger/DialogTrigger.js';
+export { Drawer } from './src/drawer/Drawer.js';
+export { DrawerBody } from './src/drawer-body/DrawerBody.js';
+export { DrawerFooter } from './src/drawer-footer/DrawerFooter.js';
+export { DrawerTitle } from './src/drawer-title/DrawerTitle.js';
+export { DropdownMenu } from './src/dropdown-menu/DropdownMenu.js';
+export { DropdownMenuContent } from './src/dropdown-menu-content/DropdownMenuContent.js';
+export { DropdownMenuItem } from './src/dropdown-menu-item/DropdownMenuItem.js';
+export { DropdownMenuLabel } from './src/dropdown-menu-label/DropdownMenuLabel.js';
+export { DropdownMenuSeparator } from './src/dropdown-menu-separator/DropdownMenuSeparator.js';
+export { DropdownMenuTrigger } from './src/dropdown-menu-trigger/DropdownMenuTrigger.js';
+export { Field } from './src/field/Field.js';
+export { Flex } from './src/flex/Flex.js';
+export { Grid } from './src/grid/Grid.js';
+export { Heading } from './src/heading/Heading.js';
+export { HoverCard } from './src/hover-card/HoverCard.js';
+export { HoverCardContent } from './src/hover-card-content/HoverCardContent.js';
+export { HoverCardTrigger } from './src/hover-card-trigger/HoverCardTrigger.js';
+export { Indicator } from './src/indicator/Indicator.js';
+export { Input } from './src/input/Input.js';
+export { Kbd } from './src/kbd/Kbd.js';
+export { Link } from './src/link/Link.js';
+export { Pagination } from './src/pagination/Pagination.js';
+export { Popover } from './src/popover/Popover.js';
+export { PopoverAnchor } from './src/popover-anchor/PopoverAnchor.js';
+export { PopoverContent } from './src/popover-content/PopoverContent.js';
+export { PopoverTrigger } from './src/popover-trigger/PopoverTrigger.js';
+export { Progress } from './src/progress/Progress.js';
+export { RadioGroup } from './src/radio-group/RadioGroup.js';
+export { RadioGroupItem } from './src/radio-group-item/RadioGroupItem.js';
+export { SearchInput } from './src/search-input/SearchInput.js';
+export { Separator } from './src/separator/Separator.js';
+export { Skeleton } from './src/skeleton/Skeleton.js';
+export { Spinner } from './src/spinner/Spinner.js';
+export { extractSprinkles } from './src/sprinkles/extractSprinkles.js';
+export { mapResponsiveValue, sprinkles } from './src/sprinkles/sprinkles-css.js';
+import * as layers_css from './src/styles/layers-css.js';
 export { layers_css as layers };
-export { theme } from './styles/theme-css.js';
-export { Switch } from './switch/Switch.js';
-export { Tabs } from './tabs/Tabs.js';
-export { TabsContent } from './tabs-content/TabsContent.js';
-export { TabsList } from './tabs-list/TabsList.js';
-export { TabsTrigger } from './tabs-trigger/TabsTrigger.js';
-export { Text } from './text/Text.js';
-export { Textarea } from './textarea/Textarea.js';
-export { Toast } from './toast/Toast.js';
-export { ToastAction } from './toast-action/ToastAction.js';
-export { ToastProvider } from './toast-provider/ToastProvider.js';
-export { createToaster } from './toast-provider/createToaster.js';
-export { ToastTitle } from './toast-title/ToastTitle.js';
-export { Toggle } from './toggle/Toggle.js';
-export { tokens, tokensDark } from './tokens/index.js';
-export { Tooltip } from './tooltip/Tooltip.js';
-export { Transition } from './transition/Transition.js';
+export { theme } from './src/styles/theme-css.js';
+export { Switch } from './src/switch/Switch.js';
+export { Tabs } from './src/tabs/Tabs.js';
+export { TabsContent } from './src/tabs-content/TabsContent.js';
+export { TabsList } from './src/tabs-list/TabsList.js';
+export { TabsTrigger } from './src/tabs-trigger/TabsTrigger.js';
+export { Text } from './src/text/Text.js';
+export { Textarea } from './src/textarea/Textarea.js';
+export { Toast } from './src/toast/Toast.js';
+export { ToastAction } from './src/toast-action/ToastAction.js';
+export { ToastProvider } from './src/toast-provider/ToastProvider.js';
+export { createToaster, toaster } from '@optiaxiom/globals';
+export { ToastTitle } from './src/toast-title/ToastTitle.js';
+export { Toggle } from './src/toggle/Toggle.js';
+export { tokens, tokensDark } from './src/tokens/index.js';
+export { Tooltip } from './src/tooltip/Tooltip.js';
+export { Transition } from './src/transition/Transition.js';

package/dist/package.json.js

@@ -0,0 +1,99 @@
+var name = "@optiaxiom/react";
+var repository = {
+	directory: "packages/react",
+	type: "git",
+	url: "https://github.com/optimizely-axiom/optiaxiom.git"
+};
+var type = "module";
+var version = "0.1.0-next.16";
+var files = [
+	"dist/**",
+	"LICENSE"
+];
+var license = "Apache-2.0";
+var exports = {
+	".": {
+		"import": "./dist/index.js",
+		types: "./dist/index.d.ts"
+	},
+	"./unstable": {
+		"import": "./dist/unstable.js",
+		types: "./dist/unstable.d.ts"
+	}
+};
+var sideEffects = [
+	"*.css"
+];
+var types = "dist/index.d.ts";
+var scripts = {
+	build: "rm -rf dist && NODE_ENV=production rollup -c",
+	dev: "rm -rf dist && rollup -cw",
+	lint: "oas-lint",
+	test: "vitest"
+};
+var dependencies = {
+	"@fontsource-variable/fira-code": "^5.0.20",
+	"@mantine/hooks": "^7.12.2",
+	"@optiaxiom/globals": "workspace:^",
+	"@radix-ui/react-accordion": "^1.2.0",
+	"@radix-ui/react-alert-dialog": "^1.1.1",
+	"@radix-ui/react-arrow": "^1.1.0",
+	"@radix-ui/react-avatar": "^1.1.0",
+	"@radix-ui/react-checkbox": "^1.1.1",
+	"@radix-ui/react-collapsible": "^1.1.0",
+	"@radix-ui/react-compose-refs": "^1.1.0",
+	"@radix-ui/react-context": "^1.1.0",
+	"@radix-ui/react-dialog": "^1.1.1",
+	"@radix-ui/react-dropdown-menu": "^2.1.1",
+	"@radix-ui/react-hover-card": "^1.1.1",
+	"@radix-ui/react-label": "^2.1.0",
+	"@radix-ui/react-menu": "^2.1.1",
+	"@radix-ui/react-popover": "^1.1.1",
+	"@radix-ui/react-popper": "^1.2.0",
+	"@radix-ui/react-portal": "^1.1.1",
+	"@radix-ui/react-primitive": "^2.0.0",
+	"@radix-ui/react-progress": "^1.1.0",
+	"@radix-ui/react-radio-group": "^1.2.0",
+	"@radix-ui/react-separator": "^1.1.0",
+	"@radix-ui/react-slot": "^1.1.0",
+	"@radix-ui/react-switch": "^1.1.0",
+	"@radix-ui/react-tabs": "^1.1.0",
+	"@radix-ui/react-toast": "^1.2.1",
+	"@radix-ui/react-toggle": "^1.1.0",
+	"@radix-ui/react-tooltip": "^1.1.2",
+	"@radix-ui/react-use-controllable-state": "^1.1.0",
+	"@radix-ui/react-visually-hidden": "^1.1.0",
+	"@reach/auto-id": "^0.18.0",
+	"@vanilla-extract/sprinkles": "^1.6.3",
+	clsx: "^2.1.1",
+	cmdk: "^1.0.0",
+	"inter-ui": "^4.0.2",
+	"react-textarea-autosize": "^8.5.3"
+};
+var devDependencies = {
+	"@emotion/hash": "^0.9.2",
+	"@optiaxiom/shared": "workspace:^",
+	"@types/node": "^20.16.5",
+	"@vanilla-extract/css": "^1.15.5"
+};
+var peerDependencies = {
+	react: "^16.14.0 || ^17.0.0 || ^18.0.0",
+	"react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
+};
+var pkg = {
+	name: name,
+	repository: repository,
+	type: type,
+	version: version,
+	files: files,
+	license: license,
+	exports: exports,
+	sideEffects: sideEffects,
+	types: types,
+	scripts: scripts,
+	dependencies: dependencies,
+	devDependencies: devDependencies,
+	peerDependencies: peerDependencies
+};
+
+export { pkg as default, dependencies, devDependencies, exports, files, license, name, peerDependencies, repository, scripts, sideEffects, type, types, version };

package/dist/src/accordion-content/AccordionContent-css.js

@@ -0,0 +1,7 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/accordion-content/AccordionContent.css.ts.vanilla-DTL_N_8t.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var content = recipeRuntime({base:[{overflow:'hidden'},'_1ymhrqf']});
+
+export { content };

package/dist/src/accordion-trigger/AccordionTrigger-css.js

@@ -0,0 +1,9 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
+import './../../assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-4LrJ1QuW.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{appearance:{primary:'_1dht06e',secondary:'gkw274'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',p:'xs',pl:'4',rounded:'md',textAlign:'start',w:'full'},'_18n9bwq']});
+
+export { icon, trigger };

package/dist/src/alert/Alert-css.js

@@ -0,0 +1,9 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
+import './../../assets/src/alert/Alert.css.ts.vanilla-CgsHDZHO.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var alert = recipeRuntime({base:[{alignItems:'start',flexDirection:'row',fontSize:'md',gap:'xs',justifyContent:'space-between',p:'md'}],variants:{colorScheme:{danger:'rz6lxf',neutral:'_1vfoo0g',success:'l81b04',warning:'_1t7h3qw'},variant:{light:[{rounded:'md'},'kmcp9c'],solid:'_15yye6y'}}});
+var icon = recipeRuntime({base:[{h:'16',mt:'4',w:'auto'}],variants:{colorScheme:{danger:'dje6v3',neutral:'_19botw0',success:'ni4srj',warning:'_1lvvz1d'},variant:{light:'_1yybmo9',solid:'_1myq94l'}}});
+
+export { alert, icon };

package/dist/src/alert-dialog/AlertDialog.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { AlertDialogContextProvider } from '../alert-dialog-context/AlertDialogContext.js';
+
+function AlertDialog({
+  children,
+  defaultOpen,
+  onOpenChange,
+  open: openProp,
+  ...props
+}) {
+  const [open, setOpen] = useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  return /* @__PURE__ */ jsx(RadixAlertDialog.Root, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(AlertDialogContextProvider, { open, children }) });
+}
+AlertDialog.displayName = "@optiaxiom/react/AlertDialog";
+
+export { AlertDialog };

package/dist/{alert-dialog-action → src/alert-dialog-action}/AlertDialogAction.js

@@ -1,15 +1,13 @@
 import { jsx } from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import { forwardRef } from 'react';
-import { useAlertDialogContext } from '../alert-dialog-context/AlertDialogContext.js';
 import { Button } from '../button/Button.js';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import '../sprinkles/sprinkles-css.js';
 
 const AlertDialogAction = forwardRef(({ asChild, children, ...props }, ref) => {
   const { restProps, sprinkleProps } = extractSprinkles(props);
-  const { appearance } = useAlertDialogContext("AlertDialogAction");
-  return /* @__PURE__ */ jsx(RadixAlertDialog.Action, { asChild: true, ref, ...sprinkleProps, children: asChild ? children : /* @__PURE__ */ jsx(Button, { appearance, ...restProps, children }) });
+  return /* @__PURE__ */ jsx(RadixAlertDialog.Action, { asChild: true, ref, ...sprinkleProps, children: asChild ? children : /* @__PURE__ */ jsx(Button, { appearance: "danger", ...restProps, children }) });
 });
 AlertDialogAction.displayName = "@optiaxiom/react/AlertDialogAction";
 

package/dist/src/alert-dialog-content/AlertDialogContent-css.js

@@ -0,0 +1,8 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-Iclo0aet.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var content = recipeRuntime({base:[{bg:'surface',rounded:'lg',shadow:'md',z:'popover'},'_18e4ph3'],variants:{size:{sm:'_1irrimv',md:'hiu8r6',lg:'_1ppncny'}}});
+var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'eesi04']});
+
+export { content, overlay };

package/dist/src/alert-dialog-content/AlertDialogContent.js

@@ -0,0 +1,20 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
+import { forwardRef } from 'react';
+import { useAlertDialogContext, AlertDialogContextProvider } from '../alert-dialog-context/AlertDialogContext.js';
+import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
+import '../animate-presence/PresenceContext.js';
+import { Box } from '../box/Box.js';
+import { Transition } from '../transition/Transition.js';
+import { overlay, content } from './AlertDialogContent-css.js';
+
+const AlertDialogContent = forwardRef(({ children, size = "sm", ...props }, ref) => {
+  const { open } = useAlertDialogContext("AlertDialogContent");
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsxs(RadixAlertDialog.Portal, { forceMount: true, children: [
+    /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Box, { asChild: true, ...overlay(), children: /* @__PURE__ */ jsx(RadixAlertDialog.Overlay, {}) }) }),
+    /* @__PURE__ */ jsx(Transition, { "data-side": "bottom", type: "fade", children: /* @__PURE__ */ jsx(Box, { asChild: true, ...content({ size }), children: /* @__PURE__ */ jsx(RadixAlertDialog.Content, { ref, ...props, children: /* @__PURE__ */ jsx(AlertDialogContextProvider, { open, children }) }) }) })
+  ] }) });
+});
+AlertDialogContent.displayName = "@optiaxiom/react/AlertDialogContent";
+
+export { AlertDialogContent };

package/dist/src/alert-dialog-description/AlertDialogDescription-css.js

@@ -0,0 +1,7 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-DES_8BRp.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var body = recipeRuntime({base:[{fontSize:'md',overflow:'auto',px:'24',py:'16'},'a2phog']});
+
+export { body };

package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js

@@ -0,0 +1,8 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
+import './../../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-3BCX18Oc.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'u1ioww']});
+
+export { footer };

package/dist/{alert-dialog-title → src/alert-dialog-title}/AlertDialogTitle.js

@@ -10,9 +10,8 @@ const AlertDialogTitle = forwardRef(({ children, ...props }, ref) => {
       asChild: true,
       fontWeight: "500",
       level: "3",
-      pb: "16",
-      pt: "24",
-      px: "24",
+      p: "lg",
+      pb: "md",
       ref,
       ...props,
       children: /* @__PURE__ */ jsx(RadixAlertDialog.Title, { children })

package/dist/src/alert-dialog-trigger/AlertDialogTrigger.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
+import { forwardRef } from 'react';
+import { Button } from '../button/Button.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles-css.js';
+
+const AlertDialogTrigger = forwardRef(({ asChild, children, ...props }, ref) => {
+  const { restProps, sprinkleProps } = extractSprinkles(props);
+  return /* @__PURE__ */ jsx(RadixAlertDialog.Trigger, { asChild: true, ref, ...sprinkleProps, children: asChild ? children : /* @__PURE__ */ jsx(Button, { ...restProps, children }) });
+});
+AlertDialogTrigger.displayName = "@optiaxiom/react/AlertDialogTrigger";
+
+export { AlertDialogTrigger };

package/dist/{animate-presence → src/animate-presence}/AnimatePresence.js

@@ -2,9 +2,9 @@ import { jsx } from 'react/jsx-runtime';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { PresenceContext } from './PresenceContext.js';
 
-const AnimatePresence = ({
+function AnimatePresence({
   children
-}) => {
+}) {
   const [exiting, setExiting] = useState(
     /* @__PURE__ */ new Map()
   );
@@ -31,6 +31,7 @@ const AnimatePresence = ({
     }
   }, [exiting, isPresent]);
   return /* @__PURE__ */ jsx(PresenceContext.Provider, { value: { isPresent, onExitComplete, register }, children: children || ([...exiting.values()].some(Boolean) ? lastChildren.current : null) });
-};
+}
+AnimatePresence.displayName = "@optiaxiom/react/AnimatePresence";
 
 export { AnimatePresence };

package/dist/src/avatar/Avatar-css.js

@@ -0,0 +1,11 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-D7uZcMEm.css';
+import './../../assets/src/avatar/Avatar.css.ts.vanilla-YFYCqi4E.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1rqynh0'],variants:{colorScheme:{blue:{bg:'blue.500',color:'white'},brand:{bg:'brand.500',color:'white'},dark:{bg:'dark.500',color:'white'},gray:{bg:'gray.500',color:'white'},green:{bg:'green.500',color:'white'},magenta:{bg:'magenta.500',color:'white'},neutral:{bg:'neutral.150',color:'bg.neutral.inverse'},orange:{bg:'orange.500',color:'white'},purple:{bg:'purple.500',color:'white'},red:{bg:'red.500',color:'white'},slate:{bg:'slate.500',color:'white'},yellow:{bg:'yellow.500',color:'white'}},size:{xs:[{fontSize:'xs',fontWeight:'400',size:'xs'},'_1hgnugn'],sm:[{fontSize:'xs',size:'sm'},'d3dqm0'],md:[{fontSize:'md',size:'md'},'_1eq2piq'],xl:[{fontSize:'2xl',size:'xl'},'_14ovj1'],'5xl':[{fontSize:'4xl',size:'5xl'},'_1bfkk8u']}}});
+var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
+var icon = recipeRuntime({base:[{h:'auto'}],variants:{size:{xs:{w:'12'},sm:{w:'12'},md:{w:'16'},xl:{w:'20'},'5xl':{w:'32'}}}});
+
+export { avatar, fallback, icon };

package/dist/src/avatar-group/AvatarGroup-css.js

@@ -0,0 +1,7 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-D7uZcMEm.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var avatarGroup = recipeRuntime({base:['_199l78k',{display:'flex'}]});
+
+export { avatarGroup };

package/dist/src/axiom-provider/AxiomProvider.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { AxiomVersionContext } from '@optiaxiom/globals';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+import { useContext } from 'react';
+import pkg from '../../package.json.js';
+import { ToastProvider } from '../toast-provider/ToastProvider.js';
+
+function AxiomProvider({
+  children,
+  toast,
+  tooltip
+}) {
+  const axiom = useContext(AxiomVersionContext);
+  if (axiom) {
+    return children;
+  }
+  return /* @__PURE__ */ jsx(AxiomVersionContext.Provider, { value: pkg.version, children: /* @__PURE__ */ jsxs(RadixTooltip.Provider, { ...tooltip, children: [
+    children,
+    /* @__PURE__ */ jsx(ToastProvider, { ...toast })
+  ] }) });
+}
+AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
+
+export { AxiomProvider };

package/dist/src/badge/Badge-css.js

@@ -0,0 +1,8 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
+import './../../assets/src/badge/Badge.css.ts.vanilla-2xKxI9hH.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',leading:'none',rounded:'full'},'g86wx5'],variants:{colorScheme:{danger:'_3ypqem',information:'_4hr5ty',neutral:'_93l8em',primary:'_1juuisq',success:'hjdvd7',warning:'poxvwm'},variant:{light:'am3z4s',solid:'_197c01f'}}});
+
+export { badge };

package/dist/src/box/Box-css.js

@@ -0,0 +1,8 @@
+import './../../assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css';
+import './../../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
+import './../../assets/src/box/Box.css.ts.vanilla-_TO4h5zD.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var box = recipeRuntime({base:'_10hfku8'});
+
+export { box };

package/dist/{breadcrumbs/Breadcrumbs.js → src/breadcrumb/Breadcrumb.js}

@@ -3,15 +3,13 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import '../sprinkles/sprinkles-css.js';
-import { useBreadcrumbItems } from './useBreadcrumbItems.js';
 
-const Breadcrumbs = forwardRef(
-  ({ children, maxItems, separator = "/", ...props }, ref) => {
+const Breadcrumb = forwardRef(
+  ({ children, ...props }, ref) => {
     const { restProps, sprinkleProps } = extractSprinkles(props);
-    const visibleItems = useBreadcrumbItems(children, maxItems, separator);
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ...sprinkleProps, children: /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsx(Box, { alignItems: "center", asChild: true, display: "flex", gap: "xs", children: /* @__PURE__ */ jsx("ol", { children: visibleItems }) }) }) });
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...sprinkleProps, children: /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsx(Box, { alignItems: "center", asChild: true, display: "flex", gap: "xs", children: /* @__PURE__ */ jsx("ol", { children }) }) }) });
   }
 );
-Breadcrumbs.displayName = "@optiaxiom/react/Breadcrumbs";
+Breadcrumb.displayName = "@optiaxiom/react/Breadcrumb";
 
-export { Breadcrumbs };
+export { Breadcrumb };

package/dist/src/breadcrumb-ellipsis/BreadcrumbEllipsis.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import { Box } from '../box/Box.js';
+import { IconEllipsis } from '../icons/IconEllipsis.js';
+
+function BreadcrumbEllipsis({ ...props }) {
+  return /* @__PURE__ */ jsx(Box, { asChild: true, display: "flex", ...props, children: /* @__PURE__ */ jsx(IconEllipsis, {}) });
+}
+BreadcrumbEllipsis.displayName = "@optiaxiom/react/BreadcrumbEllipsis";
+
+export { BreadcrumbEllipsis };

package/dist/src/breadcrumb-item/BreadcrumbItem.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles-css.js';
+
+const BreadcrumbItem = forwardRef(
+  ({ children, ...props }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...sprinkleProps, children: /* @__PURE__ */ jsx("li", { ref, ...restProps, children }) });
+  }
+);
+BreadcrumbItem.displayName = "@optiaxiom/react/BreadcrumbItem";
+
+export { BreadcrumbItem };

package/dist/src/breadcrumb-link/BreadcrumbLink.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { forwardRef } from 'react';
+import { Link } from '../link/Link.js';
+
+const BreadcrumbLink = forwardRef(({ asChild, ...props }, ref) => {
+  const Comp = asChild ? Slot : Link;
+  return /* @__PURE__ */ jsx(Comp, { ref, ...props });
+});
+BreadcrumbLink.displayName = "@optiaxiom/react/BreadcrumbLink";
+
+export { BreadcrumbLink };

package/dist/src/breadcrumb-page/BreadcrumbPage.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+
+const BreadcrumbPage = forwardRef(
+  ({ ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx("span", { ref, ...props }) });
+  }
+);
+BreadcrumbPage.displayName = "@optiaxiom/react/BreadcrumbPage";
+
+export { BreadcrumbPage };

package/dist/src/breadcrumb-separator/BreadcrumbSeparator.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { Box } from '../box/Box.js';
+
+function BreadcrumbSeparator({
+  asChild,
+  children,
+  ...props
+}) {
+  const Comp = asChild ? Box : "span";
+  return /* @__PURE__ */ jsx(Comp, { ...props, children: children ?? /* @__PURE__ */ jsx("span", { children: "/" }) });
+}
+BreadcrumbSeparator.displayName = "@optiaxiom/react/BreadcrumbSeparator";
+
+export { BreadcrumbSeparator };