@trebired/configs 0.1.1 → 0.1.2

package/.trebired/bootstrap/config.ts

@@ -0,0 +1,10 @@
+export default {
+  lifecycle: {
+    shutdownTimeoutMs: 8000,
+  },
+  scan: {
+    files: {
+      excludeSuffixes: ["x"],
+    },
+  },
+};

package/.trebired/bundler/config.ts

@@ -0,0 +1,5 @@
+export default {
+  build: {
+    publicPath: "/",
+  },
+};

package/.trebired/code-discipline/imports/1.json

@@ -0,0 +1,25 @@
+{
+  "#243dc3qaansy": "./.trebired/frontend/components/shell.ts",
+  "#2ya03ugoub24": "./.trebired/frontend/tokens.ts",
+  "#3p7ux4c4la4k": "./.trebired/git-host/config.ts",
+  "#4305se8k0f0r": "./.trebired/update/config.ts",
+  "#4i6ajrcvytna": "./.trebired/frontend/theme.ts",
+  "#5fdzwiji6ncj": "./.trebired/frontend/components/primitives.ts",
+  "#678bqpkihnib": "./.trebired/frontend/components/overlays.ts",
+  "#7uoc5lkepppe": "./.trebired/frontend/components/index.ts",
+  "#8fdpx3ppub75": "./.trebired/frontend/palette.ts",
+  "#cvrn8l9x1sha": "./.trebired/result/config.ts",
+  "#d1h72ltvrj3y": "./.trebired/frontend/components/button.ts",
+  "#hsf3uttyimp8": "./.trebired/tasks/config.ts",
+  "#lmvzyc5o8ctj": "./.trebired/frontend/components/data.ts",
+  "#mkiejbp8xao3": "./.trebired/i18n/config.ts",
+  "#mn0zw31r89it": "./.trebired/code-server-kit/config.ts",
+  "#ndq33u9zoj4x": "./.trebired/bootstrap/config.ts",
+  "#o5dgv17keqiu": "./.trebired/frontend/components/feedback.ts",
+  "#p9dae607tara": "./.trebired/bundler/config.ts",
+  "#r9vyd7xu8a1o": "./.trebired/frontend/scales.ts",
+  "#s9z23atndhhx": "./.trebired/frontend/components/surfaces.ts",
+  "#yfbkfe3m62xy": "./.trebired/frontend/config.ts",
+  "#z8bbmf3ou5w4": "./.trebired/frontend/systems.ts",
+  "#zgf3yznu085v": "./.trebired/logger/config.ts"
+}

package/.trebired/code-server-kit/config.ts

@@ -0,0 +1,14 @@
+export default {
+  browser: {
+    diagnostics: {
+      bridgeProperty: "__repositoryIdeBridge",
+      policy: {
+        bootstrapTimeoutMs: 15000,
+        target: "workbench",
+      },
+    },
+    html: {
+      stripKnownBrokenModuleScripts: true,
+    },
+  },
+};

package/.trebired/frontend/components/button.ts

