@btndprojects/loam-ui-native 0.1.1 → 0.2.1

package/dist/chunk-OETCUXQP.js

@@ -1,134 +0,0 @@
-import { Icon } from './chunk-TKVFVF5D.js';
-import 'react';
-import { View, Text, Pressable } from 'react-native';
-import { createStyleSheet, useStyles, useLoamTheme } from '@btndprojects/loam-theme-native';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var TONE_ICON = {
-  info: "info",
-  good: "check-circle",
-  warn: "alert-triangle",
-  danger: "alert-circle",
-  neutral: "info"
-};
-function alertToneColors(theme, tone) {
-  switch (tone) {
-    case "good":
-      return {
-        glyph: theme.color.goodOnSoft,
-        border: theme.color.good,
-        tint: theme.color.goodSoft
-      };
-    case "warn":
-      return {
-        glyph: theme.color.warnOnSoft,
-        border: theme.color.warn,
-        tint: theme.color.warnSoft
-      };
-    case "danger":
-      return {
-        glyph: theme.color.dangerOnSoft,
-        border: theme.color.danger,
-        tint: theme.color.dangerSoft
-      };
-    case "neutral":
-      return {
-        glyph: theme.color.text2,
-        border: theme.color.borderStrong,
-        tint: theme.color.surface2
-      };
-    default:
-      return {
-        glyph: theme.color.infoOnSoft,
-        border: theme.color.info,
-        tint: theme.color.infoSoft
-      };
-  }
-}
-function Alert({
-  title,
-  description,
-  tone = "info",
-  icon,
-  dismissible = false,
-  onDismiss,
-  action,
-  children
-}) {
-  const { styles } = useStyles(sheet, { tone });
-  const theme = useLoamTheme();
-  const toneColors = alertToneColors(theme, tone);
-  const showDismiss = dismissible || onDismiss != null;
-  const iconName = icon === false ? void 0 : icon ?? TONE_ICON[tone];
-  const dismissHitSlop = Math.max(0, Math.round((theme.tapMin - theme.icon.sm) / 2));
-  return /* @__PURE__ */ jsxs(View, { accessibilityRole: "alert", style: [styles.base, { borderColor: toneColors.border }], children: [
-    iconName ? /* @__PURE__ */ jsx(View, { style: styles.iconSlot, children: /* @__PURE__ */ jsx(Icon, { name: iconName, size: theme.icon.md, color: toneColors.glyph }) }) : null,
-    /* @__PURE__ */ jsxs(View, { style: styles.content, children: [
-      /* @__PURE__ */ jsx(Text, { style: styles.title, children: title }),
-      description ? /* @__PURE__ */ jsx(Text, { style: styles.description, children: description }) : null,
-      children,
-      action ? /* @__PURE__ */ jsx(View, { style: styles.action, children: action }) : null
-    ] }),
-    showDismiss ? /* @__PURE__ */ jsx(
-      Pressable,
-      {
-        accessibilityRole: "button",
-        accessibilityLabel: "Dismiss",
-        onPress: onDismiss,
-        hitSlop: dismissHitSlop,
-        style: styles.dismiss,
-        children: /* @__PURE__ */ jsx(Icon, { name: "x", size: theme.icon.sm, color: toneColors.glyph })
-      }
-    ) : null
-  ] });
-}
-var sheet = createStyleSheet((theme) => ({
-  base: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    gap: theme.space.s3,
-    padding: theme.space.s4,
-    borderRadius: theme.radius.lg,
-    borderWidth: theme.borderWidth.thin,
-    variants: {
-      tone: {
-        info: { backgroundColor: theme.color.infoSoft },
-        good: { backgroundColor: theme.color.goodSoft },
-        warn: { backgroundColor: theme.color.warnSoft },
-        danger: { backgroundColor: theme.color.dangerSoft },
-        neutral: { backgroundColor: theme.color.surface2 }
-      }
-    }
-  },
-  iconSlot: {
-    // Nudge the icon onto the title's optical baseline.
-    paddingTop: theme.space[1]
-  },
-  content: {
-    flex: 1,
-    gap: theme.space.s1
-  },
-  title: {
-    fontFamily: theme.font.sans,
-    fontWeight: theme.fontWeight.bold,
-    fontSize: theme.fontSize[14],
-    color: theme.color.text
-  },
-  description: {
-    fontFamily: theme.font.sans,
-    fontSize: theme.fontSize[14],
-    color: theme.color.text
-  },
-  action: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: theme.space.s2,
-    marginTop: theme.space.s2
-  },
-  // `marginStart`, not `marginLeft`: RN's layout engine mirrors it under RTL.
-  dismiss: {
-    marginStart: theme.space.s2
-  }
-}));
-
-export { Alert };

