@intlayer/design-system 6.1.6 → 7.0.0-canary.1

package/dist/types/components/Select/Multiselect.d.ts

@@ -0,0 +1,187 @@
+import { Command, CommandRoot } from "../Command/index.js";
+import { ComponentProps, FC, HTMLAttributes } from "react";
+
+//#region src/components/Select/Multiselect.d.ts
+
+/**
+ * Props interface for the main MultiSelect component
+ *
+ * @interface MultiSelectProps
+ */
+type MultiSelectProps = ComponentProps<typeof CommandRoot> & {
+  /**
+   * Array of selected values (controlled mode)
+   * @example
+   * ```tsx
+   * const [selected, setSelected] = useState(['react', 'vue']);
+   * <MultiSelect values={selected} onValueChange={setSelected} />
+   * ```
+   */
+  values?: string[];
+  /**
+   * Default selected values for uncontrolled mode
+   * @example
+   * ```tsx
+   * <MultiSelect defaultValues={['react']} />
+   * ```
+   */
+  defaultValues?: string[];
+  /**
+   * Callback fired when selection changes
+   * @param value - New array of selected values
+   * @example
+   * ```tsx
+   * <MultiSelect onValueChange={(values) => console.log('Selected:', values)} />
+   * ```
+   */
+  onValueChange?: (value: string[]) => void;
+  /**
+   * Whether keyboard navigation should loop through options
+   * @default false
+   * @example
+   * ```tsx
+   * <MultiSelect loop /> // Arrow keys wrap around at list boundaries
+   * ```
+   */
+  loop?: boolean;
+};
+/**
+ * MultiSelect - A comprehensive multi-selection dropdown component
+ *
+ * An advanced multi-select component that combines the functionality of a searchable dropdown
+ * with the ability to select multiple values. Built on top of Command component primitives,
+ * it provides filtering, keyboard navigation, and visual feedback through badges.
+ *
+ * ## Key Features
+ * - **Multi-Selection**: Select multiple options with visual badge representation
+ * - **Searchable**: Built-in filtering to quickly find options in large lists
+ * - **Keyboard Navigation**: Full arrow key navigation with optional looping
+ * - **Accessibility**: Screen reader support, ARIA attributes, and focus management
+ * - **Flexible State**: Both controlled and uncontrolled usage patterns
+ * - **Rich UI**: Customizable badges, icons, and content layout
+ *
+ * ## Use Cases
+ * - Tag/category selection in forms
+ * - Multi-user assignment interfaces
+ * - Feature/permission selection
+ * - Filter selection in search interfaces
+ * - Any multi-choice selection requirement
+ *
+ * ## Architecture
+ * The component follows a compound pattern similar to Select:
+ * - `MultiSelect` (root): Manages state and provides context
+ * - `MultiSelect.Trigger`: Container for input and selected badges
+ * - `MultiSelect.Input`: Searchable input field with filtering
+ * - `MultiSelect.Content`: Dropdown container for options
+ * - `MultiSelect.List`: Options container with keyboard navigation
+ * - `MultiSelect.Item`: Individual selectable options
+ *
+ * ## Accessibility
+ * - **Keyboard Navigation**: Arrow keys, Enter to select, Backspace to remove
+ * - **Screen Readers**: Proper ARIA labels and live region announcements
+ * - **Focus Management**: Clear focus indicators and logical tab flow
+ * - **Search**: Real-time filtering with screen reader announcements
+ *
+ * @example
+ * Basic multi-select usage:
+ * ```tsx
+ * const [frameworks, setFrameworks] = useState<string[]>([]);
+ *
+ * <MultiSelect values={frameworks} onValueChange={setFrameworks}>
+ *   <MultiSelect.Trigger>
+ *     <MultiSelect.Input placeholder="Select frameworks..." />
+ *   </MultiSelect.Trigger>
+ *   <MultiSelect.Content>
+ *     <MultiSelect.List>
+ *       <MultiSelect.Item value="react">React</MultiSelect.Item>
+ *       <MultiSelect.Item value="vue">Vue</MultiSelect.Item>
+ *       <MultiSelect.Item value="svelte">Svelte</MultiSelect.Item>
+ *     </MultiSelect.List>
+ *   </MultiSelect.Content>
+ * </MultiSelect>
+ * ```
+ *
+ * @example
+ * Advanced usage with keyboard looping:
+ * ```tsx
+ * <MultiSelect defaultValues={['react']} loop>
+ *   <MultiSelect.Trigger>
+ *     <MultiSelect.Input placeholder="Choose technologies..." />
+ *   </MultiSelect.Trigger>
+ *   <MultiSelect.Content>
+ *     <MultiSelect.List>
+ *       <MultiSelect.Item value="react">⚛️ React</MultiSelect.Item>
+ *       <MultiSelect.Item value="vue">💚 Vue</MultiSelect.Item>
+ *       <MultiSelect.Item value="angular">🔴 Angular</MultiSelect.Item>
+ *     </MultiSelect.List>
+ *   </MultiSelect.Content>
+ * </MultiSelect>
+ * ```
+ *
+ * @example
+ * Form integration with validation:
+ * ```tsx
+ * <form>
+ *   <MultiSelect
+ *     values={selectedSkills}
+ *     onValueChange={setSelectedSkills}
+ *     required
+ *   >
+ *     <MultiSelect.Trigger className="min-h-[2.5rem]">
+ *       <MultiSelect.Input placeholder="Select your skills..." />
+ *     </MultiSelect.Trigger>
+ *     <MultiSelect.Content>
+ *       <MultiSelect.List>
+ *         <MultiSelect.Item value="javascript">JavaScript</MultiSelect.Item>
+ *         <MultiSelect.Item value="typescript">TypeScript</MultiSelect.Item>
+ *         <MultiSelect.Item value="python">Python</MultiSelect.Item>
+ *       </MultiSelect.List>
+ *     </MultiSelect.Content>
+ *   </MultiSelect>
+ * </form>
+ * ```
+ */
+declare const MultiSelectRoot: FC<MultiSelectProps>;
+declare const MultiSelectTrigger: FC<HTMLAttributes<HTMLDivElement> & {
+  getBadgeValue?: (value: string) => string;
+  validationStyleEnabled?: boolean;
+}>;
+declare const MultiSelectInput: FC<ComponentProps<typeof Command.Input>>;
+declare const MultiSelectContent: FC<HTMLAttributes<HTMLDivElement>>;
+declare const MultiSelectList: typeof Command.List;
+declare const MultiSelectItem: FC<{
+  value: string;
+} & ComponentProps<typeof Command.Item>>;
+type MultiSelectType = typeof MultiSelectRoot & {
+  Trigger: typeof MultiSelectTrigger;
+  Input: typeof MultiSelectInput;
+  Content: typeof MultiSelectContent;
+  List: typeof MultiSelectList;
+  Item: typeof MultiSelectItem;
+};
+/**
+ *
+ * Usage example:
+ * ```jsx
+ * <MultiSelect
+ *   values={value}
+ *   onValuesChange={setValue}
+ *   loop
+ * >
+ *   <MultiSelect.Trigger>
+ *     <MultiSelect.Input placeholder="Select your framework" />
+ *   </MultiSelect.Trigger>
+ *   <MultiSelect.Content>
+ *     <MultiSelect.List>
+ *       <MultiSelect.Item value={"React"}>React</MultiSelect.Item>
+ *       <MultiSelect.Item value={"Vue"}>Vue</MultiSelect.Item>
+ *       <MultiSelect.Item value={"Svelte"}>Svelte</MultiSelect.Item>
+ *     </MultiSelect.List>
+ *   </MultiSelect.Content>
+ * </MultiSelect>
+ * ```
+ */
+declare const MultiSelect: MultiSelectType;
+//#endregion
+export { MultiSelect };
+//# sourceMappingURL=Multiselect.d.ts.map

