@ekkolyth/ui 0.1.16 → 0.1.18

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.
Files changed (59) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +153 -97
  3. package/dist/base.css +263 -0
  4. package/dist/blocks.d.ts +4 -0
  5. package/dist/blocks.js +4 -0
  6. package/dist/container-BBg21poC.js +10 -0
  7. package/dist/convex.d.ts +2 -0
  8. package/dist/convex.js +2 -0
  9. package/dist/hooks.d.ts +2 -0
  10. package/dist/hooks.js +2 -0
  11. package/dist/icon-picker-ByfHyJ7i.js +4078 -0
  12. package/dist/index-Bwp0YMmG.d.ts +5 -0
  13. package/dist/index-BxcqwZNT.d.ts +30 -0
  14. package/dist/index-DHF8OR1R.d.ts +60 -0
  15. package/dist/index-DsLGf2HX.d.ts +9 -0
  16. package/dist/index-qji4ohJZ.d.ts +24 -0
  17. package/dist/index.d.ts +793 -533
  18. package/dist/index.js +3236 -5578
  19. package/dist/layout.d.ts +2 -0
  20. package/dist/layout.js +2 -0
  21. package/dist/loading-screen-DB3youyT.js +63 -0
  22. package/dist/shiki-code-Bg__Vnt1.js +29 -0
  23. package/dist/text.d.ts +17 -0
  24. package/dist/text.js +177 -0
  25. package/dist/themes/catpuccin/frappe.css +33 -33
  26. package/dist/themes/catpuccin/latte.css +33 -33
  27. package/dist/themes/catpuccin/macchiato.css +33 -33
  28. package/dist/themes/catpuccin/mocha.css +33 -33
  29. package/dist/themes/ekko-os.css +92 -37
  30. package/dist/themes/ekkolyth.css +2 -2
  31. package/dist/themes/index.css +7 -66
  32. package/dist/themes/provider.d.ts +62 -0
  33. package/dist/themes/provider.js +271 -0
  34. package/dist/themes/tokyo-night.css +33 -33
  35. package/dist/themes.css +7 -0
  36. package/dist/toggle-B2PFPImC.js +182 -0
  37. package/dist/use-mobile-BVGje-2e.d.ts +4 -0
  38. package/dist/use-mobile-CqHXB_Nc.js +18 -0
  39. package/dist/utils-C_uf36nf.js +8 -0
  40. package/dist/widget-C2vjxQms.js +94 -0
  41. package/dist/widget.d.ts +6 -0
  42. package/dist/widget.js +19 -0
  43. package/package.json +125 -170
  44. package/dist/index-C3ceanPz.d.ts +0 -18
  45. package/dist/index-C7t_lwpi.d.ts +0 -13
  46. package/dist/next.d.ts +0 -13
  47. package/dist/next.js +0 -271
  48. package/dist/providers/next.d.ts +0 -25
  49. package/dist/providers/next.js +0 -216
  50. package/dist/providers/tanstack.d.ts +0 -24
  51. package/dist/providers/tanstack.js +0 -120
  52. package/dist/tanstack.d.ts +0 -12
  53. package/dist/tanstack.js +0 -203
  54. package/dist/themes/ekko-playlist.css +0 -71
  55. package/dist/themes/theme-select.d.ts +0 -12
  56. package/dist/themes/theme-select.js +0 -357
  57. package/dist/themes/theme-toggle.d.ts +0 -15
  58. package/dist/themes/theme-toggle.js +0 -179
  59. package/dist/types-fUfvw1Mz.d.ts +0 -8
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ //#region src/components/layout/container/index.d.ts
3
+ declare function Container({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
4
+ //#endregion
5
+ export { Container as t };
@@ -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 };