@kode4/react-foundation 0.1.0

package/ui/Pagination/Pagination.d.ts

@@ -0,0 +1,17 @@
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentProps } from 'react';
+import { buttonVariants } from '../Button';
+import './Pagination.css';
+export declare function Pagination({ className, ...props }: ComponentProps<'nav'>): import("react").JSX.Element;
+export declare function PaginationContent({ className, ...props }: ComponentProps<'ul'>): import("react").JSX.Element;
+export declare function PaginationItem(props: ComponentProps<'li'>): import("react").JSX.Element;
+export type PaginationLinkProps = ComponentProps<'a'> & VariantProps<typeof buttonVariants> & {
+    /** Marks the current page (aria-current + outline styling). */
+    isActive?: boolean;
+};
+/** A page link, styled like a Button. Pass `href` for URL-driven pagination or
+ *  `onClick` for client state. */
+export declare function PaginationLink({ className, isActive, variant, size, ...props }: PaginationLinkProps): import("react").JSX.Element;
+export declare function PaginationPrevious({ className, ...props }: PaginationLinkProps): import("react").JSX.Element;
+export declare function PaginationNext({ className, ...props }: PaginationLinkProps): import("react").JSX.Element;
+export declare function PaginationEllipsis({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;

package/ui/Pagination/index.d.ts

@@ -0,0 +1 @@
+export * from './Pagination';

package/ui/Popover/Popover.d.ts

@@ -0,0 +1,7 @@
+import { Popover as PopoverPrimitive } from 'radix-ui';
+import type { ComponentProps } from 'react';
+import './Popover.css';
+export declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps>;
+export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PopoverAnchor: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function PopoverContent({ className, align, sideOffset, ...props }: ComponentProps<typeof PopoverPrimitive.Content>): import("react").JSX.Element;

package/ui/Popover/index.d.ts

@@ -0,0 +1 @@
+export * from './Popover';

package/ui/Progress/Progress.d.ts

@@ -0,0 +1,16 @@
+import { type VariantProps } from 'class-variance-authority';
+import { Progress as ProgressPrimitive } from 'radix-ui';
+import type { ComponentProps } from 'react';
+import './Progress.css';
+export declare const progressVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "success" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ProgressProps = ComponentProps<typeof ProgressPrimitive.Root> & VariantProps<typeof progressVariants>;
+/**
+ * Progress bar (shadcn's Progress on the Radix primitive).
+ *
+ * - Determinate: pass `value` (0–100).
+ * - Indeterminate: pass `value={null}` (or omit it) — the indicator sweeps
+ *   continuously, like a top-of-page navigation loader.
+ */
+export declare function Progress({ className, value, variant, ...props }: ProgressProps): import("react").JSX.Element;

package/ui/Progress/index.d.ts

@@ -0,0 +1 @@
+export * from './Progress';

package/ui/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,7 @@
+import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';
+import type { ComponentProps } from 'react';
+import './RadioGroup.css';
+export type RadioGroupProps = ComponentProps<typeof RadioGroupPrimitive.Root>;
+export declare function RadioGroup({ className, ...props }: RadioGroupProps): import("react").JSX.Element;
+export type RadioGroupItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;
+export declare function RadioGroupItem({ className, ...props }: RadioGroupItemProps): import("react").JSX.Element;

package/ui/RadioGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './RadioGroup';

package/ui/Select/Select.d.ts

@@ -0,0 +1,16 @@
+import { Select as SelectPrimitive } from 'radix-ui';
+import type { ComponentProps } from 'react';
+import './Select.css';
+export declare const Select: import("react").FC<SelectPrimitive.SelectProps>;
+export declare const SelectGroup: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectValue: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+export type SelectTriggerProps = ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: 'sm' | 'default';
+};
+export declare function SelectTrigger({ className, size, children, ...props }: SelectTriggerProps): import("react").JSX.Element;
+export declare function SelectContent({ className, children, position, ...props }: ComponentProps<typeof SelectPrimitive.Content>): import("react").JSX.Element;
+export declare function SelectLabel({ className, ...props }: ComponentProps<typeof SelectPrimitive.Label>): import("react").JSX.Element;
+export declare function SelectItem({ className, children, ...props }: ComponentProps<typeof SelectPrimitive.Item>): import("react").JSX.Element;
+export declare function SelectSeparator({ className, ...props }: ComponentProps<typeof SelectPrimitive.Separator>): import("react").JSX.Element;
+export declare function SelectScrollUpButton({ className, ...props }: ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react").JSX.Element;
+export declare function SelectScrollDownButton({ className, ...props }: ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react").JSX.Element;

package/ui/Select/index.d.ts

@@ -0,0 +1 @@
+export * from './Select';

package/ui/Separator/Separator.d.ts

@@ -0,0 +1,5 @@
+import { Separator as SeparatorPrimitive } from 'radix-ui';
+import type { ComponentProps } from 'react';
+import './Separator.css';
+export type SeparatorProps = ComponentProps<typeof SeparatorPrimitive.Root>;
+export declare function Separator({ className, orientation, decorative, ...props }: SeparatorProps): import("react").JSX.Element;

package/ui/Separator/index.d.ts

@@ -0,0 +1 @@
+export * from './Separator';

package/ui/Sheet/Sheet.d.ts

@@ -0,0 +1,17 @@
+import { Dialog as SheetPrimitive } from 'radix-ui';
+import type { ComponentProps } from 'react';
+import './Sheet.css';
+export declare const Sheet: import("react").FC<SheetPrimitive.DialogProps>;
+export declare const SheetTrigger: import("react").ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SheetClose: import("react").ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SheetPortal: import("react").FC<SheetPrimitive.DialogPortalProps>;
+export declare function SheetOverlay({ className, ...props }: ComponentProps<typeof SheetPrimitive.Overlay>): import("react").JSX.Element;
+export type SheetSide = 'top' | 'right' | 'bottom' | 'left';
+export type SheetContentProps = ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: SheetSide;
+};
+export declare function SheetContent({ className, children, side, ...props }: SheetContentProps): import("react").JSX.Element;
+export declare function SheetHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function SheetFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function SheetTitle({ className, ...props }: ComponentProps<typeof SheetPrimitive.Title>): import("react").JSX.Element;
+export declare function SheetDescription({ className, ...props }: ComponentProps<typeof SheetPrimitive.Description>): import("react").JSX.Element;

package/ui/Sheet/index.d.ts

@@ -0,0 +1 @@
+export * from './Sheet';

package/ui/Skeleton/Skeleton.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps } from 'react';
+import './Skeleton.css';
+export type SkeletonProps = ComponentProps<'div'>;
+export declare function Skeleton({ className, ...props }: SkeletonProps): import("react").JSX.Element;

package/ui/Skeleton/index.d.ts

@@ -0,0 +1 @@
+export * from './Skeleton';

package/ui/Spinner/Spinner.d.ts

@@ -0,0 +1,35 @@
+import type { ComponentProps } from 'react';
+import './Spinner.css';
+export type SpinnerProps = ComponentProps<'svg'>;
+/**
+ * Rotating loading indicator (shadcn's Spinner). Sized to match icon slots,
+ * so it drops straight into a Button to show a loading state:
+ *
+ *   <Button disabled>
+ *       <Spinner />
+ *       Loading…
+ *   </Button>
+ */
+export declare function Spinner({ className, ...props }: SpinnerProps): import("react").JSX.Element;
+export type DotsSpinnerProps = {
+    label?: string;
+    vertical?: boolean;
+};
+/**
+ * Three-dots spinner with an optional label. Renders as an inline-flex span
+ * so it can sit next to text; used by SpinnerBlock for full-area loading.
+ */
+export declare function DotsSpinner({ label, vertical }: DotsSpinnerProps): import("react").JSX.Element;
+export type SpinnerBlockProps = {
+    label?: string;
+};
+/**
+ * Block-level spinner that centers itself both horizontally and vertically
+ * within its parent. Use for full-page loading, Suspense fallbacks, etc.
+ */
+export declare function SpinnerBlock({ label }: SpinnerBlockProps): import("react").JSX.Element;
+/**
+ * Default for the router's HydrateFallback slot; shown only while the data
+ * router boots. Override via `createAppRouter`'s `hydrateFallback` option.
+ */
+export declare function DefaultHydrateFallback(): import("react").JSX.Element;

package/ui/Spinner/index.d.ts

@@ -0,0 +1 @@
+export * from './Spinner';

package/ui/Switch/Switch.d.ts

@@ -0,0 +1,5 @@
+import { Switch as SwitchPrimitive } from 'radix-ui';
+import type { ComponentProps } from 'react';
+import './Switch.css';
+export type SwitchProps = ComponentProps<typeof SwitchPrimitive.Root>;
+export declare function Switch({ className, ...props }: SwitchProps): import("react").JSX.Element;

package/ui/Switch/index.d.ts

@@ -0,0 +1 @@
+export * from './Switch';

package/ui/Table/Table.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentProps } from 'react';
+import './Table.css';
+export type TableProps = ComponentProps<'table'>;
+export declare function Table({ className, ...props }: TableProps): import("react").JSX.Element;
+export declare function TableHeader({ className, ...props }: ComponentProps<'thead'>): import("react").JSX.Element;
+export declare function TableBody({ className, ...props }: ComponentProps<'tbody'>): import("react").JSX.Element;
+export declare function TableFooter({ className, ...props }: ComponentProps<'tfoot'>): import("react").JSX.Element;
+export declare function TableRow({ className, ...props }: ComponentProps<'tr'>): import("react").JSX.Element;
+export declare function TableHead({ className, ...props }: ComponentProps<'th'>): import("react").JSX.Element;
+export declare function TableCell({ className, ...props }: ComponentProps<'td'>): import("react").JSX.Element;
+export declare function TableCaption({ className, ...props }: ComponentProps<'caption'>): import("react").JSX.Element;

