@cloudraker/reki 2.6.1

package/dist/styles/theme-fedramp.css

@@ -0,0 +1,39 @@
+/**
+ * AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+ *
+ * This file is generated by the theme generator.
+ * To modify tokens, edit: scripts/theme-generator/config.ts
+ * Then run: pnpm codegen:themes
+ */
+
+
+@layer base {
+  [data-theme="fedramp"] {
+    --color-reki-canvas: light-dark(
+    #5b697c,
+    #5b697c
+  );
+    --color-reki-base: light-dark(
+    #5b697c,
+    #5b697c
+  );
+    --color-reki-hairline: light-dark(
+    #c8d4e5,
+    #c8d4e5
+  );
+  }
+}
+
+@layer base {
+  [data-theme="fedramp"] {
+    --color-reki-canvas: #5b697c;
+    --color-reki-base: #5b697c;
+    --color-reki-hairline: #c8d4e5;
+  }
+  
+  [data-mode="dark"] [data-theme="fedramp"], [data-theme="fedramp"][data-mode="dark"], [data-theme="fedramp"] [data-mode="dark"] {
+    --color-reki-canvas: #5b697c;
+    --color-reki-base: #5b697c;
+    --color-reki-hairline: #c8d4e5;
+  }
+}

package/dist/styles/theme-reki.css

