@camunda/design-system 0.58.0 → 0.60.0

package/dist/src/lib/i18n/dictionary.js

@@ -0,0 +1,134 @@
+// Readonly<> and Object.freeze together: the type catches accidental
+// mutation at compile time, the freeze catches it at runtime for any
+// consumer that bypasses TypeScript (plain JS, `as any`, etc.) — this is a
+// shared module singleton read by every C4Provider instance, so a mutation
+// here would silently change DS behavior process-wide.
+export const defaultDictionary = Object.freeze({
+    "dateRangePicker.clearRange": "Clear date range",
+    "dateRangePicker.pickEndDate": "Pick end date",
+    "dateRangePicker.pickDateRange": "Pick a date range",
+    "datePicker.pickDate": "Pick a date",
+    "dataTable.batchActions": "Batch actions",
+    "dataTable.selectAllRows": "Select all rows",
+    "dataTable.rowActions": "Row actions",
+    "dataTable.rowsPerPage": "Rows per page",
+    "dataTable.batchActionsCancel": "Cancel",
+    "dataTable.noResults": "No results.",
+    "dataTable.selectRow": "Select row",
+    "dataTable.collapseRow": "Collapse row",
+    "dataTable.expandRow": "Expand row",
+    "dataTable.selectedCount": "{count, plural, one {# selected} other {# selected}}",
+    "dataTable.pageOf": "Page {current} of {total}",
+    "dataTable.previousPage": "Previous",
+    "dataTable.nextPage": "Next",
+    "card.moreInformation": "More information",
+    "treeView.loading": "Loading tree",
+    "treeView.selectNode": "Select {label}",
+    "treeView.noItems": "No items.",
+    "alert.dismiss": "Dismiss",
+    "appSidebar.resize": "Resize sidebar",
+    "appSidebar.closeNavigation": "Close navigation",
+    "appSidebar.expand": "Expand sidebar",
+    "appSidebar.collapse": "Collapse sidebar",
+    "appSidebar.back": "Back",
+    "appSidebar.resizeValueText": "{pixels} pixels",
+    "appSidebar.collapseText": "Collapse",
+    "breadcrumb.nav": "breadcrumb",
+    "breadcrumb.more": "More",
+    "sheet.close": "Close",
+    "dialog.close": "Close",
+    "dialog.closeButton": "Close",
+    "notifications.label": "Notifications",
+    "notifications.panelTitle": "Notifications",
+    "notifications.unreadPrefix": "Unread. ",
+    "notifications.empty": "You have no notifications.",
+    "notifications.triggerLabel": "{label}, {count, plural, =0 {none unread} other {# unread}}",
+    // unreadCount/totalCount: not a byte-for-byte repoint of the old hardcoded
+    // template literal, which always rendered the plural form regardless of
+    // count (e.g. "1 unread notifications") — a pre-existing grammar bug. The
+    // ICU plural pattern below correctly renders the singular at count=1. See
+    // .changeset/i18n-notifications-labels.md. Separately, IntlMessageFormat
+    // applies locale-aware digit grouping to the `#` token inside a plural
+    // block specifically (not to plain `{arg}` placeholders elsewhere in this
+    // file, which are stringified verbatim), so a count like 1000 now renders
+    // "1,000 unread notifications" where the old hardcoded template literal
+    // rendered "1000 unread notifications" — a second, similarly intentional
+    // way this isn't byte-for-byte. The only other `#`-bearing patterns in
+    // this file are `dataTable.selectedCount` and `notifications.triggerLabel`.
+    // Realistic counts are almost always well under 1000.
+    "notifications.unreadCount": "{count, plural, one {# unread notification} other {# unread notifications}}",
+    "notifications.totalCount": "{count, plural, one {# notification} other {# notifications}}",
+    "notifications.dismissAll": "Dismiss all",
+    "notifications.dismissItem": "Dismiss {title}",
+    "inlineEdit.confirm": "Confirm",
+    "scorecard.empty": "No data",
+    "scorecard.loading": "Loading {label}",
+    "scorecard.loadingFallback": "Loading",
+    "searchInput.clear": "Clear search",
+    "chart.empty": "No data",
+    "meter.empty": "No data",
+    "meter.peakTarget": ", target {value}",
+    "navBreadcrumb.contextNav": "Context navigation",
+    "navBreadcrumb.switchContext": "Switch context",
+    "navBreadcrumb.actionsLabel": "{label} actions",
+    "navBreadcrumb.actionsLabelFallback": "More actions",
+    "navBreadcrumb.switchOrganization": "Switch organization",
+    "navBreadcrumb.organizations": "Organizations",
+    "navBreadcrumb.switchCluster": "Switch cluster",
+    "navBreadcrumb.clusters": "Clusters",
+    "navBreadcrumb.switchApp": "Switch app",
+    "navBreadcrumb.apps": "Apps",
+    "navBreadcrumb.hiddenLevels": "Show {count} hidden {count, plural, one {level} other {levels}}",
+    "multiStepDialog.back": "Back",
+    "multiStepDialog.next": "Next",
+    "multiStepDialog.complete": "Done",
+    "multiStepDialog.stepsIndicator": "Steps",
+    "multiStepDialog.stepOf": "Step {current} of {total}",
+    "multiStepDialog.goToStep": "Go to step {number}",
+    "codeBlock.copy": "Copy to clipboard",
+    "codeBlock.copied": "Copied to clipboard",
+    "codeBlock.copyFailed": "Copying failed",
+    "codeBlock.showMore": "Show more",
+    "codeBlock.showLess": "Show less",
+    "fileUploader.browse": "Browse files",
+    "fileUploader.dropZoneLabel": "Drop file here",
+    "fileUploader.fileRemoved": "{fileName} removed",
+    "fileUploader.removeFile": "Remove {fileName}",
+    "fileUploader.maxFilesReached": "Maximum {count} {count, plural, one {file} other {files}} reached.",
+    "splitButton.moreOptions": "More options",
+    "appHeader.skipToContent": "Skip to main content",
+    "combobox.search": "Search…",
+    "combobox.selectOption": "Select an option…",
+    "multiSelect.selectOptions": "Select options…",
+    "multiSelect.search": "Search…",
+    "multiSelect.noResultsFound": "No results found",
+    "multiSelect.selectAll": "Select All",
+    "multiSelect.clearAll": "Clear All",
+    "multiSelect.removeOption": "Remove {label}",
+    "multiSelect.overflowCount": "+{count} more",
+    "multiSelect.removeOverflow": "Remove {count} more selected items",
+    "sidebarProvider.closeNavigation": "Close navigation",
+    "sidebarProvider.openNavigation": "Open navigation",
+    "userMenu.trigger": "User menu, {userName}",
+    "userMenu.logout": "Log out",
+    "toast.dismiss": "Dismiss",
+    "carbonCompat.search.clear": "Clear search",
+    "carbonCompat.accordionSkeleton.loading": "Loading",
+    "carbonCompat.dataTable.noResults": "No results.",
+    "carbonCompat.tableToolbar.search": "Search",
+    "carbonCompat.tableExpand.collapseRow": "Collapse row",
+    "carbonCompat.tableExpand.expandRow": "Expand row",
+    "carbonCompat.tableBatchActions.selectedCount": "{count} selected",
+    "carbonCompat.tableBatchActions.cancel": "Cancel",
+    "carbonCompat.tableSelect.selectAllRows": "Select all rows",
+    "carbonCompat.tableSelect.selectRow": "Select row",
+    "carbonCompat.codeSnippet.copy": "Copy to clipboard",
+    "carbonCompat.codeSnippet.copied": "Copied!",
+    "carbonCompat.modal.confirmAction": "Confirm action",
+    "carbonCompat.errorBoundary.title": "Something went wrong",
+    "carbonCompat.errorBoundary.description": "An unexpected error occurred. Please try reloading the page.",
+    "overflowStrip.previous": "Show previous items",
+    "overflowStrip.next": "Show more items",
+    "formErrorSummary.title": "Fix the following to continue",
+});
+//# sourceMappingURL=dictionary.js.map