package/dist/types/components/Select/Multiselect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Multiselect.d.ts","names":[],"sources":["../../../../src/components/Select/Multiselect.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAwBkD;AA8DZ;AAyIb;KAzIpB,gBAAA,GAAmB,cA+TP,CAAA,OA/T6B,WA+T7B,CAAA,GAAA;EAAf;;;AAD0B;;;;;EAmGtB,MAAA,CAAA,EAAA,MAAA,EAAA;EAAsC;;;;AAAhB;AAmB3B;;EAGqB,aAAA,CAAA,EAAA,MAAA,EAAA;EADC;;AAAE;;;;;;EAyCV,aAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,IAAA;EAAe;AAyB9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA/WM,iBAAiB,GAAG;cAqLpB,oBAAoB,GACxB,eAAe;;;;cAgEX,kBAAkB,GAAG,sBAAsB,OAAA,CAAQ;cAkCnD,oBAAoB,GAAG,eAAe;cAOtC,wBAAwB,OAAA,CAAQ;cAchC,iBAAiB;;IACD,sBAAsB,OAAA,CAAQ;KAmC/C,eAAA,UAAyB;kBACZ;gBACF;kBACE;eACH;eACA;;;;;;;;;;;;;;;;;;;;;;;;cAyBF,aAAiC"}

