cursedbelt 3.0.2 → 4.0.0

package/src/styles-areas/filter-rail.css

@@ -0,0 +1,235 @@
+/*
+ * cursedbelt — the `filter-rail` area. GENERATED BUILD ARTIFACT. Never hand-edit.
+ *
+ * the faceted filter rail.
+ *
+ * Every Tailwind utility the modules in this area's import closure use, MINUS the
+ * ones `styles-areas/core.css` already ships. 🔴 Import ALL of these, in
+ * this order — this file alone is incomplete:
+ *
+ *   @import "tailwindcss";
+ *   @import "cursedbelt/styles-static.css";
+ *   @import "cursedbelt/styles-areas/core.css";
+ *   @import "cursedbelt/styles-areas/filter-rail.css";
+ *   @import "cursedbelt/theme.css";
+ *
+ * An app that imports every area gets exactly what `cursedbelt/styles-utilities.css`
+ * emits — proved rule by rule in src/stylesAreas.spec.ts, which is also what fails
+ * when this file is stale. 131 candidate(s) scanned.
+ *
+ * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
+ * `bun run build` runs. The map of what is in which area, and why the areas are
+ * import closures rather than a hand-written list, is scripts/styleAreas.ts.
+ */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties;
+@layer theme, base, components, utilities;
+@layer theme {
+  :root, :host {
+    --spacing: 0.25rem;
+  }
+}
+@layer utilities {
+  .-mx-2 {
+    margin-inline: calc(var(--spacing) * -2);
+  }
+  .mx-2 {
+    margin-inline: calc(var(--spacing) * 2);
+  }
+  .mb-3 {
+    margin-bottom: calc(var(--spacing) * 3);
+  }
+  .w-14 {
+    width: calc(var(--spacing) * 14);
+  }
+  .w-56 {
+    width: calc(var(--spacing) * 56);
+  }
+  .cursor-not-allowed {
+    cursor: not-allowed;
+  }
+  .place-items-center {
+    place-items: center;
+  }
+  .gap-px {
+    gap: 1px;
+  }
+  .self-stretch {
+    align-self: stretch;
+  }
+  .border-r {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 1px;
+  }
+  .border-rule {
+    border-color: var(--rule);
+  }
+  .bg-card-overlay {
+    background-color: var(--card-overlay);
+  }
+  .pt-1 {
+    padding-top: var(--spacing);
+  }
+  .pb-1 {
+    padding-bottom: var(--spacing);
+  }
+  .opacity-100 {
+    opacity: 100%;
+  }
+  .shadow-\[inset_3px_0_0_0_var\(--accent\)\] {
+    --tw-shadow: inset 3px 0 0 0 var(--tw-shadow-color, var(--accent));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .outline-2 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+  .outline-offset-\[-2px\] {
+    outline-offset: -2px;
+  }
+  .outline-accent {
+    outline-color: var(--accent);
+  }
+  .outline-dashed {
+    --tw-outline-style: dashed;
+    outline-style: dashed;
+  }
+  .group-focus-within\/rail-row\:opacity-100:is(:where(.group\/rail-row):focus-within *) {
+    opacity: 100%;
+  }
+  @media (hover: hover) {
+    .group-hover\/rail-row\:opacity-100:is(:where(.group\/rail-row):hover *) {
+      opacity: 100%;
+    }
+  }
+  .last\:mb-0:last-child {
+    margin-bottom: 0px;
+  }
+  @media (hover: hover) {
+    .hover\:bg-card-raised:hover {
+      background-color: var(--card-raised);
+    }
+  }
+  .\[\&_button\]\:size-7 button {
+    width: calc(var(--spacing) * 7);
+    height: calc(var(--spacing) * 7);
+  }
+  .\[\&_button\]\:min-h-0 button {
+    min-height: 0px;
+  }
+  .\[\&_button\]\:min-w-0 button {
+    min-width: 0px;
+  }
+  .\[\&_button\]\:p-0 button {
+    padding: 0px;
+  }
+  @media (pointer: coarse) {
+    .pointer-coarse\:\[\&_button\]\:size-11 button {
+      width: calc(var(--spacing) * 11);
+      height: calc(var(--spacing) * 11);
+    }
+    .pointer-coarse\:\[\&_button\]\:min-h-11 button {
+      min-height: calc(var(--spacing) * 11);
+    }
+    .pointer-coarse\:\[\&_button\]\:min-w-11 button {
+      min-width: calc(var(--spacing) * 11);
+    }
+  }
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+    }
+  }
+}

