webadwaita 0.1.0 → 0.2.0

package/src/Entry/index.tsx

@@ -0,0 +1,94 @@
+import * as React from 'react';
+import { css, html } from 'react-strict-dom';
+import { palette, radius, spacing, typography, motion } from '../tokens.css';
+
+export type EntryProps = {
+  value?: string;
+  defaultValue?: string;
+  placeholder?: string;
+  disabled?: boolean;
+  readOnly?: boolean;
+  invalid?: boolean;
+  type?: 'text' | 'password' | 'email' | 'search' | 'tel' | 'url' | 'number';
+  onChange?: (value: string) => void;
+  onSubmit?: (value: string) => void;
+};
+
+/**
+ * Adwaita-style text entry. Underline focus indicator + subtle filled surface,
+ * like libadwaita's `AdwEntry`.
+ */
+export function Entry(props: EntryProps) {
+  const {
+    value,
+    defaultValue,
+    placeholder,
+    disabled = false,
+    readOnly = false,
+    invalid = false,
+    type = 'text',
+    onChange,
+    onSubmit
+  } = props;
+
+  const latestValueRef = React.useRef<string>(value ?? defaultValue ?? '');
+
+  return (
+    <html.input
+      type={type}
+      value={value}
+      defaultValue={defaultValue}
+      placeholder={placeholder}
+      disabled={disabled}
+      readOnly={readOnly}
+      onChange={(e: { target: { value: string } }) => {
+        latestValueRef.current = e.target.value;
+        onChange?.(e.target.value);
+      }}
+      onKeyDown={(e: { key: string }) => {
+        if (e.key === 'Enter') onSubmit?.(latestValueRef.current);
+      }}
+      style={[
+        styles.input,
+        invalid && styles.invalid,
+        disabled && styles.disabled
+      ]}
+    />
+  );
+}
+
+const styles = css.create({
+  input: {
+    backgroundColor: palette.subtleBg,
+    color: palette.fg,
+    borderWidth: 0,
+    borderBottomWidth: 2,
+    borderBottomStyle: 'solid',
+    borderBottomColor: {
+      default: 'transparent',
+      ':hover': palette.borderStrong,
+      ':focus': palette.accentBg
+    },
+    borderTopLeftRadius: radius.sm,
+    borderTopRightRadius: radius.sm,
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0,
+    paddingBlock: spacing.sm,
+    paddingInline: spacing.md,
+    fontFamily: typography.fontFamily,
+    fontSize: typography.bodySize,
+    lineHeight: typography.bodyLineHeight,
+    minHeight: 36,
+    transitionProperty: 'border-color, background-color',
+    transitionDuration: motion.durationFast,
+    transitionTimingFunction: motion.easing
+  },
+  invalid: {
+    borderBottomColor: {
+      default: palette.destructiveBg,
+      ':hover': palette.destructiveBg,
+      ':focus': palette.destructiveBg
+    }
+  },
+  disabled: { opacity: 0.5, cursor: 'not-allowed' }
+});

package/src/HeaderBar/index.tsx

