laif-ds 0.2.79 → 0.2.83

package/dist/CHANGELOG.md

@@ -5,6 +5,34 @@ All notable technical changes to the laif-ds core will be documented in this fil
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [laif-ds@0.2.82]
+
+### 🚀 Added
+
+- **Chat**: Added a `placeholder` prop forwarded to the message input, allowing a custom composer placeholder (defaults to `"Ask AI..."`)
+
+## [laif-ds@0.2.81]
+
+### 🚀 Added
+
+- **FilePreviewer**: Added a `size` option to `PreviewOptions` (`sm` | `default` | `lg` | `xl` | `full`, defaults to `xl`) to control the preview dialog size per call
+
+### 🔧 Changed
+
+- **FilePreviewer**: Migrated from the low-level `Dialog` to `AppDialog`, simplifying the markup and relying on its built-in header and configurable sizing
+
+## [laif-ds@0.2.80]
+
+### 🚀 Added
+
+- **AppSelect**: Added `selectableAll` prop (multi-select only, default `true`) — renders a tri-state checkbox toggle to the left of the search bar with four icon states (`Square` / `SquareMinus` / `SquareCheck` / `SquareDot`). Both select-all and deselect-all are scoped to the current search filter, preserving out-of-view selections and `fixed: true` items
+- **DatePicker**: Added range dragging — in range mode, click and drag the `from` or `to` handle to extend or shrink the selected interval; the range automatically inverts when handles cross over
+
+### 🔧 Changed
+
+- **AppSelect**: Prevented automatic focus of the search input on popover open via `onOpenAutoFocus` — fixes the mobile soft-keyboard collapsing the visual viewport and pushing the dropdown off-screen
+- **DatePicker**: Reworked range click behavior — a third click on a completed range now starts a new range from that day instead of resetting to empty; clicking an end-date earlier than the current `from` resets the start anchor to that day
+
 ## [laif-ds@0.2.79]
 
 ### 🚀 Added

package/dist/_virtual/index3.js

@@ -1,8 +1,8 @@
 "use client";
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
-var t = e();
-const a = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as t } from "../node_modules/eventemitter3/index2.js";
+var r = t();
+const m = /* @__PURE__ */ e(r);
 export {
-  a as default
+  m as default
 };

package/dist/_virtual/index4.js

@@ -1,8 +1,8 @@
 "use client";
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/extend/index.js";
-var t = r();
-const x = /* @__PURE__ */ e(t);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
+var t = e();
+const a = /* @__PURE__ */ r(t);
 export {
-  x as default
+  a as default
 };

package/dist/_virtual/index5.js

@@ -1,8 +1,8 @@
 "use client";
 import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/eventemitter3/index2.js";
-var r = t();
-const m = /* @__PURE__ */ e(r);
+import { __require as r } from "../node_modules/extend/index.js";
+var t = r();
+const x = /* @__PURE__ */ e(t);
 export {
-  m as default
+  x as default
 };

package/dist/agent-docs/adoption-report.json

@@ -1,9 +1,9 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-04-01T11:02:03.946Z",
+  "generatedAt": "2026-06-09T07:56:53.942Z",
   "package": {
     "name": "laif-ds",
-    "version": "0.2.79"
+    "version": "0.2.83"
   },
   "summary": {
     "scannedFiles": 394,
@@ -528,6 +528,13 @@
           "src/components/ui/multiple-selector.tsx"
         ]
       },
+      {
+        "className": "bg-muted/50 rounded p-4 text-sm",
+        "occurrences": 7,
+        "files": [
+          "src/components/stories/app-select.stories.tsx"
+        ]
+      },
       {
         "className": "border-d-border border px-3 py-1 text-center text-sm font-light",
         "occurrences": 7,
@@ -565,13 +572,6 @@
           "src/components/stories/playground.stories.tsx"
         ]
       },
