@x15ventures/x15-ui-library 3.11.4

package/dist/esm/contextProviders/userContext/UserContextProvider.js

@@ -0,0 +1,36 @@
+'use client';
+
+/* eslint-disable no-unused-vars */
+import _extends from "@babel/runtime/helpers/extends";
+import React, { createContext, useCallback, useState, useMemo } from 'react';
+import { ThemeLoader } from '../../components/design/themeLoader/ThemeLoader';
+export const UserContext = /*#__PURE__*/createContext(undefined);
+export const UserContextProvider = ({
+  children,
+  userConfig,
+  themePreferences = {
+    useMin: false,
+    forceProd: false,
+    forceCacheBusting: false
+  }
+}) => {
+  const [userContext, setUserContext] = useState(userConfig);
+  const applyThemeChange = useCallback(newTheme => {
+    const newUserContext = {
+      ...userContext,
+      theme: newTheme
+    };
+    setUserContext(newUserContext);
+  }, [userContext]);
+  const providerValue = useMemo(() => ({
+    userContext,
+    applyThemeChange
+  }), [userContext, applyThemeChange]);
+  return /*#__PURE__*/React.createElement(UserContext.Provider, {
+    value: providerValue
+  }, /*#__PURE__*/React.createElement(ThemeLoader, _extends({}, themePreferences, {
+    userTheme: userContext?.theme
+  })), children);
+};
+export default UserContextProvider;
+//# sourceMappingURL=UserContextProvider.js.map

package/dist/esm/contextProviders/userContext/UserContextProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserContextProvider.js","names":["_extends","React","createContext","useCallback","useState","useMemo","ThemeLoader","UserContext","undefined","UserContextProvider","children","userConfig","themePreferences","useMin","forceProd","forceCacheBusting","userContext","setUserContext","applyThemeChange","newTheme","newUserContext","theme","providerValue","createElement","Provider","value","userTheme"],"sources":["../../../../src/contextProviders/userContext/UserContextProvider.tsx"],"sourcesContent":["'use client';\n\n/* eslint-disable no-unused-vars */\n\nimport React, {\n  createContext, ReactNode, useCallback, useState, useMemo\n} from 'react';\nimport { USER } from '../../constants/userRoles';\nimport { ThemeLoader } from '../../components/design/themeLoader/ThemeLoader';\n\nexport interface UserContextValue {\n  userContext?: USER | undefined;\n  applyThemeChange: (newTheme: string) => void;\n}\n\nexport const UserContext = createContext<UserContextValue | undefined>(undefined);\n\nexport interface UserContextProviderProps {\n  userConfig?: USER;\n  themePreferences?: {\n    useMin: boolean;\n    forceProd: boolean;\n    forceCacheBusting?: boolean;\n    publicLibraryDomain: string;\n  };\n  children: ReactNode;\n}\n\nexport const UserContextProvider: React.FC<UserContextProviderProps> = (\n  {\n    children,\n    userConfig,\n    themePreferences = {\n      useMin: false,\n      forceProd: false,\n      forceCacheBusting: false\n    }\n  }\n) => {\n  const [userContext, setUserContext] = useState<USER | undefined>(userConfig);\n\n  const applyThemeChange = useCallback((newTheme: string) => {\n    const newUserContext = {\n      ...userContext,\n      theme: newTheme\n    };\n    setUserContext(newUserContext);\n  }, [userContext]);\n\n  const providerValue = useMemo(\n    () => (\n      { userContext, applyThemeChange }\n    ),\n    [userContext, applyThemeChange]\n  );\n\n  return (\n    <UserContext.Provider value={ providerValue }>\n      <ThemeLoader { ...themePreferences } userTheme={ userContext?.theme } />\n      { children }\n    </UserContext.Provider>\n  );\n};\n\nexport default UserContextProvider;\n"],"mappings":"AAAA,YAAY;;AAEZ;AAAA,OAAAA,QAAA;AAEA,OAAOC,KAAK,IACVC,aAAa,EAAaC,WAAW,EAAEC,QAAQ,EAAEC,OAAO,QACnD,OAAO;AAEd,SAASC,WAAW,QAAQ,iDAAiD;AAO7E,OAAO,MAAMC,WAAW,gBAAGL,aAAa,CAA+BM,SAAS,CAAC;AAajF,OAAO,MAAMC,mBAAuD,GAAGA,CACrE;EACEC,QAAQ;EACRC,UAAU;EACVC,gBAAgB,GAAG;IACjBC,MAAM,EAAE,KAAK;IACbC,SAAS,EAAE,KAAK;IAChBC,iBAAiB,EAAE;EACrB;AACF,CAAC,KACE;EACH,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGb,QAAQ,CAAmBO,UAAU,CAAC;EAE5E,MAAMO,gBAAgB,GAAGf,WAAW,CAAEgB,QAAgB,IAAK;IACzD,MAAMC,cAAc,GAAG;MACrB,GAAGJ,WAAW;MACdK,KAAK,EAAEF;IACT,CAAC;IACDF,cAAc,CAACG,cAAc,CAAC;EAChC,CAAC,EAAE,CAACJ,WAAW,CAAC,CAAC;EAEjB,MAAMM,aAAa,GAAGjB,OAAO,CAC3B,OACE;IAAEW,WAAW;IAAEE;EAAiB,CAAC,CAClC,EACD,CAACF,WAAW,EAAEE,gBAAgB,CAChC,CAAC;EAED,oBACEjB,KAAA,CAAAsB,aAAA,CAAChB,WAAW,CAACiB,QAAQ;IAACC,KAAK,EAAGH;EAAe,gBAC3CrB,KAAA,CAAAsB,aAAA,CAACjB,WAAW,EAAAN,QAAA,KAAMY,gBAAgB;IAAGc,SAAS,EAAGV,WAAW,EAAEK;EAAO,EAAE,CAAC,EACtEX,QACkB,CAAC;AAE3B,CAAC;AAED,eAAeD,mBAAmB","ignoreList":[]}

package/dist/esm/exampleUIs/demoDashboard/DemoDashboard.js