package/src/styles-areas/folder-tree.css

@@ -0,0 +1,219 @@
+/*
+ * cursedbelt — the `folder-tree` area. GENERATED BUILD ARTIFACT. Never hand-edit.
+ *
+ * the nested folder tree.
+ *
+ * Every Tailwind utility the modules in this area's import closure use, MINUS the
+ * ones `styles-areas/core.css` already ships. 🔴 Import ALL of these, in
+ * this order — this file alone is incomplete:
+ *
+ *   @import "tailwindcss";
+ *   @import "cursedbelt/styles-static.css";
+ *   @import "cursedbelt/styles-areas/core.css";
+ *   @import "cursedbelt/styles-areas/folder-tree.css";
+ *   @import "cursedbelt/theme.css";
+ *
+ * An app that imports every area gets exactly what `cursedbelt/styles-utilities.css`
+ * emits — proved rule by rule in src/stylesAreas.spec.ts, which is also what fails
+ * when this file is stale. 411 candidate(s) scanned.
+ *
+ * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
+ * `bun run build` runs. The map of what is in which area, and why the areas are
+ * import closures rather than a hand-written list, is scripts/styleAreas.ts.
+ */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties;
+@layer theme, base, components, utilities;
+@layer theme {
+  :root, :host {
+    --spacing: 0.25rem;
+  }
+}
+@layer utilities {
+  .collapse {
+    visibility: collapse;
+  }
+  .mx-0\.5 {
+    margin-inline: calc(var(--spacing) * 0.5);
+  }
+  .w-36 {
+    width: calc(var(--spacing) * 36);
+  }
+  .max-w-\[12rem\] {
+    max-width: 12rem;
+  }
+  .max-w-\[20rem\] {
+    max-width: 20rem;
+  }
+  .min-w-8 {
+    min-width: calc(var(--spacing) * 8);
+  }
+  .place-items-center {
+    place-items: center;
+  }
+  .justify-start {
+    justify-content: flex-start;
+  }
+  .self-start {
+    align-self: flex-start;
+  }
+  .self-stretch {
+    align-self: stretch;
+  }
+  .border-\[var\(--border\)\] {
+    border-color: var(--border);
+  }
+  .bg-\[var\(--background\)\] {
+    background-color: var(--background);
+  }
+  .bg-\[var\(--card\)\] {
+    background-color: var(--card);
+  }
+  .bg-\[var\(--muted\)\]\/10 {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 10%, transparent);
+    }
+  }
+  .bg-\[var\(--muted\)\]\/20 {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 20%, transparent);
+    }
+  }
+  .bg-\[var\(--muted\)\]\/30 {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
+    }
+  }
+  .bg-accent\/15 {
+    background-color: var(--accent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--accent) 15%, transparent);
+    }
+  }
+  .p-1\.5 {
+    padding: calc(var(--spacing) * 1.5);
+  }
+  .px-0\.5 {
+    padding-inline: calc(var(--spacing) * 0.5);
+  }
+  .text-\[var\(--danger\)\] {
+    color: var(--danger);
+  }
+  .text-\[var\(--muted-foreground\)\] {
+    color: var(--muted-foreground);
+  }
+  .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-\[var\(--accent\)\] {
+    --tw-ring-color: var(--accent);
+  }
+  @media (hover: hover) {
+    .hover\:bg-\[var\(--muted\)\]\/15:hover {
+      background-color: var(--muted);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-\[var\(--muted\)\]\/15:hover {
+        background-color: color-mix(in oklab, var(--muted) 15%, transparent);
+      }
+    }
+    .hover\:decoration-border:hover {
+      text-decoration-color: var(--border);
+    }
+    .hover\:underline-offset-4:hover {
+      text-underline-offset: 4px;
+    }
+  }
+  .\[\&\>\*\]\:min-w-0 > * {
+    min-width: 0px;
+  }
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+    }
+  }
+}

package/src/styles-areas/keep-awake.css