package/dist/chunk-OPXFZ4Y5.js

@@ -1,204 +0,0 @@
-import { Icon } from './chunk-TKVFVF5D.js';
-import * as React from 'react';
-import { Animated, Pressable, Easing, Modal, View, Text } from 'react-native';
-import { createStyleSheet, useLoamTheme, useStyles } from '@btndprojects/loam-theme-native';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var AnimatedPressable = Animated.createAnimatedComponent(Pressable);
-var memoryStore = /* @__PURE__ */ new Map();
-var defaultRememberStorage = {
-  getItem: (key) => memoryStore.get(key) ?? null,
-  setItem: (key, value) => {
-    memoryStore.set(key, value);
-  }
-};
-function Dialog({
-  open,
-  defaultOpen = false,
-  onClose,
-  onOpenChange,
-  dismissible = true,
-  remember = false,
-  rememberKey,
-  storage = defaultRememberStorage,
-  title,
-  description,
-  showClose = dismissible,
-  accessibilityLabel,
-  motion = "full",
-  children
-}) {
-  const theme = useLoamTheme();
-  const { styles } = useStyles(sheet);
-  const controlled = open !== void 0;
-  const persist = remember && rememberKey != null;
-  const reducedMotion = theme.reduceMotion || motion === "reduced";
-  const instantMotion = motion === "none";
-  const [internalOpen, setInternalOpen] = React.useState(() => {
-    if (!controlled && persist) {
-      const v = storage.getItem(rememberKey);
-      if (v === "open") return true;
-      if (v === "closed") return false;
-    }
-    return defaultOpen;
-  });
-  const actualOpen = controlled ? open : internalOpen;
-  const setOpen = React.useCallback(
-    (next) => {
-      if (persist) storage.setItem(rememberKey, next ? "open" : "closed");
-      if (!controlled) setInternalOpen(next);
-      onOpenChange?.(next);
-    },
-    [persist, rememberKey, storage, controlled, onOpenChange]
-  );
-  const requestDismiss = React.useCallback(() => {
-    if (!dismissible) return;
-    setOpen(false);
-    onClose?.();
-  }, [dismissible, setOpen, onClose]);
-  const [mounted, setMounted] = React.useState(actualOpen);
-  const progress = React.useRef(new Animated.Value(actualOpen ? 1 : 0)).current;
-  React.useEffect(() => {
-    const easing = Easing.bezier(...theme.easing.base);
-    if (actualOpen) {
-      setMounted(true);
-      if (instantMotion) {
-        progress.setValue(1);
-        return;
-      }
-      Animated.timing(progress, {
-        toValue: 1,
-        duration: theme.duration.base,
-        easing,
-        useNativeDriver: true
-      }).start();
-    } else {
-      if (instantMotion) {
-        progress.setValue(0);
-        setMounted(false);
-        return;
-      }
-      Animated.timing(progress, {
-        toValue: 0,
-        duration: theme.duration.base,
-        easing,
-        useNativeDriver: true
-      }).start(({ finished }) => {
-        if (finished) setMounted(false);
-      });
-    }
-  }, [actualOpen, progress, theme.duration.base, theme.easing.base, instantMotion]);
-  if (!mounted) return null;
-  const cardScale = reducedMotion ? 1 : progress.interpolate({ inputRange: [0, 1], outputRange: [0.96, 1] });
-  return /* @__PURE__ */ jsx(Modal, { transparent: true, visible: mounted, animationType: "none", onRequestClose: requestDismiss, children: /* @__PURE__ */ jsxs(View, { style: styles.root, children: [
-    /* @__PURE__ */ jsx(
-      AnimatedPressable,
-      {
-        accessibilityRole: "button",
-        accessibilityLabel: "Close dialog",
-        accessibilityElementsHidden: !dismissible,
-        importantForAccessibility: dismissible ? "auto" : "no-hide-descendants",
-        onPress: dismissible ? requestDismiss : void 0,
-        style: [styles.scrim, { opacity: progress }]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Animated.View,
-      {
-        role: "dialog",
-        accessibilityViewIsModal: true,
-        accessibilityLabel: accessibilityLabel ?? title,
-        style: [styles.card, { opacity: progress, transform: [{ scale: cardScale }] }],
-        children: [
-          showClose ? /* @__PURE__ */ jsx(
-            Pressable,
-            {
-              accessibilityRole: "button",
-              accessibilityLabel: "Close",
-              onPress: requestDismiss,
-              style: styles.close,
-              hitSlop: 8,
-              children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 20, color: theme.color.text3 })
-            }
-          ) : null,
-          title ? /* @__PURE__ */ jsx(DialogTitle, { children: title }) : null,
-          description ? /* @__PURE__ */ jsx(DialogDescription, { children: description }) : null,
-          children
-        ]
-      }
-    )
-  ] }) });
-}
-function DialogTitle({ children }) {
-  const { styles } = useStyles(sheet);
-  return /* @__PURE__ */ jsx(Text, { style: styles.title, children });
-}
-function DialogDescription({ children }) {
-  const { styles } = useStyles(sheet);
-  return /* @__PURE__ */ jsx(Text, { style: styles.description, children });
-}
-function DialogFooter({ children }) {
-  const { styles } = useStyles(sheet);
-  return /* @__PURE__ */ jsx(View, { style: styles.footer, children });
-}
-var sheet = createStyleSheet((theme) => ({
-  root: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    padding: theme.space.s5
-  },
-  scrim: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: theme.color.scrim
-  },
-  // loam-contrast-ignore — the boundary here is the scrim, not the shadow.
-  // `color.scrim` is a 44% wash and is *not* re-resolved by high contrast, so
-  // this surface is still separated from the page when the elevation zeroes
-  // out. A border would put a hairline around every modal for no gain.
-  card: {
-    width: "100%",
-    // The reference width, which is now a named tier rather than a literal.
-    maxWidth: theme.panel.xl,
-    alignSelf: "center",
-    backgroundColor: theme.color.surface,
-    borderRadius: theme.radius.xl,
-    padding: theme.space.s5,
-    gap: theme.space.s3,
-    ...theme.shadow.lg
-  },
-  close: {
-    position: "absolute",
-    top: theme.space.s3,
-    right: theme.space.s3,
-    zIndex: 1,
-    padding: theme.space.s1,
-    borderRadius: theme.radius.full
-  },
-  title: {
-    fontFamily: theme.font.display,
-    fontWeight: `${theme.font.displayWeight}`,
-    fontSize: theme.fontSize[26],
-    color: theme.color.text
-  },
-  description: {
-    fontFamily: theme.font.sans,
-    // Reference (buildOverlays, Android): font-size:14px — sm token matches exactly.
-    fontSize: theme.fontSize[14],
-    lineHeight: theme.fontSize[14] * 1.5,
-    color: theme.color.text2
-  },
-  footer: {
-    flexDirection: "row",
-    justifyContent: "flex-end",
-    alignItems: "center",
-    gap: theme.space.s2,
-    marginTop: theme.space.s2
-  }
-}));
-
-export { Dialog, DialogDescription, DialogFooter, DialogTitle, defaultRememberStorage };