@@ -0,0 +1,93 @@
+import { semantic, token, ui } from "#2ya03ugoub24";
+
+export const button = {
+  root: {
+    background: token.color("gray", 900),
+    border: token.border(semantic.borderSurface2),
+    color: semantic.textColor,
+    fontSize: "12px",
+    fontWeight: "600",
+    gap: "8px",
+    height: "28px",
+    padding: "0 12px",
+    paddingBlock: "0",
+    radius: ui.radiusMd,
+  },
+  sizes: {
+    sm: { fontSize: "11px", height: "24px", paddingInline: "9px" },
+    md: { fontSize: "12px", height: "28px", paddingInline: "12px" },
+    lg: { fontSize: "13px", height: "34px", paddingInline: "14px" },
+  },
+  slots: {
+    icon: {
+      color: token.color("gray", 300),
+      fontSize: "15px",
+      size: "28px",
+      sizes: {
+        xs2: { fontSize: "10px", size: "18px" },
+        xs: { fontSize: "12px", size: "22px" },
+        sm: { fontSize: "14px", size: "26px" },
+        md: { fontSize: "16px", size: "30px" },
+        lg: { fontSize: "18px", size: "34px" },
+      },
+    },
+  },
+  states: {
+    disabled: { opacity: "0.55" },
+    hover: {
+      background: token.color("gray", 800),
+      borderColor: token.color("gray", 700),
+      color: token.color("gray", 200),
+      iconColor: "currentColor",
+    },
+  },
+  tones: {
+    green: {
+      borderInlineColor: token.color("green", 700),
+      states: {
+        hover: {
+          background: token.color("green", 800),
+          borderColor: token.color("green", 700),
+          color: token.modeColor("gray", 0, "dark"),
+          iconColor: "currentColor",
+        },
+      },
+    },
+    highlight: {
+      background: token.color("gray", 100),
+      borderColor: token.color("gray", 100),
+      color: token.color("gray", 950),
+      iconColor: token.color("gray", 800),
+      states: {
+        hover: {
+          background: token.color("gray", 200),
+          borderColor: token.color("gray", 100),
+          color: token.color("gray", 900),
+          iconColor: "currentColor",
+        },
+      },
+    },
+    red: {
+      borderInlineColor: token.color("red", 700),
+      states: {
+        hover: {
+          background: token.color("red", 800),
+          borderColor: token.color("red", 700),
+          color: token.modeColor("gray", 50, "dark"),
+          iconColor: "currentColor",
+        },
+      },
+    },
+    yellow: {
+      borderInlineColor: token.color("yellow", 700),
+      states: {
+        hover: {
+          background: token.color("yellow", 700),
+          borderColor: token.color("yellow", 600),
+          color: token.modeColor("gray", 50, "dark"),
+          iconColor: "currentColor",
+        },
+      },
+    },
+  },
+};

package/.trebired/frontend/components/data.ts

@@ -0,0 +1,31 @@
+import { token } from "#2ya03ugoub24";
+
+export const data = {
+  graph: {
+    download: {
+      fill: token.colorMix(token.color("blue", 500), "16%"),
+      stroke: token.color("blue", 400),
+    },
+    heatmap: {
+      empty: token.color("gray", 900),
+      level1: token.color("green", 800),
+      level2: token.color("green", 700),
+      level3: token.color("green", 600),
+      level4: token.color("green", 500),
+    },
+    upload: {
+      fill: token.colorMix(token.color("green", 500), "16%"),
+      stroke: token.color("green", 400),
+    },
+  },
+  log: {
+    line: {
+      states: {
+        hover: {
+          background: token.colorMix(token.color("gray", 700), "28%"),
+        },
+      },
+    },
+    selection: { background: token.color("gray", 700) },
+  },
+};

package/.trebired/frontend/components/feedback.ts

@@ -0,0 +1,45 @@
+import { token, ui } from "#2ya03ugoub24";
+
+export const feedback = {
+  flash: {
+    container: {
+      background: token.color("gray", 900),
+      borderColor: token.color("gray", 800),
+      color: token.color("gray", 100),
+      padding: "15px",
+      radius: ui.radiusLg,
+    },
+    intents: {
+      error: { iconColor: token.color("red", 500) },
+      info: { iconColor: token.color("gray", 500) },
+      success: { iconColor: token.color("green", 500) },
+      warn: { iconColor: token.color("yellow", 500) },
+    },
+    layout: {
+      actionsGap: "8px",
+      bodyGap: "8px",
+      gap: "10px",
+    },
+    placement: {
+      maxWidth: "520px",
+      offset: "18px",
+    },
+    slots: {
+      description: {
+        color: token.color("gray", 400),
+        fontSize: "0.92rem",
+      },
+      icon: {
+        fontWeight: "700",
+        size: "15px",
+      },
+      progress: {
+        color: token.color("gray", 600),
+        height: "4px",
+      },
+      title: {
+        fontWeight: "400",
+      },
+    },
+  },
+};

package/.trebired/frontend/components/index.ts

@@ -0,0 +1,15 @@
+import { data } from "./data";
+import { feedback } from "./feedback";
+import { overlays } from "./overlays";
+import { primitives } from "./primitives";
+import { shell } from "./shell";
+import { surfaces } from "./surfaces";
+
+export const components = {
+  data,
+  feedback,
+  overlays,
+  primitives,
+  shell,
+  surfaces,
+};

