@neo4j-ndl/react 4.11.7 → 4.12.0

package/lib/cjs/avatar/Avatar.js

@@ -77,7 +77,7 @@ const getLettersDisplay = (displayName) => {
         .toUpperCase();
 };
 const Avatar = (_a) => {
-    var { as, hasStatus = false, isDisabled = false, name, shape = 'circle', size = 'medium', source, status, type: initialType = 'image', className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["as", "hasStatus", "isDisabled", "name", "shape", "size", "source", "status", "type", "className", "style", "htmlAttributes", "ref"]);
+    var { as, hasStatus = false, icon, isDisabled = false, name, shape = 'circle', size = 'medium', source, status, type: initialType = 'image', className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["as", "hasStatus", "icon", "isDisabled", "name", "shape", "size", "source", "status", "type", "className", "style", "htmlAttributes", "ref"]);
     // If source is not provided, fallback to icon
     const type = initialType === 'image' && (source === undefined || source === '')
         ? 'icon'
@@ -90,7 +90,7 @@ const Avatar = (_a) => {
     });
     const typeClass = `ndl-avatar-${type}`;
     const renderImageType = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { "data-testid": "ndl-avatar-image", src: source, alt: name }), (0, jsx_runtime_1.jsx)("div", { "data-testid": "ndl-avatar-image-overlay", className: `${shapeClasses} ndl-avatar-image-overlay` })] }));
-    const renderIconType = () => (0, jsx_runtime_1.jsx)(icons_1.UserIconOutline, {});
+    const renderIconType = () => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: icon !== null && icon !== void 0 ? icon : (0, jsx_runtime_1.jsx)(icons_1.UserIconOutline, {}) });
     const renderLettersType = () => {
         return ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "subheading-small", className: "ndl-avatar-typography", children: getLettersDisplay(name !== null && name !== void 0 ? name : '') }));
     };

