@pathscale/ui 0.0.10 → 0.0.12

package/dist/chunk/GA2HCFRS.jsx

@@ -1,228 +0,0 @@
-import {
-  PolymorphicButton_default
-} from "./KACNXPUM.jsx";
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/button/Button.tsx
-import {
-  mergeProps,
-  splitProps,
-  createMemo
-} from "solid-js";
-
-// src/components/button/Button.styles.ts
-var buttonVariants = cva(
-  [
-    "inline-flex items-center font-medium outline-none select-none",
-    "not-disabled:cursor-pointer",
-    "disabled:cursor-not-allowed disabled:opacity-25",
-    "aria-busy:cursor-wait",
-    "transition active:transition-none"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "text-sm leading-tight",
-        md: "text-base leading-tight",
-        lg: "text-lg leading-tight"
-      },
-      color: {
-        inverse: "",
-        primary: "",
-        secondary: "",
-        tertiary: "",
-        accent: "",
-        positive: "",
-        destructive: ""
-      },
-      align: {
-        start: "justify-start",
-        center: "justify-center",
-        end: "justify-end"
-      },
-      shape: {
-        circle: "rounded-full",
-        rounded: "rounded-lg"
-      },
-      spacing: {
-        0: "gap-0 p-0",
-        xs: "gap-1.5 px-1.5 py-1.5",
-        sm: "gap-1.5 px-2 py-2",
-        md: "gap-1.5 px-3 py-2",
-        lg: "gap-1.5 px-3.5 py-2.5"
-      },
-      loading: {
-        true: "",
-        false: ""
-      },
-      stretched: {
-        true: "w-full",
-        false: "w-fit"
-      },
-      variant: {
-        fill: [
-          "not-disabled:hover:opacity-75 not-disabled:active:opacity-50",
-          "aria-[current]:opacity-75 data-expanded:opacity-75 data-open:opacity-75",
-          "focus-visible:opacity-75"
-        ],
-        gray: [
-          "bg-bg-primary not-disabled:hover:bg-bg-secondary not-disabled:active:bg-bg-secondary not-disabled:active:opacity-75",
-          "aria-[current]:bg-bg-secondary data-expanded:bg-bg-secondary data-open:bg-bg-secondary",
-          "focus-visible:bg-bg-secondary"
-        ],
-        ghost: [
-          "not-disabled:hover:bg-bg-primary not-disabled:active:bg-bg-primary not-disabled:active:opacity-75",
-          "aria-[current]:bg-bg-primary data-expanded:bg-bg-primary data-open:bg-bg-primary",
-          "focus-visible:bg-bg-primary"
-        ]
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "fill",
-        color: "inverse",
-        class: "bg-bg-inverse text-fg-inverse"
-      },
-      {
-        variant: "fill",
-        color: "primary",
-        class: "bg-bg-primary text-fg-body"
-      },
-      {
-        variant: "fill",
-        color: "secondary",
-        class: "bg-bg-secondary text-fg-body"
-      },
-      {
-        variant: "fill",
-        color: "tertiary",
-        class: "bg-bg-tertiary text-fg-body"
-      },
-      {
-        variant: "fill",
-        color: "accent",
-        class: "bg-bg-accent text-light"
-      },
-      {
-        variant: "fill",
-        color: "positive",
-        class: "bg-bg-positive text-light"
-      },
-      {
-        variant: "fill",
-        color: "destructive",
-        class: "bg-bg-destructive text-light"
-      },
-      {
-        variant: "gray",
-        color: "inverse",
-        class: "text-fg-inverse"
-      },
-      {
-        variant: "gray",
-        color: "primary",
-        class: "text-fg-primary"
-      },
-      {
-        variant: "gray",
-        color: "secondary",
-        class: "text-fg-secondary"
-      },
-      {
-        variant: "gray",
-        color: "tertiary",
-        class: "text-fg-tertiary"
-      },
-      {
-        variant: "gray",
-        color: "accent",
-        class: "text-fg-accent"
-      },
-      {
-        variant: "gray",
-        color: "positive",
-        class: "text-fg-positive"
-      },
-      {
-        variant: "gray",
-        color: "destructive",
-        class: "text-fg-destructive"
-      },
-      {
-        variant: "ghost",
-        color: "inverse",
-        class: "text-fg-inverse"
-      },
-      {
-        variant: "ghost",
-        color: "primary",
-        class: "text-fg-primary"
-      },
-      {
-        variant: "ghost",
-        color: "secondary",
-        class: "text-fg-secondary"
-      },
-      {
-        variant: "ghost",
-        color: "tertiary",
-        class: "text-fg-tertiary"
-      },
-      {
-        variant: "ghost",
-        color: "accent",
-        class: "text-fg-accent"
-      },
-      {
-        variant: "ghost",
-        color: "positive",
-        class: "text-fg-positive"
-      },
-      {
-        variant: "ghost",
-        color: "destructive",
-        class: "text-fg-destructive"
-      }
-    ],
-    defaultVariants: {
-      size: "md",
-      color: "primary",
-      align: "center",
-      shape: "rounded",
-      spacing: "md",
-      variant: "fill",
-      loading: false,
-      stretched: false
-    }
-  }
-);
-
-// src/components/button/Button.tsx
-var Button = (props) => {
-  const defaultedProps = mergeProps(
-    {
-      color: "primary"
-    },
-    props
-  );
-  const [variantProps, otherProps] = splitProps(defaultedProps, [
-    "class",
-    ...buttonVariants.variantKeys
-  ]);
-  const classes = createMemo(() => buttonVariants(variantProps));
-  return <PolymorphicButton_default
-    class={classes()}
-    aria-busy={variantProps.loading ? "true" : void 0}
-    {...otherProps}
-  />;
-};
-var Button_default = Button;
-
-// src/components/button/index.ts
-var button_default = Button_default;
-
-export {
-  button_default
-};

