@pathscale/ui 1.2.6 → 1.2.7

package/LICENSE

@@ -1,22 +1,22 @@
-MIT License
-
-Copyright (c) 2025 pathscale
-Copyright (c) 2020 Pouya Saadeghi
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 pathscale
+Copyright (c) 2020 Pouya Saadeghi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,59 +1,59 @@
-# @pathscale/ui
-
-Highly opinionated SolidJS component library — batteries and kitchen sink
-included, but optimized and shiny.
-
-## Install
-
-```sh
-bun add @pathscale/ui
-```
-
-## Usage
-
-```tsx
-import { Button, Flex } from "@pathscale/ui";
-
-export const Example = () => (
-  <Flex direction="col" gap="sm">
-    <Button color="primary">Primary</Button>
-  </Flex>
-);
-```
-
-## CSS
-
-Import the compatibility stylesheet to use `@pathscale/ui` components without
-relying on app-level DaisyUI plugin styles:
-
-```ts
-import "@pathscale/ui/dist/styles/compat/daisy-primitives.css";
-import "@pathscale/ui/dist/styles/icons/generated-icons.css";
-```
-
-## Motion
-
-Shared animation primitives live in `@pathscale/ui/motion`. For setup,
-Popmotion driver enablement, and migration notes, see `docs/motion.md`.
-
-## Development
-
-```sh
-bun run build
-```
-
-Other useful scripts:
-
-- `bun run dev`
-- `bun run lint`
-- `bun run format`
-
-## Playground Hot Test
-
-Run the playground from the repository root and hot-test local library changes without rebuilding:
-
-```sh
-bun run playground:dev
-```
-
-The playground resolves `@pathscale/ui` to local `src` via Vite aliases, so edits in `/src` and `/src/styles` refresh immediately.
+# @pathscale/ui
+
+Highly opinionated SolidJS component library — batteries and kitchen sink
+included, but optimized and shiny.
+
+## Install
+
+```sh
+bun add @pathscale/ui
+```
+
+## Usage
+
+```tsx
+import { Button, Flex } from "@pathscale/ui";
+
+export const Example = () => (
+  <Flex direction="col" gap="sm">
+    <Button color="primary">Primary</Button>
+  </Flex>
+);
+```
+
+## CSS
+
+Import the compatibility stylesheet to use `@pathscale/ui` components without
+relying on app-level DaisyUI plugin styles:
+
+```ts
+import "@pathscale/ui/dist/styles/compat/daisy-primitives.css";
+import "@pathscale/ui/dist/styles/icons/generated-icons.css";
+```
+
+## Motion
+
+Shared animation primitives live in `@pathscale/ui/motion`. For setup,
+Popmotion driver enablement, and migration notes, see `docs/motion.md`.
+
+## Development
+
+```sh
+bun run build
+```
+
+Other useful scripts:
+
+- `bun run dev`
+- `bun run lint`
+- `bun run format`
+
+## Playground Hot Test
+
+Run the playground from the repository root and hot-test local library changes without rebuilding:
+
+```sh
+bun run playground:dev
+```
+
+The playground resolves `@pathscale/ui` to local `src` via Vite aliases, so edits in `/src` and `/src/styles` refresh immediately.

package/dist/components/_shared/index.js

@@ -1,3 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__overlayPosition_js_25962dee__ from "./overlayPosition.js";
-var __webpack_exports__createOverlayPosition = __WEBPACK_EXTERNAL_MODULE__overlayPosition_js_25962dee__.createOverlayPosition;
-export { __webpack_exports__createOverlayPosition as createOverlayPosition };
+import { createOverlayPosition } from "./overlayPosition.js";
+export { createOverlayPosition };

package/dist/components/_shared/overlayPosition.js