package/dist/src/lib/i18n/dictionary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.js","sourceRoot":"","sources":["../../../../src/lib/i18n/dictionary.ts"],"names":[],"mappings":"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"}

package/dist/src/lib/merge-refs.d.ts

@@ -0,0 +1,8 @@
+import type * as React from "react";
+/**
+ * Hands one DOM node to both a forwarded `ref` and a ref the component keeps
+ * for itself. Memoise the result: a new callback ref every render makes React
+ * detach and reattach the node each time.
+ */
+export declare function mergeRefs<T>(a: React.Ref<T> | undefined, b: React.RefObject<T | null>): (node: T | null) => void;
+//# sourceMappingURL=merge-refs.d.ts.map

package/dist/src/lib/merge-refs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-refs.d.ts","sourceRoot":"","sources":["../../../src/lib/merge-refs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,CAAC,EACzB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,EAC3B,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,GAC3B,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAM1B"}

package/dist/src/lib/merge-refs.js

@@ -0,0 +1,15 @@
+/**
+ * Hands one DOM node to both a forwarded `ref` and a ref the component keeps
+ * for itself. Memoise the result: a new callback ref every render makes React
+ * detach and reattach the node each time.
+ */
+export function mergeRefs(a, b) {
+    return (node) => {
+        if (typeof a === "function")
+            a(node);
+        else if (a)
+            a.current = node;
+        b.current = node;
+    };
+}
+//# sourceMappingURL=merge-refs.js.map