package/lib/cjs/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/avatar/Avatar.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport { UserIconOutline } from '../icons';\nimport { Typography } from '../typography';\n\ntype SizeType = AvatarProps['size'];\ntype StatusType = NonNullable<AvatarProps['status']>;\n\ninterface CircleProperties {\n  /** Center coordinates of the circles */\n  cxAndCy: number;\n  /** Diameter of the circles */\n  diameter: number;\n  /** Radius of the inner circle */\n  rInner: number;\n  /** Radius of the outer circle */\n  rOuter: number;\n}\n\nfunction circleSizeFactory(size: SizeType): CircleProperties {\n  switch (size) {\n    case 'x-small':\n    case 'small':\n    case 'medium':\n      return {\n        cxAndCy: 4.5,\n        diameter: 9,\n        rInner: 3,\n        rOuter: 4.5,\n      };\n    case 'large':\n    case 'x-large':\n    default:\n      return {\n        cxAndCy: 6,\n        diameter: 12,\n        rInner: 4,\n        rOuter: 6,\n      };\n  }\n}\n\nfunction StatusIndicator({\n  size,\n  status,\n}: {\n  size: SizeType;\n  status: StatusType;\n}) {\n  const { cxAndCy, diameter, rInner, rOuter } = circleSizeFactory(size);\n  const statusClasses = `ndl-avatar-status ndl-avatar-status-${status}`;\n\n  return (\n    <div\n      className={statusClasses}\n      title={status.charAt(0).toUpperCase() + status.slice(1)}\n      role=\"presentation\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height={diameter}\n        width={diameter}\n        viewBox={`0 0 ${diameter} ${diameter}`}\n        fill=\"none\"\n      >\n        <circle\n          cx={cxAndCy}\n          cy={cxAndCy}\n          r={rOuter}\n          className=\"ndl-avatar-status-circle-outer\"\n        />\n        <circle\n          cx={cxAndCy}\n          cy={cxAndCy}\n          r={status === 'unknown' ? rInner - 1 : rInner}\n          className=\"ndl-avatar-status-circle-inner\"\n        />\n      </svg>\n    </div>\n  );\n}\n\ntype AvatarProps = {\n  /** Whether to display a status indicator */\n  hasStatus?: boolean;\n  /** Whether the avatar is disabled. When disabled, status indicators are hidden and `onClick` handlers are disabled when cast as a button */\n  isDisabled?: boolean;\n  /** The name associated with the avatar. Used for alt text and aria-label. For letters type, this text is displayed */\n  name?: string;\n  /** The shape of the avatar */\n  shape?: 'circle' | 'square';\n  /** The size of the avatar */\n  size?: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';\n  /** Source URI for the image. When provided with `type=\"image`\", displays the image */\n  source?: string;\n  /** The status to display. Only shown when `hasStatus` is `true` and component is not disabled */\n  status?: 'offline' | 'online' | 'unknown';\n  /** The type of avatar content. If `type=\"image\"` and no source is provided, automatically falls back to `icon` */\n  type?: 'icon' | 'image' | 'letters';\n} & (\n  | {\n      as: 'button';\n      onClick: () => void;\n    }\n  | {\n      as?: React.ElementType;\n    }\n);\n\nconst getLettersDisplay = (displayName: string) => {\n  const words = displayName.trim().split(/\\s+/).filter(Boolean);\n  if (words.length <= 1) {\n    return displayName.trim();\n  }\n  return words\n    .map((word) => word.charAt(0))\n    .join('')\n    .toUpperCase();\n};\n\nexport const Avatar = <T extends React.ElementType = 'div'>({\n  as,\n  hasStatus = false,\n  isDisabled = false,\n  name,\n  shape = 'circle',\n  size = 'medium',\n  source,\n  status,\n  type: initialType = 'image',\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, AvatarProps>) => {\n  // If source is not provided, fallback to icon\n  const type =\n    initialType === 'image' && (source === undefined || source === '')\n      ? 'icon'\n      : initialType;\n\n  const Component: React.ElementType = as ?? 'div';\n  const isButton = Component === 'button';\n  const classes = classNames(\n    `ndl-avatar ndl-avatar-${shape} ndl-avatar-${size}`,\n    className,\n  );\n  const shapeClasses = classNames(\n    `ndl-avatar-shape ndl-avatar-${shape} ndl-avatar-${shape}-${size}`,\n    {\n      'ndl-avatar-disabled': isDisabled,\n    },\n  );\n\n  const typeClass = `ndl-avatar-${type}`;\n\n  const renderImageType = () => (\n    <>\n      <img data-testid=\"ndl-avatar-image\" src={source} alt={name} />\n      <div\n        data-testid=\"ndl-avatar-image-overlay\"\n        className={`${shapeClasses} ndl-avatar-image-overlay`}\n      />\n    </>\n  );\n\n  const renderIconType = () => <UserIconOutline />;\n\n  const renderLettersType = () => {\n    return (\n      <Typography variant=\"subheading-small\" className=\"ndl-avatar-typography\">\n        {getLettersDisplay(name ?? '')}\n      </Typography>\n    );\n  };\n\n  const TypeComponent =\n    type === 'image'\n      ? renderImageType()\n      : type === 'icon'\n        ? renderIconType()\n        : type === 'letters' && Boolean(name)\n          ? renderLettersType()\n          : null;\n\n  const isStatusIndicatorVisible =\n    hasStatus && !isDisabled && status !== undefined;\n\n  return (\n    <Component\n      ref={ref}\n      className={classes}\n      style={style}\n      aria-hidden={!isButton}\n      {...(isButton && {\n        disabled: isDisabled,\n      })}\n      aria-label={`Avatar ${name}`}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <div className={classNames(shapeClasses, typeClass)}>{TypeComponent}</div>\n      {isStatusIndicatorVisible && (\n        <StatusIndicator size={size} status={status} />\n      )}\n    </Component>\n  );\n};\n"]}
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/avatar/Avatar.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport { UserIconOutline } from '../icons';\nimport { Typography } from '../typography';\n\ntype SizeType = AvatarProps['size'];\ntype StatusType = NonNullable<AvatarProps['status']>;\n\ninterface CircleProperties {\n  /** Center coordinates of the circles */\n  cxAndCy: number;\n  /** Diameter of the circles */\n  diameter: number;\n  /** Radius of the inner circle */\n  rInner: number;\n  /** Radius of the outer circle */\n  rOuter: number;\n}\n\nfunction circleSizeFactory(size: SizeType): CircleProperties {\n  switch (size) {\n    case 'x-small':\n    case 'small':\n    case 'medium':\n      return {\n        cxAndCy: 4.5,\n        diameter: 9,\n        rInner: 3,\n        rOuter: 4.5,\n      };\n    case 'large':\n    case 'x-large':\n    default:\n      return {\n        cxAndCy: 6,\n        diameter: 12,\n        rInner: 4,\n        rOuter: 6,\n      };\n  }\n}\n\nfunction StatusIndicator({\n  size,\n  status,\n}: {\n  size: SizeType;\n  status: StatusType;\n}) {\n  const { cxAndCy, diameter, rInner, rOuter } = circleSizeFactory(size);\n  const statusClasses = `ndl-avatar-status ndl-avatar-status-${status}`;\n\n  return (\n    <div\n      className={statusClasses}\n      title={status.charAt(0).toUpperCase() + status.slice(1)}\n      role=\"presentation\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height={diameter}\n        width={diameter}\n        viewBox={`0 0 ${diameter} ${diameter}`}\n        fill=\"none\"\n      >\n        <circle\n          cx={cxAndCy}\n          cy={cxAndCy}\n          r={rOuter}\n          className=\"ndl-avatar-status-circle-outer\"\n        />\n        <circle\n          cx={cxAndCy}\n          cy={cxAndCy}\n          r={status === 'unknown' ? rInner - 1 : rInner}\n          className=\"ndl-avatar-status-circle-inner\"\n        />\n      </svg>\n    </div>\n  );\n}\n\ntype AvatarProps = {\n  /** Whether to display a status indicator */\n  hasStatus?: boolean;\n  /** Whether the avatar is disabled. When disabled, status indicators are hidden and `onClick` handlers are disabled when cast as a button */\n  isDisabled?: boolean;\n  /** The name associated with the avatar. Used for alt text and aria-label. For letters type, this text is displayed */\n  name?: string;\n  /** The shape of the avatar */\n  shape?: 'circle' | 'square';\n  /** The size of the avatar */\n  size?: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';\n  /** Source URI for the image. When provided with `type=\"image`\", displays the image */\n  source?: string;\n  /** The status to display. Only shown when `hasStatus` is `true` and component is not disabled */\n  status?: 'offline' | 'online' | 'unknown';\n  /** The type of avatar content. If `type=\"image\"` and no source is provided, automatically falls back to `icon` */\n  type?: 'icon' | 'image' | 'letters';\n  /** Custom icon to display when `type` is `\"icon\"`. Defaults to `UserIconOutline` */\n  icon?: React.ReactNode;\n} & (\n  | {\n      as: 'button';\n      onClick: () => void;\n    }\n  | {\n      as?: React.ElementType;\n    }\n);\n\nconst getLettersDisplay = (displayName: string) => {\n  const words = displayName.trim().split(/\\s+/).filter(Boolean);\n  if (words.length <= 1) {\n    return displayName.trim();\n  }\n  return words\n    .map((word) => word.charAt(0))\n    .join('')\n    .toUpperCase();\n};\n\nexport const Avatar = <T extends React.ElementType = 'div'>({\n  as,\n  hasStatus = false,\n  icon,\n  isDisabled = false,\n  name,\n  shape = 'circle',\n  size = 'medium',\n  source,\n  status,\n  type: initialType = 'image',\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, AvatarProps>) => {\n  // If source is not provided, fallback to icon\n  const type =\n    initialType === 'image' && (source === undefined || source === '')\n      ? 'icon'\n      : initialType;\n\n  const Component: React.ElementType = as ?? 'div';\n  const isButton = Component === 'button';\n  const classes = classNames(\n    `ndl-avatar ndl-avatar-${shape} ndl-avatar-${size}`,\n    className,\n  );\n  const shapeClasses = classNames(\n    `ndl-avatar-shape ndl-avatar-${shape} ndl-avatar-${shape}-${size}`,\n    {\n      'ndl-avatar-disabled': isDisabled,\n    },\n  );\n\n  const typeClass = `ndl-avatar-${type}`;\n\n  const renderImageType = () => (\n    <>\n      <img data-testid=\"ndl-avatar-image\" src={source} alt={name} />\n      <div\n        data-testid=\"ndl-avatar-image-overlay\"\n        className={`${shapeClasses} ndl-avatar-image-overlay`}\n      />\n    </>\n  );\n\n  const renderIconType = () => <>{icon ?? <UserIconOutline />}</>;\n\n  const renderLettersType = () => {\n    return (\n      <Typography variant=\"subheading-small\" className=\"ndl-avatar-typography\">\n        {getLettersDisplay(name ?? '')}\n      </Typography>\n    );\n  };\n\n  const TypeComponent =\n    type === 'image'\n      ? renderImageType()\n      : type === 'icon'\n        ? renderIconType()\n        : type === 'letters' && Boolean(name)\n          ? renderLettersType()\n          : null;\n\n  const isStatusIndicatorVisible =\n    hasStatus && !isDisabled && status !== undefined;\n\n  return (\n    <Component\n      ref={ref}\n      className={classes}\n      style={style}\n      aria-hidden={!isButton}\n      {...(isButton && {\n        disabled: isDisabled,\n      })}\n      aria-label={`Avatar ${name}`}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <div className={classNames(shapeClasses, typeClass)}>{TypeComponent}</div>\n      {isStatusIndicatorVisible && (\n        <StatusIndicator size={size} status={status} />\n      )}\n    </Component>\n  );\n};\n"]}

package/lib/cjs/avatar/stories/avatar-custom-icon.story.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const icons_1 = require("@neo4j-ndl/react/icons");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-gap-token-16", children: [(0, jsx_runtime_1.jsx)(react_1.Avatar, { type: "icon", name: "Favorites", icon: (0, jsx_runtime_1.jsx)(icons_1.StarIconOutline, {}) }), (0, jsx_runtime_1.jsx)(react_1.Avatar, { type: "icon", name: "Notifications", icon: (0, jsx_runtime_1.jsx)(icons_1.BellIconOutline, {}) }), (0, jsx_runtime_1.jsx)(react_1.Avatar, { type: "icon", name: "Likes", icon: (0, jsx_runtime_1.jsx)(icons_1.HeartIconOutline, {}) })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=avatar-custom-icon.story.js.map

package/lib/cjs/avatar/stories/avatar-custom-icon.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-custom-icon.story.js","sourceRoot":"","sources":["../../../../src/avatar/stories/avatar-custom-icon.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA0C;AAC1C,kDAIgC;AAEhC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,uBAAuB,aACpC,uBAAC,cAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,uBAAC,uBAAe,KAAG,GAAI,EAClE,uBAAC,cAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAE,uBAAC,uBAAe,KAAG,GAAI,EACtE,uBAAC,cAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,uBAAC,wBAAgB,KAAG,GAAI,IAC3D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Avatar } from '@neo4j-ndl/react';\nimport {\n  BellIconOutline,\n  HeartIconOutline,\n  StarIconOutline,\n} from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-gap-token-16\">\n      <Avatar type=\"icon\" name=\"Favorites\" icon={<StarIconOutline />} />\n      <Avatar type=\"icon\" name=\"Notifications\" icon={<BellIconOutline />} />\n      <Avatar type=\"icon\" name=\"Likes\" icon={<HeartIconOutline />} />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/avatar/stories/index.js