package/ui/Table/index.d.ts

@@ -0,0 +1 @@
+export * from './Table';

package/ui/Tabs/Tabs.d.ts

@@ -0,0 +1,8 @@
+import { Tabs as TabsPrimitive } from 'radix-ui';
+import type { ComponentProps } from 'react';
+import './Tabs.css';
+export type TabsProps = ComponentProps<typeof TabsPrimitive.Root>;
+export declare function Tabs({ className, ...props }: TabsProps): import("react").JSX.Element;
+export declare function TabsList({ className, ...props }: ComponentProps<typeof TabsPrimitive.List>): import("react").JSX.Element;
+export declare function TabsTrigger({ className, ...props }: ComponentProps<typeof TabsPrimitive.Trigger>): import("react").JSX.Element;
+export declare function TabsContent({ className, ...props }: ComponentProps<typeof TabsPrimitive.Content>): import("react").JSX.Element;

package/ui/Tabs/index.d.ts

@@ -0,0 +1 @@
+export * from './Tabs';

package/ui/Textarea/Textarea.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps } from 'react';
+import './Textarea.css';
+export type TextareaProps = ComponentProps<'textarea'>;
+export declare function Textarea({ className, ...props }: TextareaProps): import("react").JSX.Element;

package/ui/Textarea/index.d.ts

