@webiny/admin-ui 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/Tag/TagIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cva","useTagProps","Icon","tagIconVariants","variants","variant","accent","success","warning","destructive","disabled","true","compoundVariants","className","defaultVariants","TagIcon","icon","createElement","label","size"],"sources":["TagIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva } from \"~/utils.js\";\nimport { useTagProps } from \"./TagPropsProvider.js\";\nimport { Icon } from \"~/Icon/Icon.js\";\n\nconst tagIconVariants = cva(\"mr-xxs\", {\n    variants: {\n        variant: {\n            \"neutral-base\": \"fill-neutral-primary\",\n            \"neutral-base-outline\": \"fill-neutral-primary\",\n            \"neutral-light\": \"fill-neutral-primary\",\n            \"neutral-muted\": \"fill-neutral-primary\",\n            \"neutral-strong\": \"fill-neutral-light\",\n            \"neutral-xstrong\": \"fill-neutral-light\",\n            \"neutral-dark\": \"fill-neutral-light\",\n            accent: \"fill-neutral-light\",\n            \"accent-light\": \"fill-neutral-primary\",\n            success: \"fill-neutral-light\",\n            \"success-light\": \"fill-neutral-primary\",\n            warning: \"fill-neutral-primary\",\n            destructive: \"fill-neutral-light\"\n        },\n        disabled: {\n            true: \"\"\n        }\n    },\n    compoundVariants: [\n        { variant: \"neutral-base\", disabled: true, className: \"fill-neutral-disabled\" },\n        { variant: \"neutral-base-outline\", disabled: true, className: \"fill-neutral-disabled\" },\n        { variant: \"neutral-light\", disabled: true, className: \"fill-neutral-disabled\" },\n        { variant: \"neutral-muted\", disabled: true, className: \"fill-neutral-disabled\" },\n        { variant: \"accent-light\", disabled: true, className: \"fill-neutral-muted\" },\n        { variant: \"success-light\", disabled: true, className: \"fill-neutral-muted\" },\n        { variant: \"warning\", disabled: true, className: \"fill-neutral-disabled\" }\n    ],\n    defaultVariants: {\n        variant: \"neutral-base\"\n    }\n});\n\nexport const TagIcon = () => {\n    const { icon, variant, disabled } = useTagProps();\n    if (!icon) {\n        return null;\n    }\n\n    return (\n        <Icon\n            label={\"Tag icon\"}\n            icon={icon}\n            size=\"xs\"\n            className={tagIconVariants({ variant, disabled })}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,GAAG;AACZ,SAASC,WAAW;AACpB,SAASC,IAAI;AAEb,MAAMC,eAAe,GAAGH,GAAG,CAAC,QAAQ,EAAE;EAClCI,QAAQ,EAAE;IACNC,OAAO,EAAE;MACL,cAAc,EAAE,sBAAsB;MACtC,sBAAsB,EAAE,sBAAsB;MAC9C,eAAe,EAAE,sBAAsB;MACvC,eAAe,EAAE,sBAAsB;MACvC,gBAAgB,EAAE,oBAAoB;MACtC,iBAAiB,EAAE,oBAAoB;MACvC,cAAc,EAAE,oBAAoB;MACpCC,MAAM,EAAE,oBAAoB;MAC5B,cAAc,EAAE,sBAAsB;MACtCC,OAAO,EAAE,oBAAoB;MAC7B,eAAe,EAAE,sBAAsB;MACvCC,OAAO,EAAE,sBAAsB;MAC/BC,WAAW,EAAE;IACjB,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,gBAAgB,EAAE,CACd;IAAEP,OAAO,EAAE,cAAc;IAAEK,QAAQ,EAAE,IAAI;IAAEG,SAAS,EAAE;EAAwB,CAAC,EAC/E;IAAER,OAAO,EAAE,sBAAsB;IAAEK,QAAQ,EAAE,IAAI;IAAEG,SAAS,EAAE;EAAwB,CAAC,EACvF;IAAER,OAAO,EAAE,eAAe;IAAEK,QAAQ,EAAE,IAAI;IAAEG,SAAS,EAAE;EAAwB,CAAC,EAChF;IAAER,OAAO,EAAE,eAAe;IAAEK,QAAQ,EAAE,IAAI;IAAEG,SAAS,EAAE;EAAwB,CAAC,EAChF;IAAER,OAAO,EAAE,cAAc;IAAEK,QAAQ,EAAE,IAAI;IAAEG,SAAS,EAAE;EAAqB,CAAC,EAC5E;IAAER,OAAO,EAAE,eAAe;IAAEK,QAAQ,EAAE,IAAI;IAAEG,SAAS,EAAE;EAAqB,CAAC,EAC7E;IAAER,OAAO,EAAE,SAAS;IAAEK,QAAQ,EAAE,IAAI;IAAEG,SAAS,EAAE;EAAwB,CAAC,CAC7E;EACDC,eAAe,EAAE;IACbT,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,OAAO,MAAMU,OAAO,GAAGA,CAAA,KAAM;EACzB,MAAM;IAAEC,IAAI;IAAEX,OAAO;IAAEK;EAAS,CAAC,GAAGT,WAAW,CAAC,CAAC;EACjD,IAAI,CAACe,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIjB,KAAA,CAAAkB,aAAA,CAACf,IAAI;IACDgB,KAAK,EAAE,UAAW;IAClBF,IAAI,EAAEA,IAAK;IACXG,IAAI,EAAC,IAAI;IACTN,SAAS,EAAEV,eAAe,CAAC;MAAEE,OAAO;MAAEK;IAAS,CAAC;EAAE,CACrD,CAAC;AAEV,CAAC","ignoreList":[]}

