@pathscale/ui 0.0.1 → 0.0.3

package/dist/components/select/index.jsx

@@ -1,95 +1,7 @@
 import {
-  classes,
-  cva
-} from "../../chunk/P7WPLZNA.jsx";
-
-// src/components/select/Select.tsx
-import {
-  splitProps,
-  Show,
-  createMemo,
-  untrack
-} from "solid-js";
-
-// src/components/select/Select.styles.ts
-var selectVariants = cva(
-  [
-    "relative inline-flex items-center appearance-none",
-    "border outline-none",
-    "transition bg-white text-black",
-    "disabled:opacity-50 disabled:cursor-not-allowed"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "text-sm px-2 py-1",
-        md: "text-base px-3 py-2",
-        lg: "text-lg px-4 py-2"
-      },
-      color: {
-        primary: "border-gray-300 focus:border-primary",
-        info: "border-blue-300 focus:border-blue-500",
-        success: "border-green-300 focus:border-green-500",
-        warning: "border-yellow-300 focus:border-yellow-500",
-        danger: "border-red-300 focus:border-red-500"
-      },
-      loading: {
-        true: "cursor-wait opacity-75",
-        false: ""
-      },
-      expanded: {
-        true: "w-full",
-        false: "w-fit"
-      },
-      rounded: {
-        true: "rounded",
-        false: "rounded-none"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      color: "primary",
-      loading: false,
-      expanded: false,
-      rounded: false
-    }
-  }
-);
-
-// src/components/select/Select.tsx
-var Select = (props) => {
-  const [localProps, variantProps, otherProps] = splitProps(
-    props,
-    ["placeholder", "value", "nativeSize", "onChange", "onBlur", "onFocus"],
-    ["class", ...selectVariants.variantKeys]
-  );
-  const empty = createMemo(
-    () => untrack(() => localProps.value === null || localProps.value === void 0)
-  );
-  const selectClasses = createMemo(
-    () => classes(selectVariants(variantProps), variantProps.class)
-  );
-  return <select
-    class={selectClasses()}
-    size={localProps.nativeSize}
-    value={localProps.value}
-    onChange={localProps.onChange}
-    onFocus={localProps.onFocus}
-    onBlur={localProps.onBlur}
-    {...otherProps}
-  >
-      <Show when={localProps.placeholder && empty()}>
-        <option value="" disabled hidden>
-          {localProps.placeholder}
-        </option>
-      </Show>
-      {props.children}
-    </select>;
-};
-var Select_default = Select;
-
-// src/components/select/index.ts
-var select_default = Select_default;
+  select_default
+} from "../../chunk/6SBH3KSM.jsx";
+import "../../chunk/P7WPLZNA.jsx";
 export {
   select_default as default
 };

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

@@ -0,0 +1,8 @@
+import { S as Steps } from '../../Steps-1miUeyCD.js';
+export { a as StepItem } from '../../Steps-1miUeyCD.js';
+import 'solid-js';
+import '../../classes-B_S9K-9I.js';
+
+
+
+export { Steps as default };

package/dist/components/steps/index.js

@@ -0,0 +1 @@
+export { steps_default as default } from '../../chunk/TT2JYGLU.js';

package/dist/components/steps/index.jsx

@@ -0,0 +1,7 @@
+import {
+  steps_default
+} from "../../chunk/LAQPAV5I.jsx";
+import "../../chunk/P7WPLZNA.jsx";
+export {
+  steps_default as default
+};

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

@@ -1,72 +1,8 @@
-import { JSX, Component } from 'solid-js';
-import { C as ConfigVariants, a as ClassProps, V as VariantProps } from '../../classes-B_S9K-9I.js';
+import { S as Switch } from '../../Switch-BiKX7HZ2.js';
+export { a as SwitchProps } from '../../Switch-BiKX7HZ2.js';
+import 'solid-js';
+import '../../classes-B_S9K-9I.js';
 