@@ -23,7 +23,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AvatarStatusesSource = exports.AvatarTypesSource = exports.AvatarShapesSource = exports.AvatarSizesSource = exports.AvatarDisabledSource = exports.AvatarDefaultSource = exports.AvatarStatuses = exports.AvatarTypes = exports.AvatarShapes = exports.AvatarSizes = exports.AvatarDisabled = exports.AvatarDefault = void 0;
+exports.AvatarStatusesSource = exports.AvatarTypesSource = exports.AvatarShapesSource = exports.AvatarSizesSource = exports.AvatarDisabledSource = exports.AvatarDefaultSource = exports.AvatarCustomIconSource = exports.AvatarStatuses = exports.AvatarTypes = exports.AvatarShapes = exports.AvatarSizes = exports.AvatarDisabled = exports.AvatarDefault = exports.AvatarCustomIcon = void 0;
+var avatar_custom_icon_story_1 = require("./avatar-custom-icon.story");
+Object.defineProperty(exports, "AvatarCustomIcon", { enumerable: true, get: function () { return __importDefault(avatar_custom_icon_story_1).default; } });
 var avatar_default_story_1 = require("./avatar-default.story");
 Object.defineProperty(exports, "AvatarDefault", { enumerable: true, get: function () { return __importDefault(avatar_default_story_1).default; } });
 var avatar_disabled_story_1 = require("./avatar-disabled.story");
