@vamos-ui/react 0.3.0 → 0.4.1

package/dist/lib/locale.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { Direction } from "radix-ui";
+import * as Direction from "radix-ui/direction";
 import { en } from "../locales/en.js";
 import { createFormatter } from "../format/core.js";
 import { formatMessage } from "./message-format.js";
@@ -45,7 +45,7 @@ function createValue(locale, messages, dir, timeZone, currency) {
     };
 }
 const defaultValue = createValue("en-US", en, "ltr", "UTC", "USD");
-const LocaleContext = React.createContext(defaultValue);
+const LocaleContext = /*#__PURE__*/ React.createContext(defaultValue);
 /**
  * Locale for built-in strings, text rules and Intl formatting. No i18n library required.
  * Zero config means English (`en-US`, USD, UTC). Nest providers to override a subtree.

package/dist/lib/menu.js

@@ -12,7 +12,7 @@ import { itemSlots, itemVariants } from "./variants.js";
 import { useCan, useLink } from "./provider.js";
 import { KbdGroup } from "../components/kbd.js";
 /** Floating panel of a menu (root content and sub-content). */
-export const menuContentVariants = cva([
+export const menuContentVariants = /*#__PURE__*/ cva([
     "surface-popover ui-pop z-(--z-popover) rounded-ui-lg p-1 outline-none",
     "overflow-x-hidden overflow-y-auto overscroll-contain",
 ], {
@@ -32,7 +32,7 @@ export const menuLabelClass = itemSlots.groupLabel;
 export const menuSeparatorClass = itemSlots.separator;
 export const menuIndicatorClass = itemSlots.indicator;
 /** Size context so items pick up the content's `size`. */
-export const MenuSizeContext = React.createContext("md");
+export const MenuSizeContext = /*#__PURE__*/ React.createContext("md");
 /** Icon · label (+ description) · badge · shortcut · chevron. */
 export function MenuItemContent({ icon, description, shortcut, badge, chevron, children }) {
     return (_jsxs(_Fragment, { children: [icon ? (_jsx("span", { "aria-hidden": true, className: cn("flex shrink-0 items-center", description ? "self-start pt-px" : undefined), children: icon })) : null, _jsxs("span", { className: itemSlots.label, children: [children, description ? _jsx("span", { className: cn(itemSlots.description, "mt-0.5 whitespace-normal"), children: description }) : null] }), badge != null ? _jsx("span", { className: "ms-auto shrink-0 ps-3 text-xs tabular text-fg-subtle", children: badge }) : null, shortcut ? _jsx(KbdGroup, { keys: shortcut, size: "sm", variant: "ghost", className: cn("shrink-0 ps-4", badge == null && "ms-auto") }) : null, chevron ? _jsx(ChevronRight, { "aria-hidden": true, className: cn("ms-auto size-3.5! shrink-0 text-fg-subtle rtl:-scale-x-100", (shortcut || badge != null) && "ms-2") }) : null] }));

package/dist/lib/provider.js

@@ -3,11 +3,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { LocaleProvider } from "./locale.js";
 /** Default link: a plain `<a>` (router hints are dropped). */
-export const DefaultLink = React.forwardRef(function DefaultLink({ replace: _r, prefetch: _p, ...props }, ref) {
+export const DefaultLink = /*#__PURE__*/ React.forwardRef(function DefaultLink({ replace: _r, prefetch: _p, ...props }, ref) {
     return _jsx("a", { ref: ref, ...props });
 });
 /** Default image: a plain `<img>` with lazy loading; `fill` covers the positioned parent. */
-export const DefaultImage = React.forwardRef(function DefaultImage({ fill, priority, quality: _q, style, loading, decoding, ...props }, ref) {
+export const DefaultImage = /*#__PURE__*/ React.forwardRef(function DefaultImage({ fill, priority, quality: _q, style, loading, decoding, ...props }, ref) {
     return (_jsx("img", { ref: ref, loading: loading ?? (priority ? "eager" : "lazy"), decoding: decoding ?? "async", fetchPriority: priority ? "high" : undefined, style: fill ? { position: "absolute", inset: 0, width: "100%", height: "100%", ...style } : style, ...props }));
 });
 const defaultNavigate = (href, o) => {
@@ -18,7 +18,7 @@ const defaultNavigate = (href, o) => {
     else
         window.location.assign(href);
 };
-const VamosContext = React.createContext({
+const VamosContext = /*#__PURE__*/ React.createContext({
     Link: DefaultLink,
     Image: DefaultImage,
     navigate: defaultNavigate,
@@ -93,7 +93,7 @@ export function isExternalHref(href) {
  * Internal links go through the app's router `Link`; external ones render `<a target="_blank" rel="noopener noreferrer">`
  * (`mailto:` / `tel:` stay in the same tab).
  */
-export const SmartLink = React.forwardRef(function SmartLink({ href, external, target, rel, ...props }, ref) {
+export const SmartLink = /*#__PURE__*/ React.forwardRef(function SmartLink({ href, external, target, rel, ...props }, ref) {
     const Link = useLink();
     const isExternal = external ?? isExternalHref(href);
     if (isExternal) {

package/dist/lib/theme-scope.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { Direction, Slot } from "radix-ui";
+import * as Direction from "radix-ui/direction";
+import * as Slot from "radix-ui/slot";
 import { cn } from "./cn.js";
 import { useComposedRefs } from "./compose-refs.js";
 /**
@@ -22,7 +23,7 @@ export function themeAttributes(axes) {
         dir: axes.dir,
     };
 }
-const PortalContainerContext = React.createContext(null);
+const PortalContainerContext = /*#__PURE__*/ React.createContext(null);
 /**
  * The element overlays should portal into, or `undefined` for `document.body`.
  * Pass it to every Radix `Portal`: `<Popover.Portal container={usePortalContainer()}>`.
@@ -47,7 +48,7 @@ export function PortalContainer({ container, children }) {
  * The scope element must not use `transform`, `filter`, `backdrop-filter` or `contain`, because
  * those turn it into the containing block for the fixed-position overlays inside it.
  */
-export const ThemeScope = React.forwardRef(function ThemeScope({ theme, material, accent, density, font, dir, glassQuality, asChild, portal = true, className, children, ...props }, ref) {
+export const ThemeScope = /*#__PURE__*/ React.forwardRef(function ThemeScope({ theme, material, accent, density, font, dir, glassQuality, asChild, portal = true, className, children, ...props }, ref) {
     const [node, setNode] = React.useState(null);
     const composed = useComposedRefs(ref, setNode);
     const { className: themeClass, ...attrs } = themeAttributes({ theme, material, accent, density, font, dir, glassQuality });

package/dist/lib/value-format.js

@@ -25,7 +25,7 @@ export function formatValue(f, value, spec = "number", extra) {
         case "compact":
             return f.compact(n, opts);
         case "compact-currency":
-            return f.currency(n, currency ?? f.currencyCode, { notation: "compact", maximumFractionDigits: 1, ...opts });
+            return f.currency(n, currency ?? f.currencyCode, { notation: "compact", minimumFractionDigits: 0, maximumFractionDigits: 1, ...opts });
         case "percent":
             return f.percent(n, opts);
         case "duration":

package/dist/lib/variants.js

@@ -12,7 +12,7 @@ import { cva } from "class-variance-authority";
  * <button className={controlVariants({ size: "sm" })}>Status</button>
  * ```
  */
-export const controlVariants = cva([
+export const controlVariants = /*#__PURE__*/ cva([
     "relative flex w-full min-w-0 items-center rounded-ui border text-fg",
     "transition-[border-color,box-shadow,background-color] duration-150",
     // focus on self (trigger) or on a child (input group)
@@ -65,7 +65,7 @@ export const controlVariants = cva([
  * </DropdownMenu.Item>
  * ```
  */
-export const itemVariants = cva([
+export const itemVariants = /*#__PURE__*/ cva([
     "relative flex w-full cursor-default select-none items-center gap-2 rounded-ui-sm text-start text-fg outline-none",
     "transition-colors duration-100",
     "data-highlighted:bg-hover data-[selected=true]:bg-hover aria-selected:bg-hover focus-visible:bg-hover",