@pathscale/ui 0.0.12 → 0.0.14

package/package.json

@@ -1,69 +1,64 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "author": "pathscale",
   "repository": {
     "type": "git",
     "url": "https://github.com/pathscale/ui"
   },
+  "license": "MIT",
+  "description": "Highly opinionated SolidJS component library — batteries and kitchen sink included, but optimized and shiny.",
+  "files": [
+    "dist"
+  ],
+  "homepage": "https://github.com/pathscale/ui",
+  "keywords": [
+    "solid",
+    "solidjs"
+  ],
+  "bugs": {
+    "url": "https://github.com/pathscale/ui/issues"
+  },
   "main": "./dist/index.js",
+  "module": "./dist/index.js",
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
+    "@rsbuild/core": "^0.5.1",
+    "@rsbuild/plugin-babel": "^0.5.1",
+    "@rsbuild/plugin-solid": "^0.5.1",
     "@tailwindcss/vite": "^4.1.6",
     "@types/bun": "^1.2.12",
+    "compression-webpack-plugin": "^11.0.0",
     "esbuild-plugin-solid": "^0.6.0",
     "tailwindcss": "^4.1.6",
-    "tsup": "^8.4.0",
     "typescript": "^5.8.3",
-    "vite": "^6.3.5",
-    "vite-plugin-solid": "^2.11.6",
-    "vite-tsconfig-paths": "^5.1.4",
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.3.0"
   },
+  "dependencies": {
+    "@solid-primitives/event-listener": "^2.3.0",
+    "@solid-primitives/intersection-observer": "^2.1.3",
+    "@solid-primitives/keyboard": "^1.2.5",
+    "@solid-primitives/media": "^2.2.5",
+    "@solid-primitives/props": "^3.1.8",
+    "@solid-primitives/resize-observer": "^2.0.22",
+    "@solid-primitives/scheduled": "^1.4.1",
+    "@solid-primitives/scroll": "^2.0.20",
+    "@solid-primitives/storage": "^2.1.1",
+    "@solid-primitives/utils": "^6.2.1",
+    "solid-js": "^1.8.15"
+  },
   "peerDependencies": {
     "solid-js": "^1.8"
   },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "solid": "./dist/index.jsx",
-      "default": "./dist/index.js"
-    },
-    "./*": {
-      "types": "./dist/components/*/index.d.ts",
-      "solid": "./dist/components/*/index.jsx",
-      "default": "./dist/components/*/index.js"
-    }
-  },
-  "bugs": {
-    "url": "https://github.com/pathscale/ui/issues"
-  },
-  "description": "Highly opinionated SolidJS component library — batteries and kitchen sink included, but optimized and shiny.",
-  "files": [
-    "dist"
-  ],
-  "homepage": "https://github.com/pathscale/ui",
-  "keywords": [
-    "solid",
-    "solidjs"
-  ],
-  "license": "MIT",
   "scripts": {
-    "build": "tsup",
+    "dev": "bun rsbuild dev",
+    "build": "bun rsbuild build",
+    "preview": "bun rsbuild preview",
     "clean": "rm -rf dist node_modules",
-    "dev": "vite serve playground --host",
-    "format": "biome format --write",
-    "lint": "biome lint --write"
+    "format": "bun biome format --write",
+    "lint": "bun biome lint --write"
   },
   "sideEffects": false,
-  "type": "module",
-  "types": "./dist/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "*": [
-        "./dist/index.d.ts"
-      ]
-    }
-  }
+  "type": "module"
 }

package/dist/Autocomplete-gLkjMHrc.d.ts