@@ -0,0 +1,54 @@
+import React, { useState } from 'react';
+import { TemplateDashboard } from '../../components/templates/templateDashboard/TemplateDashboard';
+import { DemoRightHeaderMenu, DemoLeftNavigation, DemoHeaderBar, DemoAccordionFAQs, DemoContactForm, DemoConsentDialog, DemoStyledList } from '../exampleComponents/';
+
+/**
+ * DemonstrationUI
+ *
+ * This file represents a canonical page-level composition example.
+ * It demonstrates how layout templates, navigation, headers, content,
+ * forms, and disclosure components are composed together.
+ *
+ * This should be treated as a reference implementation for screen composition.
+ */
+
+export const DemoDashboard = ({
+  theme = 'x15ventures'
+}) => {
+  const customAppConfig = {
+    theme
+  };
+  const [isConsentGiven, setIsConsentGiven] = useState(true);
+  const [isConsentDenied, setIsConsentDenied] = useState(true);
+  const [isConsentDialogShowing, setIsConsentDialogShowing] = useState(false);
+  const handleConsent = (isGiven, isConfirmDenied) => {
+    setIsConsentGiven(isGiven);
+    setIsConsentDenied(isConfirmDenied);
+    setIsConsentDialogShowing(!isGiven && !isConfirmDenied);
+  };
+  return /*#__PURE__*/React.createElement(TemplateDashboard, {
+    appConfig: customAppConfig,
+    leftPanel: {
+      content: /*#__PURE__*/React.createElement(DemoLeftNavigation, null)
+    },
+    mainHeader: {
+      headerShouldPin: true,
+      rightContent: /*#__PURE__*/React.createElement(DemoRightHeaderMenu, null),
+      logos: [{
+        ventureKey: 'x15'
+      }],
+      search: {
+        label: 'Site search',
+        id: 'SiteSearch',
+        onSearch: () => {}
+      }
+    }
+  }, /*#__PURE__*/React.createElement(DemoHeaderBar, null), /*#__PURE__*/React.createElement(DemoAccordionFAQs, null), /*#__PURE__*/React.createElement(DemoContactForm, {
+    consentIsGiven: isConsentGiven,
+    onConsentClick: isGiven => handleConsent(isGiven, false)
+  }), isConsentDialogShowing && !isConsentDenied && /*#__PURE__*/React.createElement(DemoConsentDialog, {
+    onDialogClose: isGiven => handleConsent(isGiven, true)
+  }), /*#__PURE__*/React.createElement(DemoStyledList, null));
+};
+export default DemoDashboard;
+//# sourceMappingURL=DemoDashboard.js.map

package/dist/esm/exampleUIs/demoDashboard/DemoDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoDashboard.js","names":["React","useState","TemplateDashboard","DemoRightHeaderMenu","DemoLeftNavigation","DemoHeaderBar","DemoAccordionFAQs","DemoContactForm","DemoConsentDialog","DemoStyledList","DemoDashboard","theme","customAppConfig","isConsentGiven","setIsConsentGiven","isConsentDenied","setIsConsentDenied","isConsentDialogShowing","setIsConsentDialogShowing","handleConsent","isGiven","isConfirmDenied","createElement","appConfig","leftPanel","content","mainHeader","headerShouldPin","rightContent","logos","ventureKey","search","label","id","onSearch","consentIsGiven","onConsentClick","onDialogClose"],"sources":["../../../../src/exampleUIs/demoDashboard/DemoDashboard.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { TemplateDashboard } from '../../components/templates/templateDashboard/TemplateDashboard';\n\nimport {\n  DemoRightHeaderMenu,\n  DemoLeftNavigation,\n  DemoHeaderBar,\n  DemoAccordionFAQs,\n  DemoContactForm,\n  DemoConsentDialog,\n  DemoStyledList\n} from '../exampleComponents/';\n\n/**\n * DemonstrationUI\n *\n * This file represents a canonical page-level composition example.\n * It demonstrates how layout templates, navigation, headers, content,\n * forms, and disclosure components are composed together.\n *\n * This should be treated as a reference implementation for screen composition.\n */\n\nexport const DemoDashboard: React.FC<{ theme?: string; }> = (\n  {\n    theme = 'x15ventures'\n  }\n) => {\n  const customAppConfig = { theme };\n\n  const [isConsentGiven, setIsConsentGiven] = useState(true);\n  const [isConsentDenied, setIsConsentDenied] = useState(true);\n  const [isConsentDialogShowing, setIsConsentDialogShowing] = useState(false);\n\n  const handleConsent = (isGiven: boolean, isConfirmDenied: boolean) => {\n    setIsConsentGiven(isGiven);\n    setIsConsentDenied(isConfirmDenied);\n    setIsConsentDialogShowing(!isGiven && !isConfirmDenied);\n  };\n\n  return (\n    <TemplateDashboard\n      appConfig={ customAppConfig }\n      leftPanel={\n        {\n          content: <DemoLeftNavigation />,\n        }\n      }\n      mainHeader={\n        {\n          headerShouldPin: true,\n          rightContent: <DemoRightHeaderMenu />,\n          logos: [\n            {\n              ventureKey: 'x15',\n            },\n          ],\n          search: {\n            label: 'Site search',\n            id: 'SiteSearch',\n            onSearch: () => {}\n          },\n        }\n      }\n    >\n      <DemoHeaderBar />\n      <DemoAccordionFAQs />\n      <DemoContactForm consentIsGiven={ isConsentGiven } onConsentClick={ (isGiven: boolean) => handleConsent(isGiven, false) } />\n\n      {\n        isConsentDialogShowing && !isConsentDenied && (\n          <DemoConsentDialog onDialogClose={ (isGiven: boolean) => handleConsent(isGiven, true) } />\n        )\n      }\n\n      <DemoStyledList />\n\n    </TemplateDashboard>\n  );\n};\n\nexport default DemoDashboard;"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,iBAAiB,QAAQ,gEAAgE;AAElG,SACEC,mBAAmB,EACnBC,kBAAkB,EAClBC,aAAa,EACbC,iBAAiB,EACjBC,eAAe,EACfC,iBAAiB,EACjBC,cAAc,QACT,uBAAuB;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMC,aAA4C,GAAGA,CAC1D;EACEC,KAAK,GAAG;AACV,CAAC,KACE;EACH,MAAMC,eAAe,GAAG;IAAED;EAAM,CAAC;EAEjC,MAAM,CAACE,cAAc,EAAEC,iBAAiB,CAAC,GAAGb,QAAQ,CAAC,IAAI,CAAC;EAC1D,MAAM,CAACc,eAAe,EAAEC,kBAAkB,CAAC,GAAGf,QAAQ,CAAC,IAAI,CAAC;EAC5D,MAAM,CAACgB,sBAAsB,EAAEC,yBAAyB,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EAE3E,MAAMkB,aAAa,GAAGA,CAACC,OAAgB,EAAEC,eAAwB,KAAK;IACpEP,iBAAiB,CAACM,OAAO,CAAC;IAC1BJ,kBAAkB,CAACK,eAAe,CAAC;IACnCH,yBAAyB,CAAC,CAACE,OAAO,IAAI,CAACC,eAAe,CAAC;EACzD,CAAC;EAED,oBACErB,KAAA,CAAAsB,aAAA,CAACpB,iBAAiB;IAChBqB,SAAS,EAAGX,eAAiB;IAC7BY,SAAS,EACP;MACEC,OAAO,eAAEzB,KAAA,CAAAsB,aAAA,CAAClB,kBAAkB,MAAE;IAChC,CACD;IACDsB,UAAU,EACR;MACEC,eAAe,EAAE,IAAI;MACrBC,YAAY,eAAE5B,KAAA,CAAAsB,aAAA,CAACnB,mBAAmB,MAAE,CAAC;MACrC0B,KAAK,EAAE,CACL;QACEC,UAAU,EAAE;MACd,CAAC,CACF;MACDC,MAAM,EAAE;QACNC,KAAK,EAAE,aAAa;QACpBC,EAAE,EAAE,YAAY;QAChBC,QAAQ,EAAEA,CAAA,KAAM,CAAC;MACnB;IACF;EACD,gBAEDlC,KAAA,CAAAsB,aAAA,CAACjB,aAAa,MAAE,CAAC,eACjBL,KAAA,CAAAsB,aAAA,CAAChB,iBAAiB,MAAE,CAAC,eACrBN,KAAA,CAAAsB,aAAA,CAACf,eAAe;IAAC4B,cAAc,EAAGtB,cAAgB;IAACuB,cAAc,EAAIhB,OAAgB,IAAKD,aAAa,CAACC,OAAO,EAAE,KAAK;EAAG,CAAE,CAAC,EAG1HH,sBAAsB,IAAI,CAACF,eAAe,iBACxCf,KAAA,CAAAsB,aAAA,CAACd,iBAAiB;IAAC6B,aAAa,EAAIjB,OAAgB,IAAKD,aAAa,CAACC,OAAO,EAAE,IAAI;EAAG,CAAE,CAC1F,eAGHpB,KAAA,CAAAsB,aAAA,CAACb,cAAc,MAAE,CAEA,CAAC;AAExB,CAAC;AAED,eAAeC,aAAa","ignoreList":[]}