@@ -1,4 +1,4 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import { createEffect, createSignal, onCleanup } from "solid-js";
 const oppositePlacement = {
     top: "bottom",
     bottom: "top",
@@ -31,11 +31,11 @@ const getCrossAxisCoordinate = (align, triggerStart, triggerSize, overlaySize)=>
 };
 const round = (value)=>Math.round(100 * value) / 100;
 const createOverlayPosition = (options)=>{
-    const [style, setStyle] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)({
+    const [style, setStyle] = createSignal({
         visibility: "hidden"
     });
-    const [resolvedPlacement, setResolvedPlacement] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(options.placement());
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    const [resolvedPlacement, setResolvedPlacement] = createSignal(options.placement());
+    createEffect(()=>{
         if (!options.open()) {
             setResolvedPlacement(options.placement());
             setStyle({
@@ -100,7 +100,7 @@ const createOverlayPosition = (options)=>{
         const resizeObserver = "undefined" != typeof ResizeObserver ? new ResizeObserver(schedule) : void 0;
         resizeObserver?.observe(trigger);
         resizeObserver?.observe(overlay);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        onCleanup(()=>{
             cancelAnimationFrame(frame);
             window.removeEventListener("resize", schedule);
             window.removeEventListener("scroll", schedule, true);

package/dist/components/accordion/Accordion.css

@@ -1,158 +1,158 @@
-@layer components {
-  .accordion {
-    width: 100%;
-    contain: layout style;
-  }
-
-  .accordion__item {
-    position: relative;
-    border: 0;
-  }
-
-  .accordion__item::after {
-    content: "";
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    height: 1px;
-    width: 100%;
-    border-radius: 9999px;
-    background-color: var(--color-base-300);
-  }
-
-  .accordion__item:last-child::after {
-    content: none;
-  }
-
-  .accordion__item--hide-separator::after {
-    display: none;
-  }
-
-  .accordion__item--disabled {
-    opacity: 0.65;
-  }
-
-  .accordion__trigger {
-    cursor: pointer;
-    display: flex;
-    width: 100%;
-    align-items: center;
-    justify-content: space-between;
-    border: 0;
-    background-color: transparent;
-    padding: 1rem;
-    text-align: left;
-    font-size: 0.875rem;
-    font-weight: 500;
-    color: inherit;
-    user-select: none;
-    transition:
-      opacity 150ms ease,
-      background-color 150ms ease,
-      box-shadow 150ms ease;
-  }
-
-  .accordion__trigger:focus-visible,
-  .accordion__trigger[data-focus-visible="true"] {
-    outline: 2px solid var(--color-base-content);
-    outline-offset: 2px;
-  }
-
-  .accordion__item--disabled .accordion__trigger,
-  .accordion__trigger:disabled,
-  .accordion__trigger[aria-disabled="true"] {
-    cursor: not-allowed;
-    opacity: 0.55;
-  }
-
-  @media (hover: hover) {
-    .accordion__trigger:hover:not([aria-expanded="true"]):not(:disabled):not(
-        [aria-disabled="true"]
-      ),
-    .accordion__trigger[data-hovered="true"]:not(
-        [aria-expanded="true"]
-      ):not(:disabled):not([aria-disabled="true"]) {
-      background-color: color-mix(
-        in oklab,
-        var(--color-base-content),
-        transparent 96%
-      );
-    }
-  }
-
-  .accordion__indicator {
-    margin-inline-start: auto;
-    height: 1rem;
-    width: 1rem;
-    flex-shrink: 0;
-    opacity: 0.65;
-    transition: transform 250ms ease;
-  }
-
-  .accordion__indicator--expanded {
-    transform: rotate(-180deg);
-  }
-
-  .accordion__content {
-    display: grid;
-    grid-template-rows: 0fr;
-    opacity: 0;
-    overflow: hidden;
-    transition:
-      grid-template-rows 200ms ease,
-      opacity 200ms ease;
-  }
-
-  .accordion__content--expanded {
-    grid-template-rows: 1fr;
-    opacity: 1;
-  }
-
-  .accordion__body {
-    min-height: 0;
-    overflow: hidden;
-    font-size: 0.875rem;
-  }
-
-  .accordion__body-inner {
-    padding-inline: 1rem;
-    padding-top: 0;
-    padding-bottom: 1rem;
-    color: color-mix(in oklab, var(--color-base-content), transparent 25%);
-  }
-
-  .accordion--surface {
-    border-radius: 1.5rem;
-    background-color: var(--color-base-100);
-  }
-
-  .accordion--surface .accordion__item::after {
-    left: 3%;
-    width: 94%;
-    background-color: color-mix(
-      in oklab,
-      var(--color-base-content),
-      transparent 90%
-    );
-  }
-
-  .accordion--surface .accordion__item:first-child .accordion__trigger {
-    border-top-left-radius: 1.5rem;
-    border-top-right-radius: 1.5rem;
-  }
-
-  .accordion--surface
-    .accordion__item:last-child:not(.accordion__item--expanded)
-    .accordion__trigger {
-    border-bottom-left-radius: 1.5rem;
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .accordion__trigger,
-    .accordion__indicator,
-    .accordion__content {
-      transition: none;
-    }
-  }
-}
+@layer components {
+  .accordion {
+    width: 100%;
+    contain: layout style;
+  }
+
+  .accordion__item {
+    position: relative;
+    border: 0;
+  }
+
+  .accordion__item::after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    height: 1px;
+    width: 100%;
+    border-radius: 9999px;
+    background-color: var(--color-base-300);
+  }
+
+  .accordion__item:last-child::after {
+    content: none;
+  }
+
+  .accordion__item--hide-separator::after {
+    display: none;
+  }
+
+  .accordion__item--disabled {
+    opacity: 0.65;
+  }
+
+  .accordion__trigger {
+    cursor: pointer;
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: space-between;
+    border: 0;
+    background-color: transparent;
+    padding: 1rem;
+    text-align: left;
+    font-size: 0.875rem;
+    font-weight: 500;
+    color: inherit;
+    user-select: none;
+    transition:
+      opacity 150ms ease,
+      background-color 150ms ease,
+      box-shadow 150ms ease;
+  }
+
+  .accordion__trigger:focus-visible,
+  .accordion__trigger[data-focus-visible="true"] {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+  }
+
+  .accordion__item--disabled .accordion__trigger,
+  .accordion__trigger:disabled,
+  .accordion__trigger[aria-disabled="true"] {
+    cursor: not-allowed;
+    opacity: 0.55;
+  }
+
+  @media (hover: hover) {
+    .accordion__trigger:hover:not([aria-expanded="true"]):not(:disabled):not(
+        [aria-disabled="true"]
+      ),
+    .accordion__trigger[data-hovered="true"]:not(
+        [aria-expanded="true"]
+      ):not(:disabled):not([aria-disabled="true"]) {
+      background-color: color-mix(
+        in oklab,
+        var(--color-base-content),
+        transparent 96%
+      );
+    }
+  }
+
+  .accordion__indicator {
+    margin-inline-start: auto;
+    height: 1rem;
+    width: 1rem;
+    flex-shrink: 0;
+    opacity: 0.65;
+    transition: transform 250ms ease;
+  }
+
+  .accordion__indicator--expanded {
+    transform: rotate(-180deg);
+  }
+
+  .accordion__content {
+    display: grid;
+    grid-template-rows: 0fr;
+    opacity: 0;
+    overflow: hidden;
+    transition:
+      grid-template-rows 200ms ease,
+      opacity 200ms ease;
+  }
+
+  .accordion__content--expanded {
+    grid-template-rows: 1fr;
+    opacity: 1;
+  }
+
+  .accordion__body {
+    min-height: 0;
+    overflow: hidden;
+    font-size: 0.875rem;
+  }
+
+  .accordion__body-inner {
+    padding-inline: 1rem;
+    padding-top: 0;
+    padding-bottom: 1rem;
+    color: color-mix(in oklab, var(--color-base-content), transparent 25%);
+  }
+
+  .accordion--surface {
+    border-radius: 1.5rem;
+    background-color: var(--color-base-100);
+  }
+
+  .accordion--surface .accordion__item::after {
+    left: 3%;
+    width: 94%;
+    background-color: color-mix(
+      in oklab,
+      var(--color-base-content),
+      transparent 90%
+    );
+  }
+
+  .accordion--surface .accordion__item:first-child .accordion__trigger {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .accordion--surface
+    .accordion__item:last-child:not(.accordion__item--expanded)
+    .accordion__trigger {
+    border-bottom-left-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .accordion__trigger,
+    .accordion__indicator,
+    .accordion__content {
+      transition: none;
+    }
+  }
+}