package/dist/src/lib/merge-refs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-refs.js","sourceRoot":"","sources":["../../../src/lib/merge-refs.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,UAAU,SAAS,CACvB,CAA2B,EAC3B,CAA4B;IAE5B,OAAO,CAAC,IAAI,EAAE,EAAE;QACd,IAAI,OAAO,CAAC,KAAK,UAAU;YAAE,CAAC,CAAC,IAAI,CAAC,CAAC;aAChC,IAAI,CAAC;YAAG,CAA+B,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5D,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC;IACnB,CAAC,CAAC;AACJ,CAAC"}

package/dist/src/lib/with-ref.d.ts

@@ -9,7 +9,9 @@ import * as React from "react";
  * In React 19 both patterns work. Drop this file once all consumers
  * have migrated to React 19.
  */
+type OmitRef<P> = P extends unknown ? Omit<P, "ref"> : never;
 export declare function withRef<T, P extends {
     ref?: React.Ref<T>;
-}>(Component: (props: P) => React.ReactNode): React.ForwardRefExoticComponent<Omit<P, "ref"> & React.RefAttributes<T>>;
+}>(Component: (props: P) => React.ReactNode): React.ForwardRefExoticComponent<OmitRef<P> & React.RefAttributes<T>>;
+export {};
 //# sourceMappingURL=with-ref.d.ts.map