package/dist/esm/exampleUIs/demoUserRegistration/DemoUserRegistration.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=DemoUserRegistration.js.map

package/dist/esm/exampleUIs/demoUserRegistration/DemoUserRegistration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoUserRegistration.js","names":[],"sources":["../../../../src/exampleUIs/demoUserRegistration/DemoUserRegistration.tsx"],"sourcesContent":[""],"mappings":"","ignoreList":[]}

package/dist/esm/exampleUIs/exampleComponents/DemoAccordionFAQs.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import Accordion from '../../components/design/accordion/Accordion';
+export const DemoAccordionFAQs = () => {
+  const faqs = [{
+    id: 'faq1',
+    isOpen: true,
+    question: 'What is your return policy?',
+    answer: 'You can return any item within 30 days of purchase for a full refund.'
+  }, {
+    id: 'faq2',
+    isOpen: false,
+    question: 'Do you offer technical support?',
+    answer: 'Yes, we offer 24/7 technical support through our support portal and phone line.'
+  }, {
+    id: 'faq3',
+    isOpen: false,
+    question: 'Where are you located?',
+    answer: 'We are located in Sydney, Australia, but we serve customers worldwide.'
+  }];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "spaceAfter spaceBefore"
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: "spaceAfter"
+  }, "Before contacting us please read our FAQs"), faqs.map(faq => /*#__PURE__*/React.createElement(Accordion, {
+    key: `faq_${faq.id}`,
+    id: faq.id,
+    heading: faq.question,
+    isOpen: faq.isOpen
+  }, /*#__PURE__*/React.createElement("p", null, faq.answer))));
+};
+export default DemoAccordionFAQs;
+//# sourceMappingURL=DemoAccordionFAQs.js.map