@@ -0,0 +1,78 @@
+import * as React from 'react';
+import { css, html } from 'react-strict-dom';
+import { palette, spacing, typography } from '../tokens.css';
+
+export type HeaderBarProps = {
+  title?: React.ReactNode;
+  subtitle?: React.ReactNode;
+  /** Buttons / actions to place at the start (left) of the bar. */
+  start?: React.ReactNode;
+  /** Buttons / actions to place at the end (right) of the bar. */
+  end?: React.ReactNode;
+};
+
+/**
+ * Top-level header bar matching libadwaita's AdwHeaderBar — a thin titled
+ * strip that sits at the top of a window. Centered title with optional
+ * leading/trailing slots.
+ */
+export function HeaderBar(props: HeaderBarProps) {
+  const { title, subtitle, start, end } = props;
+
+  return (
+    <html.header style={styles.bar}>
+      <html.div style={styles.side}>{start}</html.div>
+      <html.div style={styles.titleBlock}>
+        {title != null && (
+          <html.span style={styles.title}>{title}</html.span>
+        )}
+        {subtitle != null && (
+          <html.span style={styles.subtitle}>{subtitle}</html.span>
+        )}
+      </html.div>
+      <html.div style={[styles.side, styles.sideEnd]}>{end}</html.div>
+    </html.header>
+  );
+}
+
+const styles = css.create({
+  bar: {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: palette.headerbarBg,
+    borderBottomWidth: 1,
+    borderBottomStyle: 'solid',
+    borderBottomColor: palette.border,
+    paddingBlock: spacing.sm,
+    paddingInline: spacing.md,
+    gap: spacing.sm,
+    minHeight: 46
+  },
+  side: {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: spacing.sm,
+    flexBasis: 0,
+    flexGrow: 1
+  },
+  sideEnd: { justifyContent: 'flex-end' },
+  titleBlock: {
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  title: {
+    fontFamily: typography.fontFamily,
+    fontSize: typography.bodySize,
+    fontWeight: typography.weightStrong,
+    color: palette.fg
+  },
+  subtitle: {
+    fontFamily: typography.fontFamily,
+    fontSize: typography.captionSize,
+    color: palette.fgMuted
+  }
+});

package/src/Switch/index.tsx

@@ -0,0 +1,89 @@
+import { css, html } from 'react-strict-dom';
+import { palette, motion } from '../tokens.css';
+
+export type SwitchProps = {
+  checked: boolean;
+  disabled?: boolean;
+  onChange?: (checked: boolean) => void;
+  label?: string;
+};
+
+/**
+ * Adwaita-style toggle switch — pill-shaped track with a sliding thumb.
+ * Uses an html.button so it works identically on web and native via
+ * react-strict-dom; the inner thumb is positioned absolutely.
+ */
+export function Switch(props: SwitchProps) {
+  const { checked, disabled = false, onChange, label } = props;
+
+  const toggle = () => {
+    if (!disabled) onChange?.(!checked);
+  };
+
+  return (
+    <html.button
+      type="button"
+      role="switch"
+      aria-checked={checked}
+      aria-label={label}
+      disabled={disabled}
+      onClick={toggle}
+      style={[
+        styles.track,
+        checked ? styles.trackOn : styles.trackOff,
+        disabled && styles.disabled
+      ]}
+    >
+      <html.span
+        style={[styles.thumb, checked ? styles.thumbOn : styles.thumbOff]}
+      />
+    </html.button>
+  );
+}
+
+const TRACK_W = 48;
+const TRACK_H = 28;
+const THUMB = 22;
+const PAD = (TRACK_H - THUMB) / 2;
+
+const styles = css.create({
+  track: {
+    position: 'relative',
+    width: TRACK_W,
+    height: TRACK_H,
+    borderRadius: TRACK_H / 2,
+    borderWidth: 0,
+    cursor: 'pointer',
+    transitionProperty: 'background-color',
+    transitionDuration: motion.durationBase,
+    transitionTimingFunction: motion.easing,
+    padding: 0
+  },
+  trackOff: {
+    backgroundColor: {
+      default: palette.subtleBgHover,
+      ':hover': palette.subtleBgActive
+    }
+  },
+  trackOn: {
+    backgroundColor: {
+      default: palette.accentBg,
+      ':hover': palette.accentBgHover
+    }
+  },
+  thumb: {
+    position: 'absolute',
+    top: PAD,
+    width: THUMB,
+    height: THUMB,
+    borderRadius: THUMB / 2,
+    backgroundColor: '#ffffff',
+    boxShadow: '0 1px 2px rgba(0, 0, 0, 0.25)',
+    transitionProperty: 'left, transform',
+    transitionDuration: motion.durationBase,
+    transitionTimingFunction: motion.easing
+  },
+  thumbOff: { left: PAD },
+  thumbOn: { left: TRACK_W - THUMB - PAD },
+  disabled: { opacity: 0.5, cursor: 'not-allowed' }
+});

package/src/index.ts

@@ -0,0 +1,23 @@
+export { Button } from './Button';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './Button';
+
+export { Entry } from './Entry';
+export type { EntryProps } from './Entry';
+
+export { Switch } from './Switch';
+export type { SwitchProps } from './Switch';
+
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';
+
+export { Card } from './Card';
+export type { CardProps } from './Card';
+
+export { HeaderBar } from './HeaderBar';
+export type { HeaderBarProps } from './HeaderBar';
+
+export { Box } from './Box';
+export type { BoxProps } from './Box';
+
+export { theme, palette, radius, spacing, typography, motion } from './theme';
+export type { Theme } from './theme';

package/src/theme.ts

@@ -0,0 +1,19 @@
+/**
+ * Re-export of the design tokens for runtime use by consumer code (e.g. for
+ * computing inline styles, reading the accent color in a custom component).
+ *
+ * The stylex-aware tokens live in `tokens.stylex.ts`. At runtime, defineConsts
+ * returns a plain object with the same keys/values — so we just re-export.
+ */
+export {
+  palette,
+  radius,
+  spacing,
+  typography,
+  motion
+} from './tokens.css';
+
+import { palette, radius, spacing, typography, motion } from './tokens.css';
+
+export const theme = { palette, radius, spacing, typography, motion } as const;
+export type Theme = typeof theme;

package/src/tokens.css.ts

@@ -0,0 +1,91 @@
+import { css } from 'react-strict-dom';
+
+/**
+ * Adwaita-inspired design tokens, exposed via `css.defineConsts` so they can
+ * be referenced inside `css.create({...})` calls. StyleX requires shared
+ * values to live in a `.stylex.ts` file and to be defined this way.
+ *
+ * NOTE: defineConsts only accepts string values. Numeric tokens (sizes,
+ * weights, line heights) are encoded as strings — CSS accepts them either
+ * way, and react-strict-dom forwards them through to RN as well.
+ */
+
+export const palette = css.defineConsts({
+  accentBg: '#3584e4',
+  accentBgHover: '#4a90e9',
+  accentBgActive: '#1a6bb8',
+  accentFg: '#ffffff',
+
+  destructiveBg: '#e01b24',
+  destructiveBgHover: '#e8434b',
+  destructiveBgActive: '#b81920',
+  destructiveFg: '#ffffff',
+
+  successBg: '#26a269',
+  warningBg: '#cd9309',
+
+  windowBg: '#fafafa',
+  viewBg: '#ffffff',
+  cardBg: '#ffffff',
+  headerbarBg: '#ebebeb',
+  sidebarBg: '#ebebeb',
+
+  fg: 'rgba(0, 0, 0, 0.8)',
+  fgMuted: 'rgba(0, 0, 0, 0.55)',
+  fgDisabled: 'rgba(0, 0, 0, 0.35)',
+  fgOnAccent: '#ffffff',
+
+  border: 'rgba(0, 0, 0, 0.15)',
+  borderStrong: 'rgba(0, 0, 0, 0.25)',
+  shadow: 'rgba(0, 0, 0, 0.07)',
+
+  subtleBg: 'rgba(0, 0, 0, 0.07)',
+  subtleBgHover: 'rgba(0, 0, 0, 0.12)',
+  subtleBgActive: 'rgba(0, 0, 0, 0.18)'
+});
+
+export const radius = css.defineConsts({
+  sm: '6px',
+  md: '9px',
+  lg: '12px',
+  pill: '9999px'
+});
+
+export const spacing = css.defineConsts({
+  xs: '4px',
+  sm: '8px',
+  md: '12px',
+  lg: '16px',
+  xl: '24px',
+  xxl: '32px'
+});
+
+export const typography = css.defineConsts({
+  fontFamily:
+    '"Adwaita Sans", "Cantarell", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif',
+  fontFamilyMono:
+    '"Adwaita Mono", "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, monospace',
+
+  weightRegular: '400',
+  weightStrong: '600',
+  weightBold: '700',
+
+  bodySize: '14px',
+  bodyLineHeight: '1.5',
+  captionSize: '12px',
+  captionLineHeight: '1.4',
+  title4Size: '16px',
+  title4LineHeight: '1.3',
+  title3Size: '18px',
+  title3LineHeight: '1.3',
+  title2Size: '22px',
+  title2LineHeight: '1.25',
+  title1Size: '28px',
+  title1LineHeight: '1.2'
+});
+
+export const motion = css.defineConsts({
+  durationFast: '120ms',
+  durationBase: '180ms',
+  easing: 'cubic-bezier(0.4, 0, 0.2, 1)'
+});

package/dist/Button.d.mts

@@ -1,5 +0,0 @@
-type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
-
-declare const Button: (props: ButtonProps) => JSX.Element;
-
-export { Button };

package/dist/Button.d.ts

@@ -1,5 +0,0 @@
-type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
-
-declare const Button: (props: ButtonProps) => JSX.Element;
-
-export { Button };

package/dist/Button.js

@@ -1,63 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/atoms/Button/Button.tsx
-var Button_exports = {};
-__export(Button_exports, {
-  Button: () => Button
-});
-module.exports = __toCommonJS(Button_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var Button = (props) => {
-  const _a = props, { children } = _a, restProps = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", __spreadProps(__spreadValues({ className: "rounded-lg bg-blue-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600", type: "button" }, restProps), { children }));
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Button
-});

package/dist/Button.mjs

@@ -1,41 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// src/components/atoms/Button/Button.tsx
-import { jsx } from "react/jsx-runtime";
-var Button = (props) => {
-  const _a = props, { children } = _a, restProps = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ jsx("button", __spreadProps(__spreadValues({ className: "rounded-lg bg-blue-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600", type: "button" }, restProps), { children }));
-};
-export {
-  Button
-};

package/dist/button.d.mts

@@ -1,5 +0,0 @@
-type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
-
-declare const Button: (props: ButtonProps) => JSX.Element;
-
-export { Button };

package/dist/button.d.ts

@@ -1,5 +0,0 @@
-type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
-
-declare const Button: (props: ButtonProps) => JSX.Element;
-
-export { Button };

package/dist/button.js

@@ -1,63 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/atoms/Button/Button.tsx
-var Button_exports = {};
-__export(Button_exports, {
-  Button: () => Button
-});
-module.exports = __toCommonJS(Button_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var Button = (props) => {
-  const _a = props, { children } = _a, restProps = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", __spreadProps(__spreadValues({ className: "inline-flex items-center gap-2 rounded-xl bg-blue-500 px-5 py-2.5 text-sm font-medium text-black transition-all duration-200 hover:bg-blue-400 hover:shadow-lg hover:shadow-blue-500/25 active:scale-[0.98]", type: "button" }, restProps), { children }));
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Button
-});

package/dist/button.mjs

@@ -1,15 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-FWCSY2DS.mjs";
-
-// src/components/atoms/Button/Button.tsx
-import { jsx } from "react/jsx-runtime";
-var Button = (props) => {
-  const _a = props, { children } = _a, restProps = __objRest(_a, ["children"]);
-  return /* @__PURE__ */ jsx("button", __spreadProps(__spreadValues({ className: "inline-flex items-center gap-2 rounded-xl bg-blue-500 px-5 py-2.5 text-sm font-medium text-black transition-all duration-200 hover:bg-blue-400 hover:shadow-lg hover:shadow-blue-500/25 active:scale-[0.98]", type: "button" }, restProps), { children }));
-};
-export {
-  Button
-};

package/dist/chunk-FWCSY2DS.mjs

@@ -1,37 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-export {
-  __spreadValues,
-  __spreadProps,
-  __objRest
-};