@yanolja-next/design-core 0.0.1 → 0.1.0

package/dist/components/forms/field/Field.d.ts

@@ -0,0 +1,32 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface FieldProps {
+    label: ReactNode;
+    help?: ReactNode;
+    helpAction?: ReactNode;
+    action?: ReactNode;
+    error?: ReactNode;
+    required?: boolean;
+    disabled?: boolean;
+    disabledReason?: string;
+    id?: string;
+    className?: string;
+    children: ReactNode;
+}
+export declare function Field({ label, help, helpAction, action, error, required, disabled, disabledReason, id, className, children, }: FieldProps): import("react/jsx-runtime").JSX.Element;
+interface ControlProps {
+    id?: string;
+    disabled?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    'aria-describedby'?: string;
+}
+export declare function useFieldControl({ invalid, ...props }: ControlProps): {
+    id: string | undefined;
+    disabled: boolean | undefined;
+    required: boolean | undefined;
+    'aria-describedby': string | undefined;
+    'aria-invalid': true | undefined;
+    invalid: boolean;
+};
+export declare function FieldError({ className, children, ...props }: HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/forms/field/index.d.ts

@@ -0,0 +1,2 @@
+export type { FieldProps } from './Field';
+export { Field, FieldError } from './Field';

package/dist/components/forms/field-group/FieldGroup.d.ts

@@ -0,0 +1,6 @@
+import { FieldsetHTMLAttributes, ReactNode } from 'react';
+export interface FieldGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
+    legend: ReactNode;
+    note?: ReactNode;
+}
+export declare function FieldGroup({ legend, note, className, children, ...props }: FieldGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/field-group/index.d.ts

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

package/dist/components/forms/form/Form.d.ts

@@ -0,0 +1,2 @@
+import { FormHTMLAttributes } from 'react';
+export declare function Form({ className, ...props }: FormHTMLAttributes<HTMLFormElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/form/index.d.ts

@@ -0,0 +1 @@
+export { Form } from './Form';

package/dist/components/forms/form-actions/FormActions.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface FormActionsProps extends HTMLAttributes<HTMLDivElement> {
+    status?: ReactNode;
+}
+export declare function FormActions({ status, className, children, ...props }: FormActionsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/form-actions/index.d.ts

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

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

@@ -0,0 +1,16 @@
+export * from './badge';
+export * from './checkbox';
+export * from './chip';
+export * from './code-input';
+export * from './combobox';
+export * from './field';
+export * from './field-group';
+export * from './form';
+export * from './form-actions';
+export * from './input';
+export * from './radio';
+export * from './segmented';
+export * from './select';
+export * from './status-indicator';
+export * from './switch';
+export * from './textarea';

package/dist/components/forms/input/Input.d.ts

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes } from 'react';
+import { IconName } from '../../icon';
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'> {
+    size?: 'default' | 'lg';
+    icon?: IconName;
+    prefix?: string;
+    suffix?: string;
+    mono?: boolean;
+    invalid?: boolean;
+    pill?: boolean;
+}
+export declare function Input({ icon, prefix, suffix, mono, invalid, pill, size, className, id, disabled, required, style, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/input/index.d.ts

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

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

@@ -0,0 +1,10 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+export type RadioGroupProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
+export declare function RadioGroup({ className, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export interface RadioProps extends ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
+    children: ReactNode;
+    description?: ReactNode;
+    disabledReason?: string;
+}
+export declare function Radio({ children, description, disabled, disabledReason, className, onClick, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/radio/index.d.ts

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

package/dist/components/forms/segmented/Segmented.d.ts

@@ -0,0 +1,20 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+export declare const segmentedVariants: (props?: ({
+    size?: "default" | "sm" | null | undefined;
+    fill?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface SegmentedOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+    disabledReason?: string;
+    id?: string;
+    controls?: string;
+}
+export interface SegmentedProps extends Omit<ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, 'orientation' | 'children'>, VariantProps<typeof segmentedVariants> {
+    options: SegmentedOption[];
+    tabs?: boolean;
+}
+export declare function Segmented({ options, size, fill, className, tabs, ...props }: SegmentedProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/segmented/index.d.ts

@@ -0,0 +1,2 @@
+export type { SegmentedOption, SegmentedProps } from './Segmented';
+export { Segmented, segmentedVariants } from './Segmented';

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

@@ -0,0 +1,30 @@
+import { VariantProps } from 'class-variance-authority';
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+declare const selectVariants: (props?: ({
+    size?: "head" | "default" | "sm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface SelectChangeEvent {
+    target: {
+        value: string;
+        name?: string;
+    };
+    currentTarget: {
+        value: string;
+        name?: string;
+    };
+}
+export interface SelectProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size' | 'value' | 'defaultValue' | 'onChange'>, VariantProps<typeof selectVariants> {
+    value?: string | number;
+    defaultValue?: string | number;
+    onChange?: (event: SelectChangeEvent) => void;
+    name?: string;
+    required?: boolean;
+    invalid?: boolean;
+    pill?: boolean;
+    lead?: string;
+    valueLabel?: ReactNode;
+    loading?: boolean;
+    children?: ReactNode;
+}
+export declare function Select({ size, invalid, pill, lead, valueLabel, className, id, disabled, required, value, defaultValue, onChange, name, loading, children, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/forms/select/SelectText.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare function SelectText({ className, ...props }: HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/select/index.d.ts

@@ -0,0 +1,3 @@
+export type { SelectChangeEvent, SelectProps } from './Select';
+export { Select } from './Select';
+export { SelectText } from './SelectText';

package/dist/components/forms/status-indicator/StatusIndicator.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'react';
+export type StatusIndicatorType = 'ok' | 'warn' | 'error' | 'pending' | 'stopped' | 'info';
+export declare const statusIndicatorVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+    type?: "info" | "warn" | "ok" | "error" | "pending" | "stopped" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface StatusIndicatorProps extends HTMLAttributes<HTMLSpanElement> {
+    type: StatusIndicatorType;
+    size?: 'md' | 'sm';
+    children: string;
+}
+export declare function StatusIndicator({ type, size, className, children, ...props }: StatusIndicatorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/status-indicator/index.d.ts

@@ -0,0 +1,2 @@
+export type { StatusIndicatorProps, StatusIndicatorType } from './StatusIndicator';
+export { StatusIndicator, statusIndicatorVariants } from './StatusIndicator';

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

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+export interface SwitchProps extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
+    children?: ReactNode;
+    disabledReason?: string;
+}
+export declare function Switch({ children, disabled, disabledReason, className, onClick, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/switch/index.d.ts

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

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

@@ -0,0 +1,5 @@
+import { TextareaHTMLAttributes } from 'react';
+export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    invalid?: boolean;
+}
+export declare function Textarea({ invalid, className, id, disabled, required, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/textarea/index.d.ts

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

package/dist/components/icon/Icon.d.ts

@@ -0,0 +1,10 @@
+import { SVGProps } from 'react';
+import { icons } from './icons';
+export type IconName = keyof typeof icons;
+export declare const iconNames: IconName[];
+export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'children'> {
+    name: IconName;
+    size?: 'ui' | 'in';
+    label?: string;
+}
+export declare function Icon({ name, size, label, className, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/icon/SwapIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from './Icon';
+export declare function SwapIcon({ name, className, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/icon/icons.d.ts

@@ -0,0 +1,286 @@
+export declare const icons: {
+    readonly menu: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M4 7h16M4 12h16M4 17h16'/>";
+    };
+    readonly chev: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='m7 10 5 5 5-5'/>";
+    };
+    readonly hubnode: {
+        readonly viewBox: "0 0 16 16";
+        readonly body: "<circle cx='8' cy='8' r='6' fill='none' stroke='currentColor' stroke-width='1.25'/><g fill='currentColor' stroke='#FFFFFF' stroke-width='1'><circle cx='8' cy='2' r='1.5'/><circle cx='13.2' cy='11' r='1.5'/><circle cx='2.8' cy='11' r='1.5'/></g><circle cx='8' cy='8' r='2' fill='currentColor'/>";
+    };
+    readonly thumbdown: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M17 14V2M9 18.1 10 14H4.2a2 2 0 0 1-1.9-2.6l2.3-7A2 2 0 0 1 6.5 3H20a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-2.8a2 2 0 0 0-1.8 1.1L12 22a3.1 3.1 0 0 1-3-3.9Z'/>";
+    };
+    readonly checkmark: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='m5 12.5 4.5 4.5L19 7.5'/>";
+    };
+    readonly updown: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='m8 9 4-4 4 4M8 15l4 4 4-4'/>";
+    };
+    readonly right: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='m9 6 6 6-6 6'/>";
+    };
+    readonly 'arrow-r': {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M5 12h14M13 6l6 6-6 6'/>";
+    };
+    readonly 'arrow-l': {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M19 12H5M11 6l-6 6 6 6'/>";
+    };
+    readonly up: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M7 17 17 7M9 7h8v8'/>";
+    };
+    readonly ext: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M7 17 17 7M8 7h9v9'/>";
+    };
+    readonly search: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<circle cx='11' cy='11' r='7'/><path d='m20 20-3.5-3.5'/>";
+    };
+    readonly term: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<rect x='3' y='4' width='18' height='16' rx='2'/><path d='m7 9 3 3-3 3M13 15h4'/>";
+    };
+    readonly help: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<circle cx='12' cy='12' r='9'/><path d='M9.5 9.5a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.6v.4M12 17h.01'/>";
+    };
+    readonly bell: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M6 8a6 6 0 1 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/><path d='M10.3 21a1.9 1.9 0 0 0 3.4 0'/>";
+    };
+    readonly home: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<rect x='3' y='3' width='7' height='9' rx='1.5'/><rect x='14' y='3' width='7' height='5' rx='1.5'/><rect x='14' y='12' width='7' height='9' rx='1.5'/><rect x='3' y='16' width='7' height='5' rx='1.5'/>";
+    };
+    readonly shield: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M12 3 4.5 6v6c0 4.5 3.2 7.8 7.5 9 4.3-1.2 7.5-4.5 7.5-9V6z'/>";
+    };
+    readonly login: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/><path d='m10 17 5-5-5-5M15 12H3'/>";
+    };
+    readonly user: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<circle cx='12' cy='8' r='4'/><path d='M4 21a8 8 0 0 1 16 0'/>";
+    };
+    readonly plug: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M9 3v5M15 3v5M6 8h12v3a6 6 0 0 1-12 0zM12 17v4'/>";
+    };
+    readonly grid: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<rect x='3' y='3' width='7' height='7' rx='1.5'/><rect x='14' y='3' width='7' height='7' rx='1.5'/><rect x='3' y='14' width='7' height='7' rx='1.5'/><rect x='14' y='14' width='7' height='7' rx='1.5'/>";
+    };
+    readonly key: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<circle cx='7.5' cy='15.5' r='4.5'/><path d='m10.7 12.3 9.3-9.3M17 6l3 3M14.5 8.5l2 2'/>";
+    };
+    readonly chart: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M3 3v18h18'/><path d='M8 16v-4M13 16V8M18 16v-7'/>";
+    };
+    readonly target: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<circle cx='12' cy='12' r='9'/><circle cx='12' cy='12' r='5'/><circle cx='12' cy='12' r='1'/>";
+    };
+    readonly card: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<rect x='2.5' y='5' width='19' height='14' rx='2'/><path d='M2.5 10h19M6 15h4'/>";
+    };
+    readonly box: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M21 8 12 3 3 8v8l9 5 9-5z'/><path d='m3 8 9 5 9-5M12 13v8'/>";
+    };
+    readonly server: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<rect x='3' y='4' width='18' height='7' rx='1.5'/><rect x='3' y='13' width='18' height='7' rx='1.5'/><path d='M7 7.5h.01M7 16.5h.01'/>";
+    };
+    readonly users: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<circle cx='9' cy='8' r='3.5'/><path d='M2.5 20a6.5 6.5 0 0 1 13 0'/><path d='M16 4.5a3.5 3.5 0 0 1 0 7M21.5 20a6.5 6.5 0 0 0-4-6'/>";
+    };
+    readonly team: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<circle cx='12' cy='7' r='3'/><circle cx='5' cy='15' r='2.5'/><circle cx='19' cy='15' r='2.5'/><path d='M8 21a4 4 0 0 1 8 0'/>";
+    };
+    readonly gear: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915'/><circle cx='12' cy='12' r='3'/>";
+    };
+    readonly pin: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M12 17v5M8 3h8l-1 6 3 4H6l3-4z'/>";
+    };
+    readonly sidebar: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<rect x='3' y='4' width='18' height='16' rx='2'/><path d='M9 4v16M15 10l-2 2 2 2'/>";
+    };
+    readonly plus: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M12 5v14M5 12h14'/>";
+    };
+    readonly sliders: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M4 7h10M18 7h2M4 17h4M12 17h8'/><circle cx='16' cy='7' r='2'/><circle cx='10' cy='17' r='2'/>";
+    };
+    readonly more: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<circle cx='5' cy='12' r='1'/><circle cx='12' cy='12' r='1'/><circle cx='19' cy='12' r='1'/>";
+    };
+    readonly grip: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<circle cx='9' cy='6' r='.8'/><circle cx='15' cy='6' r='.8'/><circle cx='9' cy='12' r='.8'/><circle cx='15' cy='12' r='.8'/><circle cx='9' cy='18' r='.8'/><circle cx='15' cy='18' r='.8'/>";
+    };
+    readonly info: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<circle cx='12' cy='12' r='9'/><path d='M12 11v5M12 8h.01'/>";
+    };
+    readonly flag: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M5 21V4M5 4h11l-2 4 2 4H5'/>";
+    };
+    readonly coin: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<circle cx='12' cy='12' r='9'/><path d='M14.8 9.2c-.5-.8-1.5-1.2-2.8-1.2-1.7 0-2.8.8-2.8 2s1.1 1.7 2.8 2 2.8.8 2.8 2-1.1 2-2.8 2c-1.3 0-2.3-.4-2.8-1.2M12 6v2M12 16v2'/>";
+    };
+    readonly activity: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M3 12h4l3-8 4 16 3-8h4'/>";
+    };
+    readonly copy: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<rect x='8' y='8' width='13' height='13' rx='2'/><path d='M16 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h3'/>";
+    };
+    readonly link: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.7 1.7'/><path d='M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.7-1.7'/>";
+    };
+    readonly lines: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M4 7h16M4 12h10M4 17h7'/>";
+    };
+    readonly lang: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M4 5h9M8.5 3v2M6 5c.5 3 2.5 5.5 6 7M11 5c-.5 3-3 6-7 8'/><path d='m13 21 4-9 4 9M14.5 18h5'/>";
+    };
+    readonly map: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0'/><circle cx='12' cy='10' r='3'/>";
+    };
+    readonly mail: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<rect x='3' y='5' width='18' height='14' rx='2'/><path d='m3 7 9 6 9-6'/>";
+    };
+    readonly g: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M20 12.2h-8M20 12.2a8 8 0 1 1-2.3-5.6'/>";
+    };
+    readonly check: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M5 12.5 10 17l9-10'/>";
+    };
+    readonly x: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M6 6l12 12M18 6 6 18'/>";
+    };
+    readonly off: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<circle cx='12' cy='12' r='9'/><path d='M8 12h8'/>";
+    };
+    readonly star: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='m12 3.5 2.6 5.3 5.9.9-4.3 4.1 1 5.8-5.2-2.7-5.2 2.7 1-5.8-4.3-4.1 5.9-.9z'/>";
+    };
+    readonly pencil: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M4 20h4L19 9l-4-4L4 16z'/><path d='m13.5 6.5 4 4'/>";
+    };
+    readonly clock: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<circle cx='12' cy='12' r='9'/><path d='M12 7v5l3 2'/>";
+    };
+    readonly chip: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<rect x='6' y='6' width='12' height='12' rx='2'/><path d='M10 10h4v4h-4zM9 3v3M15 3v3M9 18v3M15 18v3M3 9h3M3 15h3M18 9h3M18 15h3'/>";
+    };
+    readonly scan: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M4 8V5a1 1 0 0 1 1-1h3M16 4h3a1 1 0 0 1 1 1v3M20 16v3a1 1 0 0 1-1 1h-3M8 20H5a1 1 0 0 1-1-1v-3'/><path d='M8 9h8M8 12h8M8 15h5'/>";
+    };
+    readonly warn: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M10.3 4.2 2.9 17.5A2 2 0 0 0 4.6 20.5h14.8a2 2 0 0 0 1.7-3L13.7 4.2a2 2 0 0 0-3.4 0Z'/><path d='M12 9.5v4M12 16.8h.01'/>";
+    };
+    readonly done: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<circle cx='12' cy='12' r='9'/><path d='m8.2 12.3 2.6 2.6 5-5.4'/>";
+    };
+    readonly alert: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<circle cx='12' cy='12' r='9'/><path d='M12 7.5v5.5M12 16.5h.01'/>";
+    };
+    readonly wait: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M7 3h10M7 21h10M8 3c0 5 8 5 8 9s-8 4-8 9M16 3c0 5-8 5-8 9'/>";
+    };
+    readonly sched: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<circle cx='12' cy='12' r='8.5'/><path d='M12 7.5V12l3 2'/>";
+    };
+    readonly send: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M4 12 20 4l-4 16-4-7z'/>";
+    };
+    readonly bed: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M3 19V6M3 15h18v4M21 15v-3a3 3 0 0 0-3-3h-7v6'/><circle cx='7' cy='11.5' r='2'/>";
+    };
+    readonly hotel: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M5 21V4a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v17M16 9h2.5a1 1 0 0 1 1 1v11M3 21h18M9 7h.01M12 7h.01M9 11h.01M12 11h.01M9 15h.01M12 15h.01'/>";
+    };
+    readonly ticket: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M3.5 6.5h17V10a2 2 0 0 0 0 4v3.5h-17V14a2 2 0 0 0 0-4z'/><path d='M14.5 7.5v1.5M14.5 11.25v1.5M14.5 15v1.5'/>";
+    };
+    readonly receipt: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M6 3h12v18l-2-1.5-2 1.5-2-1.5-2 1.5-2-1.5L6 21z'/><path d='M9 8h6M9 12h6M9 16h3'/>";
+    };
+    readonly tag: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M3.5 12.5V4.5a1 1 0 0 1 1-1h8l8 8-9 9z'/><circle cx='8' cy='8' r='1.5'/>";
+    };
+    readonly image: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<rect x='3' y='4' width='18' height='16' rx='2'/><circle cx='9' cy='10' r='2'/><path d='m21 15.5-5-5L6.5 20'/>";
+    };
+    readonly calendar: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<rect x='3.5' y='5' width='17' height='15.5' rx='2'/><path d='M3.5 10h17M8 3v4M16 3v4M9 15l2 2 4-4'/>";
+    };
+    readonly globe: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<circle cx='12' cy='12' r='9'/><path d='M3 12h18M12 3c2.4 2.5 3.6 5.5 3.6 9s-1.2 6.5-3.6 9c-2.4-2.5-3.6-5.5-3.6-9S9.6 5.5 12 3'/>";
+    };
+    readonly org: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<rect x='5' y='3' width='14' height='18' rx='1.5'/><path d='M9 7.5h1.5M13.5 7.5H15M9 11.5h1.5M13.5 11.5H15M10 21v-4h4v4'/>";
+    };
+    readonly review: {
+        readonly viewBox: "0 0 24 24";
+        readonly body: "<path d='M4 4.5h16v11.5H9.5L4 20z'/><path d='M8 9h8M8 12.5h5'/>";
+    };
+};

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

