@gridui/rail-profile 1.0.1 → 1.0.4

package/README.md

@@ -5,12 +5,12 @@ 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/).
+See [component ownership](https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/docs/component-ownership.md) and [release history](https://github.com/sudo-ui/GridUI-React-Monorepo/tree/main/packages-core/rail-profile/.changeset/history).
 
 ## RailProfile
 
 Import `RailProfile` and `RailProfileProps` from `@gridui/rail-profile`.
-Ordered process lists belong to [`@gridui/steps`](../steps/README.md), which
+Ordered process lists belong to [`@gridui/steps`](https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-core/steps/README.md), which
 owns the Steps component and stylesheet. Task state and timeline coordination
 remain with Layout's TaskTimeline.
 

package/dist/index.js

@@ -3,19 +3,19 @@ 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"
+  "gridui-u-flex gridui-u-flex-col gridui-u-items-center gridui-u-gap-gridui-8"
 ));
 var railTextStyles = cva(cn(
   "gridui-rail-text",
-  "[writing-mode:vertical-rl] whitespace-nowrap"
+  "gridui-u-[writing-mode:vertical-rl] gridui-u-whitespace-nowrap"
 ));
 var railCaptionStyles = cva(cn(
   "gridui-rail-caption",
-  "text-muted"
+  "gridui-u-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"
+  "gridui-u-grid gridui-u-w-gridui-24 gridui-u-h-gridui-24 gridui-u-place-items-center gridui-u-rounded-[50%] gridui-u-text-accent-foreground gridui-u-bg-accent-background"
 ));
 
 // src/rail-profile/rail-profile.tsx

package/dist/index.js.map

@@ -1,7 +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"],
+  "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    \"gridui-u-flex gridui-u-flex-col gridui-u-items-center gridui-u-gap-gridui-8\",\n));\n\nexport const railTextStyles = cva(cn(\n    \"gridui-rail-text\",\n    \"gridui-u-[writing-mode:vertical-rl] gridui-u-whitespace-nowrap\",\n));\n\nexport const railCaptionStyles = cva(cn(\n    \"gridui-rail-caption\",\n    \"gridui-u-text-muted\",\n));\n\nexport const railAvatarStyles = cva(cn(\n    \"gridui-rail-avatar\",\n    \"gridui-u-grid gridui-u-w-gridui-24 gridui-u-h-gridui-24 gridui-u-place-items-center gridui-u-rounded-[50%] gridui-u-text-accent-foreground gridui-u-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/styles.css

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

package/docs/catalog.json

@@ -0,0 +1,28 @@
+{
+  "schemaVersion": 1,
+  "name": "@gridui/rail-profile",
+  "version": "1.0.4",
+  "category": "core",
+  "description": "GridUI React rail profile",
+  "usage": "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.",
+  "documentation": [
+    "README.md"
+  ],
+  "exports": [
+    {
+      "name": "RailProfile",
+      "kind": "component",
+      "importPath": "@gridui/rail-profile"
+    },
+    {
+      "name": "RailProfileProps",
+      "kind": "type",
+      "importPath": "@gridui/rail-profile"
+    }
+  ],
+  "styles": [
+    "@gridui/theme/styles.css",
+    "@gridui/rail-profile/styles.css"
+  ],
+  "examples": []
+}

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@gridui/rail-profile",
-  "version": "1.0.1",
+  "version": "1.0.4",
   "description": "GridUI React rail profile",
   "license": "UNLICENSED",
   "type": "module",
   "files": [
     "dist",
-    "README.md"
+    "README.md",
+    "docs"
   ],
   "sideEffects": [
     "**/*.css"
@@ -26,8 +27,8 @@
     "react-dom": "^19.2.0"
   },
   "dependencies": {
-    "@gridui/style-utils": "^2.1.3",
-    "@gridui/theme": "^2.2.1",
+    "@gridui/style-utils": "^2.2.2",
+    "@gridui/theme": "^2.5.3",
     "class-variance-authority": "0.7.1"
   },
   "devDependencies": {
@@ -44,8 +45,6 @@
   },
   "scripts": {
     "build": "node ../../scripts/compilation/package.ts",
-    "compile": "tsc --project tsconfig.json",
-    "test": "jest --passWithNoTests",
-    "coverage": "jest --coverage --passWithNoTests"
+    "compile": "tsc --project tsconfig.json"
   }
 }