package/.trebired/frontend/components/overlays.ts

@@ -0,0 +1,72 @@
+import { semantic, token, ui } from "#2ya03ugoub24";
+
+export const overlays = {
+  modal: {
+    backdrop: {
+      background: token.colorMix(token.color("gray", 1000), "48%"),
+      opacity: "1",
+      padding: "24px",
+    },
+    content: {
+      background: semantic.backgroundSurface1,
+      border: token.border(semantic.borderSurface1),
+      color: semantic.textColor,
+      maxHeight: "min(80vh, 720px)",
+      padding: "20px",
+      radius: ui.radiusLg,
+      shadow: token.variable("shadow-overlay-lg"),
+      width: "min(720px, calc(100vw - 48px))",
+    },
+    motion: {
+      duration: ui.transitionFast,
+      easing: "ease",
+      initialScale: "0.96",
+      openScale: "1",
+    },
+  },
+  popover: {
+    item: {
+      root: {
+        height: "35px",
+        padding: "5px 10px",
+        radius: ui.radiusSm,
+      },
+      states: {
+        hover: {
+          background: token.color("gray", 800),
+        },
+        selected: {
+          background: token.color("gray", 800),
+        },
+      },
+    },
+    panel: {
+      background: semantic.backgroundSurface1,
+      border: token.border(semantic.borderSurface1),
+      color: semantic.textColor,
+      gap: "2px",
+      padding: "8px",
+      radius: ui.radiusLg,
+    },
+  },
+  tooltip: {
+    arrow: {
+      borderWidth: ui.borderWidth,
+      size: "8px",
+    },
+    motion: {
+      duration: "170ms",
+      easing: "cubic-bezier(0.16, 1, 0.3, 1)",
+    },
+    panel: {
+      background: semantic.backgroundSurface1,
+      border: token.border(semantic.borderSurface1),
+      color: semantic.textColor,
+      fontFamily: ui.fontSans,
+      fontSize: "12px",
+      lineHeight: "1.3",
+      padding: "7px 9px",
+      radius: ui.radiusMd,
+    },
+  },
+};

package/.trebired/frontend/components/primitives.ts

