@ttoss/components 2.14.25 → 2.14.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/components",
-  "version": "2.14.25",
+  "version": "2.14.27",
   "description": "React components for ttoss ecosystem.",
   "keywords": [
     "React",
@@ -19,93 +19,12 @@
   "sideEffects": false,
   "type": "module",
   "exports": {
-    "./Accordion": {
-      "types": "./dist/Accordion/index.d.ts",
-      "default": "./dist/esm/Accordion/index.js"
-    },
-    "./DatePicker": {
-      "types": "./dist/DatePicker/index.d.ts",
-      "default": "./dist/esm/DatePicker/index.js"
-    },
-    "./Drawer": {
-      "types": "./dist/Drawer/index.d.ts",
-      "default": "./dist/esm/Drawer/index.js"
-    },
-    "./EnhancedTitle": {
-      "types": "./dist/EnhancedTitle/index.d.ts",
-      "default": "./dist/esm/EnhancedTitle/index.js"
-    },
-    "./InstallPwa": {
-      "types": "./dist/InstallPwa/index.d.ts",
-      "default": "./dist/esm/InstallPwa/index.js"
-    },
-    "./FileUploader": {
-      "types": "./dist/FileUploader/index.d.ts",
-      "default": "./dist/esm/FileUploader/index.js"
-    },
-    "./JsonEditor": {
-      "types": "./dist/JsonEditor/index.d.ts",
-      "default": "./dist/esm/JsonEditor/index.js"
-    },
-    "./JsonView": {
-      "types": "./dist/JsonView/index.d.ts",
-      "default": "./dist/esm/JsonView/index.js"
-    },
-    "./List": {
-      "types": "./dist/List/index.d.ts",
-      "default": "./dist/esm/List/index.js"
-    },
-    "./LockedOverlay": {
-      "types": "./dist/LockedOverlay/index.d.ts",
-      "default": "./dist/esm/LockedOverlay/index.js"
-    },
-    "./Markdown": {
-      "types": "./dist/Markdown/index.d.ts",
-      "default": "./dist/esm/Markdown/index.js"
-    },
-    "./Menu": {
-      "types": "./dist/Menu/index.d.ts",
-      "default": "./dist/esm/Menu/index.js"
-    },
-    "./MetricCard": {
-      "types": "./dist/MetricCard/index.d.ts",
-      "default": "./dist/esm/MetricCard/index.js"
-    },
-    "./Modal": {
-      "types": "./dist/Modal/index.d.ts",
-      "default": "./dist/esm/Modal/index.js"
-    },
-    "./NavList": {
-      "types": "./dist/NavList/index.d.ts",
-      "default": "./dist/esm/NavList/index.js"
-    },
-    "./NotificationCard": {
-      "types": "./dist/NotificationCard/index.d.ts",
-      "default": "./dist/esm/NotificationCard/index.js"
-    },
-    "./NotificationsMenu": {
-      "types": "./dist/NotificationsMenu/index.d.ts",
-      "default": "./dist/esm/NotificationsMenu/index.js"
-    },
-    "./SpotlightCard": {
-      "types": "./dist/SpotlightCard/index.d.ts",
-      "default": "./dist/esm/SpotlightCard/index.js"
-    },
-    "./Search": {
-      "types": "./dist/Search/index.d.ts",
-      "default": "./dist/esm/Search/index.js"
-    },
-    "./Table": {
-      "types": "./dist/Table/index.d.ts",
-      "default": "./dist/esm/Table/index.js"
-    },
-    "./Tabs": {
-      "types": "./dist/Tabs/index.d.ts",
-      "default": "./dist/esm/Tabs/index.js"
-    },
-    "./Toast": {
-      "types": "./dist/Toast/index.d.ts",
-      "default": "./dist/esm/Toast/index.js"
+    ".": {
+      "types": "./dist/index.d.mts",
+      "module": "./dist/index.mjs",
+      "browser": "./dist/index.mjs",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
     }
   },
   "files": [
@@ -135,19 +54,19 @@
     "tsdown": "^0.22.2",
     "tsx": "^4.21.0",
     "@ttoss/config": "^1.37.16",
+    "@ttoss/react-hooks": "^2.3.19",
     "@ttoss/i18n-cli": "^0.8.16",
-    "@ttoss/react-i18n": "^2.2.18",
-    "@ttoss/react-hooks": "^2.3.17",
-    "@ttoss/react-icons": "^0.7.18",
-    "@ttoss/test-utils": "^4.2.16",
-    "@ttoss/ui": "^6.9.24"
+    "@ttoss/react-icons": "^0.7.20",
+    "@ttoss/react-i18n": "^2.2.20",
+    "@ttoss/ui": "^6.9.26",
+    "@ttoss/test-utils": "^4.2.17"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/react-hooks": "^2.3.17",
-    "@ttoss/react-icons": "^0.7.18",
-    "@ttoss/ui": "^6.9.24",
-    "@ttoss/react-i18n": "^2.2.18"
+    "@ttoss/react-i18n": "^2.2.20",
+    "@ttoss/react-hooks": "^2.3.19",
+    "@ttoss/react-icons": "^0.7.20",
+    "@ttoss/ui": "^6.9.26"
   },
   "publishConfig": {
     "access": "public",
@@ -156,10 +75,8 @@
   "gitHead": "e2b509ee8717f07f7365191b651dcbb5f080e05a",
   "scripts": {
     "build": "tsdown",
-    "postbuild": "pnpm run update-package-json-exports",
     "dev": "pnpm -r --filter=@docs/storybook run dev",
     "i18n": "ttoss-i18n",
-    "test": "jest --projects tests/unit",
-    "update-package-json-exports": "tsx scripts/updatePackageJsonExports.ts"
+    "test": "jest --projects tests/unit"
   }
 }

package/dist/Accordion/index.d.mts

@@ -1,157 +0,0 @@
-
-import { BoxProps } from "@ttoss/ui";
-import * as React from "react";
-
-//#region src/components/Accordion/Accordion.d.ts
-/**
- * Individual item for the Accordion component.
- */
-type AccordionItem = {
-  /**
-   * Unique identifier for the accordion item.
-   * If not provided, will use the index as the key.
-   */
-  id?: string;
-  /**
-   * Title displayed in the accordion header.
-   */
-  title: React.ReactNode;
-  /**
-   * Content displayed when the accordion item is expanded.
-   */
-  content: React.ReactNode;
-  /**
-   * Whether the item is disabled.
-   * @default false
-   */
-  disabled?: boolean;
-};
-/**
- * Render props for custom accordion item rendering.
- */
-type AccordionRenderItemProps = {
-  /**
-   * The accordion item data.
-   */
-  item: AccordionItem;
-  /**
-   * Index of the item in the items array.
-   */
-  index: number;
-  /**
-   * Whether the item is currently expanded.
-   */
-  isExpanded: boolean;
-  /**
-   * Function to toggle the item's expanded state.
-   */
-  toggle: () => void;
-  /**
-   * Generated IDs for accessibility.
-   */
-  ids: {
-    itemId: string;
-    headingId: string;
-    panelId: string;
-  };
-};
-/**
- * Props for the Accordion component.
- */
-type AccordionProps = BoxProps & {
-  /**
-   * Array of accordion items to render.
-   */
-  items: AccordionItem[];
-  /**
-   * Whether multiple items can be expanded at once.
-   * @default false
-   */
-  multiple?: boolean;
-  /**
-   * Index or array of indices for initially expanded items.
-   */
-  defaultExpanded?: number | number[];
-  /**
-   * Callback invoked when items are expanded or collapsed.
-   * Receives array of currently expanded indices.
-   */
-  onAccordionChange?: (expandedIndices: number[]) => void;
-  /**
-   * Custom render function for accordion items.
-   * Provides full control over item rendering while maintaining accessibility.
-   */
-  renderItem?: (props: AccordionRenderItemProps) => React.ReactNode;
-};
-/**
- * Accessible accordion component with collapsible content sections.
- *
- * This component provides a simplified API for creating expandable/collapsible
- * content sections. It uses design tokens from @ttoss/theme for consistent styling
- * and follows WAI-ARIA accordion pattern for accessibility.
- *
- * @example
- * ```tsx
- * <Accordion
- *   items={[
- *     {
- *       title: 'Section 1',
- *       content: 'Content for section 1',
- *     },
- *     {
- *       title: 'Section 2',
- *       content: 'Content for section 2',
- *     },
- *   ]}
- * />
- * ```
- *
- * @example
- * ```tsx
- * <Accordion
- *   multiple
- *   defaultExpanded={[0, 1]}
- *   items={[
- *     {
- *       id: 'item-1',
- *       title: 'Pre-expanded Section 1',
- *       content: <div>Rich content</div>,
- *     },
- *     {
- *       id: 'item-2',
- *       title: 'Pre-expanded Section 2',
- *       content: <p>More content</p>,
- *     },
- *   ]}
- *   onAccordionChange={(expanded) => console.log('Expanded items:', expanded)}
- * />
- * ```
- *
- * @example
- * ```tsx
- * // Custom rendering with renderItem
- * <Accordion
- *   items={items}
- *   renderItem={({ item, isExpanded, toggle, ids }) => (
- *     <CustomAccordionItem
- *       item={item}
- *       isExpanded={isExpanded}
- *       onToggle={toggle}
- *       headingId={ids.headingId}
- *       panelId={ids.panelId}
- *     />
- *   )}
- * />
- * ```
- */
-declare const Accordion: ({
-  items,
-  multiple,
-  defaultExpanded,
-  onAccordionChange,
-  renderItem,
-  sx,
-  ...boxProps
-}: AccordionProps) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { Accordion, AccordionItem, AccordionProps, AccordionRenderItemProps };

package/dist/Accordion/index.mjs

@@ -1,175 +0,0 @@
-/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { Box, Button } from "@ttoss/ui";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/Accordion/Accordion.tsx
-/**
-* Accessible accordion component with collapsible content sections.
-*
-* This component provides a simplified API for creating expandable/collapsible
-* content sections. It uses design tokens from @ttoss/theme for consistent styling
-* and follows WAI-ARIA accordion pattern for accessibility.
-*
-* @example
-* ```tsx
-* <Accordion
-*   items={[
-*     {
-*       title: 'Section 1',
-*       content: 'Content for section 1',
-*     },
-*     {
-*       title: 'Section 2',
-*       content: 'Content for section 2',
-*     },
-*   ]}
-* />
-* ```
-*
-* @example
-* ```tsx
-* <Accordion
-*   multiple
-*   defaultExpanded={[0, 1]}
-*   items={[
-*     {
-*       id: 'item-1',
-*       title: 'Pre-expanded Section 1',
-*       content: <div>Rich content</div>,
-*     },
-*     {
-*       id: 'item-2',
-*       title: 'Pre-expanded Section 2',
-*       content: <p>More content</p>,
-*     },
-*   ]}
-*   onAccordionChange={(expanded) => console.log('Expanded items:', expanded)}
-* />
-* ```
-*
-* @example
-* ```tsx
-* // Custom rendering with renderItem
-* <Accordion
-*   items={items}
-*   renderItem={({ item, isExpanded, toggle, ids }) => (
-*     <CustomAccordionItem
-*       item={item}
-*       isExpanded={isExpanded}
-*       onToggle={toggle}
-*       headingId={ids.headingId}
-*       panelId={ids.panelId}
-*     />
-*   )}
-* />
-* ```
-*/
-var Accordion = ({
-  items,
-  multiple = false,
-  defaultExpanded,
-  onAccordionChange,
-  renderItem,
-  sx,
-  ...boxProps
-}) => {
-  const [expandedIndices, setExpandedIndices] = React.useState(() => {
-    if (defaultExpanded === void 0) return [];
-    return Array.isArray(defaultExpanded) ? defaultExpanded : [defaultExpanded];
-  });
-  const toggleItem = React.useCallback(index => {
-    setExpandedIndices(prev => {
-      const isExpanded = prev.includes(index);
-      let newExpanded;
-      if (isExpanded) newExpanded = prev.filter(i => {
-        return i !== index;
-      });else newExpanded = multiple ? [...prev, index] : [index];
-      onAccordionChange?.(newExpanded);
-      return newExpanded;
-    });
-  }, [multiple, onAccordionChange]);
-  return /* @__PURE__ */jsx(Box, {
-    sx: {
-      display: "flex",
-      flexDirection: "column",
-      gap: 2,
-      ...sx
-    },
-    ...boxProps,
-    children: items.map((item, index) => {
-      const isExpanded = expandedIndices.includes(index);
-      const itemId = item.id || `accordion-item-${index}`;
-      const headingId = `${itemId}-heading`;
-      const panelId = `${itemId}-panel`;
-      if (renderItem) return /* @__PURE__ */jsx(React.Fragment, {
-        children: renderItem({
-          item,
-          index,
-          isExpanded,
-          toggle: () => {
-            return toggleItem(index);
-          },
-          ids: {
-            itemId,
-            headingId,
-            panelId
-          }
-        })
-      }, itemId);
-      return /* @__PURE__ */jsxs(Box, {
-        sx: {
-          border: "sm",
-          borderColor: "display.border.muted.default",
-          borderRadius: "md",
-          overflow: "hidden"
-        },
-        children: [/* @__PURE__ */jsx(Button, {
-          id: headingId,
-          type: "button",
-          disabled: item.disabled,
-          onClick: () => {
-            toggleItem(index);
-          },
-          "aria-expanded": isExpanded,
-          "aria-controls": panelId,
-          rightIcon: isExpanded ? "chevron-up" : "chevron-down",
-          sx: {
-            width: "100%",
-            justifyContent: "space-between",
-            backgroundColor: isExpanded ? "display.background.muted.default" : "display.background.primary.default",
-            color: item.disabled ? "display.text.muted.default" : "display.text.primary.default",
-            fontWeight: 500,
-            border: "none",
-            borderRadius: 0,
-            transition: "background-color 0.2s ease",
-            "&:hover:not(:disabled)": {
-              backgroundColor: "display.background.muted.default"
-            },
-            "&:focus": {
-              outline: "none",
-              boxShadow: theme => {
-                return `inset 0 0 0 1px ${theme.colors?.input?.border?.accent?.default || "currentColor"}`;
-              }
-            }
-          },
-          children: item.title
-        }), isExpanded && /* @__PURE__ */jsx(Box, {
-          id: panelId,
-          role: "region",
-          "aria-labelledby": headingId,
-          sx: {
-            padding: 4,
-            borderTop: "sm",
-            borderColor: "display.border.muted.default",
-            backgroundColor: "display.background.primary.default"
-          },
-          children: item.content
-        })]
-      }, itemId);
-    })
-  });
-};
-
-//#endregion
-export { Accordion };

package/dist/DatePicker/index.d.mts

@@ -1,26 +0,0 @@
-
-//#region src/components/DatePicker/DatePicker.d.ts
-interface DateRange {
-  from: Date | undefined;
-  to: Date | undefined;
-}
-interface DateRangePreset {
-  label: string;
-  getValue: () => DateRange;
-}
-interface DatePickerProps {
-  label?: string;
-  value?: DateRange;
-  presets?: DateRangePreset[];
-  onChange?: (range: DateRange | undefined) => void;
-  disabled?: boolean;
-}
-declare const DatePicker: ({
-  label,
-  value,
-  presets,
-  onChange,
-  disabled
-}: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { DatePicker, DateRange };