@pathscale/ui 0.0.142 → 0.0.143

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

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

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

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

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

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

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

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

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

@@ -3,7 +3,7 @@ import type { IComponentBaseProps } from "../types";
 export interface BottomSheetProps extends IComponentBaseProps {
     isOpen: boolean;
     onClose: () => void;
-    children?: any;
+    children?: import("solid-js").JSX.Element;
     closeOnOverlayClick?: boolean;
     closeOnSwipeDown?: boolean;
 }

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

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

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

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

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

@@ -1 +1 @@
-export { default } from "./Button";
+export { default, type ButtonProps } from "./Button";

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +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";
+export { default as Collapse, type CollapseProps } from "./Collapse";

package/dist/components/confirm-dialog/ConfirmDialog.d.ts

@@ -1,6 +1,6 @@
-import type { JSX } from "solid-js";
+import type { JSX, ParentProps } from "solid-js";
 import type { ComponentColor, IComponentBaseProps } from "../types";
-export type ConfirmDialogProps = IComponentBaseProps & {
+export type ConfirmDialogProps = ParentProps<IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDialogElement>, "children"> & {
     open: boolean;
     onClose: () => void;
     onConfirm: () => void;
@@ -10,5 +10,5 @@ export type ConfirmDialogProps = IComponentBaseProps & {
     cancelText?: string;
     confirmColor?: ComponentColor;
     loading?: boolean;
-};
+}>;
 export default function ConfirmDialog(props: ConfirmDialogProps): JSX.Element;

package/dist/components/connectionstatus/ConnectionStatus.d.ts

@@ -1,4 +1,4 @@
-import { type Component } from "solid-js";
+import { type Component, type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type ConnectionState = "connecting" | "connected" | "disconnected" | "error";
 export interface ConnectionStatusProps extends IComponentBaseProps {
@@ -49,7 +49,7 @@ export interface ConnectionStatusProps extends IComponentBaseProps {
     /**
      * Custom style
      */
-    style?: any;
+    style?: JSX.CSSProperties;
     /**
      * Data theme
      */

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

@@ -1 +1 @@
-export { default } from "./Countdown";
+export { default, type CountdownProps } from "./Countdown";

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

@@ -1 +1 @@
-export { default } from "./Diff";
+export { default, type DiffProps } from "./Diff";

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

@@ -1,2 +1,3 @@
 import Divider from "./Divider";
+export type { DividerProps } from "./Divider";
 export default Divider;

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

@@ -1,2 +1,3 @@
 import Dropdown from "./Dropdown";
+export type { DropdownProps } from "./Dropdown";
 export default Dropdown;

package/dist/components/dropdown-select/DropdownSelect.d.ts

@@ -15,6 +15,8 @@ export type DropdownSelectProps = IComponentBaseProps & {
     showCheckmark?: boolean;
     size?: ComponentSize;
     "aria-label"?: string;
+    labelRenderer?: (value: string, option?: DropdownSelectOption) => JSX.Element;
+    optionRenderer?: (option: DropdownSelectOption, selected: boolean, highlighted: boolean) => JSX.Element;
 };
 declare const DropdownSelect: (props: DropdownSelectProps) => JSX.Element;
 export default DropdownSelect;

package/dist/components/empty-state/EmptyState.d.ts

@@ -3,6 +3,7 @@ import type { IComponentBaseProps } from "../types";
 export type EmptyStateProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, "title"> & {
     icon?: string;
     iconSize?: number;
+    image?: JSX.Element;
     title?: JSX.Element;
     description?: JSX.Element;
 };

package/dist/components/fieldset/Fieldset.d.ts

@@ -0,0 +1,11 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps, ComponentSize } from "../types";
+export type FieldsetGap = ComponentSize | "none";
+export type FieldsetProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLFieldSetElement> & {
+    legend?: JSX.Element | string;
+    description?: string;
+    disabled?: boolean;
+    gap?: FieldsetGap;
+};
+declare const Fieldset: (props: FieldsetProps) => JSX.Element;
+export default Fieldset;

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

@@ -0,0 +1,2 @@
+export { default as Fieldset } from "./Fieldset";
+export type { FieldsetProps } from "./Fieldset";

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

@@ -1 +1 @@
-export { default } from "./FileInput";
+export { default, type FileInputProps } from "./FileInput";

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

@@ -1 +1 @@
-export { default } from "./Flex";
+export { default, type FlexProps } from "./Flex";

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

@@ -1 +1 @@
-export { default } from "./Grid";
+export { default, type GridProps } from "./Grid";

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

@@ -1 +1 @@
-export { default } from "./Kbd";
+export { default, type KbdProps } from "./Kbd";

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

@@ -1 +1 @@
-export { default } from "./Link";
+export { default, type LinkProps } from "./Link";

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

@@ -1 +1 @@
-export { default } from "./Loading";
+export { default, type LoadingProps } from "./Loading";

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

@@ -1,2 +1,3 @@
 import Mask from "./Mask";
+export type { MaskProps } from "./Mask";
 export default Mask;

package/dist/components/pagination/Pagination.d.ts

@@ -1,4 +1,5 @@
+import { type JSX } from "solid-js";
 import { type JoinProps } from "../join/Join";
 export type PaginationProps = JoinProps;
-declare const Pagination: (props: JoinProps) => import("solid-js").JSX.Element;
+declare const Pagination: (props: PaginationProps) => JSX.Element;
 export default Pagination;

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

@@ -1 +1 @@
-export { default } from "./Progress";
+export { default, type ProgressProps } from "./Progress";

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

@@ -1 +1 @@
-export { default } from "./RadialProgress";
+export { default, type RadialProgressProps } from "./RadialProgress";

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

@@ -1 +1 @@
-export { default } from "./Radio";
+export { default, type RadioProps } from "./Radio";

package/dist/components/radio-group/RadioGroup.d.ts

@@ -2,7 +2,7 @@ import { type JSX } from "solid-js";
 import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
 export type RadioGroupOption = {
     value: string;
-    label: string;
+    label: JSX.Element | string;
     disabled?: boolean;
 };
 type RadioGroupBaseProps = {
@@ -14,6 +14,7 @@ type RadioGroupBaseProps = {
     size?: ComponentSize;
     color?: ComponentColor;
     direction?: "horizontal" | "vertical";
+    error?: string;
     dataTheme?: string;
     class?: string;
     className?: string;

package/dist/components/radio-group/index.d.ts

@@ -1 +1,2 @@
-export { default as RadioGroup, type RadioGroupProps, type RadioGroupOption } from "./RadioGroup";
+export { default as RadioGroup } from "./RadioGroup";
+export type { RadioGroupProps, RadioGroupOption } from "./RadioGroup";

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

@@ -1 +1 @@
-export { default } from "./Range";
+export { default, type RangeProps } from "./Range";

package/dist/components/range-slider/RangeSlider.d.ts

@@ -1,7 +1,7 @@
 import { type JSX } from "solid-js";
 import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
-type RangeSliderBaseProps = {
-    label: string;
+type SliderFieldBaseProps = {
+    label?: string;
     value: number;
     onChange: (value: number) => void;
     min?: number;
@@ -16,6 +16,6 @@ type RangeSliderBaseProps = {
     className?: string;
     style?: JSX.CSSProperties;
 };
-export type RangeSliderProps = RangeSliderBaseProps & IComponentBaseProps & Omit<JSX.InputHTMLAttributes<HTMLInputElement>, keyof RangeSliderBaseProps>;
-declare const RangeSlider: (props: RangeSliderProps) => JSX.Element;
-export default RangeSlider;
+export type SliderFieldProps = SliderFieldBaseProps & IComponentBaseProps & Omit<JSX.InputHTMLAttributes<HTMLInputElement>, keyof SliderFieldBaseProps>;
+declare const SliderField: (props: SliderFieldProps) => JSX.Element;
+export default SliderField;

package/dist/components/range-slider/index.d.ts

@@ -1,2 +1,2 @@
-export { default as RangeSlider } from "./RangeSlider";
-export type { RangeSliderProps } from "./RangeSlider";
+export { default as SliderField } from "./RangeSlider";
+export type { SliderFieldProps } from "./RangeSlider";

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

@@ -1 +1 @@
-export { default } from "./Select";
+export { default, type SelectProps } from "./Select";

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

@@ -1 +1 @@
-export { default } from "./Skeleton";
+export { default, type SkeletonProps } from "./Skeleton";

package/dist/components/skip-link/SkipLink.d.ts

@@ -1,7 +1,7 @@
 import { type JSX } from "solid-js";
-export type SkipLinkProps = {
+import type { IComponentBaseProps } from "../types";
+export type SkipLinkProps = IComponentBaseProps & {
     href?: string;
     children?: JSX.Element;
-    class?: string;
-} & Omit<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "children" | "class">;
+} & Omit<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "children" | "class" | "className" | "style">;
 export default function SkipLink(props: SkipLinkProps): JSX.Element;

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

@@ -1 +1 @@
-export { default } from "./StatCard";
+export { default, type StatCardProps } from "./StatCard";

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

@@ -1 +1 @@
-export { default } from "./Stats";
+export { default, type StatsProps } from "./Stats";

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

@@ -1,2 +1,3 @@
 import Steps from "./Steps";
+export type { StepsProps } from "./Steps";
 export default Steps;

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

@@ -1 +1 @@
-export { default } from "./Swap";
+export { default, type SwapProps } from "./Swap";

package/dist/components/switch-field/SwitchField.d.ts

@@ -0,0 +1,19 @@
+import { type JSX } from "solid-js";
+import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
+type SwitchFieldBaseProps = {
+    label: string;
+    description?: string;
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    size?: ComponentSize;
+    color?: ComponentColor;
+    error?: string;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+};
+export type SwitchFieldProps = SwitchFieldBaseProps & IComponentBaseProps;
+declare const SwitchField: (props: SwitchFieldProps) => JSX.Element;
+export default SwitchField;

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

@@ -0,0 +1,2 @@
+export { default as SwitchField } from "./SwitchField";
+export type { SwitchFieldProps } from "./SwitchField";

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

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

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

@@ -1,6 +1,6 @@
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
-type TimelineProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLUListElement> & {
+export type TimelineProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLUListElement> & {
     vertical?: boolean;
     horizontal?: boolean;
     responsive?: boolean;

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

@@ -1,4 +1,4 @@
-export { default as Timeline } from "./Timeline";
+export { default as Timeline, type TimelineProps } from "./Timeline";
 export { default as TimelineItem } from "./TimelineItem";
 export { default as TimelineStart } from "./TimelineStart";
 export { default as TimelineMiddle } from "./TimelineMiddle";

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

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

package/dist/components/toastcontainer/ToastContainer.d.ts

@@ -1,2 +1,3 @@
 import { type Component } from "solid-js";
-export declare const ToastContainer: Component;
+import type { ToastStackProps } from "./ToastStack";
+export declare const ToastContainer: Component<ToastStackProps>;

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

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

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

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

package/dist/glow-card/GlowCard.css

@@ -49,9 +49,17 @@
   opacity: 1;
 }
 
+[data-theme="light"] .glow-card::before {
+  --glow-color-border: oklch(30% 0.15 260 / 0.4);
+}
+
+[data-theme="light"] .glow-card::after {
+  --glow-color-bg: oklch(30% 0.15 260 / 0.15);
+}
+
 @media (prefers-reduced-motion: reduce) {
   .glow-card::before,
   .glow-card::after {
-    transition: none;
+    opacity: 0 !important;
   }
 }

package/dist/index.css

@@ -40,9 +40,17 @@
   opacity: 1;
 }
 
+[data-theme="light"] .glow-card:before {
+  --glow-color-border: oklch(30% .15 260 / .4);
+}
+
+[data-theme="light"] .glow-card:after {
+  --glow-color-bg: oklch(30% .15 260 / .15);
+}
+
 @media (prefers-reduced-motion: reduce) {
   .glow-card:before, .glow-card:after {
-    transition: none;
+    opacity: 0 !important;
   }
 }
 

package/dist/index.d.ts

@@ -31,7 +31,6 @@ export { default as Dock } from "./components/dock";
 export { default as Drawer, type DrawerProps } from "./components/drawer";
 export { default as Dropdown } from "./components/dropdown";
 export { DropdownSelect, type DropdownSelectProps, type DropdownSelectOption } from "./components/dropdown-select";
-export { DurationBadge, type DurationBadgeProps } from "./components/duration-badge";
 export { EmptyState, type EmptyStateProps } from "./components/empty-state";
 export { default as FileInput } from "./components/fileinput";
 export { default as FloatingDock } from "./components/floating-dock";
@@ -43,8 +42,7 @@ export type { GlassPanelProps, GlassPanelBlur } from "./components/glass-panel";
 export { default as Footer } from "./components/footer";
 export type { FooterProps, FooterTitleProps } from "./components/footer";
 export { FormActions, type FormActionsProps } from "./components/form-actions";
-export { FormSection, type FormSectionProps } from "./components/form-section";
-export { FormStatus, type FormStatusProps } from "./components/form-status";
+export { Fieldset, type FieldsetProps } from "./components/fieldset";
 export { default as Form, useFormValidation } from "./components/form";
 export { useDesktop } from "./components/utils";
 export type { FormProps, LabelProps, ValidatedFormProps, } from "./components/form";
@@ -61,12 +59,10 @@ export { default as Kbd } from "./components/kbd";
 export { default as Link } from "./components/link";
 export { LiveChatBubble, LiveChatPanel, } from "./components/live-chat";
 export type { LiveChatBubbleProps, LiveChatPanelProps, ChatMessage, SendMessagePayload, SendMessageResponse, } from "./components/live-chat";
-export { LevelMeter, type LevelMeterProps } from "./components/level-meter";
 export { default as Loading } from "./components/loading";
 export { LanguageSwitcher, createI18n, I18nProvider, I18nContext, useI18n, } from "./components/language-switcher";
 export type { LanguageSwitcherProps, I18nStore, I18nOptions, I18nContextValue, I18nProviderProps, Language, } from "./components/language-switcher";
 export { default as Mask } from "./components/mask";
-export { MediaToggleControls, type MediaToggleControlsProps } from "./components/media-toggle-controls";
 export { Menu } from "./components/menu";
 export { default as Modal } from "./components/modal";
 export { default as Navbar } from "./components/navbar";
@@ -83,10 +79,9 @@ export { default as RadialProgress } from "./components/radialprogress";
 export { default as Radio } from "./components/radio";
 export { RadioGroup, type RadioGroupProps, type RadioGroupOption } from "./components/radio-group";
 export { default as Range } from "./components/range";
-export { RangeSlider, type RangeSliderProps } from "./components/range-slider";
+export { SliderField, type SliderFieldProps } from "./components/range-slider";
 export { Rating } from "./components/rating";
 export type { RatingHiddenProps, RatingItemProps, RatingProps, } from "./components/rating";
-export { SectionCard, type SectionCardProps } from "./components/section-card";
 export { default as Select } from "./components/select";
 export { ShowcaseSection } from "./components/showcase-section";
 export { default as ShowcaseBlock } from "./components/showcase/ShowcaseBlock";
@@ -119,7 +114,7 @@ export { default as Toast } from "./components/toast";
 export { ToastContainer, ToastStack } from "./components/toastcontainer";
 export type { ToastRenderer, ToastStackProps, } from "./components/toastcontainer";
 export { default as Toggle } from "./components/toggle";
-export { ToggleSetting, type ToggleSettingProps } from "./components/toggle-setting";
+export { SwitchField, type SwitchFieldProps } from "./components/switch-field";
 export { default as Tooltip } from "./components/tooltip";
 export { VideoPreview, type VideoPreviewProps } from "./components/video-preview";
 export { default as WindowMockup, type WindowMockupProps, } from "./components/windowmockup";