@datum-cloud/datum-ui 0.1.1 → 0.2.0-alpha.1

package/dist/components/themes/theme-script.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+interface ThemeScriptProps {
+    forcedTheme?: string;
+    storageKey?: string;
+    attribute?: string | string[];
+    enableSystem?: boolean;
+    enableColorScheme?: boolean;
+    defaultTheme?: string;
+    value?: Record<string, string>;
+    themes?: string[];
+    nonce?: string;
+    scriptProps?: {
+        [key: string]: any;
+    };
+}
+export declare const ThemeScript: React.MemoExoticComponent<({ forcedTheme, storageKey, attribute, enableSystem, enableColorScheme, defaultTheme, value, themes, nonce, scriptProps, }: ThemeScriptProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=theme-script.d.ts.map

package/dist/components/themes/theme-script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-script.d.ts","sourceRoot":"","sources":["../../../src/components/themes/theme-script.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,gBAAgB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE;QACZ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KACnB,CAAA;CACF;AAED,eAAO,MAAM,WAAW,wJAWrB,gBAAgB,6CAoBjB,CAAA"}

package/dist/components/themes/theme.provider.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeProviderProps, UseThemeProps } from './types';
+export declare const useTheme: () => UseThemeProps;
+export declare function ThemeProvider(props: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme.provider.d.ts.map

package/dist/components/themes/theme.provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.provider.d.ts","sourceRoot":"","sources":["../../../src/components/themes/theme.provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoB,kBAAkB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAsBlF,eAAO,MAAM,QAAQ,qBAAkD,CAAA;AAEvE,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAOtD"}

package/dist/components/themes/types.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode } from 'react';
+export type Theme = 'light' | 'dark' | 'system';
+export type ThemeStyle = 'alpha' | 'default' | 'experimental';
+export type Attribute = 'class' | `data-${string}`;
+export interface ThemeProviderProps {
+    children: ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+    themes?: string[];
+    forcedTheme?: Theme;
+    enableSystem?: boolean;
+    disableTransitionOnChange?: boolean;
+    enableColorScheme?: boolean;
+    attribute?: Attribute | Attribute[];
+    value?: Record<string, string>;
+    nonce?: string;
+    scriptProps?: {
+        [key: string]: any;
+    };
+}
+export interface UseThemeProps {
+    theme?: Theme;
+    setTheme: (theme: Theme | ((theme: Theme) => Theme)) => void;
+    forcedTheme?: Theme;
+    resolvedTheme?: Theme;
+    themes: string[];
+    systemTheme?: 'light' | 'dark';
+    themeStyle?: ThemeStyle;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/themes/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/themes/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE/C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,cAAc,CAAA;AAE7D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,MAAM,EAAE,CAAA;AAElD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,KAAK,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE;QACZ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KACnB,CAAA;CACF;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,KAAK,IAAI,CAAA;IAC5D,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,aAAa,CAAC,EAAE,KAAK,CAAA;IACrB,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAA;CACxB"}

package/dist/datum.provider-D6VMjSV0.mjs

@@ -0,0 +1,37 @@
+import { t as ThemeProvider } from "./theme.provider-DpFLwtHe.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/providers/datum.provider.tsx
+const THEME_STYLE_MAP = {
+	alpha: {
+		light: "theme-alpha",
+		dark: "theme-alpha dark"
+	},
+	default: {
+		light: "theme-default",
+		dark: "theme-default dark"
+	},
+	experimental: {
+		light: "theme-experimental",
+		dark: "theme-experimental dark"
+	}
+};
+function DatumProvider({ children, defaultTheme = "system", themeStyle = "alpha", storageKey = "datum-theme", ...props }) {
+	const styleMap = THEME_STYLE_MAP[themeStyle];
+	return /* @__PURE__ */ jsx(ThemeProvider, {
+		attribute: "class",
+		defaultTheme,
+		storageKey,
+		enableSystem: true,
+		enableColorScheme: true,
+		value: {
+			light: styleMap.light,
+			dark: styleMap.dark
+		},
+		...props,
+		children
+	});
+}
+
+//#endregion
+export { DatumProvider as t };

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useCopyToClipboard } from './use-copy-to-clipboard';
+export { useDebounce } from './use-debounce';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/hooks/index.mjs

@@ -0,0 +1,5 @@
+import '../style.css';
+import { t as useCopyToClipboard } from "../use-copy-to-clipboard-BfrpD6G8.mjs";
+import { t as useDebounce } from "../use-debounce-BYB-jPeX.mjs";
+
+export { useCopyToClipboard, useDebounce };

package/dist/hooks/use-copy-to-clipboard.d.ts

