@pathscale/ui 2.1.1 → 2.2.0

package/dist/styles/themes/dark.css

@@ -131,6 +131,33 @@
     --glass-brightness: 1;
     --glass-shadow-depth: 0 8px 32px rgb(0 0 0 / 10%);
     --glass-fallback-background-opacity: 78%;
+
+    /* ------------------------------------------------------------ Elevation
+     * Same scale as light, deeper alphas. A 10% black shadow that separates a
+     * card from white is invisible against gray-900, so the step names stay
+     * the same and the theme carries the difference.
+     */
+    --shadow-color: 0 0 0;
+    --shadow-sm: 0 1px 2px rgb(var(--shadow-color) / 20%), 0 1px 3px rgb(var(--shadow-color) / 30%);
+    --shadow-md: 0 4px 6px -1px rgb(var(--shadow-color) / 30%), 0 2px 4px -2px rgb(var(--shadow-color) / 30%);
+    --shadow-lg: 0 10px 15px -3px rgb(var(--shadow-color) / 35%), 0 4px 6px -4px rgb(var(--shadow-color) / 35%);
+    --shadow-xl: 0 20px 25px -5px rgb(var(--shadow-color) / 40%), 0 8px 10px -6px rgb(var(--shadow-color) / 40%);
+
+    /* --------------------------------------------------------- Focus ring */
+    --focus-ring-width: 2px;
+    --focus-ring-offset: 2px;
+    --focus-ring-color: var(--color-accent);
+
+    /* ----------------------------------------------------------- Shading
+     * base-content is near-white here, so hover lightens rather than darkens.
+     * One declaration, opposite behaviour, which is the point of the token.
+     */
+    --shade: var(--color-base-content);
+    --shade-hover: 8%;
+    --shade-pressed: 12%;
+
+    /* -------------------------------------------------------------- Radius */
+    --radius-pill: 9999px;
   }
 }
 

package/dist/styles/themes/light.css

@@ -132,6 +132,35 @@
     --glass-brightness: 1;
     --glass-shadow-depth: 0 8px 32px rgb(0 0 0 / 10%);
     --glass-fallback-background-opacity: 78%;
+
+    /* ------------------------------------------------------------ Elevation
+     * One scale, spent by every raised surface. Components pick a step; they
+     * do not pick a colour or an alpha, because a shadow that reads correctly
+     * on white does not read correctly on near-black and the component has no
+     * way to know which it is sitting on.
+     */
+    --shadow-color: 0 0 0;
+    --shadow-sm: 0 1px 2px rgb(var(--shadow-color) / 5%), 0 1px 3px rgb(var(--shadow-color) / 10%);
+    --shadow-md: 0 4px 6px -1px rgb(var(--shadow-color) / 10%), 0 2px 4px -2px rgb(var(--shadow-color) / 10%);
+    --shadow-lg: 0 10px 15px -3px rgb(var(--shadow-color) / 10%), 0 4px 6px -4px rgb(var(--shadow-color) / 10%);
+    --shadow-xl: 0 20px 25px -5px rgb(var(--shadow-color) / 10%), 0 8px 10px -6px rgb(var(--shadow-color) / 10%);
+
+    /* --------------------------------------------------------- Focus ring */
+    --focus-ring-width: 2px;
+    --focus-ring-offset: 2px;
+    --focus-ring-color: var(--color-accent);
+
+    /* ----------------------------------------------------------- Shading
+     * The direction a surface moves when hovered or pressed. Mixing toward
+     * base-content darkens on a light theme and lightens on a dark one, which
+     * is the behaviour a hardcoded black can only get right in one of them.
+     */
+    --shade: var(--color-base-content);
+    --shade-hover: 8%;
+    --shade-pressed: 12%;
+
+    /* -------------------------------------------------------------- Radius */
+    --radius-pill: 9999px;
   }
 }
 

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pathscale/ui",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "author": "pathscale",
   "repository": {
     "type": "git",
     "url": "https://github.com/pathscale/ui"
   },
   "license": "MIT",