@@ -0,0 +1,26 @@
+/*
+ * cursedbelt — the `keep-awake` area. GENERATED BUILD ARTIFACT. Never hand-edit.
+ *
+ * the keep-awake toggle and its badge.
+ *
+ * Every Tailwind utility the modules in this area's import closure use, MINUS the
+ * ones `styles-areas/core.css` already ships. 🔴 Import ALL of these, in
+ * this order — this file alone is incomplete:
+ *
+ *   @import "tailwindcss";
+ *   @import "cursedbelt/styles-static.css";
+ *   @import "cursedbelt/styles-areas/core.css";
+ *   @import "cursedbelt/styles-areas/keep-awake.css";
+ *   @import "cursedbelt/theme.css";
+ *
+ * An app that imports every area gets exactly what `cursedbelt/styles-utilities.css`
+ * emits — proved rule by rule in src/stylesAreas.spec.ts, which is also what fails
+ * when this file is stale. 154 candidate(s) scanned.
+ *
+ * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
+ * `bun run build` runs. The map of what is in which area, and why the areas are
+ * import closures rather than a hand-written list, is scripts/styleAreas.ts.
+ */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer theme, base, components, utilities;
+@layer utilities;

package/src/styles-areas/layout-engine.css

@@ -0,0 +1,239 @@
+/*
+ * cursedbelt — the `layout-engine` area. GENERATED BUILD ARTIFACT. Never hand-edit.
+ *
+ * the persisted pane/grid layout engine — apps with a fixed layout render none of it.
+ *
+ * Every Tailwind utility the modules in this area's import closure use, MINUS the
+ * ones `styles-areas/core.css` already ships. 🔴 Import ALL of these, in
+ * this order — this file alone is incomplete:
+ *
+ *   @import "tailwindcss";
+ *   @import "cursedbelt/styles-static.css";
+ *   @import "cursedbelt/styles-areas/core.css";
+ *   @import "cursedbelt/styles-areas/layout-engine.css";
+ *   @import "cursedbelt/theme.css";
+ *
+ * An app that imports every area gets exactly what `cursedbelt/styles-utilities.css`
+ * emits — proved rule by rule in src/stylesAreas.spec.ts, which is also what fails
+ * when this file is stale. 243 candidate(s) scanned.
+ *
+ * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
+ * `bun run build` runs. The map of what is in which area, and why the areas are
+ * import closures rather than a hand-written list, is scripts/styleAreas.ts.
+ */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties;
+@layer theme, base, components, utilities;
+@layer theme {
+  :root, :host {
+    --spacing: 0.25rem;
+  }
+}
+@layer utilities {
+  .collapse {
+    visibility: collapse;
+  }
+  .mb-3 {
+    margin-bottom: calc(var(--spacing) * 3);
+  }
+  .grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+  .justify-start {
+    justify-content: flex-start;
+  }
+  .gap-x-4 {
+    column-gap: calc(var(--spacing) * 4);
+  }
+  .gap-y-3 {
+    row-gap: calc(var(--spacing) * 3);
+  }
+  .self-start {
+    align-self: flex-start;
+  }
+  .self-stretch {
+    align-self: stretch;
+  }
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .border-dashed {
+    --tw-border-style: dashed;
+    border-style: dashed;
+  }
+  .border-accent {
+    border-color: var(--accent);
+  }
+  .pt-1 {
+    padding-top: var(--spacing);
+  }
+  .break-words {
+    overflow-wrap: break-word;
+  }
+  .text-muted-foreground\/60 {
+    color: var(--muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
+    }
+  }
+  .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-accent {
+    --tw-ring-color: var(--accent);
+  }
+  .ring-accent\/40 {
+    --tw-ring-color: var(--accent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--accent) 40%, transparent);
+    }
+  }
+  @media (hover: hover) {
+    .hover\:border-border-strong:hover {
+      border-color: var(--border-strong);
+    }
+    .hover\:bg-accent\/5:hover {
+      background-color: var(--accent);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-accent\/5:hover {
+        background-color: color-mix(in oklab, var(--accent) 5%, transparent);
+      }
+    }
+  }
+  .focus\:border-accent:focus {
+    border-color: var(--accent);
+  }
+  .focus\:ring-1:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .focus\:ring-ring:focus {
+    --tw-ring-color: var(--ring);
+  }
+  @media (width >= 40rem) {
+    .sm\:inset-4 {
+      inset: calc(var(--spacing) * 4);
+    }
+    .sm\:rounded-xl {
+      border-radius: 1.5rem;
+    }
+    .sm\:border {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+    .sm\:border-border {
+      border-color: var(--border);
+    }
+  }
+  @media (width >= 64rem) {
+    .lg\:inset-8 {
+      inset: calc(var(--spacing) * 8);
+    }
+    .lg\:w-72 {
+      width: calc(var(--spacing) * 72);
+    }
+    .lg\:flex-row {
+      flex-direction: row;
+    }
+    .lg\:items-start {
+      align-items: flex-start;
+    }
+  }
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+    }
+  }
+}