@marktiderman/genesis-ui 1.3.0 → 2.1.0

package/dist/chunk-D2LIXA2Y.js

@@ -0,0 +1,65 @@
+import { GAP_CLASSES } from './chunk-AVFZ4P4B.js';
+import { cn } from './chunk-NZ5WBA4R.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var splitVariants = cva(
+  // Below `at`, this is a plain vertical stack: master first, detail after,
+  // which is the correct reading order on a phone. At `at` and up it becomes
+  // a twelve-column grid. `flex-col` is simply inert once `display: grid`
+  // takes over, so the two never fight.
+  "flex flex-col",
+  {
+    variants: {
+      at: {
+        sm: "sm:grid sm:grid-cols-12",
+        md: "md:grid md:grid-cols-12",
+        lg: "lg:grid lg:grid-cols-12",
+        xl: "xl:grid xl:grid-cols-12"
+      },
+      gap: GAP_CLASSES
+    },
+    defaultVariants: {
+      at: "md",
+      gap: "md"
+    }
+  }
+);
+var COL_SPAN = {
+  sm: { 4: "sm:col-span-4", 6: "sm:col-span-6", 8: "sm:col-span-8" },
+  md: { 4: "md:col-span-4", 6: "md:col-span-6", 8: "md:col-span-8" },
+  lg: { 4: "lg:col-span-4", 6: "lg:col-span-6", 8: "lg:col-span-8" },
+  xl: { 4: "xl:col-span-4", 6: "xl:col-span-6", 8: "xl:col-span-8" }
+};
+var START_SPAN = {
+  "1/3": 4,
+  "1/2": 6,
+  "2/3": 8
+};
+var END_SPAN = {
+  "1/3": 8,
+  "1/2": 6,
+  "2/3": 4
+};
+var Split = React.forwardRef(
+  ({ className, start, end, ratio = "1/3", at = "md", gap, testID, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "split",
+      "data-testid": testID,
+      className: cn(splitVariants({ at, gap }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { "data-slot": "split-start", className: cn("min-w-0", COL_SPAN[at][START_SPAN[ratio]]), children: start }),
+        /* @__PURE__ */ jsx("div", { "data-slot": "split-end", className: cn("min-w-0", COL_SPAN[at][END_SPAN[ratio]]), children: end })
+      ]
+    }
+  )
+);
+Split.displayName = "Split";
+
+export { Split, splitVariants };
+//# sourceMappingURL=chunk-D2LIXA2Y.js.map
+//# sourceMappingURL=chunk-D2LIXA2Y.js.map

