@glyphui/ui 0.0.0-stage → 0.1.0

package/dist/index-BWK4czIG.d.ts

@@ -0,0 +1,233 @@
+import { t as VariantProps } from "./tv-DuMh7UH2.js";
+import { ComponentProps, ReactNode } from "react";
+//#region src/components/button/button.styles.d.ts
+declare const buttonStyles: import("tailwind-variants").TVReturnType<{
+  variant: {
+    primary: {
+      base: string;
+    };
+    secondary: {
+      base: string;
+    };
+    outline: {
+      base: string;
+    };
+    ghost: {
+      base: string;
+    };
+    danger: {
+      base: string;
+    };
+    link: {
+      base: string;
+    };
+  };
+  size: {
+    sm: {
+      base: string;
+      icon: string;
+    };
+    md: {
+      base: string;
+    };
+    lg: {
+      base: string;
+      icon: string;
+    };
+  };
+  iconOnly: {
+    true: {
+      base: string;
+    };
+  };
+  fullWidth: {
+    true: {
+      base: string;
+    };
+  };
+}, {
+  base: string[];
+  icon: string;
+}, undefined, {
+  variant: {
+    primary: {
+      base: string;
+    };
+    secondary: {
+      base: string;
+    };
+    outline: {
+      base: string;
+    };
+    ghost: {
+      base: string;
+    };
+    danger: {
+      base: string;
+    };
+    link: {
+      base: string;
+    };
+  };
+  size: {
+    sm: {
+      base: string;
+      icon: string;
+    };
+    md: {
+      base: string;
+    };
+    lg: {
+      base: string;
+      icon: string;
+    };
+  };
+  iconOnly: {
+    true: {
+      base: string;
+    };
+  };
+  fullWidth: {
+    true: {
+      base: string;
+    };
+  };
+}, {
+  base: string[];
+  icon: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  variant: {
+    primary: {
+      base: string;
+    };
+    secondary: {
+      base: string;
+    };
+    outline: {
+      base: string;
+    };
+    ghost: {
+      base: string;
+    };
+    danger: {
+      base: string;
+    };
+    link: {
+      base: string;
+    };
+  };
+  size: {
+    sm: {
+      base: string;
+      icon: string;
+    };
+    md: {
+      base: string;
+    };
+    lg: {
+      base: string;
+      icon: string;
+    };
+  };
+  iconOnly: {
+    true: {
+      base: string;
+    };
+  };
+  fullWidth: {
+    true: {
+      base: string;
+    };
+  };
+}, {
+  base: string[];
+  icon: string;
+}>>;
+type ButtonVariants = VariantProps<typeof buttonStyles>;
+//#endregion
+//#region src/components/field/field.styles.d.ts
+declare const fieldStyles: import("tailwind-variants").TVReturnType<{
+  orientation: {
+    vertical: {};
+    horizontal: {
+      root: string;
+    };
+  };
+}, {
+  root: string;
+  label: string;
+  required: string;
+  text: string;
+  description: string;
+  error: string;
+}, undefined, {
+  orientation: {
+    vertical: {};
+    horizontal: {
+      root: string;
+    };
+  };
+}, {
+  root: string;
+  label: string;
+  required: string;
+  text: string;
+  description: string;
+  error: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  orientation: {
+    vertical: {};
+    horizontal: {
+      root: string;
+    };
+  };
+}, {
+  root: string;
+  label: string;
+  required: string;
+  text: string;
+  description: string;
+  error: string;
+}>>;
+type FieldVariants = VariantProps<typeof fieldStyles>;
+//#endregion
+//#region src/components/button/button.d.ts
+interface ButtonProps extends ComponentProps<'button'>, ButtonVariants {
+  /** Render the child element (e.g. a router link) with button styles instead of a `<button>`. */
+  asChild?: boolean;
+  /** Shows a spinner, disables the button and sets `aria-busy`. */
+  loading?: boolean;
+  leftIcon?: ReactNode;
+  rightIcon?: ReactNode;
+}
+declare function Button(inProps: ButtonProps): import("react").JSX.Element;
+interface IconButtonProps extends Omit<ButtonProps, 'leftIcon' | 'rightIcon' | 'iconOnly' | 'fullWidth' | 'children'> {
+  icon: ReactNode;
+  /** Required: an icon-only button has no visible text. */
+  'aria-label': string;
+}
+/** A square button holding one icon. Shares Button's variants and theme overrides. */
+declare function IconButton({ icon, variant, ...props }: IconButtonProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/field/field.d.ts
+interface FieldProps extends Omit<ComponentProps<'div'>, 'children'>, FieldVariants {
+  label?: ReactNode;
+  description?: ReactNode;
+  /** Error message. Marks the control invalid and is announced to screen readers. */
+  error?: ReactNode;
+  required?: boolean;
+  disabled?: boolean;
+  /** Id for the control. Generated when omitted. */
+  controlId?: string;
+  children: ReactNode;
+}
+/**
+ * Wraps one form control with its label, description and error, and wires the ARIA
+ * attributes between them. Controls inside (Input, Select, Checkbox, ...) pick this up.
+ *
+ * `orientation="horizontal"` puts the control first with text beside it, for checkboxes
+ * and switches.
+ */
+declare function Field(inProps: FieldProps): import("react").JSX.Element;
+//#endregion
+export { IconButton as a, fieldStyles as c, ButtonProps as i, ButtonVariants as l, FieldProps as n, IconButtonProps as o, Button as r, FieldVariants as s, Field as t, buttonStyles as u };