package/dist/esm/exampleUIs/exampleComponents/DemoAccordionFAQs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoAccordionFAQs.js","names":["React","Accordion","DemoAccordionFAQs","faqs","id","isOpen","question","answer","createElement","className","map","faq","key","heading"],"sources":["../../../../src/exampleUIs/exampleComponents/DemoAccordionFAQs.tsx"],"sourcesContent":["import React from 'react';\nimport Accordion from '../../components/design/accordion/Accordion';\n\nexport const DemoAccordionFAQs = () => {\n  const faqs = [\n    {\n      id: 'faq1',\n      isOpen: true,\n      question: 'What is your return policy?',\n      answer: 'You can return any item within 30 days of purchase for a full refund.'\n    },\n    {\n      id: 'faq2',\n      isOpen: false,\n      question: 'Do you offer technical support?',\n      answer: 'Yes, we offer 24/7 technical support through our support portal and phone line.'\n    },\n    {\n      id: 'faq3',\n      isOpen: false,\n      question: 'Where are you located?',\n      answer: 'We are located in Sydney, Australia, but we serve customers worldwide.'\n    }\n  ];\n\n  return (\n    <div className=\"spaceAfter spaceBefore\">\n      <h3 className=\"spaceAfter\">Before contacting us please read our FAQs</h3>\n      {\n        faqs.map((faq) => (\n          <Accordion\n            key={ `faq_${ faq.id }` }\n            id={ faq.id }\n            heading={ faq.question }\n            isOpen={ faq.isOpen }\n          >\n            <p>{ faq.answer }</p>\n          </Accordion>\n        ))\n      }\n    </div>\n  );\n};\n\nexport default DemoAccordionFAQs;"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,6CAA6C;AAEnE,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACrC,MAAMC,IAAI,GAAG,CACX;IACEC,EAAE,EAAE,MAAM;IACVC,MAAM,EAAE,IAAI;IACZC,QAAQ,EAAE,6BAA6B;IACvCC,MAAM,EAAE;EACV,CAAC,EACD;IACEH,EAAE,EAAE,MAAM;IACVC,MAAM,EAAE,KAAK;IACbC,QAAQ,EAAE,iCAAiC;IAC3CC,MAAM,EAAE;EACV,CAAC,EACD;IACEH,EAAE,EAAE,MAAM;IACVC,MAAM,EAAE,KAAK;IACbC,QAAQ,EAAE,wBAAwB;IAClCC,MAAM,EAAE;EACV,CAAC,CACF;EAED,oBACEP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAwB,gBACrCT,KAAA,CAAAQ,aAAA;IAAIC,SAAS,EAAC;EAAY,GAAC,2CAA6C,CAAC,EAEvEN,IAAI,CAACO,GAAG,CAAEC,GAAG,iBACXX,KAAA,CAAAQ,aAAA,CAACP,SAAS;IACRW,GAAG,EAAG,OAAQD,GAAG,CAACP,EAAE,EAAK;IACzBA,EAAE,EAAGO,GAAG,CAACP,EAAI;IACbS,OAAO,EAAGF,GAAG,CAACL,QAAU;IACxBD,MAAM,EAAGM,GAAG,CAACN;EAAQ,gBAErBL,KAAA,CAAAQ,aAAA,YAAKG,GAAG,CAACJ,MAAW,CACX,CACZ,CAEA,CAAC;AAEV,CAAC;AAED,eAAeL,iBAAiB","ignoreList":[]}

package/dist/esm/exampleUIs/exampleComponents/DemoConsentDialog.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Dialog } from '../../components/design/dialog/Dialog';
+import { SimpleButton } from '../../components/form/buttons/SimpleButton';
+export const DemoConsentDialog = ({
+  onDialogClose = () => false
+}) => {
+  return /*#__PURE__*/React.createElement(Dialog, {
+    header: "Please confirm...",
+    footer: /*#__PURE__*/React.createElement("div", {
+      className: "flexRow centerAlign flexFull"
+    }, /*#__PURE__*/React.createElement(SimpleButton, {
+      label: "No thanks. Leave me alone.",
+      id: "noThanksButton",
+      onClickHandler: () => onDialogClose(false),
+      buttonStyle: {
+        color: 'tertiary',
+        variant: 'outline'
+      }
+    }), /*#__PURE__*/React.createElement(SimpleButton, {
+      label: "Ok. If you must.",
+      id: "okButton",
+      onClickHandler: () => onDialogClose(true),
+      buttonStyle: {
+        color: 'primary'
+      }
+    })),
+    open: true,
+    id: "dialogDemo1",
+    onClose: () => onDialogClose(false)
+  }, /*#__PURE__*/React.createElement("h4", null, "Are you okay with us asking more questions?"), /*#__PURE__*/React.createElement("p", null, "Sometimes we might need more information to resolve your issue. Is that ok?"));
+};
+export default DemoConsentDialog;
+//# sourceMappingURL=DemoConsentDialog.js.map

package/dist/esm/exampleUIs/exampleComponents/DemoConsentDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoConsentDialog.js","names":["React","Dialog","SimpleButton","DemoConsentDialog","onDialogClose","createElement","header","footer","className","label","id","onClickHandler","buttonStyle","color","variant","open","onClose"],"sources":["../../../../src/exampleUIs/exampleComponents/DemoConsentDialog.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { Dialog } from '../../components/design/dialog/Dialog';\nimport { GenericFunction } from '../../interfaces/generic.interface';\nimport { SimpleButton } from '../../components/form/buttons/SimpleButton';\n\nexport const DemoConsentDialog: FC<\n  {\n    onDialogClose?: GenericFunction;\n  }\n> = (\n  {\n    onDialogClose = () => false\n  }\n) => {\n  return (\n    <Dialog\n      header=\"Please confirm...\"\n      footer={\n        <div className=\"flexRow centerAlign flexFull\">\n          <SimpleButton\n            label=\"No thanks. Leave me alone.\"\n            id=\"noThanksButton\"\n            onClickHandler={ () => onDialogClose(false) }\n            buttonStyle={\n              {\n                color: 'tertiary',\n                variant: 'outline',\n              }\n            }\n          />\n\n          <SimpleButton\n            label=\"Ok. If you must.\"\n            id=\"okButton\"\n            onClickHandler={ () => onDialogClose(true) }\n            buttonStyle={\n              {\n                color: 'primary',\n              }\n            }\n          />\n        </div>\n      }\n      open={ true }\n      id=\"dialogDemo1\"\n      onClose={ () => onDialogClose(false) }\n    >\n      <h4>Are you okay with us asking more questions?</h4>\n      <p>Sometimes we might need more information to resolve your issue. Is that ok?</p>\n    </Dialog>\n  );\n};\n\nexport default DemoConsentDialog;"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AAEjC,SAASC,MAAM,QAAQ,uCAAuC;AAE9D,SAASC,YAAY,QAAQ,4CAA4C;AAEzE,OAAO,MAAMC,iBAIZ,GAAGA,CACF;EACEC,aAAa,GAAGA,CAAA,KAAM;AACxB,CAAC,KACE;EACH,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,MAAM;IACLK,MAAM,EAAC,mBAAmB;IAC1BC,MAAM,eACJP,KAAA,CAAAK,aAAA;MAAKG,SAAS,EAAC;IAA8B,gBAC3CR,KAAA,CAAAK,aAAA,CAACH,YAAY;MACXO,KAAK,EAAC,4BAA4B;MAClCC,EAAE,EAAC,gBAAgB;MACnBC,cAAc,EAAGA,CAAA,KAAMP,aAAa,CAAC,KAAK,CAAG;MAC7CQ,WAAW,EACT;QACEC,KAAK,EAAE,UAAU;QACjBC,OAAO,EAAE;MACX;IACD,CACF,CAAC,eAEFd,KAAA,CAAAK,aAAA,CAACH,YAAY;MACXO,KAAK,EAAC,kBAAkB;MACxBC,EAAE,EAAC,UAAU;MACbC,cAAc,EAAGA,CAAA,KAAMP,aAAa,CAAC,IAAI,CAAG;MAC5CQ,WAAW,EACT;QACEC,KAAK,EAAE;MACT;IACD,CACF,CACE,CACN;IACDE,IAAI,EAAG,IAAM;IACbL,EAAE,EAAC,aAAa;IAChBM,OAAO,EAAGA,CAAA,KAAMZ,aAAa,CAAC,KAAK;EAAG,gBAEtCJ,KAAA,CAAAK,aAAA,aAAI,6CAA+C,CAAC,eACpDL,KAAA,CAAAK,aAAA,YAAG,6EAA8E,CAC3E,CAAC;AAEb,CAAC;AAED,eAAeF,iBAAiB","ignoreList":[]}

package/dist/esm/exampleUIs/exampleComponents/DemoContactForm.js

@@ -0,0 +1,105 @@
+import React, { useEffect } from 'react';
+import { useFormContext } from 'react-hook-form';
+import { TextInput, EmailInput, PhoneInput } from '../../components/form/formFields/subComponents/InputVariants';
+import { SimpleButton } from '../../components/form/buttons/SimpleButton';
+import { Textarea } from '../../components/form/formFields/subComponents/textarea/Textarea';
+import { InputCheckbox } from '../../components/form/formFields/subComponents/inputs/checkbox/InputCheckbox';
+import { Tooltip } from '../../components/design/tooltip/Tooltip';
+export const DemoContactForm = ({
+  onConsentClick = () => {},
+  consentIsGiven = false
+}) => {
+  const [hasConsent, setHasConsent] = React.useState(consentIsGiven);
+  const formContext = useFormContext();
+  const handleConsentClick = event => {
+    const isChecked = event.target.checked;
+    formContext.setValue('consentCheckbox1', isChecked);
+    setHasConsent(isChecked);
+    onConsentClick(isChecked);
+  };
+  useEffect(() => {
+    formContext.setValue('consentCheckbox1', consentIsGiven);
+    setHasConsent(consentIsGiven);
+  });
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", {
+    className: "spaceAfter"
+  }, "Can't find what you're looking for?"), /*#__PURE__*/React.createElement("h3", {
+    className: "spaceAfter"
+  }, "Send us a message"), /*#__PURE__*/React.createElement("p", {
+    className: "spaceAfter"
+  }, "To provide you with the best service possible we'll need some details about you."), /*#__PURE__*/React.createElement(TextInput, {
+    field: {
+      id: 'firstName',
+      name: 'firstName'
+    },
+    label: {
+      text: 'First Name'
+    },
+    validation: {
+      required: 'This is required'
+    }
+  }), /*#__PURE__*/React.createElement(TextInput, {
+    field: {
+      id: 'lastName',
+      name: 'lastName'
+    },
+    label: {
+      text: 'Last Name'
+    },
+    validation: {
+      required: 'This is required'
+    }
+  }), /*#__PURE__*/React.createElement(EmailInput, {
+    field: {
+      id: 'yourEmail',
+      name: 'yourEmail'
+    },
+    label: {
+      text: 'Your email address'
+    }
+  }), /*#__PURE__*/React.createElement(PhoneInput, {
+    field: {
+      id: 'yourPhone',
+      name: 'yourPhone'
+    },
+    label: {
+      text: 'A number we can reach you on'
+    }
+  }), /*#__PURE__*/React.createElement(Textarea, {
+    field: {
+      id: 'yourMessage',
+      name: 'yourMessage',
+      type: 'textarea'
+    },
+    label: {
+      text: 'Your message'
+    }
+  }), /*#__PURE__*/React.createElement(InputCheckbox, {
+    field: {
+      defaultChecked: hasConsent,
+      id: 'consentCheckbox1',
+      name: 'consentCheckbox1',
+      value: 'consentIsGiven',
+      onChange: event => handleConsentClick(event)
+    },
+    label: {
+      text: /*#__PURE__*/React.createElement("span", null, "By leaving this checked you are ", /*#__PURE__*/React.createElement("strong", null, "consenting"), " to one of our support staff contacting you in the event that they need more information. ", /*#__PURE__*/React.createElement(Tooltip, {
+        icon: "info"
+      }, "More about why we might contact you."))
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "spaceBefore flexRow"
+  }, /*#__PURE__*/React.createElement(SimpleButton, {
+    label: "Send Message",
+    id: "demoSubmitButton1",
+    buttonType: "submit",
+    buttonStyle: {
+      color: 'primary'
+    },
+    rightIcon: {
+      icon: 'telegram'
+    }
+  })));
+};
+export default DemoContactForm;
+//# sourceMappingURL=DemoContactForm.js.map

package/dist/esm/exampleUIs/exampleComponents/DemoContactForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoContactForm.js","names":["React","useEffect","useFormContext","TextInput","EmailInput","PhoneInput","SimpleButton","Textarea","InputCheckbox","Tooltip","DemoContactForm","onConsentClick","consentIsGiven","hasConsent","setHasConsent","useState","formContext","handleConsentClick","event","isChecked","target","checked","setValue","createElement","className","field","id","name","label","text","validation","required","type","defaultChecked","value","onChange","icon","buttonType","buttonStyle","color","rightIcon"],"sources":["../../../../src/exampleUIs/exampleComponents/DemoContactForm.tsx"],"sourcesContent":["import React, { FC, useEffect } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport {\n  TextInput,\n  EmailInput,\n  PhoneInput\n} from '../../components/form/formFields/subComponents/InputVariants';\nimport { SimpleButton } from '../../components/form/buttons/SimpleButton';\nimport { Textarea } from '../../components/form/formFields/subComponents/textarea/Textarea';\nimport { InputCheckbox } from '../../components/form/formFields/subComponents/inputs/checkbox/InputCheckbox';\nimport { Tooltip } from '../../components/design/tooltip/Tooltip';\nimport { GenericFunction } from '../../interfaces/generic.interface';\n\nexport const DemoContactForm: FC<{\n  onConsentClick: GenericFunction;\n  consentIsGiven: boolean;\n}> = (\n  {\n    onConsentClick = () => {},\n    consentIsGiven = false\n  }\n) => {\n  const [hasConsent, setHasConsent] = React.useState<boolean>(consentIsGiven);\n\n  const formContext = useFormContext();\n\n  const handleConsentClick = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const isChecked = event.target.checked;\n    formContext.setValue('consentCheckbox1', isChecked);\n    setHasConsent(isChecked);\n    onConsentClick(isChecked);\n  };\n\n  useEffect(() => {\n    formContext.setValue('consentCheckbox1', consentIsGiven);\n    setHasConsent(consentIsGiven);\n  });\n\n  return (\n    <div>\n      <h2 className=\"spaceAfter\">Can't find what you're looking for?</h2>\n      <h3 className=\"spaceAfter\">Send us a message</h3>\n\n      <p className=\"spaceAfter\">To provide you with the best service possible we'll need some details about you.</p>\n\n      <TextInput\n        field={ {\n          id: 'firstName',\n          name: 'firstName'\n        } }\n        label={ {\n          text: 'First Name'\n        } }\n        validation={ {\n          required: 'This is required'\n        } }\n      />\n\n      <TextInput\n        field={ {\n          id: 'lastName',\n          name: 'lastName'\n        } }\n        label={ {\n          text: 'Last Name'\n        } }\n        validation={ {\n          required: 'This is required'\n        } }\n      />\n\n      <EmailInput\n        field={ {\n          id: 'yourEmail',\n          name: 'yourEmail'\n        } }\n        label={ {\n          text: 'Your email address'\n        } }\n      />\n\n      <PhoneInput\n        field={ {\n          id: 'yourPhone',\n          name: 'yourPhone'\n        } }\n        label={ {\n          text: 'A number we can reach you on'\n        } }\n      />\n\n      <Textarea\n        field={ {\n          id: 'yourMessage',\n          name: 'yourMessage',\n          type: 'textarea'\n        } }\n        label={ {\n          text: 'Your message'\n        } }\n      />\n\n      <InputCheckbox\n        field={ {\n          defaultChecked: hasConsent,\n          id: 'consentCheckbox1',\n          name: 'consentCheckbox1',\n          value: 'consentIsGiven',\n          onChange: (event: React.ChangeEvent<HTMLInputElement>) => handleConsentClick(event)\n        } }\n        label={ {\n          text: <span>By leaving this checked you are <strong>consenting</strong> to one of our support staff contacting you in the event that they need more information. <Tooltip icon=\"info\">More about why we might contact you.</Tooltip></span>\n        } }\n      />\n\n      <div className=\"spaceBefore flexRow\">\n        <SimpleButton\n          label=\"Send Message\"\n          id=\"demoSubmitButton1\"\n          buttonType=\"submit\"\n          buttonStyle={\n            {\n              color: 'primary'\n            }\n          }\n          rightIcon={ {\n            icon: 'telegram'\n          } }\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default DemoContactForm;"],"mappings":"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","ignoreList":[]}

