@pathscale/ui 0.0.5 → 0.0.7

package/dist/chunk/Z5DP7GYE.jsx

@@ -0,0 +1,155 @@
+import {
+  cva
+} from "./P7WPLZNA.jsx";
+
+// src/components/checkbox/Checkbox.tsx
+import {
+  splitProps,
+  createSignal,
+  Show,
+  untrack
+} from "solid-js";
+
+// src/components/checkbox/Checkbox.styles.ts
+var checkboxVariants = cva(
+  [
+    "relative inline-flex items-center gap-2 select-none",
+    "cursor-pointer disabled:cursor-default peer-disabled:cursor-default",
+    "peer-disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-sm",
+        md: "text-base",
+        lg: "text-lg"
+      },
+      color: {
+        primary: "text-blue-600",
+        success: "text-green-600",
+        warning: "text-yellow-600",
+        danger: "text-red-600"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      color: "primary"
+    }
+  }
+);
+var checkboxMarkerVariants = cva([
+  "inline-flex items-center justify-center w-5 h-5 rounded-sm border",
+  "transition-colors duration-200",
+  "border-gray-400 text-gray-800 dark:text-gray-200",
+  "peer-disabled:opacity-50"
+]);
+var checkboxInputClass = "peer absolute opacity-0 w-4 h-4";
+var checkboxLabelClass = "ml-2 text-gray-800 dark:text-gray-200";
+
+// src/components/checkbox/CheckIcon.tsx
+import "solid-js";
+var CheckIcon = () => <svg
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="3"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  class="w-3.5 h-3.5"
+>
+    <polyline points="20 6 9 17 4 12" />
+  </svg>;
+var CheckIcon_default = CheckIcon;
+
+// src/components/checkbox/MinusIcon.tsx
+import "solid-js";
+var MinusIcon = () => <svg
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="3"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  class="w-3.5 h-3.5"
+>
+    <line x1="5" y1="12" x2="19" y2="12" />
+  </svg>;
+var MinusIcon_default = MinusIcon;
+
+// src/components/checkbox/Checkbox.tsx
+var Checkbox = (props) => {
+  const [localProps, variantProps, otherProps] = splitProps(
+    props,
+    [
+      "label",
+      "indeterminate",
+      "defaultChecked",
+      "checked",
+      "onChange",
+      "onFocus",
+      "onBlur",
+      "disabled"
+    ],
+    ["class", ...checkboxVariants.variantKeys]
+  );
+  let inputRef;
+  const [status, setStatus] = createSignal(
+    localProps.indeterminate ? "indeterminate" : localProps.defaultChecked ? "checked" : "unchecked"
+  );
+  const handleChange = (e) => {
+    const input = e.currentTarget;
+    if (input.indeterminate) {
+      input.indeterminate = false;
+      input.checked = true;
+      setStatus("checked");
+    } else {
+      setStatus(input.checked ? "checked" : "unchecked");
+    }
+    untrack(() => {
+      if (typeof localProps.onChange === "function") {
+        localProps.onChange(e);
+      }
+    });
+  };
+  return <label
+    class={checkboxVariants()}
+    role="checkbox"
+    aria-checked={status() === "indeterminate" ? "mixed" : status() === "checked"}
+  >
+      <input
+    ref={(el) => {
+      inputRef = el;
+      if (status() === "indeterminate") {
+        el.indeterminate = true;
+      }
+    }}
+    type="checkbox"
+    class={checkboxInputClass}
+    checked={status() === "checked"}
+    disabled={localProps.disabled}
+    aria-hidden="true"
+    {...otherProps}
+    onChange={handleChange}
+    onFocus={localProps.onFocus}
+    onBlur={localProps.onBlur}
+  />
+
+      <span class={checkboxMarkerVariants()}>
+        <Show when={status() !== "unchecked"}>
+          {status() === "indeterminate" ? <MinusIcon_default /> : <CheckIcon_default />}
+        </Show>
+      </span>
+
+      <Show when={localProps.label}>
+        <span class={checkboxLabelClass}>{localProps.label}</span>
+      </Show>
+    </label>;
+};
+var Checkbox_default = Checkbox;
+
+// src/components/checkbox/index.ts
+var checkbox_default = Checkbox_default;
+
+export {
+  checkbox_default
+};

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