@@ -0,0 +1,171 @@
+import { semantic, token, ui } from "#2ya03ugoub24";
+import { button } from "./button";
+
+export const primitives = {
+  button,
+  choice: {
+    checked: { background: token.color("gray", 900) },
+    control: {
+      activeIconColor: token.color("gray", 600),
+      borderColor: token.color("gray", 600),
+      checkedBackground: token.color("gray", 100),
+      checkedBorderColor: token.color("gray", 100),
+      checkedColor: token.color("gray", 900),
+      color: token.color("gray", 800),
+      partialBorderColor: token.color("gray", 400),
+      partialColor: token.color("gray", 200),
+      partialIconColor: token.color("gray", 300),
+    },
+  },
+  dot: { color: token.color("gray", 600) },
+  dropdown: {
+    arrow: { color: token.color("gray", 500) },
+    menu: { background: token.color("gray", 900) },
+    option: {
+      states: {
+        hover: { background: token.color("gray", 800) },
+        selected: { background: token.color("gray", 800) },
+      },
+    },
+  },
+  input: {
+    file: {
+      button: {
+        background: token.color("gray", 700),
+        states: {
+          hover: { background: token.color("gray", 700) },
+        },
+      },
+    },
+    states: {
+      focus: { color: token.color("gray", 600) },
+    },
+  },
+  loader: { color: token.color("gray", 300) },
+  pill: { background: token.color("gray", 800) },
+  progress: {
+    color: token.color("gray", 400),
+    track: token.colorMix(token.color("gray", 400), "22%"),
+  },
+  tabs: {
+    list: { gap: ui.gapSm },
+    root: {
+      background: "transparent",
+      border: token.border(semantic.borderSurface1),
+      color: semantic.textColor,
+      fontFamily: ui.fontSans,
+      fontSize: "14px",
+      height: "34px",
+      paddingInline: "14px",
+      radius: ui.radiusSm,
+    },
+    states: {
+      active: {
+        background: semantic.backgroundSurface1,
+        borderColor: semantic.borderSurface1,
+      },
+      hover: {
+        background: semantic.backgroundSurface1,
+        borderColor: semantic.borderSurface1,
+      },
+    },
+  },
+  textLink: {
+    root: {
+      color: semantic.textMuted,
+      fontWeight: "inherit",
+      textDecorationLine: "underline",
+      textDecorationStyle: "dotted",
+      textDecorationThickness: "1px",
+      textUnderlineOffset: "3px",
+      transition: `color ${ui.transitionFast}`,
+    },
+    states: {
+      hover: {
+        color: semantic.textColor,
+        textDecorationStyle: "solid",
+      },
+    },
+  },
+  toggle: {
+    active: { color: token.color("gray", 100) },
+    thumb: { background: token.color("gray", 400) },
+    track: { background: token.color("gray", 100) },
+  },
+  upload: {
+    actions: { gap: ui.gapSm },
+    content: { gap: "4px" },
+    cropper: {
+      actions: { gap: ui.gapSm },
+      description: { color: semantic.textMuted },
+      header: { gap: "4px" },
+      modal: {
+        maxHeight: "min(90vh, 920px)",
+        width: "min(960px, calc(100vw - 40px))",
+      },
+      stage: {
+        background: semantic.backgroundSurface1,
+        border: token.border(semantic.borderSurface1),
+        faceColor: token.colorMix(token.color("gray", 0), "14%"),
+        height: "min(62vh, 640px)",
+        lineColor: token.color("gray", 0),
+        minHeight: "320px",
+        overlayColor: token.colorMix(token.color("gray", 1000), "72%"),
+        pointBackground: token.color("gray", 0),
+        pointBorder: token.border(semantic.textColor),
+        pointRadius: ui.radiusSm,
+        pointSize: "12px",
+        radius: ui.radiusLg,
+      },
+    },
+    hint: {
+      color: semantic.textMuted,
+      fontSize: "0.92rem",
+    },
+    list: {
+      gap: "4px",
+      paddingLeft: "18px",
+    },
+    preview: {
+      background: semantic.backgroundSurface2,
+      border: token.border(semantic.borderSurface1),
+      emptyColor: semantic.textMuted,
+      emptyFontSize: "0.82rem",
+      emptyLineHeight: "1.1",
+      emptyPadding: "4px",
+      radius: ui.radiusLg,
+      roundRadius: "999px",
+      size: "64px",
+    },
+    responsive: {
+      mobile: {
+        cropperModalMaxHeight: "calc(100vh - 24px)",
+        cropperModalWidth: "calc(100vw - 24px)",
+        cropperStageHeight: "min(52vh, 420px)",
+        cropperStageMinHeight: "260px",
+      },
+    },
+    root: {
+      color: semantic.textColor,
+      gap: ui.gapSm,
+    },
+    surface: {
+      background: semantic.backgroundSurface1,
+      border: `${ui.borderWidth} dashed ${semantic.borderSurface1}`,
+      color: semantic.textColor,
+      gap: "12px",
+      minHeight: "72px",
+      padding: "12px",
+      radius: ui.radiusLg,
+      states: {
+        drag: {
+          background: semantic.backgroundSurface2,
+          borderColor: semantic.focusColor,
+        },
+        hasFiles: {
+          borderStyle: "solid",
+        },
+      },
+    },
+  },
+};

package/.trebired/frontend/components/shell.ts

@@ -0,0 +1,25 @@
+import { token } from "#2ya03ugoub24";
+
+export const shell = {
+  header: {
+    brand: {
+      tag: {
+        offsetY: "6px",
+      },
+    },
+  },
+  language: {
+    option: {
+      states: {
+        current: { background: token.color("gray", 850) },
+      },
+    },
+  },
+  theme: {
+    option: {
+      states: {
+        current: { background: token.color("gray", 850) },
+      },
+    },
+  },
+};

package/.trebired/frontend/components/surfaces.ts

