@pathscale/ui 0.1.0 → 0.1.1

package/LICENSE

@@ -1,6 +1,7 @@
 MIT License
 
 Copyright (c) 2025 pathscale
+Copyright (c) 2020 Pouya Saadeghi
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -5,8 +5,66 @@ included, but optimized and shiny.
 
 ## Building
 
-To build this package, use the following command:
+To build this package, use the following command
 
 ```sh
 bun run build
 ```
+
+# Components Checklist
+
+## Actions
+
+- [x] Button
+- [x] Dropdown
+- [x] Modal
+- [x] Swap
+
+## Data Display
+
+- [x] Accordion
+- [x] Avatar
+- [x] Badge
+- [x] Card
+- [ ] Carousel
+- [x] Chat Bubble
+- [x] Collapse
+- [x] Countdown
+- [x] Diff
+- [x] Kbd
+- [x] Stats
+- [x] Table
+- [x] Timeline
+
+## Navigation
+
+- [x] Dock
+- [x] Breadcrumbs
+- [x] Link
+- [x] Menu
+- [x] Navbar
+- [x] Pagination
+- [x] Steps
+- [ ] Tabs
+
+## Feedback
+
+- [x] Alert
+- [x] Loading
+- [x] Progress
+- [x] Radial Progress
+- [x] Skeleton
+- [x] Tooltip
+- [x] Toast
+
+## Data Input
+
+- [x] Checkbox
+- [x] File Input
+- [x] Input
+- [x] Radio
+- [x] Range
+- [x] Rating
+- [x] Select
+- [x] Textarea
+- [x] Toggle

package/dist/components/accordion/Accordion.d.ts

@@ -0,0 +1,25 @@
+import { type JSX } from "solid-js";
+import { CollapseContent, CollapseTitle } from "../collapse";
+import type { IComponentBaseProps } from "../types";
+type AccordionBaseProps = {
+    name?: string;
+    icon?: "arrow" | "plus";
+    checked?: boolean;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+    mode?: "radio" | "checkbox" | "controlled";
+    expanded?: boolean;
+    onToggle?: () => void;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "aria-labelledby"?: string;
+};
+export type AccordionProps = AccordionBaseProps & IComponentBaseProps & Omit<JSX.InputHTMLAttributes<HTMLInputElement>, keyof AccordionBaseProps>;
+declare const Accordion: {
+    (props: AccordionProps): JSX.Element;
+    Title: typeof CollapseTitle;
+    Content: typeof CollapseContent;
+};
+export default Accordion;

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

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

package/dist/components/alert/Alert.d.ts

@@ -0,0 +1,17 @@
+import { type JSX, type Component } from "solid-js";
+import type { IComponentBaseProps, ComponentVariant } from "../types";
+export type ComponentStatus = "info" | "success" | "warning" | "error";
+export type ComponentLayout = "vertical" | "horizontal";
+export type AlertProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement> & {
+    icon?: JSX.Element;
+    layout?: ComponentLayout;
+    status?: ComponentStatus;
+    variant?: ComponentVariant;
+    "aria-atomic"?: boolean;
+    "aria-live"?: "off" | "polite" | "assertive";
+    "aria-relevant"?: string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+};
+declare const Alert: Component<AlertProps>;
+export default Alert;

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

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

package/dist/components/artboard/Artboard.d.ts

@@ -0,0 +1,9 @@
+import { type ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type ArtboardProps = IComponentBaseProps & {
+    demo?: boolean;
+    size?: 1 | 2 | 3 | 4 | 5 | 6;
+    horizontal?: boolean;
+};
+declare const Artboard: ParentComponent<ArtboardProps>;
+export default Artboard;

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

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

package/dist/components/avatar/Avatar.d.ts

@@ -0,0 +1,26 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps, ComponentColor, ComponentShape, ComponentSize } from "../types";
+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];
+export 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: import("./AvatarGroup").AvatarGroupProps<E>) => JSX.Element;
+};
+export default _default;

package/dist/components/avatar/AvatarGroup.d.ts

