canny-ui-react 1.0.0

package/dist/components/Navbar/index.d.ts

@@ -0,0 +1,2 @@
+export { Navbar, NavbarBrand, NavbarNav, NavbarItem, NavbarActions } from './Navbar';
+export type { NavbarProps, NavbarBrandProps, NavbarNavProps, NavbarItemProps, NavbarActionsProps, } from './Navbar.types';

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,3 @@
+import type { ProgressProps, ProgressRingProps } from './Progress.types';
+export declare const Progress: import("react").ForwardRefExoticComponent<ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ProgressRing: import("react").ForwardRefExoticComponent<ProgressRingProps & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,12 @@
+import type { HTMLAttributes } from 'react';
+export type ProgressColor = 'primary' | 'danger' | 'warning' | 'success' | 'info';
+export interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    value?: number;
+    color?: ProgressColor;
+    indeterminate?: boolean;
+}
+export interface ProgressRingProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    value: number;
+    size?: 'md' | 'lg';
+    showLabel?: boolean;
+}

package/dist/components/Progress/index.d.ts

@@ -0,0 +1,2 @@
+export { Progress, ProgressRing } from './Progress';
+export type { ProgressProps, ProgressRingProps, ProgressColor } from './Progress.types';

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import * as RadixRadio from '@radix-ui/react-radio-group';
+type RadioGroupProps = ComponentPropsWithoutRef<typeof RadixRadio.Root>;
+type RadioItemProps = ComponentPropsWithoutRef<typeof RadixRadio.Item>;
+export interface RadioGroupRootProps extends RadioGroupProps {
+    /** Stack direction. Default: `'column'`. */
+    orientation?: 'horizontal' | 'vertical';
+}
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupRootProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface RadioProps extends Omit<RadioItemProps, 'children'> {
+    children?: ReactNode;
+}
+export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/Radio/index.d.ts

@@ -0,0 +1,2 @@
+export { Radio, RadioGroup } from './Radio';
+export type { RadioProps, RadioGroupRootProps } from './Radio';

package/dist/components/Scroll/Scroll.d.ts

@@ -0,0 +1,3 @@
+import type { ScrollProps } from './Scroll.types';
+export declare const Scroll: import("react").ForwardRefExoticComponent<ScrollProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ScrollRegion: import("react").ForwardRefExoticComponent<Omit<ScrollProps, "region"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,13 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type ScrollVariant = 'default' | 'thin' | 'subtle' | 'overlay' | 'expand';
+export type ScrollTone = 'neutral' | 'primary';
+export type ScrollAxis = 'both' | 'x' | 'y';
+export interface ScrollProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: ScrollVariant;
+    tone?: ScrollTone;
+    axis?: ScrollAxis;
+    maxHeight?: number | string;
+    maxWidth?: number | string;
+    region?: boolean;
+    children: ReactNode;
+}

package/dist/components/Scroll/index.d.ts

@@ -0,0 +1,2 @@
+export { Scroll, ScrollRegion } from './Scroll';
+export type { ScrollProps, ScrollVariant, ScrollTone, ScrollAxis } from './Scroll.types';

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,51 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import * as RadixSelect from '@radix-ui/react-select';
+export type SelectColor = 'primary' | 'danger' | 'warning' | 'success';
+export type SelectSize = 'sm' | 'md' | 'lg';
+type SelectRootProps = ComponentPropsWithoutRef<typeof RadixSelect.Root>;
+export interface SelectProps extends SelectRootProps {
+    /** Placeholder shown when nothing is selected. */
+    placeholder?: string;
+    /** Trigger size. */
+    size?: SelectSize;
+    /** Validation color on the trigger. */
+    color?: SelectColor;
+    /** Pre-label rendered next to the selected value (e.g. an icon). */
+    triggerIcon?: ReactNode;
+    /** Extra trigger className. */
+    triggerClassName?: string;
+    /** Extra content (dropdown panel) className. */
+    contentClassName?: string;
+    /** Omit `id` pass-through handled by Field. */
+    id?: string;
+    /** aria-invalid — Field threads this in for validation. */
+    'aria-invalid'?: boolean;
+    /** aria-describedby — Field threads this in. */
+    'aria-describedby'?: string;
+    /** Apply .danger/.warning/.success via Field's className thread. */
+    className?: string;
+    /** `<SelectItem>` / `<SelectGroup>` / `<SelectSeparator>` / `<SelectLabel>` children. */
+    children: ReactNode;
+}
+/**
+ * Select — single-select dropdown built on @radix-ui/react-select.
+ * Fully keyboard accessible, portalled, positioned intelligently.
+ *
+ * @example
+ * <Select placeholder="Environment" onValueChange={setEnv}>
+ *   <SelectItem value="prod">Production</SelectItem>
+ *   <SelectItem value="staging">Staging</SelectItem>
+ * </Select>
+ */
+export declare function Select({ placeholder, size, color, triggerIcon, triggerClassName, contentClassName, id, className, disabled, children, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, ...rootProps }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export interface SelectItemProps extends ComponentPropsWithoutRef<typeof RadixSelect.Item> {
+}
+export declare const SelectItem: import("react").ForwardRefExoticComponent<SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface SelectGroupProps extends ComponentPropsWithoutRef<typeof RadixSelect.Group> {
+}
+export declare const SelectGroup: import("react").ForwardRefExoticComponent<SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface SelectLabelProps extends ComponentPropsWithoutRef<typeof RadixSelect.Label> {
+}
+export declare const SelectLabel: import("react").ForwardRefExoticComponent<SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectSeparator: import("react").ForwardRefExoticComponent<Omit<RadixSelect.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { Select, SelectItem, SelectGroup, SelectLabel, SelectSeparator, } from './Select';
+export type { SelectProps, SelectItemProps, SelectGroupProps, SelectLabelProps, SelectColor, SelectSize, } from './Select';

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,4 @@
+import type { SidebarProps, SidebarSectionProps, SidebarItemProps } from './Sidebar.types';
+export declare const Sidebar: import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLElement>>;
+export declare const SidebarSection: import("react").ForwardRefExoticComponent<SidebarSectionProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SidebarItem: import("react").ForwardRefExoticComponent<SidebarItemProps & import("react").RefAttributes<HTMLAnchorElement>>;

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

@@ -0,0 +1,20 @@
+import type { AnchorHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+export type SidebarWidth = 'thin' | 'default' | 'wide';
+export interface SidebarProps extends HTMLAttributes<HTMLElement> {
+    width?: SidebarWidth;
+    sticky?: boolean;
+    collapsed?: boolean;
+    responsive?: boolean;
+    children: ReactNode;
+}
+export interface SidebarSectionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: ReactNode;
+    children: ReactNode;
+}
+export interface SidebarItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    active?: boolean;
+    disabled?: boolean;
+    icon?: ReactNode;
+    badge?: ReactNode;
+    children: ReactNode;
+}

package/dist/components/Sidebar/index.d.ts

@@ -0,0 +1,2 @@
+export { Sidebar, SidebarSection, SidebarItem } from './Sidebar';
+export type { SidebarProps, SidebarSectionProps, SidebarItemProps, SidebarWidth } from './Sidebar.types';

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,2 @@
+import type { SkeletonProps } from './Skeleton.types';
+export declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from 'react';
+export type SkeletonShape = 'text' | 'title' | 'avatar' | 'button';
+export interface SkeletonProps extends HTMLAttributes<HTMLSpanElement> {
+    shape?: SkeletonShape;
+    width?: number | string;
+    height?: number | string;
+}

package/dist/components/Skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export { Skeleton } from './Skeleton';
+export type { SkeletonProps, SkeletonShape } from './Skeleton.types';

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import * as RadixSwitch from '@radix-ui/react-switch';
+type SwitchRootProps = ComponentPropsWithoutRef<typeof RadixSwitch.Root>;
+export interface SwitchProps extends Omit<SwitchRootProps, 'children'> {
+    children?: ReactNode;
+}
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch } from './Switch';
+export type { SwitchProps } from './Switch';

package/dist/components/Text/Text.d.ts

@@ -0,0 +1,26 @@
+import type { ComponentPropsWithoutRef, ElementType, ForwardedRef, ReactElement } from 'react';
+export type TextVariant = 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'lead' | 'body' | 'small' | 'caption' | 'code' | 'kbd';
+export type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
+export type TextAlign = 'left' | 'center' | 'right' | 'justify';
+export type TextColor = 'primary' | 'secondary' | 'muted' | 'accent' | 'danger' | 'warning' | 'success' | 'info';
+export type TextProps<E extends ElementType = ElementType> = Omit<ComponentPropsWithoutRef<E>, 'color'> & {
+    as?: E;
+    variant?: TextVariant;
+    weight?: TextWeight;
+    align?: TextAlign;
+    color?: TextColor;
+    truncate?: boolean;
+};
+/**
+ * Text — typography primitive. `variant` picks the semantic element and the
+ * type scale in one prop. Override the rendered tag with `as` while keeping
+ * the style (e.g. `<Text variant="h1" as="div">`).
+ *
+ * @example
+ * <Text variant="h1">Page title</Text>
+ * <Text variant="body" color="muted">Subtle paragraph</Text>
+ * <Text variant="caption" truncate>Long caption…</Text>
+ */
+export declare const Text: <E extends ElementType = ElementType>(props: TextProps<E> & {
+    ref?: ForwardedRef<Element>;
+}) => ReactElement;

package/dist/components/Text/index.d.ts

@@ -0,0 +1,2 @@
+export { Text } from './Text';
+export type { TextProps, TextVariant, TextWeight, TextAlign, TextColor } from './Text';

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,13 @@
+import type { TextareaHTMLAttributes } from 'react';
+export type TextareaColor = 'primary' | 'danger' | 'warning' | 'success';
+export type TextareaSize = 'sm' | 'md' | 'lg';
+export interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
+    color?: TextareaColor;
+    size?: TextareaSize;
+    /** Grow the textarea with content. Max-height is capped via CSS / max-rows. */
+    autoGrow?: boolean;
+    /** With autoGrow, limits how tall the textarea can get. Default 12. */
+    maxRows?: number;
+}
+/** Auto-growing textarea. Measures scrollHeight on every change to set height. */
+export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/components/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { Textarea } from './Textarea';
+export type { TextareaProps, TextareaColor, TextareaSize } from './Textarea';