@digigov/ui 2.0.0-8e254888 → 2.0.0-a32ad9b2

package/cjs/form/SingleCharacterInputs/SingleCharacterInput.stories/index.js

@@ -28,13 +28,19 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var SingleCharacterInput_stories_exports = {};
 __export(SingleCharacterInput_stories_exports, {
   Default: () => import_Default.Default,
+  WithControls: () => WithControls,
   WithDefaultError: () => import_WithDefaultError.WithDefaultError,
   WithErrorMessageInvalidCode: () => import_WithErrorMessageInvalidCode.WithErrorMessageInvalidCode,
   WithErrorMessageLessDigit: () => import_WithErrorMessageLessDigit.WithErrorMessageLessDigit,
   default: () => SingleCharacterInput_stories_default
 });
 module.exports = __toCommonJS(SingleCharacterInput_stories_exports);
-var import_SingleCharacterInputs = __toESM(require("@digigov/ui/form/SingleCharacterInputs"));
+var import_react = __toESM(require("react"));
+var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
+var import_SingleCharacterInputs = require("@digigov/ui/form/SingleCharacterInputs");
+var import_Hint = require("@digigov/ui/typography/Hint");
+var import_ErrorMessage = require("@digigov/ui/form/ErrorMessage");
+var import_VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
 var import_Default = require("@digigov/ui/form/SingleCharacterInputs/__stories__/Default");
 var import_WithDefaultError = require("@digigov/ui/form/SingleCharacterInputs/__stories__/WithDefaultError");
 var import_WithErrorMessageInvalidCode = require("@digigov/ui/form/SingleCharacterInputs/__stories__/WithErrorMessageInvalidCode");