package/dist/chunk-Q72LJOVE.js

@@ -1,169 +0,0 @@
-import { Chip } from './chunk-AI4DWZCD.js';
-import { NumberRoll } from './chunk-CUMUNPXY.js';
-import * as React from 'react';
-import { AccessibilityInfo, View, ScrollView, Text, Pressable } from 'react-native';
-import { createStyleSheet, useStyles, useLoamTheme } from '@btndprojects/loam-theme-native';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function FilterBar({
-  filters,
-  resultCount,
-  resultNoun = "results",
-  onClearAll,
-  children,
-  density = "comfortable",
-  motion = "full",
-  animateCount = false,
-  accessibilityLabel = "Active filters"
-}) {
-  const { styles } = useStyles(sheet, { density });
-  const theme = useLoamTheme();
-  const hasFilters = filters.length > 0;
-  const showClearAll = hasFilters && onClearAll != null;
-  const hasCount = resultCount != null;
-  const countLabel = hasCount ? `${resultCount} ${resultNoun}` : void 0;
-  React.useEffect(() => {
-    if (countLabel !== void 0 && !animateCount)
-      AccessibilityInfo.announceForAccessibility(countLabel);
-  }, [countLabel, animateCount]);
-  return /* @__PURE__ */ jsxs(
-    View,
-    {
-      accessibilityRole: "toolbar",
-      accessibilityLabel,
-      style: styles.root,
-      children: [
-        children,
-        hasFilters ? /* @__PURE__ */ jsx(
-          ScrollView,
-          {
-            horizontal: true,
-            showsHorizontalScrollIndicator: false,
-            style: styles.scrollRoot,
-            contentContainerStyle: styles.scrollContent,
-            children: filters.map((filter) => /* @__PURE__ */ jsx(
-              Chip,
-              {
-                selectable: true,
-                selected: true,
-                removable: true,
-                onRemove: filter.onRemove,
-                onSelectedChange: filter.onRemove,
-                accessibilityLabel: filter.label,
-                children: filter.label
-              },
-              filter.id
-            ))
-          }
-        ) : /* @__PURE__ */ jsx(Text, { style: styles.empty, children: "No filters" }),
-        showClearAll ? /* @__PURE__ */ jsx(
-          Pressable,
-          {
-            accessibilityRole: "button",
-            accessibilityLabel: "Clear all",
-            onPress: onClearAll,
-            hitSlop: 8,
-            style: ({ pressed }) => [
-              styles.clearAll,
-              pressed ? { backgroundColor: theme.state.pressed } : null
-            ],
-            children: /* @__PURE__ */ jsx(Text, { style: styles.clearAllLabel, children: "Clear all" })
-          }
-        ) : null,
-        hasCount ? animateCount ? /* @__PURE__ */ jsx(
-          NumberRoll,
-          {
-            value: resultCount,
-            formatValue: () => countLabel,
-            textStyle: {
-              fontFamily: theme.font.sans,
-              fontWeight: theme.fontWeight.semibold,
-              fontSize: theme.type.footnote.fontSize,
-              lineHeight: theme.type.footnote.lineHeight,
-              color: theme.color.text2
-            },
-            motion,
-            announce: true,
-            style: styles.countRoll
-          }
-        ) : (
-          // `accessibilityLiveRegion` re-announces on Android; the effect above
-          // covers iOS, where the prop is a no-op.
-          /* @__PURE__ */ jsx(
-            Text,
-            {
-              accessibilityLiveRegion: "polite",
-              accessibilityLabel: countLabel,
-              style: styles.count,
-              children: countLabel
-            }
-          )
-        ) : /* @__PURE__ */ jsx(View, { style: styles.countSpacer })
-      ]
-    }
-  );
-}
-var sheet = createStyleSheet((theme) => ({
-  root: {
-    flexDirection: "row",
-    alignItems: "center",
-    variants: {
-      density: {
-        comfortable: { gap: theme.space.s3 },
-        compact: { gap: theme.space.s2 }
-      }
-    }
-  },
-  // The scroll container must not grow to fill the cross axis, so `flexShrink: 1`
-  // lets it give room to the count + clear-all while `flexGrow: 0` keeps it to
-  // its content height.
-  scrollRoot: { flexGrow: 0, flexShrink: 1 },
-  scrollContent: {
-    flexDirection: "row",
-    alignItems: "center",
-    variants: {
-      density: {
-        comfortable: { gap: theme.space.s2 },
-        compact: { gap: theme.space.s1 }
-      }
-    }
-  },
-  empty: {
-    fontFamily: theme.font.sans,
-    fontSize: theme.type.footnote.fontSize,
-    lineHeight: theme.type.footnote.lineHeight,
-    color: theme.color.text3
-  },
-  // Never shrinks: the tokens scroll, the count does not, so "62 results"
-  // stays on one line instead of stacking into two.
-  count: {
-    marginStart: "auto",
-    flexShrink: 0,
-    fontFamily: theme.font.sans,
-    fontWeight: theme.fontWeight.semibold,
-    fontSize: theme.type.footnote.fontSize,
-    lineHeight: theme.type.footnote.lineHeight,
-    fontVariant: ["tabular-nums"],
-    color: theme.color.text2
-  },
-  // Keeps clear-all pinned to the inline start edge when there is no count to
-  // push it there with `marginStart: 'auto'`.
-  countSpacer: { marginStart: "auto", width: 0 },
-  // The rolling count sits where the static one does — pushed to the inline end.
-  countRoll: { marginStart: "auto", flexShrink: 0 },
-  clearAll: {
-    flexShrink: 0,
-    paddingHorizontal: theme.space.s2,
-    paddingVertical: theme.space.s1,
-    borderRadius: theme.radius.sm
-  },
-  clearAllLabel: {
-    fontFamily: theme.font.sans,
-    fontWeight: theme.fontWeight.semibold,
-    fontSize: theme.type.footnote.fontSize,
-    lineHeight: theme.type.footnote.lineHeight,
-    color: theme.color.text2
-  }
-}));
-
-export { FilterBar };

