@webiny/admin-ui 6.0.0-alpha.0 → 6.0.0-alpha.2

package/Tags/Tags.stories.js

@@ -0,0 +1,92 @@
+import React, { useState } from "react";
+import { Tags } from "./Tags";
+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\";\nimport { Tags } from \"./Tags\";\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";
+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\";\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";
+import type { TagItemFormatted } from "./TagItemFormatted";
+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\";\nimport type { TagItemFormatted } from \"./TagItemFormatted\";\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";
+export * from "./TagItemDto";
+export * from "./TagItemFormatted";
+export * from "./TagItemMapper";

package/Tags/domain/index.js

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

package/Tags/domain/index.js.map

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

package/Tags/index.d.ts

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

package/Tags/index.js

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

package/Tags/index.js.map

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

package/Tags/primitives/TagsPrimitive.d.ts

@@ -0,0 +1,81 @@
+import React from "react";
+import { type InputPrimitiveProps } from "../../Input";
+import type { Icon } from "../../Icon";
+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").ComponentDecorator<((props: TagsPrimitiveProps) => React.JSX.Element) & {
+        original: (props: TagsPrimitiveProps) => React.JSX.Element;
+        originalName: string; /**
+         * Indicates if the input field is invalid.
+         */
+        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";
+import { useTags } from "./useTags";
+import { InputPrimitive } from "../../Input";
+import { Tag } from "../../Tag";
+import { IconButton } from "../../Button";
+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: "wby-mt-sm wby-flex wby-flex-wrap wby-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\";\nimport { useTags } from \"./useTags\";\nimport { InputPrimitive, type InputPrimitiveProps } from \"~/Input\";\nimport { Tag } from \"~/Tag\";\nimport { IconButton } from \"~/Button\";\nimport type { Icon } from \"~/Icon\";\n\ninterface TagsPrimitiveProps\n    extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"onChange\"> {\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={\"wby-mt-sm wby-flex wby-flex-wrap wby-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;AA6DnB,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;EAA8C,GACzD7B,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/Tags/primitives/TagsPrimitive.stories.d.ts

@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { TagsPrimitive } from "./TagsPrimitive";
+declare const meta: Meta<typeof TagsPrimitive>;
+export default meta;
+type Story = StoryObj<typeof TagsPrimitive>;
+export declare const Default: Story;
+export declare const MediumSize: Story;
+export declare const LargeSize: Story;
+export declare const ExtraLargeSize: Story;
+export declare const PrimaryVariant: Story;
+export declare const PrimaryVariantDisabled: Story;
+export declare const PrimaryVariantInvalid: Story;
+export declare const SecondaryVariant: Story;
+export declare const SecondaryVariantDisabled: Story;
+export declare const SecondaryVariantInvalid: Story;
+export declare const GhostVariant: Story;
+export declare const GhostVariantDisabled: Story;
+export declare const GhostVariantInvalid: 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;

package/Tags/primitives/TagsPrimitive.stories.js