package/dist/esm/exampleUIs/exampleComponents/DemoHeaderBar.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { HeaderBar } from '../../components/design/headerBar/HeaderBar';
+export const DemoHeaderBar = () => {
+  const handleCameraClick = () => {
+    alert('Camera icon clicked!');
+  };
+  const handleVideoClick = () => {
+    alert('Video camera icon clicked!');
+  };
+  const handleNotificationsClick = () => {
+    alert('Notifications icon clicked!');
+  };
+  return /*#__PURE__*/React.createElement(HeaderBar, {
+    leftIcon: {
+      icon: 'quill'
+    },
+    text: "Need Help?",
+    buttons: [{
+      cssClass: 'button primary',
+      id: 'headerButton1',
+      label: 'Click to take a photo',
+      hideLabel: true,
+      leftIcon: {
+        icon: 'camera'
+      },
+      onClickHandler: () => handleCameraClick()
+    }, {
+      cssClass: 'button secondary',
+      id: 'headerButton2',
+      label: 'Click to start a video recording',
+      hideLabel: true,
+      leftIcon: {
+        icon: 'video-camera'
+      },
+      onClickHandler: () => handleVideoClick()
+    }, {
+      kind: 'notifications',
+      count: 5,
+      cssClass: 'button tertiary',
+      id: 'headerButton3',
+      hideLabel: true,
+      leftIcon: {
+        icon: 'bell'
+      },
+      onClickHandler: () => handleNotificationsClick()
+    }]
+  });
+};
+export default {
+  DemoHeaderBar
+};
+//# sourceMappingURL=DemoHeaderBar.js.map