@@ -0,0 +1,3 @@
+export type { IconName, IconProps } from './Icon';
+export { Icon, iconNames } from './Icon';
+export { SwapIcon } from './SwapIcon';

package/dist/components/link/Link.d.ts

@@ -0,0 +1,12 @@
+import { AnchorHTMLAttributes, ComponentType, ReactNode } from 'react';
+export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    href: string;
+}
+export type LinkComponent = ComponentType<LinkProps>;
+export interface LinkProviderProps {
+    component: LinkComponent;
+    children: ReactNode;
+}
+export declare function LinkProvider({ component, children }: LinkProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useLink(): LinkComponent;
+export declare function Link(props: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/link/TextLink.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+import { LinkProps } from './Link';
+export declare const textLinkVariants: (props?: ({
+    variant?: "quiet" | "prose" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TextLinkProps extends LinkProps, VariantProps<typeof textLinkVariants> {
+}
+export declare function TextLink({ variant, className, ...props }: TextLinkProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export type { LinkComponent, LinkProps, LinkProviderProps } from './Link';
+export { Link, LinkProvider, useLink } from './Link';
+export type { TextLinkProps } from './TextLink';
+export { TextLink, textLinkVariants } from './TextLink';

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

@@ -0,0 +1,6 @@
+export * from './menu';
+export * from './modal';
+export * from './popover';
+export * from './sheet';
+export * from './toast';
+export * from './tooltip';

package/dist/components/overlay/menu/Menu.d.ts

@@ -0,0 +1,36 @@
+import { ReactElement, ReactNode } from 'react';
+import { IconName } from '../../icon';
+export interface MenuProps {
+    label: string;
+    trigger: ReactElement;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    align?: 'start' | 'center' | 'end';
+    className?: string;
+    children: ReactNode;
+}
+export declare function Menu({ label, trigger, open, defaultOpen, onOpenChange, align, className, children, }: MenuProps): import("react/jsx-runtime").JSX.Element;
+export declare const menuItemVariants: (props?: ({
+    twoLine?: boolean | null | undefined;
+    blocked?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface ItemBodyProps {
+    icon?: IconName;
+    meta?: ReactNode;
+    sub?: ReactNode;
+    children: ReactNode;
+}
+export interface MenuItemProps extends ItemBodyProps {
+    onSelect?: () => void;
+    href?: string;
+    disabledReason?: string;
+}
+export declare function MenuItem({ icon, meta, sub, href, disabledReason, onSelect, children, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuSeparator(): import("react/jsx-runtime").JSX.Element;
+export interface RowMenuProps {
+    name: string;
+    children: ReactNode;
+}
+export declare function RowMenu({ name, children }: RowMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/overlay/menu/index.d.ts

@@ -0,0 +1,2 @@
+export type { MenuItemProps, MenuProps, RowMenuProps } from './Menu';
+export { Menu, MenuItem, MenuSeparator, menuItemVariants, RowMenu } from './Menu';

package/dist/components/overlay/modal/ConfirmModal.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export interface ConfirmModalProps {
+    title: string;
+    target?: ReactNode;
+    action: string;
+    typeToConfirm?: {
+        expected: string;
+        subject: string;
+    };
+    onConfirm: () => unknown;
+    failure?: (error: unknown) => ReactNode;
+    onClose: () => void;
+    children: ReactNode;
+}
+export declare function ConfirmModal({ title, target, action, typeToConfirm, onConfirm, failure, onClose, children, }: ConfirmModalProps): import("react/jsx-runtime").JSX.Element;