package/Tag/TagPropsProvider.d.ts

@@ -0,0 +1,6 @@
+import { type TagProps } from "./Tag.js";
+declare const TagPropsProvider: import("react").FunctionComponent<{
+    props: TagProps;
+    children: React.ReactNode;
+}>, useTagProps: () => TagProps;
+export { TagPropsProvider, useTagProps };

package/Tag/TagPropsProvider.js

@@ -0,0 +1,5 @@
+import { createComponentPropsProvider } from "../utils.js";
+const [TagPropsProvider, useTagProps] = createComponentPropsProvider();
+export { TagPropsProvider, useTagProps };
+
+//# sourceMappingURL=TagPropsProvider.js.map

package/Tag/TagPropsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createComponentPropsProvider","TagPropsProvider","useTagProps"],"sources":["TagPropsProvider.ts"],"sourcesContent":["import { createComponentPropsProvider } from \"~/utils.js\";\nimport { type TagProps } from \"./Tag.js\";\n\nconst [TagPropsProvider, useTagProps] = createComponentPropsProvider<TagProps>();\n\nexport { TagPropsProvider, useTagProps };\n"],"mappings":"AAAA,SAASA,4BAA4B;AAGrC,MAAM,CAACC,gBAAgB,EAAEC,WAAW,CAAC,GAAGF,4BAA4B,CAAW,CAAC;AAEhF,SAASC,gBAAgB,EAAEC,WAAW","ignoreList":[]}

package/Tag/TagSwatchBox.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const TagSwatchBox: () => React.JSX.Element | null;

package/Tag/TagSwatchBox.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { useTagProps } from "./TagPropsProvider.js";
+export const TagSwatchBox = () => {
+  const {
+    swatchColor,
+    swatchColorIcon
+  } = useTagProps();
+  if (!swatchColor || swatchColorIcon === false) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "mr-xs"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "size-sm rounded-xs",
+    style: {
+      backgroundColor: swatchColor
+    }
+  }));
+};
+
+//# sourceMappingURL=TagSwatchBox.js.map

package/Tag/TagSwatchBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useTagProps","TagSwatchBox","swatchColor","swatchColorIcon","createElement","className","style","backgroundColor"],"sources":["TagSwatchBox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useTagProps } from \"./TagPropsProvider.js\";\n\nexport const TagSwatchBox = () => {\n    const { swatchColor, swatchColorIcon } = useTagProps();\n\n    if (!swatchColor || swatchColorIcon === false) {\n        return null;\n    }\n\n    return (\n        <div className={\"mr-xs\"}>\n            <div className={\"size-sm rounded-xs\"} style={{ backgroundColor: swatchColor }} />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW;AAEpB,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC,WAAW;IAAEC;EAAgB,CAAC,GAAGH,WAAW,CAAC,CAAC;EAEtD,IAAI,CAACE,WAAW,IAAIC,eAAe,KAAK,KAAK,EAAE;IAC3C,OAAO,IAAI;EACf;EAEA,oBACIJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE;EAAQ,gBACpBN,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAE,oBAAqB;IAACC,KAAK,EAAE;MAAEC,eAAe,EAAEL;IAAY;EAAE,CAAE,CAC/E,CAAC;AAEd,CAAC","ignoreList":[]}

package/Tag/index.d.ts

@@ -1 +1 @@
-export * from "./Tag";
+export * from "./Tag.js";

package/Tag/index.js

@@ -1,3 +1,3 @@
-export * from "./Tag";
+export * from "./Tag.js";
 
 //# sourceMappingURL=index.js.map

