@campminder/ds 0.3.0 → 0.4.0

package/dist/index.cjs

@@ -1,6 +1,7 @@
 "use client";
 'use strict';
 
+require('../styles.css');
 var accordion = require('@base-ui/react/accordion');
 var lucideReact = require('lucide-react');
 var clsx = require('clsx');
@@ -60,7 +61,7 @@ var RPNInput__default = /*#__PURE__*/_interopDefault(RPNInput);
 var flags__default = /*#__PURE__*/_interopDefault(flags);
 var en__default = /*#__PURE__*/_interopDefault(en);
 
-// src/accordion.tsx
+// src/index.ts
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -1432,7 +1433,7 @@ function ColumnCustomizer({
                 c.key
               )) })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col border-l", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 min-w-0 flex-col overflow-hidden border-l", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-3 py-2.5", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-semibold", children: [
                   draft.length,
@@ -2154,6 +2155,7 @@ function DataTable({
   paginated = false,
   pageSize: pageSizeProp,
   pageSizeOptions = [25, 50, 100],
+  stickyPagination = false,
   page: pageProp,
   onPageChange,
   toolbar,
@@ -2414,59 +2416,68 @@ function DataTable({
         );
       }) })
     ] }) }),
-    paginated && total > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4 px-1 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: "Rows per page" }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          Select,
-          {
-            value: String(pageSize),
-            onValueChange: (v) => {
-              if (!v) return;
-              setPageSizeInner(Number(v));
-              setPage(0);
-            },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { "aria-label": "Rows per page", className: "h-8 w-[70px]", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, {}) }),
-              /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: pageSizeOptions.map((n) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: String(n), children: n }, n)) })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tabular-nums whitespace-nowrap", children: [
-          pageStart + 1,
-          "\u2013",
-          Math.min(pageStart + pageSize, total),
-          " of ",
-          total
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => setPage(safePage - 1),
-              disabled: safePage === 0,
-              "aria-label": "Previous page",
-              className: "inline-flex size-8 items-center justify-center rounded-md border bg-background hover:bg-muted disabled:pointer-events-none disabled:opacity-40",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => setPage(safePage + 1),
-              disabled: safePage >= pageCount - 1,
-              "aria-label": "Next page",
-              className: "inline-flex size-8 items-center justify-center rounded-md border bg-background hover:bg-muted disabled:pointer-events-none disabled:opacity-40",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4" })
-            }
-          )
-        ] })
-      ] })
-    ] })
+    paginated && total > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "flex items-center justify-between gap-4 text-sm text-muted-foreground",
+          stickyPagination ? "sticky bottom-0 z-20 rounded-b-xl border-t bg-background px-3 py-2.5 shadow-[0_-2px_6px_-4px_rgba(0,0,0,0.2)]" : "px-1"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: "Rows per page" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              Select,
+              {
+                value: String(pageSize),
+                onValueChange: (v) => {
+                  if (!v) return;
+                  setPageSizeInner(Number(v));
+                  setPage(0);
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { "aria-label": "Rows per page", className: "h-8 w-[70px]", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: pageSizeOptions.map((n) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: String(n), children: n }, n)) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tabular-nums whitespace-nowrap", children: [
+              pageStart + 1,
+              "\u2013",
+              Math.min(pageStart + pageSize, total),
+              " of ",
+              total
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setPage(safePage - 1),
+                  disabled: safePage === 0,
+                  "aria-label": "Previous page",
+                  className: "inline-flex size-8 items-center justify-center rounded-md border bg-background hover:bg-muted disabled:pointer-events-none disabled:opacity-40",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-4" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setPage(safePage + 1),
+                  disabled: safePage >= pageCount - 1,
+                  "aria-label": "Next page",
+                  className: "inline-flex size-8 items-center justify-center rounded-md border bg-background hover:bg-muted disabled:pointer-events-none disabled:opacity-40",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4" })
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
   ] });
 }
 function DropdownMenu(props) {

package/dist/index.d.cts

@@ -301,6 +301,13 @@ interface DataTableProps<T> {
     paginated?: boolean;
     pageSize?: number;
     pageSizeOptions?: number[];
+    /**
+     * Pin the pagination bar to the bottom of the scroll viewport so it stays
+     * reachable without scrolling to the end of a long table. Off by default —
+     * only enable when the table is the page's dominant scrolling content (e.g.
+     * a full-page list view), not when it sits inside a card among other content.
+     */
+    stickyPagination?: boolean;
     page?: number;
     onPageChange?: (page: number) => void;
     toolbar?: ReactNode;
@@ -309,7 +316,7 @@ interface DataTableProps<T> {
     rowClassName?: (row: T) => string;
     className?: string;
 }
-declare function DataTable<T>({ data, columns, rowKey, selectable, selected: selectedProp, onSelectedChange, bulkActions, sort: sortProp, defaultSort, onSortChange, paginated, pageSize: pageSizeProp, pageSizeOptions, page: pageProp, onPageChange, toolbar, onRowClick, emptyMessage, rowClassName, className, }: DataTableProps<T>): React$1.JSX.Element;
+declare function DataTable<T>({ data, columns, rowKey, selectable, selected: selectedProp, onSelectedChange, bulkActions, sort: sortProp, defaultSort, onSortChange, paginated, pageSize: pageSizeProp, pageSizeOptions, stickyPagination, page: pageProp, onPageChange, toolbar, onRowClick, emptyMessage, rowClassName, className, }: DataTableProps<T>): React$1.JSX.Element;
 
 declare function DropdownMenu(props: Menu.Root.Props): React$1.JSX.Element;
 declare function DropdownMenuTrigger({ ...props }: Menu.Trigger.Props): React$1.JSX.Element;

package/dist/index.d.ts

@@ -301,6 +301,13 @@ interface DataTableProps<T> {
     paginated?: boolean;
     pageSize?: number;
     pageSizeOptions?: number[];
+    /**
+     * Pin the pagination bar to the bottom of the scroll viewport so it stays
+     * reachable without scrolling to the end of a long table. Off by default —
+     * only enable when the table is the page's dominant scrolling content (e.g.
+     * a full-page list view), not when it sits inside a card among other content.
+     */
+    stickyPagination?: boolean;
     page?: number;
     onPageChange?: (page: number) => void;
     toolbar?: ReactNode;
@@ -309,7 +316,7 @@ interface DataTableProps<T> {
     rowClassName?: (row: T) => string;
     className?: string;
 }
-declare function DataTable<T>({ data, columns, rowKey, selectable, selected: selectedProp, onSelectedChange, bulkActions, sort: sortProp, defaultSort, onSortChange, paginated, pageSize: pageSizeProp, pageSizeOptions, page: pageProp, onPageChange, toolbar, onRowClick, emptyMessage, rowClassName, className, }: DataTableProps<T>): React$1.JSX.Element;
+declare function DataTable<T>({ data, columns, rowKey, selectable, selected: selectedProp, onSelectedChange, bulkActions, sort: sortProp, defaultSort, onSortChange, paginated, pageSize: pageSizeProp, pageSizeOptions, stickyPagination, page: pageProp, onPageChange, toolbar, onRowClick, emptyMessage, rowClassName, className, }: DataTableProps<T>): React$1.JSX.Element;
 
 declare function DropdownMenu(props: Menu.Root.Props): React$1.JSX.Element;
 declare function DropdownMenuTrigger({ ...props }: Menu.Trigger.Props): React$1.JSX.Element;

package/dist/index.js

@@ -1,4 +1,5 @@
 "use client";
+import '../styles.css';
 import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
 import { ChevronDown, CheckIcon, ChevronRightIcon, MoreHorizontalIcon, Loader2, ChevronDownIcon, ChevronUpIcon, XIcon, PlusIcon, Columns3, Search, GripVertical, X, SearchIcon, ChevronLeft, ChevronRight, Check, Circle, ListFilter, PencilIcon, TrashIcon, ArrowLeftIcon, ArrowRightIcon, ChevronLeftIcon, ChevronsUpDown, CameraIcon, PanelLeftIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, BadgeCheck, ChevronUp, AlertTriangleIcon } from 'lucide-react';
 import { clsx } from 'clsx';
@@ -35,7 +36,7 @@ import { Toaster as Toaster$1 } from 'sonner';
 import { Switch as Switch$1 } from '@base-ui/react/switch';
 import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
 
-// src/accordion.tsx
+// src/index.ts
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -1407,7 +1408,7 @@ function ColumnCustomizer({
                 c.key
               )) })
             ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col border-l", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 min-w-0 flex-col overflow-hidden border-l", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-2.5", children: [
                 /* @__PURE__ */ jsxs("span", { className: "text-sm font-semibold", children: [
                   draft.length,
@@ -2129,6 +2130,7 @@ function DataTable({
   paginated = false,
   pageSize: pageSizeProp,
   pageSizeOptions = [25, 50, 100],
+  stickyPagination = false,
   page: pageProp,
   onPageChange,
   toolbar,
@@ -2389,59 +2391,68 @@ function DataTable({
         );
       }) })
     ] }) }),