package/dist/src/lib/with-ref.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"with-ref.d.ts","sourceRoot":"","sources":["../../../src/lib/with-ref.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,CAAC,SAAS;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;CAAE,EACzD,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,GACvC,KAAK,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAS1E"}
+{"version":3,"file":"with-ref.d.ts","sourceRoot":"","sources":["../../../src/lib/with-ref.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;GASG;AAIH,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,OAAO,GAAG,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC;AAE7D,wBAAgB,OAAO,CAAC,CAAC,EAAE,CAAC,SAAS;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;CAAE,EACzD,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,GACvC,KAAK,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAStE"}

package/dist/src/lib/with-ref.js

@@ -1,14 +1,4 @@
 import * as React from "react";
-/**
- * Bridges React 19 ref-as-prop components with React 18 forwardRef consumers.
- *
- * DS components are authored with ref as a regular prop (React 19 native).
- * This wrapper re-exports them via React.forwardRef so that React 18
- * consumers (Hub) can pass refs and have them arrive correctly.
- *
- * In React 19 both patterns work. Drop this file once all consumers
- * have migrated to React 19.
- */
 export function withRef(Component) {
     const Forwarded = React.forwardRef((props, ref) => Component({ ...props, ref }));
     Forwarded.displayName =

package/dist/src/lib/with-ref.js.map

@@ -1 +1 @@
-{"version":3,"file":"with-ref.js","sourceRoot":"","sources":["../../../src/lib/with-ref.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;GASG;AACH,MAAM,UAAU,OAAO,CACrB,SAAwC;IAExC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAoB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CACnE,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAkB,CAAC,CAC7C,CAAC;IACF,SAAS,CAAC,WAAW;QAClB,SAAsC,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,CAAC;IACxE,OAAO,SAEN,CAAC;AACJ,CAAC"}
+{"version":3,"file":"with-ref.js","sourceRoot":"","sources":["../../../src/lib/with-ref.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,UAAU,OAAO,CACrB,SAAwC;IAExC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAC/D,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAkB,CAAC,CAC7C,CAAC;IACF,SAAS,CAAC,WAAW;QAClB,SAAsC,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,CAAC;IACxE,OAAO,SAEN,CAAC;AACJ,CAAC"}

package/dist/styles.css

@@ -481,6 +481,12 @@
 .ml-auto {
   margin-left: auto;
 }
+.line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
 .line-clamp-2 {
   overflow: hidden;
   display: -webkit-box;
@@ -953,6 +959,9 @@
 .min-w-\[420px\] {
   min-width: 420px;
 }
+.min-w-fit {
+  min-width: fit-content;
+}
 .flex-1 {
   flex: 1;
 }
@@ -1289,6 +1298,9 @@
 .overflow-hidden {
   overflow: hidden;
 }
+.overflow-visible {
+  overflow: visible;
+}
 .overflow-x-auto {
   overflow-x: auto;
 }
@@ -1974,6 +1986,9 @@
 .whitespace-pre-wrap {
   white-space: pre-wrap;
 }
+.tab-0 {
+  tab-size: 0;
+}
 .text-\[\#abc\] {
   color: #abc;
 }
@@ -2083,6 +2098,9 @@
 .underline-offset-2 {
   text-underline-offset: 2px;
 }
+.underline-offset-3 {
+  text-underline-offset: 3px;
+}
 .underline-offset-4 {
   text-underline-offset: 4px;
 }
@@ -2313,6 +2331,21 @@
 .group-data-horizontal\/tabs\:h-9:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
   height: calc(var(--spacing) * 9);
 }
+.group-data-horizontal\/tabs\:max-w-full:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
+  max-width: 100%;
+}
+.group-data-horizontal\/tabs\:min-w-0:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
+  min-width: 0px;
+}
+.group-data-horizontal\/tabs\:\[scrollbar-width\:none\]:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
+  scrollbar-width: none;
+}
+.group-data-horizontal\/tabs\:items-center:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
+  align-items: center;
+}
+.group-data-horizontal\/tabs\:overflow-x-auto:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
+  overflow-x: auto;
+}
 .group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
   height: fit-content;
 }
@@ -2322,9 +2355,15 @@
 .group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
   flex-direction: column;
 }
+.group-data-vertical\/tabs\:items-start:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
+  align-items: flex-start;
+}
 .group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
   justify-content: flex-start;
 }
+.group-data-vertical\/tabs\:overflow-visible:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
+  overflow: visible;
+}
 .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
   cursor: not-allowed;
 }
@@ -2873,12 +2912,6 @@
 :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
   display: flex;
 }
-:is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
-  align-items: center;
-}
-:is(.\*\:data-\[slot\=select-value\]\:gap-1\.5 > *)[data-slot="select-value"] {
-  gap: calc(var(--spacing) * 1.5);
-}
 .data-\[state\=\.\.\.\]\:opacity-100[data-state="..."] {
   opacity: 100%;
 }