@@ -43,12 +49,97 @@ var SingleCharacterInput_stories_default = {
   title: "Digigov UI/form/SingleCharacterInputs",
   description: "Use the One-time password input component to help users enter a memorable digital character for One-time password.",
   link: "https://guide.services.gov.gr/docs/patterns/one-time-password",
-  component: import_SingleCharacterInputs.default,
+  component: import_SingleCharacterInputs.SingleCharacterInputs,
   displayName: "SingleCharacterInputs"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { error: args.error }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.Fieldset, { "aria-describedby": [`${args.hintId} ${args.errorId}`] }, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldsetLegend, { heading: args.singleQuestionInPage }, args.legend), args.hint && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: args.hintId }, args.hintMessage), args.error && /* @__PURE__ */ import_react.default.createElement(import_ErrorMessage.ErrorMessage, { id: args.errorId }, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), args.errorMessage), /* @__PURE__ */ import_react.default.createElement(import_SingleCharacterInputs.SingleCharacterInputs, null, args.items.map((item) => /* @__PURE__ */ import_react.default.createElement(
+      import_SingleCharacterInputs.SingleCharacterInput,
+      {
+        key: item.value,
+        name: item.value,
+        defaultValue: item.defaultValue,
+        error: item.error
+      }
+    )))));
+  },
+  args: {
+    singleQuestionInPage: false,
+    legend: "\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u0395\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2",
+    hint: true,
+    hintMessage: "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BC\u03BF\u03BD\u03B1\u03B4\u03B9\u03BA\u03CC \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03C0\u03BF\u03C5 \u03BB\u03AC\u03B2\u03B1\u03C4\u03B5 \u03C3\u03C4\u03BF \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03CC \u03C3\u03B1\u03C2 \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF.",
+    hintId: "code-hint",
+    error: false,
+    errorMessage: "\u039F \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03C0\u03BF\u03C5 \u03B5\u03B9\u03C3\u03AC\u03B3\u03B1\u03C4\u03B5 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BB\u03B1\u03BD\u03B8\u03B1\u03C3\u03BC\u03AD\u03BD\u03BF\u03C2",
+    errorId: "code-error",
+    items: [
+      {
+        defaultValue: "",
+        name: "digit-1",
+        error: false
+      },
+      {
+        defaultValue: "",
+        name: "digit-2",
+        error: false
+      },
+      {
+        defaultValue: "",
+        name: "digit-3",
+        error: false
+      },
+      {
+        defaultValue: "",
+        name: "digit-4",
+        error: false
+      },
+      {
+        defaultValue: "",
+        name: "digit-5",
+        error: false
+      }
+    ]
+  },
+  argTypes: {
+    singleQuestionInPage: {
+      control: { type: "boolean" }
+    },
+    legend: {
+      control: { type: "text" }
+    },
+    hint: {
+      control: { type: "boolean" }
+    },
+    hintMessage: {
+      control: { type: "text" },
+      if: { arg: "hint", eq: true }
+    },
+    hintId: {
+      control: { type: "text" },
+      if: { arg: "hint", eq: true }
+    },
+    error: {
+      control: { type: "boolean" }
+    },
+    errorMessage: {
+      control: { type: "text" },
+      if: { arg: "error", eq: true }
+    },
+    items: {
+      control: { type: "object" }
+    }
+  },
+  parameters: {
+    controls: {
+      exclude: ["ref"]
+    }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Default,
+  WithControls,
   WithDefaultError,
   WithErrorMessageInvalidCode,
   WithErrorMessageLessDigit

package/cjs/form/SingleCharacterInputs/SingleCharacterInput.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/form/SingleCharacterInputs/SingleCharacterInput.stories.js"],
-  "sourcesContent": ["import SingleCharacterInputs from '@digigov/ui/form/SingleCharacterInputs';\nexport default {\n  title: 'Digigov UI/form/SingleCharacterInputs',\n  description:\n    'Use the One-time password input component to help users enter a memorable digital character for One-time password.',\n  link: 'https://guide.services.gov.gr/docs/patterns/one-time-password',\n  component: SingleCharacterInputs,\n  displayName: 'SingleCharacterInputs',\n};\nexport { Default } from '@digigov/ui/form/SingleCharacterInputs/__stories__/Default';\nexport { WithDefaultError } from '@digigov/ui/form/SingleCharacterInputs/__stories__/WithDefaultError';\nexport { WithErrorMessageInvalidCode } from '@digigov/ui/form/SingleCharacterInputs/__stories__/WithErrorMessageInvalidCode';\nexport { WithErrorMessageLessDigit } from '@digigov/ui/form/SingleCharacterInputs/__stories__/WithErrorMessageLessDigit';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAAkC;AASlC,qBAAwB;AACxB,8BAAiC;AACjC,yCAA4C;AAC5C,uCAA0C;AAX1C,IAAO,uCAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,6BAAAA;AAAA,EACX,aAAa;AACf;",
-  "names": ["SingleCharacterInputs"]
+  "sources": ["../../../../src/form/SingleCharacterInputs/SingleCharacterInput.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  FieldContainer,\n  Fieldset,\n  FieldsetLegend,\n} from '@digigov/ui/form/FieldContainer';\nimport {\n  SingleCharacterInputs,\n  SingleCharacterInput,\n} from '@digigov/ui/form/SingleCharacterInputs';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { ErrorMessage } from '@digigov/ui/form/ErrorMessage';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport default {\n  title: 'Digigov UI/form/SingleCharacterInputs',\n  description:\n    'Use the One-time password input component to help users enter a memorable digital character for One-time password.',\n  link: 'https://guide.services.gov.gr/docs/patterns/one-time-password',\n  component: SingleCharacterInputs,\n  displayName: 'SingleCharacterInputs',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <FieldContainer error={args.error}>\n        <Fieldset aria-describedby={[`${args.hintId} ${args.errorId}`]}>\n          <FieldsetLegend heading={args.singleQuestionInPage}>\n            {args.legend}\n          </FieldsetLegend>\n          {args.hint && <Hint id={args.hintId}>{args.hintMessage}</Hint>}\n          {args.error && (\n            <ErrorMessage id={args.errorId}>\n              <VisuallyHidden>\u039B\u03AC\u03B8\u03BF\u03C2:</VisuallyHidden>\n              {args.errorMessage}\n            </ErrorMessage>\n          )}\n          <SingleCharacterInputs>\n            {args.items.map((item) => (\n              <SingleCharacterInput\n                key={item.value}\n                name={item.value}\n                defaultValue={item.defaultValue}\n                error={item.error}\n              />\n            ))}\n          </SingleCharacterInputs>\n        </Fieldset>\n      </FieldContainer>\n    );\n  },\n  args: {\n    singleQuestionInPage: false,\n    legend: '\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u0395\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2',\n    hint: true,\n    hintMessage:\n      '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BC\u03BF\u03BD\u03B1\u03B4\u03B9\u03BA\u03CC \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03C0\u03BF\u03C5 \u03BB\u03AC\u03B2\u03B1\u03C4\u03B5 \u03C3\u03C4\u03BF \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03CC \u03C3\u03B1\u03C2 \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF.',\n    hintId: 'code-hint',\n    error: false,\n    errorMessage: '\u039F \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03C0\u03BF\u03C5 \u03B5\u03B9\u03C3\u03AC\u03B3\u03B1\u03C4\u03B5 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BB\u03B1\u03BD\u03B8\u03B1\u03C3\u03BC\u03AD\u03BD\u03BF\u03C2',\n    errorId: 'code-error',\n    items: [\n      {\n        defaultValue: '',\n        name: 'digit-1',\n        error: false,\n      },\n      {\n        defaultValue: '',\n        name: 'digit-2',\n        error: false,\n      },\n      {\n        defaultValue: '',\n        name: 'digit-3',\n        error: false,\n      },\n      {\n        defaultValue: '',\n        name: 'digit-4',\n        error: false,\n      },\n      {\n        defaultValue: '',\n        name: 'digit-5',\n        error: false,\n      },\n    ],\n  },\n  argTypes: {\n    singleQuestionInPage: {\n      control: { type: 'boolean' },\n    },\n    legend: {\n      control: { type: 'text' },\n    },\n    hint: {\n      control: { type: 'boolean' },\n    },\n    hintMessage: {\n      control: { type: 'text' },\n      if: { arg: 'hint', eq: true },\n    },\n    hintId: {\n      control: { type: 'text' },\n      if: { arg: 'hint', eq: true },\n    },\n    error: {\n      control: { type: 'boolean' },\n    },\n    errorMessage: {\n      control: { type: 'text' },\n      if: { arg: 'error', eq: true },\n    },\n    items: {\n      control: { type: 'object' },\n    },\n  },\n  parameters: {\n    controls: {\n      exclude: ['ref'],\n    },\n  },\n};\n\nexport { Default } from '@digigov/ui/form/SingleCharacterInputs/__stories__/Default';\nexport { WithDefaultError } from '@digigov/ui/form/SingleCharacterInputs/__stories__/WithDefaultError';\nexport { WithErrorMessageInvalidCode } from '@digigov/ui/form/SingleCharacterInputs/__stories__/WithErrorMessageInvalidCode';\nexport { WithErrorMessageLessDigit } from '@digigov/ui/form/SingleCharacterInputs/__stories__/WithErrorMessageLessDigit';\n"],
+  "mappings": "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",
+  "names": ["React"]
 }

package/cjs/form/TextArea/TextArea.stories/index.js

@@ -32,13 +32,20 @@ __export(TextArea_stories_exports, {
   DisabledInput: () => import_DisabledInput.DisabledInput,
   LimitedCharacters: () => import_LimitedCharacters.LimitedCharacters,
   MultipleQuestions: () => import_MultipleQuestions.MultipleQuestions,
+  WithControls: () => WithControls,
   WithDeclaredRows: () => import_WithDeclaredRows.WithDeclaredRows,
   WithErrorMessage: () => import_WithErrorMessage.WithErrorMessage,
   WithHint: () => import_WithHint.WithHint,
   default: () => TextArea_stories_default
 });
 module.exports = __toCommonJS(TextArea_stories_exports);
-var import_TextArea = __toESM(require("@digigov/ui/form/TextArea"));
+var import_react = __toESM(require("react"));
+var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
+var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
+var import_TextArea = require("@digigov/ui/form/TextArea");
+var import_Hint = require("@digigov/ui/typography/Hint");
+var import_ErrorMessage = require("@digigov/ui/form/ErrorMessage");
+var import_VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
 var import_Default = require("@digigov/ui/form/TextArea/__stories__/Default");
 var import_WithHint = require("@digigov/ui/form/TextArea/__stories__/WithHint");
 var import_WithDeclaredRows = require("@digigov/ui/form/TextArea/__stories__/WithDeclaredRows");
@@ -51,9 +58,87 @@ var TextArea_stories_default = {
   title: "Digigov UI/form/TextArea",
   description: "Use the textarea component when you need to let users enter an amount of text that\u2019s longer than a single line.",
   link: "https://guide.services.gov.gr/docs/components/textarea",
-  component: import_TextArea.default,
+  component: import_TextArea.TextArea,
   displayName: "TextArea"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { error: args.error }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "md" }, args.label), args.hint && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: args.hintId }, args.hintMessage), args.error && /* @__PURE__ */ import_react.default.createElement(import_ErrorMessage.ErrorMessage, { id: args.errorId }, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), args.errorMessage), /* @__PURE__ */ import_react.default.createElement(
+      import_TextArea.TextArea,
+      {
+        dense: args.dense,
+        name: args.name,
+        disabled: args.disabled,
+        "aria-describedby": args.hintId
+      }
+    ), args.bottomHint && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: args.bottomHintId }, args.bottomHintMessage)));
+  },
+  args: {
+    label: "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;",
+    name: "textarea",
+    hint: true,
+    hintMessage: "\u03A0\u03C1\u03BF\u03B1\u03B9\u03C1\u03B5\u03C4\u03B9\u03BA\u03CC",
+    hintId: "hintId",
+    error: false,
+    errorMessage: "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF.",
+    errorId: "errorId",
+    bottomHint: true,
+    bottomHintMessage: "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03BB\u03B7\u03BA\u03C4\u03C1\u03BF\u03BB\u03BF\u03B3\u03AE\u03C3\u03B5\u03C4\u03B5 \u03BC\u03AD\u03C7\u03C1\u03B9 500 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03B5\u03C2.",
+    bottomHintId: "bottomHintId",
+    dense: false,
+    disabled: false
+  },
+  argTypes: {
+    label: {
+      control: "text"
+    },
+    name: {
+      control: "text"
+    },
+    hint: {
+      control: "boolean"
+    },
+    hintMessage: {
+      control: "text",
+      if: { arg: "hint", eq: true }
+    },
+    hintId: {
+      control: "text",
+      if: { arg: "hint", eq: true }
+    },
+    error: {
+      control: "boolean"
+    },
+    errorMessage: {
+      control: "text",
+      if: { arg: "error", eq: true }
+    },
+    errorId: {
+      control: "text",
+      if: { arg: "error", eq: true }
+    },
+    bottomHint: {
+      control: "boolean"
+    },
+    bottomHintMessage: {
+      control: "text"
+    },
+    bottomHintId: {
+      control: "text"
+    },
+    dense: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    }
+  },
+  parameters: {
+    controls: {
+      exclude: ["ref", "type"]
+    }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Default,
@@ -61,6 +146,7 @@ var TextArea_stories_default = {
   DisabledInput,
   LimitedCharacters,
   MultipleQuestions,
+  WithControls,
   WithDeclaredRows,
   WithErrorMessage,
   WithHint

package/cjs/form/TextArea/TextArea.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/form/TextArea/TextArea.stories.js"],
-  "sourcesContent": ["import TextArea from '@digigov/ui/form/TextArea';\nexport default {\n  title: 'Digigov UI/form/TextArea',\n  description:\n    'Use the textarea component when you need to let users enter an amount of text that\u2019s longer than a single line.',\n  link: 'https://guide.services.gov.gr/docs/components/textarea',\n  component: TextArea,\n  displayName: 'TextArea',\n};\nexport { Default } from '@digigov/ui/form/TextArea/__stories__/Default';\nexport { WithHint } from '@digigov/ui/form/TextArea/__stories__/WithHint';\nexport { WithDeclaredRows } from '@digigov/ui/form/TextArea/__stories__/WithDeclaredRows';\nexport { MultipleQuestions } from '@digigov/ui/form/TextArea/__stories__/MultipleQuestions';\nexport { LimitedCharacters } from '@digigov/ui/form/TextArea/__stories__/LimitedCharacters';\nexport { WithErrorMessage } from '@digigov/ui/form/TextArea/__stories__/WithErrorMessage';\nexport { DisabledInput } from '@digigov/ui/form/TextArea/__stories__/DisabledInput';\nexport { Dense } from '@digigov/ui/form/TextArea/__stories__/Dense';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AASrB,qBAAwB;AACxB,sBAAyB;AACzB,8BAAiC;AACjC,+BAAkC;AAClC,+BAAkC;AAClC,8BAAiC;AACjC,2BAA8B;AAC9B,mBAAsB;AAftB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,gBAAAA;AAAA,EACX,aAAa;AACf;",
-  "names": ["TextArea"]
+  "sources": ["../../../../src/form/TextArea/TextArea.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextArea } from '@digigov/ui/form/TextArea';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { ErrorMessage } from '@digigov/ui/form/ErrorMessage';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport default {\n  title: 'Digigov UI/form/TextArea',\n  description:\n    'Use the textarea component when you need to let users enter an amount of text that\u2019s longer than a single line.',\n  link: 'https://guide.services.gov.gr/docs/components/textarea',\n  component: TextArea,\n  displayName: 'TextArea',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <FieldContainer error={args.error}>\n        <LabelContainer>\n          <LabelTitle size=\"md\">{args.label}</LabelTitle>\n          {args.hint && <Hint id={args.hintId}>{args.hintMessage}</Hint>}\n          {args.error && (\n            <ErrorMessage id={args.errorId}>\n              <VisuallyHidden>\u039B\u03AC\u03B8\u03BF\u03C2:</VisuallyHidden>\n              {args.errorMessage}\n            </ErrorMessage>\n          )}\n          <TextArea\n            dense={args.dense}\n            name={args.name}\n            disabled={args.disabled}\n            aria-describedby={args.hintId}\n          ></TextArea>\n          {args.bottomHint && (\n            <Hint id={args.bottomHintId}>{args.bottomHintMessage}</Hint>\n          )}\n        </LabelContainer>\n      </FieldContainer>\n    );\n  },\n  args: {\n    label: '\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;',\n    name: 'textarea',\n    hint: true,\n    hintMessage: '\u03A0\u03C1\u03BF\u03B1\u03B9\u03C1\u03B5\u03C4\u03B9\u03BA\u03CC',\n    hintId: 'hintId',\n    error: false,\n    errorMessage: '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF.',\n    errorId: 'errorId',\n    bottomHint: true,\n    bottomHintMessage: '\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03BB\u03B7\u03BA\u03C4\u03C1\u03BF\u03BB\u03BF\u03B3\u03AE\u03C3\u03B5\u03C4\u03B5 \u03BC\u03AD\u03C7\u03C1\u03B9 500 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03B5\u03C2.',\n    bottomHintId: 'bottomHintId',\n    dense: false,\n    disabled: false,\n  },\n  argTypes: {\n    label: {\n      control: 'text',\n    },\n    name: {\n      control: 'text',\n    },\n    hint: {\n      control: 'boolean',\n    },\n    hintMessage: {\n      control: 'text',\n      if: { arg: 'hint', eq: true },\n    },\n    hintId: {\n      control: 'text',\n      if: { arg: 'hint', eq: true },\n    },\n    error: {\n      control: 'boolean',\n    },\n    errorMessage: {\n      control: 'text',\n      if: { arg: 'error', eq: true },\n    },\n    errorId: {\n      control: 'text',\n      if: { arg: 'error', eq: true },\n    },\n    bottomHint: {\n      control: 'boolean',\n    },\n    bottomHintMessage: {\n      control: 'text',\n    },\n    bottomHintId: {\n      control: 'text',\n    },\n    dense: {\n      control: 'boolean',\n    },\n    disabled: {\n      control: 'boolean',\n    },\n  },\n  parameters: {\n    controls: {\n      exclude: ['ref', 'type'],\n    },\n  },\n};\nexport { Default } from '@digigov/ui/form/TextArea/__stories__/Default';\nexport { WithHint } from '@digigov/ui/form/TextArea/__stories__/WithHint';\nexport { WithDeclaredRows } from '@digigov/ui/form/TextArea/__stories__/WithDeclaredRows';\nexport { MultipleQuestions } from '@digigov/ui/form/TextArea/__stories__/MultipleQuestions';\nexport { LimitedCharacters } from '@digigov/ui/form/TextArea/__stories__/LimitedCharacters';\nexport { WithErrorMessage } from '@digigov/ui/form/TextArea/__stories__/WithErrorMessage';\nexport { DisabledInput } from '@digigov/ui/form/TextArea/__stories__/DisabledInput';\nexport { Dense } from '@digigov/ui/form/TextArea/__stories__/Dense';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,4BAA+B;AAC/B,4BAA2C;AAC3C,sBAAyB;AACzB,kBAAqB;AACrB,0BAA6B;AAC7B,4BAA+B;AAuG/B,qBAAwB;AACxB,sBAAyB;AACzB,8BAAiC;AACjC,+BAAkC;AAClC,+BAAkC;AAClC,8BAAiC;AACjC,2BAA8B;AAC9B,mBAAsB;AA5GtB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,6BAAAA,QAAA,cAAC,wCAAe,OAAO,KAAK,SAC1B,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAM,KAAK,KAAM,GACjC,KAAK,QAAQ,6BAAAA,QAAA,cAAC,oBAAK,IAAI,KAAK,UAAS,KAAK,WAAY,GACtD,KAAK,SACJ,6BAAAA,QAAA,cAAC,oCAAa,IAAI,KAAK,WACrB,6BAAAA,QAAA,cAAC,4CAAe,iCAAM,GACrB,KAAK,YACR,GAEF,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,KAAK;AAAA,QACZ,MAAM,KAAK;AAAA,QACX,UAAU,KAAK;AAAA,QACf,oBAAkB,KAAK;AAAA;AAAA,IACxB,GACA,KAAK,cACJ,6BAAAA,QAAA,cAAC,oBAAK,IAAI,KAAK,gBAAe,KAAK,iBAAkB,CAEzD,CACF;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,cAAc;AAAA,IACd,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,IACX;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,MACT,IAAI,EAAE,KAAK,QAAQ,IAAI,KAAK;AAAA,IAC9B;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,MACT,IAAI,EAAE,KAAK,QAAQ,IAAI,KAAK;AAAA,IAC9B;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,SAAS;AAAA,MACT,IAAI,EAAE,KAAK,SAAS,IAAI,KAAK;AAAA,IAC/B;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,IAAI,EAAE,KAAK,SAAS,IAAI,KAAK;AAAA,IAC/B;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjB,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU;AAAA,MACR,SAAS,CAAC,OAAO,MAAM;AAAA,IACzB;AAAA,EACF;AACF;",
+  "names": ["React"]
 }

package/cjs/form/TextInput/TextInput.stories/index.js

@@ -35,12 +35,19 @@ __export(TextInput_stories_exports, {
   FixedWidths: () => import_FixedWidths.FixedWidths,
   FluidWidths: () => import_FluidWidths.FluidWidths,
   MultipleQuestions: () => import_MultipleQuestions.MultipleQuestions,
+  WithControls: () => WithControls,
   WithErrorMessage: () => import_WithErrorMessage.WithErrorMessage,
   WithHint: () => import_WithHint.WithHint,
   default: () => TextInput_stories_default
 });
 module.exports = __toCommonJS(TextInput_stories_exports);
+var import_react = __toESM(require("react"));
 var import_TextInput = __toESM(require("@digigov/ui/form/TextInput"));
+var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
+var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
+var import_Hint = require("@digigov/ui/typography/Hint");
+var import_ErrorMessage = require("@digigov/ui/form/ErrorMessage");
+var import_VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
 var import_Default = require("@digigov/ui/form/TextInput/__stories__/Default");
 var import_MultipleQuestions = require("@digigov/ui/form/TextInput/__stories__/MultipleQuestions");
 var import_FixedWidths = require("@digigov/ui/form/TextInput/__stories__/FixedWidths");
@@ -58,6 +65,92 @@ var TextInput_stories_default = {
   component: import_TextInput.default,
   displayName: "TextInput"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { error: args.error }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "md" }, args.label), args.hint && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { id: args.hintId }, args.hintMessage), args.error && /* @__PURE__ */ import_react.default.createElement(import_ErrorMessage.ErrorMessage, { id: args.errorId }, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), args.errorMessage), /* @__PURE__ */ import_react.default.createElement(
+      import_TextInput.default,
+      {
+        dense: args.dense,
+        name: args.name,
+        maxWidth: args.maxWidth === "full" ? void 0 : args.maxWidth,
+        width: args.width,
+        disabled: args.disabled,
+        "aria-describedby": args.hintId
+      }
+    )));
+  },
+  args: {
+    label: "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2",
+    name: "textarea",
+    width: "100%",
+    maxWidth: "full",
+    hint: true,
+    hintMessage: "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C6\u03BF\u03C1\u03AF\u03B1;",
+    hintId: "hintId",
+    error: false,
+    errorMessage: "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF.",
+    errorId: "errorId",
+    dense: false,
+    disabled: false
+  },
+  argTypes: {
+    label: {
+      control: "text"
+    },
+    name: {
+      control: "text"
+    },
+    maxWidth: {
+      options: [
+        "2-char",
+        "3-char",
+        "4-char",
+        "5-char",
+        "10-char",
+        "20-char",
+        "full"
+      ],
+      control: { type: "select" }
+    },
+    width: {
+      options: ["25%", "33.3%", "50%", "66.6%", "75%", "100%", "full"],
+      control: { type: "select" }
+    },
+    hint: {
+      control: "boolean"
+    },
+    hintMessage: {
+      control: "text",
+      if: { arg: "hint", eq: true }
+    },
+    hintId: {
+      control: "text",
+      if: { arg: "hint", eq: true }
+    },
+    error: {
+      control: "boolean"
+    },
+    errorMessage: {
+      control: "text",
+      if: { arg: "error", eq: true }
+    },
+    errorId: {
+      control: "text",
+      if: { arg: "error", eq: true }
+    },
+    dense: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    }
+  },
+  parameters: {
+    controls: {
+      exclude: ["ref", "type"]
+    }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AskingForNumbers,
@@ -68,6 +161,7 @@ var TextInput_stories_default = {
   FixedWidths,
   FluidWidths,
   MultipleQuestions,
+  WithControls,
   WithErrorMessage,
   WithHint
 });