@@ -0,0 +1,412 @@
+/**
+ * AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+ *
+ * This file is generated by the theme generator.
+ * To modify tokens, edit: scripts/theme-generator/config.ts
+ * Then run: pnpm codegen:themes
+ */
+
+
+@theme {
+  --text-color-reki-default: light-dark(
+    var(--color-neutral-900, oklch(21% 0.006 285.885)),
+    var(--color-neutral-100, oklch(97% 0 0))
+  );
+
+  --text-color-reki-inverse: light-dark(
+    var(--color-neutral-100, oklch(97% 0 0)),
+    var(--color-neutral-900, oklch(20.5% 0 0))
+  );
+
+  --text-color-reki-strong: light-dark(
+    var(--color-neutral-950, oklch(14.5% 0 0)),
+    var(--color-neutral-50, oklch(98.5% 0 0))
+  );
+
+  --text-color-reki-subtle: light-dark(
+    var(--color-neutral-500, oklch(55.6% 0 0)),
+    var(--color-neutral-400, oklch(70.8% 0 0))
+  );
+
+  --text-color-reki-inactive: light-dark(
+    var(--color-neutral-300, oklch(87% 0 0)),
+    var(--color-neutral-600, oklch(43.9% 0 0))
+  );
+
+  --text-color-reki-placeholder: light-dark(
+    var(--color-neutral-400, oklch(70.8% 0 0)),
+    var(--color-neutral-500, oklch(55.6% 0 0))
+  );
+
+  --text-color-reki-brand: light-dark(
+    oklch(0.53 0.15 274),
+    oklch(0.63 0.15 274)
+  );
+
+  --text-color-reki-link: light-dark(
+    var(--color-blue-800, oklch(42.4% 0.199 265.638)),
+    var(--color-blue-400, oklch(70.7% 0.165 254.624))
+  );
+
+  --text-color-reki-info: light-dark(
+    var(--color-blue-800, oklch(42.4% 0.199 265.638)),
+    var(--color-blue-400, oklch(70.7% 0.165 254.624))
+  );
+
+  --text-color-reki-success: light-dark(
+    var(--color-emerald-800, oklch(43.2% 0.095 166.913)),
+    var(--color-emerald-200, oklch(90.5% 0.093 164.15))
+  );
+
+  --text-color-reki-danger: light-dark(
+    var(--color-red-700, oklch(50.5% 0.213 27.518)),
+    var(--color-red-400, oklch(70.4% 0.191 22.216))
+  );
+
+  --text-color-reki-warning: light-dark(
+    var(--color-yellow-800, oklch(47.6% 0.114 61.907)),
+    var(--color-yellow-400, oklch(85.2% 0.199 91.936))
+  );
+
+  --text-color-reki-badge-orange-subtle: light-dark(
+    var(--color-orange-800, oklch(47% 0.157 37.304)),
+    var(--color-orange-200, oklch(90.1% 0.076 70.697))
+  );
+
+  --text-color-reki-badge-teal-subtle: light-dark(
+    var(--color-teal-800, oklch(43.7% 0.078 188.216)),
+    var(--color-teal-200, oklch(91% 0.096 180.426))
+  );
+
+  --text-color-reki-badge-neutral-subtle: light-dark(
+    var(--color-neutral-800, oklch(26.9% 0 0)),
+    var(--color-neutral-200, oklch(92.2% 0 0))
+  );
+
+  --text-color-reki-badge-inverted: light-dark(
+    var(--color-white, #fff),
+    var(--color-black, #000)
+  );
+
+}
+
+@theme {
+  --color-reki-canvas: light-dark(
+    var(--color-reki-neutral-25, oklch(98.75% 0 0)),
+    var(--color-reki-neutral-1000, oklch(10% 0 0))
+  );
+
+  --color-reki-elevated: light-dark(
+    var(--color-reki-neutral-75, oklch(98% 0 0)),
+    var(--color-reki-neutral-975, oklch(12% 0 0))
+  );
+
+  --color-reki-recessed: light-dark(
+    var(--color-reki-neutral-125, oklch(96% 0 0)),
+    var(--color-reki-neutral-950, oklch(15% 0 0))
+  );
+
+  --color-reki-base: light-dark(
+    var(--color-white, #fff),
+    var(--color-reki-neutral-925, oklch(17% 0 0))
+  );
+
+  --color-reki-tint: light-dark(
+    var(--color-neutral-100, oklch(97% 0 0)),
+    var(--color-reki-neutral-800, oklch(26.9% 0 0))
+  );
+
+  --color-reki-contrast: light-dark(
+    var(--color-reki-neutral-975, oklch(8.5% 0 0)),
+    var(--color-reki-neutral-25, oklch(98.5% 0 0))
+  );
+
+  --color-reki-overlay: light-dark(
+    var(--color-reki-neutral-50, oklch(97.5% 0 0)),
+    var(--color-neutral-800, oklch(26.9% 0 0))
+  );
+
+  --color-reki-control: light-dark(
+    var(--color-white, #fff),
+    var(--color-neutral-900, oklch(21% 0.006 285.885))
+  );
+
+  --color-reki-interact: light-dark(
+    var(--color-neutral-300, oklch(87% 0 0)),
+    var(--color-neutral-700, oklch(37.1% 0 0))
+  );
+
+  --color-reki-fill: light-dark(
+    var(--color-neutral-200, oklch(92.2% 0 0)),
+    var(--color-neutral-800, oklch(26.9% 0 0))
+  );
+
+  --color-reki-fill-hover: light-dark(
+    var(--color-reki-neutral-125, oklch(96.5% 0 0)),
+    var(--color-neutral-800, oklch(37.1% 0 0))
+  );
+
+  --color-reki-brand: light-dark(
+    oklch(0.53 0.15 274),
+    color-mix(in oklch, oklch(0.53 0.15 274), black 10%)
+  );
+
+  --color-reki-brand-hover: light-dark(
+    color-mix(in oklch, oklch(0.53 0.15 274), black 10%),
+    color-mix(in oklch, oklch(0.53 0.15 274), white 10%)
+  );
+
+  --color-reki-line: light-dark(
+    oklch(14.5% 0 0 / 0.1),
+    var(--color-reki-neutral-750, oklch(32% 0 0))
+  );
+
+  --color-reki-hairline: light-dark(
+    var(--color-reki-neutral-150, oklch(93.5% 0 0)),
+    var(--color-neutral-800, oklch(26.9% 0 0))
+  );
+
+  --color-reki-focus: light-dark(
+    var(--color-reki-neutral-950, oklch(15% 0 0)),
+    var(--color-reki-neutral-150, oklch(93.5% 0 0))
+  );
+
+  --color-reki-shadow-edge: light-dark(
+    oklch(0% 0 0 / 0.12),
+    oklch(100% 0 0 / 0.1)
+  );
+
+  --color-reki-shadow-drop: light-dark(
+    oklch(0% 0 0 / 0.08),
+    oklch(0% 0 0 / 0.3)
+  );
+
+  --color-reki-tip-shadow: light-dark(
+    var(--color-gray-200, oklch(92.8% 0.006 264.531)),
+    transparent
+  );
+
+  --color-reki-tip-stroke: light-dark(
+    transparent,
+    var(--color-neutral-800, oklch(26.9% 0 0))
+  );
+
+  --color-reki-info-tint: light-dark(
+    var(--color-blue-100, oklch(93.2% 0.032 255.585)),
+    var(--color-blue-900, oklch(37.9% 0.146 265.522))
+  );
+
+  --color-reki-info: light-dark(
+    var(--color-blue-500, oklch(68.5% 0.169 237.323)),
+    var(--color-blue-400, oklch(70.7% 0.165 254.624))
+  );
+
+  --color-reki-warning-tint: light-dark(
+    var(--color-yellow-100, oklch(97.3% 0.071 103.193)),
+    var(--color-yellow-700, oklch(55.4% 0.135 66.442))
+  );
+
+  --color-reki-warning: light-dark(
+    var(--color-yellow-500, oklch(79.5% 0.184 86.047)),
+    var(--color-yellow-400, oklch(85.2% 0.199 91.936))
+  );
+
+  --color-reki-danger-tint: light-dark(
+    var(--color-red-100, oklch(93.6% 0.032 17.717)),
+    var(--color-red-900, oklch(39.6% 0.141 25.723))
+  );
+
+  --color-reki-danger: light-dark(
+    var(--color-red-500, oklch(63.7% 0.237 25.331)),
+    var(--color-red-600, oklch(57.7% 0.245 27.325))
+  );
+
+  --color-reki-success-tint: light-dark(
+    var(--color-emerald-100, oklch(95% 0.052 163.051)),
+    var(--color-emerald-900, oklch(37.8% 0.077 168.94))
+  );
+
+  --color-reki-success: light-dark(
+    var(--color-emerald-600, oklch(59.6% 0.145 163.225)),
+    var(--color-emerald-400, oklch(76.5% 0.177 163.223))
+  );
+
+  --color-reki-banner-info: light-dark(
+    oklch(93.2% 0.032 255.585 / 0.7),
+    oklch(37.9% 0.146 265.522 / 0.5)
+  );
+
+  --color-reki-banner-warning: light-dark(
+    var(--color-yellow-100, oklch(97.3% 0.071 103.193)),
+    oklch(55.4% 0.135 66.442 / 0.5)
+  );
+
+  --color-reki-badge-red: light-dark(
+    var(--color-red-600, oklch(57.7% 0.245 27.325)),
+    var(--color-red-700, oklch(50.5% 0.213 27.518))
+  );
+
+  --color-reki-badge-green: light-dark(
+    var(--color-emerald-600, oklch(59.6% 0.145 163.225)),
+    var(--color-emerald-700, oklch(50.8% 0.118 165.612))
+  );
+
+  --color-reki-badge-orange: light-dark(
+    var(--color-orange-650, oklch(81.5% 0.197 76)),
+    var(--color-orange-650, oklch(81.5% 0.197 76))
+  );
+
+  --color-reki-badge-purple: light-dark(
+    var(--color-purple-600, oklch(60% 0.118 184.704)),
+    var(--color-purple-700, oklch(50.8% 0.118 165.612))
+  );
+
+  --color-reki-badge-teal: light-dark(
+    var(--color-teal-650, oklch(54.9% 0.096 184.565)),
+    var(--color-teal-700, oklch(51.1% 0.096 186.391))
+  );
+
+  --color-reki-badge-blue: light-dark(
+    var(--color-blue-600, oklch(54.6% 0.245 262.881)),
+    var(--color-blue-700, oklch(48.8% 0.243 264.376))
+  );
+
+  --color-reki-badge-neutral: light-dark(
+    var(--color-neutral-500, oklch(55.6% 0 0)),
+    var(--color-neutral-600, oklch(43.9% 0 0))
+  );
+
+  --color-reki-badge-inverted: light-dark(
+    var(--color-neutral-950, oklch(14.5% 0 0)),
+    var(--color-white, #fff)
+  );
+
+}
+
+@theme {
+  /* Typography - text sizes and line heights */
+  --text-xs: 12px;
+  --text-xs--line-height: calc(1 / 0.75);
+  --text-sm: 13px;
+  --text-sm--line-height: calc(1 / 0.85);
+  --text-base: 14px;
+  --text-base--line-height: calc(1.25 / 0.875);
+  --text-lg: 16px;
+  --text-lg--line-height: calc(1.25 / 1);
+}
+
+@layer base {
+  :root, [data-theme="reki"] {
+    --text-color-reki-default: var(--color-neutral-900, oklch(21% 0.006 285.885));
+    --text-color-reki-inverse: var(--color-neutral-100, oklch(97% 0 0));
+    --text-color-reki-strong: var(--color-neutral-950, oklch(14.5% 0 0));
+    --text-color-reki-subtle: var(--color-neutral-500, oklch(55.6% 0 0));
+    --text-color-reki-inactive: var(--color-neutral-300, oklch(87% 0 0));
+    --text-color-reki-placeholder: var(--color-neutral-400, oklch(70.8% 0 0));
+    --text-color-reki-brand: oklch(0.53 0.15 274);
+    --text-color-reki-link: var(--color-blue-800, oklch(42.4% 0.199 265.638));
+    --text-color-reki-info: var(--color-blue-800, oklch(42.4% 0.199 265.638));
+    --text-color-reki-success: var(--color-emerald-800, oklch(43.2% 0.095 166.913));
+    --text-color-reki-danger: var(--color-red-700, oklch(50.5% 0.213 27.518));
+    --text-color-reki-warning: var(--color-yellow-800, oklch(47.6% 0.114 61.907));
+    --text-color-reki-badge-orange-subtle: var(--color-orange-800, oklch(47% 0.157 37.304));
+    --text-color-reki-badge-teal-subtle: var(--color-teal-800, oklch(43.7% 0.078 188.216));
+    --text-color-reki-badge-neutral-subtle: var(--color-neutral-800, oklch(26.9% 0 0));
+    --text-color-reki-badge-inverted: var(--color-white, #fff);
+    --color-reki-canvas: var(--color-reki-neutral-25, oklch(98.75% 0 0));
+    --color-reki-elevated: var(--color-reki-neutral-75, oklch(98% 0 0));
+    --color-reki-recessed: var(--color-reki-neutral-125, oklch(96% 0 0));
+    --color-reki-base: var(--color-white, #fff);
+    --color-reki-tint: var(--color-neutral-100, oklch(97% 0 0));
+    --color-reki-contrast: var(--color-reki-neutral-975, oklch(8.5% 0 0));
+    --color-reki-overlay: var(--color-reki-neutral-50, oklch(97.5% 0 0));
+    --color-reki-control: var(--color-white, #fff);
+    --color-reki-interact: var(--color-neutral-300, oklch(87% 0 0));
+    --color-reki-fill: var(--color-neutral-200, oklch(92.2% 0 0));
+    --color-reki-fill-hover: var(--color-reki-neutral-125, oklch(96.5% 0 0));
+    --color-reki-brand: oklch(0.53 0.15 274);
+    --color-reki-brand-hover: color-mix(in oklch, oklch(0.53 0.15 274), black 10%);
+    --color-reki-line: oklch(14.5% 0 0 / 0.1);
+    --color-reki-hairline: var(--color-reki-neutral-150, oklch(93.5% 0 0));
+    --color-reki-focus: var(--color-reki-neutral-950, oklch(15% 0 0));
+    --color-reki-shadow-edge: oklch(0% 0 0 / 0.12);
+    --color-reki-shadow-drop: oklch(0% 0 0 / 0.08);
+    --color-reki-tip-shadow: var(--color-gray-200, oklch(92.8% 0.006 264.531));
+    --color-reki-tip-stroke: transparent;
+    --color-reki-info-tint: var(--color-blue-100, oklch(93.2% 0.032 255.585));
+    --color-reki-info: var(--color-blue-500, oklch(68.5% 0.169 237.323));
+    --color-reki-warning-tint: var(--color-yellow-100, oklch(97.3% 0.071 103.193));
+    --color-reki-warning: var(--color-yellow-500, oklch(79.5% 0.184 86.047));
+    --color-reki-danger-tint: var(--color-red-100, oklch(93.6% 0.032 17.717));
+    --color-reki-danger: var(--color-red-500, oklch(63.7% 0.237 25.331));
+    --color-reki-success-tint: var(--color-emerald-100, oklch(95% 0.052 163.051));
+    --color-reki-success: var(--color-emerald-600, oklch(59.6% 0.145 163.225));
+    --color-reki-banner-info: oklch(93.2% 0.032 255.585 / 0.7);
+    --color-reki-banner-warning: var(--color-yellow-100, oklch(97.3% 0.071 103.193));
+    --color-reki-badge-red: var(--color-red-600, oklch(57.7% 0.245 27.325));
+    --color-reki-badge-green: var(--color-emerald-600, oklch(59.6% 0.145 163.225));
+    --color-reki-badge-orange: var(--color-orange-650, oklch(81.5% 0.197 76));
+    --color-reki-badge-purple: var(--color-purple-600, oklch(60% 0.118 184.704));
+    --color-reki-badge-teal: var(--color-teal-650, oklch(54.9% 0.096 184.565));
+    --color-reki-badge-blue: var(--color-blue-600, oklch(54.6% 0.245 262.881));
+    --color-reki-badge-neutral: var(--color-neutral-500, oklch(55.6% 0 0));
+    --color-reki-badge-inverted: var(--color-neutral-950, oklch(14.5% 0 0));
+  }
+  
+  :root[data-mode="dark"], [data-mode="dark"]:not([data-theme]), [data-mode="dark"] [data-theme="reki"], [data-theme="reki"][data-mode="dark"], [data-theme="reki"] [data-mode="dark"] {
+    --text-color-reki-default: var(--color-neutral-100, oklch(97% 0 0));
+    --text-color-reki-inverse: var(--color-neutral-900, oklch(20.5% 0 0));
+    --text-color-reki-strong: var(--color-neutral-50, oklch(98.5% 0 0));
+    --text-color-reki-subtle: var(--color-neutral-400, oklch(70.8% 0 0));
+    --text-color-reki-inactive: var(--color-neutral-600, oklch(43.9% 0 0));
+    --text-color-reki-placeholder: var(--color-neutral-500, oklch(55.6% 0 0));
+    --text-color-reki-brand: oklch(0.63 0.15 274);
+    --text-color-reki-link: var(--color-blue-400, oklch(70.7% 0.165 254.624));
+    --text-color-reki-info: var(--color-blue-400, oklch(70.7% 0.165 254.624));
+    --text-color-reki-success: var(--color-emerald-200, oklch(90.5% 0.093 164.15));
+    --text-color-reki-danger: var(--color-red-400, oklch(70.4% 0.191 22.216));
+    --text-color-reki-warning: var(--color-yellow-400, oklch(85.2% 0.199 91.936));
+    --text-color-reki-badge-orange-subtle: var(--color-orange-200, oklch(90.1% 0.076 70.697));
+    --text-color-reki-badge-teal-subtle: var(--color-teal-200, oklch(91% 0.096 180.426));
+    --text-color-reki-badge-neutral-subtle: var(--color-neutral-200, oklch(92.2% 0 0));
+    --text-color-reki-badge-inverted: var(--color-black, #000);
+    --color-reki-canvas: var(--color-reki-neutral-1000, oklch(10% 0 0));
+    --color-reki-elevated: var(--color-reki-neutral-975, oklch(12% 0 0));
+    --color-reki-recessed: var(--color-reki-neutral-950, oklch(15% 0 0));
+    --color-reki-base: var(--color-reki-neutral-925, oklch(17% 0 0));
+    --color-reki-tint: var(--color-reki-neutral-800, oklch(26.9% 0 0));
+    --color-reki-contrast: var(--color-reki-neutral-25, oklch(98.5% 0 0));
+    --color-reki-overlay: var(--color-neutral-800, oklch(26.9% 0 0));
+    --color-reki-control: var(--color-neutral-900, oklch(21% 0.006 285.885));
+    --color-reki-interact: var(--color-neutral-700, oklch(37.1% 0 0));
+    --color-reki-fill: var(--color-neutral-800, oklch(26.9% 0 0));
+    --color-reki-fill-hover: var(--color-neutral-800, oklch(37.1% 0 0));
+    --color-reki-brand: color-mix(in oklch, oklch(0.53 0.15 274), black 10%);
+    --color-reki-brand-hover: color-mix(in oklch, oklch(0.53 0.15 274), white 10%);
+    --color-reki-line: var(--color-reki-neutral-750, oklch(32% 0 0));
+    --color-reki-hairline: var(--color-neutral-800, oklch(26.9% 0 0));
+    --color-reki-focus: var(--color-reki-neutral-150, oklch(93.5% 0 0));
+    --color-reki-shadow-edge: oklch(100% 0 0 / 0.1);
+    --color-reki-shadow-drop: oklch(0% 0 0 / 0.3);
+    --color-reki-tip-shadow: transparent;
+    --color-reki-tip-stroke: var(--color-neutral-800, oklch(26.9% 0 0));
+    --color-reki-info-tint: var(--color-blue-900, oklch(37.9% 0.146 265.522));
+    --color-reki-info: var(--color-blue-400, oklch(70.7% 0.165 254.624));
+    --color-reki-warning-tint: var(--color-yellow-700, oklch(55.4% 0.135 66.442));
+    --color-reki-warning: var(--color-yellow-400, oklch(85.2% 0.199 91.936));
+    --color-reki-danger-tint: var(--color-red-900, oklch(39.6% 0.141 25.723));
+    --color-reki-danger: var(--color-red-600, oklch(57.7% 0.245 27.325));
+    --color-reki-success-tint: var(--color-emerald-900, oklch(37.8% 0.077 168.94));
+    --color-reki-success: var(--color-emerald-400, oklch(76.5% 0.177 163.223));
+    --color-reki-banner-info: oklch(37.9% 0.146 265.522 / 0.5);
+    --color-reki-banner-warning: oklch(55.4% 0.135 66.442 / 0.5);
+    --color-reki-badge-red: var(--color-red-700, oklch(50.5% 0.213 27.518));
+    --color-reki-badge-green: var(--color-emerald-700, oklch(50.8% 0.118 165.612));
+    --color-reki-badge-orange: var(--color-orange-650, oklch(81.5% 0.197 76));
+    --color-reki-badge-purple: var(--color-purple-700, oklch(50.8% 0.118 165.612));
+    --color-reki-badge-teal: var(--color-teal-700, oklch(51.1% 0.096 186.391));
+    --color-reki-badge-blue: var(--color-blue-700, oklch(48.8% 0.243 264.376));
+    --color-reki-badge-neutral: var(--color-neutral-600, oklch(43.9% 0 0));
+    --color-reki-badge-inverted: var(--color-white, #fff);
+  }
+}

package/dist/utils.js

@@ -0,0 +1,12 @@
+"use client";
+import { c as r, s } from "./chunks/cn-ct4n7r74mh8y0f48.js";
+import { L as n, u as i } from "./chunks/link-provider-bgljdgs4hs438h0u.js";
+import { R as m } from "./chunks/portal-provider-off76og7tjyz96ys.js";
+export {
+  n as LinkProvider,
+  m as RekiPortalProvider,
+  r as cn,
+  s as safeRandomId,
+  i as useLinkComponent
+};
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}