@francofantomius/material-components 0.1.0 → 1.0.1

package/dist/tokens/index.js

@@ -1,13 +1,338 @@
-import { a, c as o, d as l, e as h, l as m, m as r, s as t, t as n, b as p } from "../chunks/theme.css-DV3DRha-.js";
+import { css as r } from "lit";
+var e = {
+  primary: "#6750A4",
+  onPrimary: "#FFFFFF",
+  primaryContainer: "#EADDFF",
+  onPrimaryContainer: "#21005D",
+  secondary: "#625B71",
+  onSecondary: "#FFFFFF",
+  secondaryContainer: "#E8DEF8",
+  onSecondaryContainer: "#1D192B",
+  tertiary: "#7D5260",
+  onTertiary: "#FFFFFF",
+  tertiaryContainer: "#FFD8E4",
+  onTertiaryContainer: "#31111D",
+  error: "#B3261E",
+  onError: "#FFFFFF",
+  errorContainer: "#F9DEDC",
+  onErrorContainer: "#410E0B",
+  background: "#FEF7FF",
+  onBackground: "#1D1B20",
+  surface: "#FEF7FF",
+  onSurface: "#1D1B20",
+  surfaceVariant: "#E7E0EC",
+  onSurfaceVariant: "#49454F",
+  outline: "#79747E",
+  outlineVariant: "#CAC4D0",
+  shadow: "#000000",
+  scrim: "#000000",
+  inverseSurface: "#313033",
+  inverseOnSurface: "#F4EFF4",
+  inversePrimary: "#D0BCFF",
+  surfaceDim: "#DED8E1",
+  surfaceBright: "#FEF7FF",
+  surfaceContainerLowest: "#FFFFFF",
+  surfaceContainerLow: "#F7F2FA",
+  surfaceContainer: "#F3EDF7",
+  surfaceContainerHigh: "#ECE6F0",
+  surfaceContainerHighest: "#E6E0E9"
+}, o = {
+  primary: "#D0BCFF",
+  onPrimary: "#381E72",
+  primaryContainer: "#4F378B",
+  onPrimaryContainer: "#EADDFF",
+  secondary: "#CCC2DC",
+  onSecondary: "#332D41",
+  secondaryContainer: "#4A4458",
+  onSecondaryContainer: "#E8DEF8",
+  tertiary: "#EFB8C8",
+  onTertiary: "#492532",
+  tertiaryContainer: "#633B48",
+  onTertiaryContainer: "#FFD8E4",
+  error: "#F2B8B5",
+  onError: "#601410",
+  errorContainer: "#8C1D18",
+  onErrorContainer: "#F9DEDC",
+  background: "#141218",
+  onBackground: "#E6E0E9",
+  surface: "#141218",
+  onSurface: "#E6E0E9",
+  surfaceVariant: "#49454F",
+  onSurfaceVariant: "#CAC4D0",
+  outline: "#938F99",
+  outlineVariant: "#49454F",
+  shadow: "#000000",
+  scrim: "#000000",
+  inverseSurface: "#E6E0E9",
+  inverseOnSurface: "#313033",
+  inversePrimary: "#6750A4",
+  surfaceDim: "#141218",
+  surfaceBright: "#3B383E",
+  surfaceContainerLowest: "#0F0D13",
+  surfaceContainerLow: "#1D1B20",
+  surfaceContainer: "#211F26",
+  surfaceContainerHigh: "#2B2930",
+  surfaceContainerHighest: "#36343B"
+};
+function p(l) {
+  const i = {};
+  for (const [y, t] of Object.entries(l)) {
+    const d = y.replace(/([A-Z])/g, "-$1").toLowerCase();
+    i[`--md-sys-color-${d}`] = t;
+  }
+  return i;
+}
+var n = {
+  fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
+  displayLarge: {
+    size: "57px",
+    lineHeight: "64px",
+    letterSpacing: "-0.25px",
+    weight: 400
+  },
+  displayMedium: {
+    size: "45px",
+    lineHeight: "52px",
+    letterSpacing: "0px",
+    weight: 400
+  },
+  displaySmall: {
+    size: "36px",
+    lineHeight: "44px",
+    letterSpacing: "0px",
+    weight: 400
+  },
+  headlineLarge: {
+    size: "32px",
+    lineHeight: "40px",
+    letterSpacing: "0px",
+    weight: 400
+  },
+  headlineMedium: {
+    size: "28px",
+    lineHeight: "36px",
+    letterSpacing: "0px",
+    weight: 400
+  },
+  headlineSmall: {
+    size: "24px",
+    lineHeight: "32px",
+    letterSpacing: "0px",
+    weight: 400
+  },
+  titleLarge: {
+    size: "22px",
+    lineHeight: "28px",
+    letterSpacing: "0px",
+    weight: 400
+  },
+  titleMedium: {
+    size: "16px",
+    lineHeight: "24px",
+    letterSpacing: "0.15px",
+    weight: 500
+  },
+  titleSmall: {
+    size: "14px",
+    lineHeight: "20px",
+    letterSpacing: "0.1px",
+    weight: 500
+  },
+  bodyLarge: {
+    size: "16px",
+    lineHeight: "24px",
+    letterSpacing: "0.5px",
+    weight: 400
+  },
+  bodyMedium: {
+    size: "14px",
+    lineHeight: "20px",
+    letterSpacing: "0.25px",
+    weight: 400
+  },
+  bodySmall: {
+    size: "12px",
+    lineHeight: "16px",
+    letterSpacing: "0.4px",
+    weight: 400
+  },
+  labelLarge: {
+    size: "14px",
+    lineHeight: "20px",
+    letterSpacing: "0.1px",
+    weight: 500
+  },
+  labelMedium: {
+    size: "12px",
+    lineHeight: "16px",
+    letterSpacing: "0.5px",
+    weight: 500
+  },
+  labelSmall: {
+    size: "11px",
+    lineHeight: "16px",
+    letterSpacing: "0.5px",
+    weight: 500
+  }
+}, s = {
+  level0: "none",
+  level1: "0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)",
+  level2: "0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)",
+  level3: "0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)",
+  level4: "0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)",
+  level5: "0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)"
+}, a = {
+  cornerNone: "0px",
+  cornerExtraSmall: "4px",
+  cornerSmall: "8px",
+  cornerMedium: "12px",
+  cornerLarge: "16px",
+  cornerExtraLarge: "28px",
+  cornerFull: "9999px"
+}, c = {
+  easingStandard: "cubic-bezier(0.2, 0, 0, 1)",
+  easingStandardDecelerate: "cubic-bezier(0, 0, 0, 1)",
+  easingStandardAccelerate: "cubic-bezier(0.3, 0, 1, 1)",
+  easingEmphasized: "cubic-bezier(0.2, 0, 0, 1)",
+  easingEmphasizedDecelerate: "cubic-bezier(0.05, 0.7, 0.1, 1)",
+  easingEmphasizedAccelerate: "cubic-bezier(0.3, 0, 0.8, 0.15)",
+  durationShort1: "50ms",
+  durationShort2: "100ms",
+  durationShort3: "150ms",
+  durationShort4: "200ms",
+  durationMedium1: "250ms",
+  durationMedium2: "300ms",
+  durationMedium3: "350ms",
+  durationMedium4: "400ms",
+  durationLong1: "450ms",
+  durationLong2: "500ms",
+  durationLong3: "550ms",
+  durationLong4: "600ms"
+}, u = r`
+  :root, :host {
+    /* Color Tokens - Default Light */
+    --md-sys-color-primary: ${r([e.primary])};
+    --md-sys-color-on-primary: ${r([e.onPrimary])};
+    --md-sys-color-primary-container: ${r([e.primaryContainer])};
+    --md-sys-color-on-primary-container: ${r([e.onPrimaryContainer])};
+    --md-sys-color-secondary: ${r([e.secondary])};
+    --md-sys-color-on-secondary: ${r([e.onSecondary])};
+    --md-sys-color-secondary-container: ${r([e.secondaryContainer])};
+    --md-sys-color-on-secondary-container: ${r([e.onSecondaryContainer])};
+    --md-sys-color-tertiary: ${r([e.tertiary])};
+    --md-sys-color-on-tertiary: ${r([e.onTertiary])};
+    --md-sys-color-tertiary-container: ${r([e.tertiaryContainer])};
+    --md-sys-color-on-tertiary-container: ${r([e.onTertiaryContainer])};
+    --md-sys-color-error: ${r([e.error])};
+    --md-sys-color-on-error: ${r([e.onError])};
+    --md-sys-color-error-container: ${r([e.errorContainer])};
+    --md-sys-color-on-error-container: ${r([e.onErrorContainer])};
+    --md-sys-color-background: ${r([e.background])};
+    --md-sys-color-on-background: ${r([e.onBackground])};
+    --md-sys-color-surface: ${r([e.surface])};
+    --md-sys-color-on-surface: ${r([e.onSurface])};
+    --md-sys-color-surface-variant: ${r([e.surfaceVariant])};
+    --md-sys-color-on-surface-variant: ${r([e.onSurfaceVariant])};
+    --md-sys-color-outline: ${r([e.outline])};
+    --md-sys-color-outline-variant: ${r([e.outlineVariant])};
+    --md-sys-color-surface-container-lowest: ${r([e.surfaceContainerLowest])};
+    --md-sys-color-surface-container-low: ${r([e.surfaceContainerLow])};
+    --md-sys-color-surface-container: ${r([e.surfaceContainer])};
+    --md-sys-color-surface-container-high: ${r([e.surfaceContainerHigh])};
+    --md-sys-color-surface-container-highest: ${r([e.surfaceContainerHighest])};
+    --md-sys-color-inverse-surface: ${r([e.inverseSurface])};
+    --md-sys-color-inverse-on-surface: ${r([e.inverseOnSurface])};
+    --md-sys-color-inverse-primary: ${r([e.inversePrimary])};
+
+    /* Typography */
+    --md-sys-typescale-font-family: ${r([n.fontFamily])};
+    --md-sys-typescale-body-large-size: ${r([n.bodyLarge.size])};
+    --md-sys-typescale-body-large-line-height: ${r([n.bodyLarge.lineHeight])};
+    --md-sys-typescale-body-medium-size: ${r([n.bodyMedium.size])};
+    --md-sys-typescale-label-large-size: ${r([n.labelLarge.size])};
+    --md-sys-typescale-title-medium-size: ${r([n.titleMedium.size])};
+
+    /* Elevation */
+    --md-sys-elevation-level0: ${r([s.level0])};
+    --md-sys-elevation-level1: ${r([s.level1])};
+    --md-sys-elevation-level2: ${r([s.level2])};
+    --md-sys-elevation-level3: ${r([s.level3])};
+    --md-sys-elevation-level4: ${r([s.level4])};
+    --md-sys-elevation-level5: ${r([s.level5])};
+
+    /* Shape */
+    --md-sys-shape-corner-none: ${r([a.cornerNone])};
+    --md-sys-shape-corner-extra-small: ${r([a.cornerExtraSmall])};
+    --md-sys-shape-corner-small: ${r([a.cornerSmall])};
+    --md-sys-shape-corner-medium: ${r([a.cornerMedium])};
+    --md-sys-shape-corner-large: ${r([a.cornerLarge])};
+    --md-sys-shape-corner-extra-large: ${r([a.cornerExtraLarge])};
+    --md-sys-shape-corner-full: ${r([a.cornerFull])};
+
+    /* Motion */
+    --md-sys-motion-easing-standard: ${r([c.easingStandard])};
+    --md-sys-motion-duration-short: ${r([c.durationShort2])};
+    --md-sys-motion-duration-medium: ${r([c.durationMedium2])};
+    --md-sys-motion-duration-long: ${r([c.durationLong2])};
+
+    /* State Layer Opacities */
+    --md-sys-state-hover-opacity: 0.08;
+    --md-sys-state-focus-opacity: 0.12;
+    --md-sys-state-pressed-opacity: 0.12;
+    --md-sys-state-dragged-opacity: 0.16;
+  }
+
+  [data-theme='dark'] {
+    --md-sys-color-primary: ${r([o.primary])};
+    --md-sys-color-on-primary: ${r([o.onPrimary])};
+    --md-sys-color-primary-container: ${r([o.primaryContainer])};
+    --md-sys-color-on-primary-container: ${r([o.onPrimaryContainer])};
+    --md-sys-color-secondary: ${r([o.secondary])};
+    --md-sys-color-on-secondary: ${r([o.onSecondary])};
+    --md-sys-color-secondary-container: ${r([o.secondaryContainer])};
+    --md-sys-color-on-secondary-container: ${r([o.onSecondaryContainer])};
+    --md-sys-color-tertiary: ${r([o.tertiary])};
+    --md-sys-color-on-tertiary: ${r([o.onTertiary])};
+    --md-sys-color-tertiary-container: ${r([o.tertiaryContainer])};
+    --md-sys-color-on-tertiary-container: ${r([o.onTertiaryContainer])};
+    --md-sys-color-error: ${r([o.error])};
+    --md-sys-color-on-error: ${r([o.onError])};
+    --md-sys-color-error-container: ${r([o.errorContainer])};
+    --md-sys-color-on-error-container: ${r([o.onErrorContainer])};
+    --md-sys-color-background: ${r([o.background])};
+    --md-sys-color-on-background: ${r([o.onBackground])};
+    --md-sys-color-surface: ${r([o.surface])};
+    --md-sys-color-on-surface: ${r([o.onSurface])};
+    --md-sys-color-surface-variant: ${r([o.surfaceVariant])};
+    --md-sys-color-on-surface-variant: ${r([o.onSurfaceVariant])};
+    --md-sys-color-outline: ${r([o.outline])};
+    --md-sys-color-outline-variant: ${r([o.outlineVariant])};
+    --md-sys-color-surface-container-lowest: ${r([o.surfaceContainerLowest])};
+    --md-sys-color-surface-container-low: ${r([o.surfaceContainerLow])};
+    --md-sys-color-surface-container: ${r([o.surfaceContainer])};
+    --md-sys-color-surface-container-high: ${r([o.surfaceContainerHigh])};
+    --md-sys-color-surface-container-highest: ${r([o.surfaceContainerHighest])};
+    --md-sys-color-inverse-surface: ${r([o.inverseSurface])};
+    --md-sys-color-inverse-on-surface: ${r([o.inverseOnSurface])};
+    --md-sys-color-inverse-primary: ${r([o.inversePrimary])};
+  }
+`;
+function g(l, i = document.documentElement) {
+  for (const [y, t] of Object.entries(l)) if (t) {
+    const d = y.replace(/([A-Z])/g, "-$1").toLowerCase();
+    i.style.setProperty(`--md-sys-color-${d}`, t);
+  }
+}
 export {
-  a as applyTheme,
-  o as colorSchemeToCssVariables,
-  l as darkColorScheme,
-  h as elevationTokens,
-  m as lightColorScheme,
-  r as motionTokens,
-  t as shapeTokens,
-  n as themeStyles,
-  p as typographyTokens
+  g as applyTheme,
+  p as colorSchemeToCssVariables,
+  o as darkColorScheme,
+  s as elevationTokens,
+  e as lightColorScheme,
+  c as motionTokens,
+  a as shapeTokens,
+  u as themeStyles,
+  n as typographyTokens
 };