@@ -1,5 +1,5 @@
-import { C as Checkbox } from '../../Checkbox-BjaweaOH.js';
-export { a as CheckboxProps } from '../../Checkbox-BjaweaOH.js';
+import { C as Checkbox } from '../../Checkbox-CzeDsQLA.js';
+export { a as CheckboxProps } from '../../Checkbox-CzeDsQLA.js';
 import 'solid-js';
 import '../../classes-B_S9K-9I.js';
 

package/dist/components/checkbox/index.js

@@ -1 +1 @@
-export { checkbox_default as default } from '../../chunk/FPUQ25SO.js';
+export { checkbox_default as default } from '../../chunk/VLJEQN2A.js';

package/dist/components/checkbox/index.jsx

@@ -1,6 +1,6 @@
 import {
   checkbox_default
-} from "../../chunk/MXG3MBEN.jsx";
+} from "../../chunk/Z5DP7GYE.jsx";
 import "../../chunk/P7WPLZNA.jsx";
 export {
   checkbox_default as default

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

@@ -1,8 +1,10 @@
-import { I as Input } from '../../Input-BQbTzjIO.js';
-export { a as InputProps } from '../../Input-BQbTzjIO.js';
-import 'solid-js';
+import { I as Input } from '../../Input-X4gwIB-F.js';
+export { a as InputProps } from '../../Input-X4gwIB-F.js';
+import { Component } from 'solid-js';
 import '../../classes-B_S9K-9I.js';
 
+declare const EyeIcon: Component<{
+    invisible?: boolean;
+}>;
 
-
-export { Input as default };
+export { EyeIcon, Input as default };

package/dist/components/input/index.js

@@ -1 +1 @@
-export { input_default as default } from '../../chunk/T2DPPLBQ.js';
+export { EyeIcon_default as EyeIcon, input_default as default } from '../../chunk/FNXIOJJY.js';

package/dist/components/input/index.jsx

@@ -1,7 +1,9 @@
 import {
+  EyeIcon_default,
   input_default
-} from "../../chunk/N7BXP7EI.jsx";
+} from "../../chunk/DGI3XY32.jsx";
 import "../../chunk/P7WPLZNA.jsx";
 export {
+  EyeIcon_default as EyeIcon,
   input_default as default
 };

package/dist/components/select/index.js

@@ -1 +1 @@
-export { select_default as default } from '../../chunk/3IHANYRN.js';
+export { select_default as default } from '../../chunk/OMRJVDZV.js';

package/dist/components/select/index.jsx