-  "description": "Highly opinionated SolidJS component library — batteries and kitchen sink included, but optimized and shiny.",
+  "description": "Highly opinionated SolidJS component library \u2014 batteries and kitchen sink included, but optimized and shiny.",
   "files": [
     "dist"
   ],
@@ -39,6 +39,10 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./lab": {
+      "types": "./dist/lab.d.ts",
+      "import": "./dist/lab.js"
+    },
     "./layouts": "./dist/layouts.manifest.json",
     "./components/*": {
       "types": "./dist/components/*/index.d.ts",
@@ -85,21 +89,19 @@
     "@types/bun": "^1.3.14",
     "babel-preset-solid": "^1.9.12",
     "cally": "^0.8.0",
-    "clsx": "^2.1.1",
     "cssnano": "^7.1.9",
     "postcss": "^8.5.15",
     "postcss-cli": "^11.0.1",
     "postcss-selector-parser": "^7.1.1",
-    "rsbuild-plugin-solid-layouts": "^0.1.2",
+    "rsbuild-plugin-solid-layouts": "^0.1.4",
     "solid-js": "^1.9.14",
-    "solid-layouts": "^0.1.2",
-    "solid-layouts-oxc": "^0.1.2",
+    "solid-layouts": "^0.1.3",
+    "solid-layouts-oxc": "^0.1.7",
     "svgo": "^3.3.3",
     "typescript": "^6.0.3"
   },
   "dependencies": {
-    "@iconify/tailwind4": "^1.2.3",
-    "@pathscale/rsbuild-plugin-iconify": "^1.0.4",
+    "clsx": "^2.1.1",
     "@tanstack/solid-virtual": "^3.13.27",
     "tailwind-merge": "^3.6.0"
   },
@@ -119,7 +121,7 @@
     "@tanstack/solid-table": "^8.0.0",
     "popmotion": "^11.0.5",
     "solid-js": "^1.9",
-    "solid-layouts": "^0.1.2"
+    "solid-layouts": "^0.1.3"
   },
   "peerDependenciesMeta": {
     "@standard-schema/spec": {
@@ -145,9 +147,8 @@
     "check:package": "bun run scripts/check-package.ts",
     "next-version": "bun run scripts/next-version.ts",
     "smoke": "bun run scripts/smoke-consumer.ts",
-    "playground:dev": "cd playground && bun run dev",
-    "playground:build": "cd playground && bun run build",
-    "playground:preview": "cd playground && bun run preview"
+    "test": "bun test",
+    "check:api": "bun run scripts/check-api-contract.ts"
   },
   "sideEffects": [
     "**/*.css"

package/dist/components/auth-card/AuthCard.d.ts

@@ -1,12 +0,0 @@
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type AuthCardProps = IComponentBaseProps & {
-    title?: JSX.Element;
-    description?: JSX.Element;
-    children: JSX.Element;
-    footer?: JSX.Element;
-    brandingSlot?: JSX.Element;
-    bodyClass?: string;
-};
-declare const AuthCard: Component<AuthCardProps>;
-export default AuthCard;

package/dist/components/auth-error-message/AuthErrorMessage.d.ts

@@ -1,7 +0,0 @@
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type AuthErrorMessageProps = IComponentBaseProps & {
-    message?: JSX.Element | string | null;
-};
-declare const AuthErrorMessage: Component<AuthErrorMessageProps>;
-export default AuthErrorMessage;

package/dist/components/auth-error-message/AuthErrorMessage.js

@@ -1,35 +0,0 @@
-import { createComponent, memo, mergeProps } from "solid-js/web";
-import { Show, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import alert_0 from "../alert/index.js";
-const AuthErrorMessage = (props)=>{
-    const [local, others] = splitProps(props, [
-        "message",
-        "class",
-        "className",
-        "dataTheme"
-    ]);
-    return createComponent(Show, {
-        get when () {
-            return memo(()=>null != local.message)() && "" !== local.message;
-        },
-        get children () {
-            return createComponent(alert_0, mergeProps(others, {
-                status: "danger"
-            }, ()=>({
-                    class: twMerge("text-sm", local.class, local.className)
-                }), {
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                },
-                "data-slot": "auth-error-message",
-                role: "alert",
-                get children () {
-                    return local.message;
-                }
-            }));
-        }
-    });
-};
-const auth_error_message_AuthErrorMessage = AuthErrorMessage;
-export default auth_error_message_AuthErrorMessage;

package/dist/components/auth-error-message/index.d.ts

@@ -1 +0,0 @@
-export { default as AuthErrorMessage, type AuthErrorMessageProps } from "./AuthErrorMessage";

package/dist/components/auth-error-message/index.js

@@ -1 +0,0 @@
-export { default as AuthErrorMessage } from "./AuthErrorMessage.js";

package/dist/components/auth-field-group/AuthFieldGroup.d.ts

@@ -1,8 +0,0 @@
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type AuthFieldGroupProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    children: JSX.Element;
-    gap?: "sm" | "md" | "lg";
-};
-declare const AuthFieldGroup: Component<AuthFieldGroupProps>;
-export default AuthFieldGroup;

package/dist/components/auth-field-group/AuthFieldGroup.js

@@ -1,33 +0,0 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-var _tmpl$ = /*#__PURE__*/ template("<div>");
-const GAP_CLASS = {
-    sm: "gap-3",
-    md: "gap-4",
-    lg: "gap-6"
-};
-const AuthFieldGroup = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "gap",
-        "class",
-        "className",
-        "dataTheme"
-    ]);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, ()=>({
-                class: twMerge("flex w-full flex-col", GAP_CLASS[local.gap ?? "md"], local.class, local.className)
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            "data-slot": "auth-field-group"
-        }), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-const auth_field_group_AuthFieldGroup = AuthFieldGroup;
-export default auth_field_group_AuthFieldGroup;

