@lssm/lib.design-system 0.0.0-canary-20251120170226

package/dist/theme/tokenBridge.js

@@ -0,0 +1,26 @@
+'use client';
+
+
+import { defaultTokens } from "./tokens.js";
+
+//#region src/theme/tokenBridge.ts
+function mapTokensForPlatform(platform) {
+	if (platform === "web") return defaultTokens;
+	const spacing = defaultTokens.space;
+	const radii = defaultTokens.radii;
+	const icons = defaultTokens.icons;
+	return {
+		colors: defaultTokens.colors,
+		spacing,
+		typography: {
+			h1: defaultTokens.typography.h1,
+			body: defaultTokens.typography.body
+		},
+		radii,
+		icons
+	};
+}
+
+//#endregion
+export { mapTokensForPlatform };
+//# sourceMappingURL=tokenBridge.js.map

package/dist/theme/tokenBridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenBridge.js","names":["themeTokens"],"sources":["../../src/theme/tokenBridge.ts"],"sourcesContent":["'use client';\n\nimport {\n  type ColorTokens,\n  defaultTokens as themeTokens,\n  type RadiusTokens,\n  type SpaceTokens,\n} from './tokens';\n\nexport type PlatformKind = 'web' | 'native';\n\ntype WebTokens = typeof themeTokens;\n\ninterface NativeTokens {\n  // colors: Record<string, string>;\n  colors: ColorTokens;\n  spacing: SpaceTokens;\n  typography: {\n    h1: number;\n    body: number;\n  };\n  radii: RadiusTokens;\n  icons: Record<string, number>;\n}\n\nexport type BridgedTokens = WebTokens | NativeTokens;\n\nexport function mapTokensForPlatform(platform: PlatformKind): BridgedTokens {\n  if (platform === 'web') return themeTokens;\n\n  // Native: use numeric tokens from DS defaults\n  const spacing = themeTokens.space;\n  const radii = themeTokens.radii;\n  const icons = themeTokens.icons;\n\n  return {\n    colors: themeTokens.colors,\n    spacing,\n    typography: {\n      h1: themeTokens.typography.h1,\n      body: themeTokens.typography.body,\n    },\n    radii,\n    icons,\n  } satisfies NativeTokens;\n}\n"],"mappings":";;;;;;AA2BA,SAAgB,qBAAqB,UAAuC;AAC1E,KAAI,aAAa,MAAO,QAAOA;CAG/B,MAAM,UAAUA,cAAY;CAC5B,MAAM,QAAQA,cAAY;CAC1B,MAAM,QAAQA,cAAY;AAE1B,QAAO;EACL,QAAQA,cAAY;EACpB;EACA,YAAY;GACV,IAAIA,cAAY,WAAW;GAC3B,MAAMA,cAAY,WAAW;GAC9B;EACD;EACA;EACD"}

package/dist/theme/tokens.d.ts

@@ -0,0 +1,51 @@
+//#region src/theme/tokens.d.ts
+interface ColorTokens {
+  background: string;
+  foreground: string;
+  muted: string;
+  mutedForeground: string;
+  primary: string;
+  primaryForeground: string;
+  accent: string;
+  accentForeground: string;
+  destructive: string;
+  destructiveForeground: string;
+  border: string;
+  ring: string;
+}
+interface RadiusTokens {
+  sm: number;
+  md: number;
+  lg: number;
+  xl: number;
+  full: number;
+}
+interface SpaceTokens {
+  xs: number;
+  sm: number;
+  md: number;
+  lg: number;
+  xl: number;
+}
+interface TypographyTokens {
+  h1: number;
+  h2: number;
+  h3: number;
+  body: number;
+  small: number;
+}
+interface ThemeTokens {
+  colors: ColorTokens;
+  radii: RadiusTokens;
+  space: SpaceTokens;
+  typography: TypographyTokens;
+  icons: {
+    sm: number;
+    md: number;
+    lg: number;
+  };
+}
+declare const defaultTokens: ThemeTokens;
+//#endregion
+export { ColorTokens, RadiusTokens, SpaceTokens, ThemeTokens, TypographyTokens, defaultTokens };
+//# sourceMappingURL=tokens.d.ts.map

package/dist/theme/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","names":[],"sources":["../../src/theme/tokens.ts"],"sourcesContent":[],"mappings":";UAEiB,WAAA;EAAA,UAAA,EAAA,MAAW;EAeX,UAAA,EAAA,MAAY;EAQZ,KAAA,EAAA,MAAA;EAQA,eAAA,EAAA,MAAgB;EAQhB,OAAA,EAAA,MAAW;EAClB,iBAAA,EAAA,MAAA;EACD,MAAA,EAAA,MAAA;EACA,gBAAA,EAAA,MAAA;EACK,WAAA,EAAA,MAAA;EAAgB,qBAAA,EAAA,MAAA;EAIjB,MAAA,EAAA,MAAA;;;UAhCI,YAAA;;;;;;;UAQA,WAAA;;;;;;;UAQA,gBAAA;;;;;;;UAQA,WAAA;UACP;SACD;SACA;cACK;;;;;;;cAID,eAAe"}

package/dist/theme/tokens.js

@@ -0,0 +1,50 @@
+'use client';
+
+
+//#region src/theme/tokens.ts
+const defaultTokens = {
+	colors: {
+		background: "#ffffff",
+		foreground: "#0a0a0a",
+		muted: "#f4f4f5",
+		mutedForeground: "#71717a",
+		primary: "#0f49a0",
+		primaryForeground: "#ffffff",
+		accent: "#16a34a",
+		accentForeground: "#ffffff",
+		destructive: "#ef4444",
+		destructiveForeground: "#ffffff",
+		border: "#e4e4e7",
+		ring: "#2563eb"
+	},
+	radii: {
+		sm: 4,
+		md: 8,
+		lg: 12,
+		xl: 16,
+		full: 9999
+	},
+	space: {
+		xs: 4,
+		sm: 8,
+		md: 12,
+		lg: 16,
+		xl: 24
+	},
+	typography: {
+		h1: 30,
+		h2: 24,
+		h3: 20,
+		body: 16,
+		small: 14
+	},
+	icons: {
+		sm: 16,
+		md: 20,
+		lg: 24
+	}
+};
+
+//#endregion
+export { defaultTokens };
+//# sourceMappingURL=tokens.js.map

package/dist/theme/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","names":["defaultTokens: ThemeTokens"],"sources":["../../src/theme/tokens.ts"],"sourcesContent":["'use client';\n\nexport interface ColorTokens {\n  background: string;\n  foreground: string;\n  muted: string;\n  mutedForeground: string;\n  primary: string;\n  primaryForeground: string;\n  accent: string;\n  accentForeground: string;\n  destructive: string;\n  destructiveForeground: string;\n  border: string;\n  ring: string;\n}\n\nexport interface RadiusTokens {\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n  full: number;\n}\n\nexport interface SpaceTokens {\n  xs: number;\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n}\n\nexport interface TypographyTokens {\n  h1: number;\n  h2: number;\n  h3: number;\n  body: number;\n  small: number;\n}\n\nexport interface ThemeTokens {\n  colors: ColorTokens;\n  radii: RadiusTokens;\n  space: SpaceTokens;\n  typography: TypographyTokens;\n  icons: { sm: number; md: number; lg: number };\n}\n\nexport const defaultTokens: ThemeTokens = {\n  colors: {\n    background: '#ffffff',\n    foreground: '#0a0a0a',\n    muted: '#f4f4f5',\n    mutedForeground: '#71717a',\n    primary: '#0f49a0',\n    primaryForeground: '#ffffff',\n    accent: '#16a34a',\n    accentForeground: '#ffffff',\n    destructive: '#ef4444',\n    destructiveForeground: '#ffffff',\n    border: '#e4e4e7',\n    ring: '#2563eb',\n  },\n  radii: { sm: 4, md: 8, lg: 12, xl: 16, full: 9999 },\n  space: { xs: 4, sm: 8, md: 12, lg: 16, xl: 24 },\n  typography: { h1: 30, h2: 24, h3: 20, body: 16, small: 14 },\n  icons: { sm: 16, md: 20, lg: 24 },\n};\n"],"mappings":";;;;AAiDA,MAAaA,gBAA6B;CACxC,QAAQ;EACN,YAAY;EACZ,YAAY;EACZ,OAAO;EACP,iBAAiB;EACjB,SAAS;EACT,mBAAmB;EACnB,QAAQ;EACR,kBAAkB;EAClB,aAAa;EACb,uBAAuB;EACvB,QAAQ;EACR,MAAM;EACP;CACD,OAAO;EAAE,IAAI;EAAG,IAAI;EAAG,IAAI;EAAI,IAAI;EAAI,MAAM;EAAM;CACnD,OAAO;EAAE,IAAI;EAAG,IAAI;EAAG,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI;CAC/C,YAAY;EAAE,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI,MAAM;EAAI,OAAO;EAAI;CAC3D,OAAO;EAAE,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI;CAClC"}

package/dist/theme/variants.d.ts

@@ -0,0 +1,22 @@
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/theme/variants.d.ts
+type SizeVariant = 'sm' | 'md' | 'lg';
+type DensityVariant = 'compact' | 'comfortable';
+type ToneVariant = 'neutral' | 'info' | 'success' | 'warning' | 'danger';
+type EmphasisVariant = 'default' | 'subtle' | 'strong';
+/**
+ * Base CVA example to compose in DS components.
+ * Consumers can extend this with component-specific classes.
+ */
+declare const dsBaseVariants: (props?: ({
+  size?: "sm" | "md" | "lg" | null | undefined;
+  density?: "compact" | "comfortable" | null | undefined;
+  tone?: "neutral" | "info" | "success" | "warning" | "danger" | null | undefined;
+  emphasis?: "strong" | "default" | "subtle" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type DSBaseVariantsProps = VariantProps<typeof dsBaseVariants>;
+//#endregion
+export { DSBaseVariantsProps, DensityVariant, EmphasisVariant, SizeVariant, ToneVariant, dsBaseVariants };
+//# sourceMappingURL=variants.d.ts.map

package/dist/theme/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","names":[],"sources":["../../src/theme/variants.ts"],"sourcesContent":[],"mappings":";;;;KAIY,WAAA;KACA,cAAA;KACA,WAAA;AAFA,KAGA,eAAA,GAHW,SAAA,GAAA,QAAA,GAAA,QAAA;AACvB;AACA;AACA;AAMA;AAgCY,cAhCC,cAgCkB,EAAA,CAAuB,MAAA,EAAA,CAAA;;;;;IAFpD,+BAAA,CAAA;KAEU,mBAAA,GAAsB,oBAAoB"}

package/dist/theme/variants.js

@@ -0,0 +1,45 @@
+'use client';
+
+
+import { cva } from "class-variance-authority";
+
+//#region src/theme/variants.ts
+/**
+* Base CVA example to compose in DS components.
+* Consumers can extend this with component-specific classes.
+*/
+const dsBaseVariants = cva("", {
+	variants: {
+		size: {
+			sm: "",
+			md: "",
+			lg: ""
+		},
+		density: {
+			compact: "",
+			comfortable: ""
+		},
+		tone: {
+			neutral: "",
+			info: "",
+			success: "",
+			warning: "",
+			danger: ""
+		},
+		emphasis: {
+			default: "",
+			subtle: "",
+			strong: ""
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		density: "comfortable",
+		tone: "neutral",
+		emphasis: "default"
+	}
+});
+
+//#endregion
+export { dsBaseVariants };
+//# sourceMappingURL=variants.js.map

package/dist/theme/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","names":[],"sources":["../../src/theme/variants.ts"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nexport type SizeVariant = 'sm' | 'md' | 'lg';\nexport type DensityVariant = 'compact' | 'comfortable';\nexport type ToneVariant = 'neutral' | 'info' | 'success' | 'warning' | 'danger';\nexport type EmphasisVariant = 'default' | 'subtle' | 'strong';\n\n/**\n * Base CVA example to compose in DS components.\n * Consumers can extend this with component-specific classes.\n */\nexport const dsBaseVariants = cva('', {\n  variants: {\n    size: {\n      sm: '',\n      md: '',\n      lg: '',\n    },\n    density: {\n      compact: '',\n      comfortable: '',\n    },\n    tone: {\n      neutral: '',\n      info: '',\n      success: '',\n      warning: '',\n      danger: '',\n    },\n    emphasis: {\n      default: '',\n      subtle: '',\n      strong: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    density: 'comfortable',\n    tone: 'neutral',\n    emphasis: 'default',\n  },\n});\n\nexport type DSBaseVariantsProps = VariantProps<typeof dsBaseVariants>;\n"],"mappings":";;;;;;;;;;AAaA,MAAa,iBAAiB,IAAI,IAAI;CACpC,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,SAAS;GACP,SAAS;GACT,aAAa;GACd;EACD,MAAM;GACJ,SAAS;GACT,MAAM;GACN,SAAS;GACT,SAAS;GACT,QAAQ;GACT;EACD,UAAU;GACR,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACF;CACD,iBAAiB;EACf,MAAM;EACN,SAAS;EACT,MAAM;EACN,UAAU;EACX;CACF,CAAC"}

package/dist/types/nativewind-env.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/types/navigation.d.ts

@@ -0,0 +1,45 @@
+import * as React$1 from "react";
+
+//#region src/types/navigation.d.ts
+interface NavLink {
+  label: React$1.ReactNode;
+  href: string;
+  icon?: React$1.ReactNode;
+  badge?: string | number;
+  target?: '_self' | '_blank';
+  ariaLabel?: string;
+  external?: boolean;
+  description?: React$1.ReactNode;
+  imageSrc?: string;
+  imageAlt?: string;
+  categories?: string[];
+}
+interface NavSection {
+  title?: React$1.ReactNode;
+  items: NavLink[];
+}
+interface UserMenuItem {
+  label: React$1.ReactNode;
+  href?: string;
+  onClick?: () => void;
+  icon?: React$1.ReactNode;
+  danger?: boolean;
+}
+interface HeaderNavItem {
+  label: React$1.ReactNode;
+  href?: string;
+  description?: React$1.ReactNode;
+  key?: string;
+  items?: NavLink[];
+  match?: 'exact' | 'startsWith';
+}
+interface CtaAction {
+  label: React$1.ReactNode;
+  href?: string;
+  onClick?: () => void;
+  variant?: 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive';
+  size?: 'default' | 'sm' | 'lg' | 'icon';
+}
+//#endregion
+export { CtaAction, HeaderNavItem, NavLink, NavSection, UserMenuItem };
+//# sourceMappingURL=navigation.d.ts.map

package/dist/types/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","names":[],"sources":["../../src/types/navigation.ts"],"sourcesContent":[],"mappings":";;;UAEiB,OAAA;SACR,OAAA,CAAM;EADE,IAAA,EAAA,MAAO;EACf,IAAA,CAAM,EAEN,OAAA,CAAM,SAFA;EAEN,KAAM,CAAA,EAAA,MAAA,GAAA,MAAA;EAKC,MAAM,CAAA,EAAA,OAAA,GAAA,QAAA;EAAS,SAAA,CAAA,EAAA,MAAA;EAMd,QAAA,CAAA,EAAA,OAAU;EAKV,WAAA,CAAA,EAXD,OAAA,CAAM,SAYb;EAOQ,QAAA,CAAA,EAAA,MAAa;EACrB,QAAM,CAAA,EAAA,MAAA;EAEC,UAAM,CAAA,EAAA,MAAA,EAAA;;AAEL,UAlBA,UAAA,CAkBA;EAIA,KAAA,CAAA,EArBP,OAAA,CAAM,SAqBU;SApBjB;;UAGQ,YAAA;SACR,OAAA,CAAM;;;SAGN,OAAA,CAAM;;;UAIE,aAAA;SACR,OAAA,CAAM;;gBAEC,OAAA,CAAM;;UAEZ;;;UAIO,SAAA;SACR,OAAA,CAAM"}

package/dist/types/navigation.js

@@ -0,0 +1 @@
+import "react";