package/dist/chunk-D2LIXA2Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/split.tsx"],"names":[],"mappings":";;;;;;AAeA,IAAM,aAAA,GAAgB,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpB,eAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,EAAA,EAAI;AAAA,QACF,EAAA,EAAI,yBAAA;AAAA,QACJ,EAAA,EAAI,yBAAA;AAAA,QACJ,EAAA,EAAI,yBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,GAAA,EAAK;AAAA,KACP;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,EAAA,EAAI,IAAA;AAAA,MACJ,GAAA,EAAK;AAAA;AACP;AAEJ;AAWA,IAAM,QAAA,GAA+D;AAAA,EACnE,IAAI,EAAE,CAAA,EAAG,iBAAiB,CAAA,EAAG,eAAA,EAAiB,GAAG,eAAA,EAAgB;AAAA,EACjE,IAAI,EAAE,CAAA,EAAG,iBAAiB,CAAA,EAAG,eAAA,EAAiB,GAAG,eAAA,EAAgB;AAAA,EACjE,IAAI,EAAE,CAAA,EAAG,iBAAiB,CAAA,EAAG,eAAA,EAAiB,GAAG,eAAA,EAAgB;AAAA,EACjE,IAAI,EAAE,CAAA,EAAG,iBAAiB,CAAA,EAAG,eAAA,EAAiB,GAAG,eAAA;AACnD,CAAA;AAGA,IAAM,UAAA,GAA4C;AAAA,EAChD,KAAA,EAAO,CAAA;AAAA,EACP,KAAA,EAAO,CAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AAGA,IAAM,QAAA,GAA0C;AAAA,EAC9C,KAAA,EAAO,CAAA;AAAA,EACP,KAAA,EAAO,CAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AA2CO,IAAM,KAAA,GAAc,KAAA,CAAA,UAAA;AAAA,EACzB,CACE,EAAE,SAAA,EAAW,KAAA,EAAO,KAAK,KAAA,GAAQ,KAAA,EAAO,EAAA,GAAK,IAAA,EAAM,GAAA,EAAK,MAAA,EAAQ,GAAG,KAAA,IACnE,GAAA,qBAEA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,OAAA;AAAA,MACV,aAAA,EAAa,MAAA;AAAA,MACb,SAAA,EAAW,GAAG,aAAA,CAAc,EAAE,IAAI,GAAA,EAAK,GAAG,SAAS,CAAA;AAAA,MAClD,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,aAAA,EAAc,SAAA,EAAW,GAAG,SAAA,EAAW,QAAA,CAAS,EAAE,CAAA,CAAE,UAAA,CAAW,KAAK,CAAC,CAAC,GAClF,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,WAAA,EAAY,WAAW,EAAA,CAAG,SAAA,EAAW,QAAA,CAAS,EAAE,EAAE,QAAA,CAAS,KAAK,CAAC,CAAC,GAC9E,QAAA,EAAA,GAAA,EACH;AAAA;AAAA;AAAA;AAGN;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-D2LIXA2Y.js","sourcesContent":["import * as React from \"react\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport { cn } from \"../../utils\";\nimport { GAP_CLASSES } from \"./spacing\";\n\n/**\n * Breakpoint at which a `Split` stops stacking and becomes side-by-side.\n * These are Tailwind's own breakpoint names, so `at=\"lg\"` means exactly\n * what `lg:` means everywhere else in the app.\n */\nexport type SplitBreakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\n/** How the horizontal space divides once the split is side-by-side. */\nexport type SplitRatio = \"1/3\" | \"1/2\" | \"2/3\";\n\nconst splitVariants = cva(\n  // Below `at`, this is a plain vertical stack: master first, detail after,\n  // which is the correct reading order on a phone. At `at` and up it becomes\n  // a twelve-column grid. `flex-col` is simply inert once `display: grid`\n  // takes over, so the two never fight.\n  \"flex flex-col\",\n  {\n    variants: {\n      at: {\n        sm: \"sm:grid sm:grid-cols-12\",\n        md: \"md:grid md:grid-cols-12\",\n        lg: \"lg:grid lg:grid-cols-12\",\n        xl: \"xl:grid xl:grid-cols-12\",\n      },\n      gap: GAP_CLASSES,\n    },\n    defaultVariants: {\n      at: \"md\",\n      gap: \"md\",\n    },\n  }\n);\n\n/**\n * Column spans, written out literally per breakpoint because Tailwind\n * scans source text — a class name assembled at runtime (`${at}:col-span-${n}`)\n * is a class name Tailwind never generates.\n *\n * Only 4 / 6 / 8 appear: the twelve-column track makes every ratio and its\n * complement land inside that set (12-4=8, 12-6=6, 12-8=4), so one table\n * serves both panes.\n */\nconst COL_SPAN: Record<SplitBreakpoint, Record<4 | 6 | 8, string>> = {\n  sm: { 4: \"sm:col-span-4\", 6: \"sm:col-span-6\", 8: \"sm:col-span-8\" },\n  md: { 4: \"md:col-span-4\", 6: \"md:col-span-6\", 8: \"md:col-span-8\" },\n  lg: { 4: \"lg:col-span-4\", 6: \"lg:col-span-6\", 8: \"lg:col-span-8\" },\n  xl: { 4: \"xl:col-span-4\", 6: \"xl:col-span-6\", 8: \"xl:col-span-8\" },\n};\n\n/** Track count the `start` pane occupies, out of twelve. */\nconst START_SPAN: Record<SplitRatio, 4 | 6 | 8> = {\n  \"1/3\": 4,\n  \"1/2\": 6,\n  \"2/3\": 8,\n};\n\n/** The `end` pane always takes what `start` left behind. */\nconst END_SPAN: Record<SplitRatio, 4 | 6 | 8> = {\n  \"1/3\": 8,\n  \"1/2\": 6,\n  \"2/3\": 4,\n};\n\nexport interface SplitProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Omit<VariantProps<typeof splitVariants>, \"at\"> {\n  /** Leading pane — the \"master\" half. Renders first when stacked. */\n  start: React.ReactNode;\n  /** Trailing pane — the \"detail\" half. Renders second when stacked. */\n  end: React.ReactNode;\n  /** Share of the width the `start` pane takes. Default `\"1/3\"`. */\n  ratio?: SplitRatio;\n  /** Breakpoint at and above which the panes sit side by side. Default `\"md\"`. */\n  at?: SplitBreakpoint;\n  /** Stable test/automation selector (emitted as `data-testid`). */\n  testID?: string;\n}\n\n/**\n * Split — the master-detail layout: two panes side by side above a\n * breakpoint, stacked below it.\n *\n * ```tsx\n * <Split\n *   ratio=\"1/3\"\n *   at=\"lg\"\n *   gap=\"lg\"\n *   start={<ConversationList />}\n *   end={<ConversationDetail />}\n * />\n * ```\n *\n * The stacking behaviour is the whole reason this is a component rather\n * than two divs: a hand-rolled split usually forgets the small screen, and\n * a hand-rolled split that remembers usually picks a different breakpoint\n * from the one next door.\n *\n * Two panes only, and both are required — a \"split\" with an optional half\n * is a `Stack`, and a three-pane shell (nav + list + detail) is an\n * application shell, not a layout primitive. Nest a `Split` inside a\n * `Split` if you genuinely need three.\n *\n * @stability Beta\n */\nexport const Split = React.forwardRef<HTMLDivElement, SplitProps>(\n  (\n    { className, start, end, ratio = \"1/3\", at = \"md\", gap, testID, ...props },\n    ref\n  ) => (\n    <div\n      ref={ref}\n      data-slot=\"split\"\n      data-testid={testID}\n      className={cn(splitVariants({ at, gap }), className)}\n      {...props}\n    >\n      <div data-slot=\"split-start\" className={cn(\"min-w-0\", COL_SPAN[at][START_SPAN[ratio]])}>\n        {start}\n      </div>\n      <div data-slot=\"split-end\" className={cn(\"min-w-0\", COL_SPAN[at][END_SPAN[ratio]])}>\n        {end}\n      </div>\n    </div>\n  )\n);\nSplit.displayName = \"Split\";\n\nexport { splitVariants };\n"]}

