@ekkolyth/ui 0.1.17 → 0.1.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +77 -132
- package/dist/base.css +263 -0
- package/dist/blocks.d.ts +4 -0
- package/dist/blocks.js +4 -0
- package/dist/container-BBg21poC.js +10 -0
- package/dist/convex.d.ts +2 -0
- package/dist/convex.js +2 -0
- package/dist/hooks.d.ts +2 -0
- package/dist/hooks.js +2 -0
- package/dist/icon-picker-ByfHyJ7i.js +4078 -0
- package/dist/index-Bwp0YMmG.d.ts +5 -0
- package/dist/index-BxcqwZNT.d.ts +30 -0
- package/dist/index-DHF8OR1R.d.ts +60 -0
- package/dist/index-DsLGf2HX.d.ts +9 -0
- package/dist/index-qji4ohJZ.d.ts +24 -0
- package/dist/index.d.ts +793 -533
- package/dist/index.js +3236 -5578
- package/dist/layout.d.ts +2 -0
- package/dist/layout.js +2 -0
- package/dist/loading-screen-DB3youyT.js +63 -0
- package/dist/shiki-code-Bg__Vnt1.js +29 -0
- package/dist/text.d.ts +17 -0
- package/dist/text.js +177 -0
- package/dist/themes/catpuccin/frappe.css +33 -33
- package/dist/themes/catpuccin/latte.css +33 -33
- package/dist/themes/catpuccin/macchiato.css +33 -33
- package/dist/themes/catpuccin/mocha.css +33 -33
- package/dist/themes/ekko-os.css +92 -37
- package/dist/themes/ekkolyth.css +2 -2
- package/dist/themes/index.css +7 -66
- package/dist/themes/provider.d.ts +62 -0
- package/dist/themes/provider.js +271 -0
- package/dist/themes/tokyo-night.css +33 -33
- package/dist/themes.css +7 -66
- package/dist/toggle-B2PFPImC.js +182 -0
- package/dist/use-mobile-BVGje-2e.d.ts +4 -0
- package/dist/use-mobile-CqHXB_Nc.js +18 -0
- package/dist/utils-C_uf36nf.js +8 -0
- package/dist/widget-C2vjxQms.js +94 -0
- package/dist/widget.d.ts +6 -0
- package/dist/widget.js +19 -0
- package/package.json +125 -170
- package/dist/catpuccin/frappe.css +0 -35
- package/dist/catpuccin/latte.css +0 -35
- package/dist/catpuccin/macchiato.css +0 -35
- package/dist/catpuccin/mocha.css +0 -35
- package/dist/ekko-os.css +0 -71
- package/dist/ekko-playlist.css +0 -71
- package/dist/ekkolyth.css +0 -70
- package/dist/index-C3ceanPz.d.ts +0 -18
- package/dist/index-C7t_lwpi.d.ts +0 -13
- package/dist/next.d.ts +0 -13
- package/dist/next.js +0 -271
- package/dist/providers/next.d.ts +0 -25
- package/dist/providers/next.js +0 -216
- package/dist/providers/tanstack.d.ts +0 -24
- package/dist/providers/tanstack.js +0 -120
- package/dist/tanstack.d.ts +0 -12
- package/dist/tanstack.js +0 -203
- package/dist/themes/ekko-playlist.css +0 -71
- package/dist/themes/theme-select.d.ts +0 -12
- package/dist/themes/theme-select.js +0 -357
- package/dist/themes/theme-toggle.d.ts +0 -15
- package/dist/themes/theme-toggle.js +0 -179
- package/dist/tokyo-night.css +0 -35
- package/dist/types-fUfvw1Mz.d.ts +0 -8
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { VariantProps } from "class-variance-authority";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
4
|
+
import { ToasterProps } from "sonner";
|
|
5
|
+
import * as TogglePrimitive from "@radix-ui/react-toggle";
|
|
6
|
+
//#region src/components/ui/select/index.d.ts
|
|
7
|
+
declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): React.JSX.Element;
|
|
8
|
+
declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): React.JSX.Element;
|
|
9
|
+
declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
|
|
10
|
+
declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
11
|
+
size?: 'sm' | 'default';
|
|
12
|
+
}): React.JSX.Element;
|
|
13
|
+
declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
|
|
14
|
+
declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): React.JSX.Element;
|
|
15
|
+
declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.JSX.Element;
|
|
16
|
+
declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.JSX.Element;
|
|
17
|
+
declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React.JSX.Element;
|
|
18
|
+
declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React.JSX.Element;
|
|
19
|
+
//#endregion
|
|
20
|
+
//#region src/components/ui/sonner/index.d.ts
|
|
21
|
+
declare const Toaster$1: ({ ...props }: ToasterProps) => import("react").JSX.Element;
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/components/ui/toggle/index.d.ts
|
|
24
|
+
declare const toggleVariants: (props?: ({
|
|
25
|
+
variant?: "default" | "outline" | null | undefined;
|
|
26
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
27
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
28
|
+
declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): React.JSX.Element;
|
|
29
|
+
//#endregion
|
|
30
|
+
export { SelectContent as a, SelectLabel as c, SelectSeparator as d, SelectTrigger as f, Select as i, SelectScrollDownButton as l, toggleVariants as n, SelectGroup as o, SelectValue as p, Toaster$1 as r, SelectItem as s, Toggle as t, SelectScrollUpButton as u };
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { z } from "zod";
|
|
3
|
+
//#region ../core/src/utils/theme-color.d.ts
|
|
4
|
+
declare const THEME_COLORS: readonly ["amber", "blue", "cyan", "emerald", "fuchsia", "green", "indigo", "lime", "orange", "pink", "purple", "red", "violet"];
|
|
5
|
+
type ThemeColor = (typeof THEME_COLORS)[number];
|
|
6
|
+
type IconColor = ThemeColor | 'white';
|
|
7
|
+
declare const colorPalette: Record<ThemeColor, string>;
|
|
8
|
+
declare function getContrastForeground(hex: string): string;
|
|
9
|
+
declare function resolveColorHex(color: string | undefined, fallback: string): string;
|
|
10
|
+
declare function coerceThemeColor(color: string | undefined): IconColor;
|
|
11
|
+
//#endregion
|
|
12
|
+
//#region src/components/blocks/color-picker/index.d.ts
|
|
13
|
+
interface ColorPickerProps {
|
|
14
|
+
className?: string;
|
|
15
|
+
onValueChange: (color: ThemeColor) => void;
|
|
16
|
+
value: ThemeColor;
|
|
17
|
+
}
|
|
18
|
+
declare function ColorPicker({ value, onValueChange, className }: ColorPickerProps): import("react").JSX.Element;
|
|
19
|
+
//#endregion
|
|
20
|
+
//#region ../core/src/forms/validate.d.ts
|
|
21
|
+
declare const validate: <T extends z.ZodTypeAny>(schema: T) => ({ value }: {
|
|
22
|
+
value: z.input<T>;
|
|
23
|
+
}) => string | undefined;
|
|
24
|
+
//#endregion
|
|
25
|
+
//#region src/components/blocks/field/index.d.ts
|
|
26
|
+
type FieldType = 'text' | 'email' | 'url' | 'number' | 'password' | 'date' | 'textarea' | 'currency';
|
|
27
|
+
type AnyFormApi = any;
|
|
28
|
+
interface FieldProps<TName extends string> {
|
|
29
|
+
autoComplete?: string;
|
|
30
|
+
className?: string;
|
|
31
|
+
debounceMs?: number;
|
|
32
|
+
description?: string;
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
form: AnyFormApi;
|
|
35
|
+
inputId?: string;
|
|
36
|
+
label?: string;
|
|
37
|
+
name: TName;
|
|
38
|
+
placeholder?: string;
|
|
39
|
+
schema?: z.ZodTypeAny;
|
|
40
|
+
type?: FieldType;
|
|
41
|
+
}
|
|
42
|
+
declare function Field<TName extends string>({ form, name, label, description, schema, type, placeholder, autoComplete, disabled, debounceMs, inputId: inputIdProp, className }: FieldProps<TName>): React.JSX.Element;
|
|
43
|
+
//#endregion
|
|
44
|
+
//#region src/components/blocks/icon-picker/index.d.ts
|
|
45
|
+
interface IconPickerProps {
|
|
46
|
+
className?: string;
|
|
47
|
+
imagePreviewSrc?: string | null;
|
|
48
|
+
imageUploadError?: string | null;
|
|
49
|
+
imageUploadProgress?: number;
|
|
50
|
+
imageUploadState?: 'idle' | 'uploading' | 'complete' | 'error';
|
|
51
|
+
onColorChange?: (color: IconColor) => void;
|
|
52
|
+
onImageClear?: () => void;
|
|
53
|
+
onImageSelect?: (file: File) => void;
|
|
54
|
+
onValueChange: (icon: string) => void;
|
|
55
|
+
value: string;
|
|
56
|
+
valueColor?: IconColor;
|
|
57
|
+
}
|
|
58
|
+
declare function IconPicker({ value, onValueChange, valueColor, onColorChange, className, imagePreviewSrc, onImageSelect, onImageClear, imageUploadState, imageUploadError, imageUploadProgress }: IconPickerProps): React.JSX.Element;
|
|
59
|
+
//#endregion
|
|
60
|
+
export { IconColor as a, coerceThemeColor as c, resolveColorHex as d, ColorPicker as i, colorPalette as l, Field as n, THEME_COLORS as o, validate as r, ThemeColor as s, IconPicker as t, getContrastForeground as u };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
//#region src/components/blocks/loading-screen/index.d.ts
|
|
2
|
+
interface LoadingScreenProps {
|
|
3
|
+
message?: string;
|
|
4
|
+
messages?: readonly string[];
|
|
5
|
+
rotationMs?: number;
|
|
6
|
+
}
|
|
7
|
+
declare function LoadingScreen({ message, messages, rotationMs }: LoadingScreenProps): import("react").JSX.Element;
|
|
8
|
+
//#endregion
|
|
9
|
+
export { LoadingScreenProps as n, LoadingScreen as t };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ComponentType, ReactNode } from "react";
|
|
2
|
+
//#region src/components/blocks/widget/index.d.ts
|
|
3
|
+
interface WidgetLinkProps {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
href: string;
|
|
7
|
+
}
|
|
8
|
+
interface WidgetProps {
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
/** Override CardContent padding (e.g. "px-3") when child rows carry their own padding for hover states. */
|
|
11
|
+
contentClassName?: string;
|
|
12
|
+
count?: number | string;
|
|
13
|
+
emptyLabel?: string;
|
|
14
|
+
href: string;
|
|
15
|
+
icon?: ReactNode;
|
|
16
|
+
isLoading?: boolean;
|
|
17
|
+
/** Router link component. Defaults to a plain anchor so the block works
|
|
18
|
+
* outside any router; `@ekkolyth/ui/widget` supplies Next's Link. */
|
|
19
|
+
linkComponent?: ComponentType<WidgetLinkProps>;
|
|
20
|
+
title: string;
|
|
21
|
+
}
|
|
22
|
+
declare function Widget({ children, contentClassName, count, emptyLabel, href, icon, isLoading, linkComponent, title }: WidgetProps): import("react").JSX.Element;
|
|
23
|
+
//#endregion
|
|
24
|
+
export { WidgetLinkProps as n, WidgetProps as r, Widget as t };
|