@elmeragroup/fuse 0.1.0-canary.1

package/components/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":[],"sources":["../../../src/components/table/table.tsx"],"sourcesContent":["import type { ComponentProps, ReactElement, ReactNode } from \"react\";\n\nimport { cn } from \"../../styles/cn\";\nimport { Skeleton } from \"../skeleton/skeleton\";\nimport { TableCell } from \"./table-cell\";\nimport { verticalTableCellText } from \"./vertical-table-cell-text\";\nimport { VerticalTableHeader } from \"./vertical-table-header\";\nimport { VerticalTableKey } from \"./vertical-table-key\";\n\nexport type TableRootProps = ComponentProps<\"table\">;\nexport type TableHeaderProps = ComponentProps<\"thead\">;\nexport type TableBodyProps = ComponentProps<\"tbody\">;\nexport type TableFooterProps = ComponentProps<\"tfoot\">;\nexport type TableRowProps = ComponentProps<\"tr\">;\nexport type TableHeadProps = ComponentProps<\"th\">;\nexport type TableCellProps = ComponentProps<\"td\">;\nexport type TableCaptionProps = ComponentProps<\"caption\">;\n\nexport type VerticalTableItem = {\n  label: ReactNode;\n  value: ReactNode;\n  fontWeight?: \"normal\" | \"bold\";\n  isLoading?: boolean;\n  text?: \"default\" | \"truncate\";\n};\n\nexport type VerticalTableRootProps = ComponentProps<\"div\"> & {\n  /**\n   * Facts-sheet look. `\"non-bordered-compact\"` drops the wrapper border/background\n   * and tightens cell padding via descendant `data-variant` selectors.\n   */\n  variant?: \"default\" | \"non-bordered-compact\";\n};\n\nexport type { VerticalTableHeaderProps } from \"./vertical-table-header\";\n\nexport type VerticalTableBodyProps = ComponentProps<\"div\"> & {\n  /**\n   * Key/value rows rendered before `children`. Each item becomes a\n   * `VerticalTable.Row` with `Key` then `Value`.\n   */\n  data?: VerticalTableItem[];\n  /**\n   * Inner `<table>` (`Table.Root`) props. Association attributes such as\n   * `aria-labelledby` belong here — Body's own props, including `aria-*`, stay\n   * on the wrapper only. `className` merges with `table-fixed`.\n   */\n  tableProps?: TableRootProps;\n};\n\nexport type VerticalTableRowProps = ComponentProps<\"tr\"> & {\n  /**\n   * Weight token consumed by `Key`/`Value` via the row group scope.\n   */\n  fontWeight?: \"normal\" | \"bold\";\n  /**\n   * Hides the row with the `hidden` class when true.\n   */\n  isHidden?: boolean;\n};\n\nexport type { VerticalTableKeyProps } from \"./vertical-table-key\";\n\nexport type VerticalTableValueProps = ComponentProps<\"td\"> & {\n  /**\n   * `\"truncate\"` clips overflowing text; `\"default\"` wraps (`whitespace-normal`).\n   */\n  text?: \"default\" | \"truncate\";\n  /**\n   * Replaces children with a `Skeleton` (`h-4 w-full max-w-24`).\n   */\n  isLoading?: boolean;\n};\n\n/**\n * Semantic `<table>` composite. Server compound — it owns no state,\n * no handlers, and no browser APIs. `Header` and\n * `Key` on `VerticalTable` are client `useRender` islands so other outline levels and\n * row-header hosts stay possible without flipping this module to a client boundary.\n */\nfunction TableRoot({ className, ...props }: TableRootProps): ReactElement {\n  return (\n    <div data-slot=\"table-container\" className=\"relative w-full overflow-x-auto\">\n      <table\n        data-slot=\"table\"\n        className={cn(\n          \"text-sm w-full caption-bottom in-data-[slot=frame]:border-separate in-data-[slot=frame]:border-spacing-0\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableHeader({ className, ...props }: TableHeaderProps): ReactElement {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\n        \"[&_tr]:border-b in-data-[slot=frame]:**:[th]:h-9 in-data-[slot=frame]:*:[tr]:border-none in-data-[slot=frame]:*:[tr]:hover:bg-transparent\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableBody({ className, ...props }: TableBodyProps): ReactElement {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\n        \"before:shadow-[0_1px_--theme(--color-black/6%)] in-data-[slot=frame]:shadow-xs/5 relative before:pointer-events-none before:absolute before:inset-px before:rounded-[calc(--theme(--radius-xl)-1px)] not-in-data-[slot=frame]:before:hidden in-data-[slot=frame]:rounded-xl [&_tr:last-child]:border-0 in-data-[slot=frame]:*:[tr]:border-0 in-data-[slot=frame]:*:[tr]:*:[td]:border-b in-data-[slot=frame]:*:[tr]:*:[td]:bg-background in-data-[slot=frame]:*:[tr]:*:[td]:bg-clip-padding in-data-[slot=frame]:*:[tr]:first:*:[td]:first:rounded-ss-xl in-data-[slot=frame]:*:[tr]:*:[td]:first:border-s in-data-[slot=frame]:*:[tr]:first:*:[td]:border-t in-data-[slot=frame]:*:[tr]:last:*:[td]:last:rounded-ee-xl in-data-[slot=frame]:*:[tr]:*:[td]:last:border-e in-data-[slot=frame]:*:[tr]:first:*:[td]:last:rounded-se-xl in-data-[slot=frame]:*:[tr]:last:*:[td]:first:rounded-es-xl in-data-[slot=frame]:*:[tr]:hover:*:[td]:bg-transparent in-data-[slot=frame]:*:[tr]:data-[state=selected]:*:[td]:bg-muted/72\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({ className, ...props }: TableFooterProps): ReactElement {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"font-medium border-t bg-muted/72 in-data-[slot=frame]:border-none in-data-[slot=frame]:bg-transparent in-data-[slot=frame]:*:[tr]:hover:bg-transparent [&>tr]:last:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({ className, ...props }: TableRowProps): ReactElement {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"border-b transition-colors hover:bg-muted/72 in-data-[slot=frame]:hover:bg-transparent data-[state=selected]:bg-muted/72 in-data-[slot=frame]:data-[state=selected]:bg-transparent\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableHead({ className, ...props }: TableHeadProps): ReactElement {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"font-medium h-10 px-2 text-left align-middle leading-none whitespace-nowrap text-muted-foreground has-[[role=checkbox]]:w-px has-[[role=checkbox]]:pe-0\",\n        className\n      )}\n      scope=\"col\"\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({ className, ...props }: TableCaptionProps): ReactElement {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"text-sm mt-4 text-muted-foreground in-data-[slot=frame]:my-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction VerticalTableRoot({\n  children,\n  className,\n  variant = \"default\",\n  ...props\n}: VerticalTableRootProps): ReactElement {\n  return (\n    <div\n      data-slot=\"vertical-table-root\"\n      data-variant={variant}\n      className={cn(\"space-y-3\", className)}\n      {...props}>\n      {children}\n    </div>\n  );\n}\n\nfunction VerticalTableBody({\n  children,\n  className,\n  data,\n  tableProps,\n  ...props\n}: VerticalTableBodyProps): ReactElement {\n  const { className: tableClassName, ...innerTableProps } = tableProps ?? {};\n  return (\n    <div\n      data-slot=\"vertical-table\"\n      className={cn(\n        \"overflow-hidden rounded-md border bg-background in-data-[variant=non-bordered-compact]:border-none in-data-[variant=non-bordered-compact]:bg-inherit\",\n        className\n      )}\n      {...props}>\n      <Table.Root className={cn(\"table-fixed\", tableClassName)} {...innerTableProps}>\n        <tbody data-slot=\"vertical-table-body\">\n          {data && data.length > 0\n            ? data.map(\n                ({ label, value, fontWeight = \"normal\", isLoading = false, text = \"truncate\" }, index) => (\n                  <VerticalTableRow key={`vertical-table-row-label-${index}`} fontWeight={fontWeight}>\n                    <VerticalTableKey text={text}>{label}</VerticalTableKey>\n                    <VerticalTableValue text={text} isLoading={isLoading}>\n                      {value}\n                    </VerticalTableValue>\n                  </VerticalTableRow>\n                )\n              )\n            : null}\n          {children}\n        </tbody>\n      </Table.Root>\n    </div>\n  );\n}\n\nfunction VerticalTableRow({\n  children,\n  className,\n  fontWeight = \"normal\",\n  isHidden = false,\n  ...props\n}: VerticalTableRowProps): ReactElement {\n  return (\n    <TableRow\n      data-font-weight={fontWeight}\n      className={cn(\n        \"group/vertical-table-row-item *:border-border hover:bg-transparent [&>:not(:last-child)]:border-r\",\n        \"in-data-[variant=non-bordered-compact]:border-none\",\n        { hidden: isHidden },\n        className\n      )}\n      {...props}>\n      {children}\n    </TableRow>\n  );\n}\n\nfunction VerticalTableValue({\n  children,\n  className,\n  text = \"truncate\",\n  isLoading = false,\n  ...props\n}: VerticalTableValueProps): ReactElement {\n  return (\n    <TableCell\n      className={cn(\n        \"text-sm *:text-sm **:text-sm group-data-[font-weight=bold]/vertical-table-row-item:font-medium group-data-[font-weight=normal]/vertical-table-row-item:font-normal py-2\",\n        \"in-data-[variant=non-bordered-compact]:border-none in-data-[variant=non-bordered-compact]:bg-inherit in-data-[variant=non-bordered-compact]:p-1\",\n        verticalTableCellText(text),\n        className\n      )}\n      {...props}>\n      {isLoading ? (\n        <Skeleton className=\"h-4 w-full max-w-24 in-data-[variant=non-bordered-compact]:h-lh\" />\n      ) : (\n        children\n      )}\n    </TableCell>\n  );\n}\n\nTableRoot.displayName = \"Table.Root\";\nTableHeader.displayName = \"Table.Header\";\nTableBody.displayName = \"Table.Body\";\nTableFooter.displayName = \"Table.Footer\";\nTableRow.displayName = \"Table.Row\";\nTableHead.displayName = \"Table.Head\";\nTableCaption.displayName = \"Table.Caption\";\nVerticalTableRoot.displayName = \"VerticalTable.Root\";\nVerticalTableBody.displayName = \"VerticalTable.Body\";\nVerticalTableRow.displayName = \"VerticalTable.Row\";\nVerticalTableValue.displayName = \"VerticalTable.Value\";\n\nexport const Table = {\n  Root: TableRoot,\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Row: TableRow,\n  Head: TableHead,\n  Cell: TableCell,\n  Caption: TableCaption,\n};\n\nexport const VerticalTable = {\n  Root: VerticalTableRoot,\n  Header: VerticalTableHeader,\n  Body: VerticalTableBody,\n  Row: VerticalTableRow,\n  Key: VerticalTableKey,\n  Value: VerticalTableValue,\n};\n"],"mappings":"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"}

package/components/table/vertical-table-cell-text.d.ts

@@ -0,0 +1,8 @@
+//#region src/components/table/vertical-table-cell-text.d.ts
+/**
+ * Key/Value text-overflow class. Package-private — not on the
+ * `@elmeragroup/fuse/table` facade.
+ */
+export declare function verticalTableCellText(text: "default" | "truncate"): string;
+//#endregion
+//# sourceMappingURL=vertical-table-cell-text.d.ts.map

package/components/table/vertical-table-cell-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-table-cell-text.d.ts","names":[],"sources":["../../../src/components/table/vertical-table-cell-text.ts"],"mappings":";;;;;wBAIgB,sBAAsB"}

package/components/table/vertical-table-cell-text.js

@@ -0,0 +1,12 @@
+//#region src/components/table/vertical-table-cell-text.ts
+/**
+* Key/Value text-overflow class. Package-private — not on the
+* `@elmeragroup/fuse/table` facade.
+*/
+function verticalTableCellText(text) {
+	return text === "truncate" ? "truncate" : "whitespace-normal";
+}
+//#endregion
+export { verticalTableCellText };
+
+//# sourceMappingURL=vertical-table-cell-text.js.map

package/components/table/vertical-table-cell-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-table-cell-text.js","names":[],"sources":["../../../src/components/table/vertical-table-cell-text.ts"],"sourcesContent":["/**\n * Key/Value text-overflow class. Package-private — not on the\n * `@elmeragroup/fuse/table` facade.\n */\nexport function verticalTableCellText(text: \"default\" | \"truncate\"): string {\n  return text === \"truncate\" ? \"truncate\" : \"whitespace-normal\";\n}\n"],"mappings":";;;;;AAIA,SAAgB,sBAAsB,MAAsC;CAC1E,OAAO,SAAS,aAAa,aAAa;AAC5C"}