package/dist/{chunk-T5VX5DYO.js → chunk-F47U5KNW.js}

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from './chunk-NZ5WBA4R.js';
 import * as React from 'react';
-import * as LabelPrimitive from '@radix-ui/react-label';
+import { Label as Label$1 } from 'radix-ui';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
@@ -9,7 +9,7 @@ var labelVariants = cva(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
 var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  LabelPrimitive.Root,
+  Label$1.Root,
   {
     ref,
     "data-slot": "label",
@@ -17,8 +17,8 @@ var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
     ...props
   }
 ));
-Label.displayName = LabelPrimitive.Root.displayName;
+Label.displayName = Label$1.Root.displayName;
 
 export { Label };
-//# sourceMappingURL=chunk-T5VX5DYO.js.map
-//# sourceMappingURL=chunk-T5VX5DYO.js.map
+//# sourceMappingURL=chunk-F47U5KNW.js.map
+//# sourceMappingURL=chunk-F47U5KNW.js.map

package/dist/chunk-F47U5KNW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/label.tsx"],"names":["LabelPrimitive"],"mappings":";;;;;;AAOA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB;AACF,CAAA;AAEA,IAAM,KAAA,GAAc,iBAIlB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAACA,OAAA,CAAe,IAAA;AAAA,EAAf;AAAA,IACC,GAAA;AAAA,IACA,WAAA,EAAU,OAAA;AAAA,IACV,SAAA,EAAW,EAAA,CAAG,aAAA,EAAc,EAAG,SAAS,CAAA;AAAA,IACvC,GAAG;AAAA;AACN,CACD;AACD,KAAA,CAAM,WAAA,GAAcA,QAAe,IAAA,CAAK,WAAA","file":"chunk-F47U5KNW.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Label as LabelPrimitive } from \"radix-ui\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport { cn } from \"../../utils\";\n\nconst labelVariants = cva(\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n);\n\nconst Label = React.forwardRef<\n  React.ComponentRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n    VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    data-slot=\"label\"\n    className={cn(labelVariants(), className)}\n    {...props}\n  />\n));\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n"]}