package/Tag/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Tag\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Tag.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Tags/Tags.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { type TagsPrimitiveProps } from "./primitives/index.js";
+import { type FormComponentProps } from "../FormComponent/index.js";
+type TagsProps = TagsPrimitiveProps & FormComponentProps;
+declare const Tags: (({ label, description, note, hint, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TagsProps) => React.JSX.Element) & {
+    original: ({ label, description, note, hint, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TagsProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ label, description, note, hint, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TagsProps) => React.JSX.Element) & {
+        original: ({ label, description, note, hint, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TagsProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ label, description, note, hint, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TagsProps) => React.JSX.Element) & {
+        original: ({ label, description, note, hint, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TagsProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { Tags, type TagsProps };

package/Tags/Tags.js

@@ -0,0 +1,61 @@
+import React, { useCallback, useMemo } from "react";
+import { makeDecoratable, generateId } from "../utils.js";
+import { TagsPrimitive } from "./primitives/index.js";
+import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../FormComponent/index.js";
+const DecoratableTags = ({
+  label,
+  description,
+  note,
+  hint,
+  required,
+  disabled,
+  validation,
+  validate,
+  onBlur: originalOnBlur,
+  ...props
+}) => {
+  const {
+    isValid: validationIsValid,
+    message: validationMessage
+  } = validation || {};
+  const id = useMemo(() => generateId(props.id), [props.id]);
+  const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
+  const onBlur = useCallback(async e => {
+    if (validate) {
+      // Since we are accessing event in an async operation, we need to persist it.
+      // See https://reactjs.org/docs/events.html#event-pooling.
+      e.persist();
+      await validate();
+    }
+    originalOnBlur && originalOnBlur(e);
+  }, [validate, originalOnBlur]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "w-full"
+  }, /*#__PURE__*/React.createElement(FormComponentLabel, {
+    htmlFor: id,
+    text: label,
+    hint: hint,
+    required: required,
+    disabled: disabled,
+    invalid: invalid
+  }), /*#__PURE__*/React.createElement(FormComponentDescription, {
+    text: description,
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(TagsPrimitive, Object.assign({}, props, {
+    id: id,
+    disabled: disabled,
+    invalid: invalid,
+    onBlur: onBlur
+  })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
+    text: validationMessage,
+    invalid: invalid,
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(FormComponentNote, {
+    text: note,
+    disabled: disabled
+  }));
+};
+const Tags = makeDecoratable("Tags", DecoratableTags);
+export { Tags };
+
+//# sourceMappingURL=Tags.js.map

package/Tags/Tags.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","makeDecoratable","generateId","TagsPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableTags","label","description","note","hint","required","disabled","validation","validate","onBlur","originalOnBlur","props","isValid","validationIsValid","message","validationMessage","id","invalid","e","persist","createElement","className","htmlFor","text","Object","assign","Tags"],"sources":["Tags.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { makeDecoratable, generateId } from \"~/utils.js\";\nimport { TagsPrimitive, type TagsPrimitiveProps } from \"./primitives/index.js\";\n\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote,\n    type FormComponentProps\n} from \"~/FormComponent/index.js\";\n\ntype TagsProps = TagsPrimitiveProps & FormComponentProps;\n\nconst DecoratableTags = ({\n    label,\n    description,\n    note,\n    hint,\n    required,\n    disabled,\n    validation,\n    validate,\n    onBlur: originalOnBlur,\n    ...props\n}: TagsProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const id = useMemo(() => generateId(props.id), [props.id]);\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    const onBlur = useCallback(\n        async (e: React.FocusEvent<HTMLInputElement>) => {\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            originalOnBlur && originalOnBlur(e);\n        },\n        [validate, originalOnBlur]\n    );\n\n    return (\n        <div className={\"w-full\"}>\n            <FormComponentLabel\n                htmlFor={id}\n                text={label}\n                hint={hint}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <TagsPrimitive\n                {...props}\n                id={id}\n                disabled={disabled}\n                invalid={invalid}\n                onBlur={onBlur}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\n\nconst Tags = makeDecoratable(\"Tags\", DecoratableTags);\n\nexport { Tags, type TagsProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,eAAe,EAAEC,UAAU;AACpC,SAASC,aAAa;AAEtB,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAMrB,MAAMC,eAAe,GAAGA,CAAC;EACrBC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,MAAM,EAAEC,cAAc;EACtB,GAAGC;AACI,CAAC,KAAK;EACb,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGR,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMS,EAAE,GAAGxB,OAAO,CAAC,MAAME,UAAU,CAACiB,KAAK,CAACK,EAAE,CAAC,EAAE,CAACL,KAAK,CAACK,EAAE,CAAC,CAAC;EAC1D,MAAMC,OAAO,GAAGzB,OAAO,CAAC,MAAMqB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,MAAMJ,MAAM,GAAGlB,WAAW,CACtB,MAAO2B,CAAqC,IAAK;IAC7C,IAAIV,QAAQ,EAAE;MACV;MACA;MACAU,CAAC,CAACC,OAAO,CAAC,CAAC;MACX,MAAMX,QAAQ,CAAC,CAAC;IACpB;IACAE,cAAc,IAAIA,cAAc,CAACQ,CAAC,CAAC;EACvC,CAAC,EACD,CAACV,QAAQ,EAAEE,cAAc,CAC7B,CAAC;EAED,oBACIpB,KAAA,CAAA8B,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrB/B,KAAA,CAAA8B,aAAA,CAACtB,kBAAkB;IACfwB,OAAO,EAAEN,EAAG;IACZO,IAAI,EAAEtB,KAAM;IACZG,IAAI,EAAEA,IAAK;IACXC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACF3B,KAAA,CAAA8B,aAAA,CAACxB,wBAAwB;IAAC2B,IAAI,EAAErB,WAAY;IAACI,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEhB,KAAA,CAAA8B,aAAA,CAACzB,aAAa,EAAA6B,MAAA,CAAAC,MAAA,KACNd,KAAK;IACTK,EAAE,EAAEA,EAAG;IACPV,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA,OAAQ;IACjBR,MAAM,EAAEA;EAAO,EAClB,CAAC,eACFnB,KAAA,CAAA8B,aAAA,CAACvB,yBAAyB;IACtB0B,IAAI,EAAER,iBAAkB;IACxBE,OAAO,EAAEA,OAAQ;IACjBX,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFhB,KAAA,CAAA8B,aAAA,CAACrB,iBAAiB;IAACwB,IAAI,EAAEpB,IAAK;IAACG,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AAED,MAAMoB,IAAI,GAAGjC,eAAe,CAAC,MAAM,EAAEO,eAAe,CAAC;AAErD,SAAS0B,IAAI","ignoreList":[]}

package/{RichTextEditor/RichTextEditor.stories.d.ts → Tags/Tags.stories.d.ts}

@@ -1,14 +1,13 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { RichTextEditor } from "./RichTextEditor";
-declare const meta: Meta<typeof RichTextEditor>;
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { Tags } from "./Tags.js";
+declare const meta: Meta<typeof Tags>;
 export default meta;
-type Story = StoryObj<typeof RichTextEditor>;
+type Story = StoryObj<typeof Tags>;
 export declare const Default: Story;
 export declare const WithLabel: Story;
-export declare const WithLabelRequired: Story;
+export declare const WithRequiredLabel: Story;
 export declare const WithDescription: Story;
 export declare const WithNotes: Story;
 export declare const WithErrors: Story;
 export declare const Disabled: Story;
 export declare const FullExample: Story;
-export declare const Documentation: Story;

package/Tags/Tags.stories.js

@@ -0,0 +1,92 @@
+import React, { useState } from "react";
+import { Tags } from "./Tags.js";
+const meta = {
+  title: "Components/Form/Tags",
+  component: Tags,
+  argTypes: {
+    onChange: {
+      action: "onChange"
+    },
+    onValueInput: {
+      action: "onValueInput"
+    },
+    onValueAdd: {
+      action: "onValueAdd"
+    },
+    onValueRemove: {
+      action: "onValueRemove"
+    },
+    disabled: {
+      control: "boolean",
+      defaultValue: false
+    }
+  },
+  parameters: {
+    layout: "padded"
+  },
+  render: args => {
+    const [values, setValues] = useState(args.value);
+    return /*#__PURE__*/React.createElement(Tags, Object.assign({}, args, {
+      value: values,
+      onChange: setValues
+    }));
+  }
+};
+export default meta;
+export const Default = {};
+export const WithLabel = {
+  args: {
+    ...Default.args,
+    label: "Any field label"
+  }
+};
+export const WithRequiredLabel = {
+  args: {
+    ...Default.args,
+    label: "Any field label",
+    required: true
+  }
+};
+export const WithDescription = {
+  args: {
+    ...Default.args,
+    description: "Provide the required information for processing your request."
+  }
+};
+export const WithNotes = {
+  args: {
+    ...Default.args,
+    note: "Note: Ensure your selection or input is accurate before proceeding."
+  }
+};
+export const WithErrors = {
+  args: {
+    ...Default.args,
+    validation: {
+      isValid: false,
+      message: "This field is required."
+    }
+  }
+};
+export const Disabled = {
+  args: {
+    ...Default.args,
+    label: "Any field label",
+    disabled: true
+  }
+};
+export const FullExample = {
+  args: {
+    ...Default.args,
+    label: "Any field label",
+    required: true,
+    description: "Provide the required information for processing your request.",
+    note: "Note: Ensure your selection or input is accurate before proceeding.",
+    validation: {
+      isValid: false,
+      message: "This field is required."
+    }
+  }
+};
+
+//# sourceMappingURL=Tags.stories.js.map

package/Tags/Tags.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Tags","meta","title","component","argTypes","onChange","action","onValueInput","onValueAdd","onValueRemove","disabled","control","defaultValue","parameters","layout","render","args","values","setValues","value","createElement","Object","assign","Default","WithLabel","label","WithRequiredLabel","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample"],"sources":["Tags.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Tags } from \"./Tags.js\";\n\nconst meta: Meta<typeof Tags> = {\n    title: \"Components/Form/Tags\",\n    component: Tags,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        onValueInput: { action: \"onValueInput\" },\n        onValueAdd: { action: \"onValueAdd\" },\n        onValueRemove: { action: \"onValueRemove\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [values, setValues] = useState(args.value);\n        return <Tags {...args} value={values} onChange={setValues} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Tags>;\n\nexport const Default: Story = {};\n\nexport const WithLabel: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\"\n    }\n};\n\nexport const WithRequiredLabel: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        ...Default.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        ...Default.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        disabled: true\n    }\n};\n\nexport const FullExample: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,IAAI;AAEb,MAAMC,IAAuB,GAAG;EAC5BC,KAAK,EAAE,sBAAsB;EAC7BC,SAAS,EAAEH,IAAI;EACfI,QAAQ,EAAE;IACNC,QAAQ,EAAE;MAAEC,MAAM,EAAE;IAAW,CAAC;IAChCC,YAAY,EAAE;MAAED,MAAM,EAAE;IAAe,CAAC;IACxCE,UAAU,EAAE;MAAEF,MAAM,EAAE;IAAa,CAAC;IACpCG,aAAa,EAAE;MAAEH,MAAM,EAAE;IAAgB,CAAC;IAC1CI,QAAQ,EAAE;MACNC,OAAO,EAAE,SAAS;MAClBC,YAAY,EAAE;IAClB;EACJ,CAAC;EACDC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGnB,QAAQ,CAACiB,IAAI,CAACG,KAAK,CAAC;IAChD,oBAAOrB,KAAA,CAAAsB,aAAA,CAACpB,IAAI,EAAAqB,MAAA,CAAAC,MAAA,KAAKN,IAAI;MAAEG,KAAK,EAAEF,MAAO;MAACZ,QAAQ,EAAEa;IAAU,EAAE,CAAC;EACjE;AACJ,CAAC;AAED,eAAejB,IAAI;AAGnB,OAAO,MAAMsB,OAAc,GAAG,CAAC,CAAC;AAEhC,OAAO,MAAMC,SAAgB,GAAG;EAC5BR,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfS,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAMC,iBAAwB,GAAG;EACpCV,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfS,KAAK,EAAE,iBAAiB;IACxBE,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMC,eAAsB,GAAG;EAClCZ,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfa,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMC,SAAgB,GAAG;EAC5Bd,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfe,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAMC,UAAiB,GAAG;EAC7BhB,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfiB,UAAU,EAAE;MACRC,OAAO,EAAE,KAAK;MACdC,OAAO,EAAE;IACb;EACJ;AACJ,CAAC;AAED,OAAO,MAAMC,QAAe,GAAG;EAC3BpB,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfS,KAAK,EAAE,iBAAiB;IACxBf,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAM2B,WAAkB,GAAG;EAC9BrB,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfS,KAAK,EAAE,iBAAiB;IACxBE,QAAQ,EAAE,IAAI;IACdE,WAAW,EAAE,+DAA+D;IAC5EE,IAAI,EAAE,qEAAqE;IAC3EE,UAAU,EAAE;MACRC,OAAO,EAAE,KAAK;MACdC,OAAO,EAAE;IACb;EACJ;AACJ,CAAC","ignoreList":[]}

package/Tags/domain/TagItem.d.ts

@@ -0,0 +1,18 @@
+export declare class TagItem {
+    private readonly _id;
+    private readonly _label;
+    protected _protected: boolean;
+    protected constructor(data: {
+        id: string;
+        label: string;
+        protected: boolean;
+    });
+    static create(data: {
+        id?: string;
+        label: string;
+        protected?: boolean;
+    }): TagItem;
+    get id(): string;
+    get label(): string;
+    get protected(): boolean;
+}

package/Tags/domain/TagItem.js

@@ -0,0 +1,26 @@
+import { generateId } from "../../utils.js";
+export class TagItem {
+  constructor(data) {
+    this._id = data.id;
+    this._label = data.label;
+    this._protected = data.protected;
+  }
+  static create(data) {
+    return new TagItem({
+      id: generateId(data.id),
+      label: data.label,
+      protected: data.protected || false
+    });
+  }
+  get id() {
+    return this._id;
+  }
+  get label() {
+    return this._label;
+  }
+  get protected() {
+    return this._protected;
+  }
+}
+
+//# sourceMappingURL=TagItem.js.map

package/Tags/domain/TagItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["generateId","TagItem","constructor","data","_id","id","_label","label","_protected","protected","create"],"sources":["TagItem.ts"],"sourcesContent":["import { generateId } from \"~/utils.js\";\n\nexport class TagItem {\n    private readonly _id: string;\n    private readonly _label: string;\n    protected _protected: boolean;\n\n    protected constructor(data: { id: string; label: string; protected: boolean }) {\n        this._id = data.id;\n        this._label = data.label;\n        this._protected = data.protected;\n    }\n\n    static create(data: { id?: string; label: string; protected?: boolean }): TagItem {\n        return new TagItem({\n            id: generateId(data.id),\n            label: data.label,\n            protected: data.protected || false\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get protected() {\n        return this._protected;\n    }\n}\n"],"mappings":"AAAA,SAASA,UAAU;AAEnB,OAAO,MAAMC,OAAO,CAAC;EAKPC,WAAWA,CAACC,IAAuD,EAAE;IAC3E,IAAI,CAACC,GAAG,GAAGD,IAAI,CAACE,EAAE;IAClB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,UAAU,GAAGL,IAAI,CAACM,SAAS;EACpC;EAEA,OAAOC,MAAMA,CAACP,IAAyD,EAAW;IAC9E,OAAO,IAAIF,OAAO,CAAC;MACfI,EAAE,EAAEL,UAAU,CAACG,IAAI,CAACE,EAAE,CAAC;MACvBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,SAAS,EAAEN,IAAI,CAACM,SAAS,IAAI;IACjC,CAAC,CAAC;EACN;EAEA,IAAIJ,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,SAASA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACD,UAAU;EAC1B;AACJ","ignoreList":[]}

package/Tags/domain/TagItemDto.d.ts

@@ -0,0 +1,5 @@
+export interface TagItemDto {
+    id?: string;
+    label: string;
+    protected?: boolean;
+}

package/Tags/domain/TagItemDto.js

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=TagItemDto.js.map

package/Tags/domain/TagItemDto.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["TagItemDto.ts"],"sourcesContent":["export interface TagItemDto {\n    id?: string;\n    label: string;\n    protected?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/Tags/domain/TagItemFormatted.d.ts

@@ -0,0 +1,5 @@
+export interface TagItemFormatted {
+    id: string;
+    label: string;
+    protected: boolean;
+}

package/Tags/domain/TagItemFormatted.js

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=TagItemFormatted.js.map

package/Tags/domain/TagItemFormatted.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["TagItemFormatted.ts"],"sourcesContent":["export interface TagItemFormatted {\n    id: string;\n    label: string;\n    protected: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/Tags/domain/TagItemMapper.d.ts

@@ -0,0 +1,5 @@
+import type { TagItem } from "./TagItem.js";
+import type { TagItemFormatted } from "./TagItemFormatted.js";
+export declare class TagItemMapper {
+    static toFormatted(item: TagItem): TagItemFormatted;
+}

package/Tags/domain/TagItemMapper.js

@@ -0,0 +1,11 @@
+export class TagItemMapper {
+  static toFormatted(item) {
+    return {
+      id: item.id,
+      label: item.label,
+      protected: item.protected
+    };
+  }
+}
+
+//# sourceMappingURL=TagItemMapper.js.map

package/Tags/domain/TagItemMapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TagItemMapper","toFormatted","item","id","label","protected"],"sources":["TagItemMapper.ts"],"sourcesContent":["import type { TagItem } from \"./TagItem.js\";\nimport type { TagItemFormatted } from \"./TagItemFormatted.js\";\n\nexport class TagItemMapper {\n    static toFormatted(item: TagItem): TagItemFormatted {\n        return {\n            id: item.id,\n            label: item.label,\n            protected: item.protected\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,aAAa,CAAC;EACvB,OAAOC,WAAWA,CAACC,IAAa,EAAoB;IAChD,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBC,SAAS,EAAEH,IAAI,CAACG;IACpB,CAAC;EACL;AACJ","ignoreList":[]}

package/Tags/domain/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./TagItem.js";
+export type * from "./TagItemDto.js";
+export type * from "./TagItemFormatted.js";
+export * from "./TagItemMapper.js";

package/Tags/domain/index.js

@@ -0,0 +1,4 @@
+export * from "./TagItem.js";
+export * from "./TagItemMapper.js";
+
+//# sourceMappingURL=index.js.map

package/Tags/domain/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./TagItem.js\";\nexport type * from \"./TagItemDto.js\";\nexport type * from \"./TagItemFormatted.js\";\nexport * from \"./TagItemMapper.js\";\n"],"mappings":"AAAA;AAGA","ignoreList":[]}

package/Tags/index.d.ts

@@ -0,0 +1 @@
+export * from "./Tags.js";

package/Tags/index.js

@@ -0,0 +1,3 @@
+export * from "./Tags.js";
+
+//# sourceMappingURL=index.js.map

package/Tags/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Tags.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Tags/primitives/TagsPrimitive.d.ts

@@ -0,0 +1,79 @@
+import React from "react";
+import { type InputPrimitiveProps } from "../../Input/index.js";
+import type { Icon } from "../../Icon/index.js";
+interface TagsPrimitiveProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> {
+    /**
+     * Indicates if the field is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Reference to the input element.
+     */
+    inputRef?: React.Ref<HTMLInputElement>;
+    /**
+     * Indicates if the input field is invalid.
+     */
+    invalid?: boolean;
+    /**
+     * Callback triggered when a tag is added or removed.
+     */
+    onChange?: (values: string[]) => void;
+    /**
+     * Callback triggered when the input value changes.
+     */
+    onValueInput?: (value: string) => void;
+    /**
+     * Callback triggered when the value is added to the list.
+     */
+    onValueAdd?: (value: string) => void;
+    /**
+     * Callback triggered when a tag is removed.
+     */
+    onValueRemove?: (value: string) => void;
+    /**
+     * Placeholder text for the input field.
+     */
+    placeholder?: string;
+    /**
+     * Size of the input field.
+     * Refer to `InputPrimitiveProps["size"]` for possible values.
+     */
+    size?: InputPrimitiveProps["size"];
+    /**
+     * Icon to be displayed at the start of the input field.
+     */
+    startIcon?: React.ReactElement<typeof Icon> | React.ReactElement;
+    /**
+     * Variant of the input field.
+     * Refer to `InputPrimitiveProps["variant"]` for possible values.
+     */
+    variant?: InputPrimitiveProps["variant"];
+    /**
+     * Optional selected item.
+     */
+    value?: string[];
+    /**
+     * Protected values cannot be removed by the user, these can be simple strings or regex patterns.
+     */
+    protectedValues?: string[];
+}
+declare const TagsPrimitive: ((props: TagsPrimitiveProps) => React.JSX.Element) & {
+    original: (props: TagsPrimitiveProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: TagsPrimitiveProps) => React.JSX.Element) & {
+        original: (props: TagsPrimitiveProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: TagsPrimitiveProps) => React.JSX.Element) & {
+        original: (props: TagsPrimitiveProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { TagsPrimitive, type TagsPrimitiveProps };

package/Tags/primitives/TagsPrimitive.js

@@ -0,0 +1,54 @@
+import React, { useMemo } from "react";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { makeDecoratable } from "../../utils.js";
+import { useTags } from "./useTags.js";
+import { InputPrimitive } from "../../Input/index.js";
+import { Tag } from "../../Tag/index.js";
+import { IconButton } from "../../Button/index.js";
+const DecoratableTagsPrimitive = props => {
+  const {
+    vm,
+    inputValue,
+    addValue,
+    removeValue
+  } = useTags(props);
+  const inputProps = useMemo(() => ({
+    disabled: props.disabled,
+    inputRef: props.inputRef,
+    invalid: props.invalid,
+    onChange: inputValue,
+    placeholder: props.placeholder,
+    size: props.size,
+    variant: props.variant
+  }), [props]);
+
+  // When user press Enter, add the current input value as a tag
+  const handleKeyDown = event => {
+    if (event.key === "Enter" && event.target) {
+      event.preventDefault();
+      addValue();
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(InputPrimitive, Object.assign({}, inputProps, vm.inputVm, {
+    onChange: inputValue,
+    onKeyDown: handleKeyDown,
+    startIcon: props.startIcon,
+    endIcon: /*#__PURE__*/React.createElement(IconButton, {
+      onClick: addValue,
+      icon: /*#__PURE__*/React.createElement(AddIcon, null),
+      variant: "ghost",
+      disabled: inputProps.disabled
+    })
+  })), vm.valuesVm.values.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "mt-sm flex flex-wrap gap-xs"
+  }, vm.valuesVm.values.map(tag => /*#__PURE__*/React.createElement(Tag, {
+    key: tag.id,
+    content: tag.label,
+    onDismiss: !tag.protected ? () => removeValue(tag.label) : undefined,
+    variant: "neutral-muted"
+  }))));
+};
+const TagsPrimitive = makeDecoratable("TagsPrimitive", DecoratableTagsPrimitive);
+export { TagsPrimitive };
+
+//# sourceMappingURL=TagsPrimitive.js.map

package/Tags/primitives/TagsPrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","ReactComponent","AddIcon","makeDecoratable","useTags","InputPrimitive","Tag","IconButton","DecoratableTagsPrimitive","props","vm","inputValue","addValue","removeValue","inputProps","disabled","inputRef","invalid","onChange","placeholder","size","variant","handleKeyDown","event","key","target","preventDefault","createElement","Object","assign","inputVm","onKeyDown","startIcon","endIcon","onClick","icon","valuesVm","values","length","className","map","tag","id","content","label","onDismiss","protected","undefined","TagsPrimitive"],"sources":["TagsPrimitive.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { useTags } from \"./useTags.js\";\nimport { InputPrimitive, type InputPrimitiveProps } from \"~/Input/index.js\";\nimport { Tag } from \"~/Tag/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\nimport type { Icon } from \"~/Icon/index.js\";\n\ninterface TagsPrimitiveProps extends Omit<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    \"size\" | \"onChange\"\n> {\n    /**\n     * Indicates if the field is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Reference to the input element.\n     */\n    inputRef?: React.Ref<HTMLInputElement>;\n    /**\n     * Indicates if the input field is invalid.\n     */\n    invalid?: boolean;\n    /**\n     * Callback triggered when a tag is added or removed.\n     */\n    onChange?: (values: string[]) => void;\n    /**\n     * Callback triggered when the input value changes.\n     */\n    onValueInput?: (value: string) => void;\n    /**\n     * Callback triggered when the value is added to the list.\n     */\n    onValueAdd?: (value: string) => void;\n    /**\n     * Callback triggered when a tag is removed.\n     */\n    onValueRemove?: (value: string) => void;\n    /**\n     * Placeholder text for the input field.\n     */\n    placeholder?: string;\n    /**\n     * Size of the input field.\n     * Refer to `InputPrimitiveProps[\"size\"]` for possible values.\n     */\n    size?: InputPrimitiveProps[\"size\"];\n    /**\n     * Icon to be displayed at the start of the input field.\n     */\n    startIcon?: React.ReactElement<typeof Icon> | React.ReactElement;\n    /**\n     * Variant of the input field.\n     * Refer to `InputPrimitiveProps[\"variant\"]` for possible values.\n     */\n    variant?: InputPrimitiveProps[\"variant\"];\n    /**\n     * Optional selected item.\n     */\n    value?: string[];\n    /**\n     * Protected values cannot be removed by the user, these can be simple strings or regex patterns.\n     */\n    protectedValues?: string[];\n}\n\nconst DecoratableTagsPrimitive = (props: TagsPrimitiveProps) => {\n    const { vm, inputValue, addValue, removeValue } = useTags(props);\n\n    const inputProps: InputPrimitiveProps = useMemo(\n        () => ({\n            disabled: props.disabled,\n            inputRef: props.inputRef,\n            invalid: props.invalid,\n            onChange: inputValue,\n            placeholder: props.placeholder,\n            size: props.size,\n            variant: props.variant\n        }),\n        [props]\n    );\n\n    // When user press Enter, add the current input value as a tag\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === \"Enter\" && event.target) {\n            event.preventDefault();\n            addValue();\n        }\n    };\n\n    return (\n        <div>\n            <InputPrimitive\n                {...inputProps}\n                {...vm.inputVm}\n                onChange={inputValue}\n                onKeyDown={handleKeyDown}\n                startIcon={props.startIcon}\n                endIcon={\n                    <IconButton\n                        onClick={addValue}\n                        icon={<AddIcon />}\n                        variant={\"ghost\"}\n                        disabled={inputProps.disabled}\n                    />\n                }\n            />\n\n            {vm.valuesVm.values.length > 0 && (\n                <div className={\"mt-sm flex flex-wrap gap-xs\"}>\n                    {vm.valuesVm.values.map(tag => (\n                        <Tag\n                            key={tag.id}\n                            content={tag.label}\n                            onDismiss={!tag.protected ? () => removeValue(tag.label) : undefined}\n                            variant={\"neutral-muted\"}\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    );\n};\n\nconst TagsPrimitive = makeDecoratable(\"TagsPrimitive\", DecoratableTagsPrimitive);\n\nexport { TagsPrimitive, type TagsPrimitiveProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AACjE,SAASC,eAAe;AACxB,SAASC,OAAO;AAChB,SAASC,cAAc;AACvB,SAASC,GAAG;AACZ,SAASC,UAAU;AA+DnB,MAAMC,wBAAwB,GAAIC,KAAyB,IAAK;EAC5D,MAAM;IAAEC,EAAE;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGT,OAAO,CAACK,KAAK,CAAC;EAEhE,MAAMK,UAA+B,GAAGd,OAAO,CAC3C,OAAO;IACHe,QAAQ,EAAEN,KAAK,CAACM,QAAQ;IACxBC,QAAQ,EAAEP,KAAK,CAACO,QAAQ;IACxBC,OAAO,EAAER,KAAK,CAACQ,OAAO;IACtBC,QAAQ,EAAEP,UAAU;IACpBQ,WAAW,EAAEV,KAAK,CAACU,WAAW;IAC9BC,IAAI,EAAEX,KAAK,CAACW,IAAI;IAChBC,OAAO,EAAEZ,KAAK,CAACY;EACnB,CAAC,CAAC,EACF,CAACZ,KAAK,CACV,CAAC;;EAED;EACA,MAAMa,aAAa,GAAIC,KAA4C,IAAK;IACpE,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACE,MAAM,EAAE;MACvCF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBd,QAAQ,CAAC,CAAC;IACd;EACJ,CAAC;EAED,oBACIb,KAAA,CAAA4B,aAAA,2BACI5B,KAAA,CAAA4B,aAAA,CAACtB,cAAc,EAAAuB,MAAA,CAAAC,MAAA,KACPf,UAAU,EACVJ,EAAE,CAACoB,OAAO;IACdZ,QAAQ,EAAEP,UAAW;IACrBoB,SAAS,EAAET,aAAc;IACzBU,SAAS,EAAEvB,KAAK,CAACuB,SAAU;IAC3BC,OAAO,eACHlC,KAAA,CAAA4B,aAAA,CAACpB,UAAU;MACP2B,OAAO,EAAEtB,QAAS;MAClBuB,IAAI,eAAEpC,KAAA,CAAA4B,aAAA,CAACzB,OAAO,MAAE,CAAE;MAClBmB,OAAO,EAAE,OAAQ;MACjBN,QAAQ,EAAED,UAAU,CAACC;IAAS,CACjC;EACJ,EACJ,CAAC,EAEDL,EAAE,CAAC0B,QAAQ,CAACC,MAAM,CAACC,MAAM,GAAG,CAAC,iBAC1BvC,KAAA,CAAA4B,aAAA;IAAKY,SAAS,EAAE;EAA8B,GACzC7B,EAAE,CAAC0B,QAAQ,CAACC,MAAM,CAACG,GAAG,CAACC,GAAG,iBACvB1C,KAAA,CAAA4B,aAAA,CAACrB,GAAG;IACAkB,GAAG,EAAEiB,GAAG,CAACC,EAAG;IACZC,OAAO,EAAEF,GAAG,CAACG,KAAM;IACnBC,SAAS,EAAE,CAACJ,GAAG,CAACK,SAAS,GAAG,MAAMjC,WAAW,CAAC4B,GAAG,CAACG,KAAK,CAAC,GAAGG,SAAU;IACrE1B,OAAO,EAAE;EAAgB,CAC5B,CACJ,CACA,CAER,CAAC;AAEd,CAAC;AAED,MAAM2B,aAAa,GAAG7C,eAAe,CAAC,eAAe,EAAEK,wBAAwB,CAAC;AAEhF,SAASwC,aAAa","ignoreList":[]}

package/{RichTextEditor/RichTextEditorPrimitive.stories.d.ts → Tags/primitives/TagsPrimitive.stories.d.ts}

@@ -1,8 +1,8 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { RichTextEditorPrimitive } from "./RichTextEditorPrimitive";
-declare const meta: Meta<typeof RichTextEditorPrimitive>;
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { TagsPrimitive } from "./TagsPrimitive.js";
+declare const meta: Meta<typeof TagsPrimitive>;
 export default meta;
-type Story = StoryObj<typeof RichTextEditorPrimitive>;
+type Story = StoryObj<typeof TagsPrimitive>;
 export declare const Default: Story;
 export declare const MediumSize: Story;
 export declare const LargeSize: Story;
@@ -16,4 +16,11 @@ export declare const SecondaryVariantInvalid: Story;
 export declare const GhostVariant: Story;
 export declare const GhostVariantDisabled: Story;
 export declare const GhostVariantInvalid: Story;
-export declare const WithCustomValue: Story;
+export declare const GhostNegativeVariant: Story;
+export declare const GhostNegativeVariantDisabled: Story;
+export declare const GhostNegativeVariantInvalid: Story;
+export declare const WithCustomPlaceholder: Story;
+export declare const WithStartIcon: Story;
+export declare const WithInitialValues: Story;
+export declare const WithProtectedValues: Story;
+export declare const WithExternalValueControl: Story;