@grasp-labs/ds-react-components 0.26.0 → 0.28.0

package/dist/components/toggleButton/ToggleButton.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { ToggleButtonColor } from './ToggleButtonTrack';
+export type ToggleButtonProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    /** Label shown when toggle is ON */
+    enabledLabel?: string;
+    /** Label shown when toggle is OFF */
+    disabledLabel?: string;
+    /** External label text */
+    label?: string;
+    /** Color scheme of the toggle */
+    color?: ToggleButtonColor;
+    /** Optional extra content (e.g. tooltip, icon) */
+    children?: ReactNode;
+    /** Ref for the input element */
+    ref?: React.Ref<HTMLInputElement>;
+};
+/**
+ * A toggle button component with optional inner text and external label.
+ * Supports multiple color schemes with smooth animations.
+ *
+ * @param props - The props for the ToggleButton component.
+ */
+export declare const ToggleButton: ({ value, enabledLabel, disabledLabel, label, checked, disabled, color, onChange, className, children, ref, id, name, ...rest }: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/toggleButton/ToggleButtonTrack.d.ts

@@ -0,0 +1,23 @@
+export type ToggleButtonColor = "primary" | "error" | "warning" | "success";
+export type ToggleButtonTrackProps = {
+    /** Whether the toggle is checked/on */
+    checked?: boolean;
+    /** Whether the toggle is disabled */
+    disabled?: boolean;
+    /** Color scheme of the toggle */
+    color?: ToggleButtonColor;
+    /** Label shown when toggle is ON (slides in from right when enabled) */
+    enabledLabel?: string;
+    /** Label shown when toggle is OFF (slides in from left when disabled) */
+    disabledLabel?: string;
+    /** Additional CSS classes */
+    className?: string;
+};
+/**
+ * A visual track component for toggle button states.
+ * Renders the track, thumb, and optional inner text.
+ *
+ * @param props - The props for the ToggleButtonTrack component.
+ * @returns The rendered toggle track element.
+ */
+export declare const ToggleButtonTrack: ({ checked, disabled, color, enabledLabel, disabledLabel, className, }: ToggleButtonTrackProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export { ToggleButton } from './ToggleButton';
+export type { ToggleButtonProps } from './ToggleButton';
+export { ToggleButtonTrack } from './ToggleButtonTrack';
+export type { ToggleButtonTrackProps, ToggleButtonColor, } from './ToggleButtonTrack';