@rimelight/ui 0.0.36 → 0.0.38

package/src/presets/defaults.ts

@@ -1,297 +0,0 @@
-type ColorShades = Record<string, string>
-type ColorModeEntry = { light: ColorShades; dark: ColorShades }
-
-export const defaultColors = [
-  "primary",
-  "secondary",
-  "info",
-  "success",
-  "warning",
-  "error",
-  "commentary",
-  "ideation",
-  "source"
-] as const
-
-export const defaultColorScales: Record<string, ColorShades | ColorModeEntry> = {
-  neutral: {
-    light: {
-      "50": "oklch(98.5% 0 0)",
-      "100": "oklch(97% 0 0)",
-      "200": "oklch(92.2% 0 0)",
-      "300": "oklch(87% 0 0)",
-      "400": "oklch(70.8% 0 0)",
-      "500": "oklch(55.6% 0 0)",
-      "600": "oklch(43.9% 0 0)",
-      "700": "oklch(37.1% 0 0)",
-      "800": "oklch(26.9% 0 0)",
-      "900": "oklch(20.5% 0 0)",
-      "950": "oklch(14.5% 0 0)"
-    },
-    dark: {
-      "50": "oklch(14.5% 0 0)",
-      "100": "oklch(20% 0 0)",
-      "200": "oklch(28% 0 0)",
-      "300": "oklch(35% 0 0)",
-      "400": "oklch(44% 0 0)",
-      "500": "oklch(55% 0 0)",
-      "600": "oklch(62% 0 0)",
-      "700": "oklch(70% 0 0)",
-      "800": "oklch(78% 0 0)",
-      "900": "oklch(87% 0 0)",
-      "950": "oklch(95% 0 0)"
-    }
-  },
-  primary: {
-    light: {
-      "50": "#ffffff",
-      "100": "#cce0f7",
-      "200": "#99c1ef",
-      "300": "#66a2e7",
-      "400": "#3383df",
-      "500": "#0064d7",
-      "600": "#0050ac",
-      "700": "#003c81",
-      "800": "#002856",
-      "900": "#00142b",
-      "950": "#000000"
-    },
-    dark: {
-      "50": "oklch(0.15 0.04 260)",
-      "100": "oklch(0.20 0.07 260)",
-      "200": "oklch(0.27 0.11 260)",
-      "300": "oklch(0.35 0.15 260)",
-      "400": "oklch(0.44 0.19 260)",
-      "500": "oklch(0.53 0.21 260)",
-      "600": "oklch(0.61 0.19 260)",
-      "700": "oklch(0.69 0.15 260)",
-      "800": "oklch(0.77 0.10 260)",
-      "900": "oklch(0.86 0.06 260)",
-      "950": "oklch(0.93 0.02 260)"
-    }
-  },
-  secondary: {
-    light: {
-      "50": "oklch(98.7% 0.022 95.277)",
-      "100": "oklch(96.2% 0.059 95.617)",
-      "200": "oklch(92.4% 0.12 95.746)",
-      "300": "oklch(87.9% 0.169 91.605)",
-      "400": "oklch(82.8% 0.189 84.429)",
-      "500": "oklch(76.9% 0.188 70.08)",
-      "600": "oklch(66.6% 0.179 58.318)",
-      "700": "oklch(55.5% 0.163 48.998)",
-      "800": "oklch(47.3% 0.137 46.201)",
-      "900": "oklch(41.4% 0.112 45.904)",
-      "950": "oklch(27.9% 0.077 45.635)"
-    },
-    dark: {
-      "50": "oklch(0.15 0.015 95)",
-      "100": "oklch(0.20 0.04 95)",
-      "200": "oklch(0.28 0.08 96)",
-      "300": "oklch(0.35 0.12 92)",
-      "400": "oklch(0.44 0.15 84)",
-      "500": "oklch(0.52 0.16 70)",
-      "600": "oklch(0.60 0.15 58)",
-      "700": "oklch(0.68 0.12 49)",
-      "800": "oklch(0.76 0.09 46)",
-      "900": "oklch(0.84 0.06 46)",
-      "950": "oklch(0.92 0.03 46)"
-    }
-  },
-  info: {
-    light: {
-      "50": "oklch(97% 0.014 254.604)",
-      "100": "oklch(93.2% 0.032 255.585)",
-      "200": "oklch(88.2% 0.059 254.128)",
-      "300": "oklch(80.9% 0.105 251.813)",
-      "400": "oklch(70.7% 0.165 254.624)",
-      "500": "oklch(62.3% 0.214 259.815)",
-      "600": "oklch(54.6% 0.245 262.881)",
-      "700": "oklch(48.8% 0.243 264.376)",
-      "800": "oklch(42.4% 0.199 265.638)",
-      "900": "oklch(37.9% 0.146 265.522)",
-      "950": "oklch(28.2% 0.091 267.935)"
-    },
-    dark: {
-      "50": "oklch(0.15 0.01 255)",
-      "100": "oklch(0.20 0.025 256)",
-      "200": "oklch(0.28 0.04 254)",
-      "300": "oklch(0.35 0.07 252)",
-      "400": "oklch(0.44 0.12 255)",
-      "500": "oklch(0.52 0.17 260)",
-      "600": "oklch(0.60 0.20 263)",
-      "700": "oklch(0.68 0.18 264)",
-      "800": "oklch(0.76 0.13 266)",
-      "900": "oklch(0.84 0.08 266)",
-      "950": "oklch(0.92 0.04 268)"
-    }
-  },
-  success: {
-    light: {
-      "50": "oklch(98.2% 0.018 155.826)",
-      "100": "oklch(96.2% 0.044 156.743)",
-      "200": "oklch(92.5% 0.084 155.995)",
-      "300": "oklch(87.1% 0.15 154.449)",
-      "400": "oklch(79.2% 0.209 151.711)",
-      "500": "oklch(72.3% 0.219 149.579)",
-      "600": "oklch(62.7% 0.194 149.214)",
-      "700": "oklch(52.7% 0.154 150.069)",
-      "800": "oklch(44.8% 0.119 151.328)",
-      "900": "oklch(39.3% 0.095 152.535)",
-      "950": "oklch(26.6% 0.065 152.934)"
-    },
-    dark: {
-      "50": "oklch(0.15 0.01 156)",
-      "100": "oklch(0.20 0.03 157)",
-      "200": "oklch(0.28 0.055 156)",
-      "300": "oklch(0.35 0.10 154)",
-      "400": "oklch(0.44 0.16 152)",
-      "500": "oklch(0.52 0.18 150)",
-      "600": "oklch(0.60 0.16 149)",
-      "700": "oklch(0.68 0.12 150)",
-      "800": "oklch(0.76 0.08 151)",
-      "900": "oklch(0.84 0.05 153)",
-      "950": "oklch(0.92 0.03 153)"
-    }
-  },
-  warning: {
-    light: {
-      "50": "oklch(98.7% 0.026 102.212)",
-      "100": "oklch(97.3% 0.071 103.193)",
-      "200": "oklch(94.5% 0.129 101.54)",
-      "300": "oklch(90.5% 0.182 98.111)",
-      "400": "oklch(85.2% 0.199 91.936)",
-      "500": "oklch(79.5% 0.184 86.047)",
-      "600": "oklch(68.1% 0.162 75.834)",
-      "700": "oklch(55.4% 0.135 66.442)",
-      "800": "oklch(47.6% 0.114 61.907)",
-      "900": "oklch(42.1% 0.095 57.708)",
-      "950": "oklch(28.6% 0.066 53.813)"
-    },
-    dark: {
-      "50": "oklch(0.15 0.015 102)",
-      "100": "oklch(0.20 0.045 103)",
-      "200": "oklch(0.28 0.085 102)",
-      "300": "oklch(0.35 0.13 98)",
-      "400": "oklch(0.44 0.16 92)",
-      "500": "oklch(0.52 0.16 86)",
-      "600": "oklch(0.60 0.14 76)",
-      "700": "oklch(0.68 0.11 66)",
-      "800": "oklch(0.76 0.08 62)",
-      "900": "oklch(0.84 0.05 58)",
-      "950": "oklch(0.92 0.03 54)"
-    }
-  },
-  error: {
-    light: {
-      "50": "oklch(97.1% 0.013 17.38)",
-      "100": "oklch(93.6% 0.032 17.717)",
-      "200": "oklch(88.5% 0.062 18.334)",
-      "300": "oklch(80.8% 0.114 19.571)",
-      "400": "oklch(70.4% 0.191 22.216)",
-      "500": "oklch(63.7% 0.237 25.331)",
-      "600": "oklch(57.7% 0.245 27.325)",
-      "700": "oklch(50.5% 0.213 27.518)",
-      "800": "oklch(44.4% 0.177 26.899)",
-      "900": "oklch(39.6% 0.141 25.723)",
-      "950": "oklch(25.8% 0.092 26.042)"
-    },
-    dark: {
-      "50": "oklch(0.15 0.01 17)",
-      "100": "oklch(0.20 0.02 18)",
-      "200": "oklch(0.28 0.04 18)",
-      "300": "oklch(0.35 0.075 20)",
-      "400": "oklch(0.44 0.14 22)",
-      "500": "oklch(0.52 0.19 25)",
-      "600": "oklch(0.60 0.20 27)",
-      "700": "oklch(0.68 0.17 28)",
-      "800": "oklch(0.76 0.12 27)",
-      "900": "oklch(0.84 0.08 26)",
-      "950": "oklch(0.92 0.04 26)"
-    }
-  },
-  commentary: {
-    light: {
-      "50": "oklch(97.7% 0.017 320.058)",
-      "100": "oklch(95.2% 0.037 318.852)",
-      "200": "oklch(90.3% 0.076 319.62)",
-      "300": "oklch(83.3% 0.145 321.434)",
-      "400": "oklch(74% 0.238 322.16)",
-      "500": "oklch(66.7% 0.295 322.15)",
-      "600": "oklch(59.1% 0.293 322.896)",
-      "700": "oklch(51.8% 0.253 323.949)",
-      "800": "oklch(45.2% 0.211 324.591)",
-      "900": "oklch(40.1% 0.17 325.612)",
-      "950": "oklch(29.3% 0.136 325.661)"
-    },
-    dark: {
-      "50": "oklch(0.15 0.01 320)",
-      "100": "oklch(0.20 0.025 319)",
-      "200": "oklch(0.28 0.05 320)",
-      "300": "oklch(0.35 0.10 321)",
-      "400": "oklch(0.44 0.18 322)",
-      "500": "oklch(0.52 0.24 322)",
-      "600": "oklch(0.60 0.23 323)",
-      "700": "oklch(0.68 0.19 324)",
-      "800": "oklch(0.76 0.14 325)",
-      "900": "oklch(0.84 0.09 326)",
-      "950": "oklch(0.92 0.05 326)"
-    }
-  },
-  ideation: {
-    light: {
-      "50": "oklch(96.9% 0.016 293.756)",
-      "100": "oklch(94.3% 0.029 294.588)",
-      "200": "oklch(89.4% 0.057 293.283)",
-      "300": "oklch(81.1% 0.111 293.571)",
-      "400": "oklch(70.2% 0.183 293.541)",
-      "500": "oklch(60.6% 0.25 292.717)",
-      "600": "oklch(54.1% 0.281 293.009)",
-      "700": "oklch(49.1% 0.27 292.581)",
-      "800": "oklch(43.2% 0.232 292.759)",
-      "900": "oklch(38% 0.189 293.745)",
-      "950": "oklch(28.3% 0.141 291.089)"
-    },
-    dark: {
-      "50": "oklch(0.15 0.01 294)",
-      "100": "oklch(0.20 0.02 295)",
-      "200": "oklch(0.28 0.04 293)",
-      "300": "oklch(0.35 0.075 294)",
-      "400": "oklch(0.44 0.14 294)",
-      "500": "oklch(0.52 0.20 293)",
-      "600": "oklch(0.60 0.22 293)",
-      "700": "oklch(0.68 0.20 293)",
-      "800": "oklch(0.76 0.15 293)",
-      "900": "oklch(0.84 0.10 294)",
-      "950": "oklch(0.92 0.05 291)"
-    }
-  },
-  source: {
-    light: {
-      "50": "oklch(98.4% 0.019 200.873)",
-      "100": "oklch(95.6% 0.045 203.388)",
-      "200": "oklch(91.7% 0.08 205.041)",
-      "300": "oklch(86.5% 0.127 207.078)",
-      "400": "oklch(78.9% 0.154 211.53)",
-      "500": "oklch(71.5% 0.143 215.221)",
-      "600": "oklch(60.9% 0.126 221.723)",
-      "700": "oklch(52% 0.105 223.128)",
-      "800": "oklch(45% 0.085 224.283)",
-      "900": "oklch(39.8% 0.07 227.392)",
-      "950": "oklch(30.2% 0.056 229.695)"
-    },
-    dark: {
-      "50": "oklch(0.15 0.01 201)",
-      "100": "oklch(0.20 0.03 203)",
-      "200": "oklch(0.28 0.055 205)",
-      "300": "oklch(0.35 0.09 207)",
-      "400": "oklch(0.44 0.12 212)",
-      "500": "oklch(0.52 0.12 215)",
-      "600": "oklch(0.60 0.10 222)",
-      "700": "oklch(0.68 0.08 223)",
-      "800": "oklch(0.76 0.055 224)",
-      "900": "oklch(0.84 0.04 227)",
-      "950": "oklch(0.92 0.025 230)"
-    }
-  }
-}

