@chassis-ui/react 0.1.3 → 0.2.0

package/dist/chunks/index-BDfh8YBc.d.ts

@@ -0,0 +1,39 @@
+import "./focus-ring-SR_LwaN7.js";
+import { t as Placement } from "./overlayPlacement-B7843a-Q.js";
+import { FC, HTMLAttributes, ReactElement, ReactNode } from "react";
+//#region src/components/popover/Popover.d.ts
+interface PopoverProps extends Pick<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'aria-labelledby'> {
+  children: ReactElement;
+  /**
+   * Content node for your component.
+   */
+  content: ReactNode | string;
+  /**
+   * Offset of the popover relative to its target, as `[crossAxis, mainAxis]`.
+   */
+  offset?: [number, number];
+  /**
+   * Callback fired when the component requests to be hidden.
+   */
+  onHide?: () => void;
+  /**
+   * Callback fired when the component requests to be shown.
+   */
+  onShow?: () => void;
+  /**
+   * Title node for your component.
+   */
+  title?: ReactNode | string;
+  /**
+   * Describes the preferred placement of your component. Chassis will flip it to keep it in
+   * view.
+   */
+  placement?: Placement;
+  /**
+   * Toggle the visibility of popover component.
+   */
+  visible?: boolean;
+}
+declare const Popover: FC<PopoverProps>;
+//#endregion
+export { PopoverProps as n, Popover as t };

package/dist/chunks/index-BKMW0rkw.d.ts