package/dist/chunk/GWFGP2JQ.jsx

@@ -1,179 +0,0 @@
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/switch/Switch.tsx
-import {
-  createSignal,
-  splitProps,
-  createMemo,
-  untrack
-} from "solid-js";
-
-// src/components/switch/Switch.styles.ts
-var switchVariants = cva(
-  "switch inline-flex items-center gap-2 select-none",
-  {
-    variants: {
-      size: {
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg"
-      },
-      disabled: {
-        true: "opacity-50",
-        false: ""
-      },
-      rounded: {
-        true: "",
-        false: ""
-      },
-      outlined: {
-        true: "",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      disabled: false,
-      rounded: true,
-      outlined: false
-    }
-  }
-);
-var checkVariants = cva(
-  [
-    "relative transition-colors duration-200",
-    "after:content-[''] after:absolute after:bg-white after:transition-transform after:duration-700 after:ease-in-out after:shadow-sm"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "w-8 h-4 after:w-3 after:h-3 after:left-0.5 after:top-0.5 peer-checked:after:translate-x-4",
-        md: "w-10 h-6 after:w-4 after:h-4 after:left-1 after:top-1 peer-checked:after:translate-x-4",
-        lg: "w-12 h-7 after:w-5 after:h-5 after:left-1 after:top-1 peer-checked:after:translate-x-5"
-      },
-      color: {
-        primary: "peer-checked:bg-blue-500",
-        success: "peer-checked:bg-green-500",
-        danger: "peer-checked:bg-red-500",
-        warning: "peer-checked:bg-yellow-400",
-        gray: "peer-checked:bg-gray-400"
-      },
-      passiveColor: {
-        primary: "bg-blue-200",
-        success: "bg-green-200",
-        danger: "bg-red-200",
-        warning: "bg-yellow-200",
-        gray: "bg-gray-200"
-      },
-      rounded: {
-        true: "rounded-full after:rounded-full",
-        false: "rounded-md after:rounded-sm"
-      },
-      outlined: {
-        true: "bg-transparent ring border-current",
-        false: ""
-      },
-      disabled: {
-        true: "bg-gray-200 border border-gray-300 after:bg-gray-100",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      color: "primary",
-      passiveColor: "gray",
-      rounded: true,
-      outlined: false
-    }
-  }
-);
-var switchLabelClass = cva("control-label", {
-  variants: {
-    disabled: {
-      true: "text-gray-400 dark:text-gray-500",
-      false: "text-gray-800 dark:text-gray-200"
-    }
-  },
-  defaultVariants: {
-    disabled: false
-  }
-});
-
-// src/components/switch/Switch.tsx
-var Switch = (props) => {
-  const [localProps, variantProps, otherProps] = splitProps(
-    props,
-    [
-      "children",
-      "checked",
-      "defaultChecked",
-      "onChange",
-      "name",
-      "required",
-      "disabled",
-      "aria-label",
-      "aria-describedby"
-    ],
-    ["size", "rounded", "outlined", "color", "passiveColor", "disabled"]
-  );
-  const isControlled = localProps.checked !== void 0;
-  const [internalChecked, setInternalChecked] = createSignal(
-    localProps.defaultChecked ?? false
-  );
-  const checkedValue = createMemo(
-    () => untrack(() => isControlled ? localProps.checked : internalChecked())
-  );
-  const switchClasses = createMemo(() => switchVariants(variantProps));
-  const checkClasses = createMemo(
-    () => checkVariants({
-      size: variantProps.size,
-      color: variantProps.color,
-      passiveColor: variantProps.passiveColor,
-      rounded: variantProps.rounded,
-      outlined: variantProps.outlined,
-      disabled: localProps.disabled
-    })
-  );
-  const handleChange = (e) => {
-    if (localProps.disabled) return;
-    const next = e.currentTarget.checked;
-    untrack(() => {
-      if (!isControlled) setInternalChecked(next);
-      localProps.onChange?.(next);
-    });
-  };
-  return <label
-    class={switchClasses()}
-    role="switch"
-    aria-checked={checkedValue()}
-    aria-label={localProps["aria-label"]}
-    aria-describedby={localProps["aria-describedby"]}
-  >
-      <input
-    type="checkbox"
-    class="sr-only peer"
-    checked={checkedValue()}
-    onChange={handleChange}
-    name={localProps.name}
-    required={localProps.required}
-    disabled={localProps.disabled}
-    aria-hidden="true"
-    {...otherProps}
-  />
-
-      <span class={checkClasses()} />
-      <span class={switchLabelClass({ disabled: localProps.disabled })}>
-        {localProps.children}
-      </span>
-    </label>;
-};
-var Switch_default = Switch;
-
-// src/components/switch/index.ts
-var switch_default = Switch_default;
-
-export {
-  switch_default
-};

