@btndprojects/loam-ui-native 0.1.1 → 0.3.1

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 };

package/dist/chunk-RSOJT5YW.js

@@ -1,124 +0,0 @@
-import { Icon } from './chunk-TKVFVF5D.js';
-import * as React from 'react';
-import { View, Pressable, Text } from 'react-native';
-import { Svg, Path } from 'react-native-svg';
-import { icons, ICON_VIEWBOX } from '@btndprojects/loam-icons';
-import { createStyleSheet, useStyles, useLoamTheme } from '@btndprojects/loam-theme-native';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var ICON_SIZE = { sm: 20, md: 26, lg: 34 };
-var STAR_PATH = icons.star.flatMap((part) => part.t === "path" ? [part.d] : []).join(" ");
-function toHalfStep(value) {
-  return Math.round(value * 2) / 2;
-}
-function Star({ fraction, size }) {
-  const theme = useLoamTheme();
-  const { styles } = useStyles(starSheet);
-  const filled = Math.max(0, Math.min(1, fraction));
-  return /* @__PURE__ */ jsxs(View, { style: { width: size, height: size }, children: [
-    /* @__PURE__ */ jsx(Icon, { name: "star", size, color: theme.color.text3 }),
-    filled > 0 ? /* @__PURE__ */ jsx(View, { testID: "rating-star-fill", style: [styles.clip, { width: size * filled }], children: /* @__PURE__ */ jsx(View, { style: styles.paint, children: /* @__PURE__ */ jsx(Svg, { width: size, height: size, viewBox: ICON_VIEWBOX, children: /* @__PURE__ */ jsx(
-      Path,
-      {
-        d: STAR_PATH,
-        fill: theme.color.warn,
-        stroke: theme.color.warn,
-        strokeWidth: theme.borderWidth.thick,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ) }) }) }) : null
-  ] });
-}
-function Rating({
-  value,
-  defaultValue = 0,
-  onValueChange,
-  max = 5,
-  size = "md",
-  readOnly = false,
-  accessibilityLabel = "Rating",
-  showValue = false,
-  count
-}) {
-  const { styles } = useStyles(sheet, { size });
-  const theme = useLoamTheme();
-  const iconSize = ICON_SIZE[size];
-  const starSlopY = Math.max(0, (theme.tapMin - (iconSize + theme.space.s1 * 2)) / 2);
-  const isControlled = value !== void 0;
-  const [internal, setInternal] = React.useState(defaultValue);
-  const current = isControlled ? value : internal;
-  const setValue = (next) => {
-    if (!isControlled) setInternal(next);
-    onValueChange?.(next);
-  };
-  const snapped = toHalfStep(Math.max(0, Math.min(max, current)));
-  const shown = Number.isInteger(snapped) ? String(snapped) : snapped.toFixed(1);
-  const label = readOnly ? `${accessibilityLabel}: ${shown} out of ${max} stars` : accessibilityLabel;
-  const readoutLabel = count !== void 0 ? `${shown} of ${max} \xB7 ${count} reviews` : `${shown} of ${max}`;
-  return /* @__PURE__ */ jsxs(View, { style: styles.wrapper, children: [
-    /* @__PURE__ */ jsx(View, { style: styles.row, role: "group", accessibilityLabel: label, children: Array.from({ length: max }, (_, i) => {
-      const starValue = i + 1;
-      const fraction = Math.max(0, Math.min(1, snapped - i));
-      return /* @__PURE__ */ jsx(
-        Pressable,
-        {
-          style: styles.star,
-          accessibilityRole: "button",
-          accessibilityLabel: `Rate ${starValue} of ${max}`,
-          accessibilityState: { disabled: readOnly, selected: fraction >= 0.5 },
-          disabled: readOnly,
-          hitSlop: { top: starSlopY, bottom: starSlopY },
-          onPress: readOnly ? void 0 : () => setValue(starValue),
-          children: /* @__PURE__ */ jsx(Star, { fraction, size: iconSize })
-        },
-        i
-      );
-    }) }),
-    showValue ? /* @__PURE__ */ jsx(Text, { testID: "rating-readout", style: styles.readout, children: readoutLabel }) : null
-  ] });
-}
-var sheet = createStyleSheet((theme) => ({
-  // Outer wrapper groups the star row with the optional readout.
-  wrapper: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: theme.space.s2
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    variants: {
-      size: {
-        sm: { gap: theme.space.s1 },
-        md: { gap: theme.space.s1 },
-        lg: { gap: theme.space.s2 }
-      }
-    }
-  },
-  star: {
-    padding: theme.space.s1
-  },
-  // Companion readout — uses body/sm weight and text2 tone so it reads as
-  // secondary information alongside the star icons.
-  readout: {
-    fontFamily: theme.font.sans,
-    fontSize: theme.fontSize[14],
-    color: theme.color.text2
-  }
-}));
-var starSheet = createStyleSheet(() => ({
-  // `start` + `overflow: 'hidden'` is the clip: the painted star inside keeps its
-  // full width and is cropped to the fraction, from the leading edge either way
-  // round, so RTL needs no sign flip.
-  clip: {
-    position: "absolute",
-    top: 0,
-    bottom: 0,
-    start: 0,
-    overflow: "hidden"
-  },
-  paint: { position: "absolute", top: 0, start: 0 }
-}));
-
-export { Rating };