package/dist/components/auth-footer-links/AuthFooterLinks.d.ts

@@ -1,15 +0,0 @@
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type AuthFooterLinkItem = {
-    key: string;
-    label: JSX.Element | string;
-    href?: string;
-    onClick?: () => void;
-    disabled?: boolean;
-};
-export type AuthFooterLinksProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
-    items: AuthFooterLinkItem[];
-    align?: "left" | "center" | "right";
-};
-declare const AuthFooterLinks: Component<AuthFooterLinksProps>;
-export default AuthFooterLinks;

package/dist/components/auth-footer-links/AuthFooterLinks.js

@@ -1,74 +0,0 @@
-import { addEventListener, className, createComponent, delegateEvents, effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
-import { For, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<a>"), _tmpl$3 = /*#__PURE__*/ template("<button type=button>");
-const ALIGN_CLASS = {
-    left: "justify-start text-left",
-    center: "justify-center text-center",
-    right: "justify-end text-right"
-};
-const AuthFooterLinks = (props)=>{
-    const [local, others] = splitProps(props, [
-        "items",
-        "align",
-        "class",
-        "className",
-        "dataTheme"
-    ]);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, ()=>({
-                class: twMerge("flex w-full flex-wrap items-center gap-x-3 gap-y-2 text-sm", ALIGN_CLASS[local.align ?? "center"], local.class, local.className)
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            "data-slot": "auth-footer-links"
-        }), false, true);
-        insert(_el$, createComponent(For, {
-            get each () {
-                return local.items;
-            },
-            children: (item)=>item.href ? (()=>{
-                    var _el$2 = _tmpl$2();
-                    _el$2.$$click = (event)=>{
-                        if (item.disabled) return void event.preventDefault();
-                        item.onClick?.();
-                    };
-                    insert(_el$2, ()=>item.label);
-                    effect((_p$)=>{
-                        var _v$ = item.href, _v$2 = item.disabled ? "true" : void 0, _v$3 = twMerge("underline-offset-4 transition hover:underline", item.disabled ? "pointer-events-none opacity-50" : "text-primary hover:text-accent");
-                        _v$ !== _p$.e && setAttribute(_el$2, "href", _p$.e = _v$);
-                        _v$2 !== _p$.t && setAttribute(_el$2, "aria-disabled", _p$.t = _v$2);
-                        _v$3 !== _p$.a && className(_el$2, _p$.a = _v$3);
-                        return _p$;
-                    }, {
-                        e: void 0,
-                        t: void 0,
-                        a: void 0
-                    });
-                    return _el$2;
-                })() : (()=>{
-                    var _el$3 = _tmpl$3();
-                    addEventListener(_el$3, "click", item.onClick, true);
-                    insert(_el$3, ()=>item.label);
-                    effect((_p$)=>{
-                        var _v$4 = item.disabled, _v$5 = twMerge("underline-offset-4 transition hover:underline", item.disabled ? "cursor-not-allowed opacity-50" : "text-primary hover:text-accent");
-                        _v$4 !== _p$.e && (_el$3.disabled = _p$.e = _v$4);
-                        _v$5 !== _p$.t && className(_el$3, _p$.t = _v$5);
-                        return _p$;
-                    }, {
-                        e: void 0,
-                        t: void 0
-                    });
-                    return _el$3;
-                })()
-        }));
-        return _el$;
-    })();
-};
-const auth_footer_links_AuthFooterLinks = AuthFooterLinks;
-delegateEvents([
-    "click"
-]);
-export default auth_footer_links_AuthFooterLinks;

