@pathscale/ui 0.0.80 → 0.0.81

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

@@ -0,0 +1,3 @@
+export { default } from "./Table";
+export type { TableProps } from "./Table";
+export type { EnhancedTableProps } from "./EnhancedTable";

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

@@ -0,0 +1,16 @@
+import { type JSX } from "solid-js";
+import type { ComponentColor } from "../types";
+export type RadioTabProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "type" | "color"> & {
+    color?: ComponentColor;
+    bgColor?: string;
+    borderColor?: string;
+    active?: boolean;
+    disabled?: boolean;
+    label: string;
+    name: string;
+    contentClassName?: string;
+    children?: JSX.Element;
+    className?: string;
+};
+declare const RadioTab: (props: RadioTabProps) => JSX.Element;
+export default RadioTab;

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

@@ -0,0 +1,12 @@
+import { type JSX } from "solid-js";
+import type { ComponentColor } from "../types";
+export type TabProps = Omit<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, "color"> & {
+    color?: ComponentColor;
+    bgColor?: string;
+    borderColor?: string;
+    active?: boolean;
+    disabled?: boolean;
+    className?: string;
+};
+declare const Tab: (props: TabProps) => JSX.Element;
+export default Tab;

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

@@ -0,0 +1,12 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps, ComponentSize, ComponentPosition } from "../types";
+export type TabsProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
+    variant?: "bordered" | "lift" | "boxed";
+    size?: ComponentSize;
+    position?: Extract<ComponentPosition, "top" | "bottom">;
+};
+declare const _default: ((props: TabsProps) => JSX.Element) & {
+    Tab: (props: import("./Tab").TabProps) => JSX.Element;
+    RadioTab: (props: import("./RadioTab").RadioTabProps) => JSX.Element;
+};
+export default _default;

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

@@ -0,0 +1,4 @@
+export { default } from "./Tabs";
+export type { TabProps } from "./Tab";
+export type { TabsProps } from "./Tabs";
+export type { RadioTabProps } from "./RadioTab";

package/dist/components/textarea/Textarea.d.ts

@@ -0,0 +1,14 @@
+import { type JSX } from "solid-js";
+import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
+type TextareaBaseProps = {
+    color?: ComponentColor;
+    size?: ComponentSize;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+    resize?: "none" | "x" | "y" | "both";
+};
+export type TextareaProps = TextareaBaseProps & IComponentBaseProps & Omit<JSX.TextareaHTMLAttributes<HTMLTextAreaElement>, keyof TextareaBaseProps>;
+declare const Textarea: (props: TextareaProps) => JSX.Element;
+export default Textarea;

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

@@ -0,0 +1 @@
+export { default } from "./Textarea";

package/dist/components/timeline/Timeline.d.ts

@@ -0,0 +1,11 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+type TimelineProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLUListElement> & {
+    vertical?: boolean;
+    horizontal?: boolean;
+    responsive?: boolean;
+    snap?: boolean;
+    compact?: boolean;
+};
+declare const Timeline: (props: TimelineProps) => JSX.Element;
+export default Timeline;

package/dist/components/timeline/TimelineEnd.d.ts

@@ -0,0 +1,6 @@
+import { type JSX } from "solid-js";
+export type TimelineEndProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    box?: boolean;
+};
+declare const TimelineEnd: (props: TimelineEndProps) => JSX.Element;
+export default TimelineEnd;

package/dist/components/timeline/TimelineItem.d.ts

@@ -0,0 +1,8 @@
+import { type JSX } from "solid-js";
+export type TimelineItemProps = JSX.HTMLAttributes<HTMLLIElement> & {
+    connect?: "both" | "start" | "end";
+    startClassName?: string;
+    endClassName?: string;
+};
+declare const TimelineItem: (props: TimelineItemProps) => JSX.Element;
+export default TimelineItem;

package/dist/components/timeline/TimelineMiddle.d.ts

@@ -0,0 +1,4 @@
+import { type JSX } from "solid-js";
+export type TimelineMiddleProps = JSX.HTMLAttributes<HTMLDivElement>;
+declare const TimelineMiddle: (props: TimelineMiddleProps) => JSX.Element;
+export default TimelineMiddle;

package/dist/components/timeline/TimelineStart.d.ts

@@ -0,0 +1,6 @@
+import { type JSX } from "solid-js";
+export type TimelineStartProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    box?: boolean;
+};
+declare const TimelineStart: (props: TimelineStartProps) => JSX.Element;
+export default TimelineStart;

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