package/src/styles/index.css

@@ -1,158 +0,0 @@
-body {
-  background-color: var(--background);
-  color: var(--foreground);
-  font-family: var(--font-sans);
-}
-
-/* Keyboard Component Styles */
-.keyboard-wrapper {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 16px;
-  border-radius: 12px;
-  width: 100%;
-  max-width: 100%;
-  margin: 16px 0;
-  box-sizing: border-box;
-}
-.keyboard-container {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-}
-.keyboard-svg {
-  width: 100%;
-  height: auto;
-  max-width: 900px;
-}
-.kb-key-label {
-  font-family: var(--font-mono, monospace);
-  font-size: 10px;
-  font-weight: 600;
-  pointer-events: none;
-  user-select: none;
-}
-.kb-legend {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  gap: 12px 24px;
-  margin-top: 24px;
-  width: 100%;
-}
-.keyboard-wrapper .legend-item {
-  display: flex !important;
-  align-items: center !important;
-  gap: 8px;
-  margin: 0 !important;
-  padding: 0 !important;
-  font-size: 10px;
-  color: #a0a0b0;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  font-weight: 500;
-  white-space: nowrap;
-  line-height: 1 !important;
-}
-.legend-color-svg {
-  flex-shrink: 0;
-  display: block;
-}
-.keyboard-wrapper .legend-label {
-  margin: 0 !important;
-  padding: 0 !important;
-  line-height: 1 !important;
-  display: inline-block !important;
-}
-
-/* Gamepad Component Styles */
-.gamepad-wrapper {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 48px;
-  border-radius: 24px;
-  width: 100%;
-  max-width: 100%;
-  margin: 24px 0;
-  box-sizing: border-box;
-  container-type: inline-size;
-  border: 1px solid #1a1a2e;
-}
-.gamepad-container {
-  width: 100%;
-  max-width: 440px;
-}
-.gamepad-svg {
-  width: 100%;
-  height: auto;
-}
-.gp-btn rect,
-.gp-btn circle {
-  fill: #1e1e30;
-  stroke: #33334d;
-  stroke-width: 1;
-  transition: all 0.2s ease;
-}
-.btn-label {
-  fill: #555570;
-  font-size: 10px;
-  font-family: var(--font-sans, system-ui);
-  font-weight: 800;
-  pointer-events: none;
-  line-height: 1;
-}
-.gp-btn.active rect,
-.gp-btn.active circle {
-  fill: var(--hl-color, #00c16a);
-  stroke: #ffffff33;
-  stroke-width: 1.5;
-}
-.gp-btn.active .btn-label {
-  fill: #fff;
-}
-.gamepad-legend {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  gap: 12px 24px;
-  margin-top: 40px;
-  width: 100%;
-}
-.gamepad-wrapper .legend-item {
-  display: flex !important;
-  align-items: center !important;
-  gap: 8px;
-  height: 10px !important;
-  font-size: 10px;
-  color: #777790;
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-  font-weight: 700;
-  line-height: 10px !important;
-  padding: 0 !important;
-  margin: 0 !important;
-}
-.gamepad-wrapper .legend-label {
-  display: inline-block !important;
-  height: 10px !important;
-  line-height: 10px !important;
-  margin: 0 !important;
-  padding: 0 !important;
-}
-
-.kb-legend-label {
-  font-family: var(--font-sans, system-ui);
-  font-size: 10px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-}
-.gp-legend-label {
-  font-family: var(--font-sans, system-ui);
-  font-size: 10px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-}

package/src/themes/3d-hover.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const create3dHoverTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default create3dHoverTheme()

package/src/themes/accordion.theme.ts

@@ -1,39 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createAccordionTheme = () =>
-  defineTheme({
-    slots: [
-      "root",
-      "item",
-      "header",
-      "trigger",
-      "content",
-      "body",
-      "leadingIcon",
-      "trailingIcon",
-      "label"
-    ],
-    base: {
-      root: "w-full",
-      item: "border-b border-default last:border-b-0",
-      header: "flex",
-      trigger:
-        "group flex w-full flex-1 items-center gap-1.5 font-medium text-sm py-3.5 px-4 focus-visible:outline-primary min-w-0 cursor-pointer list-none [&::-webkit-details-marker]:hidden",
-      content: "overflow-hidden focus:outline-none pt-1 px-4",
-      body: "text-sm pb-3.5 text-astro-gray-200",
-      leadingIcon: "shrink-0 size-5 text-astro-gray-300",
-      trailingIcon:
-        "shrink-0 size-5 ms-auto rotate-0 transition-transform duration-200 group-open:rotate-180 text-astro-gray-300",
-      label: "text-start break-words text-astro-gray-100"
-    },
-    variants: {
-      disabled: {
-        true: {
-          trigger: "cursor-not-allowed opacity-50 select-none"
-        }
-      }
-    },
-    defaultVariants: {}
-  })
-
-export default createAccordionTheme()

package/src/themes/app.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createAppTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createAppTheme()

package/src/themes/aspect-ratio.theme.ts

@@ -1,13 +0,0 @@
-import { defaultColors } from "../presets/defaults"
-import { defineTheme } from "../utils/defineTheme"
-
-export const createAspectRatioTheme = (_colors: readonly string[] = defaultColors) =>
-  defineTheme({
-    slots: ["root", "content"],
-    base: {
-      root: "relative w-full overflow-hidden",
-      content: "absolute inset-0 h-full w-full object-cover"
-    }
-  })
-
-export default createAspectRatioTheme()

package/src/themes/audio.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createAudioTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createAudioTheme()

package/src/themes/avatar-group.theme.ts

@@ -1,12 +0,0 @@
-import { defaultColors } from "../presets/defaults"
-import { defineTheme } from "../utils/defineTheme"
-
-export const createAvatarGroupTheme = (_colors: readonly string[] = defaultColors) =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: "flex -space-x-3 hover:space-x-0 transition-all duration-300 [&_[data-slot=root]]:ring-2 [&_[data-slot=root]]:ring-background [&_[data-slot=root]]:transition-all"
-    }
-  })
-
-export default createAvatarGroupTheme()