-    paginated && total > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 px-1 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Rows per page" }),
-        /* @__PURE__ */ jsxs(
-          Select,
-          {
-            value: String(pageSize),
-            onValueChange: (v) => {
-              if (!v) return;
-              setPageSizeInner(Number(v));
-              setPage(0);
-            },
-            children: [
-              /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Rows per page", className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-              /* @__PURE__ */ jsx(SelectContent, { children: pageSizeOptions.map((n) => /* @__PURE__ */ jsx(SelectItem, { value: String(n), children: n }, n)) })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxs("span", { className: "tabular-nums whitespace-nowrap", children: [
-          pageStart + 1,
-          "\u2013",
-          Math.min(pageStart + pageSize, total),
-          " of ",
-          total
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => setPage(safePage - 1),
-              disabled: safePage === 0,
-              "aria-label": "Previous page",
-              className: "inline-flex size-8 items-center justify-center rounded-md border bg-background hover:bg-muted disabled:pointer-events-none disabled:opacity-40",
-              children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => setPage(safePage + 1),
-              disabled: safePage >= pageCount - 1,
-              "aria-label": "Next page",
-              className: "inline-flex size-8 items-center justify-center rounded-md border bg-background hover:bg-muted disabled:pointer-events-none disabled:opacity-40",
-              children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
-            }
-          )
-        ] })
-      ] })
-    ] })
+    paginated && total > 0 && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex items-center justify-between gap-4 text-sm text-muted-foreground",
+          stickyPagination ? "sticky bottom-0 z-20 rounded-b-xl border-t bg-background px-3 py-2.5 shadow-[0_-2px_6px_-4px_rgba(0,0,0,0.2)]" : "px-1"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Rows per page" }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: String(pageSize),
+                onValueChange: (v) => {
+                  if (!v) return;
+                  setPageSizeInner(Number(v));
+                  setPage(0);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": "Rows per page", className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: pageSizeOptions.map((n) => /* @__PURE__ */ jsx(SelectItem, { value: String(n), children: n }, n)) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs("span", { className: "tabular-nums whitespace-nowrap", children: [
+              pageStart + 1,
+              "\u2013",
+              Math.min(pageStart + pageSize, total),
+              " of ",
+              total
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setPage(safePage - 1),
+                  disabled: safePage === 0,
+                  "aria-label": "Previous page",
+                  className: "inline-flex size-8 items-center justify-center rounded-md border bg-background hover:bg-muted disabled:pointer-events-none disabled:opacity-40",
+                  children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setPage(safePage + 1),
+                  disabled: safePage >= pageCount - 1,
+                  "aria-label": "Next page",
+                  className: "inline-flex size-8 items-center justify-center rounded-md border bg-background hover:bg-muted disabled:pointer-events-none disabled:opacity-40",
+                  children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
   ] });
 }
 function DropdownMenu(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campminder/ds",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "private": false,
   "description": "Campminder design system components, packaged. base-ui-era shadcn primitives + domain components + design tokens, for apps that prefer npm install over shadcn copy-source.",
   "repository": {
@@ -14,7 +14,8 @@
   ],
   "files": [
     "dist",
-    "styles.css"
+    "styles.css",
+    "fonts"
   ],
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

package/styles.css

@@ -2,9 +2,122 @@
    Run `npm run build` (or `node scripts/gen-tokens-css.mjs`) to regenerate.
    Consumers: @import "@campminder/ds/styles.css" after @import "tailwindcss". */
 
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-Extralight.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-Extralight.woff') format('woff');
+  font-weight: 200;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-Light.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-Light.woff') format('woff');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-Regular.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-Regular.woff') format('woff');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-Medium.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-Medium.woff') format('woff');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-Semibold.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-Semibold.woff') format('woff');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-Bold.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-Bold.woff') format('woff');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-ExtralightItalic.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-ExtralightItalic.woff') format('woff');
+  font-weight: 200;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-LightItalic.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-LightItalic.woff') format('woff');
+  font-weight: 300;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-Italic.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-Italic.woff') format('woff');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-MediumItalic.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-MediumItalic.woff') format('woff');
+  font-weight: 500;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-SemiboldItalic.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-SemiboldItalic.woff') format('woff');
+  font-weight: 600;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans';
+  src: url('./fonts/general-sans/GeneralSans-BoldItalic.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-BoldItalic.woff') format('woff');
+  font-weight: 700;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans Variable';
+  src: url('./fonts/general-sans/GeneralSans-Variable.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-Variable.woff') format('woff');
+  font-weight: 200 700;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'General Sans Variable';
+  src: url('./fonts/general-sans/GeneralSans-VariableItalic.woff2') format('woff2'),
+       url('./fonts/general-sans/GeneralSans-VariableItalic.woff') format('woff');
+  font-weight: 200 700;
+  font-style: italic;
+  font-display: swap;
+}
+
 @theme {
-  /* Inter is loaded via next/font as --font-inter; fall back to webfont/system Inter */
-  --font-sans: var(--font-inter), "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  /* General Sans is self-hosted via @font-face above */
+  --font-sans: "General Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
 
   --color-background: var(--base-background, #ffffff);
@@ -228,5 +341,10 @@
   color-scheme: light;
 }
 
+/* Apply General Sans as the base typeface. */
+body {
+  font-family: var(--font-sans);
+}
+
 /* Scan the package's compiled components so Tailwind v4 keeps their classes. */
 @source "./dist";