@neynar/ui 0.1.1 → 0.1.2

package/dist/components/ui/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/ui/theme.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2GG;AACH,wBAAgB,KAAK,4CAuCpB"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/ui/theme.tsx"],"names":[],"mappings":"AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+LG;AACH,wBAAgB,KAAK,4CAuCpB"}

package/dist/components/ui/toggle-group.d.ts

@@ -7,13 +7,18 @@ import { toggleVariants } from "@/components/ui/toggle";
  *
  * ToggleGroup provides a way to group related toggle buttons together, allowing users
  * to select from a set of mutually exclusive options (single selection) or independent
- * options (multiple selection). Built on Radix UI Toggle Group primitive with support
- * for keyboard navigation and accessibility features.
+ * options (multiple selection). Built on Radix UI Toggle Group primitive with enhanced
+ * styling through CVA variants and full accessibility support including keyboard navigation.
  *
- * @example
+ * The component supports both controlled and uncontrolled usage patterns, with automatic
+ * focus management and roving tabindex behavior. Visual variants are inherited by all child
+ * items but can be overridden per item if needed.
+ *
+ * @example Single selection with icons (radio button behavior)
  * ```tsx
- * // Single selection (like radio buttons)
- * <ToggleGroup type="single" defaultValue="center">
+ * import { AlignLeft, AlignCenter, AlignRight } from "lucide-react";
+ *
+ * <ToggleGroup type="single" defaultValue="center" aria-label="Text alignment">
  *   <ToggleGroupItem value="left" aria-label="Align left">
  *     <AlignLeft className="h-4 w-4" />
  *   </ToggleGroupItem>
@@ -26,108 +31,179 @@ import { toggleVariants } from "@/components/ui/toggle";
  * </ToggleGroup>
  * ```
  *
- * @example
+ * @example Multiple selection with controlled state
  * ```tsx
- * // Multiple selection (like checkboxes)
- * <ToggleGroup type="multiple" defaultValue={["bold", "italic"]}>
- *   <ToggleGroupItem value="bold" aria-label="Toggle bold">
- *     <Bold className="h-4 w-4" />
- *   </ToggleGroupItem>
- *   <ToggleGroupItem value="italic" aria-label="Toggle italic">
- *     <Italic className="h-4 w-4" />
- *   </ToggleGroupItem>
- *   <ToggleGroupItem value="underline" aria-label="Toggle underline">
- *     <Underline className="h-4 w-4" />
- *   </ToggleGroupItem>
- * </ToggleGroup>
+ * import { Bold, Italic, Underline } from "lucide-react";
+ *
+ * function TextEditor() {
+ *   const [formatting, setFormatting] = useState<string[]>(["bold"]);
+ *
+ *   return (
+ *     <ToggleGroup
+ *       type="multiple"
+ *       value={formatting}
+ *       onValueChange={setFormatting}
+ *       aria-label="Text formatting"
+ *     >
+ *       <ToggleGroupItem value="bold" aria-label="Toggle bold">
+ *         <Bold className="h-4 w-4" />
+ *       </ToggleGroupItem>
+ *       <ToggleGroupItem value="italic" aria-label="Toggle italic">
+ *         <Italic className="h-4 w-4" />
+ *       </ToggleGroupItem>
+ *       <ToggleGroupItem value="underline" aria-label="Toggle underline">
+ *         <Underline className="h-4 w-4" />
+ *       </ToggleGroupItem>
+ *     </ToggleGroup>
+ *   );
+ * }
  * ```
  *
- * @example
+ * @example Text-based options with outline variant
  * ```tsx
- * // Text-based options with variants
- * <ToggleGroup type="single" variant="outline" size="sm">
+ * <ToggleGroup type="single" variant="outline" size="sm" defaultValue="draft">
  *   <ToggleGroupItem value="draft">Draft</ToggleGroupItem>
+ *   <ToggleGroupItem value="review">In Review</ToggleGroupItem>
  *   <ToggleGroupItem value="published">Published</ToggleGroupItem>
  *   <ToggleGroupItem value="archived">Archived</ToggleGroupItem>
  * </ToggleGroup>
  * ```
  *