@@ -1,6 +1,6 @@
 import {
   select_default
-} from "../../chunk/6SBH3KSM.jsx";
+} from "../../chunk/F33TSIEQ.jsx";
 import "../../chunk/P7WPLZNA.jsx";
 export {
   select_default as default

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

@@ -1,5 +1,5 @@
-import { S as Switch } from '../../Switch-3IXS_68H.js';
-export { a as SwitchProps } from '../../Switch-3IXS_68H.js';
+import { S as Switch } from '../../Switch-B6dN2G97.js';
+export { a as SwitchProps } from '../../Switch-B6dN2G97.js';
 import 'solid-js';
 import '../../classes-B_S9K-9I.js';
 

package/dist/components/switch/index.js

@@ -1 +1 @@
-export { switch_default as default } from '../../chunk/P2L6LFLS.js';
+export { switch_default as default } from '../../chunk/6B7HOWQD.js';

package/dist/components/switch/index.jsx

@@ -1,6 +1,6 @@
 import {
   switch_default
-} from "../../chunk/GLEAR2TS.jsx";
+} from "../../chunk/5R7S7TXL.jsx";
 import "../../chunk/P7WPLZNA.jsx";
 export {
   switch_default as default

package/dist/components/tooltip/index.js

@@ -1 +1 @@
-export { tooltip_default as default } from '../../chunk/4TWLQ3IA.js';
+export { tooltip_default as default } from '../../chunk/5KABSQPM.js';

package/dist/components/tooltip/index.jsx

@@ -1,6 +1,6 @@
 import {
   tooltip_default
-} from "../../chunk/DNTGSCVF.jsx";
+} from "../../chunk/YM2NLFQE.jsx";
 import "../../chunk/P7WPLZNA.jsx";
 export {
   tooltip_default as default

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { A as Avatar } from './Avatar-CzIirpVq.js';
 export { B as Button } from './Button-B50OLXuV.js';
-export { I as Input } from './Input-BQbTzjIO.js';
+export { I as Input } from './Input-X4gwIB-F.js';
 export { T as Textarea } from './Textarea-Cpdk7m6S.js';
 export { P as Progress } from './Progress-gN0xqhAF.js';
 export { U as Upload } from './Upload-CRljD5jf.js';
@@ -10,8 +10,8 @@ export { T as Tabs } from './Tabs-BNR3p92D.js';
 export { T as Tooltip } from './Tooltip-BfPongoz.js';
 export { T as Tag } from './Tag-BPrhn-Ne.js';
 export { S as Select } from './Select-CP-TUHJv.js';
-export { S as Switch } from './Switch-3IXS_68H.js';
-export { C as Checkbox } from './Checkbox-BjaweaOH.js';
+export { S as Switch } from './Switch-B6dN2G97.js';
+export { C as Checkbox } from './Checkbox-CzeDsQLA.js';
 export { Breadcrumb, BreadcrumbItem } from './components/breadcrumb/index.js';
 export { A as Autocomplete } from './Autocomplete-gLkjMHrc.js';
 export { Dropdown, DropdownItem, DropdownMenu } from './components/dropdown/index.js';

package/dist/index.js

@@ -1,25 +1,25 @@
+export { tooltip_default as Tooltip } from './chunk/5KABSQPM.js';
 export { Toaster_default as Toaster, toast_default as toast } from './chunk/JWRGKHDO.js';
 export { upload_default as Upload } from './chunk/YDEDUOFM.js';
-export { tooltip_default as Tooltip } from './chunk/4TWLQ3IA.js';
-export { steps_default as Steps } from './chunk/TT2JYGLU.js';
-export { select_default as Select } from './chunk/3IHANYRN.js';
-export { switch_default as Switch } from './chunk/P2L6LFLS.js';
-export { tabs_default as Tabs } from './chunk/WOT36Q7O.js';
-export { textarea_default as Textarea } from './chunk/EB7KXR65.js';
+export { Menu_default as Menu, MenuItem_default as MenuItem, MenuList_default as MenuList } from './chunk/3VOILEMN.js';
+export { switch_default as Switch } from './chunk/6B7HOWQD.js';
 export { table_default as Table } from './chunk/QYEMOKUG.js';
+export { tabs_default as Tabs } from './chunk/WOT36Q7O.js';
 export { tag_default as Tag } from './chunk/CJZGTNJZ.js';
+export { textarea_default as Textarea } from './chunk/EB7KXR65.js';
+export { select_default as Select } from './chunk/OMRJVDZV.js';
 export { timeline_default as Timeline } from './chunk/WUZETUQR.js';
-export { checkbox_default as Checkbox } from './chunk/FPUQ25SO.js';
+export { field_default as Field } from './chunk/MAX47D6F.js';
 export { Dropdown_default as Dropdown, DropdownItem_default as DropdownItem, DropdownMenu_default as DropdownMenu } from './chunk/7ROVLN3J.js';
-export { Menu_default as Menu, MenuItem_default as MenuItem, MenuList_default as MenuList } from './chunk/3VOILEMN.js';
-export { pagination_default as Pagination } from './chunk/DBQ7IOPU.js';
-export { input_default as Input } from './chunk/T2DPPLBQ.js';
+export { input_default as Input } from './chunk/FNXIOJJY.js';
 export { Navbar_default as Navbar, NavbarDropdown_default as NavbarDropdown, NavbarItem_default as NavbarItem } from './chunk/OSJ3P7PI.js';
+export { pagination_default as Pagination } from './chunk/DBQ7IOPU.js';
 export { progress_default as Progress } from './chunk/GMIXRYN3.js';
+export { steps_default as Steps } from './chunk/TT2JYGLU.js';
 export { accordion_default as Accordion } from './chunk/NZKPDBTE.js';
 export { avatar_default as Avatar } from './chunk/MI773TMC.js';
 export { autocomplete_default as Autocomplete } from './chunk/MYERRMTM.js';
+export { Breadcrumb_default as Breadcrumb, BreadcrumbItem_default as BreadcrumbItem } from './chunk/V6Y5E7BL.js';
 export { button_default as Button } from './chunk/YMO6RPS6.js';
 export { Polymorphic_default as Polymorphic, PolymorphicButton_default as PolymorphicButton } from './chunk/G6RG4LR7.js';
-export { field_default as Field } from './chunk/MAX47D6F.js';
-export { Breadcrumb_default as Breadcrumb, BreadcrumbItem_default as BreadcrumbItem } from './chunk/V6Y5E7BL.js';
+export { checkbox_default as Checkbox } from './chunk/VLJEQN2A.js';

package/dist/index.jsx

@@ -4,31 +4,31 @@ import {
 } from "./chunk/FKSQPGOD.jsx";
 import {
   tooltip_default
-} from "./chunk/DNTGSCVF.jsx";
+} from "./chunk/YM2NLFQE.jsx";
 import {
   upload_default
 } from "./chunk/QHJOIUYT.jsx";