package/dist/esm/exampleUIs/exampleComponents/DemoHeaderBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoHeaderBar.js","names":["React","HeaderBar","DemoHeaderBar","handleCameraClick","alert","handleVideoClick","handleNotificationsClick","createElement","leftIcon","icon","text","buttons","cssClass","id","label","hideLabel","onClickHandler","kind","count"],"sources":["../../../../src/exampleUIs/exampleComponents/DemoHeaderBar.tsx"],"sourcesContent":["import React from 'react';\nimport { HeaderBar } from '../../components/design/headerBar/HeaderBar';\n\nexport const DemoHeaderBar: React.FC = () => {\n  const handleCameraClick = () => {\n    alert('Camera icon clicked!');\n  };\n\n  const handleVideoClick = () => {\n    alert('Video camera icon clicked!');\n  };\n\n  const handleNotificationsClick = () => {\n    alert('Notifications icon clicked!');\n  };\n\n  return (\n    <HeaderBar\n      leftIcon={ {\n        icon: 'quill'\n      } }\n      text=\"Need Help?\"\n      buttons={ [\n        {\n          cssClass: 'button primary',\n          id: 'headerButton1',\n          label: 'Click to take a photo',\n          hideLabel: true,\n          leftIcon: {\n            icon: 'camera'\n          },\n          onClickHandler: () => handleCameraClick()\n        },\n        {\n          cssClass: 'button secondary',\n          id: 'headerButton2',\n          label: 'Click to start a video recording',\n          hideLabel: true,\n          leftIcon: {\n            icon: 'video-camera'\n          },\n          onClickHandler: () => handleVideoClick()\n        },\n        {\n          kind: 'notifications',\n          count: 5,\n          cssClass: 'button tertiary',\n          id: 'headerButton3',\n          hideLabel: true,\n          leftIcon: {\n            icon: 'bell'\n          },\n          onClickHandler: () => handleNotificationsClick()\n        }\n      ] }\n    />\n  );\n};\n\nexport default {\n  DemoHeaderBar\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,6CAA6C;AAEvE,OAAO,MAAMC,aAAuB,GAAGA,CAAA,KAAM;EAC3C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC9BC,KAAK,CAAC,sBAAsB,CAAC;EAC/B,CAAC;EAED,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;IAC7BD,KAAK,CAAC,4BAA4B,CAAC;EACrC,CAAC;EAED,MAAME,wBAAwB,GAAGA,CAAA,KAAM;IACrCF,KAAK,CAAC,6BAA6B,CAAC;EACtC,CAAC;EAED,oBACEJ,KAAA,CAAAO,aAAA,CAACN,SAAS;IACRO,QAAQ,EAAG;MACTC,IAAI,EAAE;IACR,CAAG;IACHC,IAAI,EAAC,YAAY;IACjBC,OAAO,EAAG,CACR;MACEC,QAAQ,EAAE,gBAAgB;MAC1BC,EAAE,EAAE,eAAe;MACnBC,KAAK,EAAE,uBAAuB;MAC9BC,SAAS,EAAE,IAAI;MACfP,QAAQ,EAAE;QACRC,IAAI,EAAE;MACR,CAAC;MACDO,cAAc,EAAEA,CAAA,KAAMb,iBAAiB,CAAC;IAC1C,CAAC,EACD;MACES,QAAQ,EAAE,kBAAkB;MAC5BC,EAAE,EAAE,eAAe;MACnBC,KAAK,EAAE,kCAAkC;MACzCC,SAAS,EAAE,IAAI;MACfP,QAAQ,EAAE;QACRC,IAAI,EAAE;MACR,CAAC;MACDO,cAAc,EAAEA,CAAA,KAAMX,gBAAgB,CAAC;IACzC,CAAC,EACD;MACEY,IAAI,EAAE,eAAe;MACrBC,KAAK,EAAE,CAAC;MACRN,QAAQ,EAAE,iBAAiB;MAC3BC,EAAE,EAAE,eAAe;MACnBE,SAAS,EAAE,IAAI;MACfP,QAAQ,EAAE;QACRC,IAAI,EAAE;MACR,CAAC;MACDO,cAAc,EAAEA,CAAA,KAAMV,wBAAwB,CAAC;IACjD,CAAC;EACA,CACJ,CAAC;AAEN,CAAC;AAED,eAAe;EACbJ;AACF,CAAC","ignoreList":[]}

package/dist/esm/exampleUIs/exampleComponents/DemoLeftNavigation.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Menu } from '../../components/navigation/menu/Menu';
+import { DashboardMenuMock } from '../../mocks/mainMenu.mock';
+export const DemoLeftNavigation = () => /*#__PURE__*/React.createElement(Menu, {
+  menuItems: DashboardMenuMock
+});
+export default DemoLeftNavigation;
+//# sourceMappingURL=DemoLeftNavigation.js.map