package/dist/types/components/Select/Select.d.ts

@@ -0,0 +1,259 @@
+import * as react0 from "react";
+import { ComponentProps, FC } from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+
+//#region src/components/Select/Select.d.ts
+
+/**
+ * Enum for Select content positioning strategies
+ *
+ * @enum SelectContentPosition
+ */
+declare enum SelectContentPosition {
+  /** Position relative to the trigger with automatic placement */
+  POPPER = "popper",
+  /** Align content with the selected item */
+  ITEM_ALIGNED = "item-aligned",
+}
+declare const SelectRoot: FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: react0.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & react0.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: react0.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & react0.RefAttributes<HTMLSpanElement>>;
+/**
+ * Select trigger button component that displays the current selection and opens the dropdown
+ *
+ * Features comprehensive styling with validation states, focus management, and accessibility support.
+ * Uses design tokens for consistent theming across the application.
+ *
+ * @param validationStyleEnabled - Enables automatic success/error styling based on form validation state
+ * @param className - Additional CSS classes for custom styling
+ * @param children - Content to display inside the trigger (typically SelectValue)
+ *
+ * @example
+ * ```tsx
+ * <Select.Trigger validationStyleEnabled>
+ *   <Select.Value placeholder="Choose option..." />
+ * </Select.Trigger>
+ * ```
+ */
+declare const SelectTrigger: FC<ComponentProps<typeof SelectPrimitive.Trigger> & {
+  /**
+   * Enables success/error border styling based on HTML5 validation state
+   * @default false
+   * @example
+   * ```tsx
+   * <Select.Trigger validationStyleEnabled>
+   *   <Select.Value placeholder="Required field" />
+   * </Select.Trigger>
+   * ```
+   */
+  validationStyleEnabled?: boolean;
+}>;
+/**
+ * Scroll up button for select content with long lists
+ *
+ * Automatically appears when content is scrollable upward, providing intuitive navigation
+ * for users with large option lists.
+ *
+ * @param className - Additional CSS classes for custom styling
+ */
+declare const SelectScrollUpButton: FC<ComponentProps<typeof SelectPrimitive.ScrollUpButton>>;
+/**
+ * Scroll down button for select content with long lists
+ *
+ * Automatically appears when content is scrollable downward, providing clear visual
+ * indication of additional options below the current view.
+ *
+ * @param className - Additional CSS classes for custom styling
+ */
+declare const SelectScrollDownButton: FC<ComponentProps<typeof SelectPrimitive.ScrollDownButton>>;
+/**
+ * Select dropdown content container with positioning and animation
+ *
+ * Provides the dropdown interface containing all selectable options. Features smooth
+ * animations, flexible positioning strategies, and responsive design for optimal UX.
+ *
+ * @param position - Positioning strategy for the dropdown content
+ * @param className - Additional CSS classes for custom styling
+ * @param children - Select items, labels, and separators
+ *
+ * @example
+ * ```tsx
+ * <Select.Content position={SelectContentPosition.POPPER}>
+ *   <Select.Item value="option1">Option 1</Select.Item>
+ *   <Select.Item value="option2">Option 2</Select.Item>
+ * </Select.Content>
+ * ```
+ */
+declare const SelectContent: FC<ComponentProps<typeof SelectPrimitive.Content>>;
+/**
+ * Label component for grouping select options
+ *
+ * Provides semantic grouping and visual organization of related options within
+ * the select dropdown. Enhances accessibility and user experience.
+ *
+ * @param className - Additional CSS classes for custom styling
+ *
+ * @example
+ * ```tsx
+ * <Select.Content>
+ *   <Select.Label>Fruits</Select.Label>
+ *   <Select.Item value="apple">Apple</Select.Item>
+ *   <Select.Item value="banana">Banana</Select.Item>
+ *   <Select.Separator />
+ *   <Select.Label>Vegetables</Select.Label>
+ *   <Select.Item value="carrot">Carrot</Select.Item>
+ * </Select.Content>
+ * ```
+ */
+declare const SelectLabel: FC<ComponentProps<typeof SelectPrimitive.Label>>;
+/**
+ * Individual selectable item within the dropdown
+ *
+ * Represents a single option that users can select. Features hover states,
+ * selection indicators, and keyboard navigation support for accessible interaction.
+ *
+ * @param className - Additional CSS classes for custom styling
+ * @param children - The display text/content for the option
+ *
+ * @example
+ * ```tsx
+ * <Select.Item value="dark-mode">
+ *   🌙 Dark Mode
+ * </Select.Item>
+ * ```
+ */
+declare const SelectItem: FC<ComponentProps<typeof SelectPrimitive.Item>>;
+/**
+ * Visual separator for grouping options in the dropdown
+ *
+ * Creates clear visual division between groups of related options,
+ * improving readability and organization in complex select menus.
+ *
+ * @param className - Additional CSS classes for custom styling
+ *
+ * @example
+ * ```tsx
+ * <Select.Content>
+ *   <Select.Item value="recent">Recent Files</Select.Item>
+ *   <Select.Separator />
+ *   <Select.Item value="all">All Files</Select.Item>
+ * </Select.Content>
+ * ```
+ */
+declare const SelectSeparator: FC<ComponentProps<typeof SelectPrimitive.Separator>>;
+/**
+ * Type definition for the compound Select component with all subcomponents
+ */
+type SelectType = typeof SelectRoot & {
+  /** Group container for organizing related options */
+  Group: typeof SelectGroup;
+  /** Value display component for the trigger */
+  Value: typeof SelectValue;
+  /** Trigger button that opens the dropdown */
+  Trigger: typeof SelectTrigger;
+  /** Scroll up button for long lists */
+  ScrollUpButton: typeof SelectScrollUpButton;
+  /** Scroll down button for long lists */
+  ScrollDownButton: typeof SelectScrollDownButton;
+  /** Dropdown content container */
+  Content: typeof SelectContent;
+  /** Label component for option groups */
+  Label: typeof SelectLabel;
+  /** Individual selectable item */
+  Item: typeof SelectItem;
+  /** Visual separator between option groups */
+  Separator: typeof SelectSeparator;
+};
+/**
+ * Select - A comprehensive dropdown selection component
+ *
+ * A fully-featured select component built on Radix UI primitives with extensive customization,
+ * accessibility features, and design system integration. Supports single selection with
+ * keyboard navigation, validation states, and flexible content positioning.
+ *
+ * ## Key Features
+ * - **Accessibility First**: Full keyboard navigation, screen reader support, and ARIA attributes
+ * - **Flexible Positioning**: Multiple positioning strategies for optimal dropdown placement
+ * - **Validation Integration**: Built-in support for form validation with visual feedback
+ * - **Design System**: Consistent theming with design tokens and style variants
+ * - **Responsive Design**: Works seamlessly across desktop and mobile devices
+ * - **Rich Content**: Support for icons, separators, labels, and complex option layouts
+ *
+ * ## Use Cases
+ * - Form field selections (theme, language, category)
+ * - Settings and configuration options
+ * - Filter and sort controls
+ * - User preference selections
+ * - Any single-choice dropdown interface
+ *
+ * ## Accessibility
+ * - **Keyboard Navigation**: Arrow keys, Enter, Escape, and Home/End support
+ * - **Screen Readers**: Proper ARIA labels and state announcements
+ * - **Focus Management**: Intuitive focus flow and visual indicators
+ * - **High Contrast**: Supports system high contrast modes
+ *
+ * ## Architecture
+ * The Select component follows a compound component pattern with the following structure:
+ * - `Select` (root): Manages state and provides context
+ * - `Select.Trigger`: Button that displays current value and opens dropdown
+ * - `Select.Value`: Displays the selected value with placeholder support
+ * - `Select.Content`: Container for the dropdown options
+ * - `Select.Item`: Individual selectable options
+ * - `Select.Label`: Group labels for organizing options
+ * - `Select.Separator`: Visual dividers between option groups
+ *
+ * @example
+ * Basic usage with simple options:
+ * ```tsx
+ * <Select defaultValue="system">
+ *   <Select.Trigger>
+ *     <Select.Value placeholder="Choose theme..." />
+ *   </Select.Trigger>
+ *   <Select.Content>
+ *     <Select.Item value="light">☀️ Light</Select.Item>
+ *     <Select.Item value="dark">🌙 Dark</Select.Item>
+ *     <Select.Item value="system">⚙️ System</Select.Item>
+ *   </Select.Content>
+ * </Select>
+ * ```
+ *
+ * @example
+ * Advanced usage with groups and labels:
+ * ```tsx
+ * <Select>
+ *   <Select.Trigger validationStyleEnabled>
+ *     <Select.Value placeholder="Select category..." />
+ *   </Select.Trigger>
+ *   <Select.Content>
+ *     <Select.Label>Web Technologies</Select.Label>
+ *     <Select.Item value="react">React</Select.Item>
+ *     <Select.Item value="vue">Vue</Select.Item>
+ *     <Select.Separator />
+ *     <Select.Label>Mobile</Select.Label>
+ *     <Select.Item value="react-native">React Native</Select.Item>
+ *     <Select.Item value="flutter">Flutter</Select.Item>
+ *   </Select.Content>
+ * </Select>
+ * ```
+ *
+ * @example
+ * Form integration with validation:
+ * ```tsx
+ * <form>
+ *   <Select required name="country">
+ *     <Select.Trigger validationStyleEnabled aria-invalid={hasError}>
+ *       <Select.Value placeholder="Select country..." />
+ *     </Select.Trigger>
+ *     <Select.Content position={SelectContentPosition.ITEM_ALIGNED}>
+ *       <Select.Item value="us">United States</Select.Item>
+ *       <Select.Item value="ca">Canada</Select.Item>
+ *       <Select.Item value="uk">United Kingdom</Select.Item>
+ *     </Select.Content>
+ *   </Select>
+ * </form>
+ * ```
+ */
+declare const Select: SelectType;
+//#endregion
+export { Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator };
+//# sourceMappingURL=Select.d.ts.map