@@ -0,0 +1,33 @@
+import { semantic, token, ui } from "#2ya03ugoub24";
+import { button } from "./button";
+
+export const surfaces = {
+  button,
+  card: {
+    body: {
+      divider: { background: semantic.borderSurface1 },
+    },
+    root: {
+      background: semantic.backgroundPage,
+      border: token.border(semantic.borderSurface1),
+      minHeight: ui.heightXs4,
+      padding: "14px 14px 12px 14px",
+      radius: ui.radiusLg,
+    },
+    row: {
+      background: "transparent",
+      border: token.border(semantic.borderSurface1),
+      padding: "9px 12px",
+      radius: ui.radiusLg,
+      states: {
+        hover: { background: token.color("gray", 900) },
+        selected: { background: semantic.backgroundSurface1 },
+      },
+    },
+    title: {
+      fontSize: "15px",
+      fontWeight: "700",
+      margin: "0 0 10px 0",
+    },
+  },
+};

package/.trebired/frontend/config.ts

@@ -0,0 +1,39 @@
+import { components } from "./components";
+import { palette } from "./palette";
+import { scales } from "./scales";
+import { systems } from "./systems";
+import { runtime, semantics } from "./theme";
+
+export default {
+  assets: {
+    fonts: {
+      families: {
+        sans: {
+          family: "Inter",
+          package: "inter",
+          styles: ["normal", "italic"],
+          subsets: ["latin", "latin-ext"],
+          weights: [100, 400, 500, 600, 700],
+        },
+      },
+      sans: "\"Inter\", sans-serif",
+    },
+    icons: {
+      endpoint: "/__icons/svg",
+      packs: ["remixicon", "simple-icons", "material-icon-theme"],
+    },
+  },
+  components,
+  design: {
+    interactions: {
+      activePress: {
+        enabled: true,
+      },
+    },
+    palette,
+    scales,
+    semantics,
+  },
+  runtime,
+  systems,
+};

package/.trebired/frontend/palette.ts