-declare const switchVariants: {
-    (props?: (ConfigVariants<{
-        size: {
-            sm: string;
-            md: string;
-            lg: string;
-        };
-        disabled: {
-            true: string;
-            false: string;
-        };
-        rounded: {
-            true: string;
-            false: string;
-        };
-        outlined: {
-            true: string;
-            false: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("size" | "disabled" | "rounded" | "outlined")[];
-};
-declare const checkVariants: {
-    (props?: (ConfigVariants<{
-        size: {
-            sm: string;
-            md: string;
-            lg: string;
-        };
-        color: {
-            blue: string;
-            green: string;
-            red: string;
-            yellow: string;
-            gray: string;
-        };
-        passiveColor: {
-            blue: string;
-            green: string;
-            red: string;
-            yellow: string;
-            gray: string;
-        };
-        rounded: {
-            true: string;
-            false: string;
-        };
-        outlined: {
-            true: string;
-            false: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("size" | "rounded" | "outlined" | "color" | "passiveColor")[];
-};
 
-type SwitchProps = {
-    children?: JSX.Element;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onChange?: (checked: boolean) => void;
-    name?: string;
-    required?: boolean;
-    disabled?: boolean;
-    "aria-label"?: string;
-    "aria-describedby"?: string;
-} & VariantProps<typeof switchVariants> & VariantProps<typeof checkVariants> & Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "onChange">;
-declare const Switch: Component<SwitchProps>;
 
-export { type SwitchProps, Switch as default };
+export { Switch as default };

package/dist/components/switch/index.js

@@ -1,144 +1 @@
-import { cva } from '../../chunk/HKS7ET6T.js';
-import { template, spread, mergeProps, insert, effect, className, setAttribute } from 'solid-js/web';
-import { splitProps, createSignal, 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 cursor-not-allowed",
-        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"
-  ].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: {
-        blue: "peer-checked:bg-blue-500",
-        green: "peer-checked:bg-green-500",
-        red: "peer-checked:bg-red-500",
-        yellow: "peer-checked:bg-yellow-400",
-        gray: "peer-checked:bg-gray-500"
-      },
-      passiveColor: {
-        blue: "bg-blue-200",
-        green: "bg-green-200",
-        red: "bg-red-200",
-        yellow: "bg-yellow-200",
-        gray: "bg-gray-300"
-      },
-      rounded: {
-        true: "rounded-full after:rounded-full",
-        false: "rounded-md after:rounded-sm"
-      },
-      outlined: {
-        true: "ring-2 ring-inset ring-white",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      color: "blue",
-      passiveColor: "gray",
-      rounded: true,
-      outlined: false
-    }
-  }
-);
-
-// src/components/switch/Switch.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<label role=switch><input type=checkbox class="sr-only peer"aria-hidden=true><span></span><span class=control-label>`);
-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"]);
-  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
-  }));
-  const handleChange = (e) => {
-    const next = e.currentTarget.checked;
-    untrack(() => {
-      if (!isControlled) setInternalChecked(next);
-      localProps.onChange?.(next);
-    });
-  };
-  return (() => {
-    var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling;
-    _el$2.addEventListener("change", handleChange);
-    spread(_el$2, mergeProps({
-      get checked() {
-        return checkedValue();
-      },
-      get name() {
-        return localProps.name;
-      },
-      get required() {
-        return localProps.required;
-      },
-      get disabled() {
-        return localProps.disabled;
-      }
-    }, otherProps), false, false);
-    insert(_el$4, () => localProps.children);
-    effect((_p$) => {
-      var _v$ = switchClasses(), _v$2 = checkedValue(), _v$3 = localProps["aria-label"], _v$4 = localProps["aria-describedby"], _v$5 = checkClasses();
-      _v$ !== _p$.e && className(_el$, _p$.e = _v$);
-      _v$2 !== _p$.t && setAttribute(_el$, "aria-checked", _p$.t = _v$2);
-      _v$3 !== _p$.a && setAttribute(_el$, "aria-label", _p$.a = _v$3);
-      _v$4 !== _p$.o && setAttribute(_el$, "aria-describedby", _p$.o = _v$4);
-      _v$5 !== _p$.i && className(_el$3, _p$.i = _v$5);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0,
-      i: void 0
-    });
-    return _el$;
-  })();
-};
-var Switch_default = Switch;
-
-// src/components/switch/index.ts
-var switch_default = Switch_default;
-
-export { switch_default as default };
+export { switch_default as default } from '../../chunk/P2L6LFLS.js';

package/dist/components/switch/index.jsx

@@ -1,159 +1,7 @@
 import {
-  cva
-} from "../../chunk/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 cursor-not-allowed",
-        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"
-  ].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: {
-        blue: "peer-checked:bg-blue-500",
-        green: "peer-checked:bg-green-500",
-        red: "peer-checked:bg-red-500",
-        yellow: "peer-checked:bg-yellow-400",
-        gray: "peer-checked:bg-gray-500"
-      },
-      passiveColor: {
-        blue: "bg-blue-200",
-        green: "bg-green-200",
-        red: "bg-red-200",
-        yellow: "bg-yellow-200",
-        gray: "bg-gray-300"
-      },
-      rounded: {
-        true: "rounded-full after:rounded-full",
-        false: "rounded-md after:rounded-sm"
-      },
-      outlined: {
-        true: "ring-2 ring-inset ring-white",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      color: "blue",
-      passiveColor: "gray",
-      rounded: true,
-      outlined: 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"]
-  );
-  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
-    })
-  );
-  const handleChange = (e) => {
-    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="control-label">{localProps.children}</span>
-    </label>;
-};
-var Switch_default = Switch;
-
-// src/components/switch/index.ts
-var switch_default = Switch_default;
+  switch_default
+} from "../../chunk/GLEAR2TS.jsx";
+import "../../chunk/P7WPLZNA.jsx";
 export {
   switch_default as default
 };

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