package/dist/components/auth-form/AuthForm.d.ts

@@ -1,9 +0,0 @@
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type AuthFormProps = Omit<JSX.FormHTMLAttributes<HTMLFormElement>, "onSubmit" | "children"> & IComponentBaseProps & {
-    children: JSX.Element;
-    onSubmit?: (event: SubmitEvent) => void | Promise<void>;
-    ariaLabel?: string;
-};
-declare const AuthForm: Component<AuthFormProps>;
-export default AuthForm;

package/dist/components/auth-form/AuthForm.js

@@ -1,36 +0,0 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-var _tmpl$ = /*#__PURE__*/ template("<form>");
-const AuthForm = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "onSubmit",
-        "ariaLabel",
-        "class",
-        "className",
-        "dataTheme"
-    ]);
-    const handleSubmit = (event)=>{
-        local.onSubmit?.(event);
-    };
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, ()=>({
-                class: twMerge("flex w-full flex-col gap-4", local.class, local.className)
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            "data-slot": "auth-form",
-            get ["aria-label"] () {
-                return local.ariaLabel;
-            },
-            onSubmit: handleSubmit
-        }), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-const auth_form_AuthForm = AuthForm;
-export default auth_form_AuthForm;

package/dist/components/auth-form/index.d.ts

@@ -1 +0,0 @@
-export { default as AuthForm, type AuthFormProps } from "./AuthForm";

package/dist/components/auth-form/index.js

@@ -1 +0,0 @@
-export { default as AuthForm } from "./AuthForm.js";

package/dist/components/auth-powered-by/AuthPoweredBy.d.ts

@@ -1,11 +0,0 @@
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type AuthPoweredByProps = IComponentBaseProps & {
-    label?: string;
-    logo?: JSX.Element;
-    href?: string;
-    align?: "center" | "left" | "right";
-    variant?: "subtle" | "card" | "inline";
-};
-declare const AuthPoweredBy: Component<AuthPoweredByProps>;
-export default AuthPoweredBy;

package/dist/components/auth-powered-by/AuthPoweredBy.js