@@ -0,0 +1,109 @@
+const grayDark = {
+  0: "#ffffff",
+  50: "#e3e3e4",
+  100: "#cacacb",
+  150: "#bdbdbe",
+  200: "#b1b1b2",
+  250: "#9e9e9f",
+  300: "#8c8c8d",
+  350: "#7a7a7b",
+  400: "#69696a",
+  450: "#5b5b5c",
+  500: "#4e4e4f",
+  550: "#454546",
+  600: "#3d3d3e",
+  650: "#363637",
+  700: "#303031",
+  750: "#2b2b2c",
+  800: "#262627",
+  850: "rgb(34 34 35)",
+  900: "#1f1f20",
+  950: "#1a1a1b",
+  1000: "#141415",
+};
+
+const grayLight = {
+  0: "#141415",
+  50: "#2b2b2c",
+  100: "#3c3c3d",
+  150: "#454546",
+  200: "#4d4d4e",
+  250: "#5c5c5d",
+  300: "#6b6b6c",
+  350: "#7c7c7d",
+  400: "#8e8e8f",
+  450: "#9f9fa0",
+  500: "#afafb0",
+  550: "#bbbbbc",
+  600: "#c8c8c9",
+  650: "#d2d2d3",
+  700: "#dbdbdc",
+  750: "#e2e2e3",
+  800: "#e9e9ea",
+  850: "#eeeeef",
+  900: "#f3f3f4",
+  950: "#f8f8f9",
+  1000: "#ffffff",
+};
+
+export const palette = {
+  modes: {
+    dark: {
+      scale: {
+        blue: { 400: "#bbd0fb", 500: "#81a7ec", 600: "#5d83d8", 700: "#4966b4" },
+        cyan: { 400: "#99e3ef", 500: "#52c2d8", 600: "#2c9ab2", 700: "#1f7689" },
+        gray: grayDark,
+        green: { 400: "#95e0a7", 500: "#4fc56d", 600: "#30994f", 700: "#24783d", 800: "#1c5e2f" },
+        indigo: { 400: "#c0c2fb", 500: "#9090f1", 600: "#6c68e6", 700: "#5350b7" },
+        orange: { 400: "#ffd1aa", 500: "#f0a360", 600: "#e58a3e", 700: "#d2762f" },
+        red: { 400: "#f7b3b3", 500: "#f06f6f", 600: "#dd4e4e", 700: "#b52f2f", 800: "rgb(145 34 34)" },
+        ruby: { 400: "#f1b0cc", 500: "#df6295", 600: "#c13268", 700: "#9d1e50" },
+        yellow: { 400: "#f3e0a3", 500: "#eec757", 600: "#ddb02b", 700: "#bf9517" },
+      },
+    },
+    light: {
+      scale: {
+        blue: { 400: "#273659", 500: "#315290", 600: "#486cbf", 700: "#6989da" },
+        cyan: { 400: "#00383f", 500: "#00525f", 600: "#007286", 700: "#4293a7" },
+        gray: grayLight,
+        green: { 400: "#00411b", 500: "#005a23", 600: "#028037", 700: "#4c9c5f", 800: "#76b783" },
+        indigo: { 400: "#393867", 500: "#5652ad", 600: "#6f6cea", 700: "#8c8ffd" },
+        orange: { 400: "#4b2800", 500: "#713d00", 600: "#894700", 700: "#a35100" },
+        red: { 400: "#652e30", 500: "#ae3239", 600: "#d04143", 700: "#f36962", 800: "#ff9289" },
+        ruby: { 400: "#632e48", 500: "#b43a70", 600: "#e75687", 700: "#ff7da3" },
+        yellow: { 400: "#362a00", 500: "#493800", 600: "#5b4600", 700: "#745900" },
+      },
+    },
+  },
+  semantic: {
+    "background-page": { family: "gray", step: "950" },
+    "background-surface-1": { family: "gray", step: "900" },
+    "background-surface-2": { family: "gray", step: "800" },
+    "border-surface-1": { family: "gray", step: "750" },
+    "border-surface-2": { family: "gray", step: "700" },
+    "canvas-ansi-0": { family: "gray", step: "1000" },
+    "canvas-ansi-1": { family: "red", step: "700" },
+    "canvas-ansi-2": { family: "green", step: "700" },
+    "canvas-ansi-3": { family: "yellow", step: "700" },
+    "canvas-ansi-4": { family: "blue", step: "700" },
+    "canvas-ansi-5": { family: "ruby", step: "700" },
+    "canvas-ansi-6": { family: "cyan", step: "700" },
+    "canvas-ansi-7": { family: "gray", step: "300" },
+    "canvas-ansi-8": { family: "gray", step: "700" },
+    "canvas-ansi-9": { family: "red", step: "500" },
+    "canvas-ansi-10": { family: "green", step: "500" },
+    "canvas-ansi-11": { family: "yellow", step: "500" },
+    "canvas-ansi-12": { family: "blue", step: "500" },
+    "canvas-ansi-13": { family: "ruby", step: "500" },
+    "canvas-ansi-14": { family: "cyan", step: "500" },
+    "canvas-ansi-15": { family: "gray", step: "200" },
+    "focus-color": { family: "blue", step: "500" },
+    "scroll-thumb": { family: "gray", step: "400" },
+    "scroll-thumb-hover": { family: "gray", step: "350" },
+    "scroll-track": { family: "gray", step: "600" },
+    "surface-1": { family: "gray", step: "900" },
+    "surface-2": { family: "gray", step: "800" },
+    "text-color": { family: "gray", step: "100" },
+    "text-color-muted": { family: "gray", step: "300" },
+  },
+};

package/.trebired/frontend/scales.ts