@@ -0,0 +1 @@
+export * from './Textarea';

package/ui/Tooltip/Tooltip.d.ts

@@ -0,0 +1,7 @@
+import { Tooltip as TooltipPrimitive } from 'radix-ui';
+import type { ComponentProps } from 'react';
+import './Tooltip.css';
+export declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
+export declare const Tooltip: import("react").FC<TooltipPrimitive.TooltipProps>;
+export declare const TooltipTrigger: import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare function TooltipContent({ className, sideOffset, children, ...props }: ComponentProps<typeof TooltipPrimitive.Content>): import("react").JSX.Element;

package/ui/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './Tooltip';

package/ui/index.d.ts

@@ -0,0 +1,29 @@
+export * from './Accordion';
+export * from './Alert';
+export * from './AlertDialog';
+export * from './Avatar';
+export * from './AwaitErrorBlock';
+export * from './Badge';
+export * from './Button';
+export * from './Card';
+export * from './Checkbox';
+export * from './Command';
+export * from './Dialog';
+export * from './DropdownMenu';
+export * from './ErrorBlock';
+export * from './Input';
+export * from './Label';
+export * from './Pagination';
+export * from './Popover';
+export * from './Progress';
+export * from './RadioGroup';
+export * from './Select';
+export * from './Separator';
+export * from './Sheet';
+export * from './Skeleton';
+export * from './Spinner';
+export * from './Switch';
+export * from './Table';
+export * from './Tabs';
+export * from './Textarea';
+export * from './Tooltip';

package/utils.d.ts

@@ -0,0 +1,8 @@
+import { type ClassValue } from 'clsx';
+/**
+ * Joins class values (strings, conditionals, arrays) into one className.
+ * Same call signature as shadcn's `cn`, but without tailwind-merge —
+ * our classes are semantic BEM names, so utility-conflict merging is
+ * unnecessary.
+ */
+export declare function cn(...inputs: ClassValue[]): string;