- * @param type - Selection mode: "single" for radio-like behavior, "multiple" for checkbox-like
- * @param variant - Visual style: "default" (subtle) or "outline" (bordered)
- * @param size - Size variant: "sm", "default", or "lg"
- * @param disabled - Whether the entire group is disabled
- * @param defaultValue - Initial selected value(s) - string for single, array for multiple
- * @param value - Controlled selected value(s) - string for single, array for multiple
- * @param onValueChange - Callback when selection changes
+ * @example Vertical orientation for sidebar controls
+ * ```tsx
+ * <ToggleGroup
+ *   type="multiple"
+ *   orientation="vertical"
+ *   variant="outline"
+ *   className="flex-col"
+ * >
+ *   <ToggleGroupItem value="notifications">Notifications</ToggleGroupItem>
+ *   <ToggleGroupItem value="sidebar">Show Sidebar</ToggleGroupItem>
+ *   <ToggleGroupItem value="minimap">Show Minimap</ToggleGroupItem>
+ * </ToggleGroup>
+ * ```
+ *
+ * @example Mixed content with icons and text
+ * ```tsx
+ * <ToggleGroup type="single" variant="outline" size="lg">
+ *   <ToggleGroupItem value="grid">
+ *     <Grid className="h-4 w-4" />
+ *     Grid View
+ *   </ToggleGroupItem>
+ *   <ToggleGroupItem value="list">
+ *     <List className="h-4 w-4" />
+ *     List View
+ *   </ToggleGroupItem>
+ * </ToggleGroup>
+ * ```
+ *
+ * @variant default - Subtle background styling with transparent base, accent color when pressed
+ * @variant outline - Bordered styling with subtle shadow, maintains outline when pressed
  *
  * @accessibility
- * - Uses role="group" with appropriate ARIA attributes
- * - Arrow keys navigate between items with roving tabindex
- * - Space or Enter key toggles item selection
- * - Home/End keys jump to first/last items
+ * - Implements WAI-ARIA ToggleButton pattern with proper roles and states
+ * - Uses roving tabindex for keyboard navigation between items
+ * - Arrow keys navigate between items (direction based on orientation)
+ * - Space or Enter key toggles item selection state
+ * - Home key moves focus to first item, End key to last item
+ * - Focus wraps from last to first item when loop=true (default)
  * - Supports disabled state for individual items or entire group
- * - Screen readers announce selection state changes
+ * - Screen readers announce selection state changes via aria-pressed
+ * - Proper focus management with visible focus indicators
+ * - Group labeling via aria-label or aria-labelledby recommended
  *
