@krak-stack/registry 0.1.0

package/dist/components/ui/sidebar.d.ts

@@ -0,0 +1,63 @@
+import * as React from "react";
+import { useRender } from "@base-ui/react/use-render";
+import { type VariantProps } from "class-variance-authority";
+import { Button } from "./button.js";
+import { Input } from "./input.js";
+import { Separator } from "./separator.js";
+import { TooltipContent } from "./tooltip.js";
+type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): SidebarContextProps;
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): React.JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): React.JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
+declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): React.JSX.Element;
+declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
+declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarGroupLabel({ className, render, ...props }: useRender.ComponentProps<"div"> & React.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function SidebarGroupAction({ className, render, ...props }: useRender.ComponentProps<"button"> & React.ComponentProps<"button">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): React.JSX.Element;
+declare function SidebarMenuAction({ className, render, showOnHover, ...props }: useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
+    showOnHover?: boolean;
+}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}): React.JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+declare function SidebarMenuSubButton({ render, size, isActive, className, ...props }: useRender.ComponentProps<"a"> & React.ComponentProps<"a"> & {
+    size?: "sm" | "md";
+    isActive?: boolean;
+}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };

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

@@ -0,0 +1,2 @@
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+export { Skeleton };

package/dist/components/ui/stats-card.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentProps, type ReactNode } from "react";
+import { Card } from "./card.js";
+export declare const StatsCard: ({ title, icon, value, description, children, className, size, valueClassName, }: {
+    title: string;
+    value: string | number;
+    description: string;
+    icon: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    size?: ComponentProps<typeof Card>["size"];
+    valueClassName?: string;
+}) => import("react").JSX.Element;

package/dist/components/ui/stats-card.js

@@ -0,0 +1,125 @@
+// ../../src/components/ui/stats-card.tsx
+import {
+  cloneElement,
+  isValidElement
+} from "react";
+
+// ../../src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// ../../src/components/ui/card.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+function Card({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "card",
+    "data-size": size,
+    className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground shadow-xs ring-1 ring-foreground/10 [--card-spacing:--spacing(6)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(4)] *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "card-header",
+    className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "card-title",
+    className: cn("text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "card-description",
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "card-content",
+    className: cn("px-(--card-spacing)", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    "data-slot": "card-footer",
+    className: cn("flex items-center rounded-b-xl px-(--card-spacing) [.border-t]:pt-(--card-spacing)", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+
+// ../../src/components/ui/stats-card.tsx
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var normalizeIcon = (icon) => {
+  if (!isValidElement(icon))
+    return icon;
+  return cloneElement(icon, {
+    className: ["size-4", icon.props.className].filter(Boolean).join(" ")
+  });
+};
+var StatsCard = ({
+  title,
+  icon,
+  value,
+  description,
+  children,
+  className,
+  size = "default",
+  valueClassName
+}) => {
+  const normalizedIcon = normalizeIcon(icon);
+  return /* @__PURE__ */ jsxDEV2(Card, {
+    size,
+    className: [
+      "group-hover/card-link:ring-foreground/20 @container/card h-full flex-1 gap-4 transition-all duration-200 group-hover/card-link:-translate-y-0.5 group-hover/card-link:shadow-md",
+      className
+    ].filter(Boolean).join(" "),
+    children: [
+      /* @__PURE__ */ jsxDEV2(CardHeader, {
+        className: "relative",
+        children: [
+          /* @__PURE__ */ jsxDEV2(CardDescription, {
+            className: "flex items-center justify-between gap-2",
+            children: [
+              title,
+              normalizedIcon
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV2(CardTitle, {
+            className: [
+              "justify-center font-semibold text-2xl tabular-nums @[250px]/card:text-3xl",
+              valueClassName
+            ].filter(Boolean).join(" "),
+            children: value
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      children ? /* @__PURE__ */ jsxDEV2(CardContent, {
+        children
+      }, undefined, false, undefined, this) : null,
+      /* @__PURE__ */ jsxDEV2(CardFooter, {
+        className: "flex-col items-start gap-1 text-sm",
+        children: /* @__PURE__ */ jsxDEV2("div", {
+          className: "text-muted-foreground text-xs",
+          children: description
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, title, true, undefined, this);
+};
+export {
+  StatsCard
+};

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare function Table({ className, ...props }: React.ComponentProps<"table">): React.JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): React.JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): React.JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): React.JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): React.JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): React.JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): React.JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): React.JSX.Element;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

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

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+export { Textarea };

package/dist/components/ui/theme-switcher.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from "react";
+type ThemeSwitcherMessages = Partial<Record<Theme | "title", string>>;
+export declare const themes: readonly ["light", "dark", "system"];
+export type Theme = "light" | "dark" | "system";
+export type SystemTheme = "dark" | "light";
+type ThemeProviderState = {
+    systemTheme: SystemTheme;
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+};
+type ThemePayload = {
+    systemTheme: SystemTheme;
+    theme: Theme;
+};
+type ThemeProviderProps = {
+    children: ReactNode;
+    initialTheme?: ThemePayload;
+    scriptDisabled?: boolean;
+};
+type ThemeSwitcherProps = {
+    messages?: ThemeSwitcherMessages;
+    options?: ReadonlyArray<Theme>;
+    value: Theme;
+    onChange: (value: Theme) => void;
+};
+export declare const ThemeProvider: ({ children, initialTheme, scriptDisabled, }: ThemeProviderProps) => import("react").JSX.Element;
+export declare const useTheme: () => ThemeProviderState;
+export declare const ThemeSwitcher: ({ messages, options, value, onChange, }: ThemeSwitcherProps) => import("react").JSX.Element;
+export {};