@@ -0,0 +1,5 @@
+export { default as Timeline } from "./Timeline";
+export { default as TimelineItem } from "./TimelineItem";
+export { default as TimelineStart } from "./TimelineStart";
+export { default as TimelineMiddle } from "./TimelineMiddle";
+export { default as TimelineEnd } from "./TimelineEnd";

package/dist/components/toast/Toast.d.ts

@@ -0,0 +1,21 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+declare const horizontalOptions: {
+    readonly start: "toast-start";
+    readonly center: "toast-center";
+    readonly end: "toast-end";
+};
+declare const verticalOptions: {
+    readonly top: "toast-top";
+    readonly middle: "toast-middle";
+    readonly bottom: "toast-bottom";
+};
+type ToastPosition = {
+    horizontal?: keyof typeof horizontalOptions;
+    vertical?: keyof typeof verticalOptions;
+};
+export type ToastProps = ToastPosition & IComponentBaseProps & {
+    max?: number;
+} & Omit<JSX.HTMLAttributes<HTMLDivElement>, keyof ToastPosition | "max">;
+declare const Toast: (props: ToastProps) => JSX.Element;
+export default Toast;

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

@@ -0,0 +1 @@
+export { default } from "./Toast";

package/dist/components/toggle/Toggle.d.ts

@@ -0,0 +1,19 @@
+import { type JSX } from "solid-js";
+import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
+type ToggleBaseProps = {
+    color?: ComponentColor;
+    size?: ComponentSize;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "aria-invalid"?: boolean;
+    "aria-required"?: boolean;
+    "aria-labelledby"?: string;
+    "aria-checked"?: boolean;
+};
+export type ToggleProps = ToggleBaseProps & IComponentBaseProps & Omit<JSX.InputHTMLAttributes<HTMLInputElement>, keyof ToggleBaseProps>;
+declare const Toggle: (props: ToggleProps) => JSX.Element;
+export default Toggle;

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

@@ -0,0 +1 @@
+export { default } from "./Toggle";

package/dist/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,15 @@
+import { type JSX } from "solid-js";
+import type { ComponentColor, ComponentPosition, IComponentBaseProps } from "../types";
+type TooltipBaseProps = {
+    message: string;
+    open?: boolean;
+    color?: ComponentColor;
+    position?: ComponentPosition;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+};
+export type TooltipProps = TooltipBaseProps & IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, keyof TooltipBaseProps>;
+declare const Tooltip: (props: TooltipProps) => JSX.Element;
+export default Tooltip;

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

@@ -0,0 +1 @@
+export { default } from "./Tooltip";

package/dist/components/types.d.ts

@@ -0,0 +1,15 @@
+import type { JSX } from "solid-js";
+export interface IComponentBaseProps {
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+}
+export type ResponsiveBreakpoints = "base" | "sm" | "md" | "lg" | "xl";
+export type ResponsiveProp<T> = T | Partial<Record<ResponsiveBreakpoints, T>>;
+export declare const breakpoints: readonly ["base", "sm", "md", "lg", "xl"];
+export type ComponentSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type ComponentShape = "circle" | "square" | "rounded";
+export type ComponentColor = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error" | "ghost";
+export type ComponentVariant = "soft" | "dash" | "outline" | "filled" | "ghost" | "outlined";
+export type ComponentPosition = "top" | "bottom" | "left" | "right";

package/dist/components/utils.d.ts

@@ -0,0 +1,9 @@
+import { type JSX } from "solid-js";
+import { ResponsiveProp } from "./types";
+export declare function wrapWithElementIfInvalid({ node, wrapper, className, }: {
+    node: JSX.Element | string | number | null | undefined;
+    wrapper?: keyof JSX.IntrinsicElements;
+    className?: string;
+}): JSX.Element;
+export declare function mapResponsiveProp<T extends string | boolean>(prop: ResponsiveProp<T> | undefined, classMap: Record<string, string>): string[];
+export declare function useDesktop(breakpoint?: number): import("solid-js").Accessor<boolean>;

package/dist/components/windowmockup/WindowMockup.d.ts

@@ -0,0 +1,11 @@
+import { ParentComponent, JSX } from "solid-js";
+import { IComponentBaseProps, ComponentColor } from "../types";
+export type WindowMockupColors = Exclude<ComponentColor, "ghost">;
+export type WindowMockupProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
+    frameColor?: WindowMockupColors;
+    backgroundColor?: WindowMockupColors;
+    border?: boolean;
+    borderColor?: WindowMockupColors;
+};
+declare const WindowMockup: ParentComponent<WindowMockupProps>;
+export default WindowMockup;

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

@@ -0,0 +1 @@
+export { default, type WindowMockupProps } from "./WindowMockup";

package/dist/index.d.ts

@@ -0,0 +1,80 @@
+export { default as Accordion } from "./components/accordion";
+export { default as Alert } from "./components/alert";
+export { default as Artboard, type ArtboardProps } from "./components/artboard";
+export { default as Avatar } from "./components/avatar";
+export { default as Background } from "./components/background";
+export { default as Badge } from "./components/badge";
+export { Breadcrumbs, BreadcrumbsItem } from "./components/breadcrumbs";
+export { default as BrowserMockup, type BrowserMockupProps, } from "./components/browsermockup";
+export { default as Button } from "./components/button";
+export { default as Calendar, type CalendarProps } from "./components/calendar";
+export { default as Card } from "./components/card";
+export { default as Carousel } from "./components/carousel";
+export type { CarouselItemProps, CarouselProps } from "./components/carousel";
+export { default as ChatBubble } from "./components/chatbubble";
+export { default as Checkbox } from "./components/checkbox";
+export { CodeMockup, CodeMockupLine } from "./components/codemockup";
+export { Collapse, CollapseContent, CollapseDetails, CollapseTitle, Summary, } from "./components/collapse";
+export { default as CopyButton } from "./components/copy-button";
+export { default as Countdown } from "./components/countdown";
+export { default as Diff } from "./components/diff";
+export { default as Divider } from "./components/divider";
+export { default as Dock } from "./components/dock";
+export { default as Drawer, type DrawerProps } from "./components/drawer";
+export { default as Dropdown } from "./components/dropdown";
+export { default as FileInput } from "./components/fileinput";
+export { default as Flex } from "./components/flex";
+export { default as Footer } from "./components/footer";
+export type { FooterProps, FooterTitleProps } from "./components/footer";
+export { default as Form, useFormValidation } from "./components/form";
+export { useDesktop } from "./components/utils";
+export type { FormProps, LabelProps, ValidatedFormProps, } from "./components/form";
+export { default as Grid } from "./components/grid";
+export { default as Hero } from "./components/hero";
+export type { HeroContentProps, HeroOverlayProps, HeroProps, } from "./components/hero";
+export { default as Icon } from "./components/icon";
+export { default as Indicator } from "./components/indicator";
+export { default as Input } from "./components/input";
+export { default as Join } from "./components/join";
+export { default as Kbd } from "./components/kbd";
+export { default as Link } from "./components/link";
+export { default as Loading } from "./components/loading";
+export { default as Mask } from "./components/mask";
+export { Menu } from "./components/menu";
+export { default as Modal } from "./components/modal";
+export { default as Navbar } from "./components/navbar";
+export type { NavbarProps } from "./components/navbar";
+export type { NavbarStackProps } from "./components/navbar/NavbarStack";
+export type { NavbarRowProps } from "./components/navbar/NavbarRow";
+export { default as Pagination } from "./components/pagination";
+export { default as PhoneMockup, type PhoneMockupProps, } from "./components/phonemockup";
+export { default as Progress } from "./components/progress";
+export { PropsTable } from "./components/props-table";
+export { default as RadialProgress } from "./components/radialprogress";
+export { default as Radio } from "./components/radio";
+export { default as Range } from "./components/range";
+export { Rating } from "./components/rating";
+export type { RatingHiddenProps, RatingItemProps, RatingProps, } from "./components/rating";
+export { default as Select } from "./components/select";
+export { ShowcaseSection } from "./components/showcase-section";
+export { default as ShowcaseBlock } from "./components/showcase/ShowcaseBlock";
+export { Sidenav, SidenavMenu, SidenavItem, SidenavGroup, SidenavLink, SidenavButton, } from "./components/sidenav";
+export { default as Skeleton } from "./components/skeleton";
+export { default as Stack } from "./components/stack";
+export { default as Stats } from "./components/stats";
+export { Status } from "./components/status";
+export type { StatusProps } from "./components/status";
+export { default as Steps } from "./components/steps";
+export { SvgBackground, type SvgBackgroundProps, } from "./components/svgbackground";
+export { default as Swap } from "./components/swap";
+export { default as Table } from "./components/table";
+export type { TableProps } from "./components/table";
+export type { EnhancedTableProps } from "./components/table/EnhancedTable";
+export { default as Tabs } from "./components/tabs";
+export type { RadioTabProps, TabProps, TabsProps } from "./components/tabs";
+export { default as Textarea } from "./components/textarea";
+export { Timeline, TimelineEnd, TimelineItem, TimelineMiddle, TimelineStart, } from "./components/timeline";
+export { default as Toast } from "./components/toast";
+export { default as Toggle } from "./components/toggle";
+export { default as Tooltip } from "./components/tooltip";
+export { default as WindowMockup, type WindowMockupProps, } from "./components/windowmockup";

package/dist/index.js

@@ -4235,6 +4235,7 @@ const Button = (props)=>{
         "aria-haspopup",
         "aria-role"
     ]);
+    const normalizeAriaValue = (value)=>"boolean" == typeof value ? String(value) : value;
     const classes = ()=>twMerge("btn", clsx((local.startIcon && !local.loading || local.endIcon) && "gap-2", {
             "btn-xl": "xl" === local.size,
             "btn-lg": "lg" === local.size,
@@ -4287,16 +4288,16 @@ const Button = (props)=>{
             return local["aria-describedby"];
         },
         get ["aria-pressed"] () {
-            return "boolean" == typeof local["aria-pressed"] ? local["aria-pressed"] : void 0;
+            return normalizeAriaValue(local["aria-pressed"]);
         },
         get ["aria-expanded"] () {
-            return "boolean" == typeof local["aria-expanded"] ? local["aria-expanded"] : void 0;
+            return normalizeAriaValue(local["aria-expanded"]);
         },
         get ["aria-controls"] () {
             return local["aria-controls"];
         },
         get ["aria-haspopup"] () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"boolean" == typeof local["aria-haspopup"])() ? String(local["aria-haspopup"]) : local["aria-haspopup"];
+            return normalizeAriaValue(local["aria-haspopup"]);
         },
         get ["aria-disabled"] () {
             return local.disabled;
@@ -4327,16 +4328,16 @@ const Button = (props)=>{
             return local["aria-describedby"];
         },
         get ["aria-pressed"] () {
-            return "boolean" == typeof local["aria-pressed"] ? local["aria-pressed"] : void 0;
+            return normalizeAriaValue(local["aria-pressed"]);
         },
         get ["aria-expanded"] () {
-            return "boolean" == typeof local["aria-expanded"] ? local["aria-expanded"] : void 0;
+            return normalizeAriaValue(local["aria-expanded"]);
         },
         get ["aria-controls"] () {
             return local["aria-controls"];
         },
         get ["aria-haspopup"] () {
-            return true === local["aria-haspopup"] ? "true" : false === local["aria-haspopup"] ? "false" : local["aria-haspopup"];
+            return normalizeAriaValue(local["aria-haspopup"]);
         },
         get ["aria-disabled"] () {
             return local.disabled;
@@ -6772,6 +6773,7 @@ const DropdownToggle = (props)=>{
         "aria-expanded",
         "aria-controls"
     ]);
+    const normalizeAriaHaspopup = (value)=>"boolean" == typeof value ? String(value) : value;
     const commonAriaProps = {
         id: local.id,
         role: local.role,
@@ -6779,6 +6781,10 @@ const DropdownToggle = (props)=>{
         "aria-expanded": local["aria-expanded"],
         "aria-controls": local["aria-controls"]
     };
+    const buttonAriaProps = {
+        ...commonAriaProps,
+        "aria-haspopup": normalizeAriaHaspopup(local["aria-haspopup"])
+    };
     return (()=>{
         var _el$ = DropdownToggle_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, commonAriaProps, {
@@ -6808,7 +6814,7 @@ const DropdownToggle = (props)=>{
                     get disabled () {
                         return local.disabled;
                     }
-                }, commonAriaProps, {
+                }, buttonAriaProps, {
                     get children () {
                         return local.children;
                     }

package/dist/lib/iterable.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Creates a function that calls a series of callbacks in order with the same arguments.
+ *
+ * @param callbacks An iterable of callback functions to invoke.
+ * @returns A function that will execute all callbacks with the provided arguments.
+ */
+export declare function chain<Args extends [] | unknown[]>(callbacks: {
+    [Symbol.iterator]: () => IterableIterator<((...args: Args) => unknown) | undefined>;
+}): (...args: Args) => void;

package/dist/lib/props/index.d.ts

@@ -0,0 +1 @@
+export type { OverrideProps } from "./types";

package/dist/lib/props/types.d.ts

@@ -0,0 +1 @@
+export type OverrideProps<T, P> = Omit<T, keyof P> & P;

package/dist/lib/refs/index.d.ts

@@ -0,0 +1,2 @@
+export { mergeRefs } from "./mergeRefs";
+export type { ElementOf } from "./types";

package/dist/lib/refs/mergeRefs.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Utility for chaining multiple `ref` assignments with `props.ref` forwarding.
+ *
+ * @param refs An array of refs to merge.
+ * @returns A function that assigns the element to all provided refs.
+ */
+export declare function mergeRefs<T>(...refs: (T | ((value: T) => void) | undefined)[]): (element: T) => void;

package/dist/lib/refs/types.d.ts

@@ -0,0 +1 @@
+export type ElementOf<T> = T extends keyof HTMLElementTagNameMap ? HTMLElementTagNameMap[T] : unknown;

package/dist/lib/style/classes.d.ts

@@ -0,0 +1,33 @@
+export type ClassArgs = string | number | boolean | null | undefined | ClassArgs[];
+export type ClassProps = {
+    class?: ClassArgs;
+};
+export type OmitUndefined<T> = T extends undefined ? never : T;
+export type StringToBoolean<T> = T extends "true" | "false" ? boolean : T;
+export type ConfigSchema = Record<string, Record<string, ClassArgs>>;
+export type ConfigVariants<T extends ConfigSchema> = {
+    [Variant in keyof T]?: StringToBoolean<keyof T[Variant]> | null | undefined;
+};
+export type ConfigVariantsMulti<T extends ConfigSchema> = {
+    [Variant in keyof T]?: StringToBoolean<keyof T[Variant]> | StringToBoolean<keyof T[Variant]>[] | undefined;
+};
+export type Config<T> = T extends ConfigSchema ? {
+    variants?: T;
+    defaultVariants?: ConfigVariants<T>;
+    compoundVariants?: (T extends ConfigSchema ? (ConfigVariants<T> | ConfigVariantsMulti<T>) & ClassProps : ClassProps)[];
+} : never;
+export type VariantKeys<T extends ConfigSchema> = keyof T;
+export type VariantProps<Component extends (...args: []) => unknown> = Omit<OmitUndefined<Parameters<Component>[0]>, "class">;
+/**
+ * Joins classes into a single string.
+ *
+ * @param args The args to join.
+ * @returns A string of joined class names, excluding any falsy values.
+ */
+export declare function classes(...args: ClassArgs[]): string;
+export declare function falsyToString<T>(value: T): string | T;
+export type CvaProps<T> = T extends ConfigSchema ? ConfigVariants<T> & ClassProps : ClassProps;
+export declare function cva<T extends ConfigSchema>(base?: ClassArgs, config?: Config<T>): {
+    (props?: CvaProps<T>): string;
+    variantKeys: (keyof T)[];
+};

package/dist/lib/style/index.d.ts

@@ -0,0 +1 @@
+export { classes, cva, type ClassArgs, type ClassProps, type VariantProps, } from "./classes";

package/dist/lib/tag/createIsButton.d.ts

@@ -0,0 +1,21 @@
+import { type Accessor } from "solid-js";
+export declare const BUTTON_INPUT_TYPES: string[];
+/**
+ * Checks if the given tag name or input type represent a button.
+ *
+ * @param tagName The name of the tag to check.
+ * @param type The type attribute of the input element.
+ * @returns `true` if the tag is a button or an input of a button type; otherwise, `false`.
+ */
+export declare function isButton(tagName: string, type?: string): boolean;
+/**
+ * Creates a memoized signal that checks if the element is a button.
+ *
+ * @param props.element The element to check.
+ * @param props.type An optional button input type to consider.
+ * @returns A memoized signal indicating if the element is a button.
+ */
+export declare function createIsButton(props: {
+    element: Accessor<HTMLElement | null>;
+    type?: string | undefined;
+}): Accessor<boolean>;

package/dist/lib/tag/createTagName.d.ts

@@ -0,0 +1,12 @@
+import { type Accessor } from "solid-js";
+/**
+ * Creates a memoized signal with the lowercase tag name of the element.
+ *
+ * @param props.element The element to get the tag name of.
+ * @param props.fallback The fallback tag name to use if the element is `null`.
+ * @returns A memoized signal with the lowercase tag name of the element.
+ */
+export declare function createTagName(props: {
+    element: Accessor<HTMLElement | null>;
+    fallback: string;
+}): Accessor<string>;

package/dist/lib/tag/index.d.ts

@@ -0,0 +1,2 @@
+export { BUTTON_INPUT_TYPES, createIsButton, isButton } from "./createIsButton";
+export { createTagName } from "./createTagName";

package/package.json

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