@@ -0,0 +1,8 @@
+interface CopyOptions {
+    withToast?: boolean;
+    toastMessage?: string;
+}
+type CopyFn = (text: string, options?: CopyOptions) => Promise<boolean>;
+export declare function useCopyToClipboard(): [boolean, CopyFn];
+export {};
+//# sourceMappingURL=use-copy-to-clipboard.d.ts.map

package/dist/hooks/use-copy-to-clipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-copy-to-clipboard.d.ts","sourceRoot":"","sources":["../../src/hooks/use-copy-to-clipboard.ts"],"names":[],"mappings":"AAGA,UAAU,WAAW;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,KAAK,MAAM,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;AAEvE,wBAAgB,kBAAkB,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAsCtD"}

package/dist/hooks/use-debounce.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Custom hook that debounces a value
+ * @param value - The value to debounce
+ * @param delay - The delay in milliseconds
+ * @returns The debounced value
+ */
+export declare function useDebounce<T>(value: T, delay: number): T;
+//# sourceMappingURL=use-debounce.d.ts.map

package/dist/hooks/use-debounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounce.d.ts","sourceRoot":"","sources":["../../src/hooks/use-debounce.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CAczD"}

package/dist/hooks/use-theme.d.ts

@@ -0,0 +1,2 @@
+export { useTheme } from '../components/themes/theme.provider';
+//# sourceMappingURL=use-theme.d.ts.map

package/dist/hooks/use-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../src/hooks/use-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA"}

package/dist/icon-wrapper-BgPkifId.mjs

@@ -0,0 +1,61 @@
+import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/icons/spinner.icon.tsx
+const spinnerVariants = cva("animate-spin", {
+	variants: { size: {
+		"xs": "size-3",
+		"sm": "size-4",
+		"md": "size-6",
+		"lg": "size-8",
+		"xl": "size-10",
+		"2xl": "size-12",
+		"3xl": "size-14",
+		"4xl": "size-16",
+		"5xl": "size-18",
+		"6xl": "size-20",
+		"7xl": "size-22",
+		"8xl": "size-24",
+		"9xl": "size-26"
+	} },
+	defaultVariants: { size: "md" }
+});
+function SpinnerIcon({ size, className, trackClassName = "text-border", indicatorClassName = "text-primary", ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 64 64",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		className: cn(spinnerVariants({ size }), className),
+		...props,
+		children: [/* @__PURE__ */ jsx("path", {
+			d: "M32 3C35.8083 3 39.5794 3.75011 43.0978 5.20749C46.6163 6.66488 49.8132 8.80101 52.5061 11.4939C55.199 14.1868 57.3351 17.3837 58.7925 20.9022C60.2499 24.4206 61 28.1917 61 32C61 35.8083 60.2499 39.5794 58.7925 43.0978C57.3351 46.6163 55.199 49.8132 52.5061 52.5061C49.8132 55.199 46.6163 57.3351 43.0978 58.7925C39.5794 60.2499 35.8083 61 32 61C28.1917 61 24.4206 60.2499 20.9022 58.7925C17.3837 57.3351 14.1868 55.199 11.4939 52.5061C8.801 49.8132 6.66487 46.6163 5.20749 43.0978C3.7501 39.5794 3 35.8083 3 32C3 28.1917 3.75011 24.4206 5.2075 20.9022C6.66489 17.3837 8.80101 14.1868 11.4939 11.4939C14.1868 8.80099 17.3838 6.66487 20.9022 5.20749C24.4206 3.7501 28.1917 3 32 3L32 3Z",
+			stroke: "currentColor",
+			strokeWidth: "5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			className: trackClassName
+		}), /* @__PURE__ */ jsx("path", {
+			d: "M32 3C36.5778 3 41.0906 4.08374 45.1692 6.16256C49.2477 8.24138 52.7762 11.2562 55.466 14.9605C58.1558 18.6647 59.9304 22.9531 60.6448 27.4748C61.3591 31.9965 60.9928 36.6232 59.5759 40.9762",
+			stroke: "currentColor",
+			strokeWidth: "5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			className: indicatorClassName
+		})]
+	});
+}
+
+//#endregion
+//#region src/components/icons/icon-wrapper.tsx
+function Icon({ icon: IconComponent, strokeWidth = 1, absoluteStrokeWidth = true, size = 16, ...props }) {
+	return /* @__PURE__ */ jsx(IconComponent, {
+		...props,
+		strokeWidth,
+		absoluteStrokeWidth,
+		size
+	});
+}
+
+//#endregion
+export { SpinnerIcon as n, Icon as t };

package/dist/icons/index.mjs