package/cjs/form/TextInput/TextInput.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/form/TextInput/TextInput.stories.js"],
-  "sourcesContent": ["import TextInput from '@digigov/ui/form/TextInput';\nexport default {\n  title: 'Digigov UI/form/TextInput',\n  description:\n    'Use the text input component when you need to let users enter text that\u2019s no longer than a single line.',\n  link: 'https://guide.services.gov.gr/docs/components/TextInput',\n  component: TextInput,\n  displayName: 'TextInput',\n};\nexport { Default } from '@digigov/ui/form/TextInput/__stories__/Default';\nexport { MultipleQuestions } from '@digigov/ui/form/TextInput/__stories__/MultipleQuestions';\nexport { FixedWidths } from '@digigov/ui/form/TextInput/__stories__/FixedWidths';\nexport { FluidWidths } from '@digigov/ui/form/TextInput/__stories__/FluidWidths';\nexport { WithHint } from '@digigov/ui/form/TextInput/__stories__/WithHint';\nexport { AskingForNumbers } from '@digigov/ui/form/TextInput/__stories__/AskingForNumbers';\nexport { WithErrorMessage } from '@digigov/ui/form/TextInput/__stories__/WithErrorMessage';\nexport { DisabledInput } from '@digigov/ui/form/TextInput/__stories__/DisabledInput';\nexport { DisabledInputWithValue } from '@digigov/ui/form/TextInput/__stories__/DisabledInputWithValue';\nexport { Dense } from '@digigov/ui/form/TextInput/__stories__/Dense';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AAStB,qBAAwB;AACxB,+BAAkC;AAClC,yBAA4B;AAC5B,yBAA4B;AAC5B,sBAAyB;AACzB,8BAAiC;AACjC,8BAAiC;AACjC,2BAA8B;AAC9B,oCAAuC;AACvC,mBAAsB;AAjBtB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,iBAAAA;AAAA,EACX,aAAa;AACf;",
-  "names": ["TextInput"]
+  "sources": ["../../../../src/form/TextInput/TextInput.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport TextInput from '@digigov/ui/form/TextInput';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { ErrorMessage } from '@digigov/ui/form/ErrorMessage';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport default {\n  title: 'Digigov UI/form/TextInput',\n  description:\n    'Use the text input component when you need to let users enter text that\u2019s no longer than a single line.',\n  link: 'https://guide.services.gov.gr/docs/components/TextInput',\n  component: TextInput,\n  displayName: 'TextInput',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <FieldContainer error={args.error}>\n        <LabelContainer>\n          <LabelTitle size=\"md\">{args.label}</LabelTitle>\n          {args.hint && <Hint id={args.hintId}>{args.hintMessage}</Hint>}\n          {args.error && (\n            <ErrorMessage id={args.errorId}>\n              <VisuallyHidden>\u039B\u03AC\u03B8\u03BF\u03C2:</VisuallyHidden>\n              {args.errorMessage}\n            </ErrorMessage>\n          )}\n          <TextInput\n            dense={args.dense}\n            name={args.name}\n            maxWidth={args.maxWidth === 'full' ? undefined : args.maxWidth}\n            width={args.width}\n            disabled={args.disabled}\n            aria-describedby={args.hintId}\n          ></TextInput>\n        </LabelContainer>\n      </FieldContainer>\n    );\n  },\n  args: {\n    label: '\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2',\n    name: 'textarea',\n    width: '100%',\n    maxWidth: 'full',\n    hint: true,\n    hintMessage: '\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C6\u03BF\u03C1\u03AF\u03B1;',\n    hintId: 'hintId',\n    error: false,\n    errorMessage: '\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF.',\n    errorId: 'errorId',\n    dense: false,\n    disabled: false,\n  },\n  argTypes: {\n    label: {\n      control: 'text',\n    },\n    name: {\n      control: 'text',\n    },\n    maxWidth: {\n      options: [\n        '2-char',\n        '3-char',\n        '4-char',\n        '5-char',\n        '10-char',\n        '20-char',\n        'full',\n      ],\n      control: { type: 'select' },\n    },\n    width: {\n      options: ['25%', '33.3%', '50%', '66.6%', '75%', '100%', 'full'],\n      control: { type: 'select' },\n    },\n    hint: {\n      control: 'boolean',\n    },\n    hintMessage: {\n      control: 'text',\n      if: { arg: 'hint', eq: true },\n    },\n    hintId: {\n      control: 'text',\n      if: { arg: 'hint', eq: true },\n    },\n    error: {\n      control: 'boolean',\n    },\n    errorMessage: {\n      control: 'text',\n      if: { arg: 'error', eq: true },\n    },\n    errorId: {\n      control: 'text',\n      if: { arg: 'error', eq: true },\n    },\n    dense: {\n      control: 'boolean',\n    },\n    disabled: {\n      control: 'boolean',\n    },\n  },\n  parameters: {\n    controls: {\n      exclude: ['ref', 'type'],\n    },\n  },\n};\n\nexport { Default } from '@digigov/ui/form/TextInput/__stories__/Default';\nexport { MultipleQuestions } from '@digigov/ui/form/TextInput/__stories__/MultipleQuestions';\nexport { FixedWidths } from '@digigov/ui/form/TextInput/__stories__/FixedWidths';\nexport { FluidWidths } from '@digigov/ui/form/TextInput/__stories__/FluidWidths';\nexport { WithHint } from '@digigov/ui/form/TextInput/__stories__/WithHint';\nexport { AskingForNumbers } from '@digigov/ui/form/TextInput/__stories__/AskingForNumbers';\nexport { WithErrorMessage } from '@digigov/ui/form/TextInput/__stories__/WithErrorMessage';\nexport { DisabledInput } from '@digigov/ui/form/TextInput/__stories__/DisabledInput';\nexport { DisabledInputWithValue } from '@digigov/ui/form/TextInput/__stories__/DisabledInputWithValue';\nexport { Dense } from '@digigov/ui/form/TextInput/__stories__/Dense';\n"],
+  "mappings": "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",
+  "names": ["TextInput", "React"]
 }