package/dist/types/components/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","names":[],"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAiBA;AAKC;AAGK,aARM,qBAAA;EAQK;EAAA,MAAA,GAAA,QAAA;EAAA;EAAA,YAAA,GAAA,cAAA;;AAAA,cADX,UAEmC,EAFzB,EAEyB,CAFzB,eAAA,CAAA,WAEyB,CAAA;cADnC,WACW,EADA,MAAA,CAAA,yBACA,CADA,eAAA,CAAA,gBACA,GADA,MAAA,CAAA,aACA,CADA,cACA,CAAA,CAAA;cAAX,WAAW,EAAA,MAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,gBAAA,GAAA,MAAA,CAAA,aAAA,CAAA,eAAA,CAAA,CAAA;;;;AAAA;;;;;AAmBM;;;;;AAyCO;;;;cAzCxB,aA+D0B,EA/DX,EA+DW,CA9D9B,cA8D8B,CAAA,OA9DR,eAAA,CAAgB,OA8DR,CAAA,GAAA;EAgCnB;;;;;AAuDb;;;;;EA0BM,sBAmBL,CAAA,EAAA,OAAA;CAnB0C,CAAA;;;;AAsC3C;;;;;AAOE,cApLI,oBAyLS,EAzLa,EAyLb,CAxLb,cAwLa,CAAA,OAxLS,eAAA,CAAgB,cAwLzB,CAAA,CAAA;;;;;;;;;cAnKT,sBAmLS,EAnLe,EAmLf,CAlLb,cAkLa,CAAA,OAlLS,eAAA,CAAgB,gBAkLzB,CAAA,CAAA;;;AA8Ff;;;;;;;;;;;;;;;;cAjPa,eAAe,GAC1B,sBAAsB,eAAA,CAAgB;;;;;;;;;;;;;;;;;;;;;cAsD3B,aAAa,GAAG,sBAAsB,eAAA,CAAgB;;;;;;;;;;;;;;;;;cA0B7D,YAAY,GAAG,sBAAsB,eAAA,CAAgB;;;;;;;;;;;;;;;;;;cAsC9C,iBAAiB,GAC5B,sBAAsB,eAAA,CAAgB;;;;KAWnC,UAAA,UAAoB;;gBAET;;gBAEA;;kBAEE;;yBAEO;;2BAEE;;kBAET;;gBAEF;;eAED;;oBAEK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4FP,QAAuB"}