@@ -0,0 +1,15 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+type ElementType = keyof JSX.IntrinsicElements;
+type AvatarGroupBaseProps = {
+    /** Custom container tag */
+    as?: ElementType;
+    /** Extra classes */
+    class?: string;
+    className?: string;
+    children: JSX.Element[];
+} & IComponentBaseProps;
+type PropsOf<E extends ElementType> = JSX.IntrinsicElements[E];
+export type AvatarGroupProps<E extends ElementType = "div"> = Omit<PropsOf<E>, keyof AvatarGroupBaseProps> & AvatarGroupBaseProps;
+declare const AvatarGroup: <E extends ElementType = "div">(props: AvatarGroupProps<E>) => JSX.Element;
+export default AvatarGroup;

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

@@ -1,8 +1,3 @@
-import { A as Avatar } from '../../Avatar-CzIirpVq.js';
-export { a as AvatarProps, b as avatarVariants } from '../../Avatar-CzIirpVq.js';
-import 'solid-js';
-import '../../classes-B_S9K-9I.js';
-
-
-
-export { Avatar as default };
+import Avatar, { type AvatarProps } from "./Avatar";
+export type { AvatarProps };
+export default Avatar;

package/dist/components/background/Background.d.ts

@@ -0,0 +1,5 @@
+import type { Component, JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type BackgroundProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement>;
+declare const Background: Component<BackgroundProps>;
+export default Background;

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

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

package/dist/components/badge/Badge.d.ts

@@ -0,0 +1,19 @@
+import { type JSX } from "solid-js";
+import type { ComponentColor, ComponentSize, ComponentVariant, IComponentBaseProps } from "../types";
+type BadgeBaseProps = {
+    size?: ComponentSize;
+    color?: ComponentColor;
+    variant?: ComponentVariant;
+    responsive?: boolean;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "aria-labelledby"?: string;
+    role?: "status" | "alert" | "img" | "presentation" | "none";
+};
+export type BadgeProps = BadgeBaseProps & IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, keyof BadgeBaseProps>;
+declare const Badge: (props: BadgeProps) => JSX.Element;
+export default Badge;

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

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

package/dist/components/bottom-sheet/BottomSheet.d.ts

@@ -0,0 +1,11 @@
+import { type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export interface BottomSheetProps extends IComponentBaseProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children?: any;
+    closeOnOverlayClick?: boolean;
+    closeOnSwipeDown?: boolean;
+}
+declare const BottomSheet: Component<BottomSheetProps>;
+export default BottomSheet;

package/dist/components/bottom-sheet/index.d.ts

@@ -0,0 +1,2 @@
+export type { BottomSheetProps } from "./BottomSheet";
+export { default } from "./BottomSheet";

package/dist/components/breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,7 @@
+import { type JSX, type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+type BreadcrumbProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement> & {
+    innerProps?: JSX.HTMLAttributes<HTMLUListElement>;
+};
+declare const Breadcrumbs: Component<BreadcrumbProps>;
+export default Breadcrumbs;

package/dist/components/breadcrumbs/BreadcrumbsItem.d.ts

@@ -0,0 +1,6 @@
+import { type Component, type JSX } from "solid-js";
+export type BreadcrumbsItemProps = JSX.HTMLAttributes<HTMLLIElement> & {
+    href?: string;
+};
+declare const BreadcrumbsItem: Component<BreadcrumbsItemProps>;
+export default BreadcrumbsItem;

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

@@ -0,0 +1,2 @@
+export { default as Breadcrumbs } from "./Breadcrumbs";
+export { default as BreadcrumbsItem } from "./BreadcrumbsItem";

package/dist/components/browsermockup/BrowserMockup.d.ts

@@ -0,0 +1,10 @@
+import { type JSX, type ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type BrowserMockupProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "ref"> & IComponentBaseProps & {
+    url: string;
+    variant?: "border" | "background";
+    inputClassName?: string;
+    innerClassName?: string;
+};
+declare const BrowserMockup: ParentComponent<BrowserMockupProps>;
+export default BrowserMockup;

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

@@ -0,0 +1,2 @@
+export { default } from "./BrowserMockup";
+export type { BrowserMockupProps } from "./BrowserMockup";

package/dist/components/button/Button.d.ts

@@ -0,0 +1,36 @@
+import { type JSX } from "solid-js";
+import type { ComponentColor, ComponentShape, ComponentSize, ComponentVariant, IComponentBaseProps } from "../types";
+type ElementType = keyof JSX.IntrinsicElements;
+type ButtonBaseProps = {
+    shape?: ComponentShape;
+    size?: ComponentSize;
+    color?: ComponentColor;
+    variant?: ComponentVariant | "link";
+    glass?: boolean;
+    wide?: boolean;
+    fullWidth?: boolean;
+    responsive?: boolean;
+    animation?: boolean;
+    loading?: boolean;
+    active?: boolean;
+    startIcon?: JSX.Element;
+    endIcon?: JSX.Element;
+    disabled?: boolean;
+    as?: ElementType;
+    children?: JSX.Element;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "aria-pressed"?: boolean;
+    "aria-expanded"?: boolean;
+    "aria-controls"?: string;
+    "aria-haspopup"?: string;
+    "aria-role"?: string;
+};
+type PropsOf<E extends ElementType> = JSX.IntrinsicElements[E];
+export type ButtonProps<E extends ElementType = "button"> = Omit<PropsOf<E>, keyof ButtonBaseProps | "color" | "size"> & ButtonBaseProps & IComponentBaseProps;
+declare const Button: <E extends ElementType = "button">(props: ButtonProps<E>) => JSX.Element;
+export default Button;

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

@@ -1,9 +1 @@
-import { B as Button } from '../../Button-BOYHKShy.js';
-export { a as ButtonElementProps, b as ButtonProps, c as ButtonSharedProps, d as ButtonVariantProps } from '../../Button-BOYHKShy.js';
-import 'solid-js';
-import '../polymorphic/index.js';
-import '../../classes-B_S9K-9I.js';
-
-
-
-export { Button as default };
+export { default } from "./Button";

package/dist/components/calendar/Calendar.d.ts

@@ -0,0 +1,27 @@
+import "cally";
+import { type JSX } from "solid-js";
+import type { ComponentSize, IComponentBaseProps } from "../types";
+declare module "solid-js" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "calendar-date": any;
+            "calendar-month": any;
+        }
+    }
+}
+type CalendarBaseProps = {
+    size?: ComponentSize;
+    value?: string;
+    onDateSelect?: (value: string) => void;
+    asInput?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    children?: JSX.Element;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+};
+export type CalendarProps = CalendarBaseProps & IComponentBaseProps;
+declare const Calendar: (props: CalendarProps) => JSX.Element;
+export default Calendar;

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

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