@@ -0,0 +1,80 @@
+import "./focus-ring-SR_LwaN7.js";
+import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { n as ContextColor, r as ContextStyle } from "./types-CS_40Txv.js";
+import { ElementType, ReactElement } from "react";
+//#region src/components/placeholder/Placeholder.d.ts
+type PlaceholderAlign = 'start' | 'center' | 'end';
+type PlaceholderOwnProps<C extends ElementType> = {
+  /**
+   * Set the horizontal alignment. Only applies when `src` is set.
+   */
+  align?: PlaceholderAlign;
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Sets the color of the generated placeholder graphic to one of Chassis context colors. Has no
+   * effect when `src` is set.
+   */
+  color?: ContextColor;
+  /**
+   * Sets the variant of the generated placeholder graphic to one of Chassis context styles. Has no
+   * effect when `src` is set.
+   */
+  variant?: Exclude<ContextStyle, 'basic' | 'outline'>;
+  /**
+   * Component used for the root node when `src` is set. Either a string to use an HTML element
+   * or a component — e.g. a framework's own `Image` component. Its own props (`src`, `fill`,
+   * `priority`, etc.) are type-checked at the call site once passed here.
+   */
+  component?: C;
+  /**
+   * Make the image responsive, so it never grows larger than its parent. Only applies when `src`
+   * is set.
+   */
+  fluid?: boolean;
+  /**
+   * Placeholder height.
+   */
+  height?: number | string;
+  /**
+   * Give the image a rounded border-radius. Only applies when `src` is set.
+   */
+  rounded?: boolean;
+  /**
+   * Renders a real image instead of the generated placeholder graphic, e.g. a default asset or a
+   * `placehold.co` URL.
+   */
+  src?: string;
+  /**
+   * Text shown in the generated placeholder graphic. Defaults to `{width}x{height}`. Pass `false`
+   * to hide it. Has no effect when `src` is set.
+   */
+  text?: string | false;
+  /**
+   * Give the image a thumbnail appearance (padding, background, border, box-shadow). Only
+   * applies when `src` is set.
+   */
+  thumbnail?: boolean;
+  /**
+   * Accessible title for the generated placeholder graphic, rendered as an SVG `<title>`. Pass
+   * `false` to hide it. Has no effect when `src` is set.
+   *
+   * @default 'Placeholder'
+   */
+  title?: string | false;
+  /**
+   * Placeholder width.
+   */
+  width?: number | string;
+};
+type PlaceholderProps<C extends ElementType = 'img'> = PolymorphicComponentProps<C, PlaceholderOwnProps<C>>;
+type PlaceholderComponent = (<C extends ElementType = 'img'>(props: PlaceholderProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const Placeholder: PlaceholderComponent;
+//#endregion
+export { PlaceholderProps as n, Placeholder as t };

package/dist/chunks/index-BO9jLOIb.d.ts

@@ -0,0 +1,58 @@
+import "./focus-ring-SR_LwaN7.js";
+import { n as ContextColor } from "./types-CS_40Txv.js";
+import React, { InputHTMLAttributes, ReactNode } from "react";
+//#region src/components/switch/Switch.d.ts
+interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'defaultChecked' | 'onChange' | 'size'> {
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Sets the color of the switch indicator to one of Chassis context colors.
+   */
+  color?: ContextColor;
+  /**
+   * Whether the switch is selected, uncontrolled.
+   */
+  defaultSelected?: boolean;
+  /**
+   * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+   */
+  id?: string;
+  /**
+   * Set component validation state to invalid.
+   */
+  invalid?: boolean;
+  /**
+   * Whether the switch is selected, controlled.
+   */
+  isSelected?: boolean;
+  /**
+   * The element represents a caption for a component.
+   *
+   * Children are accepted as an alias for this prop — `label` wins when both are given.
+   * react-aria, which backs this component, calls the same thing `children`; this package renames
+   * it to `label`, and honouring both means the shape React developers reach for first still
+   * names the control instead of silently producing an unlabelled one.
+   */
+  label?: ReactNode;
+  /**
+   * Callback fired when the selected state changes.
+   */
+  onChange?: (isSelected: boolean) => void;
+  /**
+   * Size the component sm or lg.
+   */
+  size?: 'sm' | 'lg';
+  /**
+   * Specifies the type of component.
+   */
+  type?: 'checkbox' | 'radio';
+  /**
+   * Set component validation state to valid.
+   */
+  valid?: boolean;
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { SwitchProps as n, Switch as t };

package/dist/chunks/index-BO_1MN66.d.ts

@@ -0,0 +1,87 @@
+import "./focus-ring-SR_LwaN7.js";
+import React, { HTMLAttributes } from "react";
+//#region src/components/password-strength/strengthScore.d.ts
+type StrengthLevel = 'weak' | 'fair' | 'good' | 'strong';
+interface StrengthWeights {
+  extraLength: number;
+  lowercase: number;
+  longPassword: number;
+  minLength: number;
+  multipleSpecial: number;
+  numbers: number;
+  special: number;
+  uppercase: number;
+}
+//#endregion
+//#region src/components/password-strength/PasswordStrength.d.ts
+interface PasswordStrengthProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+  /**
+   * An accessible label for the meter. Defaults to `"Password strength"`.
+   */
+  'aria-label'?: string;
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * `id` forwarded to the meter element.
+   */
+  id?: string;
+  /**
+   * The maximum possible score, used to compute the meter's `aria-valuemax`. Defaults to the sum
+   * of `weights`' values — set this explicitly when pairing a custom `scorer` whose scale doesn't
+   * match the built-in criteria weights, otherwise `aria-valuenow`/`aria-valuemax` get silently
+   * clamped to the built-in max.
+   */
+  maxScore?: number;
+  /**
+   * Minimum password length required to earn the first strength point. Defaults to `8`.
+   */
+  minLength?: number;
+  /**
+   * Feedback message shown for each strength level, when `showText` is `true`.
+   */
+  messages?: Partial<Record<StrengthLevel, string>>;
+  /**
+   * Callback fired whenever the strength level changes, including once on mount with the
+   * initial `value`'s strength.
+   */
+  onStrengthChange?: (result: {
+    score: number;
+    strength: StrengthLevel | null;
+  }) => void;
+  /**
+   * Custom scoring function overriding the built-in criteria. Receives the password and returns
+   * a numeric score.
+   */
+  scorer?: (password: string) => number;
+  /**
+   * Renders a `.strength-text` element below the meter with the current level's message.
+   * Defaults to `true`.
+   */
+  showText?: boolean;
+  /**
+   * Score boundaries `[weak, fair, good]` — scores above the last value are `"strong"`. Defaults
+   * to `[2, 4, 6]`.
+   */
+  thresholds?: [number, number, number];
+  /**
+   * The current password value to evaluate.
+   */
+  value: string;
+  /**
+   * Render as four discrete segments, or a single growing bar. Defaults to `"segmented"`.
+   */
+  variant?: 'bar' | 'segmented';
+  /**
+   * Point values for each scoring criterion. Set a criterion to `0` to disable it. Merged with
+   * the built-in defaults.
+   */
+  weights?: Partial<StrengthWeights>;
+}
+declare const PasswordStrength: {
+  ({ "aria-label": ariaLabel, className, id, maxScore, messages, minLength, onStrengthChange, scorer, showText, thresholds, value, variant, weights, ...rest }: PasswordStrengthProps): React.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { PasswordStrengthProps as n, PasswordStrength as t };

package/dist/chunks/index-BTDgfLxK.d.ts

@@ -0,0 +1,94 @@
+import "./focus-ring-SR_LwaN7.js";
+import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { n as LinkProps } from "./Link-B0Y1xgYi.js";
+import React, { ElementType, HTMLAttributes, ReactElement, Ref } from "react";
+//#region src/components/nav/Nav.d.ts
+interface NavItemDef {
+  /**
+   * Label content for the nav item.
+   */
+  label: React.ReactNode;
+  /**
+   * URL for the nav link.
+   */
+  href?: string;
+  /**
+   * Marks the item as active.
+   */
+  active?: boolean;
+  /**
+   * Marks the item as disabled.
+   */
+  disabled?: boolean;
+}
+type NavOwnProps<C extends ElementType> = {
+  /**
+   * A string of all className you want applied to the base component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node. Either a string to use a HTML element or a component.
+   */
+  component?: C;
+  /**
+   * Array of nav item definitions for data-driven rendering. When provided, children are ignored.
+   */
+  items?: NavItemDef[];
+  /**
+   * Specify a layout type for component.
+   */
+  layout?: 'fill' | 'justified';
+  /**
+   * Set the nav variant to tabs or pills.
+   */
+  variant?: 'tabs' | 'pills';
+};
+type NavProps<C extends ElementType = 'ul'> = PolymorphicComponentProps<C, NavOwnProps<C>>;
+type NavComponent = (<C extends ElementType = 'ul'>(props: NavProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const Nav: NavComponent;
+//#endregion
+//#region src/components/nav/NavLink.d.ts
+type NavLinkOwnProps = {
+  /**
+   * Toggle the active state for the component.
+   */
+  active?: boolean;
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Toggle the disabled state for the component.
+   */
+  disabled?: boolean;
+};
+type NavLinkProps<C extends ElementType = 'a'> = LinkProps<C> & NavLinkOwnProps;
+type NavLinkComponent = (<C extends ElementType = 'a'>(props: NavLinkProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const NavLink: NavLinkComponent;
+//#endregion
+//#region src/components/nav/NavItem.d.ts
+type NavItemComponent = (<C extends ElementType = 'a'>(props: NavLinkProps<C> & {
+  ref?: Ref<HTMLLIElement>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const NavItem: NavItemComponent;
+//#endregion
+//#region src/components/nav/NavTitle.d.ts
+interface NavTitleProps extends HTMLAttributes<HTMLLIElement> {
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+}
+declare const NavTitle: React.ForwardRefExoticComponent<NavTitleProps & React.RefAttributes<HTMLLIElement>>;
+//#endregion
+export { NavLinkProps as a, NavProps as c, NavLink as i, NavTitleProps as n, Nav as o, NavItem as r, NavItemDef as s, NavTitle as t };