@@ -0,0 +1,8 @@
+import { T as Table } from '../../Table-CGa6Nop3.js';
+export { C as Column, a as TableProps } from '../../Table-CGa6Nop3.js';
+import 'solid-js';
+import '../../classes-B_S9K-9I.js';
+
+
+
+export { Table as default };

package/dist/components/table/index.js

@@ -0,0 +1 @@
+export { table_default as default } from '../../chunk/QYEMOKUG.js';

package/dist/components/table/index.jsx

@@ -0,0 +1,7 @@
+import {
+  table_default
+} from "../../chunk/HWAGW5N4.jsx";
+import "../../chunk/P7WPLZNA.jsx";
+export {
+  table_default as default
+};

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

@@ -1,42 +1,8 @@
-import { JSX, Component } from 'solid-js';
-import { C as ConfigVariants, a as ClassProps, V as VariantProps } from '../../classes-B_S9K-9I.js';
+import { T as Tabs } from '../../Tabs-BEnRV6GG.js';
+export { a as TabsProps } from '../../Tabs-BEnRV6GG.js';
+import 'solid-js';
+import '../../classes-B_S9K-9I.js';
 
-declare const tabsNavVariants: {
-    (props?: (ConfigVariants<{
-        type: {
-            basic: string;
-            boxed: string;
-            toggle: string;
-            "toggle-rounded": string;
-        };
-        size: {
-            sm: string;
-            md: string;
-            lg: string;
-        };
-        alignment: {
-            left: string;
-            center: string;
-            right: string;
-        };
-        expanded: {
-            true: string;
-            false: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("type" | "size" | "alignment" | "expanded")[];
-};
 
-type TabItem = {
-    label: string;
-    content: JSX.Element;
-    disabled?: boolean;
-};
-type TabsProps = {
-    items: TabItem[];
-    value?: number;
-    onChange?: (index: number) => void;
-} & VariantProps<typeof tabsNavVariants>;
-declare const Tabs: Component<TabsProps>;
 
-export { type TabsProps, Tabs as default };
+export { Tabs as default };