@@ -1,59 +0,0 @@
-import { createComponent, effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
-import { Show, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-var _tmpl$ = /*#__PURE__*/ template('<span class="inline-flex shrink-0"aria-hidden=true>'), _tmpl$2 = /*#__PURE__*/ template('<span class="inline-flex items-center gap-1.5"><span>'), _tmpl$3 = /*#__PURE__*/ template('<div><a target=_blank rel="noopener noreferrer"class="underline-offset-4 transition hover:underline">');
-const ALIGN_CLASS = {
-    left: "justify-start text-left",
-    center: "justify-center text-center",
-    right: "justify-end text-right"
-};
-const VARIANT_CLASS = {
-    subtle: "text-xs opacity-70",
-    card: "rounded-md border border-base-300 px-2.5 py-1 text-xs",
-    inline: "text-sm"
-};
-const AuthPoweredBy = (props)=>{
-    const [local, others] = splitProps(props, [
-        "label",
-        "logo",
-        "href",
-        "align",
-        "variant",
-        "class",
-        "className",
-        "dataTheme"
-    ]);
-    const label = ()=>local.label ?? "Secure Auth by Honey";
-    const href = ()=>local.href ?? "https://honey.id/";
-    const content = ()=>(()=>{
-            var _el$ = _tmpl$2(), _el$3 = _el$.firstChild;
-            insert(_el$, createComponent(Show, {
-                get when () {
-                    return local.logo;
-                },
-                get children () {
-                    var _el$2 = _tmpl$();
-                    insert(_el$2, ()=>local.logo);
-                    return _el$2;
-                }
-            }), _el$3);
-            insert(_el$3, label);
-            return _el$;
-        })();
-    return (()=>{
-        var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
-        spread(_el$4, mergeProps(others, ()=>({
-                class: twMerge("flex w-full", ALIGN_CLASS[local.align ?? "center"], VARIANT_CLASS[local.variant ?? "subtle"], local.class, local.className)
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            "data-slot": "auth-powered-by"
-        }), false, true);
-        insert(_el$5, content);
-        effect(()=>setAttribute(_el$5, "href", href()));
-        return _el$4;
-    })();
-};
-const auth_powered_by_AuthPoweredBy = AuthPoweredBy;
-export default auth_powered_by_AuthPoweredBy;

package/dist/components/auth-submit-button/AuthSubmitButton.d.ts

@@ -1,11 +0,0 @@
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type AuthSubmitButtonProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "disabled"> & IComponentBaseProps & {
-    children: JSX.Element;
-    pending?: boolean;
-    disabled?: boolean;
-    variant?: "primary" | "secondary" | "ghost" | "danger";
-    fullWidth?: boolean;
-};
-declare const AuthSubmitButton: Component<AuthSubmitButtonProps>;
-export default AuthSubmitButton;

package/dist/components/auth-submit-button/AuthSubmitButton.js

@@ -1,51 +0,0 @@
-import { createComponent, mergeProps } from "solid-js/web";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import button_0 from "../button/index.js";
-const toButtonVariant = (variant)=>{
-    if ("danger" === variant) return "danger";
-    if ("ghost" === variant) return "ghost";
-    if ("secondary" === variant) return "secondary";
-    return "primary";
-};
-const AuthSubmitButton = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "pending",
-        "disabled",
-        "variant",
-        "fullWidth",
-        "class",
-        "className",
-        "dataTheme"
-    ]);
-    return createComponent(button_0, mergeProps(others, {
-        get type () {
-            return others.type ?? "submit";
-        },
-        get variant () {
-            return toButtonVariant(local.variant ?? "primary");
-        },
-        get fullWidth () {
-            return local.fullWidth ?? true;
-        },
-        get isPending () {
-            return Boolean(local.pending);
-        },
-        get isDisabled () {
-            return Boolean(local.disabled) || Boolean(local.pending);
-        }
-    }, ()=>({
-            class: twMerge(local.class, local.className)
-        }), {
-        get ["data-theme"] () {
-            return local.dataTheme;
-        },
-        "data-slot": "auth-submit-button",
-        get children () {
-            return local.children;
-        }
-    }));
-};
-const auth_submit_button_AuthSubmitButton = AuthSubmitButton;
-export default auth_submit_button_AuthSubmitButton;

package/dist/components/auth-success-message/AuthSuccessMessage.d.ts