package/components/table/vertical-table-header.d.ts

@@ -0,0 +1,20 @@
+import { ComponentProps, ReactElement } from "react";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/table/vertical-table-header.d.ts
+export type VerticalTableHeaderProps = ComponentProps<"h2"> & {
+  /**
+   * Replaces the host `<h2>` via base-ui `useRender`. Use this for other outline
+   * levels; the level-2 type classes and `data-slot` stay merged onto the replacement.
+   */
+  render?: useRender.RenderProp;
+};
+/**
+ * Plain semantic `<h2>` with the ref's level-2 type classes.
+ * Client only because polymorphism is `useRender`; the rest of the compound stays server.
+ */
+export declare function VerticalTableHeader({ className, render, ...props }: VerticalTableHeaderProps): ReactElement;
+export declare namespace VerticalTableHeader {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=vertical-table-header.d.ts.map

package/components/table/vertical-table-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-table-header.d.ts","names":[],"sources":["../../../src/components/table/vertical-table-header.tsx"],"mappings":";;;YASY,2BAA2B;;;;;EAKrC,SAAS,UAAU;;;;;;wBAOL,sBAAsB,WAAW,WAAW,SAAS,2BAA2B;yBAAhF;MAAA"}

package/components/table/vertical-table-header.js

@@ -0,0 +1,24 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/table/vertical-table-header.tsx
+/**
+* Plain semantic `<h2>` with the ref's level-2 type classes.
+* Client only because polymorphism is `useRender`; the rest of the compound stays server.
+*/
+function VerticalTableHeader({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "h2",
+		props: {
+			"data-slot": "vertical-table-header",
+			...mergeProps({ className: cn("text-lg leading-snug font-medium font-heading text-inherit", className) }, props)
+		},
+		render
+	});
+}
+VerticalTableHeader.displayName = "VerticalTable.Header";
+//#endregion
+export { VerticalTableHeader };
+
+//# sourceMappingURL=vertical-table-header.js.map