-//# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/tokens/colors.ts","../../src/tokens/typography.ts","../../src/tokens/elevation.ts","../../src/tokens/shape.ts","../../src/tokens/motion.ts","../../src/tokens/theme.css.ts"],"sourcesContent":["export interface M3ColorScheme {\n  primary: string;\n  onPrimary: string;\n  primaryContainer: string;\n  onPrimaryContainer: string;\n  secondary: string;\n  onSecondary: string;\n  secondaryContainer: string;\n  onSecondaryContainer: string;\n  tertiary: string;\n  onTertiary: string;\n  tertiaryContainer: string;\n  onTertiaryContainer: string;\n  error: string;\n  onError: string;\n  errorContainer: string;\n  onErrorContainer: string;\n  background: string;\n  onBackground: string;\n  surface: string;\n  onSurface: string;\n  surfaceVariant: string;\n  onSurfaceVariant: string;\n  outline: string;\n  outlineVariant: string;\n  shadow: string;\n  scrim: string;\n  inverseSurface: string;\n  inverseOnSurface: string;\n  inversePrimary: string;\n  surfaceDim: string;\n  surfaceBright: string;\n  surfaceContainerLowest: string;\n  surfaceContainerLow: string;\n  surfaceContainer: string;\n  surfaceContainerHigh: string;\n  surfaceContainerHighest: string;\n}\n\nexport const lightColorScheme: M3ColorScheme = {\n  primary: '#6750A4',\n  onPrimary: '#FFFFFF',\n  primaryContainer: '#EADDFF',\n  onPrimaryContainer: '#21005D',\n  secondary: '#625B71',\n  onSecondary: '#FFFFFF',\n  secondaryContainer: '#E8DEF8',\n  onSecondaryContainer: '#1D192B',\n  tertiary: '#7D5260',\n  onTertiary: '#FFFFFF',\n  tertiaryContainer: '#FFD8E4',\n  onTertiaryContainer: '#31111D',\n  error: '#B3261E',\n  onError: '#FFFFFF',\n  errorContainer: '#F9DEDC',\n  onErrorContainer: '#410E0B',\n  background: '#FEF7FF',\n  onBackground: '#1D1B20',\n  surface: '#FEF7FF',\n  onSurface: '#1D1B20',\n  surfaceVariant: '#E7E0EC',\n  onSurfaceVariant: '#49454F',\n  outline: '#79747E',\n  outlineVariant: '#CAC4D0',\n  shadow: '#000000',\n  scrim: '#000000',\n  inverseSurface: '#313033',\n  inverseOnSurface: '#F4EFF4',\n  inversePrimary: '#D0BCFF',\n  surfaceDim: '#DED8E1',\n  surfaceBright: '#FEF7FF',\n  surfaceContainerLowest: '#FFFFFF',\n  surfaceContainerLow: '#F7F2FA',\n  surfaceContainer: '#F3EDF7',\n  surfaceContainerHigh: '#ECE6F0',\n  surfaceContainerHighest: '#E6E0E9',\n};\n\nexport const darkColorScheme: M3ColorScheme = {\n  primary: '#D0BCFF',\n  onPrimary: '#381E72',\n  primaryContainer: '#4F378B',\n  onPrimaryContainer: '#EADDFF',\n  secondary: '#CCC2DC',\n  onSecondary: '#332D41',\n  secondaryContainer: '#4A4458',\n  onSecondaryContainer: '#E8DEF8',\n  tertiary: '#EFB8C8',\n  onTertiary: '#492532',\n  tertiaryContainer: '#633B48',\n  onTertiaryContainer: '#FFD8E4',\n  error: '#F2B8B5',\n  onError: '#601410',\n  errorContainer: '#8C1D18',\n  onErrorContainer: '#F9DEDC',\n  background: '#141218',\n  onBackground: '#E6E0E9',\n  surface: '#141218',\n  onSurface: '#E6E0E9',\n  surfaceVariant: '#49454F',\n  onSurfaceVariant: '#CAC4D0',\n  outline: '#938F99',\n  outlineVariant: '#49454F',\n  shadow: '#000000',\n  scrim: '#000000',\n  inverseSurface: '#E6E0E9',\n  inverseOnSurface: '#313033',\n  inversePrimary: '#6750A4',\n  surfaceDim: '#141218',\n  surfaceBright: '#3B383E',\n  surfaceContainerLowest: '#0F0D13',\n  surfaceContainerLow: '#1D1B20',\n  surfaceContainer: '#211F26',\n  surfaceContainerHigh: '#2B2930',\n  surfaceContainerHighest: '#36343B',\n};\n\nexport function colorSchemeToCssVariables(scheme: Partial<M3ColorScheme>): Record<string, string> {\n  const vars: Record<string, string> = {};\n  for (const [key, value] of Object.entries(scheme)) {\n    const kebab = key.replace(/([A-Z])/g, '-$1').toLowerCase();\n    vars[`--md-sys-color-${kebab}`] = value;\n  }\n  return vars;\n}\n\n","export interface M3TypographyStyle {\n  fontFamily: string;\n  weight: number | string;\n  size: string;\n  lineHeight: string;\n  letterSpacing: string;\n}\n\nexport const typographyTokens = {\n  fontFamily: \"'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\",\n  displayLarge: { size: '57px', lineHeight: '64px', letterSpacing: '-0.25px', weight: 400 },\n  displayMedium: { size: '45px', lineHeight: '52px', letterSpacing: '0px', weight: 400 },\n  displaySmall: { size: '36px', lineHeight: '44px', letterSpacing: '0px', weight: 400 },\n  headlineLarge: { size: '32px', lineHeight: '40px', letterSpacing: '0px', weight: 400 },\n  headlineMedium: { size: '28px', lineHeight: '36px', letterSpacing: '0px', weight: 400 },\n  headlineSmall: { size: '24px', lineHeight: '32px', letterSpacing: '0px', weight: 400 },\n  titleLarge: { size: '22px', lineHeight: '28px', letterSpacing: '0px', weight: 400 },\n  titleMedium: { size: '16px', lineHeight: '24px', letterSpacing: '0.15px', weight: 500 },\n  titleSmall: { size: '14px', lineHeight: '20px', letterSpacing: '0.1px', weight: 500 },\n  bodyLarge: { size: '16px', lineHeight: '24px', letterSpacing: '0.5px', weight: 400 },\n  bodyMedium: { size: '14px', lineHeight: '20px', letterSpacing: '0.25px', weight: 400 },\n  bodySmall: { size: '12px', lineHeight: '16px', letterSpacing: '0.4px', weight: 400 },\n  labelLarge: { size: '14px', lineHeight: '20px', letterSpacing: '0.1px', weight: 500 },\n  labelMedium: { size: '12px', lineHeight: '16px', letterSpacing: '0.5px', weight: 500 },\n  labelSmall: { size: '11px', lineHeight: '16px', letterSpacing: '0.5px', weight: 500 },\n};\n\n","export const elevationTokens = {\n  level0: 'none',\n  level1: '0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)',\n  level2: '0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)',\n  level3: '0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)',\n  level4: '0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)',\n  level5: '0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)',\n};\n\n","export const shapeTokens = {\n  cornerNone: '0px',\n  cornerExtraSmall: '4px',\n  cornerSmall: '8px',\n  cornerMedium: '12px',\n  cornerLarge: '16px',\n  cornerExtraLarge: '28px',\n  cornerFull: '9999px',\n};\n\n","export const motionTokens = {\n  easingStandard: 'cubic-bezier(0.2, 0, 0, 1)',\n  easingStandardDecelerate: 'cubic-bezier(0, 0, 0, 1)',\n  easingStandardAccelerate: 'cubic-bezier(0.3, 0, 1, 1)',\n  easingEmphasized: 'cubic-bezier(0.2, 0, 0, 1)',\n  easingEmphasizedDecelerate: 'cubic-bezier(0.05, 0.7, 0.1, 1)',\n  easingEmphasizedAccelerate: 'cubic-bezier(0.3, 0, 0.8, 0.15)',\n  \n  durationShort1: '50ms',\n  durationShort2: '100ms',\n  durationShort3: '150ms',\n  durationShort4: '200ms',\n  durationMedium1: '250ms',\n  durationMedium2: '300ms',\n  durationMedium3: '350ms',\n  durationMedium4: '400ms',\n  durationLong1: '450ms',\n  durationLong2: '500ms',\n  durationLong3: '550ms',\n  durationLong4: '600ms',\n};\n\n","import { css } from 'lit';\nimport { lightColorScheme, darkColorScheme, M3ColorScheme } from './colors.js';\nimport { typographyTokens } from './typography.js';\nimport { elevationTokens } from './elevation.js';\nimport { shapeTokens } from './shape.js';\nimport { motionTokens } from './motion.js';\n\nexport const themeStyles = css`\n  :root, :host {\n    /* Color Tokens - Default Light */\n    --md-sys-color-primary: ${css([lightColorScheme.primary] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-primary: ${css([lightColorScheme.onPrimary] as unknown as TemplateStringsArray)};\n    --md-sys-color-primary-container: ${css([lightColorScheme.primaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-primary-container: ${css([lightColorScheme.onPrimaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-secondary: ${css([lightColorScheme.secondary] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-secondary: ${css([lightColorScheme.onSecondary] as unknown as TemplateStringsArray)};\n    --md-sys-color-secondary-container: ${css([lightColorScheme.secondaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-secondary-container: ${css([lightColorScheme.onSecondaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-tertiary: ${css([lightColorScheme.tertiary] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-tertiary: ${css([lightColorScheme.onTertiary] as unknown as TemplateStringsArray)};\n    --md-sys-color-tertiary-container: ${css([lightColorScheme.tertiaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-tertiary-container: ${css([lightColorScheme.onTertiaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-error: ${css([lightColorScheme.error] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-error: ${css([lightColorScheme.onError] as unknown as TemplateStringsArray)};\n    --md-sys-color-error-container: ${css([lightColorScheme.errorContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-error-container: ${css([lightColorScheme.onErrorContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-background: ${css([lightColorScheme.background] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-background: ${css([lightColorScheme.onBackground] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface: ${css([lightColorScheme.surface] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-surface: ${css([lightColorScheme.onSurface] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-variant: ${css([lightColorScheme.surfaceVariant] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-surface-variant: ${css([lightColorScheme.onSurfaceVariant] as unknown as TemplateStringsArray)};\n    --md-sys-color-outline: ${css([lightColorScheme.outline] as unknown as TemplateStringsArray)};\n    --md-sys-color-outline-variant: ${css([lightColorScheme.outlineVariant] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container-lowest: ${css([lightColorScheme.surfaceContainerLowest] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container-low: ${css([lightColorScheme.surfaceContainerLow] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container: ${css([lightColorScheme.surfaceContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container-high: ${css([lightColorScheme.surfaceContainerHigh] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container-highest: ${css([lightColorScheme.surfaceContainerHighest] as unknown as TemplateStringsArray)};\n    --md-sys-color-inverse-surface: ${css([lightColorScheme.inverseSurface] as unknown as TemplateStringsArray)};\n    --md-sys-color-inverse-on-surface: ${css([lightColorScheme.inverseOnSurface] as unknown as TemplateStringsArray)};\n    --md-sys-color-inverse-primary: ${css([lightColorScheme.inversePrimary] as unknown as TemplateStringsArray)};\n\n    /* Typography */\n    --md-sys-typescale-font-family: ${css([typographyTokens.fontFamily] as unknown as TemplateStringsArray)};\n    --md-sys-typescale-body-large-size: ${css([typographyTokens.bodyLarge.size] as unknown as TemplateStringsArray)};\n    --md-sys-typescale-body-large-line-height: ${css([typographyTokens.bodyLarge.lineHeight] as unknown as TemplateStringsArray)};\n    --md-sys-typescale-body-medium-size: ${css([typographyTokens.bodyMedium.size] as unknown as TemplateStringsArray)};\n    --md-sys-typescale-label-large-size: ${css([typographyTokens.labelLarge.size] as unknown as TemplateStringsArray)};\n    --md-sys-typescale-title-medium-size: ${css([typographyTokens.titleMedium.size] as unknown as TemplateStringsArray)};\n\n    /* Elevation */\n    --md-sys-elevation-level0: ${css([elevationTokens.level0] as unknown as TemplateStringsArray)};\n    --md-sys-elevation-level1: ${css([elevationTokens.level1] as unknown as TemplateStringsArray)};\n    --md-sys-elevation-level2: ${css([elevationTokens.level2] as unknown as TemplateStringsArray)};\n    --md-sys-elevation-level3: ${css([elevationTokens.level3] as unknown as TemplateStringsArray)};\n    --md-sys-elevation-level4: ${css([elevationTokens.level4] as unknown as TemplateStringsArray)};\n    --md-sys-elevation-level5: ${css([elevationTokens.level5] as unknown as TemplateStringsArray)};\n\n    /* Shape */\n    --md-sys-shape-corner-none: ${css([shapeTokens.cornerNone] as unknown as TemplateStringsArray)};\n    --md-sys-shape-corner-extra-small: ${css([shapeTokens.cornerExtraSmall] as unknown as TemplateStringsArray)};\n    --md-sys-shape-corner-small: ${css([shapeTokens.cornerSmall] as unknown as TemplateStringsArray)};\n    --md-sys-shape-corner-medium: ${css([shapeTokens.cornerMedium] as unknown as TemplateStringsArray)};\n    --md-sys-shape-corner-large: ${css([shapeTokens.cornerLarge] as unknown as TemplateStringsArray)};\n    --md-sys-shape-corner-extra-large: ${css([shapeTokens.cornerExtraLarge] as unknown as TemplateStringsArray)};\n    --md-sys-shape-corner-full: ${css([shapeTokens.cornerFull] as unknown as TemplateStringsArray)};\n\n    /* Motion */\n    --md-sys-motion-easing-standard: ${css([motionTokens.easingStandard] as unknown as TemplateStringsArray)};\n    --md-sys-motion-duration-short: ${css([motionTokens.durationShort2] as unknown as TemplateStringsArray)};\n    --md-sys-motion-duration-medium: ${css([motionTokens.durationMedium2] as unknown as TemplateStringsArray)};\n    --md-sys-motion-duration-long: ${css([motionTokens.durationLong2] as unknown as TemplateStringsArray)};\n\n    /* State Layer Opacities */\n    --md-sys-state-hover-opacity: 0.08;\n    --md-sys-state-focus-opacity: 0.12;\n    --md-sys-state-pressed-opacity: 0.12;\n    --md-sys-state-dragged-opacity: 0.16;\n  }\n\n  [data-theme='dark'] {\n    --md-sys-color-primary: ${css([darkColorScheme.primary] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-primary: ${css([darkColorScheme.onPrimary] as unknown as TemplateStringsArray)};\n    --md-sys-color-primary-container: ${css([darkColorScheme.primaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-primary-container: ${css([darkColorScheme.onPrimaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-secondary: ${css([darkColorScheme.secondary] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-secondary: ${css([darkColorScheme.onSecondary] as unknown as TemplateStringsArray)};\n    --md-sys-color-secondary-container: ${css([darkColorScheme.secondaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-secondary-container: ${css([darkColorScheme.onSecondaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-tertiary: ${css([darkColorScheme.tertiary] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-tertiary: ${css([darkColorScheme.onTertiary] as unknown as TemplateStringsArray)};\n    --md-sys-color-tertiary-container: ${css([darkColorScheme.tertiaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-tertiary-container: ${css([darkColorScheme.onTertiaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-error: ${css([darkColorScheme.error] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-error: ${css([darkColorScheme.onError] as unknown as TemplateStringsArray)};\n    --md-sys-color-error-container: ${css([darkColorScheme.errorContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-error-container: ${css([darkColorScheme.onErrorContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-background: ${css([darkColorScheme.background] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-background: ${css([darkColorScheme.onBackground] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface: ${css([darkColorScheme.surface] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-surface: ${css([darkColorScheme.onSurface] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-variant: ${css([darkColorScheme.surfaceVariant] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-surface-variant: ${css([darkColorScheme.onSurfaceVariant] as unknown as TemplateStringsArray)};\n    --md-sys-color-outline: ${css([darkColorScheme.outline] as unknown as TemplateStringsArray)};\n    --md-sys-color-outline-variant: ${css([darkColorScheme.outlineVariant] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container-lowest: ${css([darkColorScheme.surfaceContainerLowest] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container-low: ${css([darkColorScheme.surfaceContainerLow] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container: ${css([darkColorScheme.surfaceContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container-high: ${css([darkColorScheme.surfaceContainerHigh] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container-highest: ${css([darkColorScheme.surfaceContainerHighest] as unknown as TemplateStringsArray)};\n    --md-sys-color-inverse-surface: ${css([darkColorScheme.inverseSurface] as unknown as TemplateStringsArray)};\n    --md-sys-color-inverse-on-surface: ${css([darkColorScheme.inverseOnSurface] as unknown as TemplateStringsArray)};\n    --md-sys-color-inverse-primary: ${css([darkColorScheme.inversePrimary] as unknown as TemplateStringsArray)};\n  }\n`;\n\nexport function applyTheme(\n  theme: Partial<M3ColorScheme>,\n  target: HTMLElement = document.documentElement\n): void {\n  for (const [key, value] of Object.entries(theme)) {\n    if (value) {\n      const kebab = key.replace(/([A-Z])/g, '-$1').toLowerCase();\n      target.style.setProperty(`--md-sys-color-${kebab}`, value);\n    }\n  }\n}\n\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,15 @@
 {
   "name": "@francofantomius/material-components",
-  "version": "0.1.0",
+  "version": "1.0.1",
   "description": "Reusable, accessible, and lightweight Material Design 3 Web Components built with Lit.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/FrancoFantomius/material-components.git"
+  },
+  "bugs": {
+    "url": "https://github.com/FrancoFantomius/material-components/issues"
+  },
+  "homepage": "https://github.com/FrancoFantomius/material-components#readme",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -10,6 +18,7 @@
   "files": [
     "dist",
     "README.md",
+    "CHANGELOG.md",
     "LICENSE",
     "custom-elements.json"
   ],