@@ -0,0 +1,68 @@
+export const scales = {
+  height: {
+    xs5: 20,
+    xs4: 35,
+    xs3: 50,
+    xs2: 100,
+    xs: 150,
+    sm: 200,
+    md: 300,
+    lg: 400,
+    xl: 500,
+    xl2: 600,
+    xl3: 700,
+    xl4: 800,
+    xl5: 900,
+    xl6: 1000,
+  },
+  lineHeight: {
+    none: 1,
+    xs3: 1.05,
+    xs2: 1.1,
+    xs: 1.2,
+    sm3: 1.3,
+    sm2: 1.35,
+    sm: 1.4,
+    md3: 1.5,
+    md2: 1.55,
+    md: 1.6,
+    lg3: 1.7,
+    lg2: 1.75,
+    lg: 1.8,
+    xl3: 1.9,
+    xl2: 1.95,
+    xl: 2,
+  },
+  padding: { xs: 6, sm: 10, md: 14, lg: 20, xl: 28 },
+  radius: { xs: 4, sm: 6, md: 8, lg: 10, xl: 12, xl2: 14 },
+  spacing: { xs: 4, sm: 8, md: 12, lg: 16 },
+  textSize: {
+    xs: 12,
+    sm: 14,
+    md: 16,
+    lg: 20,
+    xl: 24,
+    xl2: 32,
+    xl3: 40,
+    xl4: 56,
+    xl5: 72,
+  },
+  width: {
+    xs2: 100,
+    xs: 150,
+    sm: 200,
+    md: 300,
+    lg: 400,
+    xl: 500,
+    xl2: 600,
+    xl3: 700,
+    xl4: 800,
+    xl5: 900,
+    xl6: 1000,
+  },
+  zIndex: {
+    steps: { xs: 900, sm: 1000, md: 1010, lg: 1020, xl: 1100 },
+    layerRoot: "sm",
+    progress: "xl",
+  },
+};

package/.trebired/frontend/systems.ts

@@ -0,0 +1,18 @@
+export const systems = {
+  actions: true,
+  flash: true,
+  fullscreen: true,
+  icons: true,
+  inputs: true,
+  layer: true,
+  language: true,
+  layout: true,
+  modal: true,
+  popover: true,
+  primitives: true,
+  progress: true,
+  sidebar: true,
+  surface: false,
+  theme: true,
+  tooltip: true,
+};

package/.trebired/frontend/theme.ts

@@ -0,0 +1,44 @@
+import { token } from "./tokens";
+
+export const semantics = {
+  selection: {
+    bg: token.colorMix(token.color("gray", 500), "50%"),
+    text: token.color("gray", 200),
+  },
+  status: {
+    error: { color: token.color("red", 500) },
+    success: { color: token.color("green", 500) },
+    warning: { color: token.color("yellow", 500) },
+  },
+  tone: {
+    blue: token.color("blue", 600),
+    cyan: token.color("cyan", 600),
+    error: token.color("red", 600),
+    gray: token.color("gray", 600),
+    green: token.color("green", 600),
+    info: token.color("blue", 600),
+    muted: token.color("gray", 600),
+    purple: token.color("ruby", 600),
+    red: token.color("red", 600),
+    success: token.color("green", 600),
+    warning: token.color("yellow", 600),
+    yellow: token.color("yellow", 600),
+  },
+};
+
+export const theme = {
+  dark: "dark",
+  defaultMode: "dark",
+  light: "light",
+  modes: {
+    dark: { scheme: "dark" },
+    light: { scheme: "light" },
+  },
+};
+
+export const runtime = {
+  progress: {
+    color: token.color("gray", 600),
+  },
+  theme,
+};

package/.trebired/frontend/tokens.ts

