@uva-glass/component-library 3.57.2 → 3.57.4

package/dist/components/SearchField/SearcheField.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearcheField.stories.js","names":[],"sources":["../../../src/components/SearchField/SearcheField.stories.tsx"],"sourcesContent":["import { useState } from 'react';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { SearchFieldProps } from './SearchField';\r\n\r\nimport { SearchField } from './SearchField';\r\nimport { MOCK_DATA } from './mockData';\r\n\r\nconst codeString = `\r\n// Has all HTMLInputElement props available except \"className\" and \"style\" \r\n<SearchField \r\n  id={string} \r\n  queryLength?={number}\r\n  placeholder?={string} \r\n  isLoading?={boolean} \r\n  isCompact?={boolean} \r\n  onChange={function}\r\n  children={ReactNode}\r\n  resultCountRow?={ReactNode}\r\n>\r\n  <SearchField.ResultOption \r\n    onSelect={function} \r\n    onEscape={function} \r\n    value={string|number} \r\n    key={string|number} \r\n    ariaLabel={string}>\r\n   {loop custom options here}\r\n  </SearchField.ResultOption>\r\n</SearchField>`;\r\n\r\nconst MIN_QUERY_LENGTH = 4;\r\nconst MAX_RESULTS = 12;\r\nconst QUERY_SPEED = 1000; // ms\r\n\r\nenum ProgrammeType {\r\n  DEGREE = 'degree-programme',\r\n  CERTIFICATE = 'certificate-programme',\r\n  ADMINISTRATIVE = 'administrative-programme',\r\n}\r\n\r\ninterface SearchResult {\r\n  __typename: string;\r\n  id: string;\r\n  code: string;\r\n  name: {\r\n    EN: string;\r\n    NL: string;\r\n  };\r\n  programmeType: string;\r\n  programmeCode?: string;\r\n}\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Molecules/SearchField',\r\n  component: SearchField,\r\n  args: {},\r\n  argTypes: {\r\n    onSelect: {\r\n      action: 'selected url',\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    onChange: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    children: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    id: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    resultCountRow: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    isCompact: {\r\n      control: 'boolean',\r\n      default: false,\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: SearchField,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<SearchFieldProps & { onSelect: (value: string | number) => void }>;\r\n\r\nconst Template: StoryFn<SearchFieldProps & { onSelect: (value: string | number) => void }> = (args) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [searchResults, setSearchResults] = useState<SearchResult[] | null>();\r\n  const academicYear = '2026';\r\n  const currentLanguage = 'NL';\r\n\r\n  const createUrl = (\r\n    academicYear: string,\r\n    programmeType: keyof typeof ProgrammeType,\r\n    programmeCode: string,\r\n    code: string\r\n  ) => `education-preparation/${ProgrammeType[programmeType]}/${academicYear}/${programmeCode}/${code}`;\r\n\r\n  const searchInMockData = (query: string) => {\r\n    if (query.length < MIN_QUERY_LENGTH) {\r\n      setSearchResults(null);\r\n      return;\r\n    }\r\n    setLoading(true);\r\n\r\n    const lowerCaseQuery = query.toLowerCase();\r\n\r\n    const mockResults = MOCK_DATA.filter(\r\n      (item) => item.name.NL.toLowerCase().includes(lowerCaseQuery) || item.code.toLowerCase().includes(lowerCaseQuery)\r\n    );\r\n\r\n    setTimeout(() => {\r\n      setSearchResults(mockResults);\r\n      setLoading(false);\r\n    }, QUERY_SPEED);\r\n  };\r\n\r\n  const getResultMessage = (results: SearchResult[]) => {\r\n    if (results.length > MAX_RESULTS) {\r\n      return `${results.length} resultaten gevonden, alleen de ${MAX_RESULTS} beste resultaten worden weergegeven.`;\r\n    } else if (results.length > 0 && results.length <= MAX_RESULTS) {\r\n      return `${results.length} resultaten gevonden.`;\r\n    } else if (loading) {\r\n      return 'Zoeken...';\r\n    } else {\r\n      return 'Geen resultaten gevonden.';\r\n    }\r\n  };\r\n\r\n  const resultBar = (results: SearchResult[]) =>\r\n    results ? (\r\n      <div key={'result-count'} style={{ padding: '0.5rem 1rem', fontWeight: '600' }}>\r\n        {getResultMessage(results)}\r\n      </div>\r\n    ) : null;\r\n\r\n  const handleSelect = (value: string | number) => {\r\n    setSearchResults(null);\r\n    args.onSelect(value);\r\n  };\r\n\r\n  return (\r\n    <div style={{ width: '20rem', display: 'flex', justifyContent: 'flex-end' }}>\r\n      <SearchField\r\n        placeholder=\"Zoek...\"\r\n        id=\"search-field-1\"\r\n        isLoading={loading}\r\n        isCompact={args.isCompact}\r\n        onChange={(event) => searchInMockData(event)}\r\n        resultCountRow={resultBar(searchResults || [])}\r\n      >\r\n        {searchResults?.map((result) => (\r\n          <SearchField.ResultOption\r\n            key={result.id}\r\n            ariaLabel={`${result.code}, ${result.name[currentLanguage]}`}\r\n            value={createUrl(\r\n              academicYear,\r\n              result.programmeType as keyof typeof ProgrammeType,\r\n              result.programmeCode || '',\r\n              result.code\r\n            )}\r\n            onSelect={handleSelect}\r\n            onEscape={() => setSearchResults(null)}\r\n          >\r\n            <div style={{ display: 'flex', gap: '1rem' }}>\r\n              <span>{result.code}</span>\r\n              <span style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>\r\n                {result.name[currentLanguage]}\r\n              </span>\r\n            </div>\r\n          </SearchField.ResultOption>\r\n        ))}\r\n      </SearchField>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const InputExample = Template.bind({});\r\n"],"mappings":";;;;;AAQA,IAAM,IAAa,yhBAsBb,IAAmB,GACnB,IAAc,IACd,IAAc,KAEf,IAAL,yBAAA,GAAA;QACE,EAAA,SAAA,oBACA,EAAA,cAAA,yBACA,EAAA,iBAAA;AACF,EAJK,KAAA,CAAA,CAIL,GAeA,IAAe;CACb,OAAO;CACP,WAAW;CACX,MAAM,CAAC;CACP,UAAU;EACR,UAAU;GACR,QAAQ;GACR,OAAO,EACL,SAAS,GACX;EACF;EACA,UAAU,EACR,OAAO,EACL,SAAS,GACX,EACF;EACA,UAAU,EACR,OAAO,EACL,SAAS,GACX,EACF;EACA,IAAI,EACF,OAAO,EACL,SAAS,GACX,EACF;EACA,gBAAgB,EACd,OAAO,EACL,SAAS,GACX,EACF;EACA,WAAW;GACT,SAAS;GACT,SAAS;EACX;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GA8Fa,MA5FiF,MAAS;CACrG,IAAM,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,CAAC,GAAe,KAAoB,EAAgC,GAIpE,KACJ,GACA,GACA,GACA,MACG,yBAAyB,EAAc,GAAe,GAAG,EAAa,GAAG,EAAc,GAAG,KAEzF,KAAoB,MAAkB;EAC1C,IAAI,EAAM,SAAS,GAAkB;GACnC,EAAiB,IAAI;GACrB;EACF;EACA,EAAW,EAAI;EAEf,IAAM,IAAiB,EAAM,YAAY,GAEnC,IAAc,EAAU,QAC3B,MAAS,EAAK,KAAK,GAAG,YAAY,EAAE,SAAS,CAAc,KAAK,EAAK,KAAK,YAAY,EAAE,SAAS,CAAc,CAClH;EAEA,iBAAiB;GAEf,AADA,EAAiB,CAAW,GAC5B,EAAW,EAAK;EAClB,GAAG,CAAW;CAChB,GAEM,KAAoB,MACpB,EAAQ,SAAS,IACZ,GAAG,EAAQ,OAAO,kCAAkC,EAAY,yCAC9D,EAAQ,SAAS,KAAK,EAAQ,UAAU,IAC1C,GAAG,EAAQ,OAAO,yBAChB,IACF,cAEA,6BAIL,KAAa,MACjB,IACE,kBAAC,OAAD;EAA0B,OAAO;GAAE,SAAS;GAAe,YAAY;EAAM;YAC1E,EAAiB,CAAO;CACtB,GAFK,cAEL,IACH,MAEA,KAAgB,MAA2B;EAE/C,AADA,EAAiB,IAAI,GACrB,EAAK,SAAS,CAAK;CACrB;CAEA,OACE,kBAAC,OAAD;EAAK,OAAO;GAAE,OAAO;GAAS,SAAS;GAAQ,gBAAgB;EAAW;YACxE,kBAAC,GAAD;GACE,aAAY;GACZ,IAAG;GACH,WAAW;GACX,WAAW,EAAK;GAChB,WAAW,MAAU,EAAiB,CAAK;GAC3C,gBAAgB,EAAU,KAAiB,CAAC,CAAC;aAE5C,GAAe,KAAK,MACnB,kBAAC,EAAY,cAAb;IAEE,WAAW,GAAG,EAAO,KAAK,IAAI,EAAO,KAAK;IAC1C,OAAO,EACL,QACA,EAAO,eACP,EAAO,iBAAiB,IACxB,EAAO,IACT;IACA,UAAU;IACV,gBAAgB,EAAiB,IAAI;cAErC,kBAAC,OAAD;KAAK,OAAO;MAAE,SAAS;MAAQ,KAAK;KAAO;eAA3C,CACE,kBAAC,QAAD,EAAA,UAAO,EAAO,KAAW,CAAA,GACzB,kBAAC,QAAD;MAAM,OAAO;OAAE,YAAY;OAAU,UAAU;OAAU,cAAc;MAAW;gBAC/E,EAAO,KAAK;KACT,CAAA,CACH;;GACmB,GAjBnB,EAAO,EAiBY,CAC3B;EACU,CAAA;CACV,CAAA;AAET,GAEqC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"SearcheField.stories.js","names":[],"sources":["../../../src/components/SearchField/SearcheField.stories.tsx"],"sourcesContent":["import { useState } from 'react';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { SearchFieldProps } from './SearchField';\r\n\r\nimport { SearchField } from './SearchField';\r\nimport { MOCK_DATA } from './mockData';\r\n\r\nconst codeString = `\r\n// Has all HTMLInputElement props available except \"className\" and \"style\" \r\n<SearchField \r\n  id={string} \r\n  queryLength?={number}\r\n  placeholder?={string} \r\n  isLoading?={boolean} \r\n  isCompact?={boolean} \r\n  onChange={function}\r\n  children={ReactNode}\r\n  resultCountRow?={ReactNode}\r\n>\r\n  <SearchField.ResultOption \r\n    onSelect={function} \r\n    onEscape={function} \r\n    value={string|number} \r\n    key={string|number} \r\n    ariaLabel={string}>\r\n   {loop custom options here}\r\n  </SearchField.ResultOption>\r\n</SearchField>`;\r\n\r\nconst MIN_QUERY_LENGTH = 4;\r\nconst MAX_RESULTS = 12;\r\nconst QUERY_SPEED = 1000; // ms\r\n\r\nenum ProgrammeType {\r\n  DEGREE = 'degree-programme',\r\n  CERTIFICATE = 'certificate-programme',\r\n  ADMINISTRATIVE = 'administrative-programme',\r\n}\r\n\r\ninterface SearchResult {\r\n  __typename: string;\r\n  id: string;\r\n  code: string;\r\n  name: {\r\n    EN: string;\r\n    NL: string;\r\n  };\r\n  programmeType: string;\r\n  programmeCode?: string;\r\n}\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Molecules/SearchField',\r\n  component: SearchField,\r\n  args: {},\r\n  argTypes: {\r\n    onSelect: {\r\n      action: 'selected url',\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    onChange: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    children: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    id: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    resultCountRow: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    isCompact: {\r\n      control: 'boolean',\r\n      default: false,\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: SearchField,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<SearchFieldProps & { onSelect: (value: string | number) => void }>;\r\n\r\nconst Template: StoryFn<SearchFieldProps & { onSelect: (value: string | number) => void }> = (args) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [searchResults, setSearchResults] = useState<SearchResult[] | null>();\r\n  const academicYear = '2026';\r\n  const currentLanguage = 'NL';\r\n\r\n  const createUrl = (\r\n    academicYear: string,\r\n    programmeType: keyof typeof ProgrammeType,\r\n    programmeCode: string,\r\n    code: string\r\n  ) => `education-preparation/${ProgrammeType[programmeType]}/${academicYear}/${programmeCode}/${code}`;\r\n\r\n  const searchInMockData = (query: string) => {\r\n    if (query.length < MIN_QUERY_LENGTH) {\r\n      setSearchResults(null);\r\n      return;\r\n    }\r\n    setLoading(true);\r\n\r\n    const lowerCaseQuery = query.toLowerCase();\r\n\r\n    const mockResults = MOCK_DATA.filter(\r\n      (item) => item.name.NL.toLowerCase().includes(lowerCaseQuery) || item.code.toLowerCase().includes(lowerCaseQuery)\r\n    );\r\n\r\n    setTimeout(() => {\r\n      setSearchResults(mockResults);\r\n      setLoading(false);\r\n    }, QUERY_SPEED);\r\n  };\r\n\r\n  const getResultMessage = (results: SearchResult[]) => {\r\n    if (results.length > MAX_RESULTS) {\r\n      return `${results.length} resultaten gevonden, alleen de ${MAX_RESULTS} beste resultaten worden weergegeven.`;\r\n    } else if (results.length > 0 && results.length <= MAX_RESULTS) {\r\n      return `${results.length} resultaten gevonden.`;\r\n    } else if (loading) {\r\n      return 'Zoeken...';\r\n    } else {\r\n      return 'Geen resultaten gevonden.';\r\n    }\r\n  };\r\n\r\n  const resultBar = (results: SearchResult[]) =>\r\n    results ? (\r\n      <div key={'result-count'} style={{ padding: '0.5rem 1rem', fontWeight: '600' }}>\r\n        {getResultMessage(results)}\r\n      </div>\r\n    ) : null;\r\n\r\n  const handleSelect = (value: string | number) => {\r\n    setSearchResults(null);\r\n    args.onSelect(value);\r\n  };\r\n\r\n  return (\r\n    <div style={{ width: '20rem', display: 'flex', justifyContent: 'flex-end' }}>\r\n      <SearchField\r\n        placeholder=\"Zoek...\"\r\n        id=\"search-field-1\"\r\n        isLoading={loading}\r\n        isCompact={args.isCompact}\r\n        onChange={(event) => searchInMockData(event)}\r\n        resultCountRow={resultBar(searchResults || [])}\r\n      >\r\n        {searchResults?.map((result) => (\r\n          <SearchField.ResultOption\r\n            key={result.id}\r\n            ariaLabel={`${result.code}, ${result.name[currentLanguage]}`}\r\n            value={createUrl(\r\n              academicYear,\r\n              result.programmeType as keyof typeof ProgrammeType,\r\n              result.programmeCode || '',\r\n              result.code\r\n            )}\r\n            onSelect={handleSelect}\r\n            onEscape={() => setSearchResults(null)}\r\n          >\r\n            <div style={{ display: 'flex', gap: '1rem' }}>\r\n              <span>{result.code}</span>\r\n              <span style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>\r\n                {result.name[currentLanguage]}\r\n              </span>\r\n            </div>\r\n          </SearchField.ResultOption>\r\n        ))}\r\n      </SearchField>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const InputExample = Template.bind({});\r\n"],"mappings":";;;;;AAQA,IAAM,IAAa,yhBAsBb,IAAmB,GACnB,IAAc,IACd,IAAc,KAEf,IAAL,yBAAA,GAAA;QACE,EAAA,SAAA,oBACA,EAAA,cAAA,yBACA,EAAA,iBAAA;AACF,EAJK,KAAA,CAAA,CAIL,GAeA,IAAe;CACb,OAAO;CACP,WAAW;CACX,MAAM,CAAC;CACP,UAAU;EACR,UAAU;GACR,QAAQ;GACR,OAAO,EACL,SAAS,GACX;EACF;EACA,UAAU,EACR,OAAO,EACL,SAAS,GACX,EACF;EACA,UAAU,EACR,OAAO,EACL,SAAS,GACX,EACF;EACA,IAAI,EACF,OAAO,EACL,SAAS,GACX,EACF;EACA,gBAAgB,EACd,OAAO,EACL,SAAS,GACX,EACF;EACA,WAAW;GACT,SAAS;GACT,SAAS;EACX;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GA8Fa,MA5FiF,MAAS;CACrG,IAAM,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,CAAC,GAAe,KAAoB,EAAgC,GAIpE,KACJ,GACA,GACA,GACA,MACG,yBAAyB,EAAc,GAAe,GAAG,EAAa,GAAG,EAAc,GAAG,KAEzF,KAAoB,MAAkB;EAC1C,IAAI,EAAM,SAAS,GAAkB;GACnC,EAAiB,IAAI;GACrB;EACF;EACA,EAAW,EAAI;EAEf,IAAM,IAAiB,EAAM,YAAY,GAEnC,IAAc,EAAU,QAC3B,MAAS,EAAK,KAAK,GAAG,YAAY,CAAC,CAAC,SAAS,CAAc,KAAK,EAAK,KAAK,YAAY,CAAC,CAAC,SAAS,CAAc,CAClH;EAEA,iBAAiB;GAEf,AADA,EAAiB,CAAW,GAC5B,EAAW,EAAK;EAClB,GAAG,CAAW;CAChB,GAEM,KAAoB,MACpB,EAAQ,SAAS,IACZ,GAAG,EAAQ,OAAO,kCAAkC,EAAY,yCAC9D,EAAQ,SAAS,KAAK,EAAQ,UAAU,IAC1C,GAAG,EAAQ,OAAO,yBAChB,IACF,cAEA,6BAIL,KAAa,MACjB,IACE,kBAAC,OAAD;EAA0B,OAAO;GAAE,SAAS;GAAe,YAAY;EAAM;YAC1E,EAAiB,CAAO;CACtB,GAFK,cAEL,IACH,MAEA,KAAgB,MAA2B;EAE/C,AADA,EAAiB,IAAI,GACrB,EAAK,SAAS,CAAK;CACrB;CAEA,OACE,kBAAC,OAAD;EAAK,OAAO;GAAE,OAAO;GAAS,SAAS;GAAQ,gBAAgB;EAAW;YACxE,kBAAC,GAAD;GACE,aAAY;GACZ,IAAG;GACH,WAAW;GACX,WAAW,EAAK;GAChB,WAAW,MAAU,EAAiB,CAAK;GAC3C,gBAAgB,EAAU,KAAiB,CAAC,CAAC;aAE5C,GAAe,KAAK,MACnB,kBAAC,EAAY,cAAb;IAEE,WAAW,GAAG,EAAO,KAAK,IAAI,EAAO,KAAK;IAC1C,OAAO,EACL,QACA,EAAO,eACP,EAAO,iBAAiB,IACxB,EAAO,IACT;IACA,UAAU;IACV,gBAAgB,EAAiB,IAAI;cAErC,kBAAC,OAAD;KAAK,OAAO;MAAE,SAAS;MAAQ,KAAK;KAAO;eAA3C,CACE,kBAAC,QAAD,EAAA,UAAO,EAAO,KAAW,CAAA,GACzB,kBAAC,QAAD;MAAM,OAAO;OAAE,YAAY;OAAU,UAAU;OAAU,cAAc;MAAW;gBAC/E,EAAO,KAAK;KACT,CAAA,CACH;;GACmB,GAjBnB,EAAO,EAiBY,CAC3B;EACU,CAAA;CACV,CAAA;AAET,EAE4B,CAAS,KAAK,CAAC,CAAC"}