package/components/table/vertical-table-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-table-header.js","names":[],"sources":["../../../src/components/table/vertical-table-header.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactElement } from \"react\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\n\nimport { cn } from \"../../styles/cn\";\n\nexport type VerticalTableHeaderProps = ComponentProps<\"h2\"> & {\n  /**\n   * Replaces the host `<h2>` via base-ui `useRender`. Use this for other outline\n   * levels; the level-2 type classes and `data-slot` stay merged onto the replacement.\n   */\n  render?: useRender.RenderProp;\n};\n\n/**\n * Plain semantic `<h2>` with the ref's level-2 type classes.\n * Client only because polymorphism is `useRender`; the rest of the compound stays server.\n */\nexport function VerticalTableHeader({ className, render, ...props }: VerticalTableHeaderProps): ReactElement {\n  return useRender({\n    defaultTagName: \"h2\",\n    props: {\n      \"data-slot\": \"vertical-table-header\",\n      ...mergeProps<\"h2\">(\n        {\n          className: cn(\"text-lg leading-snug font-medium font-heading text-inherit\", className),\n        },\n        props\n      ),\n    },\n    render,\n  });\n}\n\nVerticalTableHeader.displayName = \"VerticalTable.Header\";\n"],"mappings":";;;;;;;;;AAqBA,SAAgB,oBAAoB,EAAE,WAAW,QAAQ,GAAG,SAAiD;CAC3G,OAAO,UAAU;EACf,gBAAgB;EAChB,OAAO;GACL,aAAa;GACb,GAAG,WACD,EACE,WAAW,GAAG,8DAA8D,SAAS,EACvF,GACA,KACF;EACF;EACA;CACF,CAAC;AACH;AAEA,oBAAoB,cAAc"}

package/components/table/vertical-table-key.d.ts