@@ -0,0 +1,185 @@
+import React from "react";
+import { ReactComponent as TagIcon } from "@webiny/icons/tag.svg";
+import { TagsPrimitive } from "./TagsPrimitive";
+import { Button } from "../../Button";
+import { Icon } from "../../Icon";
+const meta = {
+  title: "Components/Form Primitives/Tags",
+  component: TagsPrimitive,
+  argTypes: {
+    onChange: {
+      action: "onChange"
+    },
+    onValueInput: {
+      action: "onValueInput"
+    },
+    onValueAdd: {
+      action: "onValueAdd"
+    },
+    onValueRemove: {
+      action: "onValueRemove"
+    },
+    disabled: {
+      control: "boolean",
+      defaultValue: false
+    }
+  },
+  parameters: {
+    layout: "padded"
+  },
+  render: args => /*#__PURE__*/React.createElement(TagsPrimitive, args)
+};
+export default meta;
+export const Default = {};
+export const MediumSize = {
+  args: {
+    ...Default.args,
+    size: "md"
+  }
+};
+export const LargeSize = {
+  args: {
+    ...Default.args,
+    size: "lg"
+  }
+};
+export const ExtraLargeSize = {
+  args: {
+    ...Default.args,
+    size: "xl"
+  }
+};
+export const PrimaryVariant = {
+  args: {
+    ...Default.args,
+    variant: "primary"
+  }
+};
+export const PrimaryVariantDisabled = {
+  args: {
+    ...PrimaryVariant.args,
+    disabled: true
+  }
+};
+export const PrimaryVariantInvalid = {
+  args: {
+    ...PrimaryVariant.args,
+    invalid: true
+  }
+};
+export const SecondaryVariant = {
+  args: {
+    variant: "secondary",
+    placeholder: "Custom placeholder"
+  }
+};
+export const SecondaryVariantDisabled = {
+  args: {
+    ...SecondaryVariant.args,
+    disabled: true
+  }
+};
+export const SecondaryVariantInvalid = {
+  args: {
+    ...SecondaryVariant.args,
+    invalid: true
+  }
+};
+export const GhostVariant = {
+  args: {
+    variant: "ghost",
+    placeholder: "Custom placeholder"
+  }
+};
+export const GhostVariantDisabled = {
+  args: {
+    ...GhostVariant.args,
+    disabled: true
+  }
+};
+export const GhostVariantInvalid = {
+  args: {
+    ...GhostVariant.args,
+    invalid: true
+  }
+};
+export const GhostNegativeVariant = {
+  args: {
+    ...Default.args,
+    variant: "ghost-negative",
+    placeholder: "Custom placeholder"
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+  }, /*#__PURE__*/React.createElement(Story, null))]
+};
+export const GhostNegativeVariantDisabled = {
+  args: {
+    ...GhostNegativeVariant.args,
+    disabled: true
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+  }, /*#__PURE__*/React.createElement(Story, null))]
+};
+export const GhostNegativeVariantInvalid = {
+  args: {
+    ...GhostNegativeVariant.args,
+    invalid: true
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    className: "wby-bg-neutral-dark wby-text-neutral-light wby-p-xl"
+  }, /*#__PURE__*/React.createElement(Story, null))]
+};
+export const WithCustomPlaceholder = {
+  args: {
+    ...Default.args,
+    placeholder: "Custom placeholder"
+  }
+};
+export const WithStartIcon = {
+  args: {
+    ...Default.args,
+    startIcon: /*#__PURE__*/React.createElement(Icon, {
+      label: "Tag",
+      icon: /*#__PURE__*/React.createElement(TagIcon, null)
+    })
+  }
+};
+export const WithInitialValues = {
+  args: {
+    ...Default.args,
+    value: ["tag1", "tag2", "tag3"]
+  }
+};
+export const WithProtectedValues = {
+  args: {
+    ...Default.args,
+    value: ["tag1", "tag2", "tag3", "another-tag1", "another-tag2"],
+    protectedValues: ["tag1", "another-tag*"]
+  }
+};
+export const WithExternalValueControl = {
+  args: {
+    ...Default.args,
+    value: ["tag1", "tag2", "tag3"]
+  },
+  render: args => {
+    const [value, setValue] = React.useState(args.value || []);
+    return /*#__PURE__*/React.createElement("div", {
+      className: "wby-w-full"
+    }, /*#__PURE__*/React.createElement(TagsPrimitive, Object.assign({}, args, {
+      value: value,
+      onChange: setValue
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "wby-mt-4 wby-text-center"
+    }, /*#__PURE__*/React.createElement(Button, {
+      text: "Reset",
+      onClick: () => setValue(args.value || [])
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "wby-mt-4 wby-text-center"
+    }, "Current selected values: ", value?.join(",")));
+  }
+};
+
+//# sourceMappingURL=TagsPrimitive.stories.js.map

package/Tags/primitives/TagsPrimitive.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","TagIcon","TagsPrimitive","Button","Icon","meta","title","component","argTypes","onChange","action","onValueInput","onValueAdd","onValueRemove","disabled","control","defaultValue","parameters","layout","render","args","createElement","Default","MediumSize","size","LargeSize","ExtraLargeSize","PrimaryVariant","variant","PrimaryVariantDisabled","PrimaryVariantInvalid","invalid","SecondaryVariant","placeholder","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","GhostNegativeVariant","decorators","Story","className","GhostNegativeVariantDisabled","GhostNegativeVariantInvalid","WithCustomPlaceholder","WithStartIcon","startIcon","label","icon","WithInitialValues","value","WithProtectedValues","protectedValues","WithExternalValueControl","setValue","useState","Object","assign","text","onClick","join"],"sources":["TagsPrimitive.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { ReactComponent as TagIcon } from \"@webiny/icons/tag.svg\";\nimport { TagsPrimitive } from \"./TagsPrimitive\";\nimport { Button } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\n\nconst meta: Meta<typeof TagsPrimitive> = {\n    title: \"Components/Form Primitives/Tags\",\n    component: TagsPrimitive,\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 => <TagsPrimitive {...args} />\n};\n\nexport default meta;\ntype Story = StoryObj<typeof TagsPrimitive>;\n\nexport const Default: Story = {};\n\nexport const MediumSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"md\"\n    }\n};\n\nexport const LargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"lg\"\n    }\n};\n\nexport const ExtraLargeSize: Story = {\n    args: {\n        ...Default.args,\n        size: \"xl\"\n    }\n};\n\nexport const PrimaryVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"primary\"\n    }\n};\n\nexport const PrimaryVariantDisabled: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const PrimaryVariantInvalid: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const SecondaryVariant: Story = {\n    args: {\n        variant: \"secondary\",\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const SecondaryVariantDisabled: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const SecondaryVariantInvalid: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostVariant: Story = {\n    args: {\n        variant: \"ghost\",\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const GhostVariantDisabled: Story = {\n    args: {\n        ...GhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const GhostVariantInvalid: Story = {\n    args: {\n        ...GhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostNegativeVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"ghost-negative\",\n        placeholder: \"Custom placeholder\"\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-bg-neutral-dark wby-text-neutral-light wby-p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantDisabled: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        disabled: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-bg-neutral-dark wby-text-neutral-light wby-p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const GhostNegativeVariantInvalid: Story = {\n    args: {\n        ...GhostNegativeVariant.args,\n        invalid: true\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-bg-neutral-dark wby-text-neutral-light wby-p-xl\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const WithCustomPlaceholder: Story = {\n    args: {\n        ...Default.args,\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const WithStartIcon: Story = {\n    args: {\n        ...Default.args,\n        startIcon: <Icon label={\"Tag\"} icon={<TagIcon />} />\n    }\n};\n\nexport const WithInitialValues: Story = {\n    args: {\n        ...Default.args,\n        value: [\"tag1\", \"tag2\", \"tag3\"]\n    }\n};\n\nexport const WithProtectedValues: Story = {\n    args: {\n        ...Default.args,\n        value: [\"tag1\", \"tag2\", \"tag3\", \"another-tag1\", \"another-tag2\"],\n        protectedValues: [\"tag1\", \"another-tag*\"]\n    }\n};\n\nexport const WithExternalValueControl: Story = {\n    args: {\n        ...Default.args,\n        value: [\"tag1\", \"tag2\", \"tag3\"]\n    },\n    render: args => {\n        const [value, setValue] = React.useState<string[]>(args.value || []);\n\n        return (\n            <div className={\"wby-w-full\"}>\n                <TagsPrimitive {...args} value={value} onChange={setValue} />\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    <Button text={\"Reset\"} onClick={() => setValue(args.value || [])} />\n                </div>\n                <div className={\"wby-mt-4 wby-text-center\"}>\n                    Current selected values: {value?.join(\",\")}\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AACjE,SAASC,aAAa;AACtB,SAASC,MAAM;AACf,SAASC,IAAI;AAEb,MAAMC,IAAgC,GAAG;EACrCC,KAAK,EAAE,iCAAiC;EACxCC,SAAS,EAAEL,aAAa;EACxBM,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,iBAAIrB,KAAA,CAAAsB,aAAA,CAACnB,aAAa,EAAKkB,IAAO;AAC9C,CAAC;AAED,eAAef,IAAI;AAGnB,OAAO,MAAMiB,OAAc,GAAG,CAAC,CAAC;AAEhC,OAAO,MAAMC,UAAiB,GAAG;EAC7BH,IAAI,EAAE;IACF,GAAGE,OAAO,CAACF,IAAI;IACfI,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAMC,SAAgB,GAAG;EAC5BL,IAAI,EAAE;IACF,GAAGE,OAAO,CAACF,IAAI;IACfI,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAME,cAAqB,GAAG;EACjCN,IAAI,EAAE;IACF,GAAGE,OAAO,CAACF,IAAI;IACfI,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAMG,cAAqB,GAAG;EACjCP,IAAI,EAAE;IACF,GAAGE,OAAO,CAACF,IAAI;IACfQ,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMC,sBAA6B,GAAG;EACzCT,IAAI,EAAE;IACF,GAAGO,cAAc,CAACP,IAAI;IACtBN,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMgB,qBAA4B,GAAG;EACxCV,IAAI,EAAE;IACF,GAAGO,cAAc,CAACP,IAAI;IACtBW,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMC,gBAAuB,GAAG;EACnCZ,IAAI,EAAE;IACFQ,OAAO,EAAE,WAAW;IACpBK,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMC,wBAA+B,GAAG;EAC3Cd,IAAI,EAAE;IACF,GAAGY,gBAAgB,CAACZ,IAAI;IACxBN,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMqB,uBAA8B,GAAG;EAC1Cf,IAAI,EAAE;IACF,GAAGY,gBAAgB,CAACZ,IAAI;IACxBW,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMK,YAAmB,GAAG;EAC/BhB,IAAI,EAAE;IACFQ,OAAO,EAAE,OAAO;IAChBK,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMI,oBAA2B,GAAG;EACvCjB,IAAI,EAAE;IACF,GAAGgB,YAAY,CAAChB,IAAI;IACpBN,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMwB,mBAA0B,GAAG;EACtClB,IAAI,EAAE;IACF,GAAGgB,YAAY,CAAChB,IAAI;IACpBW,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMQ,oBAA2B,GAAG;EACvCnB,IAAI,EAAE;IACF,GAAGE,OAAO,CAACF,IAAI;IACfQ,OAAO,EAAE,gBAAgB;IACzBK,WAAW,EAAE;EACjB,CAAC;EACDO,UAAU,EAAE,CACRC,KAAK,iBACD1C,KAAA,CAAAsB,aAAA;IAAKqB,SAAS,EAAC;EAAqD,gBAChE3C,KAAA,CAAAsB,aAAA,CAACoB,KAAK,MAAE,CACP,CACR;AAET,CAAC;AAED,OAAO,MAAME,4BAAmC,GAAG;EAC/CvB,IAAI,EAAE;IACF,GAAGmB,oBAAoB,CAACnB,IAAI;IAC5BN,QAAQ,EAAE;EACd,CAAC;EACD0B,UAAU,EAAE,CACRC,KAAK,iBACD1C,KAAA,CAAAsB,aAAA;IAAKqB,SAAS,EAAC;EAAqD,gBAChE3C,KAAA,CAAAsB,aAAA,CAACoB,KAAK,MAAE,CACP,CACR;AAET,CAAC;AAED,OAAO,MAAMG,2BAAkC,GAAG;EAC9CxB,IAAI,EAAE;IACF,GAAGmB,oBAAoB,CAACnB,IAAI;IAC5BW,OAAO,EAAE;EACb,CAAC;EACDS,UAAU,EAAE,CACRC,KAAK,iBACD1C,KAAA,CAAAsB,aAAA;IAAKqB,SAAS,EAAC;EAAqD,gBAChE3C,KAAA,CAAAsB,aAAA,CAACoB,KAAK,MAAE,CACP,CACR;AAET,CAAC;AAED,OAAO,MAAMI,qBAA4B,GAAG;EACxCzB,IAAI,EAAE;IACF,GAAGE,OAAO,CAACF,IAAI;IACfa,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMa,aAAoB,GAAG;EAChC1B,IAAI,EAAE;IACF,GAAGE,OAAO,CAACF,IAAI;IACf2B,SAAS,eAAEhD,KAAA,CAAAsB,aAAA,CAACjB,IAAI;MAAC4C,KAAK,EAAE,KAAM;MAACC,IAAI,eAAElD,KAAA,CAAAsB,aAAA,CAACpB,OAAO,MAAE;IAAE,CAAE;EACvD;AACJ,CAAC;AAED,OAAO,MAAMiD,iBAAwB,GAAG;EACpC9B,IAAI,EAAE;IACF,GAAGE,OAAO,CAACF,IAAI;IACf+B,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM;EAClC;AACJ,CAAC;AAED,OAAO,MAAMC,mBAA0B,GAAG;EACtChC,IAAI,EAAE;IACF,GAAGE,OAAO,CAACF,IAAI;IACf+B,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,CAAC;IAC/DE,eAAe,EAAE,CAAC,MAAM,EAAE,cAAc;EAC5C;AACJ,CAAC;AAED,OAAO,MAAMC,wBAA+B,GAAG;EAC3ClC,IAAI,EAAE;IACF,GAAGE,OAAO,CAACF,IAAI;IACf+B,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM;EAClC,CAAC;EACDhC,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAAC+B,KAAK,EAAEI,QAAQ,CAAC,GAAGxD,KAAK,CAACyD,QAAQ,CAAWpC,IAAI,CAAC+B,KAAK,IAAI,EAAE,CAAC;IAEpE,oBACIpD,KAAA,CAAAsB,aAAA;MAAKqB,SAAS,EAAE;IAAa,gBACzB3C,KAAA,CAAAsB,aAAA,CAACnB,aAAa,EAAAuD,MAAA,CAAAC,MAAA,KAAKtC,IAAI;MAAE+B,KAAK,EAAEA,KAAM;MAAC1C,QAAQ,EAAE8C;IAAS,EAAE,CAAC,eAC7DxD,KAAA,CAAAsB,aAAA;MAAKqB,SAAS,EAAE;IAA2B,gBACvC3C,KAAA,CAAAsB,aAAA,CAAClB,MAAM;MAACwD,IAAI,EAAE,OAAQ;MAACC,OAAO,EAAEA,CAAA,KAAML,QAAQ,CAACnC,IAAI,CAAC+B,KAAK,IAAI,EAAE;IAAE,CAAE,CAClE,CAAC,eACNpD,KAAA,CAAAsB,aAAA;MAAKqB,SAAS,EAAE;IAA2B,GAAC,2BACf,EAACS,KAAK,EAAEU,IAAI,CAAC,GAAG,CACxC,CACJ,CAAC;EAEd;AACJ,CAAC","ignoreList":[]}

package/Tags/primitives/index.d.ts

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

package/Tags/primitives/index.js

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

package/Tags/primitives/index.js.map

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