@optiaxiom/react 1.3.5 → 1.4.0

package/dist/esm/assets/src/table/TableCell.css.ts.vanilla-DNat8NJb.css

@@ -1,10 +0,0 @@
-@layer optiaxiom.xp4f8r;
-@layer optiaxiom.xp4f8r {
-  ._16qsuxx {
-    vertical-align: top;
-    word-break: break-word;
-  }
-  ._1j5zhlj:not(:first-child) ._16qsuxx {
-    border-top-width: 1px;
-  }
-}

package/dist/esm/assets/src/tabs/Tabs.css.ts.vanilla-C5kSHtx3.css

@@ -1,9 +0,0 @@
-@layer optiaxiom.xp4f8r;
-@layer optiaxiom.xp4f8r {
-  .v7el7o[data-orientation="horizontal"] {
-    flex-direction: column;
-  }
-  .v7el7o[data-orientation="vertical"] {
-    flex-direction: row;
-  }
-}

package/dist/esm/assets/src/textarea/TextareaAutosize.css.ts.vanilla-D1fPhtm5.css

@@ -1,34 +0,0 @@
-@layer optiaxiom.xp4f8r;
-@layer optiaxiom.xp4f8r {
-  ._1q013nj {
-    max-height: calc(16px + var(--_15lvmj6) * 22px);
-  }
-  ._15xbk40 {
-    --_15lvmj6: 1;
-  }
-  .kl5q0g {
-    --_15lvmj6: 2;
-  }
-  ._1fqqn9i {
-    --_15lvmj6: 3;
-  }
-  ._1isv483 {
-    --_15lvmj6: 4;
-  }
-  .gu8x7m {
-    --_15lvmj6: 5;
-  }
-  .eounoy {
-    resize: vertical;
-  }
-  ._1e0yot5 {
-    grid-area: 1 / 1 / 2 / 2;
-  }
-  .zse6hw {
-    visibility: hidden;
-    white-space: pre-wrap;
-  }
-  ._1w1vnv2 {
-    resize: none;
-  }
-}

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

@@ -1,104 +0,0 @@
-@keyframes w8t7hi {
-  from {
-    opacity: 0;
-    translate: 
-    var(--_1a5ycc0, 0)
-    var(--m4wwtf, 0)
-  ;
-  }
-}
-@layer optiaxiom.xp4f8r;
-@layer optiaxiom.xp4f8r {
-  .u83cg2 {
-    --_1w2xyus: 0;
-    --xrlgdc: 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(--_1w2xyus) var(--xrlgdc);
-  }
-  .u83cg2::after {
-    bottom: -16px;
-  }
-  .u83cg2::after, .u83cg2::before {
-    content: "";
-    height: 16px;
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  .u83cg2::before {
-    top: -16px;
-  }
-  .u83cg2:focus-visible {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  .u83cg2[data-state="closed"] {
-    opacity: 0;
-  }
-  .u83cg2[data-state="closed"] ~ .u83cg2 {
-    transition-property: opacity, translate;
-  }
-  .u83cg2[data-state="open"] {
-    animation-name: w8t7hi;
-  }
-  .u83cg2[data-swipe-direction="down"] {
-    --m4wwtf: calc(100% + 24px);
-  }
-  .u83cg2[data-swipe-direction="left"] {
-    --_1a5ycc0: calc(-100% - 24px);
-  }
-  .u83cg2[data-swipe-direction="right"] {
-    --_1a5ycc0: calc(100% + 24px);
-  }
-  .u83cg2[data-swipe-direction="up"] {
-    --m4wwtf: calc(-100% - 24px);
-  }
-  .u83cg2[data-swipe="end"] {
-    --_1w2xyus: var(--_1a5ycc0, 0);
-    --xrlgdc: var(--m4wwtf, 0);
-    transition-property: opacity, translate;
-  }
-  .u83cg2[data-swipe="move"] {
-    --_1w2xyus: var(--radix-toast-swipe-move-x);
-    --xrlgdc: var(--radix-toast-swipe-move-y);
-  }
-  [data-position^="bottom"] .u83cg2:first-child {
-    margin-bottom: auto;
-  }
-  [data-position^="bottom"] .u83cg2[data-state="closed"] ~ .u83cg2 {
-    --xrlgdc: var(--_1tocrko);
-  }
-  [data-position^="top"] .u83cg2:last-child {
-    margin-top: auto;
-  }
-  [data-position^="top"] .u83cg2[data-state="closed"] ~ .u83cg2 {
-    --xrlgdc: calc(-1 * var(--_1tocrko));
-  }
-  .w2i5t9 {
-    --_1dmzgmp: var(--ax-colors-fg-error-light);
-  }
-  ._1p8g6lj {
-    --_1dmzgmp: var(--ax-colors-fg-information-light);
-  }
-  .xdtz3w {
-    --_1dmzgmp: var(--ax-colors-fg-default-inverse);
-  }
-  .s8xipy {
-    --_1dmzgmp: var(--ax-colors-fg-success-light);
-  }
-  .bxpkyj {
-    --_1dmzgmp: var(--ax-colors-fg-warning-light);
-  }
-  ._17byhh {
-    color: var(--_1dmzgmp);
-  }
-  ._192pjjh a {
-    color: var(--ax-colors-fg-link-inverse);
-    text-decoration: underline;
-  }
-}

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

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

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

@@ -1,10 +0,0 @@
-@layer optiaxiom.xp4f8r;
-@layer optiaxiom.xp4f8r {
-  ._1kk6rf1:has(:focus-visible) ._12toz4e {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  ._1kk6rf1:has(input:disabled) ._12toz4e {
-    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-DtBvKw05.css';
-import './../../../../assets/src/date-picker/DatePickerContent.css.ts.vanilla-DV78R4mD.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var panels = recipeRuntime({base:[{alignItems:'stretch',flexDirection:'row',gap:'0'},'_1au0is2']});
-
-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 };

package/dist/esm/packages/react/src/menu/MenuNestedContext.js

@@ -1,6 +0,0 @@
-"use client";
-import { createContext } from '@radix-ui/react-context';
-
-const [MenuNestedProvider, useMenuNestedContext] = createContext("@optiaxiom/react/MenuNested", { inputRef: void 0, level: 0 });
-
-export { MenuNestedProvider, useMenuNestedContext };