@optiaxiom/react 0.13.5 → 0.13.7

package/dist/esm/packages/react/src/drawer/Drawer.js

@@ -1,23 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { DrawerContextProvider } from '../drawer-context/DrawerContext.js';
-
-function Drawer({
-  children,
-  defaultOpen,
-  modal,
-  onOpenChange,
-  open: openProp
-}) {
-  const [open, setOpen] = useControllableState({
-    defaultProp: defaultOpen,
-    onChange: onOpenChange,
-    prop: openProp
-  });
-  return /* @__PURE__ */ jsx(RadixDialog.Root, { modal, onOpenChange: setOpen, open, children: /* @__PURE__ */ jsx(DrawerContextProvider, { open, children }) });
-}
-Drawer.displayName = "@optiaxiom/react/Drawer";
-
-export { Drawer };

package/dist/esm/packages/react/src/drawer-body/DrawerBody.js

@@ -1,27 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-
-const DrawerBody = forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        flex: "1",
-        fontSize: "md",
-        overflow: "auto",
-        px: "24",
-        py: "16",
-        ref,
-        ...props,
-        children
-      }
-    );
-  }
-);
-DrawerBody.displayName = "@optiaxiom/react/DrawerBody";
-
-export { DrawerBody };

package/dist/esm/packages/react/src/drawer-close/DrawerClose.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { forwardRef } from 'react';
-import { Button } from '../button/Button.js';
-
-const DrawerClose = forwardRef(
-  ({ asChild, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(RadixDialog.Close, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsx(Button, { children }) });
-  }
-);
-DrawerClose.displayName = "@optiaxiom/react/DrawerClose";
-
-export { DrawerClose };

package/dist/esm/packages/react/src/drawer-content/DrawerContent-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7C-Rlf1.css';
-import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-aQXscn3O.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'us63is'],variants:{position:{bottom:[{borderT:'1'},'_105qmzd'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_11c5wtj'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1af7yqa']}}});
-
-export { content };

package/dist/esm/packages/react/src/drawer-content/DrawerContent.js

@@ -1,51 +0,0 @@
-"use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { forwardRef, useRef } from 'react';
-import { Backdrop } from '../backdrop/Backdrop.js';
-import { useDrawerContext } from '../drawer-context/DrawerContext.js';
-import { ModalContextProvider } from '../modal-context/ModalContext.js';
-import { Paper } from '../paper/Paper.js';
-import { Transition } from '../transition/Transition.js';
-import { TransitionGroup } from '../transition-group/TransitionGroup.js';
-import '../utils/conditions.js';
-import '@radix-ui/react-slot';
-import { onReactSelectInputBlur } from '../utils/onReactSelectInputBlur.js';
-import { content } from './DrawerContent-css.js';
-
-const mapPositionToTransitionSide = {
-  bottom: "top",
-  left: "right",
-  right: "left"
-};
-const DrawerContent = forwardRef(
-  ({ children, position = "right", ...props }, outerRef) => {
-    const { open } = useDrawerContext("DrawerContent");
-    const innerRef = useRef(null);
-    const ref = useComposedRefs(innerRef, outerRef);
-    return /* @__PURE__ */ jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsxs(RadixDialog.Portal, { forceMount: true, children: [
-      /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Backdrop, { asChild: true, children: /* @__PURE__ */ jsx(RadixDialog.Overlay, {}) }) }),
-      /* @__PURE__ */ jsx(
-        Transition,
-        {
-          "data-side": mapPositionToTransitionSide[position],
-          type: "fade",
-          children: /* @__PURE__ */ jsx(
-            Paper,
-            {
-              asChild: true,
-              elevation: "drawer",
-              onBlur: onReactSelectInputBlur,
-              ...content({ position }),
-              children: /* @__PURE__ */ jsx(RadixDialog.Content, { ref, ...props, children: /* @__PURE__ */ jsx(ModalContextProvider, { shardRef: innerRef, children }) })
-            }
-          )
-        }
-      )
-    ] }) });
-  }
-);
-DrawerContent.displayName = "@optiaxiom/react/DrawerContent";
-
-export { DrawerContent };

package/dist/esm/packages/react/src/drawer-context/DrawerContext.js

@@ -1,6 +0,0 @@
-"use client";
-import { createContext } from '@radix-ui/react-context';
-
-const [DrawerContextProvider, useDrawerContext] = createContext("Drawer");
-
-export { DrawerContextProvider, useDrawerContext };

package/dist/esm/packages/react/src/drawer-footer/DrawerFooter.js

@@ -1,25 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Flex } from '../flex/Flex.js';
-
-const DrawerFooter = forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Flex,
-      {
-        borderT: "1",
-        flexDirection: "row",
-        gap: "16",
-        justifyContent: "end",
-        p: "16",
-        ref,
-        ...props,
-        children
-      }
-    );
-  }
-);
-DrawerFooter.displayName = "@optiaxiom/react/DrawerFooter";
-
-export { DrawerFooter };

package/dist/esm/packages/react/src/drawer-header/DrawerHeader-css.js

@@ -1,10 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B7C-Rlf1.css';
-import './../../../../assets/src/drawer-header/DrawerHeader.css.ts.vanilla-DxeK1by4.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'xvtknv']});
-var close = recipeRuntime({base:['cvy7qt']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1ceqz39']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'p2gox3']});
-
-export { actions, close, description, title };

package/dist/esm/packages/react/src/drawer-header/DrawerHeader.js

@@ -1,50 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { Button } from '../button/Button.js';
-import { Flex } from '../flex/Flex.js';
-import { Heading } from '../heading/Heading.js';
-import { IconX } from '../icons/IconX.js';
-import { Text } from '../text/Text.js';
-import { close, title, actions, description } from './DrawerHeader-css.js';
-
-const DrawerHeader = forwardRef(
-  ({ addonAfter, children, description: description$1, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      Box,
-      {
-        display: "flex",
-        flexWrap: "wrap",
-        gap: "8",
-        p: "24",
-        pb: "16",
-        ref,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              appearance: "subtle",
-              "aria-label": "Close",
-              asChild: true,
-              icon: /* @__PURE__ */ jsx(IconX, {}),
-              ...close(),
-              children: /* @__PURE__ */ jsx(RadixDialog.Close, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(Heading, { asChild: true, level: "3", ...title(), children: /* @__PURE__ */ jsx(RadixDialog.Title, { children }) }),
-          addonAfter && /* @__PURE__ */ jsx(Flex, { ...actions(), children: addonAfter }),
-          description$1 ? /* @__PURE__ */ jsx(Text, { asChild: true, ...description(), children: /* @__PURE__ */ jsx(RadixDialog.Description, { children: description$1 }) }) : /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(RadixDialog.Description, {}) })
-        ]
-      }
-    );
-  }
-);
-DrawerHeader.displayName = "@optiaxiom/react/DrawerHeader";
-
-export { DrawerHeader };

package/dist/esm/packages/react/src/drawer-trigger/DrawerTrigger.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { forwardRef } from 'react';
-import { Button } from '../button/Button.js';
-
-const DrawerTrigger = forwardRef(
-  ({ asChild, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(RadixDialog.Trigger, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsx(Button, { children }) });
-  }
-);
-DrawerTrigger.displayName = "@optiaxiom/react/DrawerTrigger";
-
-export { DrawerTrigger };