package/dist/chunk-RUZHTGKB.js

@@ -1,237 +0,0 @@
-import { Progress } from './chunk-2ZZ7TDJ4.js';
-import { Sheet } from './chunk-ZVFE5QGU.js';
-import { Button } from './chunk-3ARE4TES.js';
-import { Icon } from './chunk-TKVFVF5D.js';
-import * as React from 'react';
-import { View, Text, Modal } from 'react-native';
-import { createStyleSheet, useStyles, useLoamTheme } from '@btndprojects/loam-theme-native';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function ReleaseSummary({
-  release,
-  productName = "Version"
-}) {
-  const { styles } = useStyles(sheet);
-  const meta = [release.from ? `from ${release.from}` : null, release.size].filter(Boolean).join(" \xB7 ");
-  return /* @__PURE__ */ jsxs(View, { style: styles.summaryRow, children: [
-    /* @__PURE__ */ jsxs(Text, { style: styles.version, children: [
-      productName,
-      " ",
-      release.version
-    ] }),
-    meta ? /* @__PURE__ */ jsx(Text, { style: styles.meta, children: meta }) : null
-  ] });
-}
-function ReleaseNotes({ notes }) {
-  const theme = useLoamTheme();
-  const { styles } = useStyles(sheet);
-  if (!notes.length) return null;
-  return /* @__PURE__ */ jsx(View, { style: styles.notes, children: notes.map((n) => /* @__PURE__ */ jsxs(View, { style: styles.noteRow, children: [
-    /* @__PURE__ */ jsx(Icon, { name: "check", size: theme.icon.xs, color: theme.color.good }),
-    /* @__PURE__ */ jsx(Text, { style: styles.noteText, children: n })
-  ] }, n)) });
-}
-function ReleaseMeta({ release }) {
-  const { styles } = useStyles(sheet);
-  const pairs = [
-    ["Installed", release.from],
-    ["Required", release.version],
-    ["Download", release.size]
-  ];
-  return /* @__PURE__ */ jsx(View, { style: styles.chips, children: pairs.filter((pair) => Boolean(pair[1])).map(([k, v]) => /* @__PURE__ */ jsx(View, { style: styles.chip, children: /* @__PURE__ */ jsxs(Text, { style: styles.meta, children: [
-    k,
-    " \xB7 ",
-    v
-  ] }) }, k)) });
-}
-function UpdateNotice({
-  release,
-  open = true,
-  state: stateProp,
-  defaultState = "available",
-  onStateChange,
-  progress = 0,
-  onDownload,
-  onCancel,
-  onApply,
-  onSnooze,
-  applyLabel = "Restart",
-  productName = "Version",
-  layout = "sheet",
-  motion = "full"
-}) {
-  const { styles } = useStyles(sheet);
-  const [uncontrolled, setUncontrolled] = React.useState(defaultState);
-  const state = stateProp ?? uncontrolled;
-  const pct = Math.max(0, Math.min(100, Math.round(progress)));
-  const go = (next) => {
-    if (stateProp === void 0) setUncontrolled(next);
-    onStateChange?.(next);
-  };
-  const kicker = state === "ready" ? "Update ready" : state === "downloading" ? "Downloading" : "Update available";
-  const content = /* @__PURE__ */ jsxs(View, { accessibilityLiveRegion: "polite", style: styles.body, children: [
-    /* @__PURE__ */ jsx(Text, { style: styles.kicker, children: kicker }),
-    /* @__PURE__ */ jsx(ReleaseSummary, { release, productName }),
-    state !== "downloading" ? /* @__PURE__ */ jsx(ReleaseNotes, { notes: release.notes ?? [] }) : null,
-    state === "downloading" ? /* @__PURE__ */ jsxs(View, { style: styles.progressBlock, children: [
-      /* @__PURE__ */ jsx(Progress, { size: "sm", value: pct, accessibilityLabel: "Download progress", motion }),
-      /* @__PURE__ */ jsxs(Text, { style: styles.meta, children: [
-        pct,
-        "% \xB7 you can keep working"
-      ] })
-    ] }) : null,
-    /* @__PURE__ */ jsx(View, { style: styles.actions, children: state === "available" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      onSnooze ? /* @__PURE__ */ jsx(Button, { size: "lg", variant: "outline", onPress: onSnooze, children: "Not now" }) : null,
-      /* @__PURE__ */ jsx(View, { style: styles.grow }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          size: "lg",
-          variant: "primary",
-          leadingIcon: "download",
-          onPress: () => {
-            go("downloading");
-            onDownload?.();
-          },
-          children: "Download"
-        }
-      )
-    ] }) : state === "downloading" ? /* @__PURE__ */ jsx(
-      Button,
-      {
-        size: "lg",
-        variant: "outline",
-        onPress: () => {
-          go("available");
-          onCancel?.();
-        },
-        children: "Cancel"
-      }
-    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { style: styles.applyNote, children: "Applies on restart. Your open work is restored." }),
-      /* @__PURE__ */ jsx(Button, { size: "lg", variant: "primary", leadingIcon: "refresh", onPress: onApply, children: applyLabel })
-    ] }) })
-  ] });
-  if (layout === "inline") return content;
-  return /* @__PURE__ */ jsx(Sheet, { open, onClose: onSnooze, dismissible: Boolean(onSnooze), motion, children: content });
-}
-function BlockingUpdate({
-  open = true,
-  release,
-  title = "This build can no longer connect.",
-  actionLabel = "Update and restart",
-  onApply
-}) {
-  const { styles } = useStyles(sheet);
-  return /* @__PURE__ */ jsx(
-    Modal,
-    {
-      visible: open,
-      transparent: true,
-      animationType: "fade",
-      onRequestClose: () => {
-      },
-      children: /* @__PURE__ */ jsx(View, { style: styles.blockScrim, children: /* @__PURE__ */ jsxs(View, { accessibilityRole: "alert", accessibilityViewIsModal: true, style: styles.blockCard, children: [
-        /* @__PURE__ */ jsx(Text, { style: styles.blockKicker, children: "Required update" }),
-        /* @__PURE__ */ jsx(Text, { style: styles.blockTitle, children: title }),
-        release.reason ? /* @__PURE__ */ jsx(Text, { style: styles.blockReason, children: release.reason }) : null,
-        /* @__PURE__ */ jsx(ReleaseMeta, { release }),
-        /* @__PURE__ */ jsx(Button, { size: "lg", fullWidth: true, variant: "primary", leadingIcon: "download", onPress: onApply, children: actionLabel })
-      ] }) })
-    }
-  );
-}
-var sheet = createStyleSheet((theme) => ({
-  body: { gap: theme.space[11] },
-  kicker: {
-    fontFamily: theme.font.mono,
-    fontSize: theme.type.caption2.fontSize,
-    letterSpacing: theme.tracking.caps,
-    textTransform: "uppercase",
-    color: theme.color.accentStrong
-  },
-  summaryRow: { flexDirection: "row", alignItems: "baseline", gap: theme.space[8] },
-  version: {
-    fontFamily: theme.font.display,
-    fontWeight: theme.font.displayWeight,
-    fontSize: theme.type.title3.fontSize,
-    color: theme.color.text
-  },
-  meta: {
-    fontFamily: theme.font.mono,
-    fontSize: theme.type.caption2.fontSize,
-    color: theme.color.text3,
-    fontVariant: ["tabular-nums"]
-  },
-  notes: { gap: theme.space[5] },
-  noteRow: { flexDirection: "row", alignItems: "flex-start", gap: theme.space[8] },
-  noteText: {
-    flex: 1,
-    fontFamily: theme.font.sans,
-    fontSize: theme.type.subheadline.fontSize,
-    lineHeight: theme.type.subheadline.lineHeight,
-    color: theme.color.text2
-  },
-  progressBlock: { gap: theme.space[6] },
-  // Wraps: on a phone the restart note and a large button do not share 340px
-  // without squeezing the note to three 115px lines.
-  actions: { flexDirection: "row", flexWrap: "wrap", alignItems: "center", gap: theme.space[9] },
-  grow: { flex: 1 },
-  applyNote: {
-    flexGrow: 1,
-    flexBasis: theme.panel.xs,
-    fontFamily: theme.font.sans,
-    fontSize: theme.type.footnote.fontSize,
-    lineHeight: theme.type.footnote.lineHeight,
-    color: theme.color.text2
-  },
-  chips: { flexDirection: "row", flexWrap: "wrap", gap: theme.space[8] },
-  chip: {
-    paddingHorizontal: theme.space[10],
-    paddingVertical: theme.space[5],
-    borderRadius: theme.radius.full,
-    borderWidth: theme.borderWidth.thin,
-    borderColor: theme.color.border,
-    backgroundColor: theme.color.surface2
-  },
-  blockScrim: {
-    flex: 1,
-    backgroundColor: theme.color.scrim,
-    alignItems: "center",
-    justifyContent: "center",
-    padding: theme.space[24]
-  },
-  blockCard: {
-    width: "100%",
-    maxWidth: theme.dialog.md,
-    gap: theme.space[14],
-    padding: theme.space[24],
-    borderRadius: theme.radius.xl,
-    borderWidth: theme.borderWidth.thin,
-    borderColor: theme.color.borderStrong,
-    backgroundColor: theme.color.surface,
-    ...theme.shadow.lg
-  },
-  blockKicker: {
-    fontFamily: theme.font.mono,
-    fontSize: theme.type.caption2.fontSize,
-    letterSpacing: theme.tracking.caps,
-    textTransform: "uppercase",
-    color: theme.color.danger
-  },
-  blockTitle: {
-    fontFamily: theme.font.display,
-    fontWeight: theme.font.displayWeight,
-    fontSize: theme.type.title1.fontSize,
-    lineHeight: theme.type.title1.lineHeight,
-    color: theme.color.text
-  },
-  blockReason: {
-    fontFamily: theme.font.sans,
-    fontSize: theme.type.body.fontSize,
-    lineHeight: theme.type.body.lineHeight,
-    color: theme.color.text2
-  }
-}));
-
-export { BlockingUpdate, ReleaseMeta, ReleaseNotes, ReleaseSummary, UpdateNotice };