package/cjs/govgr/GovGRLogo/index.js

@@ -16,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -27,14 +28,23 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var GovGRLogo_exports = {};
 __export(GovGRLogo_exports, {
-  GovGRLogo: () => import_GovGRLogo.default,
+  GovGRLogo: () => GovGRLogo,
   default: () => GovGRLogo_default
 });
 module.exports = __toCommonJS(GovGRLogo_exports);
-var import_GovGRLogo = __toESM(require("@digigov/react-core/GovGRLogo"));
-var GovGRLogo_default = import_GovGRLogo.default;
+__reExport(GovGRLogo_exports, require("@digigov/react-core/GovGRLogoBase"), module.exports);
+var import_react = __toESM(require("react"));
+var import_GovGRLogoBase = require("@digigov/react-core/GovGRLogoBase");
+var import_Link = require("@digigov/ui/navigation/Link");
+const GovGRLogo = import_react.default.forwardRef(
+  function GovGRLogo2({ children, ...props }, ref) {
+    return /* @__PURE__ */ import_react.default.createElement(import_GovGRLogoBase.GovGRLogoBase, { as: import_Link.Link, ref, ...props }, children);
+  }
+);
+var GovGRLogo_default = GovGRLogo;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  GovGRLogo
+  GovGRLogo,
+  ...require("@digigov/react-core/GovGRLogoBase")
 });
 //# sourceMappingURL=index.js.map