package/dist/chunk-RNGLIHFA.js

@@ -1,191 +0,0 @@
-import * as React from 'react';
-import { View, Text } from 'react-native';
-import { createStyleSheet, useStyles, useLoamTheme } from '@btndprojects/loam-theme-native';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/kbd/kbd.tsx
-var COMMON_GLYPHS = {
-  enter: "\u21B5",
-  return: "\u21B5",
-  esc: "Esc",
-  escape: "Esc",
-  tab: "\u21E5",
-  backspace: "\u232B",
-  delete: "\u2326",
-  del: "\u2326",
-  space: "\u2423",
-  up: "\u2191",
-  down: "\u2193",
-  left: "\u2190",
-  right: "\u2192",
-  arrowup: "\u2191",
-  arrowdown: "\u2193",
-  arrowleft: "\u2190",
-  arrowright: "\u2192",
-  pageup: "\u21DE",
-  pagedown: "\u21DF",
-  home: "\u2196",
-  end: "\u2198",
-  capslock: "\u21EA",
-  win: "\u229E"
-};
-var APPLE_MODIFIERS = {
-  cmd: "\u2318",
-  command: "\u2318",
-  meta: "\u2318",
-  super: "\u2318",
-  shift: "\u21E7",
-  ctrl: "\u2303",
-  control: "\u2303",
-  alt: "\u2325",
-  opt: "\u2325",
-  option: "\u2325"
-};
-var TEXT_MODIFIERS = {
-  cmd: "Cmd",
-  command: "Cmd",
-  meta: "Meta",
-  super: "Super",
-  shift: "Shift",
-  ctrl: "Ctrl",
-  control: "Ctrl",
-  alt: "Alt",
-  opt: "Alt",
-  option: "Alt"
-};
-var SPOKEN = {
-  cmd: "Command",
-  command: "Command",
-  meta: "Command",
-  super: "Command",
-  shift: "Shift",
-  ctrl: "Control",
-  control: "Control",
-  alt: "Option",
-  opt: "Option",
-  option: "Option",
-  enter: "Enter",
-  return: "Return",
-  esc: "Escape",
-  escape: "Escape",
-  tab: "Tab",
-  backspace: "Backspace",
-  delete: "Delete",
-  del: "Delete",
-  space: "Space",
-  up: "Up",
-  down: "Down",
-  left: "Left",
-  right: "Right",
-  arrowup: "Up",
-  arrowdown: "Down",
-  arrowleft: "Left",
-  arrowright: "Right",
-  pageup: "Page Up",
-  pagedown: "Page Down",
-  home: "Home",
-  end: "End",
-  capslock: "Caps Lock",
-  win: "Windows"
-};
-function resolveKey(key, symbols, apple) {
-  if (!symbols) return key;
-  const k = key.trim().toLowerCase();
-  const modifiers = apple ? APPLE_MODIFIERS : TEXT_MODIFIERS;
-  return modifiers[k] ?? COMMON_GLYPHS[k] ?? key;
-}
-function spokenKey(key, apple) {
-  const k = key.trim().toLowerCase();
-  const word = SPOKEN[k];
-  if (word) {
-    if (!apple && (k === "alt" || k === "opt" || k === "option")) return "Alt";
-    return word;
-  }
-  return key.length === 1 ? key.toUpperCase() : key;
-}
-function spokenLabel(parts, apple) {
-  return parts.map((k) => spokenKey(k, apple)).join(" ");
-}
-function Kbd({
-  keys,
-  symbols = true,
-  size = "md",
-  // `motion` is accepted for API parity but intentionally unused — Kbd has no
-  // animation. Destructured so it never lands on the underlying View.
-  motion: _motion = "full",
-  children,
-  accessibilityLabel
-}) {
-  const { styles } = useStyles(sheet, { size });
-  const theme = useLoamTheme();
-  const apple = theme.platform === "iOS";
-  if (keys === void 0) {
-    const label2 = accessibilityLabel ?? (typeof children === "string" ? spokenLabel([children], apple) : void 0);
-    return /* @__PURE__ */ jsx(View, { accessible: true, accessibilityRole: "text", accessibilityLabel: label2, style: styles.cap, children: typeof children === "string" ? /* @__PURE__ */ jsx(Text, { style: styles.label, children }) : children });
-  }
-  const list = Array.isArray(keys) ? keys : String(keys).split("+");
-  const parts = list.map((k) => k.trim()).filter((k) => k.length > 0);
-  const label = accessibilityLabel ?? spokenLabel(parts, apple);
-  return /* @__PURE__ */ jsx(View, { accessible: true, accessibilityRole: "text", accessibilityLabel: label, style: styles.group, children: parts.map((key, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-    i > 0 ? /* @__PURE__ */ jsx(Text, { style: styles.plus, children: "+" }) : null,
-    /* @__PURE__ */ jsx(View, { style: styles.cap, children: /* @__PURE__ */ jsx(Text, { style: styles.label, children: resolveKey(key, symbols, apple) }) })
-  ] }, `${key}-${i}`)) });
-}
-var sheet = createStyleSheet((theme) => ({
-  // The row of keycaps. `space.s1` gap matches the web `gap-1` between caps.
-  group: { flexDirection: "row", alignItems: "center", gap: theme.space.s1 },
-  // A single keycap. No native `--kbd-bg` token exists, so — as the native
-  // contract prescribes — the subtle surface falls back to `surface2` + a
-  // hairline border. The tiny `minWidth`/`minHeight` (20 / 24) mirror the web
-  // `kbd`'s raw-px `h-[20px]`/`min-w-[20px]` keycap box one-to-one.
-  cap: {
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: theme.color.surface2,
-    borderWidth: theme.borderWidth.base,
-    borderColor: theme.color.border,
-    borderRadius: theme.radius.sm,
-    variants: {
-      size: {
-        sm: {
-          minWidth: theme.space[20],
-          minHeight: theme.space[20],
-          paddingHorizontal: theme.space.s1
-        },
-        md: {
-          minWidth: theme.space[24],
-          minHeight: theme.space[24],
-          paddingHorizontal: theme.space.s2
-        }
-      }
-    }
-  },
-  // Monospace, tabular figures so combos line up. `text2` matches web `text-ink-2`.
-  label: {
-    fontFamily: theme.font.mono,
-    color: theme.color.text2,
-    textAlign: "center",
-    fontVariant: ["tabular-nums"],
-    variants: {
-      size: {
-        sm: {
-          fontSize: theme.type.caption2.fontSize,
-          lineHeight: theme.type.caption2.lineHeight
-        },
-        md: {
-          fontSize: theme.type.caption1.fontSize,
-          lineHeight: theme.type.caption1.lineHeight
-        }
-      }
-    }
-  },
-  // The `+` between keys — muted (`text3`, web `text-ink-3`), decorative only.
-  plus: {
-    fontFamily: theme.font.mono,
-    color: theme.color.text3,
-    fontSize: theme.type.caption1.fontSize,
-    lineHeight: theme.type.caption1.lineHeight
-  }
-}));
-
-export { Kbd };

package/dist/chunk-RQ3HASCC.js

@@ -1,6 +0,0 @@
-// src/lib/a11y.ts
-function expandedProps(expanded) {
-  return { "aria-expanded": expanded };
-}
-
-export { expandedProps };