@@ -0,0 +1,68 @@
+import { palette } from "./palette";
+
+void palette;
+
+function variable(name: string, fallback?: string) {
+  return fallback === undefined ? `var(--${name})` : `var(--${name}, ${fallback})`;
+}
+
+function color(family: string, step: string | number) {
+  return variable(`${family}-${String(step)}`);
+}
+
+function modeColor(family: string, step: string | number, mode: string) {
+  return variable(`${family}-${String(step)}-${mode}`);
+}
+
+function semanticToken(name: string) {
+  return variable(name);
+}
+
+function border(borderColor: string, width = variable("border-width")) {
+  return `${width} solid ${borderColor}`;
+}
+
+function colorMix(inputColor: string, amount: string, target = "transparent") {
+  return `color-mix(in srgb, ${inputColor} ${amount}, ${target})`;
+}
+
+const token = {
+  border,
+  color,
+  colorMix,
+  modeColor,
+  semantic: semanticToken,
+  variable,
+};
+
+const semantic = {
+  backgroundPage: token.semantic("background-page"),
+  backgroundSurface1: token.semantic("background-surface-1"),
+  backgroundSurface2: token.semantic("background-surface-2"),
+  borderSurface1: token.semantic("border-surface-1"),
+  borderSurface2: token.semantic("border-surface-2"),
+  focusColor: token.semantic("focus-color"),
+  scrollThumb: token.semantic("scroll-thumb"),
+  scrollThumbHover: token.semantic("scroll-thumb-hover"),
+  scrollTrack: token.semantic("scroll-track"),
+  surface1: token.semantic("surface-1"),
+  surface2: token.semantic("surface-2"),
+  textColor: token.semantic("text-color"),
+  textMuted: token.semantic("text-color-muted"),
+};
+
+const ui = {
+  borderWidth: token.variable("border-width"),
+  fontSans: token.variable("tbf-font-sans", "\"Inter\", sans-serif"),
+  gapSm: token.variable("tbf-gap-sm"),
+  heightXs4: token.variable("height-xs4", "35px"),
+  radiusSm: token.variable("radius-sm"),
+  radiusMd: token.variable("radius-md", token.variable("tbf-radius", "0")),
+  radiusLg: token.variable("radius-lg", token.variable("tbf-radius", "0")),
+  transitionFast: token.variable(
+    "transition-fast",
+    token.variable("tbf-transition-fast", "120ms ease"),
+  ),
+};
+
+export { semantic, token, ui };

package/.trebired/git-host/config.ts

@@ -0,0 +1,3 @@
+const config = {};
+
+export default config;

package/.trebired/i18n/config.ts

@@ -0,0 +1,9 @@
+export default {
+  defaultLanguage: "en",
+  fallbackLanguage: "en",
+  local: {
+    dirName: "i18n",
+    extensions: [".ts"],
+  },
+  supportedLanguages: ["en", "cs"],
+};

package/.trebired/logger/config.ts

@@ -0,0 +1,10 @@
+export default {
+  defaults: {
+    console: {
+      colors: true,
+      group: true,
+      metadata: true,
+      timestamp: true,
+    },
+  },
+};

package/.trebired/result/config.ts

@@ -0,0 +1,9 @@
+export default {
+  tracing: {
+    failedResultSeverity: "warn",
+    processHooks: {
+      exitOnUncaughtException: false,
+      exitOnUnhandledRejection: false,
+    },
+  },
+};

package/.trebired/tasks/config.ts

@@ -0,0 +1,16 @@
+export default {
+  runner: {
+    globalConcurrency: 2,
+    heartbeatMs: 2000,
+    leaseMs: 15000,
+    pollIntervalMs: 250,
+    staleScanIntervalMs: 5000,
+    stopTimeoutMs: 10000,
+  },
+  storage: {
+    postgres: {
+      schema: "public",
+      tablePrefix: "tb_",
+    },
+  },
+};

package/.trebired/update/config.ts

@@ -0,0 +1,15 @@
+export default {
+  client: {
+    allowDowngrade: false,
+    allowSameVersion: false,
+  },
+  scheduler: {
+    intervalMs: 7200000,
+    mode: "check",
+    unrefTimer: true,
+  },
+  selection: {
+    entity: "platform",
+    product: "platform",
+  },
+};

package/package.json

@@ -1,20 +1,22 @@
 {
   "name": "@trebired/configs",
-  "version": "0.1.1",
-  "description": "Shared Trebired Code Discipline preset config.",
+  "version": "0.1.2",
+  "description": "Shared Trebired package configuration tree.",
   "type": "module",
   "private": false,
   "packageManager": "bun@1.3.12",
-  "main": "./config.ts",
-  "types": "./config.ts",
+  "main": "./.trebired/code-discipline/config.ts",
+  "types": "./.trebired/code-discipline/config.ts",
   "exports": {
     ".": {
-      "import": "./config.ts",
-      "types": "./config.ts"
+      "import": "./.trebired/code-discipline/config.ts",
+      "types": "./.trebired/code-discipline/config.ts"
     }
   },
   "files": [
-    "config.ts"
+    ".trebired/**/config.ts",
+    ".trebired/code-discipline/imports/*.json",
+    ".trebired/frontend/**/*.ts"
   ],
   "repository": {
     "type": "git",