@@ -2957,10 +2990,16 @@
   }
 }
 @media (prefers-reduced-motion: no-preference) {
+  .motion-safe\:scroll-smooth {
+    scroll-behavior: smooth;
+  }
   .motion-safe\:duration-150 {
     --tw-duration: 150ms;
     transition-duration: 150ms;
   }
+  .group-data-horizontal\/tabs\:motion-safe\:scroll-smooth:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
+    scroll-behavior: smooth;
+  }
 }
 @media (width >= 40rem) {
   .sm\:inset-x-auto {
@@ -3268,6 +3307,23 @@
 .\[\&_\[data-interactive\]\]\:pointer-events-auto [data-interactive] {
   pointer-events: auto;
 }
+.\[\&_\[data-slot\=select-value\]\]\:min-w-0 [data-slot=select-value] {
+  min-width: 0px;
+}
+.\[\&_\[data-slot\=select-value\]\:not\(\[data-has-children\]\)\]\:truncate [data-slot=select-value]:not([data-has-children]) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.\[\&_\[data-slot\=select-value\]\[data-has-children\]\]\:flex [data-slot=select-value][data-has-children] {
+  display: flex;
+}
+.\[\&_\[data-slot\=select-value\]\[data-has-children\]\]\:items-center [data-slot=select-value][data-has-children] {
+  align-items: center;
+}
+.\[\&_\[data-slot\=select-value\]\[data-has-children\]\]\:gap-1\.5 [data-slot=select-value][data-has-children] {
+  gap: calc(var(--spacing) * 1.5);
+}
 .\[\&_\[data-slot\=table-row\]\:hover\]\:bg-neutral-background-medium [data-slot=table-row]:hover {
   background-color: var(--neutral-background-medium);
 }
@@ -3337,6 +3393,9 @@
 .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
   display: none;
 }
+.group-data-horizontal\/tabs\:\[\&\:\:-webkit-scrollbar\]\:hidden:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *)::-webkit-scrollbar {
+  display: none;
+}
 .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button {
   appearance: none;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camunda/design-system",
-  "version": "0.58.0",
+  "version": "0.60.0",
   "description": "Camunda's AI-first design system. shadcn + Tailwind components, design tokens aligned to Camunda's identity, and AI tooling for component authoring + migration.",
   "license": "Apache-2.0",
   "repository": {
@@ -73,7 +73,7 @@
     "audit:conventions": "node scripts/audit-conventions.mjs",
     "mapping:build": "bash skills/migrate/scripts/build-mapping.sh",
     "mapping:check": "bash skills/migrate/scripts/build-mapping.sh --check",
-    "test:rules": "node eslint-rules/no-adhoc-typography.test.mjs && node eslint-rules/no-primitive-tailwind-colors.test.mjs && node eslint-rules/no-raw-color-in-classname.test.mjs && node eslint-rules/require-shared-sidebar-provider.test.mjs && node eslint-rules/no-direct-lucide-import.test.mjs && node --test src/icons/registry.integrity.test.mjs",
+    "test:rules": "node eslint-rules/no-adhoc-typography.test.mjs && node eslint-rules/no-primitive-tailwind-colors.test.mjs && node eslint-rules/no-raw-color-in-classname.test.mjs && node eslint-rules/require-shared-sidebar-provider.test.mjs && node eslint-rules/no-direct-lucide-import.test.mjs && node eslint-rules/no-hardcoded-user-facing-string.test.mjs && node --test src/icons/registry.integrity.test.mjs src/lib/i18n/dictionary.test.mjs src/lib/i18n/dictionary-usage.test.mjs src/lib/i18n/context.test.mjs",
     "test:hooks": "python3 plugins/camunda-design-system/scripts/route-request.test.py",
     "prepare": "husky",
     "release": "changeset publish",
@@ -107,9 +107,11 @@
     "clsx": "2.1.1",
     "cmdk": "1.1.1",
     "date-fns": "^4.4.0",
+    "intl-messageformat": "^10.7.18",
     "lucide-react": "^1.42.0",
     "radix-ui": "1.6.7",
     "react-day-picker": "^10.0.1",
+    "react-remove-scroll": "^2.7.2",
     "recharts": "^3.8.1",
     "sonner": "^2.0.8",
     "tailwind-merge": "3.6.0"