@@ -90,21 +99,108 @@
       "types": "./dist/components/snackbar/snackbar.d.ts",
       "import": "./dist/components/snackbar/snackbar.js"
     },
+    "./top-app-bar": {
+      "types": "./dist/components/top-app-bar/top-app-bar.d.ts",
+      "import": "./dist/components/top-app-bar/top-app-bar.js"
+    },
+    "./top-bar": {
+      "types": "./dist/components/top-app-bar/top-app-bar.d.ts",
+      "import": "./dist/components/top-app-bar/top-app-bar.js"
+    },
+    "./navigation-drawer": {
+      "types": "./dist/components/navigation-drawer/navigation-drawer.d.ts",
+      "import": "./dist/components/navigation-drawer/navigation-drawer.js"
+    },
+    "./drawer": {
+      "types": "./dist/components/navigation-drawer/navigation-drawer.d.ts",
+      "import": "./dist/components/navigation-drawer/navigation-drawer.js"
+    },
+    "./menu-bar": {
+      "types": "./dist/components/navigation-drawer/navigation-drawer.d.ts",
+      "import": "./dist/components/navigation-drawer/navigation-drawer.js"
+    },
+    "./table": {
+      "types": "./dist/components/table/table.d.ts",
+      "import": "./dist/components/table/table.js"
+    },
+    "./data-table": {
+      "types": "./dist/components/table/table.d.ts",
+      "import": "./dist/components/table/table.js"
+    },
+    "./search-bar": {
+      "types": "./dist/components/search-bar/search-bar.d.ts",
+      "import": "./dist/components/search-bar/search-bar.js"
+    },
+    "./search": {
+      "types": "./dist/components/search-bar/search-bar.d.ts",
+      "import": "./dist/components/search-bar/search-bar.js"
+    },
+    "./app-drawer": {
+      "types": "./dist/components/app-drawer/app-drawer.d.ts",
+      "import": "./dist/components/app-drawer/app-drawer.js"
+    },
+    "./app-launcher": {
+      "types": "./dist/components/app-drawer/app-drawer.d.ts",
+      "import": "./dist/components/app-drawer/app-drawer.js"
+    },
+    "./apps-menu": {
+      "types": "./dist/components/app-drawer/app-drawer.d.ts",
+      "import": "./dist/components/app-drawer/app-drawer.js"
+    },
+    "./account-menu": {
+      "types": "./dist/components/account-menu/account-menu.d.ts",
+      "import": "./dist/components/account-menu/account-menu.js"
+    },
+    "./account-drawer": {
+      "types": "./dist/components/account-menu/account-menu.d.ts",
+      "import": "./dist/components/account-menu/account-menu.js"
+    },
+    "./account-profile": {
+      "types": "./dist/components/account-menu/account-menu.d.ts",
+      "import": "./dist/components/account-menu/account-menu.js"
+    },
     "./ripple": {
       "types": "./dist/internal/ripple/ripple.d.ts",
       "import": "./dist/internal/ripple/ripple.js"
+    },
+    "./focus-ring": {
+      "types": "./dist/internal/focus-ring/focus-ring.d.ts",
+      "import": "./dist/internal/focus-ring/focus-ring.js"
+    },
+    "./code": {
+      "types": "./dist/components/code/code.d.ts",
+      "import": "./dist/components/code/code.js"
+    },
+    "./code-block": {
+      "types": "./dist/components/code/code.d.ts",
+      "import": "./dist/components/code/code.js"
+    },
+    "./player": {
+      "types": "./dist/components/player/player.d.ts",
+      "import": "./dist/components/player/player.js"
+    },
+    "./media-player": {
+      "types": "./dist/components/player/player.d.ts",
+      "import": "./dist/components/player/player.js"
+    },
+    "./audio-player": {
+      "types": "./dist/components/player/player.d.ts",
+      "import": "./dist/components/player/player.js"
+    },
+    "./video-player": {
+      "types": "./dist/components/player/player.d.ts",
+      "import": "./dist/components/player/player.js"
     }
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build && npm run analyze",
+    "build": "tsc && vite build && node docs/generate.js && vite build --config vite.docs.config.ts && npm run analyze",
+    "clean": "git clean -fdX",
+    "preview": "vite preview --config vite.docs.config.ts",
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
     "test:watch": "vitest",
     "analyze": "cem analyze --litelement",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs",
     "prepublishOnly": "npm run typecheck && npm run test && npm run build"
   },
   "keywords": [
@@ -119,15 +215,25 @@
   "author": "francofantomius",
   "license": "MIT",
   "dependencies": {
-    "lit": "^3.2.1"
+    "lit": "^3.3.3"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.4",
-    "happy-dom": "^15.11.7",
-    "typescript": "^5.6.3",
-    "vite": "^6.0.1",
-    "vite-plugin-dts": "^4.3.0",
-    "vitepress": "^1.6.4",
-    "vitest": "^2.1.8"
+    "@typescript/typescript6": "^6.0.2",
+    "esbuild": "^0.28.2",
+    "happy-dom": "^20.11.6",
+    "typescript": "^7.0.2",
+    "vite": "^8.2.2",
+    "vite-plugin-dts": "^5.0.3",
+    "vitest": "^4.1.11"
+  },
+  "allowScripts": {
+    "esbuild": true,
+    "happy-dom": true,
+    "typescript": true,
+    "vite": true,
+    "vite-plugin-dts": true,
+    "vitest": true,
+    "rs-module-lexer@2.8.0": true
   }
 }

