@intlayer/design-system 8.7.0-canary.0 → 8.7.0

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

@@ -5,7 +5,7 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/CollapsibleTable/CollapsibleTable.d.ts
 declare const collapsibleTableVariants: (props?: {
   size?: "sm" | "md" | "lg" | "xl" | "full";
-  variant?: "default" | "ghost" | "dark" | "outlined";
+  variant?: "default" | "dark" | "ghost" | "outlined";
   spacing?: "sm" | "md" | "lg" | "none" | "auto";
 } & _$class_variance_authority_types0.ClassProp) => string;
 interface CollapsibleTableProps extends Omit<HTMLAttributes<HTMLElement>, 'title'>, VariantProps<typeof collapsibleTableVariants> {

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

@@ -29,7 +29,7 @@ declare const Command: {
     ref?: React.Ref<HTMLInputElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof _$react.InputHTMLAttributes<HTMLInputElement> | "asChild">, "type" | "onChange" | "value"> & {
+  }, "key" | keyof _$react.InputHTMLAttributes<HTMLInputElement> | "asChild">, "onChange" | "type" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
   } & _$react.RefAttributes<HTMLInputElement>>;

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

@@ -12,9 +12,9 @@ declare const containerVariants: (props?: {
   transparency?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full";
   padding?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
   separator?: "both" | "without" | "x" | "y";
-  border?: "with" | "none";
-  borderColor?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "card" | "warning";
-  background?: "with" | "none" | "hoverable";
+  border?: "none" | "with";
+  borderColor?: "text" | "error" | "success" | "primary" | "secondary" | "neutral" | "card" | "warning";
+  background?: "none" | "hoverable" | "with";
   gap?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
 } & _$class_variance_authority_types0.ClassProp) => string;
 /** Available rounded corner sizes for the container */

package/dist/types/components/Form/elements/FormElement.d.ts

@@ -11,6 +11,7 @@ type FormElementProps<T extends ElementType> = {
   info?: string;
   showErrorMessage?: boolean;
   focus?: boolean;
+  layoutClassName?: string;
 } & Omit<FormItemLayoutProps, 'children'>;
 /**
  * FormElement is a component that allows you to create a form element with a label, description, error message, and validation.

package/dist/types/components/Form/elements/FormElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormElement.d.ts","names":[],"sources":["../../../../../src/components/Form/elements/FormElement.tsx"],"mappings":";;;;;KAYY,gBAAA,WAA2B,WAAA;EACrC,IAAA;EACA,OAAA,EAAS,CAAA;EACT,KAAA,GAAQ,SAAA;EACR,UAAA;EACA,IAAA;EACA,gBAAA;EACA,KAAA;AAAA,IACE,IAAA,CAAK,mBAAA;;;;;;;;cA6EI,WAAA,aAAyB,WAAA,EACpC,KAAA,EAAO,gBAAA,CAAiB,CAAA,IAAK,cAAA,CAAe,CAAA,MAAE,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"FormElement.d.ts","names":[],"sources":["../../../../../src/components/Form/elements/FormElement.tsx"],"mappings":";;;;;KAYY,gBAAA,WAA2B,WAAA;EACrC,IAAA;EACA,OAAA,EAAS,CAAA;EACT,KAAA,GAAQ,SAAA;EACR,UAAA;EACA,IAAA;EACA,gBAAA;EACA,KAAA;EACA,eAAA;AAAA,IACE,IAAA,CAAK,mBAAA;;;;;;;;cA+EI,WAAA,aAAyB,WAAA,EACpC,KAAA,EAAO,gBAAA,CAAiB,CAAA,IAAK,cAAA,CAAe,CAAA,MAAE,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/types/components/Form/layout/FormItemLayout.d.ts

@@ -7,6 +7,7 @@ type FormItemLayoutProps = Omit<FormLabelLayoutProps, 'children'> & {
   description?: ReactNode;
   children: ReactNode;
   showErrorMessage?: boolean;
+  className?: string;
 };
 declare const FormItemLayout: FC<FormItemLayoutProps>;
 //#endregion

package/dist/types/components/Form/layout/FormItemLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormItemLayout.d.ts","names":[],"sources":["../../../../../src/components/Form/layout/FormItemLayout.tsx"],"mappings":";;;;KAIY,mBAAA,GAAsB,IAAA,CAAK,oBAAA;EACrC,KAAA,GAAQ,SAAA;EACR,WAAA,GAAc,SAAA;EACd,QAAA,EAAU,SAAA;EACV,gBAAA;AAAA;AAAA,cAGW,cAAA,EAAgB,EAAA,CAAG,mBAAA"}
+{"version":3,"file":"FormItemLayout.d.ts","names":[],"sources":["../../../../../src/components/Form/layout/FormItemLayout.tsx"],"mappings":";;;;KAKY,mBAAA,GAAsB,IAAA,CAAK,oBAAA;EACrC,KAAA,GAAQ,SAAA;EACR,WAAA,GAAc,SAAA;EACd,QAAA,EAAU,SAAA;EACV,gBAAA;EACA,SAAA;AAAA;AAAA,cAGW,cAAA,EAAgB,EAAA,CAAG,mBAAA"}

package/dist/types/components/Input/Checkbox.d.ts

@@ -6,7 +6,7 @@ import { VariantProps } from "class-variance-authority";
 declare const checkboxVariants: (props?: {
   variant?: "default";
   size?: "xs" | "sm" | "md" | "lg";
-  color?: "error" | "success" | "text" | "primary" | "secondary" | "neutral" | "destructive" | "light" | "dark" | "custom";
+  color?: "text" | "error" | "success" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "custom";
   validationStyleEnabled?: "enabled" | "disabled";
 } & _$class_variance_authority_types0.ClassProp) => string;
 declare enum CheckboxSize {

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

@@ -69,7 +69,7 @@ type LinkProps = DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTML
 declare const checkIsExternalLink: ({
   href,
   isExternalLink: isExternalLinkProp
-}: LinkProps) => boolean;
+}: Pick<LinkProps, "href" | "isExternalLink">) => boolean;
 declare const isTextChildren: (children: ReactNode) => boolean;
 declare const Link: FC<LinkProps>;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","names":[],"sources":["../../../../src/components/Link/Link.tsx"],"mappings":";;;;;;;;;aAgBY,WAAA;EACV,OAAA;EACA,cAAA;EACA,MAAA;EACA,eAAA;EACA,SAAA;AAAA;;;;aAMU,SAAA;EACV,OAAA;EACA,SAAA;EACA,WAAA;EACA,OAAA;EACA,KAAA;EACA,IAAA;EACA,IAAA;EACA,YAAA;EACA,KAAA;EACA,OAAA;EACA,MAAA;AAAA;AAAA,aAGU,eAAA;EACV,IAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;AAAA;AAAA,aAGU,QAAA;EACV,EAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,MAAA;AAAA;AAAA,aAGU,cAAA;EACV,OAAA;EACA,IAAA;EACA,KAAA;AAAA;AAAA,cAGW,YAAA,GAAY,KAAA;;;;;yBAoKxB,cAAA,CAAA,OAAA;AAAA,IAAA,iCAAA,CAAA,SAAA;AAAA,KAEW,SAAA,GAAY,iBAAA,CACtB,oBAAA,CAAqB,iBAAA,GACrB,iBAAA,IAEA,YAAA,QAAoB,YAAA;EAClB,KAAA;EACA,cAAA;EACA,aAAA;EACA,QAAA;EACA,MAAA,GAAS,aAAA;AAAA;AAAA,cAGA,mBAAA;EAAuB,IAAA;EAAA,cAAA,EAAA;AAAA,GAGjC,SAAA;AAAA,cAWU,cAAA,GAAkB,QAAA,EAAU,SAAA;AAAA,cAe5B,IAAA,EAAM,EAAA,CAAG,SAAA"}
+{"version":3,"file":"Link.d.ts","names":[],"sources":["../../../../src/components/Link/Link.tsx"],"mappings":";;;;;;;;;aAgBY,WAAA;EACV,OAAA;EACA,cAAA;EACA,MAAA;EACA,eAAA;EACA,SAAA;AAAA;;;;aAMU,SAAA;EACV,OAAA;EACA,SAAA;EACA,WAAA;EACA,OAAA;EACA,KAAA;EACA,IAAA;EACA,IAAA;EACA,YAAA;EACA,KAAA;EACA,OAAA;EACA,MAAA;AAAA;AAAA,aAGU,eAAA;EACV,IAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;AAAA;AAAA,aAGU,QAAA;EACV,EAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,MAAA;AAAA;AAAA,aAGU,cAAA;EACV,OAAA;EACA,IAAA;EACA,KAAA;AAAA;AAAA,cAGW,YAAA,GAAY,KAAA;;;;;yBAoKxB,cAAA,CAAA,OAAA;AAAA,IAAA,iCAAA,CAAA,SAAA;AAAA,KAEW,SAAA,GAAY,iBAAA,CACtB,oBAAA,CAAqB,iBAAA,GACrB,iBAAA,IAEA,YAAA,QAAoB,YAAA;EAClB,KAAA;EACA,cAAA;EACA,aAAA;EACA,QAAA;EACA,MAAA,GAAS,aAAA;AAAA;AAAA,cAGA,mBAAA;EAAuB,IAAA;EAAA,cAAA,EAAA;AAAA,GAGjC,IAAA,CAAK,SAAA;AAAA,cAWK,cAAA,GAAkB,QAAA,EAAU,SAAA;AAAA,cAe5B,IAAA,EAAM,EAAA,CAAG,SAAA"}

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

@@ -1,5 +1,5 @@
 import { Tab, TabItemProps } from "../Tab/Tab.js";
-import { Table } from "../Table/Table.js";
+import { SmartTable } from "../Table/SmartTable.js";
 import { ComponentProps, ComponentPropsWithoutRef, FC } from "react";
 import { LocalesValues } from "@intlayer/types/module_augmentation";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
@@ -33,7 +33,7 @@ declare const baseMarkdownComponents: {
     ...props
   }: ComponentProps<"img">) => _$react_jsx_runtime0.JSX.Element;
   pre: (props: ComponentProps<"pre">) => _$react_jsx_runtime0.JSX.Element;
-  table: (props: ComponentProps<typeof Table>) => _$react_jsx_runtime0.JSX.Element;
+  table: (props: ComponentProps<typeof SmartTable>) => _$react_jsx_runtime0.JSX.Element;
   th: ({
     className,
     ...props
@@ -105,7 +105,7 @@ declare const getIntlayerMarkdownOptions: (_isDarkMode?: boolean) => {
       ...props
     }: ComponentProps<"img">) => _$react_jsx_runtime0.JSX.Element;
     pre: (props: ComponentProps<"pre">) => _$react_jsx_runtime0.JSX.Element;
-    table: (props: ComponentProps<typeof Table>) => _$react_jsx_runtime0.JSX.Element;
+    table: (props: ComponentProps<typeof SmartTable>) => _$react_jsx_runtime0.JSX.Element;
     th: ({
       className,
       ...props

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

@@ -1 +1 @@
-{"version":3,"file":"MarkDownRender.d.ts","names":[],"sources":["../../../../src/components/MarkDownRender/MarkDownRender.tsx"],"mappings":"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"}
+{"version":3,"file":"MarkDownRender.d.ts","names":[],"sources":["../../../../src/components/MarkDownRender/MarkDownRender.tsx"],"mappings":"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"}

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

@@ -1,4 +1,7 @@
 import { TabSelectorItemProps } from "../TabSelector/TabSelector.js";
+import { Burger } from "./Burger.js";
+import { DesktopNavbar } from "./DesktopNavbar.js";
+import { MobileNavbar } from "./MobileNavbar.js";
 import { ReactElement, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -88,5 +91,5 @@ declare const Navbar: <T extends TabSelectorItemProps>({
   mobileRollable
 }: NavbarProps<T>) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Navbar };
+export { Burger, DesktopNavbar, MobileNavbar, Navbar };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Navbar/index.tsx"],"mappings":";;;;;;;;;KAaK,WAAA,WAAsB,oBAAA;EAAX,qDAEd,IAAA,EAAM,SAAA,EAFmB;EAIzB,cAAA,EAAgB,CAAA,SAAA;EAEhB,eAAA,GAAkB,YAAA,CAAa,CAAA,KAAb;EAElB,iBAAA,GAAoB,SAAA,EAEa;EAAjC,iBAAA,GAAoB,YAAA,CAAa,CAAA,KAEV;EAAvB,oBAAA,GAAuB,SAAA,EAEA;EAAvB,oBAAA,GAAuB,YAAA,CAAa,CAAA,KAIjB;EAFnB,iBAAA,GAAoB,SAAA,EAEQ;EAA5B,gBAAA,GAAmB,SAAA,EAlBM;EAoBzB,cAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;AA2DF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAa,MAAA,aAAoB,oBAAA;EAAsB,IAAA;EAAA,iBAAA;EAAA,eAAA;EAAA,iBAAA;EAAA,oBAAA;EAAA,oBAAA;EAAA,iBAAA;EAAA,gBAAA;EAAA,cAAA;EAAA;AAAA,GAWpD,WAAA,CAAY,CAAA,MAAE,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Navbar/index.tsx"],"mappings":";;;;;;;;;;;;KAaK,WAAA,WAAsB,oBAAA;uDAEzB,IAAA,EAAM,SAAA,EAFH;EAIH,cAAA,EAAgB,CAAA,SAJF;EAMd,eAAA,GAAkB,YAAA,CAAa,CAAA,KAJzB;EAMN,iBAAA,GAAoB,SAAA,EAFW;EAI/B,iBAAA,GAAoB,YAAA,CAAa,CAAA,KAFb;EAIpB,oBAAA,GAAuB,SAAA,EAFH;EAIpB,oBAAA,GAAuB,YAAA,CAAa,CAAA,KAAA;EAEpC,iBAAA,GAAoB,SAAA,EAAA;EAEpB,gBAAA,GAAmB,SAAA,EAAS;EAE5B,cAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAa,MAAA,aAAoB,oBAAA;EAAsB,IAAA;EAAA,iBAAA;EAAA,eAAA;EAAA,iBAAA;EAAA,oBAAA;EAAA,oBAAA;EAAA,iBAAA;EAAA,gBAAA;EAAA,cAAA;EAAA;AAAA,GAWpD,WAAA,CAAY,CAAA,MAAE,oBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -5,7 +5,7 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/Pagination/Pagination.d.ts
 declare const paginationVariants: (props?: {
   size?: "sm" | "md" | "lg";
-  color?: "text" | "primary" | "secondary" | "neutral" | "destructive";
+  color?: "text" | "primary" | "secondary" | "destructive" | "neutral";
   variant?: "default" | "bordered" | "ghost";
 } & _$class_variance_authority_types0.ClassProp) => string;
 declare enum PaginationSize {

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

@@ -15,7 +15,7 @@ declare enum TabSelectorColor {
   TEXT = "text"
 }
 declare const tabSelectorVariant: (props?: {
-  color?: "text" | "primary" | "secondary" | "neutral" | "destructive" | "light" | "dark";
+  color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark";
 } & _$class_variance_authority_types0.ClassProp) => string;
 type TabSelectorItemProps = HTMLAttributes<HTMLElement> & {
   key: string | number;

package/dist/types/components/Table/SmartTable.d.ts

@@ -0,0 +1,158 @@
+import { TableProps } from "./Table.js";
+import { FC } from "react";
+
+//#region src/components/Table/SmartTable.d.ts
+/**
+ * Properties for the SmartTable component
+ *
+ * @interface SmartTableProps
+ * @extends {TableProps}
+ *
+ * @property {boolean} [isRollable] - Whether the table content can be collapsed/expanded using the ExpandCollapse wrapper
+ * @property {boolean} [displayModal] - Whether the table should be able to expand into a modal
+ */
+type SmartTableProps = TableProps & {
+  isRollable?: boolean;
+  displayModal?: boolean;
+};
+/**
+ * Table component that provides an enhanced table experience with modal expansion and collapsible content
+ *
+ * The Table component wraps a standard HTML table element with additional functionality:
+ * - **Modal Expansion**: Click the diagonal arrow button to view the table in a full-screen modal
+ * - **Collapsible Content**: Optionally wrap content in an ExpandCollapse component for space-saving
+ * - **Responsive Design**: Handles large tables gracefully with modal overflow
+ * - **Sticky Controls**: Table controls remain accessible even when scrolling
+ *
+ * ## Features
+ * - **Modal View**: Full-screen modal for better viewing of large tables
+ * - **Expand/Collapse**: Optional collapsible wrapper to save space
+ * - **Responsive**: Handles overflow and responsive behavior automatically
+ * - **Accessibility**: Maintains proper table semantics and keyboard navigation
+ * - **Customizable**: Supports all standard HTML table attributes and styling
+ *
+ * ## Best Practices
+ * - Use semantic HTML table structure (thead, tbody, tfoot)
+ * - Provide proper column headers with scope attributes
+ * - Use the isRollable prop for large tables that might need space management
+ * - Apply consistent styling through the className prop
+ * - Consider pagination for very large datasets
+ *
+ * @param {SmartTableProps} props - The properties for the Table component
+ * @returns {JSX.Element} The rendered table with enhanced functionality
+ *
+ * @example
+ * ```tsx
+ * // Simple data table
+ * <SmartTable>
+ *   <thead>
+ *     <tr>
+ *       <th scope="col">Name</th>
+ *       <th scope="col">Email</th>
+ *       <th scope="col">Status</th>
+ *     </tr>
+ *   </thead>
+ *   <tbody>
+ *     <tr>
+ *       <td>John Doe</td>
+ *       <td>john@example.com</td>
+ *       <td>
+ *         <span className="px-2 py-1 bg-green-100 text-green-800 rounded-full text-xs">
+ *           Active
+ *         </span>
+ *       </td>
+ *     </tr>
+ *     <tr>
+ *       <td>Jane Smith</td>
+ *       <td>jane@example.com</td>
+ *       <td>
+ *         <span className="px-2 py-1 bg-yellow-100 text-yellow-800 rounded-full text-xs">
+ *           Pending
+ *         </span>
+ *       </td>
+ *     </tr>
+ *   </tbody>
+ * </SmartTable>
+ *
+ * // Large collapsible table with custom styling
+ * <SmartTable
+ *   isRollable
+ *   className="border border-gray-200 rounded-lg overflow-hidden"
+ * >
+ *   <thead className="bg-gray-50">
+ *     <tr>
+ *       <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">
+ *         Product ID
+ *       </th>
+ *       <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">
+ *         Name
+ *       </th>
+ *       <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">
+ *         Category
+ *       </th>
+ *       <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">
+ *         Price
+ *       </th>
+ *       <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">
+ *         Stock
+ *       </th>
+ *     </tr>
+ *   </thead>
+ *   <tbody className="bg-white divide-y divide-gray-200">
+ *     {products.map((product) => (
+ *       <tr key={product.id} className="hover:bg-gray-50">
+ *         <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
+ *           #{product.id}
+ *         </td>
+ *         <td className="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
+ *           {product.name}
+ *         </td>
+ *         <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+ *           {product.category}
+ *         </td>
+ *         <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
+ *           ${product.price.toFixed(2)}
+ *         </td>
+ *         <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+ *           {product.stock} units
+ *         </td>
+ *       </tr>
+ *     ))}
+ *   </tbody>
+ * </SmartTable>
+ *
+ * // Financial data table with formatted numbers
+ * <SmartTable className="w-full border-collapse">
+ *   <thead>
+ *     <tr className="border-b-2 border-gray-300">
+ *       <th scope="col" className="text-left py-3 px-4">Quarter</th>
+ *       <th scope="col" className="text-right py-3 px-4">Revenue</th>
+ *       <th scope="col" className="text-right py-3 px-4">Profit</th>
+ *       <th scope="col" className="text-right py-3 px-4">Growth</th>
+ *     </tr>
+ *   </thead>
+ *   <tbody>
+ *     <tr className="border-b border-gray-200">
+ *       <td className="py-3 px-4 font-medium">Q1 2024</td>
+ *       <td className="py-3 px-4 text-right">$2,450,000</td>
+ *       <td className="py-3 px-4 text-right text-green-600">$345,000</td>
+ *       <td className="py-3 px-4 text-right text-green-600">+12.5%</td>
+ *     </tr>
+ *     <tr className="border-b border-gray-200">
+ *       <td className="py-3 px-4 font-medium">Q2 2024</td>
+ *       <td className="py-3 px-4 text-right">$2,780,000</td>
+ *       <td className="py-3 px-4 text-right text-green-600">$398,000</td>
+ *       <td className="py-3 px-4 text-right text-green-600">+13.5%</td>
+ *     </tr>
+ *   </tbody>
+ * </SmartTable>
+ * ```
+ *
+ * @see {@link ExpandCollapse} - Component used for collapsible table content
+ * @see {@link Modal} - Component used for full-screen table view
+ * @see {@link Button} - Component used for the modal trigger button
+ */
+declare const SmartTable: FC<SmartTableProps>;
+//#endregion
+export { SmartTable };
+//# sourceMappingURL=SmartTable.d.ts.map

package/dist/types/components/Table/SmartTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartTable.d.ts","names":[],"sources":["../../../../src/components/Table/SmartTable.tsx"],"mappings":";;;;;;AAY0C;;;;;;;KAarC,eAAA,GAAkB,UAAA;EACrB,UAAA;EACA,YAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4IW,UAAA,EAAY,EAAA,CAAG,eAAA"}

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

@@ -1,195 +1,12 @@
-import { FC, HTMLAttributes } from "react";
+import * as _$react from "react";
+import { HTMLAttributes } from "react";
 
 //#region src/components/Table/Table.d.ts
-/**
- * Properties for the Table component that extends standard HTML table attributes
- *
- * @interface TableProps
- * @extends {HTMLAttributes<HTMLTableElement>}
- *
- * @property {boolean} [isRollable] - Whether the table content can be collapsed/expanded using the ExpandCollapse wrapper
- * @property {string} [className] - Additional CSS classes for custom styling
- * @property {ReactNode} children - The table content including thead, tbody, tfoot elements
- *
- * @example
- * ```tsx
- * // Basic table usage
- * <Table>
- *   <thead>
- *     <tr>
- *       <th>Name</th>
- *       <th>Email</th>
- *     </tr>
- *   </thead>
- *   <tbody>
- *     <tr>
- *       <td>John Doe</td>
- *       <td>john@example.com</td>
- *     </tr>
- *   </tbody>
- * </Table>
- *
- * // Collapsible table with custom styling
- * <Table isRollable className="border border-gray-300 rounded-lg">
- *   <thead>
- *     <tr>
- *       <th>Product</th>
- *       <th>Price</th>
- *       <th>Stock</th>
- *     </tr>
- *   </thead>
- *   <tbody>
- *     <tr>
- *       <td>Laptop</td>
- *       <td>$999</td>
- *       <td>15</td>
- *     </tr>
- *   </tbody>
- * </Table>
- * ```
- */
-type TableProps = HTMLAttributes<HTMLTableElement> & {
-  isRollable?: boolean;
-  displayModal?: boolean;
-};
-/**
- * Table component that provides an enhanced table experience with modal expansion and collapsible content
- *
- * The Table component wraps a standard HTML table element with additional functionality:
- * - **Modal Expansion**: Click the diagonal arrow button to view the table in a full-screen modal
- * - **Collapsible Content**: Optionally wrap content in an ExpandCollapse component for space-saving
- * - **Responsive Design**: Handles large tables gracefully with modal overflow
- * - **Sticky Controls**: Table controls remain accessible even when scrolling
- *
- * ## Features
- * - **Modal View**: Full-screen modal for better viewing of large tables
- * - **Expand/Collapse**: Optional collapsible wrapper to save space
- * - **Responsive**: Handles overflow and responsive behavior automatically
- * - **Accessibility**: Maintains proper table semantics and keyboard navigation
- * - **Customizable**: Supports all standard HTML table attributes and styling
- *
- * ## Best Practices
- * - Use semantic HTML table structure (thead, tbody, tfoot)
- * - Provide proper column headers with scope attributes
- * - Use the isRollable prop for large tables that might need space management
- * - Apply consistent styling through the className prop
- * - Consider pagination for very large datasets
- *
- * @param {TableProps} props - The properties for the Table component
- * @returns {JSX.Element} The rendered table with enhanced functionality
- *
- * @example
- * ```tsx
- * // Simple data table
- * <Table>
- *   <thead>
- *     <tr>
- *       <th scope="col">Name</th>
- *       <th scope="col">Email</th>
- *       <th scope="col">Status</th>
- *     </tr>
- *   </thead>
- *   <tbody>
- *     <tr>
- *       <td>John Doe</td>
- *       <td>john@example.com</td>
- *       <td>
- *         <span className="px-2 py-1 bg-green-100 text-green-800 rounded-full text-xs">
- *           Active
- *         </span>
- *       </td>
- *     </tr>
- *     <tr>
- *       <td>Jane Smith</td>
- *       <td>jane@example.com</td>
- *       <td>
- *         <span className="px-2 py-1 bg-yellow-100 text-yellow-800 rounded-full text-xs">
- *           Pending
- *         </span>
- *       </td>
- *     </tr>
- *   </tbody>
- * </Table>
- *
- * // Large collapsible table with custom styling
- * <Table
- *   isRollable
- *   className="border border-gray-200 rounded-lg overflow-hidden"
- * >
- *   <thead className="bg-gray-50">
- *     <tr>
- *       <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">
- *         Product ID
- *       </th>
- *       <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">
- *         Name
- *       </th>
- *       <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">
- *         Category
- *       </th>
- *       <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">
- *         Price
- *       </th>
- *       <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">
- *         Stock
- *       </th>
- *     </tr>
- *   </thead>
- *   <tbody className="bg-white divide-y divide-gray-200">
- *     {products.map((product) => (
- *       <tr key={product.id} className="hover:bg-gray-50">
- *         <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
- *           #{product.id}
- *         </td>
- *         <td className="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
- *           {product.name}
- *         </td>
- *         <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
- *           {product.category}
- *         </td>
- *         <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
- *           ${product.price.toFixed(2)}
- *         </td>
- *         <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
- *           {product.stock} units
- *         </td>
- *       </tr>
- *     ))}
- *   </tbody>
- * </Table>
- *
- * // Financial data table with formatted numbers
- * <Table className="w-full border-collapse">
- *   <thead>
- *     <tr className="border-b-2 border-gray-300">
- *       <th scope="col" className="text-left py-3 px-4">Quarter</th>
- *       <th scope="col" className="text-right py-3 px-4">Revenue</th>
- *       <th scope="col" className="text-right py-3 px-4">Profit</th>
- *       <th scope="col" className="text-right py-3 px-4">Growth</th>
- *     </tr>
- *   </thead>
- *   <tbody>
- *     <tr className="border-b border-gray-200">
- *       <td className="py-3 px-4 font-medium">Q1 2024</td>
- *       <td className="py-3 px-4 text-right">$2,450,000</td>
- *       <td className="py-3 px-4 text-right text-green-600">$345,000</td>
- *       <td className="py-3 px-4 text-right text-green-600">+12.5%</td>
- *     </tr>
- *     <tr className="border-b border-gray-200">
- *       <td className="py-3 px-4 font-medium">Q2 2024</td>
- *       <td className="py-3 px-4 text-right">$2,780,000</td>
- *       <td className="py-3 px-4 text-right text-green-600">$398,000</td>
- *       <td className="py-3 px-4 text-right text-green-600">+13.5%</td>
- *     </tr>
- *   </tbody>
- * </Table>
- * ```
- *
- * @see {@link ExpandCollapse} - Component used for collapsible table content
- * @see {@link Modal} - Component used for full-screen table view
- * @see {@link Button} - Component used for the modal trigger button
- */
-declare const Table: FC<TableProps>;
+interface TableProps extends HTMLAttributes<HTMLTableElement> {
+  /** Enables hover states and cursor changes for interactive rows */
+  isInteractive?: boolean;
+}
+declare const Table: _$react.ForwardRefExoticComponent<TableProps & _$react.RefAttributes<HTMLTableElement>>;
 //#endregion
-export { Table };
+export { Table, TableProps };
 //# sourceMappingURL=Table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","names":[],"sources":["../../../../src/components/Table/Table.tsx"],"mappings":";;;;;AAUe;;;;;;;;;;AAmMf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA9IK,UAAA,GAAa,cAAA,CAAe,gBAAA;EAC/B,UAAA;EACA,YAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4IW,KAAA,EAAO,EAAA,CAAG,UAAA"}
+{"version":3,"file":"Table.d.ts","names":[],"sources":["../../../../src/components/Table/Table.tsx"],"mappings":";;;;UAGiB,UAAA,SAAmB,cAAA,CAAe,gBAAA;;EAEjD,aAAA;AAAA;AAAA,cAGW,KAAA,EAAK,OAAA,CAAA,yBAAA,CAAA,UAAA,GAAA,OAAA,CAAA,aAAA,CAAA,gBAAA"}

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

@@ -1,2 +1,3 @@
-import { Table } from "./Table.js";
-export { Table };
+import { Table, TableProps } from "./Table.js";
+import { SmartTable } from "./SmartTable.js";
+export { SmartTable, Table, TableProps };

package/dist/types/components/TextArea/ContentEditableTextArea.d.ts

@@ -1,6 +1,6 @@
 import { InputVariant, inputVariants } from "../Input/Input.js";
 import * as _$react from "react";
-import { ClipboardEvent, DragEvent, FC, FormEvent, HTMLAttributes, KeyboardEvent, Ref } from "react";
+import { ClipboardEvent, DragEvent, FC, HTMLAttributes, InputEvent, KeyboardEvent, Ref } from "react";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/components/TextArea/ContentEditableTextArea.d.ts
@@ -24,7 +24,7 @@ declare const useContentEditable: ({
   containerRef: _$react.RefObject<HTMLDivElement>;
   getText: () => string;
   handleInput: () => void;
-  handleBeforeInput: (e: FormEvent<HTMLDivElement>) => void;
+  handleBeforeInput: (e: InputEvent<HTMLDivElement>) => void;
   handleKeyDown: (e: KeyboardEvent<HTMLDivElement>) => void;
   handleCut: (e: ClipboardEvent<HTMLDivElement>) => void;
   handlePaste: (e: ClipboardEvent<HTMLDivElement>) => void;

package/dist/types/components/TextArea/ContentEditableTextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEditableTextArea.d.ts","names":[],"sources":["../../../../src/components/TextArea/ContentEditableTextArea.tsx"],"mappings":";;;;;;KAoBK,aAAA;EACH,IAAA;EACA,MAAA;AAAA;AAAA,KAGG,yBAAA;EACH,KAAA;EACA,YAAA;EACA,QAAA,IAAY,KAAA;EACZ,QAAA;AAAA;AAAA,cAoIW,kBAAA;EAAsB,KAAA;EAAA,YAAA;EAAA,QAAA;EAAA;AAAA,GAKhC,yBAAA;;;;;yBA0S6B,SAAA,CAAU,cAAA;qBApId,aAAA,CAAc,cAAA;iBAyFlB,cAAA,CAAe,cAAA;mBAsBb,cAAA,CAAe,cAAA;kBAoGhB,SAAA,CAAU,cAAA;sBAKN,SAAA,CAAU,cAAA;0BA3WR,aAAA;0BAuDE,aAAA;;sCA+CjB,WAAA,eAEX,aAAA;AAAA;AAAA,KAgTO,6BAAA;EACV,YAAA,QAAoB,cAAA;EACpB,OAAA;EACA,KAAA;EACA,eAAA;EACA,iBAAA,GAAoB,MAAA;AAAA;AAAA,KAGV,4BAAA,GAA+B,IAAA,CACzC,cAAA,CAAe,cAAA;EAGf,KAAA;EACA,YAAA;EACA,QAAA,IAAY,KAAA;EACZ,WAAA;EACA,QAAA;EACA,OAAA;EACA,OAAA;EACA,QAAA;EACA,sBAAA;EACA,OAAA,GAAU,YAAA,MAAkB,YAAA;EAC5B,SAAA;EACA,SAAA;EACA,WAAA;EACA,GAAA,GAAM,GAAA,CAAI,6BAAA;EACV,GAAA;AAAA,IACE,IAAA,CACA,YAAA,QAAoB,aAAA;AAAA,cAOX,uBAAA,EAAyB,EAAA,CAAG,4BAAA"}
+{"version":3,"file":"ContentEditableTextArea.d.ts","names":[],"sources":["../../../../src/components/TextArea/ContentEditableTextArea.tsx"],"mappings":";;;;;;KAoBK,aAAA;EACH,IAAA;EACA,MAAA;AAAA;AAAA,KAGG,yBAAA;EACH,KAAA;EACA,YAAA;EACA,QAAA,IAAY,KAAA;EACZ,QAAA;AAAA;AAAA,cAoIW,kBAAA;EAAsB,KAAA;EAAA,YAAA;EAAA,QAAA;EAAA;AAAA,GAKhC,yBAAA;;;;;yBA0S6B,UAAA,CAAW,cAAA;qBApIf,aAAA,CAAc,cAAA;iBAyFlB,cAAA,CAAe,cAAA;mBAsBb,cAAA,CAAe,cAAA;kBAoGhB,SAAA,CAAU,cAAA;sBAKN,SAAA,CAAU,cAAA;0BA3WR,aAAA;0BAuDE,aAAA;;sCA+CjB,WAAA,eAEX,aAAA;AAAA;AAAA,KAgTO,6BAAA;EACV,YAAA,QAAoB,cAAA;EACpB,OAAA;EACA,KAAA;EACA,eAAA;EACA,iBAAA,GAAoB,MAAA;AAAA;AAAA,KAGV,4BAAA,GAA+B,IAAA,CACzC,cAAA,CAAe,cAAA;EAGf,KAAA;EACA,YAAA;EACA,QAAA,IAAY,KAAA;EACZ,WAAA;EACA,QAAA;EACA,OAAA;EACA,OAAA;EACA,QAAA;EACA,sBAAA;EACA,OAAA,GAAU,YAAA,MAAkB,YAAA;EAC5B,SAAA;EACA,SAAA;EACA,WAAA;EACA,GAAA,GAAM,GAAA,CAAI,6BAAA;EACV,GAAA;AAAA,IACE,IAAA,CACA,YAAA,QAAoB,aAAA;AAAA,cAOX,uBAAA,EAAyB,EAAA,CAAG,4BAAA"}

package/dist/types/components/Toaster/Toast.d.ts

@@ -25,7 +25,7 @@ declare const ToastViewport: FC<ComponentProps<typeof ToastPrimitives.Viewport>>
  * ```
  */
 declare const toastVariants: (props?: {
-  variant?: "default" | "error" | "success";
+  variant?: "error" | "default" | "success";
 } & _$class_variance_authority_types0.ClassProp) => string;
 /**
  * Toast Component

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

@@ -66,6 +66,9 @@ import { MaxHeightSmoother } from "./MaxHeightSmoother/index.js";
 import { MaxWidthSmoother } from "./MaxWidthSmoother/index.js";
 import { Modal, ModalSize } from "./Modal/Modal.js";
 import { TabSelector, TabSelectorColor, TabSelectorItemProps, TabSelectorProps } from "./TabSelector/TabSelector.js";
+import { Burger } from "./Navbar/Burger.js";
+import { DesktopNavbar } from "./Navbar/DesktopNavbar.js";
+import { MobileNavbar } from "./Navbar/MobileNavbar.js";
 import { Navbar } from "./Navbar/index.js";
 import { NumberItemsSelector, NumberItemsSelectorProps } from "./Pagination/NumberItemsSelector.js";
 import { Pagination, PaginationProps, PaginationSize, PaginationVariant, paginationVariants } from "./Pagination/Pagination.js";
@@ -95,7 +98,8 @@ import { YoutubeLogo } from "./SocialNetworks/YoutubeLogo.js";
 import { SocialNetworks } from "./SocialNetworks/index.js";
 import { SwitchSelector, SwitchSelectorChoice, SwitchSelectorChoices, SwitchSelectorColor, SwitchSelectorProps, SwitchSelectorSize } from "./SwitchSelector/index.js";
 import { Tab, TabItemProps, TabProps } from "./Tab/Tab.js";
-import { Table } from "./Table/Table.js";
+import { Table, TableProps } from "./Table/Table.js";
+import { SmartTable } from "./Table/SmartTable.js";
 import { Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize } from "./Tag/index.js";
 import { TechLogoName } from "./TechLogo/types.js";
 import { TechLogo } from "./TechLogo/TechLogo.js";
@@ -109,4 +113,4 @@ import { Toaster } from "./Toaster/Toaster.js";
 import { reducer, toast, useToast } from "./Toaster/useToast.js";
 import { WithResizer } from "./WithResizer/index.js";
 import { MarkdownRenderer, baseMarkdownComponents, getIntlayerMarkdownOptions } from "./MarkDownRender/MarkDownRender.js";
-export { Accordion, AccordionProps, AutoCompleteTextarea, AutoSizedTextArea, AutoSizedTextAreaProps, AutocompleteTextAreaProps, Avatar, AvatarProps, Badge, BadgeColor, BadgeProps, BadgeSize, BadgeVariant, BadgeVariantProps, BitbucketLogo, Breadcrumb, BreadcrumbLink, BreadcrumbProps, Browser, BrowserProps, Button, ButtonColor, ButtonProps, ButtonSize, ButtonTextAlign, ButtonVariant, Carousel, Checkbox, CheckboxColor, CheckboxProps, CheckboxSize, ClickOutsideDiv, ClickOutsideDivProps, Code, CodeBlock, CodeBlockProps, CodeCompAttributes, CodeDefault, CodeLanguage, CollapsibleTable, CollapsibleTableProps, Command, CommandRoot, Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerProps, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, ContentEditableTextArea, ContentEditableTextAreaHandle, ContentEditableTextAreaProps, ContentEditor, ContentSelector, CopyButton, CopyToClipboard, CopyToClipboardProps, DesktopThemeSwitcher, Detail, DetailProps, DictionaryCreationForm, DictionaryEditor, DictionaryFieldEditor, DiscordLogo, DotPattern, DropDown, DropDownAlign, DropDownProps, DropDownType, DropDownYAlign, EditableFieldInput, EditableFieldTextArea, ExpandCollapse, ExpandCollapseProps, FacebookLogo, FileList, FileListProps, Flag, flags_d_exports as Flags, Footer, FooterLink, Form, GitHubLogo, GitLabLogo, GoogleLogo, GridPattern, H1, H2, H3, H4, H5, H6, HTMLRenderer, HeadingProps, HeightResizer, HideShow, HideShowProps, IDE, IDEProps, InformationTag, Input, InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPassword, InputProps, InputSize, InputVariant, InstagramLogo, KeyList, KeyPathBreadcrumb, KeyboardScreenAdapter, KeyboardShortcut, KeyboardShortcutProps, KeyboardShortcutType, Label, LabelProps, LanguageBackground, LanguageSection, Link, LinkColor, LinkGroup, LinkProps, LinkRoundedSize, LinkSize, LinkUnderlined, LinkVariant, LinkedInLogo, Loader, LoaderProps, LocaleSwitcher, LocaleSwitcherContent, LocaleSwitcherContentProps, LocaleSwitcherContentProvider, LocaleSwitcherProps, Logo, LogoTextOnly, LogoWithText, LogoWithTextBelow, MarkdownRenderer, MaxHeightSmoother, MaxWidthSmoother, MobileThemeSwitcher, Modal, ModalSize, Modes, MultiSelect, Navbar, NumberItemsSelector, NumberItemsSelectorProps, OTPInput, OTPInputContext, OTPInputProps, Pagination, PaginationProps, PaginationSize, PaginationVariant, PanelProps, Popover, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign, PressableSpan, ProductHuntLogo, RenderProps, RightDrawer, SaveForm, SearchInput, Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator, ShowingResultsNumberItems, ShowingResultsNumberItemsProps, SlotProps, SocialNetworks, Spotlight, SwitchSelector, SwitchSelectorChoice, SwitchSelectorChoices, SwitchSelectorColor, SwitchSelectorProps, SwitchSelectorSize, Tab, TabItemProps, TabProps, TabSelector, TabSelectorColor, TabSelectorItemProps, TabSelectorProps, Table, Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize, TechLogo, TechLogoName, techLogos_d_exports as TechLogos, Terminal, TerminalProps, TextArea, TextAreaProps, TextEditor, TextEditorContainer, TextEditorProps, TiktokLogo, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, TriggerProps, VersionSwitcher, VersionSwitcherProps, VersionSwitcherProvider, WithResizer, XLogo, YoutubeLogo, badgeVariants, baseMarkdownComponents, buttonVariants, checkIsExternalLink, checkboxVariants, containerVariants, drawerManager, getCapitals, getIntlayerHTMLOptions, getIntlayerMarkdownOptions, inputSlotVariants, inputVariants, isTextChildren, linkVariants, paginationVariants, reducer, toast, traceKeys, useContentEditable, useCopyToClipboard, useForm, useFormField, useLocaleSwitcherContent, usePasswordManagerBadge, usePrevious, useRightDrawer, useToast, useVersionSwitcher };
+export { Accordion, AccordionProps, AutoCompleteTextarea, AutoSizedTextArea, AutoSizedTextAreaProps, AutocompleteTextAreaProps, Avatar, AvatarProps, Badge, BadgeColor, BadgeProps, BadgeSize, BadgeVariant, BadgeVariantProps, BitbucketLogo, Breadcrumb, BreadcrumbLink, BreadcrumbProps, Browser, BrowserProps, Burger, Button, ButtonColor, ButtonProps, ButtonSize, ButtonTextAlign, ButtonVariant, Carousel, Checkbox, CheckboxColor, CheckboxProps, CheckboxSize, ClickOutsideDiv, ClickOutsideDivProps, Code, CodeBlock, CodeBlockProps, CodeCompAttributes, CodeDefault, CodeLanguage, CollapsibleTable, CollapsibleTableProps, Command, CommandRoot, Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerProps, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, ContentEditableTextArea, ContentEditableTextAreaHandle, ContentEditableTextAreaProps, ContentEditor, ContentSelector, CopyButton, CopyToClipboard, CopyToClipboardProps, DesktopNavbar, DesktopThemeSwitcher, Detail, DetailProps, DictionaryCreationForm, DictionaryEditor, DictionaryFieldEditor, DiscordLogo, DotPattern, DropDown, DropDownAlign, DropDownProps, DropDownType, DropDownYAlign, EditableFieldInput, EditableFieldTextArea, ExpandCollapse, ExpandCollapseProps, FacebookLogo, FileList, FileListProps, Flag, flags_d_exports as Flags, Footer, FooterLink, Form, GitHubLogo, GitLabLogo, GoogleLogo, GridPattern, H1, H2, H3, H4, H5, H6, HTMLRenderer, HeadingProps, HeightResizer, HideShow, HideShowProps, IDE, IDEProps, InformationTag, Input, InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPassword, InputProps, InputSize, InputVariant, InstagramLogo, KeyList, KeyPathBreadcrumb, KeyboardScreenAdapter, KeyboardShortcut, KeyboardShortcutProps, KeyboardShortcutType, Label, LabelProps, LanguageBackground, LanguageSection, Link, LinkColor, LinkGroup, LinkProps, LinkRoundedSize, LinkSize, LinkUnderlined, LinkVariant, LinkedInLogo, Loader, LoaderProps, LocaleSwitcher, LocaleSwitcherContent, LocaleSwitcherContentProps, LocaleSwitcherContentProvider, LocaleSwitcherProps, Logo, LogoTextOnly, LogoWithText, LogoWithTextBelow, MarkdownRenderer, MaxHeightSmoother, MaxWidthSmoother, MobileNavbar, MobileThemeSwitcher, Modal, ModalSize, Modes, MultiSelect, Navbar, NumberItemsSelector, NumberItemsSelectorProps, OTPInput, OTPInputContext, OTPInputProps, Pagination, PaginationProps, PaginationSize, PaginationVariant, PanelProps, Popover, PopoverProps, PopoverStatic, PopoverType, PopoverXAlign, PopoverYAlign, PressableSpan, ProductHuntLogo, RenderProps, RightDrawer, SaveForm, SearchInput, Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator, ShowingResultsNumberItems, ShowingResultsNumberItemsProps, SlotProps, SmartTable, SocialNetworks, Spotlight, SwitchSelector, SwitchSelectorChoice, SwitchSelectorChoices, SwitchSelectorColor, SwitchSelectorProps, SwitchSelectorSize, Tab, TabItemProps, TabProps, TabSelector, TabSelectorColor, TabSelectorItemProps, TabSelectorProps, Table, TableProps, Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize, TechLogo, TechLogoName, techLogos_d_exports as TechLogos, Terminal, TerminalProps, TextArea, TextAreaProps, TextEditor, TextEditorContainer, TextEditorProps, TiktokLogo, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, TriggerProps, VersionSwitcher, VersionSwitcherProps, VersionSwitcherProvider, WithResizer, XLogo, YoutubeLogo, badgeVariants, baseMarkdownComponents, buttonVariants, checkIsExternalLink, checkboxVariants, containerVariants, drawerManager, getCapitals, getIntlayerHTMLOptions, getIntlayerMarkdownOptions, inputSlotVariants, inputVariants, isTextChildren, linkVariants, paginationVariants, reducer, toast, traceKeys, useContentEditable, useCopyToClipboard, useForm, useFormField, useLocaleSwitcherContent, usePasswordManagerBadge, usePrevious, useRightDrawer, useToast, useVersionSwitcher };