@@ -37,12 +39,14 @@ Object.defineProperty(exports, "AvatarTypes", { enumerable: true, get: function
 var avatar_statuses_story_1 = require("./avatar-statuses.story");
 Object.defineProperty(exports, "AvatarStatuses", { enumerable: true, get: function () { return __importDefault(avatar_statuses_story_1).default; } });
 const export_stories_utils_1 = require("../../_common/export-stories-utils");
+const avatar_custom_icon_story_raw_1 = __importDefault(require("./avatar-custom-icon.story?raw"));
 const avatar_default_story_raw_1 = __importDefault(require("./avatar-default.story?raw"));
 const avatar_disabled_story_raw_1 = __importDefault(require("./avatar-disabled.story?raw"));
 const avatar_shapes_story_raw_1 = __importDefault(require("./avatar-shapes.story?raw"));
 const avatar_sizes_story_raw_1 = __importDefault(require("./avatar-sizes.story?raw"));
 const avatar_statuses_story_raw_1 = __importDefault(require("./avatar-statuses.story?raw"));
 const avatar_types_story_raw_1 = __importDefault(require("./avatar-types.story?raw"));
+exports.AvatarCustomIconSource = (0, export_stories_utils_1.removeLicenseHeader)(avatar_custom_icon_story_raw_1.default);
 exports.AvatarDefaultSource = (0, export_stories_utils_1.removeLicenseHeader)(avatar_default_story_raw_1.default);
 exports.AvatarDisabledSource = (0, export_stories_utils_1.removeLicenseHeader)(avatar_disabled_story_raw_1.default);
 exports.AvatarSizesSource = (0, export_stories_utils_1.removeLicenseHeader)(avatar_sizes_story_raw_1.default);

package/lib/cjs/avatar/stories/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/avatar/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,+DAAkE;AAAzD,sIAAA,OAAO,OAAiB;AACjC,iEAAoE;AAA3D,wIAAA,OAAO,OAAkB;AAClC,2DAA8D;AAArD,kIAAA,OAAO,OAAe;AAC/B,6DAAgE;AAAvD,oIAAA,OAAO,OAAgB;AAChC,2DAA8D;AAArD,kIAAA,OAAO,OAAe;AAC/B,iEAAoE;AAA3D,wIAAA,OAAO,OAAkB;AAElC,6EAAyE;AACzE,0FAAgE;AAChE,4FAAkE;AAClE,wFAA8D;AAC9D,sFAA4D;AAC5D,4FAAkE;AAClE,sFAA4D;AAE/C,QAAA,mBAAmB,GAAG,IAAA,0CAAmB,EAAC,kCAAsB,CAAC,CAAC;AAClE,QAAA,oBAAoB,GAAG,IAAA,0CAAmB,EACrD,mCAAuB,CACxB,CAAC;AACW,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,gCAAoB,CAAC,CAAC;AAC9D,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,iCAAqB,CAAC,CAAC;AAChE,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,gCAAoB,CAAC,CAAC;AAC9D,QAAA,oBAAoB,GAAG,IAAA,0CAAmB,EACrD,mCAAuB,CACxB,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { default as AvatarDefault } from './avatar-default.story';\nexport { default as AvatarDisabled } from './avatar-disabled.story';\nexport { default as AvatarSizes } from './avatar-sizes.story';\nexport { default as AvatarShapes } from './avatar-shapes.story';\nexport { default as AvatarTypes } from './avatar-types.story';\nexport { default as AvatarStatuses } from './avatar-statuses.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport AvatarDefaultSourceRaw from './avatar-default.story?raw';\nimport AvatarDisabledSourceRaw from './avatar-disabled.story?raw';\nimport AvatarShapesSourceRaw from './avatar-shapes.story?raw';\nimport AvatarSizesSourceRaw from './avatar-sizes.story?raw';\nimport AvatarStatusesSourceRaw from './avatar-statuses.story?raw';\nimport AvatarTypesSourceRaw from './avatar-types.story?raw';\n\nexport const AvatarDefaultSource = removeLicenseHeader(AvatarDefaultSourceRaw);\nexport const AvatarDisabledSource = removeLicenseHeader(\n  AvatarDisabledSourceRaw,\n);\nexport const AvatarSizesSource = removeLicenseHeader(AvatarSizesSourceRaw);\nexport const AvatarShapesSource = removeLicenseHeader(AvatarShapesSourceRaw);\nexport const AvatarTypesSource = removeLicenseHeader(AvatarTypesSourceRaw);\nexport const AvatarStatusesSource = removeLicenseHeader(\n  AvatarStatusesSourceRaw,\n);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/avatar/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,uEAAyE;AAAhE,6IAAA,OAAO,OAAoB;AACpC,+DAAkE;AAAzD,sIAAA,OAAO,OAAiB;AACjC,iEAAoE;AAA3D,wIAAA,OAAO,OAAkB;AAClC,2DAA8D;AAArD,kIAAA,OAAO,OAAe;AAC/B,6DAAgE;AAAvD,oIAAA,OAAO,OAAgB;AAChC,2DAA8D;AAArD,kIAAA,OAAO,OAAe;AAC/B,iEAAoE;AAA3D,wIAAA,OAAO,OAAkB;AAElC,6EAAyE;AACzE,kGAAuE;AACvE,0FAAgE;AAChE,4FAAkE;AAClE,wFAA8D;AAC9D,sFAA4D;AAC5D,4FAAkE;AAClE,sFAA4D;AAE/C,QAAA,sBAAsB,GAAG,IAAA,0CAAmB,EACvD,sCAAyB,CAC1B,CAAC;AACW,QAAA,mBAAmB,GAAG,IAAA,0CAAmB,EAAC,kCAAsB,CAAC,CAAC;AAClE,QAAA,oBAAoB,GAAG,IAAA,0CAAmB,EACrD,mCAAuB,CACxB,CAAC;AACW,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,gCAAoB,CAAC,CAAC;AAC9D,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,iCAAqB,CAAC,CAAC;AAChE,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,gCAAoB,CAAC,CAAC;AAC9D,QAAA,oBAAoB,GAAG,IAAA,0CAAmB,EACrD,mCAAuB,CACxB,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { default as AvatarCustomIcon } from './avatar-custom-icon.story';\nexport { default as AvatarDefault } from './avatar-default.story';\nexport { default as AvatarDisabled } from './avatar-disabled.story';\nexport { default as AvatarSizes } from './avatar-sizes.story';\nexport { default as AvatarShapes } from './avatar-shapes.story';\nexport { default as AvatarTypes } from './avatar-types.story';\nexport { default as AvatarStatuses } from './avatar-statuses.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport AvatarCustomIconSourceRaw from './avatar-custom-icon.story?raw';\nimport AvatarDefaultSourceRaw from './avatar-default.story?raw';\nimport AvatarDisabledSourceRaw from './avatar-disabled.story?raw';\nimport AvatarShapesSourceRaw from './avatar-shapes.story?raw';\nimport AvatarSizesSourceRaw from './avatar-sizes.story?raw';\nimport AvatarStatusesSourceRaw from './avatar-statuses.story?raw';\nimport AvatarTypesSourceRaw from './avatar-types.story?raw';\n\nexport const AvatarCustomIconSource = removeLicenseHeader(\n  AvatarCustomIconSourceRaw,\n);\nexport const AvatarDefaultSource = removeLicenseHeader(AvatarDefaultSourceRaw);\nexport const AvatarDisabledSource = removeLicenseHeader(\n  AvatarDisabledSourceRaw,\n);\nexport const AvatarSizesSource = removeLicenseHeader(AvatarSizesSourceRaw);\nexport const AvatarShapesSource = removeLicenseHeader(AvatarShapesSourceRaw);\nexport const AvatarTypesSource = removeLicenseHeader(AvatarTypesSourceRaw);\nexport const AvatarStatusesSource = removeLicenseHeader(\n  AvatarStatusesSourceRaw,\n);\n"]}

package/lib/cjs/dismissible-tag/stories/dismissible-tag-sizes.story.js

@@ -27,7 +27,7 @@ const Component = () => {
     const handleRemove = () => {
         console.info('onRemove was called');
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-gap-token-16", children: [(0, jsx_runtime_1.jsx)(react_1.DismissibleTag, { size: "x-small", onRemove: handleRemove, children: "X-Small" }), (0, jsx_runtime_1.jsx)(react_1.DismissibleTag, { size: "small", onRemove: handleRemove, children: "Small" }), (0, jsx_runtime_1.jsx)(react_1.DismissibleTag, { size: "medium", onRemove: handleRemove, children: "Medium" }), (0, jsx_runtime_1.jsx)(react_1.DismissibleTag, { size: "large", onRemove: handleRemove, children: "Large" })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-8", children: [(0, jsx_runtime_1.jsx)(react_1.DismissibleTag, { size: "x-small", onRemove: handleRemove, children: "X-Small" }), (0, jsx_runtime_1.jsx)(react_1.DismissibleTag, { size: "small", onRemove: handleRemove, children: "Small" }), (0, jsx_runtime_1.jsx)(react_1.DismissibleTag, { size: "medium", onRemove: handleRemove, children: "Medium" }), (0, jsx_runtime_1.jsx)(react_1.DismissibleTag, { size: "large", onRemove: handleRemove, children: "Large" })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=dismissible-tag-sizes.story.js.map

package/lib/cjs/dismissible-tag/stories/dismissible-tag-sizes.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"dismissible-tag-sizes.story.js","sourceRoot":"","sources":["../../../../src/dismissible-tag/stories/dismissible-tag-sizes.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAkD;AAElD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,uBAAC,sBAAc,IAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAE,YAAY,wBAEpC,EACjB,uBAAC,sBAAc,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,YAAY,sBAElC,EACjB,uBAAC,sBAAc,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,YAAY,uBAEnC,EACjB,uBAAC,sBAAc,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,YAAY,sBAElC,IACb,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { DismissibleTag } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  const handleRemove = () => {\n    console.info('onRemove was called');\n  };\n\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-16\">\n      <DismissibleTag size=\"x-small\" onRemove={handleRemove}>\n        X-Small\n      </DismissibleTag>\n      <DismissibleTag size=\"small\" onRemove={handleRemove}>\n        Small\n      </DismissibleTag>\n      <DismissibleTag size=\"medium\" onRemove={handleRemove}>\n        Medium\n      </DismissibleTag>\n      <DismissibleTag size=\"large\" onRemove={handleRemove}>\n        Large\n      </DismissibleTag>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"dismissible-tag-sizes.story.js","sourceRoot":"","sources":["../../../../src/dismissible-tag/stories/dismissible-tag-sizes.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAkD;AAElD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,sBAAc,IAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAE,YAAY,wBAEpC,EACjB,uBAAC,sBAAc,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,YAAY,sBAElC,EACjB,uBAAC,sBAAc,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,YAAY,uBAEnC,EACjB,uBAAC,sBAAc,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,YAAY,sBAElC,IACb,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { DismissibleTag } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  const handleRemove = () => {\n    console.info('onRemove was called');\n  };\n\n  return (\n    <div className=\"n-flex n-flex-row n-gap-token-8\">\n      <DismissibleTag size=\"x-small\" onRemove={handleRemove}>\n        X-Small\n      </DismissibleTag>\n      <DismissibleTag size=\"small\" onRemove={handleRemove}>\n        Small\n      </DismissibleTag>\n      <DismissibleTag size=\"medium\" onRemove={handleRemove}>\n        Medium\n      </DismissibleTag>\n      <DismissibleTag size=\"large\" onRemove={handleRemove}>\n        Large\n      </DismissibleTag>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/index.js

@@ -35,7 +35,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimeZonePicker = exports.NeedleTime = exports.TimePicker = exports.Skeleton = exports.Tooltip = exports.toast = exports.Toaster = exports.ToasterControlled = exports.Divider = exports.DropdownButton = exports.InlineEdit = exports.Slider = exports.ClipboardButton = exports.Logo = exports.Avatar = exports.Flex = exports.Box = exports.Breadcrumbs = exports.Drawer = exports.Typography = exports.SideNavigation = exports.StatusIndicator = exports.CodeBlock = exports.GraphLabel = exports.Wizard = exports.Tag = exports.Select = exports.TextLink = exports.TextArea = exports.TextInput = exports.DataGridNav = exports.dataGridUtils = exports.useTableNav = exports.useDataGridContext = exports.DataGrid = exports.Dropzone = exports.ProgressBar = exports.Popover = exports.SegmentedControl = exports.Tabs = exports.LoadingSpinner = exports.Dialog = exports.DatePicker = exports.Menu = exports.Radio = exports.Switch = exports.Checkbox = exports.Banner = exports.StatusLabel = exports.Accordion = void 0;
-exports.DismissibleTag = exports.ReadOnlyTag = exports.SelectIconButton = exports.Kbd = exports.Code = exports.TextButton = exports.FilledButton = exports.OutlinedButton = exports.ColorPicker = exports.ConditionalWrap = exports.IconButtonArray = exports.CleanIconButton = exports.IconButton = exports.LoadingBar = exports.useSpotlightContext = exports.SpotlightTour = exports.SpotlightTarget = exports.SpotlightProvider = exports.Spotlight = void 0;
+exports.SelectableTag = exports.DismissibleTag = exports.ReadOnlyTag = exports.SelectIconButton = exports.Kbd = exports.Code = exports.TextButton = exports.FilledButton = exports.OutlinedButton = exports.ColorPicker = exports.ConditionalWrap = exports.IconButtonArray = exports.CleanIconButton = exports.IconButton = exports.LoadingBar = exports.useSpotlightContext = exports.SpotlightTour = exports.SpotlightTarget = exports.SpotlightProvider = exports.Spotlight = void 0;
 var accordion_1 = require("./accordion");
 Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return accordion_1.Accordion; } });
 var status_label_1 = require("./status-label");
@@ -166,4 +166,6 @@ var read_only_tag_1 = require("./read-only-tag");
 Object.defineProperty(exports, "ReadOnlyTag", { enumerable: true, get: function () { return read_only_tag_1.ReadOnlyTag; } });
 var dismissible_tag_1 = require("./dismissible-tag");
 Object.defineProperty(exports, "DismissibleTag", { enumerable: true, get: function () { return dismissible_tag_1.DismissibleTag; } });
+var selectable_tag_1 = require("./selectable-tag");
+Object.defineProperty(exports, "SelectableTag", { enumerable: true, get: function () { return selectable_tag_1.SelectableTag; } });
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { Accordion } from './accordion';\nexport { StatusLabel } from './status-label';\nexport { Banner } from './banner';\nexport { Checkbox } from './checkbox';\nexport { Switch } from './switch';\nexport { Radio } from './radio';\nexport { Menu } from './menu';\nexport { DatePicker } from './date-picker';\nexport { Dialog } from './dialog';\nexport { LoadingSpinner } from './loading-spinner';\nexport { Tabs } from './tabs';\nexport { SegmentedControl } from './segmented-control';\nexport { Popover } from './popover';\nexport { ProgressBar } from './progress-bar';\nexport { Dropzone } from './dropzone';\nexport {\n  DataGrid,\n  useDataGridContext,\n  useTableNav,\n  dataGridUtils,\n  DataGridNav,\n} from './data-grid';\nexport { TextInput } from './text-input';\nexport { TextArea } from './text-area';\nexport { TextLink } from './text-link';\nexport { Select } from './select';\nexport { Tag } from './tag';\nexport * from './theme';\nexport { Wizard } from './wizard';\nexport { GraphLabel } from './graph-label';\nexport { CodeBlock } from './code-block';\nexport { StatusIndicator } from './status-indicator';\nexport { SideNavigation } from './side-navigation';\nexport { Typography } from './typography';\nexport { Drawer } from './drawer';\nexport { Breadcrumbs } from './breadcrumbs';\nexport * from './hooks';\nexport { Box } from './box';\nexport { Flex } from './flex';\nexport { Avatar } from './avatar';\nexport { Logo } from './logo';\nexport { ClipboardButton } from './clipboard-button';\nexport { Slider } from './slider';\nexport { InlineEdit } from './inline-edit';\nexport { DropdownButton } from './dropdown-button';\nexport { Divider } from './divider';\nexport * from './tree-view';\nexport { ToasterControlled, Toaster, toast, type ToastId } from './toast';\nexport { Tooltip } from './tooltip';\nexport { Skeleton } from './skeleton';\nexport { TimePicker, NeedleTime } from './time-picker';\nexport { TimeZonePicker } from './timezone-picker';\nexport {\n  Spotlight,\n  SpotlightProvider,\n  SpotlightTarget,\n  SpotlightTour,\n  useSpotlightContext,\n} from './spotlight';\nexport { LoadingBar } from './loading-bar';\nexport { IconButton } from './icon-button';\nexport { CleanIconButton } from './clean-icon-button';\nexport { IconButtonArray } from './icon-button-array';\nexport { ConditionalWrap } from './conditional-wrap';\nexport { ColorPicker } from './color-picker';\nexport { OutlinedButton } from './outlined-button';\nexport { FilledButton } from './filled-button';\nexport { TextButton } from './text-button';\nexport { Code } from './code';\nexport { Kbd } from './kbd';\nexport { SelectIconButton } from './select-icon-button';\nexport { ReadOnlyTag } from './read-only-tag';\nexport { DismissibleTag } from './dismissible-tag';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { Accordion } from './accordion';\nexport { StatusLabel } from './status-label';\nexport { Banner } from './banner';\nexport { Checkbox } from './checkbox';\nexport { Switch } from './switch';\nexport { Radio } from './radio';\nexport { Menu } from './menu';\nexport { DatePicker } from './date-picker';\nexport { Dialog } from './dialog';\nexport { LoadingSpinner } from './loading-spinner';\nexport { Tabs } from './tabs';\nexport { SegmentedControl } from './segmented-control';\nexport { Popover } from './popover';\nexport { ProgressBar } from './progress-bar';\nexport { Dropzone } from './dropzone';\nexport {\n  DataGrid,\n  useDataGridContext,\n  useTableNav,\n  dataGridUtils,\n  DataGridNav,\n} from './data-grid';\nexport { TextInput } from './text-input';\nexport { TextArea } from './text-area';\nexport { TextLink } from './text-link';\nexport { Select } from './select';\nexport { Tag } from './tag';\nexport * from './theme';\nexport { Wizard } from './wizard';\nexport { GraphLabel } from './graph-label';\nexport { CodeBlock } from './code-block';\nexport { StatusIndicator } from './status-indicator';\nexport { SideNavigation } from './side-navigation';\nexport { Typography } from './typography';\nexport { Drawer } from './drawer';\nexport { Breadcrumbs } from './breadcrumbs';\nexport * from './hooks';\nexport { Box } from './box';\nexport { Flex } from './flex';\nexport { Avatar } from './avatar';\nexport { Logo } from './logo';\nexport { ClipboardButton } from './clipboard-button';\nexport { Slider } from './slider';\nexport { InlineEdit } from './inline-edit';\nexport { DropdownButton } from './dropdown-button';\nexport { Divider } from './divider';\nexport * from './tree-view';\nexport { ToasterControlled, Toaster, toast, type ToastId } from './toast';\nexport { Tooltip } from './tooltip';\nexport { Skeleton } from './skeleton';\nexport { TimePicker, NeedleTime } from './time-picker';\nexport { TimeZonePicker } from './timezone-picker';\nexport {\n  Spotlight,\n  SpotlightProvider,\n  SpotlightTarget,\n  SpotlightTour,\n  useSpotlightContext,\n} from './spotlight';\nexport { LoadingBar } from './loading-bar';\nexport { IconButton } from './icon-button';\nexport { CleanIconButton } from './clean-icon-button';\nexport { IconButtonArray } from './icon-button-array';\nexport { ConditionalWrap } from './conditional-wrap';\nexport { ColorPicker } from './color-picker';\nexport { OutlinedButton } from './outlined-button';\nexport { FilledButton } from './filled-button';\nexport { TextButton } from './text-button';\nexport { Code } from './code';\nexport { Kbd } from './kbd';\nexport { SelectIconButton } from './select-icon-button';\nexport { ReadOnlyTag } from './read-only-tag';\nexport { DismissibleTag } from './dismissible-tag';\nexport { SelectableTag } from './selectable-tag';\n"]}

package/lib/cjs/read-only-tag/stories/read-only-tag-sizes.story.js

@@ -24,7 +24,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
 const react_1 = require("@neo4j-ndl/react");
 const Component = () => {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-gap-token-16 n-items-start", children: [(0, jsx_runtime_1.jsx)(react_1.ReadOnlyTag, { size: "x-small", children: "X-Small" }), (0, jsx_runtime_1.jsx)(react_1.ReadOnlyTag, { size: "small", children: "Small" }), (0, jsx_runtime_1.jsx)(react_1.ReadOnlyTag, { size: "medium", children: "Medium" }), (0, jsx_runtime_1.jsx)(react_1.ReadOnlyTag, { size: "large", children: "Large" })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-8", children: [(0, jsx_runtime_1.jsx)(react_1.ReadOnlyTag, { size: "x-small", children: "X-Small" }), (0, jsx_runtime_1.jsx)(react_1.ReadOnlyTag, { size: "small", children: "Small" }), (0, jsx_runtime_1.jsx)(react_1.ReadOnlyTag, { size: "medium", children: "Medium" }), (0, jsx_runtime_1.jsx)(react_1.ReadOnlyTag, { size: "large", children: "Large" })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=read-only-tag-sizes.story.js.map

package/lib/cjs/read-only-tag/stories/read-only-tag-sizes.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"read-only-tag-sizes.story.js","sourceRoot":"","sources":["../../../../src/read-only-tag/stories/read-only-tag-sizes.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA+C;AAE/C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,qCAAqC,aAClD,uBAAC,mBAAW,IAAC,IAAI,EAAC,SAAS,wBAAsB,EACjD,uBAAC,mBAAW,IAAC,IAAI,EAAC,OAAO,sBAAoB,EAC7C,uBAAC,mBAAW,IAAC,IAAI,EAAC,QAAQ,uBAAqB,EAC/C,uBAAC,mBAAW,IAAC,IAAI,EAAC,OAAO,sBAAoB,IACzC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { ReadOnlyTag } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-gap-token-16 n-items-start\">\n      <ReadOnlyTag size=\"x-small\">X-Small</ReadOnlyTag>\n      <ReadOnlyTag size=\"small\">Small</ReadOnlyTag>\n      <ReadOnlyTag size=\"medium\">Medium</ReadOnlyTag>\n      <ReadOnlyTag size=\"large\">Large</ReadOnlyTag>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"read-only-tag-sizes.story.js","sourceRoot":"","sources":["../../../../src/read-only-tag/stories/read-only-tag-sizes.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA+C;AAE/C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,mBAAW,IAAC,IAAI,EAAC,SAAS,wBAAsB,EACjD,uBAAC,mBAAW,IAAC,IAAI,EAAC,OAAO,sBAAoB,EAC7C,uBAAC,mBAAW,IAAC,IAAI,EAAC,QAAQ,uBAAqB,EAC/C,uBAAC,mBAAW,IAAC,IAAI,EAAC,OAAO,sBAAoB,IACzC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { ReadOnlyTag } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-row n-gap-token-8\">\n      <ReadOnlyTag size=\"x-small\">X-Small</ReadOnlyTag>\n      <ReadOnlyTag size=\"small\">Small</ReadOnlyTag>\n      <ReadOnlyTag size=\"medium\">Medium</ReadOnlyTag>\n      <ReadOnlyTag size=\"large\">Large</ReadOnlyTag>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/selectable-tag/SelectableTag.js

@@ -0,0 +1,53 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectableTag = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+const classnames_1 = __importDefault(require("classnames"));
+const SelectableTag = (_a) => {
+    var { children, className, htmlAttributes, isSelected, badgeCount, leadingVisual, onClick, ref, isDisabled = false, size = 'medium', style } = _a, restProps = __rest(_a, ["children", "className", "htmlAttributes", "isSelected", "badgeCount", "leadingVisual", "onClick", "ref", "isDisabled", "size", "style"]);
+    const classes = (0, classnames_1.default)('ndl-tag-selectable', className, {
+        'ndl-disabled': isDisabled,
+        'ndl-large': size === 'large',
+        'ndl-medium': size === 'medium',
+        'ndl-small': size === 'small',
+        'ndl-tag-selected': isSelected,
+        'ndl-x-small': size === 'x-small',
+    });
+    return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ type: "button", "aria-pressed": isSelected, className: classes, disabled: isDisabled, onClick: onClick, ref: ref, style: style }, htmlAttributes, restProps, { children: [Boolean(leadingVisual) && ((0, jsx_runtime_1.jsx)("span", { className: "ndl-selectable-tag-leading-visual", children: leadingVisual })), (0, jsx_runtime_1.jsx)("span", { className: "ndl-selectable-tag-content", children: children }), badgeCount !== undefined && ((0, jsx_runtime_1.jsx)("span", { className: "ndl-selectable-tag-badge", children: badgeCount }))] })));
+};
+exports.SelectableTag = SelectableTag;
+//# sourceMappingURL=SelectableTag.js.map

package/lib/cjs/selectable-tag/SelectableTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableTag.js","sourceRoot":"","sources":["../../../src/selectable-tag/SelectableTag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AAuB7B,MAAM,aAAa,GAAG,CAAC,EAac,EAAE,EAAE;QAblB,EAC5B,QAAQ,EACR,SAAS,EACT,cAAc,EACd,UAAU,EACV,UAAU,EACV,aAAa,EACb,OAAO,EACP,GAAG,EACH,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,QAAQ,EACf,KAAK,OAEqC,EADvC,SAAS,cAZgB,yIAa7B,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,oBAAoB,EAAE,SAAS,EAAE;QAC1D,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,kBAAkB,EAAE,UAAU;QAC9B,aAAa,EAAE,IAAI,KAAK,SAAS;KAClC,CAAC,CAAC;IAEH,OAAO,CACL,kDACE,IAAI,EAAC,QAAQ,kBACC,UAAU,EACxB,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACR,cAAc,EACd,SAAS,eAEZ,OAAO,CAAC,aAAa,CAAC,IAAI,CACzB,iCAAM,SAAS,EAAC,mCAAmC,YAChD,aAAa,GACT,CACR,EACD,iCAAM,SAAS,EAAC,4BAA4B,YAAE,QAAQ,GAAQ,EAC7D,UAAU,KAAK,SAAS,IAAI,CAC3B,iCAAM,SAAS,EAAC,0BAA0B,YAAE,UAAU,GAAQ,CAC/D,KACM,CACV,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,aAAa,iBA8CxB","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { type CommonProps } from '../_common/types';\nimport type { TagSize } from '../tag-base';\n\nexport interface SelectableTagProps {\n  /** The content of the tag */\n  children?: React.ReactNode;\n  /** Whether the tag is disabled */\n  isDisabled?: boolean;\n  /** Whether the tag is selected */\n  isSelected: boolean;\n  /** Number displayed in a badge after the content */\n  badgeCount?: number;\n  /** Icon to display before the content */\n  leadingVisual?: React.ReactNode;\n  /** Size of the tag */\n  size?: TagSize;\n  /** Callback fired when the tag is clicked */\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const SelectableTag = ({\n  children,\n  className,\n  htmlAttributes,\n  isSelected,\n  badgeCount,\n  leadingVisual,\n  onClick,\n  ref,\n  isDisabled = false,\n  size = 'medium',\n  style,\n  ...restProps\n}: CommonProps<'button', SelectableTagProps>) => {\n  const classes = classNames('ndl-tag-selectable', className, {\n    'ndl-disabled': isDisabled,\n    'ndl-large': size === 'large',\n    'ndl-medium': size === 'medium',\n    'ndl-small': size === 'small',\n    'ndl-tag-selected': isSelected,\n    'ndl-x-small': size === 'x-small',\n  });\n\n  return (\n    <button\n      type=\"button\"\n      aria-pressed={isSelected}\n      className={classes}\n      disabled={isDisabled}\n      onClick={onClick}\n      ref={ref}\n      style={style}\n      {...htmlAttributes}\n      {...restProps}\n    >\n      {Boolean(leadingVisual) && (\n        <span className=\"ndl-selectable-tag-leading-visual\">\n          {leadingVisual}\n        </span>\n      )}\n      <span className=\"ndl-selectable-tag-content\">{children}</span>\n      {badgeCount !== undefined && (\n        <span className=\"ndl-selectable-tag-badge\">{badgeCount}</span>\n      )}\n    </button>\n  );\n};\n"]}

package/lib/cjs/selectable-tag/index.js

@@ -0,0 +1,26 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectableTag = void 0;
+var SelectableTag_1 = require("./SelectableTag");
+Object.defineProperty(exports, "SelectableTag", { enumerable: true, get: function () { return SelectableTag_1.SelectableTag; } });
+//# sourceMappingURL=index.js.map

package/lib/cjs/selectable-tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/selectable-tag/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH,iDAAgD;AAAvC,8GAAA,aAAa,OAAA","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { SelectableTag } from './SelectableTag';\n"]}

package/lib/cjs/selectable-tag/stories/index.js

@@ -0,0 +1,52 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectableTagWithBadgeSrc = exports.SelectableTagWithLeadingIconSrc = exports.SelectableTagTruncationSrc = exports.SelectableTagSizesSrc = exports.SelectableTagDisabledSrc = exports.SelectableTagDefaultSrc = exports.SelectableTagWithBadge = exports.SelectableTagWithLeadingIcon = exports.SelectableTagTruncation = exports.SelectableTagSizes = exports.SelectableTagDisabled = exports.SelectableTagDefault = void 0;
+var selectable_tag_default_story_1 = require("./selectable-tag-default.story");
+Object.defineProperty(exports, "SelectableTagDefault", { enumerable: true, get: function () { return __importDefault(selectable_tag_default_story_1).default; } });
+var selectable_tag_disabled_story_1 = require("./selectable-tag-disabled.story");
+Object.defineProperty(exports, "SelectableTagDisabled", { enumerable: true, get: function () { return __importDefault(selectable_tag_disabled_story_1).default; } });
+var selectable_tag_sizes_story_1 = require("./selectable-tag-sizes.story");
+Object.defineProperty(exports, "SelectableTagSizes", { enumerable: true, get: function () { return __importDefault(selectable_tag_sizes_story_1).default; } });
+var selectable_tag_truncation_story_1 = require("./selectable-tag-truncation.story");
+Object.defineProperty(exports, "SelectableTagTruncation", { enumerable: true, get: function () { return __importDefault(selectable_tag_truncation_story_1).default; } });
+var selectable_tag_with_leading_icon_story_1 = require("./selectable-tag-with-leading-icon.story");
+Object.defineProperty(exports, "SelectableTagWithLeadingIcon", { enumerable: true, get: function () { return __importDefault(selectable_tag_with_leading_icon_story_1).default; } });
+var selectable_tag_with_badge_story_1 = require("./selectable-tag-with-badge.story");
+Object.defineProperty(exports, "SelectableTagWithBadge", { enumerable: true, get: function () { return __importDefault(selectable_tag_with_badge_story_1).default; } });
+const export_stories_utils_1 = require("../../_common/export-stories-utils");
+const selectable_tag_default_story_raw_1 = __importDefault(require("./selectable-tag-default.story?raw"));
+const selectable_tag_disabled_story_raw_1 = __importDefault(require("./selectable-tag-disabled.story?raw"));
+const selectable_tag_sizes_story_raw_1 = __importDefault(require("./selectable-tag-sizes.story?raw"));
+const selectable_tag_truncation_story_raw_1 = __importDefault(require("./selectable-tag-truncation.story?raw"));
+const selectable_tag_with_badge_story_raw_1 = __importDefault(require("./selectable-tag-with-badge.story?raw"));
+const selectable_tag_with_leading_icon_story_raw_1 = __importDefault(require("./selectable-tag-with-leading-icon.story?raw"));
+exports.SelectableTagDefaultSrc = (0, export_stories_utils_1.removeLicenseHeader)(selectable_tag_default_story_raw_1.default);
+exports.SelectableTagDisabledSrc = (0, export_stories_utils_1.removeLicenseHeader)(selectable_tag_disabled_story_raw_1.default);
+exports.SelectableTagSizesSrc = (0, export_stories_utils_1.removeLicenseHeader)(selectable_tag_sizes_story_raw_1.default);
+exports.SelectableTagTruncationSrc = (0, export_stories_utils_1.removeLicenseHeader)(selectable_tag_truncation_story_raw_1.default);
+exports.SelectableTagWithLeadingIconSrc = (0, export_stories_utils_1.removeLicenseHeader)(selectable_tag_with_leading_icon_story_raw_1.default);
+exports.SelectableTagWithBadgeSrc = (0, export_stories_utils_1.removeLicenseHeader)(selectable_tag_with_badge_story_raw_1.default);
+//# sourceMappingURL=index.js.map

package/lib/cjs/selectable-tag/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/selectable-tag/stories/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,+EAAiF;AAAxE,qJAAA,OAAO,OAAwB;AACxC,iFAAmF;AAA1E,uJAAA,OAAO,OAAyB;AACzC,2EAA6E;AAApE,iJAAA,OAAO,OAAsB;AACtC,qFAAuF;AAA9E,2JAAA,OAAO,OAA2B;AAC3C,mGAAmG;AAA1F,uKAAA,OAAO,OAAgC;AAChD,qFAAsF;AAA7E,0JAAA,OAAO,OAA0B;AAE1C,6EAAyE;AACzE,0GAA4E;AAC5E,4GAA8E;AAC9E,sGAAwE;AACxE,gHAAkF;AAClF,gHAAiF;AACjF,8HAA8F;AAEjF,QAAA,uBAAuB,GAAG,IAAA,0CAAmB,EACxD,0CAA0B,CAC3B,CAAC;AACW,QAAA,wBAAwB,GAAG,IAAA,0CAAmB,EACzD,2CAA2B,CAC5B,CAAC;AACW,QAAA,qBAAqB,GAAG,IAAA,0CAAmB,EACtD,wCAAwB,CACzB,CAAC;AACW,QAAA,0BAA0B,GAAG,IAAA,0CAAmB,EAC3D,6CAA6B,CAC9B,CAAC;AACW,QAAA,+BAA+B,GAAG,IAAA,0CAAmB,EAChE,oDAAkC,CACnC,CAAC;AACW,QAAA,yBAAyB,GAAG,IAAA,0CAAmB,EAC1D,6CAA4B,CAC7B,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { default as SelectableTagDefault } from './selectable-tag-default.story';\nexport { default as SelectableTagDisabled } from './selectable-tag-disabled.story';\nexport { default as SelectableTagSizes } from './selectable-tag-sizes.story';\nexport { default as SelectableTagTruncation } from './selectable-tag-truncation.story';\nexport { default as SelectableTagWithLeadingIcon } from './selectable-tag-with-leading-icon.story';\nexport { default as SelectableTagWithBadge } from './selectable-tag-with-badge.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport SelectableTagDefaultSrcRaw from './selectable-tag-default.story?raw';\nimport SelectableTagDisabledSrcRaw from './selectable-tag-disabled.story?raw';\nimport SelectableTagSizesSrcRaw from './selectable-tag-sizes.story?raw';\nimport SelectableTagTruncationSrcRaw from './selectable-tag-truncation.story?raw';\nimport SelectableTagWithBadgeSrcRaw from './selectable-tag-with-badge.story?raw';\nimport SelectableTagWithLeadingIconSrcRaw from './selectable-tag-with-leading-icon.story?raw';\n\nexport const SelectableTagDefaultSrc = removeLicenseHeader(\n  SelectableTagDefaultSrcRaw,\n);\nexport const SelectableTagDisabledSrc = removeLicenseHeader(\n  SelectableTagDisabledSrcRaw,\n);\nexport const SelectableTagSizesSrc = removeLicenseHeader(\n  SelectableTagSizesSrcRaw,\n);\nexport const SelectableTagTruncationSrc = removeLicenseHeader(\n  SelectableTagTruncationSrcRaw,\n);\nexport const SelectableTagWithLeadingIconSrc = removeLicenseHeader(\n  SelectableTagWithLeadingIconSrcRaw,\n);\nexport const SelectableTagWithBadgeSrc = removeLicenseHeader(\n  SelectableTagWithBadgeSrcRaw,\n);\n"]}

package/lib/cjs/selectable-tag/stories/selectable-tag-default.story.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const Component = () => {
+    const [isSelected, setIsSelected] = (0, react_2.useState)(false);
+    return ((0, jsx_runtime_1.jsx)(react_1.SelectableTag, { isSelected: isSelected, onClick: () => setIsSelected(!isSelected), children: "Selectable Tag" }));
+};
+exports.default = Component;
+//# sourceMappingURL=selectable-tag-default.story.js.map

package/lib/cjs/selectable-tag/stories/selectable-tag-default.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectable-tag-default.story.js","sourceRoot":"","sources":["../../../../src/selectable-tag/stories/selectable-tag-default.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAiD;AACjD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACL,uBAAC,qBAAa,IACZ,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,+BAG3B,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { SelectableTag } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [isSelected, setIsSelected] = useState(false);\n\n  return (\n    <SelectableTag\n      isSelected={isSelected}\n      onClick={() => setIsSelected(!isSelected)}\n    >\n      Selectable Tag\n    </SelectableTag>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/selectable-tag/stories/selectable-tag-disabled.story.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-gap-token-8 n-items-center", children: [(0, jsx_runtime_1.jsx)(react_1.SelectableTag, { isSelected: false, isDisabled: true, onClick: () => null, children: "Disabled unselected tag" }), (0, jsx_runtime_1.jsx)(react_1.SelectableTag, { isSelected: true, isDisabled: true, onClick: () => null, children: "Disabled selected tag" })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=selectable-tag-disabled.story.js.map

package/lib/cjs/selectable-tag/stories/selectable-tag-disabled.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectable-tag-disabled.story.js","sourceRoot":"","sources":["../../../../src/selectable-tag/stories/selectable-tag-disabled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAiD;AAEjD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,qCAAqC,aAClD,uBAAC,qBAAa,IAAC,UAAU,EAAE,KAAK,EAAE,UAAU,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,wCAEhD,EAChB,uBAAC,qBAAa,IAAC,UAAU,EAAE,IAAI,EAAE,UAAU,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,sCAE/C,IACZ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { SelectableTag } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-gap-token-8 n-items-center\">\n      <SelectableTag isSelected={false} isDisabled onClick={() => null}>\n        Disabled unselected tag\n      </SelectableTag>\n      <SelectableTag isSelected={true} isDisabled onClick={() => null}>\n        Disabled selected tag\n      </SelectableTag>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/selectable-tag/stories/selectable-tag-sizes.story.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const Component = () => {
+    var _a, _b, _c, _d;
+    const [selected, setSelected] = (0, react_2.useState)({});
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-row n-gap-token-8", children: [(0, jsx_runtime_1.jsx)(react_1.SelectableTag, { size: "x-small", isSelected: (_a = selected['x-small']) !== null && _a !== void 0 ? _a : false, onClick: () => setSelected((s) => (Object.assign(Object.assign({}, s), { ['x-small']: !s['x-small'] }))), children: "X-Small" }), (0, jsx_runtime_1.jsx)(react_1.SelectableTag, { size: "small", isSelected: (_b = selected['small']) !== null && _b !== void 0 ? _b : false, onClick: () => setSelected((s) => (Object.assign(Object.assign({}, s), { ['small']: !s['small'] }))), children: "Small" }), (0, jsx_runtime_1.jsx)(react_1.SelectableTag, { size: "medium", isSelected: (_c = selected['medium']) !== null && _c !== void 0 ? _c : false, onClick: () => setSelected((s) => (Object.assign(Object.assign({}, s), { ['medium']: !s['medium'] }))), children: "Medium" }), (0, jsx_runtime_1.jsx)(react_1.SelectableTag, { size: "large", isSelected: (_d = selected['large']) !== null && _d !== void 0 ? _d : false, onClick: () => setSelected((s) => (Object.assign(Object.assign({}, s), { ['large']: !s['large'] }))), children: "Large" })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=selectable-tag-sizes.story.js.map

package/lib/cjs/selectable-tag/stories/selectable-tag-sizes.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectable-tag-sizes.story.js","sourceRoot":"","sources":["../../../../src/selectable-tag/stories/selectable-tag-sizes.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAiD;AACjD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;;IACrB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAA0B,EAAE,CAAC,CAAC;IAEtE,OAAO,CACL,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,qBAAa,IACZ,IAAI,EAAC,SAAS,EACd,UAAU,EAAE,MAAA,QAAQ,CAAC,SAAS,CAAC,mCAAI,KAAK,EACxC,OAAO,EAAE,GAAG,EAAE,CACZ,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iCAAM,CAAC,KAAE,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,IAAG,CAAC,wBAI9C,EAChB,uBAAC,qBAAa,IACZ,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,MAAA,QAAQ,CAAC,OAAO,CAAC,mCAAI,KAAK,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iCAAM,CAAC,KAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAG,CAAC,sBAGvD,EAChB,uBAAC,qBAAa,IACZ,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,MAAA,QAAQ,CAAC,QAAQ,CAAC,mCAAI,KAAK,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iCAAM,CAAC,KAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAG,CAAC,uBAGzD,EAChB,uBAAC,qBAAa,IACZ,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,MAAA,QAAQ,CAAC,OAAO,CAAC,mCAAI,KAAK,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iCAAM,CAAC,KAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAG,CAAC,sBAGvD,IACZ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { SelectableTag } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [selected, setSelected] = useState<Record<string, boolean>>({});\n\n  return (\n    <div className=\"n-flex n-flex-row n-gap-token-8\">\n      <SelectableTag\n        size=\"x-small\"\n        isSelected={selected['x-small'] ?? false}\n        onClick={() =>\n          setSelected((s) => ({ ...s, ['x-small']: !s['x-small'] }))\n        }\n      >\n        X-Small\n      </SelectableTag>\n      <SelectableTag\n        size=\"small\"\n        isSelected={selected['small'] ?? false}\n        onClick={() => setSelected((s) => ({ ...s, ['small']: !s['small'] }))}\n      >\n        Small\n      </SelectableTag>\n      <SelectableTag\n        size=\"medium\"\n        isSelected={selected['medium'] ?? false}\n        onClick={() => setSelected((s) => ({ ...s, ['medium']: !s['medium'] }))}\n      >\n        Medium\n      </SelectableTag>\n      <SelectableTag\n        size=\"large\"\n        isSelected={selected['large'] ?? false}\n        onClick={() => setSelected((s) => ({ ...s, ['large']: !s['large'] }))}\n      >\n        Large\n      </SelectableTag>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/selectable-tag/stories/selectable-tag-truncation.story.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const label = 'This is a very very very long tag label that should be truncated';
+const Component = () => {
+    const [isSelected, setIsSelected] = (0, react_2.useState)(false);
+    return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: 200 }, children: (0, jsx_runtime_1.jsxs)(react_1.Tooltip, { type: "simple", children: [(0, jsx_runtime_1.jsx)(react_1.Tooltip.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.SelectableTag, { isSelected: isSelected, onClick: () => setIsSelected(!isSelected), badgeCount: 8, children: label }) }), (0, jsx_runtime_1.jsx)(react_1.Tooltip.Content, { children: label })] }) }));
+};
+exports.default = Component;
+//# sourceMappingURL=selectable-tag-truncation.story.js.map