@pathscale/ui 1.2.6 → 1.2.7

package/dist/components/badge/Badge.css

@@ -1,164 +1,164 @@
-@layer components {
-  .badge {
-    display: inline-flex;
-    flex-shrink: 0;
-    align-items: center;
-    justify-content: center;
-    gap: 0.125rem;
-    font-weight: 500;
-
-    min-height: 1.75rem;
-    min-width: 1.75rem;
-    border-radius: 1.5rem;
-    font-size: 0.75rem;
-    line-height: 1.34;
-
-    --badge-bg: var(--color-default);
-    --badge-fg: var(--color-default-foreground);
-    --badge-border: var(--color-background);
-
-    background-color: var(--badge-bg);
-    color: var(--badge-fg);
-    border: 1px solid var(--badge-border);
-  }
-
-  .badge__label {
-    padding-inline: 0.125rem;
-  }
-
-  .badge-anchor {
-    position: relative;
-    display: inline-flex;
-    flex-shrink: 0;
-  }
-
-  .badge--lg {
-    min-height: 2rem;
-    min-width: 2rem;
-    border-radius: 1rem;
-    font-size: 0.875rem;
-    line-height: 1.43;
-  }
-
-  .badge--md {
-    /* Default size */
-  }
-
-  .badge--sm {
-    min-height: 1rem;
-    min-width: 1rem;
-    border-radius: 0.75rem;
-    font-size: 10px;
-    line-height: 1.34;
-  }
-
-  .badge--accent {
-    --badge-fg: var(--color-accent);
-  }
-
-  .badge--default {
-    --badge-fg: var(--color-default-foreground);
-  }
-
-  .badge--success {
-    --badge-fg: var(--color-success);
-  }
-
-  .badge--warning {
-    --badge-fg: var(--color-warning);
-  }
-
-  .badge--danger {
-    --badge-fg: var(--color-danger);
-  }
-
-  .badge--primary {
-    /* Compound variants handle tokens */
-  }
-
-  .badge--secondary {
-    /* Base behavior */
-  }
-
-  .badge--soft {
-    /* Compound variants handle tokens */
-  }
-
-  .badge--top-right {
-    position: absolute;
-    top: 0;
-    right: 0;
-    transform: translate(25%, -25%);
-  }
-
-  .badge--top-left {
-    position: absolute;
-    top: 0;
-    left: 0;
-    transform: translate(-25%, -25%);
-  }
-
-  .badge--bottom-right {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    transform: translate(25%, 25%);
-  }
-
-  .badge--bottom-left {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    transform: translate(-25%, 25%);
-  }
-
-  .badge--primary.badge--accent {
-    --badge-bg: var(--color-accent);
-    --badge-fg: var(--color-accent-foreground);
-  }
-
-  .badge--primary.badge--default {
-    --badge-bg: var(--color-default);
-    --badge-fg: var(--color-default-foreground);
-  }
-
-  .badge--primary.badge--success {
-    --badge-bg: var(--color-success);
-    --badge-fg: var(--color-success-foreground);
-  }
-
-  .badge--primary.badge--warning {
-    --badge-bg: var(--color-warning);
-    --badge-fg: var(--color-warning-foreground);
-  }
-
-  .badge--primary.badge--danger {
-    --badge-bg: var(--color-danger);
-    --badge-fg: var(--color-danger-foreground);
-  }
-
-  .badge--soft.badge--accent {
-    --badge-bg: var(--color-accent-soft);
-    --badge-fg: var(--color-accent-soft-foreground);
-  }
-
-  .badge--soft.badge--default {
-    --badge-bg: var(--color-default);
-    --badge-fg: var(--color-default-foreground);
-  }
-
-  .badge--soft.badge--success {
-    --badge-bg: var(--color-success-soft);
-    --badge-fg: var(--color-success-soft-foreground);
-  }
-
-  .badge--soft.badge--warning {
-    --badge-bg: var(--color-warning-soft);
-    --badge-fg: var(--color-warning-soft-foreground);
-  }
-
-  .badge--soft.badge--danger {
-    --badge-bg: var(--color-danger-soft);
-    --badge-fg: var(--color-danger-soft-foreground);
-  }
-}
+@layer components {
+  .badge {
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    gap: 0.125rem;
+    font-weight: 500;
+
+    min-height: 1.75rem;
+    min-width: 1.75rem;
+    border-radius: 1.5rem;
+    font-size: 0.75rem;
+    line-height: 1.34;
+
+    --badge-bg: var(--color-default);
+    --badge-fg: var(--color-default-foreground);
+    --badge-border: var(--color-background);
+
+    background-color: var(--badge-bg);
+    color: var(--badge-fg);
+    border: 1px solid var(--badge-border);
+  }
+
+  .badge__label {
+    padding-inline: 0.125rem;
+  }
+
+  .badge-anchor {
+    position: relative;
+    display: inline-flex;
+    flex-shrink: 0;
+  }
+
+  .badge--lg {
+    min-height: 2rem;
+    min-width: 2rem;
+    border-radius: 1rem;
+    font-size: 0.875rem;
+    line-height: 1.43;
+  }
+
+  .badge--md {
+    /* Default size */
+  }
+
+  .badge--sm {
+    min-height: 1rem;
+    min-width: 1rem;
+    border-radius: 0.75rem;
+    font-size: 10px;
+    line-height: 1.34;
+  }
+
+  .badge--accent {
+    --badge-fg: var(--color-accent);
+  }
+
+  .badge--default {
+    --badge-fg: var(--color-default-foreground);
+  }
+
+  .badge--success {
+    --badge-fg: var(--color-success);
+  }
+
+  .badge--warning {
+    --badge-fg: var(--color-warning);
+  }
+
+  .badge--danger {
+    --badge-fg: var(--color-danger);
+  }
+
+  .badge--primary {
+    /* Compound variants handle tokens */
+  }
+
+  .badge--secondary {
+    /* Base behavior */
+  }
+
+  .badge--soft {
+    /* Compound variants handle tokens */
+  }
+
+  .badge--top-right {
+    position: absolute;
+    top: 0;
+    right: 0;
+    transform: translate(25%, -25%);
+  }
+
+  .badge--top-left {
+    position: absolute;
+    top: 0;
+    left: 0;
+    transform: translate(-25%, -25%);
+  }
+
+  .badge--bottom-right {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    transform: translate(25%, 25%);
+  }
+
+  .badge--bottom-left {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    transform: translate(-25%, 25%);
+  }
+
+  .badge--primary.badge--accent {
+    --badge-bg: var(--color-accent);
+    --badge-fg: var(--color-accent-foreground);
+  }
+
+  .badge--primary.badge--default {
+    --badge-bg: var(--color-default);
+    --badge-fg: var(--color-default-foreground);
+  }
+
+  .badge--primary.badge--success {
+    --badge-bg: var(--color-success);
+    --badge-fg: var(--color-success-foreground);
+  }
+
+  .badge--primary.badge--warning {
+    --badge-bg: var(--color-warning);
+    --badge-fg: var(--color-warning-foreground);
+  }
+
+  .badge--primary.badge--danger {
+    --badge-bg: var(--color-danger);
+    --badge-fg: var(--color-danger-foreground);
+  }
+
+  .badge--soft.badge--accent {
+    --badge-bg: var(--color-accent-soft);
+    --badge-fg: var(--color-accent-soft-foreground);
+  }
+
+  .badge--soft.badge--default {
+    --badge-bg: var(--color-default);
+    --badge-fg: var(--color-default-foreground);
+  }
+
+  .badge--soft.badge--success {
+    --badge-bg: var(--color-success-soft);
+    --badge-fg: var(--color-success-soft-foreground);
+  }
+
+  .badge--soft.badge--warning {
+    --badge-bg: var(--color-warning-soft);
+    --badge-fg: var(--color-warning-soft-foreground);
+  }
+
+  .badge--soft.badge--danger {
+    --badge-bg: var(--color-danger-soft);
+    --badge-fg: var(--color-danger-soft-foreground);
+  }
+}

