@danieljoffe/shared-ui 0.0.1 → 0.1.0

package/dist/lib/index.js

@@ -0,0 +1,112 @@
+import { Alert as e } from "./Alert.js";
+import { AspectRatio as p } from "./AspectRatio.js";
+import { Avatar as x } from "./Avatar.js";
+import { Badge as a } from "./Badge.js";
+import { Breadcrumb as i } from "./Breadcrumb.js";
+import { Button as T, baseButtonStyles as S, sizeButtonStyles as l, variantButtonStyles as C, variantLinkOutline as s } from "./Button.js";
+import { Card as B, CardContent as c, CardFooter as g, CardHeader as E, CardTitle as b } from "./Card.js";
+import { Checkbox as I } from "./Checkbox.js";
+import { Container as v } from "./Container.js";
+import { CTACard as M } from "./CTACard.js";
+import { Divider as h } from "./Divider.js";
+import { Heading as L } from "./Heading.js";
+import { Text as k } from "./Text.js";
+import { FormFieldError as R } from "./FormFieldError.js";
+import { Dropdown as H } from "./Dropdown.js";
+import { PageContainer as O } from "./PageContainer.js";
+import { PageLayout as K } from "./PageLayout.js";
+import { Grid as j, GridItem as q } from "./Grid.js";
+import { GridBg as Q } from "./GridBg.js";
+import { Input as V } from "./Input.js";
+import { Kbd as Y } from "./Kbd.js";
+import { Loading as $ } from "./Loading.js";
+import { Modal as or } from "./Modal.js";
+import { Pagination as tr } from "./Pagination.js";
+import { ProgressBar as mr } from "./ProgressBar.js";
+import { Section as fr } from "./Section.js";
+import { SectionLabel as dr } from "./SectionLabel.js";
+import { Select as nr } from "./Select.js";
+import { Sidebar as Sr } from "./Sidebar.js";
+import { Skeleton as Cr } from "./Skeleton.js";
+import { Spacer as ur } from "./Spacer.js";
+import { Spinner as cr } from "./Spinner.js";
+import { Stack as Er } from "./Stack.js";
+import { StructuredData as Ar } from "./StructuredData.js";
+import { StatsCard as Pr } from "./StatsCard.js";
+import { Switch as yr } from "./Switch.js";
+import { Table as Nr } from "./Table.js";
+import { Tabs as Gr } from "./Tabs.js";
+import { Textarea as _r } from "./Textarea.js";
+import { ThemeProvider as Dr, useTheme as Rr } from "./ThemeProvider.js";
+import { ThemeToggle as Hr } from "./ThemeToggle.js";
+import { ToastProvider as Or, useToast as zr } from "./Toast.js";
+import { Tooltip as Xr } from "./Tooltip.js";
+import { cn as qr } from "./utils/cn.js";
+import { validateProps as Qr } from "./utils/validateProps.js";
+import { ErrorBoundary as Vr } from "./utils/ErrorBoundary.js";
+import { ModalErrorBoundary as Yr } from "./utils/ModalErrorBoundary.js";
+import { SEMANTIC_BG_LIGHT as $r, SEMANTIC_BORDER as ro, SEMANTIC_SPINNER as oo, SEMANTIC_TEXT as eo } from "./styles/semanticVariants.js";
+export {
+  e as Alert,
+  p as AspectRatio,
+  x as Avatar,
+  a as Badge,
+  i as Breadcrumb,
+  T as Button,
+  M as CTACard,
+  B as Card,
+  c as CardContent,
+  g as CardFooter,
+  E as CardHeader,
+  b as CardTitle,
+  I as Checkbox,
+  v as Container,
+  h as Divider,
+  H as Dropdown,
+  Vr as ErrorBoundary,
+  R as FormFieldError,
+  j as Grid,
+  Q as GridBg,
+  q as GridItem,
+  L as Heading,
+  V as Input,
+  Y as Kbd,
+  $ as Loading,
+  or as Modal,
+  Yr as ModalErrorBoundary,
+  O as PageContainer,
+  K as PageLayout,
+  tr as Pagination,
+  mr as ProgressBar,
+  $r as SEMANTIC_BG_LIGHT,
+  ro as SEMANTIC_BORDER,
+  oo as SEMANTIC_SPINNER,
+  eo as SEMANTIC_TEXT,
+  fr as Section,
+  dr as SectionLabel,
+  nr as Select,
+  Sr as Sidebar,
+  Cr as Skeleton,
+  ur as Spacer,
+  cr as Spinner,
+  Er as Stack,
+  Pr as StatsCard,
+  Ar as StructuredData,
+  yr as Switch,
+  Nr as Table,
+  Gr as Tabs,
+  k as Text,
+  _r as Textarea,
+  Dr as ThemeProvider,
+  Hr as ThemeToggle,
+  Or as ToastProvider,
+  Xr as Tooltip,
+  S as baseButtonStyles,
+  qr as cn,
+  l as sizeButtonStyles,
+  Rr as useTheme,
+  zr as useToast,
+  Qr as validateProps,
+  C as variantButtonStyles,
+  s as variantLinkOutline
+};

package/dist/lib/styles/formStyles.js