@@ -0,0 +1,28 @@
+import { ComponentProps, ReactElement } from "react";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/table/vertical-table-key.d.ts
+export type VerticalTableKeyProps = ComponentProps<"td"> & {
+  /**
+   * `"truncate"` clips overflowing text; `"default"` wraps (`whitespace-normal`).
+   */
+  text?: "default" | "truncate";
+  /**
+   * Replaces children with a `Skeleton` (`h-4 w-full max-w-24`).
+   */
+  isLoading?: boolean;
+  /**
+   * Replaces the host `<td>` via base-ui `useRender`. Pass `render={<th scope="row" />}`
+   * for row-header semantics; Key classes and `data-slot` stay merged onto the host.
+   */
+  render?: useRender.RenderProp;
+};
+/**
+ * Muted key column. Client only because polymorphism is `useRender`;
+ * the rest of the compound stays server.
+ */
+export declare function VerticalTableKey({ children, className, text, isLoading, render, ...props }: VerticalTableKeyProps): ReactElement;
+export declare namespace VerticalTableKey {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=vertical-table-key.d.ts.map

package/components/table/vertical-table-key.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-table-key.d.ts","names":[],"sources":["../../../src/components/table/vertical-table-key.tsx"],"mappings":";;;YAaY,wBAAwB;;;;EAIlC;;;;EAIA;;;;;EAKA,SAAS,UAAU;;;;;;wBAOL,mBACd,UACA,WACA,MACA,WACA,WACG,SACF,wBAAwB;yBAPX;MAAA"}

package/components/table/vertical-table-key.js

@@ -0,0 +1,30 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { Skeleton } from "../skeleton/skeleton.js";
+import { TABLE_CELL_CLASSES } from "./table-cell-classes.js";
+import { TableCell } from "./table-cell.js";
+import { verticalTableCellText } from "./vertical-table-cell-text.js";
+import { jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/table/vertical-table-key.tsx
+/**
+* Muted key column. Client only because polymorphism is `useRender`;
+* the rest of the compound stays server.
+*/
+function VerticalTableKey({ children, className, text = "truncate", isLoading = false, render, ...props }) {
+	return useRender({
+		defaultTagName: "td",
+		props: {
+			"data-slot": "table-cell",
+			...mergeProps({ className: cn(TABLE_CELL_CLASSES, "text-sm font-medium *:text-sm **:text-sm group-data-[font-weight=bold]/vertical-table-row-item:font-medium group-data-[font-weight=normal]/vertical-table-row-item:font-normal bg-muted/50 py-2", "in-data-[variant=non-bordered-compact]:border-none in-data-[variant=non-bordered-compact]:bg-inherit in-data-[variant=non-bordered-compact]:px-0 in-data-[variant=non-bordered-compact]:py-1", verticalTableCellText(text), className) }, props),
+			children: isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full max-w-24 in-data-[variant=non-bordered-compact]:h-lh" }) : children
+		},
+		render: render ?? /* @__PURE__ */ jsx(TableCell, {})
+	});
+}
+VerticalTableKey.displayName = "VerticalTable.Key";
+//#endregion
+export { VerticalTableKey };
+
+//# sourceMappingURL=vertical-table-key.js.map

package/components/table/vertical-table-key.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-table-key.js","names":[],"sources":["../../../src/components/table/vertical-table-key.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactElement } from \"react\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\n\nimport { cn } from \"../../styles/cn\";\nimport { Skeleton } from \"../skeleton/skeleton\";\nimport { TableCell } from \"./table-cell\";\nimport { TABLE_CELL_CLASSES } from \"./table-cell-classes\";\nimport { verticalTableCellText } from \"./vertical-table-cell-text\";\n\nexport type VerticalTableKeyProps = ComponentProps<\"td\"> & {\n  /**\n   * `\"truncate\"` clips overflowing text; `\"default\"` wraps (`whitespace-normal`).\n   */\n  text?: \"default\" | \"truncate\";\n  /**\n   * Replaces children with a `Skeleton` (`h-4 w-full max-w-24`).\n   */\n  isLoading?: boolean;\n  /**\n   * Replaces the host `<td>` via base-ui `useRender`. Pass `render={<th scope=\"row\" />}`\n   * for row-header semantics; Key classes and `data-slot` stay merged onto the host.\n   */\n  render?: useRender.RenderProp;\n};\n\n/**\n * Muted key column. Client only because polymorphism is `useRender`;\n * the rest of the compound stays server.\n */\nexport function VerticalTableKey({\n  children,\n  className,\n  text = \"truncate\",\n  isLoading = false,\n  render,\n  ...props\n}: VerticalTableKeyProps): ReactElement {\n  return useRender({\n    defaultTagName: \"td\",\n    props: {\n      \"data-slot\": \"table-cell\",\n      ...mergeProps<\"td\">(\n        {\n          className: cn(\n            TABLE_CELL_CLASSES,\n            \"text-sm font-medium *:text-sm **:text-sm group-data-[font-weight=bold]/vertical-table-row-item:font-medium group-data-[font-weight=normal]/vertical-table-row-item:font-normal bg-muted/50 py-2\",\n            \"in-data-[variant=non-bordered-compact]:border-none in-data-[variant=non-bordered-compact]:bg-inherit in-data-[variant=non-bordered-compact]:px-0 in-data-[variant=non-bordered-compact]:py-1\",\n            verticalTableCellText(text),\n            className\n          ),\n        },\n        props\n      ),\n      children: isLoading ? (\n        <Skeleton className=\"h-4 w-full max-w-24 in-data-[variant=non-bordered-compact]:h-lh\" />\n      ) : (\n        children\n      ),\n    },\n    render: render ?? <TableCell />,\n  });\n}\n\nVerticalTableKey.displayName = \"VerticalTable.Key\";\n"],"mappings":";;;;;;;;;;;;;;AAiCA,SAAgB,iBAAiB,EAC/B,UACA,WACA,OAAO,YACP,YAAY,OACZ,QACA,GAAG,SACmC;CACtC,OAAO,UAAU;EACf,gBAAgB;EAChB,OAAO;GACL,aAAa;GACb,GAAG,WACD,EACE,WAAW,GACT,oBACA,mMACA,gMACA,sBAAsB,IAAI,GAC1B,SACF,EACF,GACA,KACF;GACA,UAAU,YACR,oBAAC,UAAD,EAAU,WAAU,kEAAmE,CAAA,IAEvF;EAEJ;EACA,QAAQ,UAAU,oBAAC,WAAD,CAAY,CAAA;CAChC,CAAC;AACH;AAEA,iBAAiB,cAAc"}

package/components/tabs/index.d.ts

@@ -0,0 +1,10 @@
+import { TabsContent, TabsList, TabsRoot, TabsTrigger } from "./tabs.js";
+//#region src/components/tabs/index.d.ts
+export declare const Tabs: {
+  Root: typeof TabsRoot;
+  List: typeof TabsList;
+  Trigger: typeof TabsTrigger;
+  Content: typeof TabsContent;
+};
+//#endregion
+//# sourceMappingURL=index.d.ts.map

package/components/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/tabs/index.ts"],"mappings":";;qBAOa;EACX,aAAI;EACJ,aAAI;EACJ,gBAAO;EACP,gBAAO"}

package/components/tabs/index.js

@@ -0,0 +1,17 @@
+import { TabsContent, TabsList, TabsRoot, TabsTrigger } from "./tabs.js";
+//#region src/components/tabs/index.ts
+/**
+* Server-visible namespace for `Tabs`.
+* The implementation stays a client module; this file has no directive,
+* so a server component can read each part instead of dotting into a client reference.
+*/
+const Tabs = {
+	Root: TabsRoot,
+	List: TabsList,
+	Trigger: TabsTrigger,
+	Content: TabsContent
+};
+//#endregion
+export { Tabs };
+
+//# sourceMappingURL=index.js.map

package/components/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/tabs/index.ts"],"sourcesContent":["/**\n * Server-visible namespace for `Tabs`.\n * The implementation stays a client module; this file has no directive,\n * so a server component can read each part instead of dotting into a client reference.\n */\nimport { TabsRoot, TabsList, TabsTrigger, TabsContent } from \"./tabs\";\n\nexport const Tabs = {\n  Root: TabsRoot,\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n};\n"],"mappings":";;;;;;;AAOA,MAAa,OAAO;CAClB,MAAM;CACN,MAAM;CACN,SAAS;CACT,SAAS;AACX"}

package/components/tabs/tabs-variants.d.ts

@@ -0,0 +1,19 @@
+//#region src/components/tabs/tabs-variants.d.ts
+export declare const tabsListVariants: import("tailwind-variants").TVReturnType<{
+  variant: {
+    default: "bg-muted";
+    line: "gap-1 bg-transparent";
+  };
+}, undefined, "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-(--control-h-md) group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none", {
+  variant: {
+    default: "bg-muted";
+    line: "gap-1 bg-transparent";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  variant: {
+    default: "bg-muted";
+    line: "gap-1 bg-transparent";
+  };
+}, undefined>>;
+//#endregion
+//# sourceMappingURL=tabs-variants.d.ts.map

package/components/tabs/tabs-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-variants.d.ts","names":[],"sources":["../../../src/components/tabs/tabs-variants.ts"],"mappings":";qBAQa,8CAAgB"}

package/components/tabs/tabs-variants.js

@@ -0,0 +1,20 @@
+import { tv } from "tailwind-variants";
+//#region src/components/tabs/tabs-variants.ts
+/**
+* PUBLIC recipe. Consumers borrow it from `@elmeragroup/fuse/tabs`.
+*
+* Horizontal list pins the `md` control size (`h-(--control-h-md)`). Vertical stays
+* `h-fit`. `p-[3px]` is optical track padding, not `--control-px-*`. No `size` axis.
+*/
+const tabsListVariants = tv({
+	base: "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-(--control-h-md) group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",
+	variants: { variant: {
+		default: "bg-muted",
+		line: "gap-1 bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+//#endregion
+export { tabsListVariants };
+
+//# sourceMappingURL=tabs-variants.js.map

package/components/tabs/tabs-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-variants.js","names":[],"sources":["../../../src/components/tabs/tabs-variants.ts"],"sourcesContent":["/**\n * PUBLIC recipe. Consumers borrow it from `@elmeragroup/fuse/tabs`.\n *\n * Horizontal list pins the `md` control size (`h-(--control-h-md)`). Vertical stays\n * `h-fit`. `p-[3px]` is optical track padding, not `--control-px-*`. No `size` axis.\n */\nimport { tv } from \"tailwind-variants\";\n\nexport const tabsListVariants = tv({\n  base: \"group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-(--control-h-md) group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none\",\n  variants: {\n    variant: {\n      default: \"bg-muted\",\n      line: \"gap-1 bg-transparent\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n"],"mappings":";;;;;;;;AAQA,MAAa,mBAAmB,GAAG;CACjC,MAAM;CACN,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC"}

package/components/tabs/tabs.d.ts

@@ -0,0 +1,33 @@
+import { tabsListVariants } from "./tabs-variants.js";
+import { ComponentProps, ReactElement } from "react";
+import { VariantProps } from "tailwind-variants";
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/components/tabs/tabs.d.ts
+/**
+ * Client tabbed panel switcher over `@base-ui/react/tabs`. Root
+ * stamps `data-orientation` pre-hydration so the `data-horizontal:flex-col`
+ * layout applies on first paint.
+ */
+export declare function TabsRoot({ className, orientation, ...props }: ComponentProps<typeof Tabs.Root>): ReactElement;
+export declare namespace TabsRoot {
+  var displayName: string;
+}
+/**
+ * Tab strip. `activateOnFocus` defaults to `true` (the pinned Base UI default is
+ * `false`): arrow keys move focus and activate in one step, with
+ * `activateOnFocus={false}` as the manual-activation opt-out.
+ */
+export declare function TabsList({ className, variant, activateOnFocus, ...props }: ComponentProps<typeof Tabs.List> & VariantProps<typeof tabsListVariants>): ReactElement;
+export declare namespace TabsList {
+  var displayName: string;
+}
+export declare function TabsTrigger({ className, ...props }: ComponentProps<typeof Tabs.Tab>): ReactElement;
+export declare namespace TabsTrigger {
+  var displayName: string;
+}
+export declare function TabsContent({ className, ...props }: ComponentProps<typeof Tabs.Panel>): ReactElement;
+export declare namespace TabsContent {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=tabs.d.ts.map

package/components/tabs/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../../src/components/tabs/tabs.tsx"],"mappings":";;;;;;;;;;wBAkBgB,WACd,WACA,gBACG,SACF,sBAAsB,KAAc,QAAQ;yBAJ/B;MAAA;;;;;;;wBAqBA,WACd,WACA,SACA,oBACG,SACF,sBAAsB,KAAc,QAAQ,oBAAoB,oBAAoB;yBALvE;MAAA;;wBAiBA,cAAc,cAAc,SAAS,sBAAsB,KAAc,OAAO;yBAAhF;MAAA;;wBAuBA,cACd,cACG,SACF,sBAAsB,KAAc,SAAS;yBAHhC;MAAA"}

package/components/tabs/tabs.js

@@ -0,0 +1,59 @@
+"use client";
+import { dataStateFaceClass, nativeStateFaceClass } from "../../styles/state-face.js";
+import { selfFocusRingClass } from "../../styles/utils.js";
+import { controlMd } from "../../styles/control-size-md.js";
+import { mergeClassName } from "../../styles/merge-class-name.js";
+import { tabsListVariants } from "./tabs-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/components/tabs/tabs.tsx
+/**
+* Client tabbed panel switcher over `@base-ui/react/tabs`. Root
+* stamps `data-orientation` pre-hydration so the `data-horizontal:flex-col`
+* layout applies on first paint.
+*/
+function TabsRoot({ className, orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Root, {
+		"data-slot": "tabs",
+		"data-orientation": orientation,
+		orientation,
+		className: mergeClassName(className, "group/tabs flex gap-2 data-horizontal:flex-col"),
+		...props
+	});
+}
+/**
+* Tab strip. `activateOnFocus` defaults to `true` (the pinned Base UI default is
+* `false`): arrow keys move focus and activate in one step, with
+* `activateOnFocus={false}` as the manual-activation opt-out.
+*/
+function TabsList({ className, variant = "default", activateOnFocus = true, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.List, {
+		"data-slot": "tabs-list",
+		"data-variant": variant,
+		activateOnFocus,
+		className: mergeClassName(className, tabsListVariants({ variant })),
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Tab, {
+		"data-slot": "tabs-trigger",
+		className: mergeClassName(className, controlMd.gap(), controlMd.inset(), controlMd.iconEdge(), controlMd.type(), "font-medium ease-out group-data-[variant=default]/tabs-list:data-active:shadow-sm relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center rounded-md border border-transparent whitespace-nowrap text-foreground/60 transition-[color,background-color,border-color,box-shadow] duration-150 group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start enabled-hover:text-foreground group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", selfFocusRingClass, nativeStateFaceClass, dataStateFaceClass, "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100"),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Panel, {
+		"data-slot": "tabs-content",
+		className: mergeClassName(className, "text-sm flex-1", selfFocusRingClass),
+		...props
+	});
+}
+TabsRoot.displayName = "Tabs.Root";
+TabsList.displayName = "Tabs.List";
+TabsTrigger.displayName = "Tabs.Trigger";
+TabsContent.displayName = "Tabs.Content";
+//#endregion
+export { TabsContent, TabsList, TabsRoot, TabsTrigger };
+
+//# sourceMappingURL=tabs.js.map

package/components/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":["TabsPrimitive"],"sources":["../../../src/components/tabs/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactElement } from \"react\";\n\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { controlMd } from \"../../styles/control-size-md\";\nimport { mergeClassName } from \"../../styles/merge-class-name\";\nimport { dataStateFaceClass, nativeStateFaceClass } from \"../../styles/state-face\";\nimport { selfFocusRingClass } from \"../../styles/utils\";\nimport { tabsListVariants } from \"./tabs-variants\";\n\n/**\n * Client tabbed panel switcher over `@base-ui/react/tabs`. Root\n * stamps `data-orientation` pre-hydration so the `data-horizontal:flex-col`\n * layout applies on first paint.\n */\nexport function TabsRoot({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: ComponentProps<typeof TabsPrimitive.Root>): ReactElement {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      data-orientation={orientation}\n      orientation={orientation}\n      className={mergeClassName(className, \"group/tabs flex gap-2 data-horizontal:flex-col\")}\n      {...props}\n    />\n  );\n}\n\n/**\n * Tab strip. `activateOnFocus` defaults to `true` (the pinned Base UI default is\n * `false`): arrow keys move focus and activate in one step, with\n * `activateOnFocus={false}` as the manual-activation opt-out.\n */\nexport function TabsList({\n  className,\n  variant = \"default\",\n  activateOnFocus = true,\n  ...props\n}: ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): ReactElement {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      activateOnFocus={activateOnFocus}\n      className={mergeClassName(className, tabsListVariants({ variant }))}\n      {...props}\n    />\n  );\n}\n\nexport function TabsTrigger({ className, ...props }: ComponentProps<typeof TabsPrimitive.Tab>): ReactElement {\n  return (\n    <TabsPrimitive.Tab\n      data-slot=\"tabs-trigger\"\n      className={mergeClassName(\n        className,\n        controlMd.gap(),\n        controlMd.inset(),\n        controlMd.iconEdge(),\n        controlMd.type(),\n        \"font-medium ease-out group-data-[variant=default]/tabs-list:data-active:shadow-sm relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center rounded-md border border-transparent whitespace-nowrap text-foreground/60 transition-[color,background-color,border-color,box-shadow] duration-150 group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start enabled-hover:text-foreground group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        selfFocusRingClass,\n        nativeStateFaceClass,\n        dataStateFaceClass,\n        \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent\",\n        \"data-active:bg-background data-active:text-foreground\",\n        \"after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100\"\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TabsContent({\n  className,\n  ...props\n}: ComponentProps<typeof TabsPrimitive.Panel>): ReactElement {\n  return (\n    <TabsPrimitive.Panel\n      data-slot=\"tabs-content\"\n      className={mergeClassName(className, \"text-sm flex-1\", selfFocusRingClass)}\n      {...props}\n    />\n  );\n}\n\nTabsRoot.displayName = \"Tabs.Root\";\nTabsList.displayName = \"Tabs.List\";\nTabsTrigger.displayName = \"Tabs.Trigger\";\nTabsContent.displayName = \"Tabs.Content\";\n"],"mappings":";;;;;;;;;;;;;;AAkBA,SAAgB,SAAS,EACvB,WACA,cAAc,cACd,GAAG,SACuD;CAC1D,OACE,oBAACA,KAAc,MAAf;EACE,aAAU;EACV,oBAAkB;EACL;EACb,WAAW,eAAe,WAAW,gDAAgD;EACrF,GAAI;CACL,CAAA;AAEL;;;;;;AAOA,SAAgB,SAAS,EACvB,WACA,UAAU,WACV,kBAAkB,MAClB,GAAG,SAC+F;CAClG,OACE,oBAACA,KAAc,MAAf;EACE,aAAU;EACV,gBAAc;EACG;EACjB,WAAW,eAAe,WAAW,iBAAiB,EAAE,QAAQ,CAAC,CAAC;EAClE,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAAiE;CAC3G,OACE,oBAACA,KAAc,KAAf;EACE,aAAU;EACV,WAAW,eACT,WACA,UAAU,IAAI,GACd,UAAU,MAAM,GAChB,UAAU,SAAS,GACnB,UAAU,KAAK,GACf,siBACA,oBACA,sBACA,oBACA,qHACA,yDACA,sYACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,YAAY,EAC1B,WACA,GAAG,SACwD;CAC3D,OACE,oBAACA,KAAc,OAAf;EACE,aAAU;EACV,WAAW,eAAe,WAAW,kBAAkB,kBAAkB;EACzE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,YAAY,cAAc;AAC1B,YAAY,cAAc"}

package/components/text/text-variants.d.ts

@@ -0,0 +1,98 @@
+//#region src/components/text/text-variants.d.ts
+export declare const textVariants: import("tailwind-variants").TVReturnType<{
+  variant: {
+    success: "text-success";
+  };
+  size: {
+    xs: "text-xs *:text-xs **:text-xs";
+    sm: "text-sm *:text-sm **:text-sm";
+    default: "text-base *:text-base **:text-base";
+    lg: "text-lg *:text-lg **:text-lg";
+    xl: "text-xl *:text-xl **:text-xl";
+    "2xl": "text-2xl *:text-2xl **:text-2xl";
+  };
+  leading: {
+    none: "leading-none";
+    tight: "leading-tight";
+    snug: "leading-snug";
+    relaxed: "leading-relaxed";
+    loose: "leading-loose";
+  };
+  truncate: {
+    true: "truncate";
+  };
+  align: {
+    justify: "text-justify";
+  };
+  weight: {
+    normal: "font-normal";
+    medium: "font-medium";
+    bold: "font-medium";
+  };
+}, undefined, "font-sans", {
+  variant: {
+    default: "text-inherit";
+    foreground: "text-foreground";
+    primary: "text-primary";
+    secondary: "text-foreground";
+    brand: "text-brand";
+    muted: "text-muted-foreground";
+    inherit: "text-inherit";
+    destructive: "text-error";
+  };
+  align: {
+    left: "text-left";
+    center: "text-center";
+    right: "text-right";
+  };
+}, undefined, import("tailwind-variants").TVReturnType<{
+  variant: {
+    default: "text-inherit";
+    foreground: "text-foreground";
+    primary: "text-primary";
+    secondary: "text-foreground";
+    brand: "text-brand";
+    muted: "text-muted-foreground";
+    inherit: "text-inherit";
+    destructive: "text-error";
+  };
+  align: {
+    left: "text-left";
+    center: "text-center";
+    right: "text-right";
+  };
+}, undefined, undefined, {
+  variant: {
+    default: "text-inherit";
+    foreground: "text-foreground";
+    primary: "text-primary";
+    secondary: "text-foreground";
+    brand: "text-brand";
+    muted: "text-muted-foreground";
+    inherit: "text-inherit";
+    destructive: "text-error";
+  };
+  align: {
+    left: "text-left";
+    center: "text-center";
+    right: "text-right";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  variant: {
+    default: "text-inherit";
+    foreground: "text-foreground";
+    primary: "text-primary";
+    secondary: "text-foreground";
+    brand: "text-brand";
+    muted: "text-muted-foreground";
+    inherit: "text-inherit";
+    destructive: "text-error";
+  };
+  align: {
+    left: "text-left";
+    center: "text-center";
+    right: "text-right";
+  };
+}, undefined>>>;
+//#endregion
+//# sourceMappingURL=text-variants.d.ts.map

package/components/text/text-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-variants.d.ts","names":[],"sources":["../../../src/components/text/text-variants.ts"],"mappings":";qBAea,0CAAY"}

package/components/text/text-variants.js

@@ -0,0 +1,53 @@
+import { typographyFragments } from "../../styles/typography-fragments.js";
+import { tv } from "tailwind-variants";
+//#region src/components/text/text-variants.ts
+/**
+* PUBLIC recipe. Span and other package modules borrow it from
+* `@elmeragroup/fuse/text`. `size` is a type-scale axis, not a density control-box
+* rung: it does not read `--control-*`.
+*
+* Colour (`variant`) and start/center/end (`align`) come from the package-private
+* `typographyFragments` recipe via `extend`. This recipe adds `success` and
+* `justify`. `destructive` keeps its ref value name for consumer compat, but the
+* class is `text-error`. `weight: "bold"` maps to `font-medium` — a
+* deliberate cap on body-copy weight, kept from the ref.
+*/
+const textVariants = tv({
+	extend: typographyFragments,
+	base: "font-sans",
+	variants: {
+		variant: { success: "text-success" },
+		size: {
+			xs: "text-xs *:text-xs **:text-xs",
+			sm: "text-sm *:text-sm **:text-sm",
+			default: "text-base *:text-base **:text-base",
+			lg: "text-lg *:text-lg **:text-lg",
+			xl: "text-xl *:text-xl **:text-xl",
+			"2xl": "text-2xl *:text-2xl **:text-2xl"
+		},
+		leading: {
+			none: "leading-none",
+			tight: "leading-tight",
+			snug: "leading-snug",
+			relaxed: "leading-relaxed",
+			loose: "leading-loose"
+		},
+		truncate: { true: "truncate" },
+		align: { justify: "text-justify" },
+		weight: {
+			normal: "font-normal",
+			medium: "font-medium",
+			bold: "font-medium"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default",
+		leading: "relaxed",
+		weight: "normal"
+	}
+});
+//#endregion
+export { textVariants };
+
+//# sourceMappingURL=text-variants.js.map

package/components/text/text-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-variants.js","names":[],"sources":["../../../src/components/text/text-variants.ts"],"sourcesContent":["/**\n * PUBLIC recipe. Span and other package modules borrow it from\n * `@elmeragroup/fuse/text`. `size` is a type-scale axis, not a density control-box\n * rung: it does not read `--control-*`.\n *\n * Colour (`variant`) and start/center/end (`align`) come from the package-private\n * `typographyFragments` recipe via `extend`. This recipe adds `success` and\n * `justify`. `destructive` keeps its ref value name for consumer compat, but the\n * class is `text-error`. `weight: \"bold\"` maps to `font-medium` — a\n * deliberate cap on body-copy weight, kept from the ref.\n */\nimport { tv } from \"tailwind-variants\";\n\nimport { typographyFragments } from \"../../styles/typography-fragments\";\n\nexport const textVariants = tv({\n  extend: typographyFragments,\n  base: \"font-sans\",\n  variants: {\n    variant: {\n      success: \"text-success\",\n    },\n    size: {\n      xs: \"text-xs *:text-xs **:text-xs\",\n      sm: \"text-sm *:text-sm **:text-sm\",\n      default: \"text-base *:text-base **:text-base\",\n      lg: \"text-lg *:text-lg **:text-lg\",\n      xl: \"text-xl *:text-xl **:text-xl\",\n      \"2xl\": \"text-2xl *:text-2xl **:text-2xl\",\n    },\n    leading: {\n      none: \"leading-none\",\n      tight: \"leading-tight\",\n      snug: \"leading-snug\",\n      relaxed: \"leading-relaxed\",\n      loose: \"leading-loose\",\n    },\n    truncate: {\n      true: \"truncate\",\n    },\n    align: {\n      justify: \"text-justify\",\n    },\n    weight: {\n      normal: \"font-normal\",\n      medium: \"font-medium\",\n      bold: \"font-medium\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n    leading: \"relaxed\",\n    weight: \"normal\",\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;AAeA,MAAa,eAAe,GAAG;CAC7B,QAAQ;CACR,MAAM;CACN,UAAU;EACR,SAAS,EACP,SAAS,eACX;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,OAAO;EACT;EACA,SAAS;GACP,MAAM;GACN,OAAO;GACP,MAAM;GACN,SAAS;GACT,OAAO;EACT;EACA,UAAU,EACR,MAAM,WACR;EACA,OAAO,EACL,SAAS,eACX;EACA,QAAQ;GACN,QAAQ;GACR,QAAQ;GACR,MAAM;EACR;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;EACN,SAAS;EACT,QAAQ;CACV;AACF,CAAC"}

package/components/text/text.d.ts

@@ -0,0 +1,23 @@
+import { textVariants } from "./text-variants.js";
+import { ComponentPropsWithoutRef, JSX, ReactElement } from "react";
+import { VariantProps } from "tailwind-variants";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/text/text.d.ts
+export type TextProps = Omit<ComponentPropsWithoutRef<"p">, "slot"> & VariantProps<typeof textVariants> & {
+  /**
+   * Tag name rendered when `render` is omitted. Kept from the ref for compat —
+   * `"span"` and `"div"` are common. Defaults to `"p"`.
+   */
+  elementType?: keyof JSX.IntrinsicElements;
+  /**
+   * Replaces the host element via base-ui `useRender`. `elementType` stays
+   * alongside for the existing call sites that pass a tag name.
+   */
+  render?: useRender.RenderProp;
+};
+export declare function Text({ className, variant, size, leading, truncate, weight, align, elementType, render, ...props }: TextProps): ReactElement;
+export declare namespace Text {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=text.d.ts.map

package/components/text/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","names":[],"sources":["../../../src/components/text/text.tsx"],"mappings":";;;;;YAWY,YAAY,KAAK,yCAC3B,oBAAoB;;;;;EAKlB,oBAAoB,IAAI;;;;;EAKxB,SAAS,UAAU;;wBAGP,OACd,WACA,SACA,MACA,SACA,UACA,QACA,OACA,aACA,WACG,SACF,YAAY;yBAXC;MAAA"}

package/components/text/text.js

@@ -0,0 +1,28 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { textVariants } from "./text-variants.js";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/text/text.tsx
+function Text({ className, variant, size, leading, truncate, weight, align, elementType = "p", render, ...props }) {
+	return useRender({
+		defaultTagName: elementType,
+		props: {
+			"data-slot": "text",
+			...mergeProps({ className: cn(textVariants({
+				variant,
+				size,
+				leading,
+				truncate,
+				weight,
+				align
+			}), className) }, props)
+		},
+		render
+	});
+}
+Text.displayName = "Text";
+//#endregion
+export { Text };
+
+//# sourceMappingURL=text.js.map

package/components/text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","names":[],"sources":["../../../src/components/text/text.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentPropsWithoutRef, JSX, ReactElement } from \"react\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { cn } from \"../../styles/cn\";\nimport { textVariants } from \"./text-variants\";\n\nexport type TextProps = Omit<ComponentPropsWithoutRef<\"p\">, \"slot\"> &\n  VariantProps<typeof textVariants> & {\n    /**\n     * Tag name rendered when `render` is omitted. Kept from the ref for compat —\n     * `\"span\"` and `\"div\"` are common. Defaults to `\"p\"`.\n     */\n    elementType?: keyof JSX.IntrinsicElements;\n    /**\n     * Replaces the host element via base-ui `useRender`. `elementType` stays\n     * alongside for the existing call sites that pass a tag name.\n     */\n    render?: useRender.RenderProp;\n  };\n\nexport function Text({\n  className,\n  variant,\n  size,\n  leading,\n  truncate,\n  weight,\n  align,\n  elementType = \"p\",\n  render,\n  ...props\n}: TextProps): ReactElement {\n  return useRender({\n    defaultTagName: elementType,\n    props: {\n      \"data-slot\": \"text\",\n      ...mergeProps<\"p\">(\n        {\n          className: cn(textVariants({ variant, size, leading, truncate, weight, align }), className),\n        },\n        props\n      ),\n    },\n    render,\n  });\n}\n\nText.displayName = \"Text\";\n"],"mappings":";;;;;;AAyBA,SAAgB,KAAK,EACnB,WACA,SACA,MACA,SACA,UACA,QACA,OACA,cAAc,KACd,QACA,GAAG,SACuB;CAC1B,OAAO,UAAU;EACf,gBAAgB;EAChB,OAAO;GACL,aAAa;GACb,GAAG,WACD,EACE,WAAW,GAAG,aAAa;IAAE;IAAS;IAAM;IAAS;IAAU;IAAQ;GAAM,CAAC,GAAG,SAAS,EAC5F,GACA,KACF;EACF;EACA;CACF,CAAC;AACH;AAEA,KAAK,cAAc"}