package/dist/components/badge/Badge.js

@@ -1,28 +1,28 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { clsx } from "clsx";
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
 import "./Badge.css";
-import * as __WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__ from "./Badge.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+import { CLASSES } from "./Badge.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<span>");
 const BadgeAnchor = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class"
     ]);
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.slot.anchor, local.class)
+        spread(_el$, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.anchor, local.class)
             }), {
             "data-slot": "badge-anchor"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        insert(_el$, ()=>local.children);
         return _el$;
     })();
 };
 const BadgeRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "color",
@@ -35,39 +35,39 @@ const BadgeRoot = (props)=>{
         const color = local.color ?? "default";
         const variant = local.variant ?? "primary";
         const placement = local.placement ?? "top-right";
-        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(__WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.size[size], __WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.color[color], __WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.variant[variant], __WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.placement[placement], local.class));
+        return twMerge(clsx(CLASSES.base, CLASSES.size[size], CLASSES.color[color], CLASSES.variant[variant], CLASSES.placement[placement], local.class));
     };
     const badgeChildren = ()=>{
         const c = local.children;
-        if ("string" == typeof c || "number" == typeof c) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(BadgeLabel, {
+        if ("string" == typeof c || "number" == typeof c) return createComponent(BadgeLabel, {
             children: c
         });
         return c;
     };
     return (()=>{
         var _el$2 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+        spread(_el$2, mergeProps(others, ()=>({
                 class: classes()
             }), {
             "data-slot": "badge"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, badgeChildren);
+        insert(_el$2, badgeChildren);
         return _el$2;
     })();
 };
 const BadgeLabel = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class"
     ]);
     return (()=>{
         var _el$3 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.slot.label, local.class)
+        spread(_el$3, mergeProps(()=>({
+                class: twMerge(CLASSES.slot.label, local.class)
             }), {
             "data-slot": "badge-label"
         }, others), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
+        insert(_el$3, ()=>local.children);
         return _el$3;
     })();
 };