@@ -0,0 +1,24 @@
+const e = "block text-text-primary mb-2", r = "text-error ml-1", s = [
+  "w-full bg-surface border border-border rounded-md",
+  "text-text-primary",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500",
+  "focus-visible:border-transparent transition-all"
+].join(" "), o = "px-4 py-2.5", i = "placeholder:text-text-tertiary", t = "border-error focus-visible:ring-error", n = "border-success focus-visible:ring-success", c = "disabled:opacity-50 disabled:cursor-not-allowed", l = "peer-disabled:opacity-50 peer-disabled:cursor-not-allowed", b = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500", f = "focus-visible:ring-offset-2 focus-visible:ring-offset-surface", u = [
+  "peer-focus-visible:ring-2 peer-focus-visible:ring-brand-500",
+  "peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-surface"
+].join(" "), a = "text-text-tertiary hover:text-text-primary transition-colors";
+export {
+  s as BASE_FIELD,
+  c as DISABLED,
+  l as DISABLED_PEER,
+  a as DISMISS_BUTTON,
+  t as FIELD_ERROR,
+  o as FIELD_PADDING,
+  i as FIELD_PLACEHOLDER,
+  n as FIELD_SUCCESS,
+  b as FOCUS_RING,
+  f as FOCUS_RING_OFFSET,
+  u as FOCUS_RING_PEER,
+  e as FORM_LABEL,
+  r as REQUIRED_MARK
+};

package/dist/lib/styles/semanticVariants.js

@@ -0,0 +1,27 @@
+const e = {
+  info: "text-info",
+  success: "text-success",
+  warning: "text-warning",
+  error: "text-error"
+}, n = {
+  info: "bg-info-light",
+  success: "bg-success-light",
+  warning: "bg-warning-light",
+  error: "bg-error-light"
+}, r = {
+  info: "border-info/30",
+  success: "border-success/30",
+  warning: "border-warning/30",
+  error: "border-error/30"
+}, o = {
+  info: `${r.info} border-t-info`,
+  success: `${r.success} border-t-success`,
+  warning: `${r.warning} border-t-warning`,
+  error: `${r.error} border-t-error`
+};
+export {
+  n as SEMANTIC_BG_LIGHT,
+  r as SEMANTIC_BORDER,
+  o as SEMANTIC_SPINNER,
+  e as SEMANTIC_TEXT
+};

package/dist/lib/types.js

@@ -0,0 +1 @@
+

package/dist/lib/utils/ErrorBoundary.js

@@ -0,0 +1,17 @@
+"use client";
+import { Component as t } from "react";
+class n extends t {
+  state = { hasError: !1 };
+  static getDerivedStateFromError() {
+    return { hasError: !0 };
+  }
+  componentDidCatch(r, e) {
+    process.env.NODE_ENV === "development" && console.error("[ErrorBoundary] Render error:", r, e), this.props.onError?.(r, e);
+  }
+  render() {
+    return this.state.hasError ? this.props.fallback ?? null : this.props.children;
+  }
+}
+export {
+  n as ErrorBoundary
+};

package/dist/lib/utils/ModalErrorBoundary.js

@@ -0,0 +1,17 @@
+"use client";
+import { Component as o } from "react";
+class s extends o {
+  state = { hasError: !1 };
+  static getDerivedStateFromError() {
+    return { hasError: !0 };
+  }
+  componentDidCatch(r, e) {
+    process.env.NODE_ENV === "development" && console.error("[Modal] Render error:", r, e), typeof document < "u" && (document.body.style.overflow = "unset");
+  }
+  render() {
+    return this.state.hasError ? this.props.fallback ?? null : this.props.children;
+  }
+}
+export {
+  s as ModalErrorBoundary
+};

package/dist/lib/utils/cn.js

@@ -0,0 +1,8 @@
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
+export {
+  n as cn
+};

package/dist/lib/utils/index.js

@@ -0,0 +1,10 @@
+import { cn as a } from "./cn.js";
+import { validateProps as p } from "./validateProps.js";
+import { ErrorBoundary as d } from "./ErrorBoundary.js";
+import { ModalErrorBoundary as m } from "./ModalErrorBoundary.js";
+export {
+  d as ErrorBoundary,
+  m as ModalErrorBoundary,
+  a as cn,
+  p as validateProps
+};

package/dist/lib/utils/validateProps.js

@@ -0,0 +1,7 @@
+function i(e, n, o, t) {
+  const r = n(e);
+  return r ? (process.env.NODE_ENV === "development" && console.error(`[${t}] Invalid props: ${r}`), { ...o, ...e }) : e;
+}
+export {
+  i as validateProps
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danieljoffe/shared-ui",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "description": "React component library and design system shared across danieljoffe.com and WyrdFold — Tailwind CSS 4, React 19, server-component-friendly.",
   "type": "module",
   "sideEffects": false,
@@ -18,17 +18,20 @@
     "./*": {
       "@danieljoffe.com/source": "./src/lib/*.tsx",
       "types": "./dist/lib/*.d.ts",
-      "default": "./src/lib/*.tsx"
+      "import": "./dist/lib/*.js",
+      "default": "./dist/lib/*.js"
     },
     "./styles/*": {
       "@danieljoffe.com/source": "./src/lib/styles/*.ts",
       "types": "./dist/lib/styles/*.d.ts",
-      "default": "./src/lib/styles/*.ts"
+      "import": "./dist/lib/styles/*.js",
+      "default": "./dist/lib/styles/*.js"
     },
     "./types": {
       "@danieljoffe.com/source": "./src/lib/types.ts",
       "types": "./dist/lib/types.d.ts",
-      "default": "./src/lib/types.ts"
+      "import": "./dist/lib/types.js",
+      "default": "./dist/lib/types.js"
     },
     "./styles/indigo-theme.css": "./src/styles/indigo-theme.css",
     "./styles/pyre-theme.css": "./src/styles/pyre-theme.css"