@pathscale/ui 0.0.163 → 0.0.164

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

@@ -1,4 +1,3 @@
-import "./collapse.css";
 import { type JSX } from "solid-js";
 import { CollapseContent, CollapseTitle } from "../collapse";
 import type { IComponentBaseProps } from "../types";

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

@@ -1,4 +1,3 @@
-import "./alert.css";
 import { type JSX, type Component } from "solid-js";
 import type { IComponentBaseProps, ComponentVariant } from "../types";
 export type ComponentStatus = "info" | "success" | "warning" | "error";

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

@@ -1,4 +1,3 @@
-import "./avatar.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps, ComponentColor, ComponentShape, ComponentSize } from "../types";
 type ElementType = keyof JSX.IntrinsicElements;

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

@@ -1,5 +1,4 @@
 import { type JSX } from "solid-js";
-import "./badge.css";
 import type { ComponentColor, ComponentSize, ComponentVariant, IComponentBaseProps } from "../types";
 type BadgeBaseProps = {
     size?: ComponentSize;

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

@@ -1,4 +1,3 @@
-import "./breadcrumbs.css";
 import { type JSX, type Component } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type BreadcrumbProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement> & {

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

@@ -1,4 +1,3 @@
-import "./btn.css";
 import { type JSX } from "solid-js";
 import type { ComponentColor, ComponentShape, ComponentSize, ComponentVariant, IComponentBaseProps } from "../types";
 type ElementType = keyof JSX.IntrinsicElements;

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

@@ -1,5 +1,4 @@
 import "cally";
-import "./input.css";
 import { type JSX } from "solid-js";
 import type { ComponentSize, IComponentBaseProps } from "../types";
 declare module "solid-js" {

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

@@ -1,4 +1,3 @@
-import "./card.css";
 import { type JSX } from "solid-js";
 import type { ComponentSize, ComponentVariant, ComponentColor, IComponentBaseProps } from "../types";
 import CardActions from "./CardActions";

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

@@ -1,4 +1,3 @@
-import "./carousel.css";
 import { type JSX, type ParentProps } from "solid-js";
 export type CarouselProps = JSX.HTMLAttributes<HTMLDivElement> & {
     snap?: "start" | "center" | "end";

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

@@ -1,4 +1,3 @@
-import "./chat.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type ChatBubbleProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement> & {

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

@@ -1,4 +1,3 @@
-import "./checkbox.css";
 import { type JSX } from "solid-js";
 import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
 type CheckboxBaseProps = {

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

@@ -1,4 +1,3 @@
-import "./collapse.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 import CollapseDetails from "./CollapseDetails";

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

@@ -1,4 +1,3 @@
-import "./countdown.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type CountdownProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLSpanElement> & {

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

@@ -1,4 +1,3 @@
-import "./diff.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type DiffProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {

package/dist/components/dock/Dock.d.ts

@@ -1,4 +1,3 @@
-import "./dock.css";
 import type { JSX } from "solid-js";
 import type { IComponentBaseProps, ComponentSize } from "../types";
 import { type DockItemProps as ItemProps } from "./DockItem";

package/dist/components/drawer/Drawer.d.ts

@@ -1,4 +1,3 @@
-import "./drawer.css";
 import { type JSX, type ParentComponent } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type DrawerProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "ref"> & IComponentBaseProps & {

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

@@ -1,8 +1,6 @@
-import "./dropdown.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
-export { DropdownContext, classesFn } from "./dropdownContext";
-export type { DropdownContextType } from "./dropdownContext";
+import { type DropdownContextType } from "./dropdownContext";
 export type DropdownProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
     item?: JSX.Element;
     horizontal?: "left" | "right";
@@ -18,6 +16,8 @@ export type DropdownProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseP
     "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog";
     "aria-labelledby"?: string;
 };
+export declare const classesFn: ({ className, horizontal, vertical, end, hover, open, }: Pick<DropdownProps, "className" | "horizontal" | "vertical" | "end" | "hover" | "open">) => string;
+export declare const DropdownContext: import("solid-js").Context<DropdownContextType | undefined>;
 declare const _default: ((props: DropdownProps) => JSX.Element) & {
     Details: ((props: import("./DropdownDetails").DetailsProps) => JSX.Element) & {
         Toggle: (props: import("./DropdownToggle").SummaryProps) => JSX.Element;

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

@@ -7,13 +7,3 @@ export type DropdownContextType = {
     onLeave: () => void;
 };
 export declare function useDropdown(trigger: "click" | "hover", disabled?: boolean): DropdownContextType;
-export declare const DropdownContext: import("solid-js").Context<DropdownContextType | undefined>;
-export type ClassesFnProps = {
-    className?: string;
-    horizontal?: "left" | "right";
-    vertical?: "top" | "bottom";
-    end?: boolean;
-    hover?: boolean;
-    open?: boolean;
-};
-export declare const classesFn: ({ className, horizontal, vertical, end, hover, open, }: ClassesFnProps) => string;

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

@@ -1,4 +1,3 @@
-import "./input.css";
 import { type JSX } from "solid-js";
 import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
 type FileInputBaseProps = {

package/dist/components/footer/Footer.d.ts

@@ -1,4 +1,3 @@
-import "./footer.css";
 import { type ParentComponent } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type FooterProps = IComponentBaseProps & {

package/dist/components/form/Form.d.ts

@@ -1,13 +1,18 @@
+import { type JSX, type ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
 import ValidatedForm, { useFormValidation } from "./ValidatedForm";
-export type { FormProps } from "./FormBase";
 export type { ValidatedFormProps } from "./ValidatedForm";
 export type { FormFieldProps } from "./FormField";
 export type { PasswordFieldProps } from "./PasswordField";
 export type { NumberFieldProps } from "./NumberField";
 export type { FormDropdownProps, DropdownOption } from "./FormDropdown";
+export type FormProps = Omit<JSX.HTMLAttributes<HTMLFormElement>, "ref"> & IComponentBaseProps & {
+    autoFocus?: boolean;
+    cycleOnEnter?: boolean;
+};
 export { useFormValidation };
-declare const _default: import("solid-js").ParentComponent<import("./FormBase").FormProps> & {
-    Label: import("solid-js").ParentComponent<import("./Label").LabelProps>;
+declare const _default: ParentComponent<FormProps> & {
+    Label: ParentComponent<import("./Label").LabelProps>;
     Validated: typeof ValidatedForm;
     Field: import("solid-js").Component<import("./FormField").FormFieldProps>;
     Password: import("solid-js").Component<import("./PasswordField").PasswordFieldProps>;

package/dist/components/form/ValidatedForm.d.ts

@@ -1,7 +1,7 @@
 import { type JSX } from "solid-js";
 import type { z } from "zod";
 import type { ObjectSetter, Paths } from "@felte/common";
-import { type FormProps } from "./FormBase";
+import { type FormProps } from "./Form";
 export type ValidatedFormProps<T extends z.ZodTypeAny> = Omit<FormProps, "onSubmit"> & {
     schema: T;
     onSubmit: (values: z.infer<T>) => void | Promise<void>;

package/dist/components/hero/Hero.d.ts

@@ -1,4 +1,3 @@
-import "./hero.css";
 import { type ParentComponent } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type HeroProps = IComponentBaseProps & {

package/dist/components/indicator/Indicator.d.ts

@@ -1,4 +1,3 @@
-import "./indicator.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 type ElementType = keyof JSX.IntrinsicElements;

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

@@ -1,4 +1,3 @@
-import "./input.css";
 import { type JSX } from "solid-js";
 import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
 type InputBaseProps = {

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

@@ -1,4 +1,3 @@
-import "./kbd.css";
 import { type ComponentProps } from "solid-js";
 export type KbdProps = ComponentProps<"kbd">;
 declare const Kbd: (props: KbdProps) => import("solid-js").JSX.Element;

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

@@ -1,4 +1,3 @@
-import "./link.css";
 import { type JSX } from "solid-js";
 import type { ComponentColor, IComponentBaseProps } from "../types";
 export type LinkProps = JSX.AnchorHTMLAttributes<HTMLAnchorElement> & IComponentBaseProps & {

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

@@ -1,4 +1,3 @@
-import "./loading.css";
 import { type Component, type JSX } from "solid-js";
 import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
 export type LoadingProps = {

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

@@ -1,4 +1,3 @@
-import "./mask.css";
 import { type JSX, type Component } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type MaskProps = JSX.ImgHTMLAttributes<HTMLImageElement> & IComponentBaseProps & {

package/dist/components/menu/Menu.d.ts

@@ -1,4 +1,3 @@
-import "./menu.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps, ComponentSize } from "../types";
 import type { MenuTitleProps } from "./MenuTitle";

package/dist/components/modal/Modal.d.ts

@@ -1,4 +1,3 @@
-import "./modal.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps, ComponentSize } from "../types";
 import ModalActions from "./ModalActions";

package/dist/components/navbar/Navbar.d.ts

@@ -1,4 +1,3 @@
-import "./navbar.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type NavbarProps = JSX.HTMLAttributes<HTMLElement> & IComponentBaseProps & {

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

@@ -1,4 +1,3 @@
-import "./progress.css";
 import type { JSX } from "solid-js";
 import type { ComponentColor, IComponentBaseProps } from "../types";
 export type ProgressProps = Omit<JSX.ProgressHTMLAttributes<HTMLProgressElement>, "color"> & IComponentBaseProps & {

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

@@ -1,4 +1,3 @@
-import "./radio.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type ComponentColor = "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";

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

@@ -1,4 +1,3 @@
-import "./radio.css";
 import { type JSX } from "solid-js";
 import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
 export type RadioGroupOption = {

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

@@ -1,4 +1,3 @@
-import "./range.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type ComponentColor = "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";

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

@@ -1,4 +1,3 @@
-import "./range.css";
 import { type JSX } from "solid-js";
 import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
 type SliderFieldBaseProps = {

package/dist/components/rating/Rating.d.ts

@@ -1,4 +1,3 @@
-import "./rating.css";
 import { type JSX, type ParentProps } from "solid-js";
 export type ComponentSize = "xs" | "sm" | "md" | "lg" | "xl";
 export type RatingProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "onChange"> & {

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

@@ -1,4 +1,3 @@
-import "./select.css";
 import { type JSX, type Component } from "solid-js";
 import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
 type SelectBaseProps = {

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

@@ -1,4 +1,3 @@
-import "./skeleton.css";
 import type { JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type SkeletonProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;

package/dist/components/stack/Stack.d.ts

@@ -1,4 +1,3 @@
-import "./stack.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 type ElementType = keyof JSX.IntrinsicElements;

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

@@ -1,4 +1,3 @@
-import "./stat.css";
 import { type JSX } from "solid-js";
 import { type StatSectionProps } from "./StatSection";
 import type { IComponentBaseProps } from "../types";

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

@@ -1,4 +1,3 @@
-import "./step.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps, ComponentColor } from "../types";
 type ElementType = keyof JSX.IntrinsicElements;

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

@@ -1,4 +1,3 @@
-import "./swap.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type SwapProps = Omit<JSX.LabelHTMLAttributes<HTMLLabelElement>, "onClick" | "onChange"> & IComponentBaseProps & {

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

@@ -1,6 +1,3 @@
-import "./table.css";
-import "../checkbox/checkbox.css";
-import "../button/btn.css";
 import { type Accessor, type JSX } from "solid-js";
 import { type ColumnDef, type SortingState, type ColumnFiltersState, type PaginationState, type OnChangeFn, type ExpandedState } from "@tanstack/solid-table";
 import { type TableProps } from "./Table";

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

@@ -1,4 +1,3 @@
-import "./table.css";
 import { type Component, type JSX } from "solid-js";
 import type { IComponentBaseProps, ComponentSize } from "../types";
 export type TableProps = JSX.HTMLAttributes<HTMLTableElement> & IComponentBaseProps & {

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

@@ -1,4 +1,3 @@
-import "./tab.css";
 import { type JSX } from "solid-js";
 import type { ComponentColor } from "../types";
 export type RadioTabProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "type" | "color"> & {

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

@@ -1,4 +1,3 @@
-import "./tab.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps, ComponentSize, ComponentPosition } from "../types";
 export type TabsProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {

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

@@ -1,4 +1,3 @@
-import "./textarea.css";
 import { type JSX } from "solid-js";
 import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
 type TextareaBaseProps = {

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

@@ -1,4 +1,3 @@
-import "./timeline.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type TimelineProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLUListElement> & {

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

@@ -1,4 +1,3 @@
-import "./toast.css";
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 declare const horizontalOptions: {

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

@@ -1,4 +1,3 @@
-import "./toggle.css";
 import { type JSX } from "solid-js";
 import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
 type ToggleBaseProps = {

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

@@ -1,4 +1,3 @@
-import "./tooltip.css";
 import { type JSX } from "solid-js";
 import type { ComponentColor, ComponentPosition, IComponentBaseProps } from "../types";
 type TooltipBaseProps = {

package/dist/index.css

@@ -1,54 +1,56 @@
-@import "./styles/base/index.css";
-@import "./styles/compat/daisy-primitives.css";
-@import "./styles/themes/dark.css";
-@import "./styles/themes/light.css";
-@import "./components/sidenav/Sidenav.css";
-@import "./styles/icons/generated-icons.css";
-
-@theme {
-  --color-light: var(--color-zinc-100);
-  --color-dark: var(--color-zinc-900);
-
-  /* Base colors */
-  --color-primary: var(--color-primary);
-  --color-primary-content: var(--color-primary-content);
-  --color-secondary: var(--color-secondary);
-  --color-secondary-content: var(--color-secondary-content);
-  --color-accent: var(--color-accent);
-  --color-accent-content: var(--color-accent-content);
-  --color-neutral: var(--color-neutral);
-  --color-neutral-content: var(--color-neutral-content);
-
-  /* Semantic colors */
-  --color-info: var(--color-info);
-  --color-info-content: var(--color-info-content);
-  --color-success: var(--color-success);
-  --color-success-content: var(--color-success-content);
-  --color-warning: var(--color-warning);
-  --color-warning-content: var(--color-warning-content);
-  --color-error: var(--color-error);
-  --color-error-content: var(--color-error-content);
-
-  /* Base background colors */
-  --color-base-100: var(--color-base-100);
-  --color-base-200: var(--color-base-200);
-  --color-base-300: var(--color-base-300);
-  --color-base-content: var(--color-base-content);
-
-  /* Legacy support */
-  --color-bg-body: var(--color-base-100);
-  --color-bg-primary: var(--color-base-200);
-  --color-bg-secondary: var(--color-base-300);
-  --color-bg-tertiary: var(--color-neutral);
-  --color-bg-accent: var(--color-accent);
-  --color-bg-positive: var(--color-success);
-  --color-bg-destructive: var(--color-error);
-
-  --color-fg-body: var(--color-base-content);
-  --color-fg-primary: var(--color-base-content);
-  --color-fg-secondary: var(--color-neutral-content);
-  --color-fg-tertiary: var(--color-neutral-content);
-  --color-fg-accent: var(--color-accent-content);
-  --color-fg-positive: var(--color-success-content);
-  --color-fg-destructive: var(--color-error-content);
+.glow-card {
+  --glow-color-border: oklch(100% 0 0 / .3);
+  --glow-color-bg: oklch(100% 0 0 / .1);
+  border-radius: inherit;
+  position: relative;
 }
+
+.glow-card:before, .glow-card:after {
+  content: "";
+  border-radius: inherit;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity .3s;
+  position: absolute;
+  inset: 0;
+}
+
+.glow-card:before {
+  background: radial-gradient(250px circle at var(--mouse-x) var(--mouse-y), var(--glow-color-border), transparent 80%);
+  z-index: 1;
+  -webkit-mask-composite: xor;
+  padding: 1px;
+  inset: -1px;
+  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
+  mask-position: 0 0, 0 0;
+  mask-size: auto, auto;
+  mask-repeat: repeat, repeat;
+  mask-clip: content-box, border-box;
+  mask-origin: content-box, border-box;
+  mask-composite: exclude;
+  mask-mode: match-source, match-source;
+}
+
+.glow-card:after {
+  background: radial-gradient(400px circle at var(--mouse-x) var(--mouse-y), var(--glow-color-bg), transparent 80%);
+  z-index: 0;
+}
+
+.glow-card:hover:before, .glow-card:hover:after {
+  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 {
+    opacity: 0 !important;
+  }
+}
+