package/dist/esm/exampleUIs/exampleComponents/DemoLeftNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoLeftNavigation.js","names":["React","Menu","DashboardMenuMock","DemoLeftNavigation","createElement","menuItems"],"sources":["../../../../src/exampleUIs/exampleComponents/DemoLeftNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Menu } from '../../components/navigation/menu/Menu';\nimport { DashboardMenuMock } from '../../mocks/mainMenu.mock';\n\nexport const DemoLeftNavigation = () => (\n  <Menu menuItems={ DashboardMenuMock }/>\n);\n\nexport default DemoLeftNavigation;"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,uCAAuC;AAC5D,SAASC,iBAAiB,QAAQ,2BAA2B;AAE7D,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,kBAChCH,KAAA,CAAAI,aAAA,CAACH,IAAI;EAACI,SAAS,EAAGH;AAAmB,CAAC,CACvC;AAED,eAAeC,kBAAkB","ignoreList":[]}

package/dist/esm/exampleUIs/exampleComponents/DemoRightHeaderMenu.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { PopupMenu } from '../../components/navigation/popupMenu/PopupMenu';
+import { UserMenuMock } from '../../mocks/mainMenu.mock';
+export const DemoRightHeaderMenu = () => /*#__PURE__*/React.createElement(PopupMenu, {
+  id: "demoRightHeaderMenu",
+  menuItems: UserMenuMock,
+  popDirection: {
+    x: 'left'
+  },
+  triggerSettings: {
+    default: {
+      hideLabel: true,
+      id: 'demoRightHeaderMenuTrigger',
+      label: 'Happy popup menu',
+      leftIcon: {
+        icon: 'happy'
+      }
+    }
+  }
+});
+export default DemoRightHeaderMenu;
+//# sourceMappingURL=DemoRightHeaderMenu.js.map

package/dist/esm/exampleUIs/exampleComponents/DemoRightHeaderMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoRightHeaderMenu.js","names":["React","PopupMenu","UserMenuMock","DemoRightHeaderMenu","createElement","id","menuItems","popDirection","x","triggerSettings","default","hideLabel","label","leftIcon","icon"],"sources":["../../../../src/exampleUIs/exampleComponents/DemoRightHeaderMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { PopupMenu } from '../../components/navigation/popupMenu/PopupMenu';\n\nimport { UserMenuMock } from '../../mocks/mainMenu.mock';\n\nexport const DemoRightHeaderMenu: React.FC = () => (\n  <PopupMenu\n    id=\"demoRightHeaderMenu\"\n    menuItems={ UserMenuMock }\n    popDirection={ {\n      x: 'left'\n    } }\n    triggerSettings={ {\n      default: {\n        hideLabel: true,\n        id: 'demoRightHeaderMenuTrigger',\n        label: 'Happy popup menu',\n        leftIcon: {\n          icon: 'happy'\n        }\n      }\n    } }\n  />\n);\n\nexport default DemoRightHeaderMenu;"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,iDAAiD;AAE3E,SAASC,YAAY,QAAQ,2BAA2B;AAExD,OAAO,MAAMC,mBAA6B,GAAGA,CAAA,kBAC3CH,KAAA,CAAAI,aAAA,CAACH,SAAS;EACRI,EAAE,EAAC,qBAAqB;EACxBC,SAAS,EAAGJ,YAAc;EAC1BK,YAAY,EAAG;IACbC,CAAC,EAAE;EACL,CAAG;EACHC,eAAe,EAAG;IAChBC,OAAO,EAAE;MACPC,SAAS,EAAE,IAAI;MACfN,EAAE,EAAE,4BAA4B;MAChCO,KAAK,EAAE,kBAAkB;MACzBC,QAAQ,EAAE;QACRC,IAAI,EAAE;MACR;IACF;EACF;AAAG,CACJ,CACF;AAED,eAAeX,mBAAmB","ignoreList":[]}

package/dist/esm/exampleUIs/exampleComponents/DemoStyledList.js

@@ -0,0 +1,26 @@
+import React from 'react';
+export const DemoStyledList = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h4", {
+  className: "spaceBefore spaceAfter"
+}, "This is a weird list of items"), /*#__PURE__*/React.createElement("p", {
+  className: "spaceAfter"
+}, "It is designed to demonstrate to an AI how to style list elements"), /*#__PURE__*/React.createElement("ul", {
+  className: "noBullet "
+}, /*#__PURE__*/React.createElement("li", {
+  className: "noBullet flexRow flex-1-4"
+}, /*#__PURE__*/React.createElement("strong", null, "First item"), /*#__PURE__*/React.createElement("span", {
+  className: "flexRow flex-1"
+}, /*#__PURE__*/React.createElement("small", null, "I will take up 50% of my parent"), /*#__PURE__*/React.createElement("small", null, "I will also take up 50% of my parent"))), /*#__PURE__*/React.createElement("li", {
+  className: "noBullet flexRow flex-1-4"
+}, /*#__PURE__*/React.createElement("strong", null, "Second item"), /*#__PURE__*/React.createElement("span", {
+  className: "flexRow flex-1"
+}, /*#__PURE__*/React.createElement("small", null, "I copy the layout above"), /*#__PURE__*/React.createElement("small", null, "I also copy the layout above"))), /*#__PURE__*/React.createElement("li", {
+  className: "noBullet flexRow flex-1-4"
+}, /*#__PURE__*/React.createElement("strong", null, "Third item"), /*#__PURE__*/React.createElement("span", {
+  className: "flexRow flex-1"
+}, /*#__PURE__*/React.createElement("small", null, "I break the layout above"), /*#__PURE__*/React.createElement("small", null, "I also break the layout above"), /*#__PURE__*/React.createElement("small", null, "I am the item that breaks the layout above"))), /*#__PURE__*/React.createElement("li", {
+  className: "noBullet flexRow flex-1-4"
+}, /*#__PURE__*/React.createElement("strong", null, "Fourth item"), /*#__PURE__*/React.createElement("span", {
+  className: "flexRow flex-3-1"
+}, /*#__PURE__*/React.createElement("small", null, "I'm a nested flex-3-1"), /*#__PURE__*/React.createElement("small", null, "I'm the 3")))));
+export default DemoStyledList;
+//# sourceMappingURL=DemoStyledList.js.map