@@ -0,0 +1,5 @@
+import '../style.css';
+import { n as SpinnerIcon, t as Icon } from "../icon-wrapper-BgPkifId.mjs";
+import { t as CloseIcon } from "../close.icon-chkXPAUC.mjs";
+
+export { CloseIcon, Icon, SpinnerIcon };

package/dist/index.d.ts

@@ -1,90 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import * as React$1 from 'react';
-import { ReactNode } from 'react';
-import { LinkProps } from 'react-router';
-import { LucideProps, LucideIcon } from 'lucide-react';
-import * as TooltipPrimitiveRadix from '@radix-ui/react-tooltip';
-export { cn } from '@repo/shadcn/lib/utils';
-
-declare const alertVariants: (props?: ({
-    variant?: "default" | "secondary" | "outline" | "destructive" | "success" | "info" | "warning" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface AlertProps extends React$1.ComponentProps<'div'>, VariantProps<typeof alertVariants> {
-    /**
-     * Whether the alert can be closed. When true, a close button is displayed.
-     * @default false
-     */
-    closable?: boolean;
-    /**
-     * Callback function called when the close button is clicked.
-     */
-    onClose?: () => void;
-}
-declare const Alert: ({ className, variant, closable, onClose, ...props }: AlertProps) => react_jsx_runtime.JSX.Element | null;
-declare const AlertTitle: ({ className, ...props }: React$1.ComponentProps<"div">) => react_jsx_runtime.JSX.Element;
-declare const AlertDescription: ({ className, ...props }: React$1.ComponentProps<"div">) => react_jsx_runtime.JSX.Element;
-
-declare const buttonVariants: (props?: ({
-    type?: "secondary" | "success" | "warning" | "primary" | "tertiary" | "quaternary" | "danger" | null | undefined;
-    theme?: "outline" | "link" | "solid" | "light" | "borderless" | null | undefined;
-    size?: "default" | "link" | "small" | "icon" | "xs" | "large" | null | undefined;
-    block?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-    loading?: boolean;
-    icon?: React$1.ReactNode;
-    iconPosition?: 'left' | 'right';
-    loadingIcon?: React$1.ReactNode;
-    htmlType?: 'button' | 'submit' | 'reset';
-}
-declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
-
-interface LinkButtonProps extends Omit<LinkProps, 'type'>, VariantProps<typeof buttonVariants> {
-    icon?: React$1.ReactNode;
-    iconPosition?: 'left' | 'right';
-}
-declare const LinkButton: React$1.ForwardRefExoticComponent<LinkButtonProps & React$1.RefAttributes<HTMLAnchorElement>>;
-
-type IconProps = LucideProps & {
-    icon: LucideIcon;
-};
-declare function Icon({ icon: IconComponent, strokeWidth, absoluteStrokeWidth, size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
-
-declare const spinnerVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SpinnerIconProps extends React.SVGProps<SVGSVGElement>, VariantProps<typeof spinnerVariants> {
-    /** Color of the track (background circle) */
-    trackClassName?: string;
-    /** Color of the spinning indicator */
-    indicatorClassName?: string;
-}
-declare const SpinnerIcon: ({ size, className, trackClassName, indicatorClassName, ...props }: SpinnerIconProps) => react_jsx_runtime.JSX.Element;
-
-declare const CloseIcon: ({ className, fill, }: {
-    className?: string;
-    fill?: string;
-}) => react_jsx_runtime.JSX.Element;
-
-interface TooltipProps {
-    message: string | ReactNode;
-    children: ReactNode;
-    delayDuration?: number;
-    side?: 'top' | 'right' | 'bottom' | 'left';
-    align?: 'start' | 'center' | 'end';
-    sideOffset?: number;
-    hidden?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    contentClassName?: string;
-    arrowClassName?: string;
-}
-declare const TooltipContent: ({ className, arrowClassName, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitiveRadix.Content> & {
-    arrowClassName?: string;
-}) => react_jsx_runtime.JSX.Element;
-declare const Tooltip: ({ message, children, delayDuration, side, align, sideOffset, hidden, open, onOpenChange, contentClassName, arrowClassName, }: TooltipProps) => react_jsx_runtime.JSX.Element;
-
-export { Alert, AlertDescription, type AlertProps, AlertTitle, Button, type ButtonProps, CloseIcon, Icon, LinkButton, type LinkButtonProps, SpinnerIcon, type SpinnerIconProps, Tooltip, TooltipContent, type TooltipProps, alertVariants, buttonVariants };
+export * from './components';
+export * from './hooks';
+export * from './providers';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAA;AAG5B,cAAc,SAAS,CAAA;AAGvB,cAAc,aAAa,CAAA;AAG3B,cAAc,SAAS,CAAA"}