package/dist/components/card/Card.d.ts

@@ -0,0 +1,28 @@
+import { type JSX } from "solid-js";
+import type { ComponentSize, ComponentVariant, ComponentColor, IComponentBaseProps } from "../types";
+import CardActions from "./CardActions";
+import CardBody from "./CardBody";
+import CardImage from "./CardImage";
+import CardTitle from "./CardTitle";
+export type CardProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement> & {
+    size?: ComponentSize;
+    border?: boolean;
+    variant?: Exclude<ComponentVariant, "soft"> | "border";
+    imageFull?: boolean;
+    side?: ComponentSize | boolean;
+    background?: ComponentColor | "base-100" | "base-200" | "base-300";
+    shadow?: "none" | "sm" | "md" | "lg" | "xl";
+    fullWidth?: boolean;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "aria-labelledby"?: string;
+    role?: string;
+};
+declare const Card: {
+    (props: CardProps): JSX.Element;
+    Actions: typeof CardActions;
+    Body: typeof CardBody;
+    Title: typeof CardTitle;
+    Image: typeof CardImage;
+};
+export default Card;

package/dist/components/card/CardActions.d.ts

@@ -0,0 +1,4 @@
+import type { JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type CardActionsProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
+export default function CardActions(props: CardActionsProps): JSX.Element;

package/dist/components/card/CardBody.d.ts

@@ -0,0 +1,4 @@
+import type { JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type CardBodyProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
+export default function CardBody(props: CardBodyProps): JSX.Element;

package/dist/components/card/CardImage.d.ts

@@ -0,0 +1,3 @@
+import type { JSX } from "solid-js";
+export type CardImageProps = JSX.ImgHTMLAttributes<HTMLImageElement>;
+export default function CardImage(props: CardImageProps): JSX.Element;

package/dist/components/card/CardTitle.d.ts

@@ -0,0 +1,6 @@
+import type { JSX, ValidComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type CardTitleProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLElement> & {
+    tag?: ValidComponent;
+};
+export default function CardTitle(props: CardTitleProps): JSX.Element;

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

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

package/dist/components/carousel/Carousel.d.ts

@@ -0,0 +1,15 @@
+import { type JSX, type ParentProps } from "solid-js";
+export type CarouselProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    snap?: "start" | "center" | "end";
+    direction?: "horizontal" | "vertical";
+    "aria-label"?: string;
+    "aria-roledescription"?: string;
+    "aria-describedby"?: string;
+    "aria-labelledby"?: string;
+    "aria-live"?: "off" | "polite";
+    "aria-atomic"?: boolean;
+};
+declare const _default: ((props: ParentProps<CarouselProps>) => JSX.Element) & {
+    Item: (props: ParentProps<import("./CarouselItem").CarouselItemProps>) => JSX.Element;
+};
+export default _default;

package/dist/components/carousel/CarouselItem.d.ts

@@ -0,0 +1,6 @@
+import { type JSX, type ParentProps } from "solid-js";
+export type CarouselItemProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    "aria-current"?: boolean | "true" | "page" | "step" | "location" | "date" | "time";
+};
+declare const CarouselItem: (props: ParentProps<CarouselItemProps>) => JSX.Element;
+export default CarouselItem;

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

@@ -0,0 +1,3 @@
+export { default } from "./Carousel";
+export type { CarouselProps } from "./Carousel";
+export type { CarouselItemProps } from "./CarouselItem";

package/dist/components/chatbubble/ChatBubble.d.ts

@@ -0,0 +1,13 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type ChatBubbleProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement> & {
+    end?: boolean;
+};
+declare const _default: ((props: ChatBubbleProps) => JSX.Element) & {
+    Header: (props: import("./ChatBubbleHeader").ChatBubbleHeaderProps) => JSX.Element;
+    Time: (props: import("./ChatBubbleTime").ChatBubbleTimeProps) => JSX.Element;
+    Avatar: (props: import("./ChatBubbleAvatar").ChatBubbleAvatarProps) => JSX.Element;
+    Message: (props: import("./ChatBubbleMessage").ChatBubbleMessageProps) => JSX.Element;
+    Footer: (props: import("./ChatBubbleFooter").ChatBubbleFooterProps) => JSX.Element;
+};
+export default _default;

package/dist/components/chatbubble/ChatBubbleAvatar.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from "solid-js";
+import type { AvatarProps } from "../avatar";
+import type { IComponentBaseProps } from "../types";
+export type ChatBubbleAvatarProps = AvatarProps & IComponentBaseProps;
+declare const ChatBubbleAvatar: (props: ChatBubbleAvatarProps) => JSX.Element;
+export default ChatBubbleAvatar;

package/dist/components/chatbubble/ChatBubbleFooter.d.ts

@@ -0,0 +1,5 @@
+import type { JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type ChatBubbleFooterProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
+declare const ChatBubbleFooter: (props: ChatBubbleFooterProps) => JSX.Element;
+export default ChatBubbleFooter;

package/dist/components/chatbubble/ChatBubbleHeader.d.ts

@@ -0,0 +1,5 @@
+import type { JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type ChatBubbleHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
+declare const ChatBubbleHeader: (props: ChatBubbleHeaderProps) => JSX.Element;
+export default ChatBubbleHeader;

package/dist/components/chatbubble/ChatBubbleMessage.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type ChatBubbleMessageProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
+    color?: "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
+};
+declare const ChatBubbleMessage: (props: ChatBubbleMessageProps) => JSX.Element;
+export default ChatBubbleMessage;

package/dist/components/chatbubble/ChatBubbleTime.d.ts

@@ -0,0 +1,5 @@
+import type { JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type ChatBubbleTimeProps = JSX.HTMLAttributes<HTMLTimeElement> & IComponentBaseProps;
+declare const ChatBubbleTime: (props: ChatBubbleTimeProps) => JSX.Element;
+export default ChatBubbleTime;

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

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

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

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

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

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

package/dist/components/codemockup/CodeMockup.d.ts

@@ -0,0 +1,5 @@
+import { type JSX, type ParentProps } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+type CodeMockupProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
+declare const CodeMockup: (props: ParentProps<CodeMockupProps>) => JSX.Element;
+export default CodeMockup;

package/dist/components/codemockup/CodeMockupLine.d.ts

@@ -0,0 +1,12 @@
+import { type JSX } from "solid-js";
+type ComponentStatus = "info" | "success" | "warning" | "error";
+type AppTheme = "light" | "dark";
+type CodeMockupLineProps = JSX.HTMLAttributes<HTMLPreElement> & {
+    dataPrefix?: string | boolean;
+    status?: ComponentStatus;
+    innerProps?: JSX.HTMLAttributes<HTMLElement>;
+    innerRef?: HTMLElement | ((el: HTMLElement) => void);
+    dataTheme?: AppTheme;
+};
+declare const CodeMockupLine: (props: CodeMockupLineProps) => JSX.Element;
+export default CodeMockupLine;

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

@@ -0,0 +1,2 @@
+export { default as CodeMockup } from "./CodeMockup";
+export { default as CodeMockupLine } from "./CodeMockupLine";

package/dist/components/collapse/Collapse.d.ts

@@ -0,0 +1,20 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import CollapseDetails from "./CollapseDetails";
+import { CollapseTitle } from "./CollapseTitle";
+import CollapseContent from "./CollapseContent";
+export type CollapseProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement> & {
+    checkbox?: boolean;
+    icon?: "arrow" | "plus";
+    open?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onToggle?: () => void;
+};
+export declare const classesFn: ({ className, icon, open, }: Pick<CollapseProps, "className" | "icon" | "open">) => string;
+declare const _default: ((props: CollapseProps) => JSX.Element) & {
+    Details: typeof CollapseDetails;
+    Title: typeof CollapseTitle;
+    Content: typeof CollapseContent;
+};
+export default _default;

package/dist/components/collapse/CollapseContent.d.ts

@@ -0,0 +1,4 @@
+import type { JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type CollapseContentProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
+export default function CollapseContent(props: CollapseContentProps): JSX.Element;

package/dist/components/collapse/CollapseDetails.d.ts

@@ -0,0 +1,17 @@
+import type { JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import { Summary } from "./CollapseTitle";
+export type CollapseDetailsProps = JSX.HTMLAttributes<HTMLDetailsElement> & IComponentBaseProps & {
+    icon?: "arrow" | "plus";
+    open?: boolean;
+};
+export declare function classesFn({ className, icon, open, }: {
+    className?: string;
+    icon?: "arrow" | "plus";
+    open?: boolean;
+}): string;
+declare function CollapseDetails(props: CollapseDetailsProps): JSX.Element;
+declare namespace CollapseDetails {
+    var Title: typeof Summary;
+}
+export default CollapseDetails;

package/dist/components/collapse/CollapseTitle.d.ts

@@ -0,0 +1,9 @@
+import type { JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type CollapseTitleProps<T extends HTMLElement = HTMLDivElement> = JSX.HTMLAttributes<T> & IComponentBaseProps;
+export declare const classesFn: ({ className }: {
+    className?: string;
+}) => string;
+export declare function CollapseTitle(props: CollapseTitleProps): JSX.Element;
+export type SummaryProps = JSX.HTMLAttributes<HTMLElement> & IComponentBaseProps;
+export declare function Summary(props: SummaryProps): JSX.Element;

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

@@ -0,0 +1,4 @@
+export { default as CollapseContent } from "./CollapseContent";
+export { CollapseTitle, Summary } from "./CollapseTitle";
+export { default as CollapseDetails } from "./CollapseDetails";
+export { default as Collapse } from "./Collapse";