package/src/themes/avatar.theme.ts

@@ -1,84 +0,0 @@
-import { defaultColors } from "../presets/defaults"
-import { defineTheme } from "../utils/defineTheme"
-
-export const createAvatarTheme = (colors: readonly string[] = defaultColors) =>
-  defineTheme({
-    slots: ["root", "image", "fallback", "icon", "badge"],
-    base: {
-      root: "inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle relative",
-      image: "h-full w-full rounded-[inherit] object-cover",
-      fallback: "font-medium truncate",
-      icon: "shrink-0",
-      badge: "absolute rounded-full ring-2 ring-bg"
-    },
-    variants: {
-      color: {
-        ...Object.fromEntries(
-          colors.map((color) => [
-            color,
-            {
-              root: `bg-${color}/10`,
-              fallback: `text-${color}`,
-              icon: `text-${color}`
-            }
-          ])
-        ),
-        neutral: {
-          root: "bg-elevated",
-          fallback: "text-foreground",
-          icon: "text-muted"
-        }
-      },
-      size: {
-        "3xs": {
-          root: "size-4 text-[8px]",
-          badge: "size-1.5"
-        },
-        "2xs": {
-          root: "size-5 text-[10px]",
-          badge: "size-2"
-        },
-        "xs": {
-          root: "size-6 text-xs",
-          badge: "size-2"
-        },
-        "sm": {
-          root: "size-7 text-sm",
-          badge: "size-2.5"
-        },
-        "md": {
-          root: "size-8 text-base",
-          badge: "size-3"
-        },
-        "lg": {
-          root: "size-9 text-lg",
-          badge: "size-3"
-        },
-        "xl": {
-          root: "size-10 text-xl",
-          badge: "size-3.5"
-        },
-        "2xl": {
-          root: "size-11 text-[22px]",
-          badge: "size-4"
-        },
-        "3xl": {
-          root: "size-12 text-2xl",
-          badge: "size-4"
-        }
-      },
-      badgePosition: {
-        "top-right": { badge: "top-0 right-0" },
-        "bottom-right": { badge: "bottom-0 right-0" },
-        "top-left": { badge: "top-0 left-0" },
-        "bottom-left": { badge: "bottom-0 left-0" }
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      color: "neutral",
-      badgePosition: "bottom-right"
-    }
-  })
-
-export default createAvatarTheme()