@pathscale/ui 1.3.1 → 1.5.0

package/dist/purge-manifest.json

@@ -8912,6 +8912,20 @@
             "lg": [],
             "xl": []
           },
+          "paddingInline": {
+            "none": [],
+            "sm": [],
+            "md": [],
+            "lg": [],
+            "xl": []
+          },
+          "paddingBlock": {
+            "none": [],
+            "sm": [],
+            "md": [],
+            "lg": [],
+            "xl": []
+          },
           "grow": {
             "true": [],
             "false": []
@@ -11148,6 +11162,10 @@
       "selectors": [
         ".metal-border",
         ".metal-border--enabled",
+        ".metal-border--unavailable",
+        ".metal-border--unavailable > .metal-border__content",
+        ".metal-border--unavailable.metal-border--paused:before",
+        ".metal-border--unavailable:before",
         ".metal-border__canvas",
         ".metal-border__content",
         ".metal-border__effect",
@@ -11157,12 +11175,22 @@
       "cssVars": {
         "declared": [],
         "referenced": [
-          "--metal-border-radius"
+          "--metal-border-duration",
+          "--metal-border-fill",
+          "--metal-border-radius",
+          "--metal-border-rail",
+          "--metal-border-sheen",
+          "--metal-border-sheen-edge",
+          "--metal-border-width"
         ]
       },
       "keyframes": {
-        "declared": [],
-        "referenced": []
+        "declared": [
+          "metal-border-sweep"
+        ],
+        "referenced": [
+          "metal-border-sweep"
+        ]
       }
     },
     "MetalBorder.Effect": {
@@ -11179,6 +11207,10 @@
       "selectors": [
         ".metal-border",
         ".metal-border--enabled",
+        ".metal-border--unavailable",
+        ".metal-border--unavailable > .metal-border__content",
+        ".metal-border--unavailable.metal-border--paused:before",
+        ".metal-border--unavailable:before",
         ".metal-border__canvas",
         ".metal-border__content",
         ".metal-border__effect",
@@ -11188,12 +11220,22 @@
       "cssVars": {
         "declared": [],
         "referenced": [
-          "--metal-border-radius"
+          "--metal-border-duration",
+          "--metal-border-fill",
+          "--metal-border-radius",
+          "--metal-border-rail",
+          "--metal-border-sheen",
+          "--metal-border-sheen-edge",
+          "--metal-border-width"
         ]
       },
       "keyframes": {
-        "declared": [],
-        "referenced": []
+        "declared": [
+          "metal-border-sweep"
+        ],
+        "referenced": [
+          "metal-border-sweep"
+        ]
       }
     },
     "MetalBorder.Canvas": {
@@ -11210,6 +11252,10 @@
       "selectors": [
         ".metal-border",
         ".metal-border--enabled",
+        ".metal-border--unavailable",
+        ".metal-border--unavailable > .metal-border__content",
+        ".metal-border--unavailable.metal-border--paused:before",
+        ".metal-border--unavailable:before",
         ".metal-border__canvas",
         ".metal-border__content",
         ".metal-border__effect",
@@ -11219,12 +11265,22 @@
       "cssVars": {
         "declared": [],
         "referenced": [
-          "--metal-border-radius"
+          "--metal-border-duration",
+          "--metal-border-fill",
+          "--metal-border-radius",
+          "--metal-border-rail",
+          "--metal-border-sheen",
+          "--metal-border-sheen-edge",
+          "--metal-border-width"
         ]
       },
       "keyframes": {
-        "declared": [],
-        "referenced": []
+        "declared": [
+          "metal-border-sweep"
+        ],
+        "referenced": [
+          "metal-border-sweep"
+        ]
       }
     },
     "MetalBorder.Glow": {
@@ -11241,6 +11297,10 @@
       "selectors": [
         ".metal-border",
         ".metal-border--enabled",
+        ".metal-border--unavailable",
+        ".metal-border--unavailable > .metal-border__content",
+        ".metal-border--unavailable.metal-border--paused:before",
+        ".metal-border--unavailable:before",
         ".metal-border__canvas",
         ".metal-border__content",
         ".metal-border__effect",
@@ -11250,12 +11310,22 @@
       "cssVars": {
         "declared": [],
         "referenced": [
-          "--metal-border-radius"
+          "--metal-border-duration",
+          "--metal-border-fill",
+          "--metal-border-radius",
+          "--metal-border-rail",
+          "--metal-border-sheen",
+          "--metal-border-sheen-edge",
+          "--metal-border-width"
         ]
       },
       "keyframes": {
-        "declared": [],
-        "referenced": []
+        "declared": [
+          "metal-border-sweep"
+        ],
+        "referenced": [
+          "metal-border-sweep"
+        ]
       }
     },
     "MetalBorder.Content": {
@@ -11272,6 +11342,10 @@
       "selectors": [
         ".metal-border",
         ".metal-border--enabled",
+        ".metal-border--unavailable",
+        ".metal-border--unavailable > .metal-border__content",
+        ".metal-border--unavailable.metal-border--paused:before",
+        ".metal-border--unavailable:before",
         ".metal-border__canvas",
         ".metal-border__content",
         ".metal-border__effect",
@@ -11281,12 +11355,22 @@
       "cssVars": {
         "declared": [],
         "referenced": [
-          "--metal-border-radius"
+          "--metal-border-duration",
+          "--metal-border-fill",
+          "--metal-border-radius",
+          "--metal-border-rail",
+          "--metal-border-sheen",
+          "--metal-border-sheen-edge",
+          "--metal-border-width"
         ]
       },
       "keyframes": {
-        "declared": [],
-        "referenced": []
+        "declared": [
+          "metal-border-sweep"
+        ],
+        "referenced": [
+          "metal-border-sweep"
+        ]
       }
     },
     "Card.Root": {
@@ -28259,6 +28343,46 @@
           "MetalBorder.Root"
         ]
       },
+      {
+        "selector": ".metal-border--unavailable",
+        "components": [
+          "MetalBorder.Canvas",
+          "MetalBorder.Content",
+          "MetalBorder.Effect",
+          "MetalBorder.Glow",
+          "MetalBorder.Root"
+        ]
+      },
+      {
+        "selector": ".metal-border--unavailable > .metal-border__content",
+        "components": [
+          "MetalBorder.Canvas",
+          "MetalBorder.Content",
+          "MetalBorder.Effect",
+          "MetalBorder.Glow",
+          "MetalBorder.Root"
+        ]
+      },
+      {
+        "selector": ".metal-border--unavailable:before",
+        "components": [
+          "MetalBorder.Canvas",
+          "MetalBorder.Content",
+          "MetalBorder.Effect",
+          "MetalBorder.Glow",
+          "MetalBorder.Root"
+        ]
+      },
+      {
+        "selector": ".metal-border--unavailable.metal-border--paused:before",
+        "components": [
+          "MetalBorder.Canvas",
+          "MetalBorder.Content",
+          "MetalBorder.Effect",
+          "MetalBorder.Glow",
+          "MetalBorder.Root"
+        ]
+      },
       {
         "selector": ".meter",
         "components": [
@@ -37117,6 +37241,26 @@
           "Separator"
         ]
       },
+      "--metal-border-duration": {
+        "declaredBy": [],
+        "referencedBy": [
+          "MetalBorder.Canvas",
+          "MetalBorder.Content",
+          "MetalBorder.Effect",
+          "MetalBorder.Glow",
+          "MetalBorder.Root"
+        ]
+      },
+      "--metal-border-fill": {
+        "declaredBy": [],
+        "referencedBy": [
+          "MetalBorder.Canvas",
+          "MetalBorder.Content",
+          "MetalBorder.Effect",
+          "MetalBorder.Glow",
+          "MetalBorder.Root"
+        ]
+      },
       "--metal-border-radius": {
         "declaredBy": [],
         "referencedBy": [
@@ -37127,6 +37271,46 @@
           "MetalBorder.Root"
         ]
       },
+      "--metal-border-rail": {
+        "declaredBy": [],
+        "referencedBy": [
+          "MetalBorder.Canvas",
+          "MetalBorder.Content",
+          "MetalBorder.Effect",
+          "MetalBorder.Glow",
+          "MetalBorder.Root"
+        ]
+      },
+      "--metal-border-sheen": {
+        "declaredBy": [],
+        "referencedBy": [
+          "MetalBorder.Canvas",
+          "MetalBorder.Content",
+          "MetalBorder.Effect",
+          "MetalBorder.Glow",
+          "MetalBorder.Root"
+        ]
+      },
+      "--metal-border-sheen-edge": {
+        "declaredBy": [],
+        "referencedBy": [
+          "MetalBorder.Canvas",
+          "MetalBorder.Content",
+          "MetalBorder.Effect",
+          "MetalBorder.Glow",
+          "MetalBorder.Root"
+        ]
+      },
+      "--metal-border-width": {
+        "declaredBy": [],
+        "referencedBy": [
+          "MetalBorder.Canvas",
+          "MetalBorder.Content",
+          "MetalBorder.Effect",
+          "MetalBorder.Glow",
+          "MetalBorder.Root"
+        ]
+      },
       "--card-bg": {
         "declaredBy": [
           "Card.Body",
@@ -38534,6 +38718,22 @@
           "LanguageSwitcher"
         ]
       },
+      "metal-border-sweep": {
+        "declaredBy": [
+          "MetalBorder.Canvas",
+          "MetalBorder.Content",
+          "MetalBorder.Effect",
+          "MetalBorder.Glow",
+          "MetalBorder.Root"
+        ],
+        "referencedBy": [
+          "MetalBorder.Canvas",
+          "MetalBorder.Content",
+          "MetalBorder.Effect",
+          "MetalBorder.Glow",
+          "MetalBorder.Root"
+        ]
+      },
       "spinner-rotate": {
         "declaredBy": [
           "Spinner"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "1.3.1",
+  "version": "1.5.0",
   "author": "pathscale",
   "repository": {
     "type": "git",
@@ -33,11 +33,13 @@
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "solidLayouts": "./dist/layouts.manifest.json",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./layouts": "./dist/layouts.manifest.json",
     "./components/*": {
       "types": "./dist/components/*/index.d.ts",
       "import": "./dist/components/*/index.js"
@@ -59,6 +61,7 @@
     "./index.css": "./dist/index.css"
   },
   "devDependencies": {
+    "@babel/core": "^7.29.0",
     "@biomejs/biome": "^2.4.16",
     "@iconify/json": "^2.2.481",
     "@iconify/utils": "^2.3.0",
@@ -87,14 +90,16 @@
     "postcss": "^8.5.15",
     "postcss-cli": "^11.0.1",
     "postcss-selector-parser": "^7.1.1",
-    "solid-js": "^1.9.13",
+    "rsbuild-plugin-solid-layouts": "^0.1.2",
+    "solid-js": "^1.9.14",
+    "solid-layouts": "^0.1.2",
+    "solid-layouts-oxc": "^0.1.2",
     "svgo": "^3.3.3",
     "typescript": "^6.0.3"
   },
   "dependencies": {
     "@iconify/tailwind4": "^1.2.3",
     "@pathscale/rsbuild-plugin-iconify": "^1.0.4",
-    "@pathscale/ui": "^1.2.10",
     "@tanstack/solid-virtual": "^3.13.27",
     "tailwind-merge": "^3.6.0"
   },
@@ -113,7 +118,8 @@
     "@tanstack/solid-form": "^1.29.0",
     "@tanstack/solid-table": "^8.0.0",
     "popmotion": "^11.0.5",
-    "solid-js": "^1.9"
+    "solid-js": "^1.9",
+    "solid-layouts": "^0.1.2"
   },
   "peerDependenciesMeta": {
     "@standard-schema/spec": {
@@ -124,15 +130,18 @@
     }
   },
   "scripts": {
-    "build": "bun run scripts/check-contracts.ts && rslib build && bun run postbuild:manifest",
-    "postbuild:manifest": "bun run node_modules/@pathscale/rsbuild-plugin-ui-css-purge/src/generate-manifest.ts src/components --out dist/purge-manifest.json",
+    "build": "bun run check && rslib build && bun run postbuild:manifest",
+    "layouts:generate": "solid-layouts-library",
+    "postbuild:manifest": "bun run scripts/generate-purge-manifest.ts",
     "build:watch": "rslib build --watch",
     "dev": "rslib dev",
     "preview": "rslib preview",
     "clean": "rm -rf dist node_modules",
     "format": "bun biome format --write",
-    "lint": "bun biome lint --write",
-    "check": "bun run scripts/check-contracts.ts",
+    "lint": "bun run lint:code && bun run lint:layouts",
+    "lint:code": "bun biome lint --write",
+    "lint:layouts": "solid-layouts-lint",
+    "check": "bun run layouts:generate && bun run scripts/check-contracts.ts",
     "check:package": "bun run scripts/check-package.ts",
     "next-version": "bun run scripts/next-version.ts",
     "smoke": "bun run scripts/smoke-consumer.ts",

package/dist/components/accordion/Accordion.classes.d.ts

@@ -1,38 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "accordion";
-        readonly variant: {
-            readonly default: "accordion--default";
-            readonly surface: "accordion--surface";
-        };
-    };
-    readonly Item: {
-        readonly base: "accordion__item";
-        readonly flag: {
-            readonly expanded: "accordion__item--expanded";
-            readonly disabled: "accordion__item--disabled";
-            readonly hideSeparator: "accordion__item--hide-separator";
-        };
-    };
-    readonly Trigger: {
-        readonly base: "accordion__trigger";
-    };
-    readonly Indicator: {
-        readonly base: "accordion__indicator";
-        readonly flag: {
-            readonly expanded: "accordion__indicator--expanded";
-        };
-    };
-    readonly Content: {
-        readonly base: "accordion__content";
-        readonly flag: {
-            readonly expanded: "accordion__content--expanded";
-        };
-    };
-    readonly Body: {
-        readonly base: "accordion__body";
-    };
-    readonly BodyInner: {
-        readonly base: "accordion__body-inner";
-    };
-};

package/dist/components/accordion/Accordion.classes.js

@@ -1,39 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "accordion",
-        variant: {
-            default: "accordion--default",
-            surface: "accordion--surface"
-        }
-    },
-    Item: {
-        base: "accordion__item",
-        flag: {
-            expanded: "accordion__item--expanded",
-            disabled: "accordion__item--disabled",
-            hideSeparator: "accordion__item--hide-separator"
-        }
-    },
-    Trigger: {
-        base: "accordion__trigger"
-    },
-    Indicator: {
-        base: "accordion__indicator",
-        flag: {
-            expanded: "accordion__indicator--expanded"
-        }
-    },
-    Content: {
-        base: "accordion__content",
-        flag: {
-            expanded: "accordion__content--expanded"
-        }
-    },
-    Body: {
-        base: "accordion__body"
-    },
-    BodyInner: {
-        base: "accordion__body-inner"
-    }
-};
-export { CLASSES };

package/dist/components/accordion/Accordion.d.ts

@@ -1,50 +0,0 @@
-import "./Accordion.css";
-import { type Component, type JSX, type ParentComponent } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type AccordionSelectionMode = "single" | "multiple";
-export type AccordionVariant = "default" | "surface";
-export type AccordionValue = string | string[];
-export type AccordionRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-    selectionMode?: AccordionSelectionMode;
-    value?: AccordionValue;
-    defaultValue?: AccordionValue;
-    onValueChange?: (value: string[]) => void;
-    hideSeparator?: boolean;
-    variant?: AccordionVariant;
-    isDisabled?: boolean;
-    disabled?: boolean;
-};
-export type AccordionItemProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    value?: string;
-    children?: JSX.Element;
-    isDisabled?: boolean;
-    disabled?: boolean;
-};
-export type AccordionTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "disabled"> & IComponentBaseProps & {
-    children?: JSX.Element;
-    showIndicator?: boolean;
-    indicator?: JSX.Element;
-};
-export type AccordionContentProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-    keepMounted?: boolean;
-};
-export type AccordionIndicatorProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & IComponentBaseProps & {
-    children?: JSX.Element;
-};
-declare const AccordionRoot: ParentComponent<AccordionRootProps>;
-declare const AccordionItem: ParentComponent<AccordionItemProps>;
-declare const AccordionTrigger: Component<AccordionTriggerProps>;
-declare const AccordionContent: ParentComponent<AccordionContentProps>;
-declare const AccordionIndicator: Component<AccordionIndicatorProps>;
-declare const Accordion: ParentComponent<AccordionRootProps> & {
-    Root: ParentComponent<AccordionRootProps>;
-    Item: ParentComponent<AccordionItemProps>;
-    Trigger: Component<AccordionTriggerProps>;
-    Content: ParentComponent<AccordionContentProps>;
-    Indicator: Component<AccordionIndicatorProps>;
-};
-export default Accordion;
-export { Accordion, AccordionRoot, AccordionItem, AccordionTrigger, AccordionContent, AccordionIndicator, };
-export type { AccordionRootProps as AccordionProps };