package/cjs/govgr/GovGRLogo/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/govgr/GovGRLogo/index.tsx"],
-  "sourcesContent": ["import GovGRLogo from '@digigov/react-core/GovGRLogo';\n\nexport { GovGRLogo };\n\nexport default GovGRLogo;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,oCAAAA;AAAA,EAAA;AAAA;AAAA;AAAA,uBAAsB;AAItB,IAAO,oBAAQ,iBAAAA;",
-  "names": ["GovGRLogo"]
+  "sourcesContent": ["export * from '@digigov/react-core/GovGRLogoBase';\nimport React from 'react';\nimport {\n  GovGRLogoBase,\n  GovGRLogoBaseProps,\n} from '@digigov/react-core/GovGRLogoBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface GovGRLogoProps extends GovGRLogoBaseProps {}\n\nexport const GovGRLogo = React.forwardRef<HTMLAnchorElement, GovGRLogoProps>(\n  function GovGRLogo({ children, ...props }, ref) {\n    return (\n      <GovGRLogoBase as={Link} ref={ref} {...props}>\n        {children}\n      </GovGRLogoBase>\n    );\n  }\n);\nexport default GovGRLogo;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAc,8CAAd;AACA,mBAAkB;AAClB,2BAGO;AACP,kBAAqB;AAId,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASC,WAAU,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9C,WACE,6BAAAD,QAAA,cAAC,sCAAc,IAAI,kBAAM,KAAW,GAAG,SACpC,QACH;AAAA,EAEJ;AACF;AACA,IAAO,oBAAQ;",
+  "names": ["React", "GovGRLogo"]
 }

package/cjs/layouts/Stack/__stories__/AlignItems/index.js

@@ -33,9 +33,9 @@ __export(AlignItems_exports, {
 module.exports = __toCommonJS(AlignItems_exports);
 var import_react = __toESM(require("react"));
 var import_Card = __toESM(require("@digigov/ui/content/Card"));
-var import_Stack = __toESM(require("@digigov/ui/layouts/Stack"));
+var import_Stack = require("@digigov/ui/layouts/Stack");
 const AlignItems = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_Stack.default, { spacing: 4 }, /* @__PURE__ */ import_react.default.createElement(import_Stack.default, { direction: "row", spacing: 2, alignItems: "flex-start" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border", padding: 8 }, " ", "Item 2", " "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.default, { direction: "row", spacing: 2, alignItems: "center" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border", padding: 8 }, " ", "Item 2", " "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.default, { direction: "row", spacing: 2, alignItems: "flex-end" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border", padding: 8 }, " ", "Item 2", " "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.default, { direction: "row", spacing: 2, alignItems: "baseline" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border", padding: 8 }, " ", "Item 2", " "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.default, { direction: "row", spacing: 2, alignItems: "stretch" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border", padding: 8 }, " ", "Item 2", " "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 ")));
+  return /* @__PURE__ */ import_react.default.createElement(import_Stack.Stack, { spacing: 4 }, /* @__PURE__ */ import_react.default.createElement(import_Stack.Stack, { direction: "row", spacing: 2, alignItems: "flex-start" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border", padding: 8 }, " ", "Item 2", " "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.Stack, { direction: "row", spacing: 2, alignItems: "center" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border", padding: 8 }, " ", "Item 2", " "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.Stack, { direction: "row", spacing: 2, alignItems: "flex-end" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border", padding: 8 }, " ", "Item 2", " "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.Stack, { direction: "row", spacing: 2, alignItems: "baseline" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border", padding: 8 }, " ", "Item 2", " "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.Stack, { direction: "row", spacing: 2, alignItems: "stretch" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border", padding: 8 }, " ", "Item 2", " "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 ")));
 };
 var AlignItems_default = AlignItems;
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/layouts/Stack/__stories__/AlignItems.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/Stack/__stories__/AlignItems.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport Stack from '@digigov/ui/layouts/Stack';\n\nexport const AlignItems = () => {\n  return (\n    <Stack spacing={4}>\n      <Stack direction=\"row\" spacing={2} alignItems=\"flex-start\">\n        <Card variant=\"border\"> Item 1 </Card>\n        <Card variant=\"border\" padding={8}>\n          {' '}\n          Item 2{' '}\n        </Card>\n        <Card variant=\"border\"> Item 3 </Card>\n      </Stack>\n      <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n        <Card variant=\"border\"> Item 1 </Card>\n        <Card variant=\"border\" padding={8}>\n          {' '}\n          Item 2{' '}\n        </Card>\n        <Card variant=\"border\"> Item 3 </Card>\n      </Stack>\n      <Stack direction=\"row\" spacing={2} alignItems=\"flex-end\">\n        <Card variant=\"border\"> Item 1 </Card>\n        <Card variant=\"border\" padding={8}>\n          {' '}\n          Item 2{' '}\n        </Card>\n        <Card variant=\"border\"> Item 3 </Card>\n      </Stack>\n      <Stack direction=\"row\" spacing={2} alignItems=\"baseline\">\n        <Card variant=\"border\"> Item 1 </Card>\n        <Card variant=\"border\" padding={8}>\n          {' '}\n          Item 2{' '}\n        </Card>\n        <Card variant=\"border\"> Item 3 </Card>\n      </Stack>\n      <Stack direction=\"row\" spacing={2} alignItems=\"stretch\">\n        <Card variant=\"border\"> Item 1 </Card>\n        <Card variant=\"border\" padding={8}>\n          {' '}\n          Item 2{' '}\n        </Card>\n        <Card variant=\"border\"> Item 3 </Card>\n      </Stack>\n    </Stack>\n  );\n};\nexport default AlignItems;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,mBAAkB;AAEX,MAAM,aAAa,MAAM;AAC9B,SACE,6BAAAA,QAAA,cAAC,aAAAC,SAAA,EAAM,SAAS,KACd,6BAAAD,QAAA,cAAC,aAAAC,SAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,gBAC5C,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,6BAAAF,QAAA,cAAC,aAAAC,SAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,YAC5C,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,6BAAAF,QAAA,cAAC,aAAAC,SAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,cAC5C,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,6BAAAF,QAAA,cAAC,aAAAC,SAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,cAC5C,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,6BAAAF,QAAA,cAAC,aAAAC,SAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,aAC5C,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,UAAQ,CACjC,CACF;AAEJ;AACA,IAAO,qBAAQ;",
-  "names": ["React", "Stack", "Card"]
+  "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport { Stack } from '@digigov/ui/layouts/Stack';\n\nexport const AlignItems = () => {\n  return (\n    <Stack spacing={4}>\n      <Stack direction=\"row\" spacing={2} alignItems=\"flex-start\">\n        <Card variant=\"border\"> Item 1 </Card>\n        <Card variant=\"border\" padding={8}>\n          {' '}\n          Item 2{' '}\n        </Card>\n        <Card variant=\"border\"> Item 3 </Card>\n      </Stack>\n      <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n        <Card variant=\"border\"> Item 1 </Card>\n        <Card variant=\"border\" padding={8}>\n          {' '}\n          Item 2{' '}\n        </Card>\n        <Card variant=\"border\"> Item 3 </Card>\n      </Stack>\n      <Stack direction=\"row\" spacing={2} alignItems=\"flex-end\">\n        <Card variant=\"border\"> Item 1 </Card>\n        <Card variant=\"border\" padding={8}>\n          {' '}\n          Item 2{' '}\n        </Card>\n        <Card variant=\"border\"> Item 3 </Card>\n      </Stack>\n      <Stack direction=\"row\" spacing={2} alignItems=\"baseline\">\n        <Card variant=\"border\"> Item 1 </Card>\n        <Card variant=\"border\" padding={8}>\n          {' '}\n          Item 2{' '}\n        </Card>\n        <Card variant=\"border\"> Item 3 </Card>\n      </Stack>\n      <Stack direction=\"row\" spacing={2} alignItems=\"stretch\">\n        <Card variant=\"border\"> Item 1 </Card>\n        <Card variant=\"border\" padding={8}>\n          {' '}\n          Item 2{' '}\n        </Card>\n        <Card variant=\"border\"> Item 3 </Card>\n      </Stack>\n    </Stack>\n  );\n};\nexport default AlignItems;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,mBAAsB;AAEf,MAAM,aAAa,MAAM;AAC9B,SACE,6BAAAA,QAAA,cAAC,sBAAM,SAAS,KACd,6BAAAA,QAAA,cAAC,sBAAM,WAAU,OAAM,SAAS,GAAG,YAAW,gBAC5C,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,6BAAAD,QAAA,cAAC,sBAAM,WAAU,OAAM,SAAS,GAAG,YAAW,YAC5C,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,6BAAAD,QAAA,cAAC,sBAAM,WAAU,OAAM,SAAS,GAAG,YAAW,cAC5C,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,6BAAAD,QAAA,cAAC,sBAAM,WAAU,OAAM,SAAS,GAAG,YAAW,cAC5C,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,6BAAAD,QAAA,cAAC,sBAAM,WAAU,OAAM,SAAS,GAAG,YAAW,aAC5C,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,YAAS,UAAQ,CACjC,CACF;AAEJ;AACA,IAAO,qBAAQ;",
+  "names": ["React", "Card"]
 }

package/cjs/layouts/Stack/__stories__/Default/index.js

@@ -33,9 +33,9 @@ __export(Default_exports, {
 module.exports = __toCommonJS(Default_exports);
 var import_react = __toESM(require("react"));
 var import_Card = __toESM(require("@digigov/ui/content/Card"));
-var import_Stack = __toESM(require("@digigov/ui/layouts/Stack"));
+var import_Stack = require("@digigov/ui/layouts/Stack");
 const Default = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_Stack.default, { spacing: 2 }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 2 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 4 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 5 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 6 "));
+  return /* @__PURE__ */ import_react.default.createElement(import_Stack.Stack, { spacing: 2 }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 2 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 4 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 5 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 6 "));
 };
 var Default_default = Default;
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/layouts/Stack/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/Stack/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport Stack from '@digigov/ui/layouts/Stack';\n\nexport const Default = () => {\n  return (\n    <Stack spacing={2}>\n      <Card variant=\"border\"> Item 1 </Card>\n      <Card variant=\"border\"> Item 2 </Card>\n      <Card variant=\"border\"> Item 3 </Card>\n      <Card variant=\"border\"> Item 4 </Card>\n      <Card variant=\"border\"> Item 5 </Card>\n      <Card variant=\"border\"> Item 6 </Card>\n    </Stack>\n  );\n};\nexport default Default;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,mBAAkB;AAEX,MAAM,UAAU,MAAM;AAC3B,SACE,6BAAAA,QAAA,cAAC,aAAAC,SAAA,EAAM,SAAS,KACd,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,UAAQ,CACjC;AAEJ;AACA,IAAO,kBAAQ;",
-  "names": ["React", "Stack", "Card"]
+  "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport { Stack } from '@digigov/ui/layouts/Stack';\n\nexport const Default = () => {\n  return (\n    <Stack spacing={2}>\n      <Card variant=\"border\"> Item 1 </Card>\n      <Card variant=\"border\"> Item 2 </Card>\n      <Card variant=\"border\"> Item 3 </Card>\n      <Card variant=\"border\"> Item 4 </Card>\n      <Card variant=\"border\"> Item 5 </Card>\n      <Card variant=\"border\"> Item 6 </Card>\n    </Stack>\n  );\n};\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,mBAAsB;AAEf,MAAM,UAAU,MAAM;AAC3B,SACE,6BAAAA,QAAA,cAAC,sBAAM,SAAS,KACd,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,YAAS,UAAQ,GAC/B,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAQ,YAAS,UAAQ,CACjC;AAEJ;AACA,IAAO,kBAAQ;",
+  "names": ["React", "Card"]
 }

package/cjs/layouts/Stack/__stories__/JustifyContent/index.js

@@ -33,9 +33,9 @@ __export(JustifyContent_exports, {
 module.exports = __toCommonJS(JustifyContent_exports);
 var import_react = __toESM(require("react"));
 var import_Card = __toESM(require("@digigov/ui/content/Card"));
-var import_Stack = __toESM(require("@digigov/ui/layouts/Stack"));
+var import_Stack = require("@digigov/ui/layouts/Stack");
 const JustifyContent = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_Stack.default, { spacing: 4 }, /* @__PURE__ */ import_react.default.createElement(import_Stack.default, { direction: "row", spacing: 2, justifyContent: "flex-start" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 2 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 4 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.default, { direction: "row", spacing: 2, justifyContent: "center" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 2 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 4 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.default, { direction: "row", spacing: 2, justifyContent: "flex-end" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 2 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 4 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.default, { direction: "row", spacing: 2, justifyContent: "space-between" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 2 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 4 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.default, { direction: "row", spacing: 2, justifyContent: "space-around" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 2 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 4 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.default, { direction: "row", spacing: 2, justifyContent: "space-evenly" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 2 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 4 ")));
+  return /* @__PURE__ */ import_react.default.createElement(import_Stack.Stack, { spacing: 4 }, /* @__PURE__ */ import_react.default.createElement(import_Stack.Stack, { direction: "row", spacing: 2, justifyContent: "flex-start" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 2 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 4 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.Stack, { direction: "row", spacing: 2, justifyContent: "center" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 2 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 4 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.Stack, { direction: "row", spacing: 2, justifyContent: "flex-end" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 2 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 4 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.Stack, { direction: "row", spacing: 2, justifyContent: "space-between" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 2 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 4 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.Stack, { direction: "row", spacing: 2, justifyContent: "space-around" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 2 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 4 ")), /* @__PURE__ */ import_react.default.createElement(import_Stack.Stack, { direction: "row", spacing: 2, justifyContent: "space-evenly" }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 1 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 2 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 3 "), /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " Item 4 ")));
 };
 var JustifyContent_default = JustifyContent;
 // Annotate the CommonJS export names for ESM import in node: