@gridui/rail-profile 0.0.0-stage → 0.0.0

package/README.md

@@ -1,3 +1,21 @@
-# Temporary Holding Version
+# @gridui/rail-profile
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Core family. Public API: `RailProfile`, `RailProfileProps`.
+
+Import components from `@gridui/rail-profile` and load `@gridui/rail-profile/styles.css` after Theme.
+Load styles for any composed dependency used by this family. Applications own routes, labels, state persistence, and branding.
+
+See [component ownership](../../docs/component-ownership.md) and [release history](.changeset/history/).
+
+## RailProfile
+
+Import `RailProfile` and `RailProfileProps` from `@gridui/rail-profile`.
+Ordered process lists belong to [`@gridui/steps`](../steps/README.md), which
+owns the Steps component and stylesheet. Task state and timeline coordination
+remain with Layout's TaskTimeline.
+
+RailProfile presents supplied `name`, optional `avatar`, and `caption` vertically.
+When `name` is absent, it renders the supplied `action`. The application owns
+account state and the action; RailProfile does not fetch a profile, authenticate,
+or provide Grid rail geometry. Put it inside a Grid FrameRail when a page rail
+is needed.

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @author WMXPY
+ * @package Rail Profile
+ * @namespace Root
+ * @description Index
+ */
+export type { RailProfileProps } from "./rail-profile/rail-profile";
+export { RailProfile } from "./rail-profile/rail-profile";

package/dist/index.js

@@ -0,0 +1,67 @@
+// src/rail-profile/style.ts
+import { cn } from "@gridui/style-utils";
+import { cva } from "class-variance-authority";
+var railProfileStyles = cva(cn(
+  "gridui-rail-profile",
+  "flex flex-col items-center gap-gridui-8"
+));
+var railTextStyles = cva(cn(
+  "gridui-rail-text",
+  "[writing-mode:vertical-rl] whitespace-nowrap"
+));
+var railCaptionStyles = cva(cn(
+  "gridui-rail-caption",
+  "text-muted"
+));
+var railAvatarStyles = cva(cn(
+  "gridui-rail-avatar",
+  "grid w-gridui-24 h-gridui-24 place-items-center rounded-[50%] text-accent-foreground bg-accent-background"
+));
+
+// src/rail-profile/rail-profile.tsx
+import { cn as cn2 } from "@gridui/style-utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+var RailProfile = (props) => {
+  const { avatar, name, caption, action } = props;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn2(railProfileStyles()),
+      children: name ? /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn2(railProfileStyles()),
+          role: "status",
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn2(railAvatarStyles()),
+                "aria-hidden": "true",
+                children: avatar
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn2(railTextStyles()),
+                children: name
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn2(railTextStyles(), railCaptionStyles()),
+                children: caption
+              }
+            )
+          ]
+        }
+      ) : action
+    }
+  );
+};
+export {
+  RailProfile
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/rail-profile/style.ts", "../src/rail-profile/rail-profile.tsx"],
+  "sourcesContent": ["/**\n * @author WMXPY\n * @package Rail Profile\n * @namespace RailProfile\n * @description Style\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport { cva } from \"class-variance-authority\";\n\nexport const railProfileStyles = cva(cn(\n    \"gridui-rail-profile\",\n    \"flex flex-col items-center gap-gridui-8\",\n));\n\nexport const railTextStyles = cva(cn(\n    \"gridui-rail-text\",\n    \"[writing-mode:vertical-rl] whitespace-nowrap\",\n));\n\nexport const railCaptionStyles = cva(cn(\n    \"gridui-rail-caption\",\n    \"text-muted\",\n));\n\nexport const railAvatarStyles = cva(cn(\n    \"gridui-rail-avatar\",\n    \"grid w-gridui-24 h-gridui-24 place-items-center rounded-[50%] text-accent-foreground bg-accent-background\",\n));\n", "/**\n * @author WMXPY\n * @package Rail Profile\n * @namespace RailProfile\n * @description Rail Profile\n */\n\nimport { railAvatarStyles, railCaptionStyles, railProfileStyles, railTextStyles } from \"./style\";\nimport { cn } from \"@gridui/style-utils\";\nimport type { FC, ReactNode } from \"react\";\n\nexport type RailProfileProps = {\n    readonly avatar?: ReactNode;\n    readonly name?: ReactNode;\n    readonly caption?: ReactNode;\n    readonly action: ReactNode;\n};\n\nexport const RailProfile: FC<RailProfileProps> = (props: RailProfileProps) => {\n    const { avatar, name, caption, action } = props;\n    return (<div\n        className={cn(railProfileStyles())}\n    >\n        {name ? (<div\n            className={cn(railProfileStyles())}\n            role=\"status\"\n        >\n            <span\n                className={cn(railAvatarStyles())}\n                aria-hidden=\"true\"\n            >\n                {avatar}\n            </span>\n            <span\n                className={cn(railTextStyles())}\n            >\n                {name}\n            </span>\n            <span\n                className={cn(railTextStyles(), railCaptionStyles())}\n            >\n                {caption}\n            </span>\n        </div>) : action}\n    </div>);\n};\n"],
+  "mappings": ";AAOA,SAAS,UAAU;AACnB,SAAS,WAAW;AAEb,IAAM,oBAAoB,IAAI;AAAA,EACjC;AAAA,EACA;AACJ,CAAC;AAEM,IAAM,iBAAiB,IAAI;AAAA,EAC9B;AAAA,EACA;AACJ,CAAC;AAEM,IAAM,oBAAoB,IAAI;AAAA,EACjC;AAAA,EACA;AACJ,CAAC;AAEM,IAAM,mBAAmB,IAAI;AAAA,EAChC;AAAA,EACA;AACJ,CAAC;;;ACpBD,SAAS,MAAAA,WAAU;AAeF,SAIL,KAJK;AALV,IAAM,cAAoC,CAAC,UAA4B;AAC1E,QAAM,EAAE,QAAQ,MAAM,SAAS,OAAO,IAAI;AAC1C,SAAQ;AAAA,IAAC;AAAA;AAAA,MACL,WAAWA,IAAG,kBAAkB,CAAC;AAAA,MAEhC,iBAAQ;AAAA,QAAC;AAAA;AAAA,UACN,WAAWA,IAAG,kBAAkB,CAAC;AAAA,UACjC,MAAK;AAAA,UAEL;AAAA;AAAA,cAAC;AAAA;AAAA,gBACG,WAAWA,IAAG,iBAAiB,CAAC;AAAA,gBAChC,eAAY;AAAA,gBAEX;AAAA;AAAA,YACL;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACG,WAAWA,IAAG,eAAe,CAAC;AAAA,gBAE7B;AAAA;AAAA,YACL;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACG,WAAWA,IAAG,eAAe,GAAG,kBAAkB,CAAC;AAAA,gBAElD;AAAA;AAAA,YACL;AAAA;AAAA;AAAA,MACJ,IAAU;AAAA;AAAA,EACd;AACJ;",
+  "names": ["cn"]
+}

package/dist/rail-profile/rail-profile.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @author WMXPY
+ * @package Rail Profile
+ * @namespace RailProfile
+ * @description Rail Profile
+ */
+import type { FC, ReactNode } from "react";
+export type RailProfileProps = {
+    readonly avatar?: ReactNode;
+    readonly name?: ReactNode;
+    readonly caption?: ReactNode;
+    readonly action: ReactNode;
+};
+export declare const RailProfile: FC<RailProfileProps>;

package/dist/rail-profile/style.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @author WMXPY
+ * @package Rail Profile
+ * @namespace RailProfile
+ * @description Style
+ */
+export declare const railProfileStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const railTextStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const railCaptionStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const railAvatarStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/styles.css

@@ -0,0 +1,46 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer theme, base, components, utilities;
+@layer utilities {
+  .flex {
+    display: flex;
+  }
+  .grid {
+    display: grid;
+  }
+  .h-gridui-24 {
+    height: var(--gridui-space-24);
+  }
+  .w-gridui-24 {
+    width: var(--gridui-space-24);
+  }
+  .flex-col {
+    flex-direction: column;
+  }
+  .place-items-center {
+    place-items: center;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .gap-gridui-8 {
+    gap: var(--gridui-space-8);
+  }
+  .rounded-\[50\%\] {
+    border-radius: 50%;
+  }
+  .bg-accent-background {
+    background-color: var(--gridui-accent-background);
+  }
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
+  .text-accent-foreground {
+    color: var(--gridui-accent-foreground);
+  }
+  .text-muted {
+    color: var(--gridui-muted);
+  }
+  .\[writing-mode\:vertical-rl\] {
+    writing-mode: vertical-rl;
+  }
+}

package/package.json

@@ -1,6 +1,51 @@
 {
   "name": "@gridui/rail-profile",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.0",
+  "description": "GridUI React rail profile",
+  "license": "UNLICENSED",
+  "type": "module",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "dependencies": {
+    "@gridui/style-utils": "^2.1.2",
+    "@gridui/theme": "^2.1.2",
+    "class-variance-authority": "0.7.1"
+  },
+  "devDependencies": {
+    "@gridui-internal/configuration": "0.0.0",
+    "@jest/globals": "30.5.2",
+    "@types/jest": "30.0.0",
+    "@types/node": "26.6.5",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "jest": "30.5.2",
+    "react": "19.3.1",
+    "react-dom": "19.3.1",
+    "typescript": "6.0.3"
+  },
+  "scripts": {
+    "build": "node ../../scripts/compilation/package.ts",
+    "compile": "tsc --project tsconfig.json",
+    "test": "jest --passWithNoTests",
+    "coverage": "jest --coverage --passWithNoTests"
+  }
 }