@abumble/design-system 0.0.27 → 0.0.28

package/dist/components/BackLink/BackLink.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 export interface BackLinkProps extends React.ComponentProps<'a'> {
     /** Link text, e.g. "Back to properties". */
     label: string;
@@ -17,5 +18,5 @@ export interface BackLinkProps extends React.ComponentProps<'a'> {
  * // Plain link:
  * <BackLink href="/properties" label="Back to properties" />
  */
-export declare function BackLink({ label, asChild, className, ...props }: BackLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function BackLink({ label, asChild, className, children, ...props }: BackLinkProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BackLink.d.ts.map

package/dist/components/BackLink/BackLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BackLink.d.ts","sourceRoot":"","sources":["../../../src/components/BackLink/BackLink.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;IAC/D,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,gGAAgG;IAChG,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,EACxB,KAAK,EACL,OAAe,EACf,SAAS,EACT,GAAG,KAAK,EACR,EAAE,aAAa,2CAgBf"}
+{"version":3,"file":"BackLink.d.ts","sourceRoot":"","sources":["../../../src/components/BackLink/BackLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;IAC/D,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,gGAAgG;IAChG,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AASD;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,EACxB,KAAK,EACL,OAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,aAAa,2CA0Bf"}

package/dist/shared/BackLink.js

@@ -1,30 +1,42 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { c as a } from "./utils.js";
-import { Slot as i } from "@radix-ui/react-slot";
-import { ChevronLeft as m } from "lucide-react";
-function x({
-  label: r,
-  asChild: t = !1,
-  className: o,
+import { jsxs as d, jsx as t, Fragment as f } from "react/jsx-runtime";
+import { c as h } from "./utils.js";
+import { ChevronLeft as k } from "lucide-react";
+import * as s from "react";
+const o = (e) => /* @__PURE__ */ d(f, { children: [
+  /* @__PURE__ */ t(k, { className: "size-4 shrink-0", "aria-hidden": !0 }),
+  /* @__PURE__ */ t("span", { children: e })
+] });
+function g({
+  label: e,
+  asChild: a = !1,
+  className: i,
+  children: c,
   ...n
 }) {
-  return /* @__PURE__ */ s(
-    t ? i : "a",
+  const r = h(
+    "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground",
+    i
+  );
+  if (a) {
+    const l = s.Children.only(c), m = {
+      "data-slot": "back-link",
+      className: r,
+      ...n,
+      children: o(e)
+    };
+    return s.cloneElement(l, m);
+  }
+  return /* @__PURE__ */ t(
+    "a",
     {
       "data-slot": "back-link",
-      className: a(
-        "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground",
-        o
-      ),
+      className: r,
       ...n,
-      children: [
-        /* @__PURE__ */ e(m, { className: "size-4 shrink-0", "aria-hidden": !0 }),
-        /* @__PURE__ */ e("span", { children: r })
-      ]
+      children: o(e)
     }
   );
 }
 export {
-  x as B
+  g as B
 };
 //# sourceMappingURL=BackLink.js.map

package/dist/shared/BackLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackLink.js","sources":["../../src/components/BackLink/BackLink.tsx"],"sourcesContent":["import { cn } from '@/utils'\nimport { Slot } from '@radix-ui/react-slot'\nimport { ChevronLeft } from 'lucide-react'\n\nexport interface BackLinkProps extends React.ComponentProps<'a'> {\n\t/** Link text, e.g. \"Back to properties\". */\n\tlabel: string\n\t/** If true, renders the provided child element as the link. Use with router Link components. */\n\tasChild?: boolean\n}\n\n/**\n * Back link with chevron icon. Router-agnostic via asChild pattern.\n *\n * @example\n * // With TanStack Router:\n * <BackLink asChild label=\"Back to properties\">\n *   <Link to=\"..\" replace />\n * </BackLink>\n *\n * @example\n * // Plain link:\n * <BackLink href=\"/properties\" label=\"Back to properties\" />\n */\nexport function BackLink({\n\tlabel,\n\tasChild = false,\n\tclassName,\n\t...props\n}: BackLinkProps) {\n\tconst Comp = asChild ? Slot : 'a'\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"back-link\"\n\t\t\tclassName={cn(\n\t\t\t\t'inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronLeft className=\"size-4 shrink-0\" aria-hidden />\n\t\t\t<span>{label}</span>\n\t\t</Comp>\n\t)\n}\n"],"names":["BackLink","label","asChild","className","props","jsxs","Slot","cn","jsx","ChevronLeft"],"mappings":";;;;AAwBO,SAASA,EAAS;AAAA,EACxB,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAkB;AAGjB,SACC,gBAAAC;AAAA,IAHYH,IAAUI,IAAO;AAAA,IAG5B;AAAA,MACA,aAAU;AAAA,MACV,WAAWC;AAAA,QACV;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEA,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAACC,GAAA,EAAY,WAAU,mBAAkB,eAAW,IAAC;AAAA,QACrD,gBAAAD,EAAC,UAAM,UAAAP,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"BackLink.js","sources":["../../src/components/BackLink/BackLink.tsx"],"sourcesContent":["import { cn } from '@/utils'\nimport { ChevronLeft } from 'lucide-react'\nimport * as React from 'react'\n\nexport interface BackLinkProps extends React.ComponentProps<'a'> {\n\t/** Link text, e.g. \"Back to properties\". */\n\tlabel: string\n\t/** If true, renders the provided child element as the link. Use with router Link components. */\n\tasChild?: boolean\n}\n\nconst slotContent = (label: string) => (\n\t<>\n\t\t<ChevronLeft className=\"size-4 shrink-0\" aria-hidden />\n\t\t<span>{label}</span>\n\t</>\n)\n\n/**\n * Back link with chevron icon. Router-agnostic via asChild pattern.\n *\n * @example\n * // With TanStack Router:\n * <BackLink asChild label=\"Back to properties\">\n *   <Link to=\"..\" replace />\n * </BackLink>\n *\n * @example\n * // Plain link:\n * <BackLink href=\"/properties\" label=\"Back to properties\" />\n */\nexport function BackLink({\n\tlabel,\n\tasChild = false,\n\tclassName,\n\tchildren,\n\t...props\n}: BackLinkProps) {\n\tconst slotClassName = cn(\n\t\t'inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground',\n\t\tclassName,\n\t)\n\n\tif (asChild) {\n\t\tconst child = React.Children.only(children) as React.ReactElement\n\t\tconst mergedProps = {\n\t\t\t'data-slot': 'back-link',\n\t\t\tclassName: slotClassName,\n\t\t\t...props,\n\t\t\tchildren: slotContent(label),\n\t\t}\n\t\treturn React.cloneElement(child, mergedProps)\n\t}\n\n\treturn (\n\t\t<a\n\t\t\tdata-slot=\"back-link\"\n\t\t\tclassName={slotClassName}\n\t\t\t{...props}\n\t\t>\n\t\t\t{slotContent(label)}\n\t\t</a>\n\t)\n}\n"],"names":["slotContent","label","jsxs","Fragment","jsx","ChevronLeft","BackLink","asChild","className","children","props","slotClassName","cn","child","React","mergedProps"],"mappings":";;;;AAWA,MAAMA,IAAc,CAACC,MACpB,gBAAAC,EAAAC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAY,WAAU,mBAAkB,eAAW,IAAC;AAAA,EACrD,gBAAAD,EAAC,UAAM,UAAAH,EAAA,CAAM;AAAA,GACd;AAgBM,SAASK,EAAS;AAAA,EACxB,OAAAL;AAAA,EACA,SAAAM,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,GAAkB;AACjB,QAAMC,IAAgBC;AAAA,IACrB;AAAA,IACAJ;AAAA,EAAA;AAGD,MAAID,GAAS;AACZ,UAAMM,IAAQC,EAAM,SAAS,KAAKL,CAAQ,GACpCM,IAAc;AAAA,MACnB,aAAa;AAAA,MACb,WAAWJ;AAAA,MACX,GAAGD;AAAA,MACH,UAAUV,EAAYC,CAAK;AAAA,IAAA;AAE5B,WAAOa,EAAM,aAAaD,GAAOE,CAAW;AAAA,EAC7C;AAEA,SACC,gBAAAX;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAWO;AAAA,MACV,GAAGD;AAAA,MAEH,YAAYT,CAAK;AAAA,IAAA;AAAA,EAAA;AAGrB;"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@abumble/design-system",
-	"version": "0.0.27",
+	"version": "0.0.28",
 	"files": [
 		"dist",
 		"src/styles.css"