@@ -1,28 +0,0 @@
-import { Component } from 'solid-js';
-import { C as ConfigVariants, a as ClassProps, V as VariantProps } from './classes-B_S9K-9I.js';
-
-declare const inputBoxClass: {
-    (props?: (ConfigVariants<{
-        state: {
-            default: string;
-            disabled: string;
-        };
-        size: {
-            sm: string;
-            md: string;
-            lg: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("size" | "state")[];
-};
-
-type AutocompleteProps = {
-    items: Array<string | number>;
-    label?: string;
-    value?: string | number;
-    onChange?: (val: string | number) => void;
-    disabled?: boolean;
-} & VariantProps<typeof inputBoxClass>;
-declare const Autocomplete: Component<AutocompleteProps>;
-
-export { Autocomplete as A, type AutocompleteProps as a };

package/dist/Avatar-Dkd_kPlV.d.ts

@@ -1,40 +0,0 @@
-import { JSX } from 'solid-js';
-import { I as IComponentBaseProps, C as ComponentSize, a as ComponentShape, b as ComponentColor } from './types-CUG9pToa.js';
-
-type ElementType$1 = keyof JSX.IntrinsicElements;
-type AvatarGroupBaseProps = {
-    /** Custom container tag */
-    as?: ElementType$1;
-    /** Extra classes */
-    class?: string;
-    className?: string;
-    children: JSX.Element[];
-} & IComponentBaseProps;
-type PropsOf$1<E extends ElementType$1> = JSX.IntrinsicElements[E];
-type AvatarGroupProps<E extends ElementType$1 = "div"> = Omit<PropsOf$1<E>, keyof AvatarGroupBaseProps> & AvatarGroupBaseProps;
-
-type ElementType = keyof JSX.IntrinsicElements;
-type AvatarBaseProps = {
-    src?: string;
-    letters?: string;
-    size?: ComponentSize | number;
-    shape?: ComponentShape;
-    color?: Exclude<ComponentColor, "ghost">;
-    border?: boolean;
-    borderColor?: Exclude<ComponentColor, "ghost">;
-    online?: boolean;
-    offline?: boolean;
-    innerClass?: string;
-    as?: ElementType;
-    class?: string;
-    className?: string;
-    style?: JSX.CSSProperties;
-    children?: JSX.Element;
-};
-type PropsOf<E extends ElementType> = JSX.IntrinsicElements[E];
-type AvatarProps<E extends ElementType = "div"> = Omit<PropsOf<E>, "color"> & AvatarBaseProps & IComponentBaseProps;
-declare const _default: (<E extends ElementType = "div">(props: AvatarProps<E>) => JSX.Element) & {
-    Group: <E extends keyof JSX.IntrinsicElements = "div">(props: AvatarGroupProps<E>) => JSX.Element;
-};
-
-export { type AvatarProps as A, _default as _ };

package/dist/CollapseTitle-BNxog3is.d.ts

@@ -1,12 +0,0 @@
-import { JSX } from 'solid-js';
-import { I as IComponentBaseProps } from './types-CUG9pToa.js';
-
-type CollapseContentProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
-declare function CollapseContent(props: CollapseContentProps): JSX.Element;
-
-type CollapseTitleProps<T extends HTMLElement = HTMLDivElement> = JSX.HTMLAttributes<T> & IComponentBaseProps;
-declare function CollapseTitle(props: CollapseTitleProps): JSX.Element;
-type SummaryProps = JSX.HTMLAttributes<HTMLElement> & IComponentBaseProps;
-declare function Summary(props: SummaryProps): JSX.Element;
-
-export { CollapseContent as C, Summary as S, CollapseTitle as a };

package/dist/Field-DI2PA30N.d.ts

@@ -1,49 +0,0 @@
-import { Component, JSX } from 'solid-js';
-import { C as ConfigVariants, a as ClassProps, V as VariantProps } from './classes-B_S9K-9I.js';
-
-declare const fieldWrapper: {
-    (props?: (ConfigVariants<{
-        horizontal: {
-            true: string;
-            false: string;
-        };
-        size: {
-            sm: string;
-            md: string;
-            lg: string;
-        };
-        type: {
-            default: string;
-            danger: string;
-        };
-        grouped: {
-            true: string;
-            false: string;
-        };
-        groupMultiline: {
-            true: string;
-            false: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("type" | "size" | "horizontal" | "grouped" | "groupMultiline")[];
-};
-
-type FieldProps = {
-    /** Label text */
-    label?: string;
-    /** Helper or error message */
-    message?: string;
-    /** Visual intent */
-    type?: "default" | "danger";
-    /** Layout direction */
-    horizontal?: boolean;
-    /** Font/control size */
-    size?: "sm" | "md" | "lg";
-    /** Extra wrapper classes */
-    className?: string;
-} & VariantProps<typeof fieldWrapper> & ClassProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & {
-    children: JSX.Element;
-};
-declare const Field: Component<FieldProps>;
-
-export { Field as F };

package/dist/Mask-CPb596Mg.d.ts

@@ -1,16 +0,0 @@
-import { Component, JSX } from 'solid-js';
-import { I as IComponentBaseProps } from './types-CUG9pToa.js';
-
-type MaskProps = JSX.ImgHTMLAttributes<HTMLImageElement> & IComponentBaseProps & {
-    variant?: "squircle" | "heart" | "hexagon" | "hexagon-2" | "decagon" | "pentagon" | "diamond" | "square" | "circle" | "star" | "star-2" | "triangle" | "triangle-2" | "triangle-3" | "triangle-4" | "half-1" | "half-2";
-    class?: string;
-    className?: string;
-    style?: JSX.CSSProperties;
-};
-declare function maskClassName({ className, variant, }?: Pick<MaskProps, "className" | "variant">): string;
-type MaskComponent = Component<MaskProps> & {
-    className: typeof maskClassName;
-};
-declare const Mask: MaskComponent;
-
-export { Mask as M };

package/dist/Menu-DgO4SHmA.d.ts

@@ -1,45 +0,0 @@
-import * as solid_js from 'solid-js';
-import { JSX } from 'solid-js';
-import { I as IComponentBaseProps, C as ComponentSize } from './types-CUG9pToa.js';
-
-type MenuTitleProps = JSX.LiHTMLAttributes<HTMLLIElement> & IComponentBaseProps & {
-    class?: string;
-    className?: string;
-};
-
-type MenuItemProps = JSX.LiHTMLAttributes<HTMLLIElement> & IComponentBaseProps & {
-    focus?: boolean;
-    active?: boolean;
-    disabled?: boolean;
-};
-
-type MenuDropdownProps = JSX.HTMLAttributes<HTMLSpanElement> & IComponentBaseProps & {
-    label: JSX.Element;
-    open?: boolean;
-    class?: string;
-    className?: string;
-    style?: JSX.CSSProperties;
-    children?: JSX.Element;
-    "data-theme"?: string;
-};
-
-type MenuDetailsProps = JSX.DetailsHtmlAttributes<HTMLDetailsElement> & IComponentBaseProps & {
-    label: JSX.Element;
-    open?: boolean;
-};
-
-type MenuProps = JSX.HTMLAttributes<HTMLUListElement> & IComponentBaseProps & {
-    vertical?: boolean;
-    horizontal?: boolean;
-    responsive?: boolean;
-    size?: ComponentSize;
-};
-declare const _default: ((props: MenuProps) => JSX.Element) & {
-    Title: solid_js.Component<MenuTitleProps>;
-    Item: solid_js.Component<MenuItemProps>;
-    Dropdown: solid_js.Component<MenuDropdownProps>;
-    Details: solid_js.Component<MenuDetailsProps>;
-    Menu: (props: MenuProps) => JSX.Element;
-};
-
-export { type MenuProps as M, _default as _ };

package/dist/Progress-ChF4ior8.d.ts

@@ -1,64 +0,0 @@
-import { Component, ComponentProps } from 'solid-js';
-import { C as ConfigVariants, a as ClassProps, V as VariantProps } from './classes-B_S9K-9I.js';
-
-/**
- * The outer flex container.  We don’t apply shape or variant here any more —
- * that all goes on the actual track (`progressWrapper`).
- */
-declare const progressContainer: {
-    (props?: (ConfigVariants<{
-        size: {
-            sm: string;
-            md: string;
-            lg: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: "size"[];
-};
-/**
- * The “track” itself: background, height, pill‐shape.
- */
-declare const progressWrapper: {
-    (props?: (ConfigVariants<{
-        size: {
-            sm: string;
-            md: string;
-            lg: string;
-        };
-        shape: {
-            rounded: string;
-            circle: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("shape" | "size")[];
-};
-/**
- * The colored fill bar.
- */
-declare const progressFill: {
-    (props?: (ConfigVariants<{
-        color: {
-            default: string;
-            danger: string;
-            success: string;
-            info: string;
-            warning: string;
-        };
-        variant: {
-            filled: string;
-            outlined: string;
-            ghost: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("color" | "variant")[];
-};
-
-interface ProgressProps extends VariantProps<typeof progressContainer>, VariantProps<typeof progressWrapper>, VariantProps<typeof progressFill>, Omit<ComponentProps<"div">, "class" | "color"> {
-    value?: number | null;
-    showValue?: boolean;
-    format?: "percent" | "raw";
-    className?: string;
-}
-declare const Progress: Component<ProgressProps>;
-
-export { Progress as P };

package/dist/Steps-Dk-UPL6r.d.ts

@@ -1,38 +0,0 @@
-import { JSX } from 'solid-js';
-import { b as ComponentColor, I as IComponentBaseProps } from './types-CUG9pToa.js';
-
-type ElementType$1 = keyof JSX.IntrinsicElements;
-type StepBaseProps = {
-    /** Label for the step indicator */
-    value?: string;
-    /** Color variant */
-    color?: "neutral" | ComponentColor;
-    /** Custom element tag */
-    as?: ElementType$1;
-    class?: string;
-    className?: string;
-    style?: JSX.CSSProperties;
-    children?: JSX.Element;
-    "data-theme"?: string;
-};
-type PropsOf$1<E extends ElementType$1> = JSX.IntrinsicElements[E];
-type StepProps<E extends ElementType$1 = "li"> = Omit<PropsOf$1<E>, keyof StepBaseProps | "color"> & StepBaseProps & IComponentBaseProps;
-
-type ElementType = keyof JSX.IntrinsicElements;
-type StepsBaseProps = {
-    vertical?: boolean;
-    horizontal?: boolean;
-    as?: ElementType;
-    class?: string;
-    className?: string;
-    style?: JSX.CSSProperties;
-    children?: JSX.Element;
-    "data-theme"?: string;
-};
-type PropsOf<E extends ElementType> = JSX.IntrinsicElements[E];
-type StepsProps<E extends ElementType = "ul"> = Omit<PropsOf<E>, keyof StepsBaseProps> & StepsBaseProps & IComponentBaseProps;
-declare const _default: (<E extends ElementType = "ul">(props: StepsProps<E>) => JSX.Element) & {
-    Step: <E extends keyof JSX.IntrinsicElements = "li">(props: StepProps<E>) => JSX.Element;
-};
-
-export { _default as _ };

package/dist/Table-CGa6Nop3.d.ts

@@ -1,39 +0,0 @@
-import { JSX, ComponentProps } from 'solid-js';
-import { C as ConfigVariants, a as ClassProps, V as VariantProps } from './classes-B_S9K-9I.js';
-
-declare const tableVariants: {
-    (props?: (ConfigVariants<{
-        header: {
-            default: string;
-        };
-        row: {
-            default: string;
-        };
-        cell: {
-            default: string;
-        };
-        divider: {
-            on: string;
-            off: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("header" | "cell" | "row" | "divider")[];
-};
-
-type Column<Row> = {
-    key: keyof Row;
-    header: string;
-    sortable?: boolean;
-};
-type TableProps<Row> = {
-    columns: Column<Row>[];
-    rows: Row[];
-    className?: string;
-    rowKey: (row: Row) => string | number;
-    onSelectionChange?: (selectedKeys: Array<string | number>) => void;
-    renderDetail?: (row: Row) => JSX.Element;
-    onSort?: (key: keyof Row, direction: "asc" | "desc") => void;
-} & VariantProps<typeof tableVariants> & ComponentProps<"table">;
-declare const Table: <Row extends Record<string, any>>(props: TableProps<Row>) => JSX.Element;
-
-export { type Column as C, Table as T, type TableProps as a };

package/dist/Tabs-WiUU0xsM.d.ts

@@ -1,42 +0,0 @@
-import { Component, JSX } from 'solid-js';
-import { C as ConfigVariants, a as ClassProps, V as VariantProps } from './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 { Tabs as T, type TabsProps as a };

package/dist/Timeline-Bd4SxHMT.d.ts

@@ -1,14 +0,0 @@
-import { Component, JSX } from 'solid-js';
-
-type TimelineStage = {
-    active?: boolean;
-    error?: boolean;
-    [key: string]: any;
-};
-type TimelineProps<T = TimelineStage> = {
-    stages: T[];
-    renderStage?: (stage: T, index: number) => JSX.Element;
-};
-declare const Timeline: Component<TimelineProps>;
-
-export { Timeline as T, type TimelineProps as a };

package/dist/chunk/2OJYONJ3.js

@@ -1,40 +0,0 @@
-import { CollapseTitle, CollapseContent } from './2VQ2762Z.js';
-import { clsx } from './HUHXQCKK.js';
-import { twMerge } from './STFCLC5R.js';
-import { template, spread, mergeProps, insert, effect, className, setAttribute, style } from 'solid-js/web';
-import { splitProps } from 'solid-js';
-
-var _tmpl$ = /* @__PURE__ */ template(`<div><input type=radio>`);
-var Accordion = (props) => {
-  const [local, others] = splitProps(props, ["name", "icon", "dataTheme", "class", "className", "style"]);
-  const classes = () => twMerge("collapse", clsx({
-    "collapse-arrow": local.icon === "arrow",
-    "collapse-plus": local.icon === "plus"
-  }), local.class, local.className);
-  return (() => {
-    var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
-    spread(_el$2, mergeProps({
-      get name() {
-        return local.name ?? "accordion";
-      }
-    }, others), false, false);
-    insert(_el$, () => props.children, null);
-    effect((_p$) => {
-      var _v$ = classes(), _v$2 = local.dataTheme, _v$3 = local.style;
-      _v$ !== _p$.e && className(_el$, _p$.e = _v$);
-      _v$2 !== _p$.t && setAttribute(_el$, "data-theme", _p$.t = _v$2);
-      _p$.a = style(_el$, _v$3, _p$.a);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0
-    });
-    return _el$;
-  })();
-};
-Accordion.Title = CollapseTitle;
-Accordion.Content = CollapseContent;
-var Accordion_default = Accordion;
-
-export { Accordion_default };

package/dist/chunk/2VQ2762Z.js

@@ -1,80 +0,0 @@
-import { clsx } from './HUHXQCKK.js';
-import { twMerge } from './STFCLC5R.js';
-import { template, spread, mergeProps, insert } from 'solid-js/web';
-
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-function CollapseContent(props) {
-  const classes = twMerge("collapse-content", props.class);
-  return (() => {
-    var _el$ = _tmpl$();
-    spread(_el$, mergeProps(props, {
-      "class": classes
-    }), false, false);
-    return _el$;
-  })();
-}
-var _tmpl$2 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<summary>`);
-var classesFn = ({
-  className
-}) => twMerge("collapse-title", className);
-function CollapseTitle(props) {
-  return (() => {
-    var _el$ = _tmpl$2();
-    spread(_el$, mergeProps(props, {
-      get ["class"]() {
-        return classesFn({
-          className: props.class
-        });
-      }
-    }), false, false);
-    return _el$;
-  })();
-}
-function Summary(props) {
-  return (() => {
-    var _el$2 = _tmpl$22();
-    spread(_el$2, mergeProps(props, {
-      get ["class"]() {
-        return classesFn({
-          className: props.class
-        });
-      }
-    }), false, false);
-    return _el$2;
-  })();
-}
-var _tmpl$3 = /* @__PURE__ */ template(`<details>`);
-function classesFn2({
-  className,
-  icon,
-  open
-}) {
-  return twMerge("collapse", className, clsx({
-    "collapse-arrow": icon === "arrow",
-    "collapse-plus": icon === "plus",
-    "collapse-open": open === true,
-    "collapse-close": open === false
-  }));
-}
-function CollapseDetails(props) {
-  const classes = classesFn2({
-    className: props.class,
-    icon: props.icon,
-    open: props.open
-  });
-  return (() => {
-    var _el$ = _tmpl$3();
-    spread(_el$, mergeProps(props, {
-      "class": classes,
-      get open() {
-        return props.open;
-      }
-    }), false, true);
-    insert(_el$, () => props.children);
-    return _el$;
-  })();
-}
-CollapseDetails.Title = Summary;
-
-export { CollapseContent, CollapseDetails, CollapseTitle, Summary };