@optiaxiom/react 1.3.6 → 1.4.0

package/dist/esm/assets/src/toast/Toast.css.ts.vanilla-xBmkp-cY.css

@@ -1,104 +0,0 @@
-@keyframes _12rgm0p {
-  from {
-    opacity: 0;
-    translate: 
-    var(--cufh27, 0)
-    var(--yd7izn, 0)
-  ;
-  }
-}
-@layer optiaxiom._1ir0uev;
-@layer optiaxiom._1ir0uev {
-  ._17rjy03 {
-    --_13yllh3: 0;
-    --qob2zf: 0;
-    animation-duration: var(--ax-duration-lg);
-    animation-timing-function: ease;
-    pointer-events: auto;
-    transition-duration: var(--ax-duration-lg);
-    transition-property: opacity;
-    transition-timing-function: ease;
-    translate: var(--_13yllh3) var(--qob2zf);
-  }
-  ._17rjy03::after {
-    bottom: -16px;
-  }
-  ._17rjy03::after, ._17rjy03::before {
-    content: "";
-    height: 16px;
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  ._17rjy03::before {
-    top: -16px;
-  }
-  ._17rjy03:focus-visible {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  ._17rjy03[data-state="closed"] {
-    opacity: 0;
-  }
-  ._17rjy03[data-state="closed"] ~ ._17rjy03 {
-    transition-property: opacity, translate;
-  }
-  ._17rjy03[data-state="open"] {
-    animation-name: _12rgm0p;
-  }
-  ._17rjy03[data-swipe-direction="down"] {
-    --yd7izn: calc(100% + 24px);
-  }
-  ._17rjy03[data-swipe-direction="left"] {
-    --cufh27: calc(-100% - 24px);
-  }
-  ._17rjy03[data-swipe-direction="right"] {
-    --cufh27: calc(100% + 24px);
-  }
-  ._17rjy03[data-swipe-direction="up"] {
-    --yd7izn: calc(-100% - 24px);
-  }
-  ._17rjy03[data-swipe="end"] {
-    --_13yllh3: var(--cufh27, 0);
-    --qob2zf: var(--yd7izn, 0);
-    transition-property: opacity, translate;
-  }
-  ._17rjy03[data-swipe="move"] {
-    --_13yllh3: var(--radix-toast-swipe-move-x);
-    --qob2zf: var(--radix-toast-swipe-move-y);
-  }
-  [data-position^="bottom"] ._17rjy03:first-child {
-    margin-bottom: auto;
-  }
-  [data-position^="bottom"] ._17rjy03[data-state="closed"] ~ ._17rjy03 {
-    --qob2zf: var(--vxg4va);
-  }
-  [data-position^="top"] ._17rjy03:last-child {
-    margin-top: auto;
-  }
-  [data-position^="top"] ._17rjy03[data-state="closed"] ~ ._17rjy03 {
-    --qob2zf: calc(-1 * var(--vxg4va));
-  }
-  ._1gy4eru {
-    --zlv1lo: var(--ax-colors-fg-error-light);
-  }
-  ._1iz91rb {
-    --zlv1lo: var(--ax-colors-fg-information-light);
-  }
-  ._1g2x0eo {
-    --zlv1lo: var(--ax-colors-fg-default-inverse);
-  }
-  .m7fjkz {
-    --zlv1lo: var(--ax-colors-fg-success-light);
-  }
-  .tko028 {
-    --zlv1lo: var(--ax-colors-fg-warning-light);
-  }
-  ._1w9u57u {
-    color: var(--zlv1lo);
-  }
-  ._3xhos0 a {
-    color: var(--ax-colors-fg-link-inverse);
-    text-decoration: underline;
-  }
-}

package/dist/esm/assets/src/toggle-input/ToggleInput.css.ts.vanilla-Byr6x4TG.css

@@ -1,25 +0,0 @@
-@layer optiaxiom._1ir0uev;
-@layer optiaxiom._1ir0uev {
-  ._1sb0p2k {
-    --nen9hg: var(--ax-colors-border-control);
-    color: var(--ax-colors-fg-default);
-    position: relative;
-  }
-  ._1sb0p2k:has(._7e5zsb:checked) {
-    --nen9hg: var(--ax-colors-bg-accent);
-  }
-  ._1sb0p2k:has(._7e5zsb:disabled) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1sb0p2k:not(:has(._7e5zsb:disabled)) {
-    cursor: pointer;
-  }
-  @media (hover: hover) {
-    ._1sb0p2k:has(._7e5zsb:not(:disabled):checked):hover {
-      --nen9hg: var(--ax-colors-bg-accent-hovered);
-    }
-    ._1sb0p2k:has(._7e5zsb:not(:disabled):not(:checked)):hover {
-      --nen9hg: var(--ax-colors-border-control-hovered);
-    }
-  }
-}

package/dist/esm/assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-r2Ztxx8z.css

@@ -1,10 +0,0 @@
-@layer optiaxiom._1ir0uev;
-@layer optiaxiom._1ir0uev {
-  .oqt0j5:has(:focus-visible) ._1vyihk6 {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  .oqt0j5:has(input:disabled) ._1vyihk6 {
-    opacity: 0.3;
-  }
-}

package/dist/esm/packages/react/src/date-picker/DatePicker.js

@@ -1,50 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { Popover } from '../popover/Popover.js';
-import '../popover/PopoverAnchor.js';
-import '../popover/PopoverContent.js';
-import '../popover/PopoverTrigger.js';
-import { DatePickerProvider } from './DatePickerContext.js';
-
-function DatePicker({
-  children,
-  defaultOpen = false,
-  defaultValue = null,
-  disabled,
-  onOpenChange,
-  onValueChange,
-  open: openProp,
-  step,
-  type = "date",
-  value: valueProp,
-  ...props
-}) {
-  const [open, setOpen] = useControllableState({
-    caller: "@optiaxiom/react/DatePicker",
-    defaultProp: defaultOpen,
-    onChange: onOpenChange,
-    prop: openProp
-  });
-  const [value, setValue] = useControllableState({
-    caller: "@optiaxiom/react/DatePicker",
-    defaultProp: defaultValue,
-    onChange: onValueChange,
-    prop: valueProp
-  });
-  return /* @__PURE__ */ jsx(Popover, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(
-    DatePickerProvider,
-    {
-      disabled,
-      setOpen,
-      setValue,
-      step,
-      type,
-      value,
-      children
-    }
-  ) });
-}
-DatePicker.displayName = "@optiaxiom/react/DatePicker";
-
-export { DatePicker };

package/dist/esm/packages/react/src/date-picker/DatePickerContent-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/date-picker/DatePickerContent.css.ts.vanilla-TQGZz5-f.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1daj0el']});
-
-export { panels };

package/dist/esm/packages/react/src/date-picker/DatePickerContent.js

@@ -1,65 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { Calendar } from '../calendar/Calendar.js';
-import { Flex } from '../flex/Flex.js';
-import '../popover/Popover.js';
-import '../popover/PopoverAnchor.js';
-import { PopoverContent } from '../popover/PopoverContent.js';
-import '../popover/PopoverTrigger.js';
-import { panels } from './DatePickerContent-css.js';
-import { useDatePickerContext } from './DatePickerContext.js';
-
-const DatePickerContent = forwardRef(
-  ({
-    addonAfter,
-    addonBefore,
-    children,
-    holiday,
-    max,
-    min,
-    today,
-    weekend,
-    ...props
-  }, ref) => {
-    const { setOpen, setValue, step, type, value } = useDatePickerContext(
-      "@optiaxiom/react/DatePickerContent"
-    );
-    const panelRef = useRef(null);
-    return /* @__PURE__ */ jsxs(PopoverContent, { gap: "8", maxW: void 0, ref, ...props, children: [
-      /* @__PURE__ */ jsxs(Flex, { ref: panelRef, ...panels(), children: [
-        addonBefore,
-        /* @__PURE__ */ jsx(
-          Calendar,
-          {
-            alignSelf: "start",
-            holiday,
-            max,
-            min,
-            onHeightChange: (height) => {
-              if (panelRef.current) {
-                panelRef.current.style.height = `${height}px`;
-              }
-            },
-            onValueChange: (date) => {
-              setValue(date);
-              if (type === "date") {
-                setOpen(false);
-              }
-            },
-            step,
-            today,
-            type,
-            value,
-            weekend
-          }
-        ),
-        addonAfter
-      ] }),
-      children
-    ] });
-  }
-);
-DatePickerContent.displayName = "@optiaxiom/react/DatePickerContent";
-
-export { DatePickerContent };

package/dist/esm/packages/react/src/date-picker/DatePickerContext.js

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

package/dist/esm/packages/react/src/date-picker/DatePickerTrigger.js

@@ -1,60 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { forwardRef, useRef } from 'react';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { useFieldLabelTrigger } from '../hooks/useFieldLabelTrigger.js';
-import '../utils/conditions.js';
-import '../utils/isHoverSupported.js';
-import { IconCalendar } from '../icons/IconCalendar.js';
-import '../popover/Popover.js';
-import '../popover/PopoverAnchor.js';
-import '../popover/PopoverContent.js';
-import { PopoverTrigger } from '../popover/PopoverTrigger.js';
-import { useDatePickerContext } from './DatePickerContext.js';
-
-const dateFormatter = new Intl.DateTimeFormat(void 0, {
-  day: "numeric",
-  month: "short",
-  year: "numeric"
-});
-const dateTimeFormatter = new Intl.DateTimeFormat(void 0, {
-  day: "numeric",
-  hour: "numeric",
-  minute: "numeric",
-  month: "short",
-  year: "numeric"
-});
-const DatePickerTrigger = forwardRef(
-  ({
-    "aria-labelledby": ariaLabelledBy,
-    children,
-    format,
-    placeholder = "Pick a date",
-    ...props
-  }, outerRef) => {
-    const { disabled, type, value } = useDatePickerContext(
-      "@optiaxiom/react/DatePickerTrigger"
-    );
-    const formatter = format ? { format } : type === "datetime-local" ? dateTimeFormatter : dateFormatter;
-    const buttonRef = useRef(null);
-    const ref = useComposedRefs(outerRef, buttonRef);
-    const labelId = useFieldLabelTrigger(buttonRef, ariaLabelledBy);
-    return /* @__PURE__ */ jsx(
-      PopoverTrigger,
-      {
-        "aria-labelledby": labelId,
-        disabled,
-        icon: /* @__PURE__ */ jsx(IconCalendar, {}),
-        ref,
-        ...props,
-        children: children ?? (value ? formatter.format(value) : /* @__PURE__ */ jsx(Box, { color: "fg.tertiary", children: placeholder }))
-      }
-    );
-  }
-);
-DatePickerTrigger.displayName = "@optiaxiom/react/DatePickerTrigger";
-
-export { DatePickerTrigger };