@alexgorbatchev/shadcn 0.0.44 → 0.0.45

package/README.md

@@ -270,6 +270,8 @@ The npm package includes the same index at `llms.txt` in its root and its linked
 
 Use the composed parts exported from the package root, such as `DialogTrigger`, `DialogContent`, and `DialogTitle`. Storybook provides working compositions, variants, disabled states, and action callbacks. The local preview starts with `bun run storybook` and binds to `127.0.0.1:6006`.
 
+Set `wrap` on `ItemTitle` to keep complete titles visible in narrow items, including long names without spaces. The default title presentation remains unchanged.
+
 `ToggleGroup` supports optional single selection by default and independent selections with `multiple`. Set `required` for a single selection that stays pressed when activated again by pointer, Space, or Enter. Required groups accept exactly one initial item through the controlled `value` or uncontrolled `defaultValue` tuple and cannot use `multiple`. Empty selection requests are canceled through Base UI before consumer callbacks or analytics run; accepted changes retain the native array value and event-details API. This selection rule does not add form submission or validation behavior.
 
 `ScrollArea` supplies a native scroll viewport and one vertical `ScrollBar` by default. Set `scrollbars={<ScrollBar orientation="horizontal" />}` for a wide horizontal layout, or supply a fragment containing vertical and horizontal parts for both axes. The tracks stay outside the viewport and reserve their shared corner. `keepMounted` belongs to `ScrollBar`; root and track className callbacks receive native overflow/scroll state. Focus the viewport for native keyboard scrolling.

package/dist/{chunk-3r0q02k6.js → chunk-pp0qdx0f.js}

@@ -1333,11 +1333,11 @@ function ItemContent2({ density, className, ...props }) {
     ...props
   });
 }
-function ItemTitle2({ density, className, ...props }) {
+function ItemTitle2({ density, className, wrap = false, ...props }) {
   return /* @__PURE__ */ jsx14("div", {
     "data-density": density,
     "data-slot": "item-title",
-    className: cn2("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", className),
+    className: cn2(!wrap && "line-clamp-1", "flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", wrap && "min-w-0 max-w-full wrap-anywhere", className),
     ...props
   });
 }

package/dist/components/Item.d.ts

@@ -19,8 +19,11 @@ type ItemMediaProps = ComponentProps<"div"> & VariantProps<typeof itemMediaVaria
 declare function ItemMedia({ density, className, variant, ...props }: ItemMediaProps): ReactElement;
 type ItemContentProps = ComponentProps<"div"> & IDensityProps;
 declare function ItemContent({ density, className, ...props }: ItemContentProps): ReactElement;
-type ItemTitleProps = ComponentProps<"div"> & IDensityProps;
-declare function ItemTitle({ density, className, ...props }: ItemTitleProps): ReactElement;
+type ItemTitleProps = ComponentProps<"div"> & IDensityProps & {
+    /** Keep the complete title visible, including long unbroken names. */
+    wrap?: boolean;
+};
+declare function ItemTitle({ density, className, wrap, ...props }: ItemTitleProps): ReactElement;
 type ItemDescriptionProps = ComponentProps<"p"> & IDensityProps;
 declare function ItemDescription({ density, className, ...props }: ItemDescriptionProps): ReactElement;
 type ItemActionsProps = ComponentProps<"div"> & IDensityProps;

package/dist/components/json-render/index.js

@@ -36,7 +36,7 @@ import {
   DrawerHeader2,
   DrawerTitle2,
   DrawerDescription2
-} from "../../chunk-3r0q02k6.js";
+} from "../../chunk-pp0qdx0f.js";
 import {
   DropdownMenu2,
   DropdownMenuTrigger2,

package/dist/index.js

@@ -178,7 +178,7 @@ import {
   StatusTracker2,
   DashboardLayout2,
   BillingUsage2
-} from "./chunk-3r0q02k6.js";
+} from "./chunk-pp0qdx0f.js";
 import {
   Tabs2,
   tabsListVariants2,

package/dist/prototype.js

@@ -2051,7 +2051,7 @@ var program = new Command;
 // package.json
 var package_default = {
   name: "@alexgorbatchev/shadcn",
-  version: "0.0.44",
+  version: "0.0.45",
   description: "Sharp, monospace React components with compact and comfortable densities.",
   license: "MIT",
   repository: {

package/llms/components/data-display/Item.md

@@ -190,6 +190,45 @@ Storybook CSF excerpts. Default args and render apply unless overridden. Local h
 }
 ```
 
+### TitleMedia
+
+```tsx
+{
+    render: (args) => (<Item {...args}>
+      <ItemContent>
+        <ItemTitle>
+          <ItemMedia>
+            <FileIcon data-testid="title-icon" aria-hidden="true"/>
+          </ItemMedia>
+          <span>Document title</span>
+        </ItemTitle>
+      </ItemContent>
+    </Item>)
+}
+```
+
+### WrappedTitle
+
+```tsx
+{
+    render: (args) => (<div data-testid="title-container" className="w-56">
+      <Item {...args} render={<dl />}>
+        <ItemContent>
+          <dt>
+            <ItemTitle wrap>
+              <ItemMedia>
+                <FileIcon aria-hidden="true"/>
+              </ItemMedia>
+              A long saved title with repeated details and a verylongunbrokenmarkertitlethatmustremainreadable
+            </ItemTitle>
+          </dt>
+          <dd>Saved item details</dd>
+        </ItemContent>
+      </Item>
+    </div>)
+}
+```
+
 ### NativeSeparatorCallback
 
 ```tsx

package/llms/setup.md

@@ -270,6 +270,8 @@ The npm package includes the same index at `llms.txt` in its root and its linked
 
 Use the composed parts exported from the package root, such as `DialogTrigger`, `DialogContent`, and `DialogTitle`. Storybook provides working compositions, variants, disabled states, and action callbacks. The local preview starts with `bun run storybook` and binds to `127.0.0.1:6006`.
 
+Set `wrap` on `ItemTitle` to keep complete titles visible in narrow items, including long names without spaces. The default title presentation remains unchanged.
+
 `ToggleGroup` supports optional single selection by default and independent selections with `multiple`. Set `required` for a single selection that stays pressed when activated again by pointer, Space, or Enter. Required groups accept exactly one initial item through the controlled `value` or uncontrolled `defaultValue` tuple and cannot use `multiple`. Empty selection requests are canceled through Base UI before consumer callbacks or analytics run; accepted changes retain the native array value and event-details API. This selection rule does not add form submission or validation behavior.
 
 `ScrollArea` supplies a native scroll viewport and one vertical `ScrollBar` by default. Set `scrollbars={<ScrollBar orientation="horizontal" />}` for a wide horizontal layout, or supply a fragment containing vertical and horizontal parts for both axes. The tracks stay outside the viewport and reserve their shared corner. `keepMounted` belongs to `ScrollBar`; root and track className callbacks receive native overflow/scroll state. Focus the viewport for native keyboard scrolling.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexgorbatchev/shadcn",
-  "version": "0.0.44",
+  "version": "0.0.45",
   "description": "Sharp, monospace React components with compact and comfortable densities.",
   "license": "MIT",
   "repository": {