package/dist/types/components/Select/index.d.ts

@@ -0,0 +1,3 @@
+import { MultiSelect } from "./Multiselect.js";
+import { Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator } from "./Select.js";
+export { MultiSelect, Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator };

package/dist/types/components/SocialNetworks/DiscordLogo.d.ts

@@ -0,0 +1,7 @@
+import { FC, SVGProps } from "react";
+
+//#region src/components/SocialNetworks/DiscordLogo.d.ts
+declare const DiscordLogo: FC<SVGProps<SVGSVGElement>>;
+//#endregion
+export { DiscordLogo };
+//# sourceMappingURL=DiscordLogo.d.ts.map

package/dist/types/components/SocialNetworks/DiscordLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscordLogo.d.ts","names":[],"sources":["../../../../src/components/SocialNetworks/DiscordLogo.tsx"],"sourcesContent":[],"mappings":";;;cAEa,aAAa,GAAG,SAAS"}

package/dist/types/components/SocialNetworks/FacebookLogo.d.ts

@@ -0,0 +1,7 @@
+import { FC, SVGProps } from "react";
+
+//#region src/components/SocialNetworks/FacebookLogo.d.ts
+declare const FacebookLogo: FC<SVGProps<SVGSVGElement>>;
+//#endregion
+export { FacebookLogo };
+//# sourceMappingURL=FacebookLogo.d.ts.map