package/dist/chunk/LAQPAV5I.jsx

@@ -1,187 +0,0 @@
-import {
-  classes,
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/steps/Steps.tsx
-import {
-  createSignal,
-  splitProps,
-  For,
-  Show,
-  createMemo
-} from "solid-js";
-
-// src/components/steps/Steps.styles.ts
-var stepsContainer = cva("flex flex-col", {
-  variants: {
-    animated: {
-      true: "transition-all duration-300 ease-in-out",
-      false: ""
-    }
-  },
-  defaultVariants: { animated: false }
-});
-var navBar = cva("flex items-center justify-between mb-6");
-var navItem = cva(
-  "relative flex-1 flex flex-col items-center",
-  {
-    variants: {
-      clickable: {
-        true: "cursor-pointer",
-        false: "pointer-events-none"
-      },
-      disabled: {
-        true: "opacity-50 pointer-events-none",
-        false: ""
-      }
-    },
-    defaultVariants: { clickable: false, disabled: false }
-  }
-);
-var marker = cva(
-  "w-8 h-8 flex items-center justify-center rounded-full border-2",
-  {
-    variants: {
-      active: {
-        true: "bg-blue-500 border-blue-500 text-white",
-        false: "bg-white border-gray-300 text-gray-600"
-      }
-    },
-    defaultVariants: { active: false }
-  }
-);
-var line = cva("absolute top-1/2 left-full w-full h-0.5", {
-  variants: {
-    active: {
-      true: "bg-blue-500",
-      false: "bg-gray-300"
-    }
-  },
-  defaultVariants: { active: false }
-});
-var title = cva("mt-2 text-sm", {
-  variants: {
-    active: {
-      true: "text-blue-600 font-medium",
-      false: "text-gray-600"
-    }
-  },
-  defaultVariants: { active: false }
-});
-var subtitle = cva("text-xs mt-1", {
-  variants: {
-    color: {
-      default: "text-blue-500",
-      muted: "text-gray-500",
-      accent: "text-green-500"
-    }
-  },
-  defaultVariants: { color: "default" }
-});
-var buttonSteps = cva("px-4 py-2 bg-blue-600 text-white rounded");
-
-// src/components/steps/Steps.tsx
-var Steps = (props) => {
-  const [local, variantProps, otherProps] = splitProps(
-    props,
-    ["steps", "animated", "initial", "value", "onStepChange", "className"],
-    ["animated"]
-  );
-  const isControlled = () => local.value !== void 0;
-  const [internalIndex, setInternalIndex] = createSignal(local.initial ?? 0);
-  const activeIndex = createMemo(
-    () => isControlled() ? local.value : internalIndex()
-  );
-  const clamp = (i) => Math.max(0, Math.min(i, local.steps.length - 1));
-  const changeIndex = (i) => {
-    const idx = clamp(i);
-    if (isControlled()) local.onStepChange?.(idx);
-    else setInternalIndex(idx);
-  };
-  const next = () => changeIndex(activeIndex() + 1);
-  const back = () => changeIndex(activeIndex() - 1);
-  const isActive = (i) => i === activeIndex();
-  const isPast = (i) => i < activeIndex();
-  return <div
-    class={classes(
-      stepsContainer({ animated: local.animated }),
-      local.className
-    )}
-    {...otherProps}
-  >
-      <nav class={navBar()}>
-        <For each={local.steps}>
-          {(step, idx) => {
-    const i = idx();
-    return <div
-      class={navItem({ clickable: !!step.clickable })}
-      onClick={() => step.clickable && changeIndex(i)}
-    >
-                <div class={marker({ active: isActive(i) || isPast(i) })}>
-                  {step.marker ?? String(i + 1)}
-                </div>
-                <Show when={i < local.steps.length - 1}>
-                  <div class={line({ active: isPast(i) })} />
-                </Show>
-                <div class={title({ active: isActive(i) || isPast(i) })}>
-                  {step.title}
-                </div>
-                <Show when={step.subtitle}>
-                  <div class={subtitle()}>{step.subtitle}</div>
-                </Show>
-              </div>;
-  }}
-        </For>
-      </nav>
-      <div>
-        <For each={local.steps}>
-          {(step, idx) => {
-    const i = idx();
-    return <Show when={isActive(i)}>
-                <div>
-                  {step.content}
-                  <div class="flex justify-end gap-2 mt-6">
-                    <Show when={i > 0}>
-                      <button
-      type="button"
-      class="px-4 py-2 border rounded"
-      onClick={back}
-    >
-                        Back
-                      </button>
-                    </Show>
-                    <Show when={i < local.steps.length - 1}>
-                      <button
-      type="button"
-      class={buttonSteps()}
-      onClick={next}
-    >
-                        Next
-                      </button>
-                    </Show>
-                    <Show when={i === local.steps.length - 1}>
-                      <button
-      type="button"
-      class="px-4 py-2 bg-green-600 text-white rounded"
-      onClick={() => changeIndex(0)}
-    >
-                        Restart
-                      </button>
-                    </Show>
-                  </div>
-                </div>
-              </Show>;
-  }}
-        </For>
-      </div>
-    </div>;
-};
-var Steps_default = Steps;
-
-// src/components/steps/index.ts
-var steps_default = Steps_default;
-
-export {
-  steps_default
-};