package/dist/components/SectionNotification/SectionNotification.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionNotification.stories.js","names":[],"sources":["../../../src/components/SectionNotification/SectionNotification.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { SectionNotificationProps } from 'components/SectionNotification';\n\nimport { SectionNotification } from 'components/SectionNotification';\n\nconst codeString = '<SectionNotification fullWidth={fullWidth}>{children}</SectionNotification>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/SectionNotification',\n  component: SectionNotification,\n  argTypes: {\n    fullWidth: {\n      control: 'boolean',\n      default: false,\n    },\n  },\n  parameters: {\n    inspectComponent: SectionNotification,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<SectionNotificationProps>>;\n\nconst Template: StoryFn<PropsWithChildren<SectionNotificationProps>> = (args) => <SectionNotification {...args} />;\n\nexport const SectionNotificationExample = Template.bind({});\nSectionNotificationExample.args = {\n  fullWidth: true,\n  children: 'This is an example notification',\n};\n"],"mappings":";;AASA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,WAAW;EACT,SAAS;EACT,SAAS;CACX,EACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAIa,MAF2D,MAAS,kBAAC,GAAD,EAAqB,GAAI,EAAO,CAAA,GAE9D,KAAK,CAAC,CAAC;AAC1D,EAA2B,OAAO;CAChC,WAAW;CACX,UAAU;AACZ"}
+{"version":3,"file":"SectionNotification.stories.js","names":[],"sources":["../../../src/components/SectionNotification/SectionNotification.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { SectionNotificationProps } from 'components/SectionNotification';\n\nimport { SectionNotification } from 'components/SectionNotification';\n\nconst codeString = '<SectionNotification fullWidth={fullWidth}>{children}</SectionNotification>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/SectionNotification',\n  component: SectionNotification,\n  argTypes: {\n    fullWidth: {\n      control: 'boolean',\n      default: false,\n    },\n  },\n  parameters: {\n    inspectComponent: SectionNotification,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<SectionNotificationProps>>;\n\nconst Template: StoryFn<PropsWithChildren<SectionNotificationProps>> = (args) => <SectionNotification {...args} />;\n\nexport const SectionNotificationExample = Template.bind({});\nSectionNotificationExample.args = {\n  fullWidth: true,\n  children: 'This is an example notification',\n};\n"],"mappings":";;AASA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,WAAW;EACT,SAAS;EACT,SAAS;CACX,EACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAIa,MAF2D,MAAS,kBAAC,GAAD,EAAqB,GAAI,EAAO,CAAA,EAEvE,CAAS,KAAK,CAAC,CAAC;AAC1D,EAA2B,OAAO;CAChC,WAAW;CACX,UAAU;AACZ"}

package/dist/components/SelectListbox/SelectListBox.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-WxLxsxwA.js";
+import { r as e } from "../../test-Gtly6H2f.js";
 import { SelectListbox as t } from "./SelectListbox.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";