package/dist/types/components/SocialNetworks/FacebookLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacebookLogo.d.ts","names":[],"sources":["../../../../src/components/SocialNetworks/FacebookLogo.tsx"],"sourcesContent":[],"mappings":";;;cAEa,cAAc,GAAG,SAAS"}

package/dist/types/components/SocialNetworks/InstagramLogo.d.ts

@@ -0,0 +1,7 @@
+import { FC, SVGProps } from "react";
+
+//#region src/components/SocialNetworks/InstagramLogo.d.ts
+declare const InstagramLogo: FC<SVGProps<SVGSVGElement>>;
+//#endregion
+export { InstagramLogo };
+//# sourceMappingURL=InstagramLogo.d.ts.map

package/dist/types/components/SocialNetworks/InstagramLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstagramLogo.d.ts","names":[],"sources":["../../../../src/components/SocialNetworks/InstagramLogo.tsx"],"sourcesContent":[],"mappings":";;;cAEa,eAAe,GAAG,SAAS"}

package/dist/types/components/SocialNetworks/LinkedInLogo.d.ts

@@ -0,0 +1,7 @@
+import { FC, SVGProps } from "react";
+
+//#region src/components/SocialNetworks/LinkedInLogo.d.ts
+declare const LinkedInLogo: FC<SVGProps<SVGSVGElement>>;
+//#endregion
+export { LinkedInLogo };
+//# sourceMappingURL=LinkedInLogo.d.ts.map

package/dist/types/components/SocialNetworks/LinkedInLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedInLogo.d.ts","names":[],"sources":["../../../../src/components/SocialNetworks/LinkedInLogo.tsx"],"sourcesContent":[],"mappings":";;;cAEa,cAAc,GAAG,SAAS"}

package/dist/types/components/SocialNetworks/ProductHuntLogo.d.ts

@@ -0,0 +1,7 @@
+import { FC, SVGProps } from "react";
+
+//#region src/components/SocialNetworks/ProductHuntLogo.d.ts
+declare const ProductHuntLogo: FC<SVGProps<SVGSVGElement>>;
+//#endregion
+export { ProductHuntLogo };
+//# sourceMappingURL=ProductHuntLogo.d.ts.map