package/dist/esm/exampleUIs/exampleComponents/DemoStyledList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoStyledList.js","names":["React","DemoStyledList","createElement","Fragment","className"],"sources":["../../../../src/exampleUIs/exampleComponents/DemoStyledList.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nexport const DemoStyledList: FC = () => (\n  <>\n    <h4 className=\"spaceBefore spaceAfter\">This is a weird list of items</h4>\n    <p className=\"spaceAfter\">It is designed to demonstrate to an AI how to style list elements</p>\n\n    <ul className=\"noBullet \">\n      <li className=\"noBullet flexRow flex-1-4\">\n        <strong>First item</strong>\n        <span className=\"flexRow flex-1\">\n          <small>I will take up 50% of my parent</small>\n          <small>I will also take up 50% of my parent</small>\n        </span>\n      </li>\n      <li className=\"noBullet flexRow flex-1-4\">\n        <strong>Second item</strong>\n        <span className=\"flexRow flex-1\">\n          <small>I copy the layout above</small>\n          <small>I also copy the layout above</small>\n        </span>\n      </li>\n      <li className=\"noBullet flexRow flex-1-4\">\n        <strong>Third item</strong>\n        <span className=\"flexRow flex-1\">\n          <small>I break the layout above</small>\n          <small>I also break the layout above</small>\n          <small>I am the item that breaks the layout above</small>\n        </span>\n      </li>\n      <li className=\"noBullet flexRow flex-1-4\">\n        <strong>Fourth item</strong>\n        <span className=\"flexRow flex-3-1\">\n          <small>I'm a nested flex-3-1</small>\n          <small>I'm the 3</small>\n        </span>\n      </li>\n    </ul>\n  </>\n);\n\nexport default DemoStyledList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AAEjC,OAAO,MAAMC,cAAkB,GAAGA,CAAA,kBAChCD,KAAA,CAAAE,aAAA,CAAAF,KAAA,CAAAG,QAAA,qBACEH,KAAA,CAAAE,aAAA;EAAIE,SAAS,EAAC;AAAwB,GAAC,+BAAiC,CAAC,eACzEJ,KAAA,CAAAE,aAAA;EAAGE,SAAS,EAAC;AAAY,GAAC,mEAAoE,CAAC,eAE/FJ,KAAA,CAAAE,aAAA;EAAIE,SAAS,EAAC;AAAW,gBACvBJ,KAAA,CAAAE,aAAA;EAAIE,SAAS,EAAC;AAA2B,gBACvCJ,KAAA,CAAAE,aAAA,iBAAQ,YAAkB,CAAC,eAC3BF,KAAA,CAAAE,aAAA;EAAME,SAAS,EAAC;AAAgB,gBAC9BJ,KAAA,CAAAE,aAAA,gBAAO,iCAAsC,CAAC,eAC9CF,KAAA,CAAAE,aAAA,gBAAO,sCAA2C,CAC9C,CACJ,CAAC,eACLF,KAAA,CAAAE,aAAA;EAAIE,SAAS,EAAC;AAA2B,gBACvCJ,KAAA,CAAAE,aAAA,iBAAQ,aAAmB,CAAC,eAC5BF,KAAA,CAAAE,aAAA;EAAME,SAAS,EAAC;AAAgB,gBAC9BJ,KAAA,CAAAE,aAAA,gBAAO,yBAA8B,CAAC,eACtCF,KAAA,CAAAE,aAAA,gBAAO,8BAAmC,CACtC,CACJ,CAAC,eACLF,KAAA,CAAAE,aAAA;EAAIE,SAAS,EAAC;AAA2B,gBACvCJ,KAAA,CAAAE,aAAA,iBAAQ,YAAkB,CAAC,eAC3BF,KAAA,CAAAE,aAAA;EAAME,SAAS,EAAC;AAAgB,gBAC9BJ,KAAA,CAAAE,aAAA,gBAAO,0BAA+B,CAAC,eACvCF,KAAA,CAAAE,aAAA,gBAAO,+BAAoC,CAAC,eAC5CF,KAAA,CAAAE,aAAA,gBAAO,4CAAiD,CACpD,CACJ,CAAC,eACLF,KAAA,CAAAE,aAAA;EAAIE,SAAS,EAAC;AAA2B,gBACvCJ,KAAA,CAAAE,aAAA,iBAAQ,aAAmB,CAAC,eAC5BF,KAAA,CAAAE,aAAA;EAAME,SAAS,EAAC;AAAkB,gBAChCJ,KAAA,CAAAE,aAAA,gBAAO,uBAA4B,CAAC,eACpCF,KAAA,CAAAE,aAAA,gBAAO,WAAgB,CACnB,CACJ,CACF,CACJ,CACH;AAED,eAAeD,cAAc","ignoreList":[]}

package/dist/esm/exampleUIs/exampleComponents/index.js

@@ -0,0 +1,8 @@
+export { DemoRightHeaderMenu } from './DemoRightHeaderMenu';
+export { DemoLeftNavigation } from './DemoLeftNavigation';
+export { DemoHeaderBar } from './DemoHeaderBar';
+export { DemoAccordionFAQs } from './DemoAccordionFAQs';
+export { DemoContactForm } from './DemoContactForm';
+export { DemoConsentDialog } from './DemoConsentDialog';
+export { DemoStyledList } from './DemoStyledList';
+//# sourceMappingURL=index.js.map

package/dist/esm/exampleUIs/exampleComponents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DemoRightHeaderMenu","DemoLeftNavigation","DemoHeaderBar","DemoAccordionFAQs","DemoContactForm","DemoConsentDialog","DemoStyledList"],"sources":["../../../../src/exampleUIs/exampleComponents/index.tsx"],"sourcesContent":["export { DemoRightHeaderMenu } from './DemoRightHeaderMenu';\nexport { DemoLeftNavigation } from './DemoLeftNavigation';\nexport { DemoHeaderBar } from './DemoHeaderBar';\nexport { DemoAccordionFAQs } from './DemoAccordionFAQs';\nexport { DemoContactForm } from './DemoContactForm';\nexport { DemoConsentDialog } from './DemoConsentDialog';\nexport { DemoStyledList } from './DemoStyledList';"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,cAAc,QAAQ,kBAAkB","ignoreList":[]}