@@ -1,7 +0,0 @@
-import { type Component, type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type AuthSuccessMessageProps = IComponentBaseProps & {
-    message?: JSX.Element | string | null;
-};
-declare const AuthSuccessMessage: Component<AuthSuccessMessageProps>;
-export default AuthSuccessMessage;

package/dist/components/auth-success-message/AuthSuccessMessage.js

@@ -1,36 +0,0 @@
-import { createComponent, memo, mergeProps } from "solid-js/web";
-import { Show, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import alert_0 from "../alert/index.js";
-const AuthSuccessMessage = (props)=>{
-    const [local, others] = splitProps(props, [
-        "message",
-        "class",
-        "className",
-        "dataTheme"
-    ]);
-    return createComponent(Show, {
-        get when () {
-            return memo(()=>null != local.message)() && "" !== local.message;
-        },
-        get children () {
-            return createComponent(alert_0, mergeProps(others, {
-                status: "success"
-            }, ()=>({
-                    class: twMerge("text-sm", local.class, local.className)
-                }), {
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                },
-                "data-slot": "auth-success-message",
-                role: "status",
-                "aria-live": "polite",
-                get children () {
-                    return local.message;
-                }
-            }));
-        }
-    });
-};
-const auth_success_message_AuthSuccessMessage = AuthSuccessMessage;
-export default auth_success_message_AuthSuccessMessage;

package/dist/components/auth-success-message/index.d.ts

@@ -1 +0,0 @@
-export { default as AuthSuccessMessage, type AuthSuccessMessageProps } from "./AuthSuccessMessage";

package/dist/components/auth-success-message/index.js

@@ -1 +0,0 @@
-export { default as AuthSuccessMessage } from "./AuthSuccessMessage.js";

package/dist/components/breadcrumbs/Breadcrumbs.generated.d.ts

@@ -1,21 +0,0 @@
-import type { Component as __LayoutComponent } from "solid-js";
-import "./Breadcrumbs.css";
-import { type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type BreadcrumbsRootProps = Omit<JSX.HTMLAttributes<HTMLElement>, "children"> & IComponentBaseProps & {
-    children: JSX.Element;
-    separator?: JSX.Element;
-};
-export type BreadcrumbsItemProps = Omit<JSX.HTMLAttributes<HTMLLIElement>, "children"> & IComponentBaseProps & {
-    children: JSX.Element;
-    href?: string;
-    isCurrent?: boolean;
-};
-declare const BreadcrumbsRoot: __LayoutComponent<BreadcrumbsRootProps>;
-declare const BreadcrumbsItem: __LayoutComponent<BreadcrumbsItemProps>;
-declare const Breadcrumbs: __LayoutComponent<BreadcrumbsRootProps> & {
-    Root: __LayoutComponent<BreadcrumbsRootProps>;
-    Item: __LayoutComponent<BreadcrumbsItemProps>;
-};
-export default Breadcrumbs;
-export { BreadcrumbsRoot, BreadcrumbsItem };

package/dist/components/breadcrumbs/Breadcrumbs.recipe.d.ts

@@ -1,18 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "breadcrumbs";
-    };
-    readonly Item: {
-        readonly base: readonly ["breadcrumbs__item", "breadcrumbs__link", "breadcrumbs__separator"];
-    };
-};
-export declare const componentRecipe: import("solid-layouts").Recipe<{
-    readonly component: "breadcrumbs";
-    readonly slots: {
-        readonly breadcrumbs: {};
-        readonly "breadcrumbs-item": {};
-        readonly "breadcrumbs-link": {};
-        readonly "breadcrumbs-separator": {};
-        readonly root: {};
-    };
-}>;

package/dist/components/breadcrumbs/index.d.ts

@@ -1 +0,0 @@
-export { default as Breadcrumbs, BreadcrumbsRoot, BreadcrumbsItem, type BreadcrumbsRootProps, type BreadcrumbsItemProps, } from "./Breadcrumbs.generated";

package/dist/components/breadcrumbs/index.js

@@ -1 +0,0 @@
-export { BreadcrumbsItem, BreadcrumbsRoot, default as Breadcrumbs } from "./Breadcrumbs.generated.js";

package/dist/components/description/Description.css

@@ -1,10 +0,0 @@
-@layer components {
-  .description {
-    font-size: 0.75rem;
-    line-height: 1rem;
-    text-wrap: wrap;
-    overflow-wrap: break-word;
-    word-break: break-word;
-    color: var(--color-muted, color-mix(in oklab, var(--color-base-content) 55%, transparent));
-  }
-}