- * @see {@link ToggleGroupItem} - Individual toggle items within the group
- * @see {@link Toggle} - Standalone toggle button component
- * @see {@link https://ui.shadcn.com/docs/components/toggle-group} - Design system documentation
+ * @see {@link ToggleGroupItem} Individual toggle items within the group
+ * @see {@link Toggle} Standalone toggle button component
+ * @see {@link https://www.radix-ui.com/primitives/docs/components/toggle-group} Radix UI ToggleGroup primitive
+ * @see {@link https://ui.shadcn.com/docs/components/toggle-group} Design system documentation
+ * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/button/} WAI-ARIA Toggle Button pattern
  * @since 1.0.0
  */
-declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
 /**
  * Toggle Group Item - Individual selectable item within a ToggleGroup
  *
- * Represents a single option within a ToggleGroup component. Automatically inherits
- * variant and size styling from the parent ToggleGroup context, but these can be
- * overridden for specific items if needed. Supports icons, text, or mixed content.
+ * Represents a single toggleable option within a ToggleGroup component. Each item
+ * automatically inherits variant and size styling from the parent ToggleGroup context
+ * through React Context, but these can be overridden for specific styling needs.
+ * Supports flexible content including icons, text, or mixed combinations.
  *
- * @example
+ * The component participates in the parent ToggleGroup's keyboard navigation and
+ * selection behavior, with proper ARIA attributes for accessibility. Focus management
+ * and selection state are handled automatically by the Radix UI primitive.
+ *
+ * @example Text-based item with inherited styling
  * ```tsx
- * // Text-based item
  * <ToggleGroupItem value="draft">Draft</ToggleGroupItem>
  * ```
  *
- * @example
+ * @example Icon-only item with required accessibility label
  * ```tsx
- * // Icon-only item (requires aria-label)
+ * import { Bold } from "lucide-react";
+ *
  * <ToggleGroupItem value="bold" aria-label="Toggle bold formatting">
  *   <Bold className="h-4 w-4" />
  * </ToggleGroupItem>
  * ```
  *
- * @example
+ * @example Mixed content with icon and descriptive text
  * ```tsx
- * // Mixed content with icon and text
- * <ToggleGroupItem value="bold">
- *   <Bold className="h-4 w-4" />
- *   Bold
+ * import { Calendar } from "lucide-react";
+ *
+ * <ToggleGroupItem value="calendar">
+ *   <Calendar className="h-4 w-4" />
+ *   Calendar View
  * </ToggleGroupItem>
  * ```
  *
- * @example
+ * @example Override inherited styling for special emphasis
  * ```tsx
- * // Override inherited styling
- * <ToggleGroupItem value="special" variant="outline" size="lg">
- *   Special Option
+ * <ToggleGroupItem
+ *   value="premium"
+ *   variant="outline"
+ *   size="lg"
+ *   className="border-gold text-gold"
+ * >
+ *   Premium Feature
  * </ToggleGroupItem>
  * ```
  *
- * @param value - Unique identifier for this item within the group (required)
- * @param disabled - Whether this specific item is disabled
- * @param variant - Override variant from parent ToggleGroup
- * @param size - Override size from parent ToggleGroup
- * @param children - Content to display (icons, text, or both)
+ * @example Disabled item within functional group
+ * ```tsx
+ * <ToggleGroupItem
+ *   value="coming-soon"
+ *   disabled
+ *   aria-label="Feature coming soon"
+ * >
+ *   <Sparkles className="h-4 w-4" />
+ *   Coming Soon
+ * </ToggleGroupItem>
+ * ```
+ *
+ * @example Using asChild for custom element composition
+ * ```tsx
+ * <ToggleGroupItem value="custom" asChild>
+ *   <a href="/settings" className="no-underline">
+ *     <Settings className="h-4 w-4" />
+ *     Settings
+ *   </a>
+ * </ToggleGroupItem>
+ * ```
  *
  * @accessibility
- * - Participates in parent ToggleGroup's keyboard navigation
- * - Uses aria-pressed to indicate selection state
- * - Supports focus management with visible focus indicators
- * - For icon-only items, always provide aria-label for screen readers
- * - Disabled items are excluded from keyboard navigation
- *
- * @see {@link ToggleGroup} - Parent container component
- * @see {@link Toggle} - Standalone toggle button
+ * - Participates in parent ToggleGroup's roving tabindex navigation
+ * - Uses aria-pressed attribute to indicate selection state ("true"/"false")
+ * - Supports focus management with visible focus indicators and proper focus ring
+ * - For icon-only items, always provide aria-label for screen reader users
+ * - Disabled items are excluded from keyboard navigation and marked non-interactive
+ * - Inherits semantic meaning from parent group's aria-label or aria-labelledby
+ * - Proper button semantics with keyboard activation (Space/Enter)
+ *
+ * @see {@link ToggleGroup} Parent container component that manages selection state
+ * @see {@link Toggle} Standalone toggle button for independent usage
+ * @see {@link https://www.radix-ui.com/primitives/docs/components/toggle-group} Radix UI primitive documentation
+ * @since 1.0.0
  */
-declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.ts.map

package/dist/components/ui/toggle-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toggle-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AASxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GACvD,YAAY,CAAC,OAAO,cAAc,CAAC,2CAiBpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GACvD,YAAY,CAAC,OAAO,cAAc,CAAC,2CAqBpC;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toggle-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAkJxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoHG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,2CAiBxG;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmFG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,2CAqBxG;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/ui/toggle.d.ts

@@ -1,22 +1,60 @@
 import * as React from "react";
-import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { type VariantProps } from "class-variance-authority";
+/**
+ * Toggle component variant configuration
+ *
+ * Defines visual styles and sizing options for the toggle component
+ * with proper state indicators and accessibility features.
+ *
+ * @variant default - Clean transparent background with hover states
+ * @variant outline - Bordered style with subtle shadow for emphasis
+ *
+ * @size sm - Compact 32px height for dense layouts
+ * @size default - Standard 36px height for general use
+ * @size lg - Large 40px height for prominent actions
+ */
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Props for Toggle component
+ *
+ * Combines Radix UI Toggle primitive props with custom variant styling options.
+ * Supports both controlled and uncontrolled usage patterns.
+ */
+type ToggleProps = {
+    /** Whether to render as a child element instead of the default button */
+    asChild?: boolean;
+    /** The pressed state of the toggle when initially rendered (uncontrolled) @default false */
+    defaultPressed?: boolean;
+    /** The controlled pressed state of the toggle */
+    pressed?: boolean;
+    /** Event handler called when the pressed state changes */
+    onPressedChange?: (pressed: boolean) => void;
+    /** When true, prevents user interaction with the toggle */
+    disabled?: boolean;
+    /** Visual style variant for the toggle appearance */
+    variant?: "default" | "outline";
+    /** Size variant that affects dimensions and padding */
+    size?: "sm" | "default" | "lg";
+    /** Additional CSS classes for custom styling */
+    className?: string;
+    /** Toggle content - typically icons, text, or both */
+    children?: React.ReactNode;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'disabled' | 'children'>;
 /**
  * A two-state button that can be either on or off
  *
  * The Toggle component provides an accessible button with on/off state functionality.
  * Built on Radix UI Toggle primitives with customizable variants and sizes.
- * Ideal for text formatting controls, settings toggles, and any binary state controls.
+ * Perfect for text formatting controls, feature toggles, and any binary state controls.
+ * Automatically manages ARIA attributes and provides keyboard navigation.
  *
- * @example Basic usage with icon
+ * @example Basic toggle with icon
  * ```tsx
  * import { Bold } from "lucide-react"
  *
- * <Toggle aria-label="Toggle bold">
+ * <Toggle aria-label="Toggle bold formatting">
  *   <Bold className="h-4 w-4" />
  * </Toggle>
  * ```
@@ -34,7 +72,7 @@ declare const toggleVariants: (props?: ({
  * </Toggle>
  * ```
  *
- * @example With text and outline variant
+ * @example Toggle with text and outline variant
  * ```tsx
  * <Toggle variant="outline" size="lg">
  *   <Italic className="h-4 w-4" />
@@ -44,41 +82,91 @@ declare const toggleVariants: (props?: ({
  *
  * @example Text formatting toolbar
  * ```tsx
- * <div className="flex gap-1">
- *   <Toggle pressed={bold} onPressedChange={setBold}>
+ * <div className="flex gap-1 p-2 border rounded-md">
+ *   <Toggle
+ *     pressed={formatting.bold}
+ *     onPressedChange={(pressed) => setFormatting(prev => ({ ...prev, bold: pressed }))}
+ *     aria-label="Bold"
+ *   >
  *     <Bold className="h-4 w-4" />
  *   </Toggle>
- *   <Toggle pressed={italic} onPressedChange={setItalic}>
+ *   <Toggle
+ *     pressed={formatting.italic}
+ *     onPressedChange={(pressed) => setFormatting(prev => ({ ...prev, italic: pressed }))}
+ *     aria-label="Italic"
+ *   >
  *     <Italic className="h-4 w-4" />
  *   </Toggle>
+ *   <Toggle
+ *     pressed={formatting.underline}
+ *     onPressedChange={(pressed) => setFormatting(prev => ({ ...prev, underline: pressed }))}
+ *     aria-label="Underline"
+ *   >
+ *     <Underline className="h-4 w-4" />
+ *   </Toggle>
  * </div>
  * ```
  *
+ * @example Toggle group for settings
+ * ```tsx
+ * <div className="space-y-2">
+ *   <div className="flex items-center justify-between">
+ *     <Label htmlFor="notifications">Notifications</Label>
+ *     <Toggle
+ *       id="notifications"
+ *       pressed={settings.notifications}
+ *       onPressedChange={(pressed) => updateSetting('notifications', pressed)}
+ *       variant="outline"
+ *     >
+ *       <Bell className="h-4 w-4" />
+ *     </Toggle>
+ *   </div>
+ *   <div className="flex items-center justify-between">
+ *     <Label htmlFor="dark-mode">Dark Mode</Label>
+ *     <Toggle
+ *       id="dark-mode"
+ *       pressed={settings.darkMode}
+ *       onPressedChange={(pressed) => updateSetting('darkMode', pressed)}
+ *       variant="outline"
+ *     >
+ *       <Moon className="h-4 w-4" />
+ *     </Toggle>
+ *   </div>
+ * </div>
+ * ```
+ *
+ * @example Disabled state with tooltip
+ * ```tsx
+ * <Tooltip>
+ *   <TooltipTrigger asChild>
+ *     <Toggle disabled aria-label="Unavailable feature">
+ *       <Lock className="h-4 w-4" />
+ *       Pro Feature
+ *     </Toggle>
+ *   </TooltipTrigger>
+ *   <TooltipContent>
+ *     <p>This feature requires a Pro subscription</p>
+ *   </TooltipContent>
+ * </Tooltip>
+ * ```
+ *
  * @accessibility
- * - Supports keyboard navigation (Space/Enter to toggle)
- * - Automatically manages aria-pressed attribute
- * - Requires aria-label for icon-only toggles
- * - Focus management with visible focus indicators
- * - Disabled state properly communicated to assistive technology
+ * - Keyboard Support: Space and Enter keys activate/deactivate the toggle
+ * - Screen Reader Support: Automatically manages aria-pressed attribute ("true"/"false")
+ * - Focus Management: Visible focus indicators with customizable focus ring
+ * - State Communication: Uses data-state attribute ("on"/"off") for styling pressed state
+ * - Disabled State: Properly communicated to assistive technology with aria-disabled
+ * - Labeling: Requires accessible name via aria-label or aria-labelledby for icon-only toggles
+ * - High Contrast: Maintains visibility in high contrast mode with proper color combinations
  *
- * @see {@link https://ui.shadcn.com/docs/components/toggle} shadcn/ui Toggle documentation
- * @since 1.0.0
+ * @see {@link https://www.radix-ui.com/primitives/docs/components/toggle} Radix UI Toggle Documentation
+ * @see {@link https://ui.shadcn.com/docs/components/toggle} shadcn/ui Toggle Documentation
  * @see {@link ToggleGroup} For mutually exclusive toggle groups
+ * @since 1.0.0
  */
-/**
- * Toggle component props
- *
- * @param className - Additional CSS classes to apply
- * @param variant - Visual style variant ("default" | "outline")
- * @param size - Size variant ("sm" | "default" | "lg")
- * @param pressed - Controlled pressed state
- * @param defaultPressed - Default pressed state for uncontrolled usage
- * @param onPressedChange - Callback fired when pressed state changes
- * @param disabled - Whether the toggle is disabled
- * @param children - Toggle content (typically icons or text)
- * @param ...props - Additional props passed to Radix Toggle primitive
- */
-type ToggleProps = React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>;
 declare function Toggle({ className, variant, size, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Toggle {
+    var displayName: string;
+}
 export { Toggle, toggleVariants };
 //# sourceMappingURL=toggle.d.ts.map

package/dist/components/ui/toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EAoBnB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH;;;;;;;;;;;;GAYG;AACH,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAClE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAEtC,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAQlE;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,cAAc;;;8EAoBnB,CAAC;AAEF;;;;;GAKG;AACH,KAAK,WAAW,GAAG;IACjB,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,uDAAuD;IACvD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;AAEjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyHG;AAEH,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAQlE;kBARQ,MAAM;;;AAYf,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}