+import {
+  select_default
+} from "./chunk/F33TSIEQ.jsx";
 import {
   steps_default
 } from "./chunk/LAQPAV5I.jsx";
-import {
-  select_default
-} from "./chunk/6SBH3KSM.jsx";
 import {
   switch_default
-} from "./chunk/GLEAR2TS.jsx";
+} from "./chunk/5R7S7TXL.jsx";
 import {
   table_default
 } from "./chunk/HWAGW5N4.jsx";
+import {
+  tabs_default
+} from "./chunk/KV6LTJHI.jsx";
 import {
   tag_default
 } from "./chunk/LI3HCFL7.jsx";
 import {
   textarea_default
 } from "./chunk/WB6NEEQV.jsx";
-import {
-  tabs_default
-} from "./chunk/KV6LTJHI.jsx";
 import {
   timeline_default
 } from "./chunk/DSTUGZW6.jsx";
@@ -42,17 +42,17 @@ import {
 } from "./chunk/VN5BKHA2.jsx";
 import {
   input_default
-} from "./chunk/N7BXP7EI.jsx";
-import {
-  MenuItem_default,
-  MenuList_default,
-  Menu_default
-} from "./chunk/XD34JKSU.jsx";
+} from "./chunk/DGI3XY32.jsx";
 import {
   NavbarDropdown_default,
   NavbarItem_default,
   Navbar_default
 } from "./chunk/BBDVIXAH.jsx";
+import {
+  MenuItem_default,
+  MenuList_default,
+  Menu_default
+} from "./chunk/XD34JKSU.jsx";
 import {
   pagination_default
 } from "./chunk/ELRAUORW.jsx";
@@ -82,7 +82,7 @@ import {
 } from "./chunk/KACNXPUM.jsx";
 import {
   checkbox_default
-} from "./chunk/MXG3MBEN.jsx";
+} from "./chunk/Z5DP7GYE.jsx";
 import "./chunk/P7WPLZNA.jsx";
 export {
   accordion_default as Accordion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "author": "pathscale",
   "repository": {
     "type": "git",

package/dist/chunk/3IHANYRN.js

@@ -1,98 +0,0 @@
-import { cva, classes } from './HKS7ET6T.js';
-import { template, spread, mergeProps, insert, createComponent, memo } from 'solid-js/web';
-import { splitProps, createMemo, untrack, Show } 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 _tmpl$ = /* @__PURE__ */ template(`<option value disabled hidden>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<select>`);
-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 (() => {
-    var _el$ = _tmpl$2();
-    spread(_el$, mergeProps({
-      get ["class"]() {
-        return selectClasses();
-      },
-      get size() {
-        return localProps.nativeSize;
-      },
-      get value() {
-        return localProps.value;
-      },
-      get onChange() {
-        return localProps.onChange;
-      },
-      get onFocus() {
-        return localProps.onFocus;
-      },
-      get onBlur() {
-        return localProps.onBlur;
-      }
-    }, otherProps), false, true);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return memo(() => !!localProps.placeholder)() && empty();
-      },
-      get children() {
-        var _el$2 = _tmpl$();
-        insert(_el$2, () => localProps.placeholder);
-        return _el$2;
-      }
-    }), null);
-    insert(_el$, () => props.children, null);
-    return _el$;
-  })();
-};
-var Select_default = Select;
-
-// src/components/select/index.ts
-var select_default = Select_default;
-
-export { select_default };

package/dist/chunk/6SBH3KSM.jsx

@@ -1,96 +0,0 @@
-import {
-  classes,
-  cva
-} from "./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;
-
-export {
-  select_default
-};