package/dist/types/components/SocialNetworks/ProductHuntLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductHuntLogo.d.ts","names":[],"sources":["../../../../src/components/SocialNetworks/ProductHuntLogo.tsx"],"sourcesContent":[],"mappings":";;;cAEa,iBAAiB,GAAG,SAAS"}

package/dist/types/components/SocialNetworks/TiktokLogo.d.ts

@@ -0,0 +1,7 @@
+import { FC, SVGProps } from "react";
+
+//#region src/components/SocialNetworks/TiktokLogo.d.ts
+declare const TiktokLogo: FC<SVGProps<SVGSVGElement>>;
+//#endregion
+export { TiktokLogo };
+//# sourceMappingURL=TiktokLogo.d.ts.map

package/dist/types/components/SocialNetworks/TiktokLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TiktokLogo.d.ts","names":[],"sources":["../../../../src/components/SocialNetworks/TiktokLogo.tsx"],"sourcesContent":[],"mappings":";;;cAEa,YAAY,GAAG,SAAS"}

package/dist/types/components/SocialNetworks/XLogo.d.ts

@@ -0,0 +1,7 @@
+import { FC, SVGProps } from "react";
+
+//#region src/components/SocialNetworks/XLogo.d.ts
+declare const XLogo: FC<SVGProps<SVGSVGElement>>;
+//#endregion
+export { XLogo };
+//# sourceMappingURL=XLogo.d.ts.map

package/dist/types/components/SocialNetworks/XLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XLogo.d.ts","names":[],"sources":["../../../../src/components/SocialNetworks/XLogo.tsx"],"sourcesContent":[],"mappings":";;;cAEa,OAAO,GAAG,SAAS"}

package/dist/types/components/SocialNetworks/YoutubeLogo.d.ts

@@ -0,0 +1,7 @@
+import { FC, SVGProps } from "react";
+
+//#region src/components/SocialNetworks/YoutubeLogo.d.ts
+declare const YoutubeLogo: FC<SVGProps<SVGSVGElement>>;
+//#endregion
+export { YoutubeLogo };
+//# sourceMappingURL=YoutubeLogo.d.ts.map

package/dist/types/components/SocialNetworks/YoutubeLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YoutubeLogo.d.ts","names":[],"sources":["../../../../src/components/SocialNetworks/YoutubeLogo.tsx"],"sourcesContent":[],"mappings":";;;cAEa,aAAa,GAAG,SAAS"}

package/dist/types/components/SocialNetworks/index.d.ts

@@ -0,0 +1,27 @@
+import { DiscordLogo } from "./DiscordLogo.js";
+import { FacebookLogo } from "./FacebookLogo.js";
+import { InstagramLogo } from "./InstagramLogo.js";
+import { LinkedInLogo } from "./LinkedInLogo.js";
+import { ProductHuntLogo } from "./ProductHuntLogo.js";
+import { TiktokLogo } from "./TiktokLogo.js";
+import { XLogo } from "./XLogo.js";
+import { YoutubeLogo } from "./YoutubeLogo.js";
+import { AnchorHTMLAttributes, DetailedHTMLProps, ReactNode } from "react";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+
+//#region src/components/SocialNetworks/index.d.ts
+declare const socialNetworks: {
+  href: string;
+  component: react_jsx_runtime1.JSX.Element;
+  label: string;
+}[];
+type SocialNetworksProps = {
+  renderItem?: (item: (typeof socialNetworks)[number]) => ReactNode;
+} & DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+declare const SocialNetworks: ({
+  renderItem,
+  ...iconProps
+}: SocialNetworksProps) => ReactNode[];
+//#endregion
+export { DiscordLogo, FacebookLogo, InstagramLogo, LinkedInLogo, ProductHuntLogo, SocialNetworks, TiktokLogo, XLogo, YoutubeLogo };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/SocialNetworks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/SocialNetworks/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;cAeM;;aAyCL,kBAAA,CAAA,GAAA,CAAA;;;KAEI,mBAAA;8BACyB,4BAA4B;IACtD,kBACF,qBAAqB,oBACrB;cA4BW;;;GAGV,wBAAmB"}