@pathscale/ui 1.2.6 → 1.2.7

package/dist/components/button-group/ButtonGroup.css

@@ -1,117 +1,117 @@
-@layer components {
-  .button-group {
-    display: inline-flex;
-    height: auto;
-    align-items: center;
-    justify-content: center;
-    gap: 0;
-  }
-
-  .button-group--horizontal {
-    flex-direction: row;
-  }
-
-  .button-group--vertical {
-    flex-direction: column;
-  }
-
-  .button-group .button {
-    border-radius: 0;
-  }
-
-  .button-group--horizontal .button:first-child {
-    border-start-start-radius: 1.5rem;
-    border-end-start-radius: 1.5rem;
-  }
-
-  .button-group--horizontal .button:last-child {
-    border-start-end-radius: 1.5rem;
-    border-end-end-radius: 1.5rem;
-  }
-
-  .button-group--horizontal .button:first-child:last-child {
-    border-radius: 1.5rem;
-  }
-
-  .button-group--vertical .button:first-child {
-    border-top-left-radius: 1.5rem;
-    border-top-right-radius: 1.5rem;
-  }
-
-  .button-group--vertical .button:last-child {
-    border-bottom-left-radius: 1.5rem;
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  .button-group--vertical .button:first-child:last-child {
-    border-radius: 1.5rem;
-  }
-
-  .button-group .button:active,
-  .button-group .button[data-pressed="true"] {
-    transform: none;
-  }
-
-  .button-group .button:focus-visible,
-  .button-group .button[data-focus-visible="true"] {
-    outline-offset: -1px;
-  }
-
-  .button-group__separator {
-    background-color: currentColor;
-    opacity: 0.15;
-    border-radius: 4px;
-    position: absolute;
-    pointer-events: none;
-    transition: opacity 150ms var(--ease-smooth);
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .button-group__separator {
-      transition: none;
-    }
-  }
-
-  .button-group--horizontal .button-group__separator {
-    left: -1px;
-    top: 25%;
-    width: 1px;
-    height: 50%;
-  }
-
-  .button-group--vertical .button-group__separator {
-    left: 25%;
-    top: -1px;
-    width: 50%;
-    height: 1px;
-  }
-
-  .button-group--horizontal .button--outline:first-child {
-    border-inline-end-width: 0;
-  }
-
-  .button-group--horizontal .button--outline:last-child {
-    border-inline-start-width: 0;
-  }
-
-  .button-group--horizontal .button--outline:not(:first-child):not(:last-child) {
-    border-inline-width: 0;
-  }
-
-  .button-group--vertical .button--outline:first-child {
-    border-bottom-width: 0;
-  }
-
-  .button-group--vertical .button--outline:last-child {
-    border-top-width: 0;
-  }
-
-  .button-group--vertical .button--outline:not(:first-child):not(:last-child) {
-    border-top-width: 0;
-    border-bottom-width: 0;
-  }
-
-  .button-group--full-width {
-    width: 100%;
-  }
-}
+@layer components {
+  .button-group {
+    display: inline-flex;
+    height: auto;
+    align-items: center;
+    justify-content: center;
+    gap: 0;
+  }
+
+  .button-group--horizontal {
+    flex-direction: row;
+  }
+
+  .button-group--vertical {
+    flex-direction: column;
+  }
+
+  .button-group .button {
+    border-radius: 0;
+  }
+
+  .button-group--horizontal .button:first-child {
+    border-start-start-radius: 1.5rem;
+    border-end-start-radius: 1.5rem;
+  }
+
+  .button-group--horizontal .button:last-child {
+    border-start-end-radius: 1.5rem;
+    border-end-end-radius: 1.5rem;
+  }
+
+  .button-group--horizontal .button:first-child:last-child {
+    border-radius: 1.5rem;
+  }
+
+  .button-group--vertical .button:first-child {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .button-group--vertical .button:last-child {
+    border-bottom-left-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .button-group--vertical .button:first-child:last-child {
+    border-radius: 1.5rem;
+  }
+
+  .button-group .button:active,
+  .button-group .button[data-pressed="true"] {
+    transform: none;
+  }
+
+  .button-group .button:focus-visible,
+  .button-group .button[data-focus-visible="true"] {
+    outline-offset: -1px;
+  }
+
+  .button-group__separator {
+    background-color: currentColor;
+    opacity: 0.15;
+    border-radius: 4px;
+    position: absolute;
+    pointer-events: none;
+    transition: opacity 150ms var(--ease-smooth);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .button-group__separator {
+      transition: none;
+    }
+  }
+
+  .button-group--horizontal .button-group__separator {
+    left: -1px;
+    top: 25%;
+    width: 1px;
+    height: 50%;
+  }
+
+  .button-group--vertical .button-group__separator {
+    left: 25%;
+    top: -1px;
+    width: 50%;
+    height: 1px;
+  }
+
+  .button-group--horizontal .button--outline:first-child {
+    border-inline-end-width: 0;
+  }
+
+  .button-group--horizontal .button--outline:last-child {
+    border-inline-start-width: 0;
+  }
+
+  .button-group--horizontal .button--outline:not(:first-child):not(:last-child) {
+    border-inline-width: 0;
+  }
+
+  .button-group--vertical .button--outline:first-child {
+    border-bottom-width: 0;
+  }
+
+  .button-group--vertical .button--outline:last-child {
+    border-top-width: 0;
+  }
+
+  .button-group--vertical .button--outline:not(:first-child):not(:last-child) {
+    border-top-width: 0;
+    border-bottom-width: 0;
+  }
+
+  .button-group--full-width {
+    width: 100%;
+  }
+}

package/dist/components/button-group/ButtonGroup.js

@@ -1,12 +1,12 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
 import "./ButtonGroup.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__ from "./ButtonGroup.classes.js";
-import * as __WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__ from "./context.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./ButtonGroup.classes.js";
+import { ButtonGroupContext } from "./context.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<span>");
 const ButtonGroupRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -20,7 +20,7 @@ const ButtonGroupRoot = (props)=>{
         "role"
     ]);
     const orientation = ()=>local.orientation ?? "horizontal";
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__.ButtonGroupContext.Provider, {
+    return createComponent(ButtonGroupContext.Provider, {
         value: {
             size: ()=>local.size,
             variant: ()=>local.variant,
@@ -29,8 +29,8 @@ const ButtonGroupRoot = (props)=>{
         },
         get children () {
             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__ButtonGroup_classes_js_da79d854__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__.CLASSES.Root.orientation[orientation()], local.fullWidth && __WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__.CLASSES.Root.flag.fullWidth, local.class, local.className)
+            spread(_el$, mergeProps(others, ()=>({
+                    class: twMerge(CLASSES.Root.base, CLASSES.Root.orientation[orientation()], local.fullWidth && CLASSES.Root.flag.fullWidth, local.class, local.className)
                 }), {
                 "data-slot": "button-group",
                 get ["data-orientation"] () {
@@ -49,13 +49,13 @@ const ButtonGroupRoot = (props)=>{
                     return local.isDisabled ? "true" : void 0;
                 }
             }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+            insert(_el$, ()=>local.children);
             return _el$;
         }
     });
 };
 const ButtonGroupSeparator = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "dataTheme",
@@ -63,10 +63,10 @@ const ButtonGroupSeparator = (props)=>{
     ]);
     return (()=>{
         var _el$2 = _tmpl$2();
-        (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, {
             "aria-hidden": "true"
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__.CLASSES.Separator.base, local.class, local.className)
+                class: twMerge(CLASSES.Separator.base, local.class, local.className)
             }), {
             "data-slot": "button-group-separator",
             get ["data-theme"] () {

package/dist/components/button-group/context.js

@@ -1,3 +1,3 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-const ButtonGroupContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+import { createContext } from "solid-js";
+const ButtonGroupContext = createContext();
 export { ButtonGroupContext };

package/dist/components/button-group/index.js

@@ -1,6 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__ from "./ButtonGroup.js";
-var __webpack_exports__ButtonGroup = __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__.ButtonGroup;
-var __webpack_exports__ButtonGroupRoot = __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__.ButtonGroupRoot;
-var __webpack_exports__ButtonGroupSeparator = __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__.ButtonGroupSeparator;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__["default"];
-export { __webpack_exports__ButtonGroup as ButtonGroup, __webpack_exports__ButtonGroupRoot as ButtonGroupRoot, __webpack_exports__ButtonGroupSeparator as ButtonGroupSeparator, __webpack_exports__default as default };
+import external_ButtonGroup_js_default, { ButtonGroup, ButtonGroupRoot, ButtonGroupSeparator } from "./ButtonGroup.js";
+export { ButtonGroup, ButtonGroupRoot, ButtonGroupSeparator, external_ButtonGroup_js_default as default };