package/dist/components/badge/index.js

@@ -1,11 +1,8 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Badge_js_cb369ee9__ from "./Badge.js";
-const Badge = Object.assign(__WEBPACK_EXTERNAL_MODULE__Badge_js_cb369ee9__.BadgeRoot, {
-    Anchor: __WEBPACK_EXTERNAL_MODULE__Badge_js_cb369ee9__.BadgeAnchor,
-    Label: __WEBPACK_EXTERNAL_MODULE__Badge_js_cb369ee9__.BadgeLabel,
-    Root: __WEBPACK_EXTERNAL_MODULE__Badge_js_cb369ee9__.BadgeRoot
+import { BadgeAnchor, BadgeLabel, BadgeRoot } from "./Badge.js";
+const Badge = Object.assign(BadgeRoot, {
+    Anchor: BadgeAnchor,
+    Label: BadgeLabel,
+    Root: BadgeRoot
 });
 const badge = Badge;
-var __webpack_exports__BadgeAnchor = __WEBPACK_EXTERNAL_MODULE__Badge_js_cb369ee9__.BadgeAnchor;
-var __webpack_exports__BadgeLabel = __WEBPACK_EXTERNAL_MODULE__Badge_js_cb369ee9__.BadgeLabel;
-var __webpack_exports__BadgeRoot = __WEBPACK_EXTERNAL_MODULE__Badge_js_cb369ee9__.BadgeRoot;
-export { Badge, badge as default, __webpack_exports__BadgeAnchor as BadgeAnchor, __webpack_exports__BadgeLabel as BadgeLabel, __webpack_exports__BadgeRoot as BadgeRoot };
+export { Badge, BadgeAnchor, BadgeLabel, BadgeRoot, badge as default };

package/dist/components/breadcrumbs/Breadcrumbs.css

@@ -1,63 +1,63 @@
-@layer components {
-  /* -------------------------------------------------------------------------------------------------
-   * Root
-   * -----------------------------------------------------------------------------------------------*/
-  .breadcrumbs {
-    display: flex;
-    align-items: center;
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * Item
-   * -----------------------------------------------------------------------------------------------*/
-  .breadcrumbs__item {
-    display: flex;
-    flex-shrink: 0;
-    align-items: center;
-    justify-content: center;
-    gap: 0.25rem;
-    padding: 0 0.125rem;
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * Link
-   * -----------------------------------------------------------------------------------------------*/
-  .breadcrumbs__link {
-    position: relative;
-    padding: 0 0.125rem;
-    font-size: 0.875rem;
-    font-weight: 500;
-    line-height: 1.25rem;
-    color: color-mix(in oklab, var(--color-base-content) 62%, transparent);
-    text-decoration: none;
-  }
-
-  a.breadcrumbs__link:hover {
-    text-decoration: underline;
-  }
-
-  .breadcrumbs__link[data-current="true"] {
-    color: var(--color-base-content);
-  }
-
-  a.breadcrumbs__link:focus-visible {
-    outline: 2px solid var(--color-accent);
-    outline-offset: 2px;
-    border-radius: var(--radius-field, 0.25rem);
-  }
-
-  /* -------------------------------------------------------------------------------------------------
-   * Separator
-   * -----------------------------------------------------------------------------------------------*/
-  .breadcrumbs__separator {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
-    margin: 0 0.125rem;
-  }
-
-  [dir="rtl"] .breadcrumbs__separator {
-    transform: rotate(180deg);
-  }
-}
+@layer components {
+  /* -------------------------------------------------------------------------------------------------
+   * Root
+   * -----------------------------------------------------------------------------------------------*/
+  .breadcrumbs {
+    display: flex;
+    align-items: center;
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Item
+   * -----------------------------------------------------------------------------------------------*/
+  .breadcrumbs__item {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    gap: 0.25rem;
+    padding: 0 0.125rem;
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Link
+   * -----------------------------------------------------------------------------------------------*/
+  .breadcrumbs__link {
+    position: relative;
+    padding: 0 0.125rem;
+    font-size: 0.875rem;
+    font-weight: 500;
+    line-height: 1.25rem;
+    color: color-mix(in oklab, var(--color-base-content) 62%, transparent);
+    text-decoration: none;
+  }
+
+  a.breadcrumbs__link:hover {
+    text-decoration: underline;
+  }
+
+  .breadcrumbs__link[data-current="true"] {
+    color: var(--color-base-content);
+  }
+
+  a.breadcrumbs__link:focus-visible {
+    outline: 2px solid var(--color-accent);
+    outline-offset: 2px;
+    border-radius: var(--radius-field, 0.25rem);
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Separator
+   * -----------------------------------------------------------------------------------------------*/
+  .breadcrumbs__separator {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
+    margin: 0 0.125rem;
+  }
+
+  [dir="rtl"] .breadcrumbs__separator {
+    transform: rotate(180deg);
+  }
+}