package/dist/chunks/base-component-DQTjlEVL.js

@@ -1,34 +0,0 @@
-import { LitElement as n, css as i } from "lit";
-class m extends n {
-  static {
-    this.styles = i`
-    :host {
-      box-sizing: border-box;
-      font-family: var(--md-sys-typescale-font-family, 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif);
-      -webkit-font-smoothing: antialiased;
-      -moz-osx-font-smoothing: grayscale;
-    }
-
-    *, *::before, *::after {
-      box-sizing: inherit;
-    }
-  `;
-  }
-  /**
-   * Helper to dispatch custom events with standard bubbles/composed defaults.
-   */
-  emitEvent(t, e, s = {}) {
-    const o = new CustomEvent(t, {
-      bubbles: !0,
-      composed: !0,
-      cancelable: !0,
-      detail: e,
-      ...s
-    });
-    return this.dispatchEvent(o);
-  }
-}
-export {
-  m as M
-};
-//# sourceMappingURL=base-component-DQTjlEVL.js.map

package/dist/chunks/base-component-DQTjlEVL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-component-DQTjlEVL.js","sources":["../../src/internal/base-component.ts"],"sourcesContent":["import { LitElement, css, CSSResultGroup } from 'lit';\n\n/**\n * Base element class for all Material Web Components.\n * Provides standard reset styles and event dispatch helpers.\n */\nexport class MdBaseElement extends LitElement {\n  static override styles: CSSResultGroup = css`\n    :host {\n      box-sizing: border-box;\n      font-family: var(--md-sys-typescale-font-family, 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif);\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n    }\n\n    *, *::before, *::after {\n      box-sizing: inherit;\n    }\n  `;\n\n  /**\n   * Helper to dispatch custom events with standard bubbles/composed defaults.\n   */\n  protected emitEvent<T = unknown>(\n    name: string,\n    detail?: T,\n    options: CustomEventInit<T> = {}\n  ): boolean {\n    const event = new CustomEvent<T>(name, {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n      detail,\n      ...options,\n    });\n    return this.dispatchEvent(event);\n  }\n}\n\n"],"names":["MdBaseElement","LitElement","css","name","detail","options","event"],"mappings":";AAMO,MAAMA,UAAsBC,EAAW;AAAA,EAC5C,OAAA;AAAA,SAAgB,SAAyBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAgB/B,UACRC,GACAC,GACAC,IAA8B,CAAA,GACrB;AACT,UAAMC,IAAQ,IAAI,YAAeH,GAAM;AAAA,MACrC,SAAS;AAAA,MACT,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,CACJ;AACD,WAAO,KAAK,cAAcC,CAAK;AAAA,EACjC;AACF;"}