-      {
-        "className": "bg-muted/50 rounded p-4 text-sm",
-        "occurrences": 6,
-        "files": [
-          "src/components/stories/app-select.stories.tsx"
-        ]
-      },
       {
         "className": "mb-2 text-sm font-medium",
         "occurrences": 6,

package/dist/agent-docs/components/AppSelect.md

@@ -74,6 +74,7 @@ export type MultiSelectProps = BaseProps & {
   renderValue?: (option: AppSelectOption) => React.ReactNode; // Custom render for selected values
   maxSelected?: number; // Maximum number of selectable items
   showChipsInsteadOfCount?: boolean; // Display chips instead of count (default: false)
+  selectableAll?: boolean; // Shows tri-state select-all toggle next to the search bar (default: true)
 };
 ```
 
@@ -154,6 +155,19 @@ When options have a `group` property:
 - Options without a group value (empty string, undefined, or missing) appear under the `noGroupLabel` heading
 - Grouping is based on the `group` property of `AppSelectOption`
 
+### Select All / Deselect All
+
+In multiple mode with `selectableAll={true}` (default):
+
+- A single tri-state checkbox-style toggle appears at the left of the search bar — replacing the search icon (or in a slim header bar when `searchable` is off)
+- **`Square`** icon → no filtered options selected; click selects all matching the current filter (respects `maxSelected` cap)
+- **`SquareMinus`** icon → some filtered options selected; click completes the selection (within the cap)
+- **`SquareCheck`** icon → all filtered options selected (or `maxSelected` cap reached); click deselects only the currently-filtered items — **out-of-view selections and `fixed: true` items are preserved**
+- **`SquareDot`** icon (disabled) → search yields no matches; the button stays visible but inactive so the layout doesn't collapse
+- Both actions are scoped to the current search filter — symmetric, predictable, and prevents accidental data loss
+- Uses `role="checkbox"` with dynamic `aria-checked` (`true` / `false` / `"mixed"`) and a hardcoded English `aria-label` (no per-project i18n required)
+- Available only on multi-select; type-rejected on single-select. Opt out with `selectableAll={false}`
+
 ### Max Selection Limit
 
 In multiple mode with `maxSelected` set:
@@ -420,6 +434,37 @@ export function SelectWithDisabled() {
 }
 ```
 
+### Multiple with Select All / Deselect All
+
+```tsx
+import { AppSelect } from "laif-ds";
+import { useState } from "react";
+
+const options = [
+  { value: "react", label: "React" },
+  { value: "vue", label: "Vue" },
+  { value: "angular", label: "Angular" },
+  { value: "svelte", label: "Svelte" },
+];
+
+export function SelectAllExample() {
+  const [values, setValues] = useState<(string | number)[]>([]);
+
+  return (
+    <AppSelect
+      multiple
+      selectableAll
+      searchable
+      options={options}
+      value={values}
+      onValueChange={setValues}
+      placeholder="Select frameworks"
+      label="Frameworks"
+    />
+  );
+}
+```
+
 ### Custom Render Value
 
 ```tsx
@@ -462,3 +507,4 @@ export function CustomRenderSelect() {
 - **Performance**: Efficient rendering with useMemo for computed values
 - **Custom Rendering**: Use `renderValue` prop to customize how selected options appear in the trigger
 - **Controlled Component Detection**: Uses `props.hasOwnProperty('value')` to determine if component is controlled, ensuring stable behavior even when value is `undefined`
+- **Mobile Keyboard**: Popover prevents default auto-focus on open via `onOpenAutoFocus`, so the soft keyboard does not pop up automatically when `searchable` is enabled. This avoids the visual-viewport collapse that previously caused the dropdown to flip off-screen on mobile. Tap the search input to focus it explicitly when needed.

package/dist/agent-docs/components/Chat.md

@@ -25,6 +25,7 @@ Complete chat interface: message list with markdown rendering, auto-scroll and t
 | `suggestions`       | `string[]`                                             | `undefined`             | Suggestions displayed when empty. Requires `append`.                       |
 | `className`         | `string`                                               | `undefined`             | Wrapper classes.                                                           |
 | `welcomeTitle`      | `string`                                               | `"Da dove iniziamo?"`   | Title shown in empty state.                                                |
+| `placeholder`       | `string`                                               | `"Ask AI..."`           | Placeholder text for the composer input.                                   |
 
 ---
 

package/dist/agent-docs/components/FileUploader.md

@@ -12,7 +12,8 @@ Drag-and-drop uploader with keyboard activation, file type filtering, limits (co
 | ------------------- | ------------------------- | -------------------------------------------------- | --------------------------------------------------------- |
 | `extensions`        | `AcceptItem[]`            | `["pdf","image","video","audio"]`                  | Allowed extensions/categories (maps to accept attribute). |
 | `multiple`          | `boolean`                 | `false`                                            | Enables multiple file selection.                          |
-| `onUpload`          | `(files: File[]) => void` | `undefined`                                        | Called whenever selected files change.                    |
+| `onUpload`          | `(files: File[]) => void` | `undefined`                                        | Called when files are **added**, with the resulting list. |
+| `onRemove`          | `(removed: File[], remaining: File[]) => void` | `undefined`                           | Called when files are **removed** (single or remove-all), with the removed files and the list that remains. |
 | `description`       | `string`                  | `"Trascina un file o clicca per selezionare"`      | Dropzone hint.                                            |
 | `formatDescription` | `string`                  | `"Formato accettato: PDF, Immagini, Video, Audio"` | Accepted formats hint.                                    |
 | `selectedLabel`     | `string`                  | `"File selezionati"`                               | Title shown above selected files list.                    |
@@ -30,7 +31,7 @@ Drag-and-drop uploader with keyboard activation, file type filtering, limits (co
 - **Filtering**: `extensions` map to accept string; only matching files are added.
 - **Limits**: Enforces `maxFiles` and `maxTotalSize` (with compact error caption).
 - **Previews**: Renders selected files with `FilePreview`; supports remove per file and remove-all.
-- **Integration**: `onUpload` provides the current `File[]`; perform the actual upload externally.
+- **Integration**: `onUpload` fires on **add** with the resulting `File[]`; `onRemove` fires on **removal** (single file or remove-all) with the removed files and the remaining list. Removals do **not** trigger `onUpload` — a consumer mirroring the list in its own state must handle both callbacks (see example below).
 
 ---
 
@@ -127,7 +128,11 @@ export function ExternalUploadExample() {
 
   return (
     <div className="space-y-4">
-      <FileUploader multiple onUpload={setFiles} />
+      <FileUploader
+        multiple
+        onUpload={setFiles}
+        onRemove={(_removed, remaining) => setFiles(remaining)}
+      />
       {files.length > 0 && (
         <div className="flex justify-end">
           <Button onClick={handleSubmit} isLoading={loading} iconLeft="Upload">

package/dist/agent-docs/manifest.json

@@ -1,9 +1,9 @@
 {
   "schemaVersion": "1.1.0",
-  "generatedAt": "2026-04-01T11:02:03.665Z",
+  "generatedAt": "2026-06-09T07:56:53.318Z",
   "package": {
     "name": "laif-ds",
-    "version": "0.2.79"
+    "version": "0.2.83"
   },
   "stats": {
     "documentedComponentCount": 92,
@@ -847,6 +847,7 @@
           "Search Functionality",
           "Creatable Options",
           "Grouping",
+          "Select All / Deselect All",
           "Max Selection Limit",
           "Chips Display",
           "Disabled Options",
@@ -858,6 +859,7 @@
           "Custom JSX Labels",
           "Clearable Single Select",
           "With Disabled Options",
+          "Multiple with Select All / Deselect All",
           "Custom Render Value"
         ],
         "controlledPattern": "controlled-uncontrolled-documented",
@@ -1932,10 +1934,10 @@
       },
       "metadata": {
         "props": {
-          "totalProps": 15,
+          "totalProps": 16,
           "requiredPropsCount": 4,
-          "typedPropsCount": 15,
-          "describedPropsCount": 15
+          "typedPropsCount": 16,
+          "describedPropsCount": 16
         },
         "accessibility": {
           "hasCoverage": false
@@ -3167,10 +3169,10 @@
       },
       "metadata": {
         "props": {
-          "totalProps": 9,
+          "totalProps": 10,
           "requiredPropsCount": 0,
-          "typedPropsCount": 9,
-          "describedPropsCount": 9
+          "typedPropsCount": 10,
+          "describedPropsCount": 10
         },
         "accessibility": {
           "hasCoverage": true
@@ -6059,5 +6061,5 @@
       ]
     }
   ],
-  "checksum": "405eb253ef5b553303bd5f6005a1395f86f08f55c627c8c96046719fcf78a9ad"
+  "checksum": "911fd5d24f66568dc9007439161320c179ac69eaed81a631fe5b38ffc901e9c7"
 }