@sk-web-gui/core 3.0.0 → 3.1.0

package/dist/esm/aria-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"aria-plugin.js","names":["TailwindPlugin","AriaAttributes","_ref","addVariant","attributes","checked","disabled","expanded","hidden","orientation","readonly","required","selected","sort","Object","keys","forEach","key","element","selector","specialAttributes","haspopup","current","elements","map"],"sources":["../../src/aria-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\n\nexport const AriaAttributes = TailwindPlugin(function ({ addVariant }) {\n  const attributes: Record<string, Array<string>> = {\n    checked: ['true', 'false', 'mixed'],\n    disabled: ['true', 'false'],\n    expanded: ['true', 'false'],\n    hidden: ['true', 'false'],\n    orientation: ['horizontal', 'vertical'],\n    readonly: ['true', 'false'],\n    required: ['true', 'false'],\n    selected: ['true', 'false'],\n    sort: ['none', 'ascending', 'descending', 'other'],\n  };\n\n  Object.keys(attributes).forEach((key) => {\n    attributes[key].forEach((element) => {\n      let selector = `aria-${key}-${element}`;\n      if (element == 'true') {\n        selector = `aria-${key}`;\n      } else if (element == 'false') {\n        selector = `aria-!${key}`;\n      }\n      addVariant(selector, `&[aria-${key}=\"${element}\"]`);\n    });\n  });\n\n  const specialAttributes: Record<string, Array<string>> = {\n    haspopup: ['menu', 'listbox', 'tree', 'grid', 'dialog', 'true'],\n    current: ['true', 'page', 'step', 'location', 'date', 'time'],\n  };\n\n  Object.keys(specialAttributes).forEach((key) => {\n    const elements = specialAttributes[key];\n    const selector = `aria-${key}`;\n    addVariant(\n      selector,\n      elements.map((element) => `&[aria-${key}=\"${element}\"]`)\n    );\n  });\n\n  Object.keys(specialAttributes).forEach((key) => {\n    const selector = `aria-!${key}`;\n    addVariant(selector, `&[aria-${key}=\"${false}\"]`);\n  });\n});\n"],"mappings":"AAAA,OAAOA,cAAc,MAAM,oBAAoB;AAE/C,OAAO,IAAMC,cAAc,GAAGD,cAAc,CAAC,UAAAE,IAAA,EAA0B;EAAA,IAAhB;IAAEC;EAAW,CAAC,GAAAD,IAAA;EACnE,IAAME,UAAyC,GAAG;IAChDC,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC;IACnCC,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3BC,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3BC,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IACzBC,WAAW,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;IACvCC,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3BC,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3BC,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3BC,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO;EACnD,CAAC;EAEDC,MAAM,CAACC,IAAI,CAACX,UAAU,CAAC,CAACY,OAAO,CAAEC,GAAG,IAAK;IACvCb,UAAU,CAACa,GAAG,CAAC,CAACD,OAAO,CAAEE,OAAO,IAAK;MACnC,IAAIC,QAAQ,aAAWF,GAAG,SAAIC,OAAS;MACvC,IAAIA,OAAO,IAAI,MAAM,EAAE;QACrBC,QAAQ,aAAWF,GAAK;MAC1B,CAAC,MAAM,IAAIC,OAAO,IAAI,OAAO,EAAE;QAC7BC,QAAQ,cAAYF,GAAK;MAC3B;MACAd,UAAU,CAACgB,QAAQ,cAAYF,GAAG,WAAKC,OAAO,QAAI,CAAC;IACrD,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,IAAME,iBAAgD,GAAG;IACvDC,QAAQ,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC;IAC/DC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM;EAC9D,CAAC;EAEDR,MAAM,CAACC,IAAI,CAACK,iBAAiB,CAAC,CAACJ,OAAO,CAAEC,GAAG,IAAK;IAC9C,IAAMM,QAAQ,GAAGH,iBAAiB,CAACH,GAAG,CAAC;IACvC,IAAME,QAAQ,aAAWF,GAAK;IAC9Bd,UAAU,CACRgB,QAAQ,EACRI,QAAQ,CAACC,GAAG,CAAEN,OAAO,gBAAeD,GAAG,WAAKC,OAAO,QAAI,CACzD,CAAC;EACH,CAAC,CAAC;EAEFJ,MAAM,CAACC,IAAI,CAACK,iBAAiB,CAAC,CAACJ,OAAO,CAAEC,GAAG,IAAK;IAC9C,IAAME,QAAQ,cAAYF,GAAK;IAC/Bd,UAAU,CAACgB,QAAQ,cAAYF,GAAG,WAAK,KAAK,QAAI,CAAC;EACnD,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"aria-plugin.js","names":["TailwindPlugin","AriaAttributes","_ref","addVariant","attributes","checked","disabled","expanded","hidden","orientation","readonly","required","selected","sort","Object","keys","forEach","key","element","selector","specialAttributes","haspopup","current","elements","map"],"sources":["../../src/aria-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\n\r\nexport const AriaAttributes = TailwindPlugin(function ({ addVariant }) {\r\n  const attributes: Record<string, Array<string>> = {\r\n    checked: ['true', 'false', 'mixed'],\r\n    disabled: ['true', 'false'],\r\n    expanded: ['true', 'false'],\r\n    hidden: ['true', 'false'],\r\n    orientation: ['horizontal', 'vertical'],\r\n    readonly: ['true', 'false'],\r\n    required: ['true', 'false'],\r\n    selected: ['true', 'false'],\r\n    sort: ['none', 'ascending', 'descending', 'other'],\r\n  };\r\n\r\n  Object.keys(attributes).forEach((key) => {\r\n    attributes[key].forEach((element) => {\r\n      let selector = `aria-${key}-${element}`;\r\n      if (element == 'true') {\r\n        selector = `aria-${key}`;\r\n      } else if (element == 'false') {\r\n        selector = `aria-!${key}`;\r\n      }\r\n      addVariant(selector, `&[aria-${key}=\"${element}\"]`);\r\n    });\r\n  });\r\n\r\n  const specialAttributes: Record<string, Array<string>> = {\r\n    haspopup: ['menu', 'listbox', 'tree', 'grid', 'dialog', 'true'],\r\n    current: ['true', 'page', 'step', 'location', 'date', 'time'],\r\n  };\r\n\r\n  Object.keys(specialAttributes).forEach((key) => {\r\n    const elements = specialAttributes[key];\r\n    const selector = `aria-${key}`;\r\n    addVariant(\r\n      selector,\r\n      elements.map((element) => `&[aria-${key}=\"${element}\"]`)\r\n    );\r\n  });\r\n\r\n  Object.keys(specialAttributes).forEach((key) => {\r\n    const selector = `aria-!${key}`;\r\n    addVariant(selector, `&[aria-${key}=\"${false}\"]`);\r\n  });\r\n});\r\n"],"mappings":"AAAA,OAAOA,cAAc,MAAM,oBAAoB;AAE/C,OAAO,IAAMC,cAAc,GAAGD,cAAc,CAAC,UAAAE,IAAA,EAA0B;EAAA,IAAhB;IAAEC;EAAW,CAAC,GAAAD,IAAA;EACnE,IAAME,UAAyC,GAAG;IAChDC,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC;IACnCC,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3BC,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3BC,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IACzBC,WAAW,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;IACvCC,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3BC,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3BC,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3BC,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO;EACnD,CAAC;EAEDC,MAAM,CAACC,IAAI,CAACX,UAAU,CAAC,CAACY,OAAO,CAAEC,GAAG,IAAK;IACvCb,UAAU,CAACa,GAAG,CAAC,CAACD,OAAO,CAAEE,OAAO,IAAK;MACnC,IAAIC,QAAQ,aAAWF,GAAG,SAAIC,OAAS;MACvC,IAAIA,OAAO,IAAI,MAAM,EAAE;QACrBC,QAAQ,aAAWF,GAAK;MAC1B,CAAC,MAAM,IAAIC,OAAO,IAAI,OAAO,EAAE;QAC7BC,QAAQ,cAAYF,GAAK;MAC3B;MACAd,UAAU,CAACgB,QAAQ,cAAYF,GAAG,WAAKC,OAAO,QAAI,CAAC;IACrD,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,IAAME,iBAAgD,GAAG;IACvDC,QAAQ,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC;IAC/DC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM;EAC9D,CAAC;EAEDR,MAAM,CAACC,IAAI,CAACK,iBAAiB,CAAC,CAACJ,OAAO,CAAEC,GAAG,IAAK;IAC9C,IAAMM,QAAQ,GAAGH,iBAAiB,CAACH,GAAG,CAAC;IACvC,IAAME,QAAQ,aAAWF,GAAK;IAC9Bd,UAAU,CACRgB,QAAQ,EACRI,QAAQ,CAACC,GAAG,CAAEN,OAAO,gBAAeD,GAAG,WAAKC,OAAO,QAAI,CACzD,CAAC;EACH,CAAC,CAAC;EAEFJ,MAAM,CAACC,IAAI,CAACK,iBAAiB,CAAC,CAACJ,OAAO,CAAEC,GAAG,IAAK;IAC9C,IAAME,QAAQ,cAAYF,GAAK;IAC/Bd,UAAU,CAACgB,QAAQ,cAAYF,GAAG,WAAK,KAAK,QAAI,CAAC;EACnD,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/dist/esm/base.js

@@ -1,7 +1,7 @@
 var _base = {
   html: {
     '@apply text-base antialiased': {},
-    fontSize: '10px',
+    fontSize: '0.625em',
     textRendering: 'optimizeLegibility',
     touchAction: 'manipulation'
   },
@@ -21,7 +21,7 @@ var _base = {
     '@apply text-small': {}
   },
   a: {
-    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {}
+    '@apply rounded-button-md': {}
   },
   h1: {
     '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},
@@ -36,14 +36,11 @@ var _base = {
   'h4,h5,h6': {
     '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {}
   },
-  label: {
-    '@apply text-label-medium': {}
-  },
   p: {
     '@apply my-4': {}
   },
   '.text-content': {
-    '@apply max-w-[80rem]': {},
+    '@apply max-w-content': {},
     p: {
       '@apply mt-sm text-base': {}
     }

package/dist/esm/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","names":["_base","html","fontSize","textRendering","touchAction","body","position","minHeight","fontFeatureSettings","small","a","h1","h2","h3","label","p","base"],"sources":["../../src/base.ts"],"sourcesContent":["const _base = {\r\n  html: {\r\n    '@apply text-base antialiased': {},\r\n    fontSize: '10px',\r\n    textRendering: 'optimizeLegibility',\r\n    touchAction: 'manipulation',\r\n  },\r\n  body: {\r\n    '@apply text-base bg-background-content': {},\r\n    '@apply text-body': {},\r\n    position: 'relative',\r\n    minHeight: '100%',\r\n    fontFeatureSettings: \"'kern'\",\r\n  },\r\n  '*': {\r\n    '@apply focus-visible:ring-ring': {},\r\n    '@apply focus-visible:ring-offset-background-content': {},\r\n    '@apply focus-visible:outline-0': {},\r\n  },\r\n  small: {\r\n    '@apply text-small': {},\r\n  },\r\n  a: { '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {} },\r\n  h1: {\r\n    '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},\r\n    '@apply mb-md': {},\r\n  },\r\n  h2: {\r\n    '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},\r\n  },\r\n  h3: {\r\n    '@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {},\r\n  },\r\n  'h4,h5,h6': {\r\n    '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {},\r\n  },\r\n  label: {\r\n    '@apply text-label-medium': {},\r\n  },\r\n  p: { '@apply my-4': {} },\r\n\r\n  '.text-content': {\r\n    '@apply max-w-[80rem]': {},\r\n\r\n    p: { '@apply mt-sm text-base': {} },\r\n  },\r\n};\r\nconst base: typeof _base = _base;\r\nexport { base };\r\n"],"mappings":"AAAA,IAAMA,KAAK,GAAG;EACZC,IAAI,EAAE;IACJ,8BAA8B,EAAE,CAAC,CAAC;IAClCC,QAAQ,EAAE,MAAM;IAChBC,aAAa,EAAE,oBAAoB;IACnCC,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJ,wCAAwC,EAAE,CAAC,CAAC;IAC5C,kBAAkB,EAAE,CAAC,CAAC;IACtBC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,MAAM;IACjBC,mBAAmB,EAAE;EACvB,CAAC;EACD,GAAG,EAAE;IACH,gCAAgC,EAAE,CAAC,CAAC;IACpC,qDAAqD,EAAE,CAAC,CAAC;IACzD,gCAAgC,EAAE,CAAC;EACrC,CAAC;EACDC,KAAK,EAAE;IACL,mBAAmB,EAAE,CAAC;EACxB,CAAC;EACDC,CAAC,EAAE;IAAE,oEAAoE,EAAE,CAAC;EAAE,CAAC;EAC/EC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC,CAAC;IACnD,cAAc,EAAE,CAAC;EACnB,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACD,UAAU,EAAE;IACV,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACDC,KAAK,EAAE;IACL,0BAA0B,EAAE,CAAC;EAC/B,CAAC;EACDC,CAAC,EAAE;IAAE,aAAa,EAAE,CAAC;EAAE,CAAC;EAExB,eAAe,EAAE;IACf,sBAAsB,EAAE,CAAC,CAAC;IAE1BA,CAAC,EAAE;MAAE,wBAAwB,EAAE,CAAC;IAAE;EACpC;AACF,CAAC;AACD,IAAMC,IAAkB,GAAGhB,KAAK;AAChC,SAASgB,IAAI","ignoreList":[]}
+{"version":3,"file":"base.js","names":["_base","html","fontSize","textRendering","touchAction","body","position","minHeight","fontFeatureSettings","small","a","h1","h2","h3","p","base"],"sources":["../../src/base.ts"],"sourcesContent":["const _base = {\r\n  html: {\r\n    '@apply text-base antialiased': {},\r\n    fontSize: '0.625em',\r\n    textRendering: 'optimizeLegibility',\r\n    touchAction: 'manipulation',\r\n  },\r\n  body: {\r\n    '@apply text-base bg-background-content': {},\r\n    '@apply text-body': {},\r\n    position: 'relative',\r\n    minHeight: '100%',\r\n    fontFeatureSettings: \"'kern'\",\r\n  },\r\n  '*': {\r\n    '@apply focus-visible:ring-ring': {},\r\n    '@apply focus-visible:ring-offset-background-content': {},\r\n    '@apply focus-visible:outline-0': {},\r\n  },\r\n  small: {\r\n    '@apply text-small': {},\r\n  },\r\n  a: { '@apply rounded-button-md': {} },\r\n  h1: {\r\n    '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},\r\n    '@apply mb-md': {},\r\n  },\r\n  h2: {\r\n    '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},\r\n  },\r\n  h3: {\r\n    '@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {},\r\n  },\r\n  'h4,h5,h6': {\r\n    '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {},\r\n  },\r\n\r\n  p: { '@apply my-4': {} },\r\n\r\n  '.text-content': {\r\n    '@apply max-w-content': {},\r\n\r\n    p: { '@apply mt-sm text-base': {} },\r\n  },\r\n};\r\nconst base: typeof _base = _base;\r\nexport { base };\r\n"],"mappings":"AAAA,IAAMA,KAAK,GAAG;EACZC,IAAI,EAAE;IACJ,8BAA8B,EAAE,CAAC,CAAC;IAClCC,QAAQ,EAAE,SAAS;IACnBC,aAAa,EAAE,oBAAoB;IACnCC,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJ,wCAAwC,EAAE,CAAC,CAAC;IAC5C,kBAAkB,EAAE,CAAC,CAAC;IACtBC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,MAAM;IACjBC,mBAAmB,EAAE;EACvB,CAAC;EACD,GAAG,EAAE;IACH,gCAAgC,EAAE,CAAC,CAAC;IACpC,qDAAqD,EAAE,CAAC,CAAC;IACzD,gCAAgC,EAAE,CAAC;EACrC,CAAC;EACDC,KAAK,EAAE;IACL,mBAAmB,EAAE,CAAC;EACxB,CAAC;EACDC,CAAC,EAAE;IAAE,0BAA0B,EAAE,CAAC;EAAE,CAAC;EACrCC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC,CAAC;IACnD,cAAc,EAAE,CAAC;EACnB,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACD,UAAU,EAAE;IACV,+CAA+C,EAAE,CAAC;EACpD,CAAC;EAEDC,CAAC,EAAE;IAAE,aAAa,EAAE,CAAC;EAAE,CAAC;EAExB,eAAe,EAAE;IACf,sBAAsB,EAAE,CAAC,CAAC;IAE1BA,CAAC,EAAE;MAAE,wBAAwB,EAAE,CAAC;IAAE;EACpC;AACF,CAAC;AACD,IAAMC,IAAkB,GAAGf,KAAK;AAChC,SAASe,IAAI","ignoreList":[]}

package/dist/esm/components/accordion.js

@@ -33,7 +33,10 @@ export var Accordion = () => ({
     },
     '&-toggle': {
       '@apply flex items-center justify-between': {},
-      '@apply gap-16': {}
+      '@apply gap-16': {},
+      '.sk-icon': {
+        '@apply w-32 h-32': {}
+      }
     },
     '&-title': {
       '@apply text-dark-primary': {},
@@ -51,7 +54,10 @@ export var Accordion = () => ({
         }
       },
       '.sk-disclosure-toggle': {
-        '@apply gap-12': {}
+        '@apply gap-12': {},
+        '.sk-icon': {
+          '@apply w-20 h-20': {}
+        }
       },
       '.sk-disclosure-support': {
         '@apply text-small': {}
@@ -75,7 +81,10 @@ export var Accordion = () => ({
         }
       },
       '.sk-disclosure-toggle': {
-        '@apply gap-12': {}
+        '@apply gap-12': {},
+        '.sk-icon': {
+          '@apply w-24 h-24': {}
+        }
       },
       '.sk-disclosure-support': {
         '@apply text-body': {}
@@ -104,6 +113,7 @@ export var Accordion = () => ({
       }
     },
     '&-body': {
+      '@apply text-base': {},
       '@apply flex flex-col': {},
       '@apply mb-32': {},
       '@apply mr-32': {},
@@ -132,13 +142,13 @@ export var Accordion = () => ({
         },
         '&[data-has-icon="true"]': {
           '&[data-size="sm"]': {
-            '@apply ml-[3.2rem]': {}
+            '@apply ml-32': {}
           },
           '&[data-size="md"]': {
-            '@apply ml-[3.6rem]': {}
+            '@apply ml-36': {}
           },
           '&[data-size="lg"]': {
-            '@apply ml-[4.8rem]': {}
+            '@apply ml-48': {}
           }
         }
       }

package/dist/esm/components/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["Accordion","svg","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        '@apply text-dark-secondary': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-dark-disabled': {},\r\n        },\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-primary': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-4': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 h-32': {},\r\n        },\r\n      },\r\n      '&[data-variant=\"alt\"]': {},\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-body': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-8': {},\r\n          '@apply h-56': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&[data-variant=\"alt\"]': {\r\n        '.sk-disclosure-support': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-disclosure-title': {\r\n          '@apply text-h3-md font-bold': {},\r\n          '&-wrapper': {\r\n            '@apply gap-16': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      '@apply h-0 overflow-hidden': {},\r\n      transitionProperty: 'visibility, height, padding, margin',\r\n      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible h-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block h-max visible': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply mt-24': {},\r\n        '&[data-size=\"sm\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"md\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"lg\"]': {\r\n          '@apply pr-16': {},\r\n        },\r\n        '&[data-has-icon=\"true\"]': {\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply ml-[3.2rem]': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-[3.6rem]': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-[4.8rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-is-open': {\r\n      '.sk-disclosure-body': {\r\n        '@apply overflow-visible animate-reset-overflow': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"accordion.js","names":["Accordion","svg","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-header': {\r\n      '@apply mt-6 mb-8': {},\r\n      '@apply flex flex-col text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '*': {\r\n        '@apply cursor-pointer': {},\r\n      },\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply ml-auto': {},\r\n        '@apply text-dark-secondary': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-dark-disabled': {},\r\n        },\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n    '&-toggle': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n      '.sk-icon': {\r\n        '@apply w-32 h-32': {},\r\n      },\r\n    },\r\n    '&-title': {\r\n      '@apply text-dark-primary': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-sm': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-sm font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-4': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 h-32': {},\r\n        },\r\n      },\r\n      '&[data-variant=\"alt\"]': {},\r\n    },\r\n    '&-md': {\r\n      '.sk-disclosure-title': {\r\n        '@apply text-h4-md font-bold': {},\r\n        '&-wrapper': {\r\n          '@apply gap-12': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-toggle': {\r\n        '@apply gap-12': {},\r\n        '.sk-icon': {\r\n          '@apply w-24 h-24': {},\r\n        },\r\n      },\r\n      '.sk-disclosure-support': {\r\n        '@apply text-body': {},\r\n      },\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-toggle': {\r\n          '@apply py-8': {},\r\n          '@apply h-56': {},\r\n        },\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&[data-variant=\"alt\"]': {\r\n        '.sk-disclosure-support': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-disclosure-title': {\r\n          '@apply text-h3-md font-bold': {},\r\n          '&-wrapper': {\r\n            '@apply gap-16': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply text-base': {},\r\n      '@apply flex flex-col': {},\r\n      '@apply mb-32': {},\r\n      '@apply mr-32': {},\r\n      '@apply gap-8': {},\r\n      '@apply py-0': {},\r\n      '@apply h-0 overflow-hidden': {},\r\n      transitionProperty: 'visibility, height, padding, margin',\r\n      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible h-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block h-max visible': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply mt-24': {},\r\n        '&[data-size=\"sm\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"md\"]': {\r\n          '@apply pr-12': {},\r\n        },\r\n        '&[data-size=\"lg\"]': {\r\n          '@apply pr-16': {},\r\n        },\r\n        '&[data-has-icon=\"true\"]': {\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply ml-32': {},\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply ml-36': {},\r\n          },\r\n          '&[data-size=\"lg\"]': {\r\n            '@apply ml-48': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-is-open': {\r\n      '.sk-disclosure-body': {\r\n        '@apply overflow-visible animate-reset-overflow': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-accordion': {\r\n    '&-item': {\r\n      '.sk-disclosure': {\r\n        transitionProperty: 'margin',\r\n        transitionDuration: '180ms',\r\n        '@apply border-b-1 border-divider': {},\r\n      },\r\n\r\n      '&:last-child .sk-disclosure': {\r\n        '@apply border-b-transparent': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/ai/ai-feed.js

@@ -0,0 +1,35 @@
+export var AIFeed = () => ({
+  '.sk-ai-feed': {
+    '@apply mt-8 p-16 pb-24 pr-16 h-auto overflow-y-auto max-h-full flex flex-col': {},
+    '&-entry': {
+      '@apply flex items-start gap-12': {},
+      '&-avatar': {
+        '@apply grow-0 shrink-0 w-fit': {}
+      },
+      '&-container': {
+        '@apply flex flex-col pb-20 gap-20': {}
+      },
+      '&-content': {
+        '@apply break-words max-w-full flex flex-col grow gap-4': {}
+      },
+      '&-heading': {
+        '@apply text-large font-bold': {}
+      },
+      '&-references': {
+        '@apply bg-background-200 rounded-button pt-8 pb-8 pl-20 pr-12 gap-8 text-dark-primary': {},
+        '&-header': {
+          '@apply text-dark-primary': {}
+        },
+        '&-list': {
+          '&-item': {
+            '@apply max-w-full w-full my-8 rounded-6 whitespace-normal text-base': {},
+            '.sk-link': {
+              '@apply dark:text-dark-primary': {}
+            }
+          }
+        }
+      }
+    }
+  }
+});
+//# sourceMappingURL=ai-feed.js.map

package/dist/esm/components/ai/ai-feed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-feed.js","names":["AIFeed"],"sources":["../../../../src/components/ai/ai-feed.ts"],"sourcesContent":["export const AIFeed = () => ({\r\n  '.sk-ai-feed': {\r\n    '@apply mt-8 p-16 pb-24 pr-16 h-auto overflow-y-auto max-h-full flex flex-col': {},\r\n    '&-entry': {\r\n      '@apply flex items-start gap-12': {},\r\n      '&-avatar': {\r\n        '@apply grow-0 shrink-0 w-fit': {},\r\n      },\r\n      '&-container': {\r\n        '@apply flex flex-col pb-20 gap-20': {},\r\n      },\r\n      '&-content': {\r\n        '@apply break-words max-w-full flex flex-col grow gap-4': {},\r\n      },\r\n      '&-heading': {\r\n        '@apply text-large font-bold': {},\r\n      },\r\n      '&-references': {\r\n        '@apply bg-background-200 rounded-button pt-8 pb-8 pl-20 pr-12 gap-8 text-dark-primary': {},\r\n        '&-header': {\r\n          '@apply text-dark-primary': {},\r\n        },\r\n        '&-list': {\r\n          '&-item': {\r\n            '@apply max-w-full w-full my-8 rounded-6 whitespace-normal text-base': {},\r\n            '.sk-link': {\r\n              '@apply dark:text-dark-primary': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,MAAM,GAAGA,CAAA,MAAO;EAC3B,aAAa,EAAE;IACb,8EAA8E,EAAE,CAAC,CAAC;IAClF,SAAS,EAAE;MACT,gCAAgC,EAAE,CAAC,CAAC;MACpC,UAAU,EAAE;QACV,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACD,aAAa,EAAE;QACb,mCAAmC,EAAE,CAAC;MACxC,CAAC;MACD,WAAW,EAAE;QACX,wDAAwD,EAAE,CAAC;MAC7D,CAAC;MACD,WAAW,EAAE;QACX,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,cAAc,EAAE;QACd,uFAAuF,EAAE,CAAC,CAAC;QAC3F,UAAU,EAAE;UACV,0BAA0B,EAAE,CAAC;QAC/B,CAAC;QACD,QAAQ,EAAE;UACR,QAAQ,EAAE;YACR,qEAAqE,EAAE,CAAC,CAAC;YACzE,UAAU,EAAE;cACV,+BAA+B,EAAE,CAAC;YACpC;UACF;QACF;MACF;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/ai/ai-module.js

@@ -0,0 +1,111 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+export var AIModule = colors => ({
+  '.sk-ai-module': {
+    '@apply fixed': {},
+    '@apply flex flex-col gap-0 items-center justify-start': {},
+    '@apply shadow-200': {},
+    '@apply overflow-hidden': {},
+    '@apply transition-all': {},
+    '@apply bottom-0 right-0': {},
+    '&-content': {
+      '@apply flex w-full gap-0 h-full justify-between': {},
+      '&-row': {
+        '@apply flex flex-col': {}
+      }
+    },
+    '&-sidebar': {
+      '@apply flex flex-col': {},
+      '@apply min-w-[22em]': {},
+      '@apply h-full': {},
+      '@apply border-r-1 border-r-divider': {},
+      '@apply pt-20 px-24 gap-16': {}
+    },
+    '&-feed': {
+      '@apply flex flex-col grow': {},
+      '@apply px-16 pt-16 pb-24 gap-16': {},
+      '&-questions': {
+        '@apply flex flex-col gap-8 w-full': {},
+        '&-title': {
+          '@apply text-label-medium text-dark-primary': {}
+        },
+        '&-wrapper': {
+          '@apply flex flex-col gap-16 w-full': {}
+        }
+      }
+    },
+    '&[data-fullscreen="false"]': {
+      '@apply rounded-tl-groups': {},
+      '@apply max-w-[26em]': {}
+    },
+    '&[data-fullscreen="true"]': {
+      '@apply w-full h-full': {},
+      '.sk-ai-module-feed': {
+        '@apply gap-40 grow w-full items-center': {},
+        '&-questions': {
+          '@apply flex-row gap-16': {}
+        }
+      }
+    },
+    '&-header': _extends({
+      '@apply flex items-center justify-between': {},
+      '@apply w-full': {},
+      '@apply px-14 py-16': {},
+      '@apply transition-all': {},
+      '@apply bg-inverted-background-content': {},
+      '@apply text-inverted-dark-primary': {},
+      '&[data-docked="true"]': {
+        '@apply px-12 pt-10 pb-12': {}
+      },
+      '&-title': {
+        '@apply flex justify-start items-center': {},
+        '@apply gap-12 pr-16': {}
+      },
+      '&-heading': {
+        '@apply flex flex-col gap-0': {},
+        '&-name': {
+          '@apply text-label-medium': {}
+        },
+        '&-subtitle': {
+          '@apply text-small text-inverted-dark-secondary': {}
+        }
+      },
+      '&-menu': {
+        '@apply flex justify-center items-center': {},
+        '@apply gap-12': {}
+      },
+      '&[data-variant="alt"]': {
+        '@apply p-0': {},
+        '@apply bg-transparent': {},
+        '.sk-avatar': {
+          '@apply w-56 h-56': {}
+        },
+        '.sk-ai-module-header-heading-name': {
+          '@apply text-label-large text-dark-primary': {}
+        },
+        '.sk-ai-module-header-heading-subtitle': {
+          '@apply text-small text-dark-secondary': {}
+        }
+      }
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-" + color + "-surface-primary"]: {}
+      }
+    }), {}), {
+      '&[data-fullscreen="true"]': {
+        '@apply bg-background-content': {},
+        '@apply text-dark-primary': {},
+        '@apply px-20 pt-20 pb-12': {}
+      }
+    }),
+    '&-sessions': {
+      '@apply px-20': {},
+      '&-history': {
+        '@apply flex flex-col p-8 gap-16': {},
+        '&-list': {
+          '@apply flex flex-col p-0 gap-8': {}
+        }
+      }
+    }
+  }
+});
+//# sourceMappingURL=ai-module.js.map

package/dist/esm/components/ai/ai-module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-module.js","names":["AIModule","colors","_extends","reduce","styles","color"],"sources":["../../../../src/components/ai/ai-module.ts"],"sourcesContent":["export const AIModule = (colors: string[]) => ({\r\n  '.sk-ai-module': {\r\n    '@apply fixed': {},\r\n    '@apply flex flex-col gap-0 items-center justify-start': {},\r\n    '@apply shadow-200': {},\r\n    '@apply overflow-hidden': {},\r\n    '@apply transition-all': {},\r\n    '@apply bottom-0 right-0': {},\r\n\r\n    '&-content': {\r\n      '@apply flex w-full gap-0 h-full justify-between': {},\r\n      '&-row': {\r\n        '@apply flex flex-col': {},\r\n      },\r\n    },\r\n\r\n    '&-sidebar': {\r\n      '@apply flex flex-col': {},\r\n      '@apply min-w-[22em]': {},\r\n      '@apply h-full': {},\r\n      '@apply border-r-1 border-r-divider': {},\r\n      '@apply pt-20 px-24 gap-16': {},\r\n    },\r\n    '&-feed': {\r\n      '@apply flex flex-col grow': {},\r\n      '@apply px-16 pt-16 pb-24 gap-16': {},\r\n      '&-questions': {\r\n        '@apply flex flex-col gap-8 w-full': {},\r\n        '&-title': {\r\n          '@apply text-label-medium text-dark-primary': {},\r\n        },\r\n        '&-wrapper': {\r\n          '@apply flex flex-col gap-16 w-full': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-fullscreen=\"false\"]': {\r\n      '@apply rounded-tl-groups': {},\r\n      '@apply max-w-[26em]': {},\r\n    },\r\n    '&[data-fullscreen=\"true\"]': {\r\n      '@apply w-full h-full': {},\r\n      '.sk-ai-module-feed': {\r\n        '@apply gap-40 grow w-full items-center': {},\r\n        '&-questions': {\r\n          '@apply flex-row gap-16': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-header': {\r\n      '@apply flex items-center justify-between': {},\r\n      '@apply w-full': {},\r\n      '@apply px-14 py-16': {},\r\n      '@apply transition-all': {},\r\n      '@apply bg-inverted-background-content': {},\r\n      '@apply text-inverted-dark-primary': {},\r\n\r\n      '&[data-docked=\"true\"]': {\r\n        '@apply px-12 pt-10 pb-12': {},\r\n      },\r\n\r\n      '&-title': {\r\n        '@apply flex justify-start items-center': {},\r\n        '@apply gap-12 pr-16': {},\r\n      },\r\n      '&-heading': {\r\n        '@apply flex flex-col gap-0': {},\r\n        '&-name': {\r\n          '@apply text-label-medium': {},\r\n        },\r\n        '&-subtitle': {\r\n          '@apply text-small text-inverted-dark-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&-menu': {\r\n        '@apply flex justify-center items-center': {},\r\n        '@apply gap-12': {},\r\n      },\r\n\r\n      '&[data-variant=\"alt\"]': {\r\n        '@apply p-0': {},\r\n        '@apply bg-transparent': {},\r\n        '.sk-avatar': {\r\n          '@apply w-56 h-56': {},\r\n        },\r\n        '.sk-ai-module-header-heading-name': {\r\n          '@apply text-label-large text-dark-primary': {},\r\n        },\r\n        '.sk-ai-module-header-heading-subtitle': {\r\n          '@apply text-small text-dark-secondary': {},\r\n        },\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n      '&[data-fullscreen=\"true\"]': {\r\n        '@apply bg-background-content': {},\r\n        '@apply text-dark-primary': {},\r\n        '@apply px-20 pt-20 pb-12': {},\r\n      },\r\n    },\r\n    '&-sessions': {\r\n      '@apply px-20': {},\r\n      '&-history': {\r\n        '@apply flex flex-col p-8 gap-16': {},\r\n        '&-list': {\r\n          '@apply flex flex-col p-0 gap-8': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/ai/assistant-presentation.js

@@ -0,0 +1,50 @@
+export var AssistantPresentation = () => ({
+  '.sk-ai-assistant-presentation': {
+    '@apply flex flex-col gap-16 items-center justify-center': {},
+    '@apply text-base': {},
+    '&-header': {
+      '@apply flex flex-col items-center justify-start': {},
+      '&-title': {
+        '@apply text-dark-primary text-center w-full': {}
+      },
+      '&-description': {
+        '@apply text-dark-secondary text-center w-full': {}
+      }
+    },
+    '&[data-size="lg"]': {
+      '@apply min-h-[25.5em] h-full grow': {},
+      '@apply p-24': {},
+      '@apply max-w-[27em]': {},
+      '.sk-avatar': {
+        '@apply w-90-1 h-90-1': {},
+        '@apply max-w-90-1 max-h-90-1': {}
+      },
+      '.sk-ai-assistant-presentation-header': {
+        '@apply gap-6 pb-24': {},
+        '&-title': {
+          '@apply text-h3-lg': {}
+        },
+        '&-description': {
+          '@apply text-lead': {}
+        }
+      }
+    },
+    '&[data-size="sm"]': {
+      '@apply min-h-[24em]': {},
+      '.sk-avatar': {
+        '@apply w-72 h-72': {},
+        '@apply max-w-72 max-h-72': {}
+      },
+      '.sk-ai-assistant-presentation-header': {
+        '@apply gap-4 pb-16': {},
+        '&-title': {
+          '@apply text-h3-md': {}
+        },
+        '&-description': {
+          '@apply text-small': {}
+        }
+      }
+    }
+  }
+});
+//# sourceMappingURL=assistant-presentation.js.map

package/dist/esm/components/ai/assistant-presentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assistant-presentation.js","names":["AssistantPresentation"],"sources":["../../../../src/components/ai/assistant-presentation.ts"],"sourcesContent":["export const AssistantPresentation = () => ({\r\n  '.sk-ai-assistant-presentation': {\r\n    '@apply flex flex-col gap-16 items-center justify-center': {},\r\n    '@apply text-base': {},\r\n\r\n    '&-header': {\r\n      '@apply flex flex-col items-center justify-start': {},\r\n      '&-title': {\r\n        '@apply text-dark-primary text-center w-full': {},\r\n      },\r\n      '&-description': {\r\n        '@apply text-dark-secondary text-center w-full': {},\r\n      },\r\n    },\r\n\r\n    '&[data-size=\"lg\"]': {\r\n      '@apply min-h-[25.5em] h-full grow': {},\r\n      '@apply p-24': {},\r\n      '@apply max-w-[27em]': {},\r\n\r\n      '.sk-avatar': {\r\n        '@apply w-90-1 h-90-1': {},\r\n        '@apply max-w-90-1 max-h-90-1': {},\r\n      },\r\n      '.sk-ai-assistant-presentation-header': {\r\n        '@apply gap-6 pb-24': {},\r\n        '&-title': {\r\n          '@apply text-h3-lg': {},\r\n        },\r\n        '&-description': {\r\n          '@apply text-lead': {},\r\n        },\r\n      },\r\n    },\r\n    '&[data-size=\"sm\"]': {\r\n      '@apply min-h-[24em]': {},\r\n      '.sk-avatar': {\r\n        '@apply w-72 h-72': {},\r\n        '@apply max-w-72 max-h-72': {},\r\n      },\r\n      '.sk-ai-assistant-presentation-header': {\r\n        '@apply gap-4 pb-16': {},\r\n        '&-title': {\r\n          '@apply text-h3-md': {},\r\n        },\r\n        '&-description': {\r\n          '@apply text-small': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,qBAAqB,GAAGA,CAAA,MAAO;EAC1C,+BAA+B,EAAE;IAC/B,yDAAyD,EAAE,CAAC,CAAC;IAC7D,kBAAkB,EAAE,CAAC,CAAC;IAEtB,UAAU,EAAE;MACV,iDAAiD,EAAE,CAAC,CAAC;MACrD,SAAS,EAAE;QACT,6CAA6C,EAAE,CAAC;MAClD,CAAC;MACD,eAAe,EAAE;QACf,+CAA+C,EAAE,CAAC;MACpD;IACF,CAAC;IAED,mBAAmB,EAAE;MACnB,mCAAmC,EAAE,CAAC,CAAC;MACvC,aAAa,EAAE,CAAC,CAAC;MACjB,qBAAqB,EAAE,CAAC,CAAC;MAEzB,YAAY,EAAE;QACZ,sBAAsB,EAAE,CAAC,CAAC;QAC1B,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACD,sCAAsC,EAAE;QACtC,oBAAoB,EAAE,CAAC,CAAC;QACxB,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,eAAe,EAAE;UACf,kBAAkB,EAAE,CAAC;QACvB;MACF;IACF,CAAC;IACD,mBAAmB,EAAE;MACnB,qBAAqB,EAAE,CAAC,CAAC;MACzB,YAAY,EAAE;QACZ,kBAAkB,EAAE,CAAC,CAAC;QACtB,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,sCAAsC,EAAE;QACtC,oBAAoB,EAAE,CAAC,CAAC;QACxB,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,eAAe,EAAE;UACf,mBAAmB,EAAE,CAAC;QACxB;MACF;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/ai/bubble.js

@@ -0,0 +1,45 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+export var Bubble = colors => ({
+  '.sk-ai-bubble': _extends({
+    '@apply inline-flex text-left items-center justify-start': {},
+    '@apply w-fit': {},
+    '@apply relative': {},
+    '@apply rounded-t-button rounded-br-button': {},
+    '@apply pt-10 pr-12 pb-10 pl-14': {},
+    '@apply gap-16': {},
+    '@apply shadow-[0_0.1rem_0_0_rgba(0,0,0,0.2)]': {},
+    '@apply text-small': {},
+    '@apply text-dark-secondary': {}
+  }, colors.reduce((styles, color) => _extends({}, styles, {
+    ["&[data-color=\"" + color + "\"]"]: {
+      ["@apply bg-" + color + "-surface-accent hover:bg-" + color + "-surface-accent-hover"]: {},
+      '.sk-ai-bubble-tail': {
+        ["@apply shadow-" + color + "-surface-accent"]: {}
+      },
+      '&:hover': {
+        '.sk-ai-bubble-tail': {
+          ["@apply shadow-" + color + "-surface-accent-hover"]: {}
+        }
+      }
+    }
+  }), {}), {
+    '&-tail': {
+      '@apply absolute left-0 bottom-[-2rem]': {},
+      '@apply w-32 h-32': {},
+      '@apply rounded-tl-16 rounded-bl-0': {},
+      '@apply bg-transparent': {},
+      '@apply shadow-[0_-1.6rem_0_0_var(--tw-shadow-color)]': {},
+      '@apply scale-y-[25%]': {},
+      '&:before': {
+        '@apply content-[""]': {},
+        '@apply absolute left-0 bottom-[-0.25rem]': {},
+        '@apply w-32 h-32': {},
+        '@apply rounded-tl-16 rounded-bl-0': {},
+        '@apply bg-transparent': {},
+        '@apply shadow-[0_-0.25rem_0_0_rgb(0,0,0,0.2)]': {},
+        'clip-path': 'polygon(0 0, 0 1.6rem, 0.4rem 1.6rem, 0.95rem 0)'
+      }
+    }
+  })
+});
+//# sourceMappingURL=bubble.js.map

package/dist/esm/components/ai/bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble.js","names":["Bubble","colors","_extends","reduce","styles","color"],"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n  '.sk-ai-bubble': {\r\n    '@apply inline-flex text-left items-center justify-start': {},\r\n    '@apply w-fit': {},\r\n    '@apply relative': {},\r\n    '@apply rounded-t-button rounded-br-button': {},\r\n    '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n    '@apply gap-16': {},\r\n    '@apply shadow-[0_0.1rem_0_0_rgba(0,0,0,0.2)]': {},\r\n    '@apply text-small': {},\r\n    '@apply text-dark-secondary': {},\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-accent hover:bg-${color}-surface-accent-hover`]: {},\r\n          '.sk-ai-bubble-tail': {\r\n            [`@apply shadow-${color}-surface-accent`]: {},\r\n          },\r\n          '&:hover': {\r\n            '.sk-ai-bubble-tail': {\r\n              [`@apply shadow-${color}-surface-accent-hover`]: {},\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&-tail': {\r\n      '@apply absolute left-0 bottom-[-2rem]': {},\r\n      '@apply w-32 h-32': {},\r\n      '@apply rounded-tl-16 rounded-bl-0': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply shadow-[0_-1.6rem_0_0_var(--tw-shadow-color)]': {},\r\n      '@apply scale-y-[25%]': {},\r\n      '&:before': {\r\n        '@apply content-[\"\"]': {},\r\n        '@apply absolute left-0 bottom-[-0.25rem]': {},\r\n        '@apply w-32 h-32': {},\r\n        '@apply rounded-tl-16 rounded-bl-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply shadow-[0_-0.25rem_0_0_rgb(0,0,0,0.2)]': {},\r\n        'clip-path': 'polygon(0 0, 0 1.6rem, 0.4rem 1.6rem, 0.95rem 0)',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,MAAM,GAAIC,MAAgB,KAAM;EAC3C,eAAe,EAAAC,QAAA;IACb,yDAAyD,EAAE,CAAC,CAAC;IAC7D,cAAc,EAAE,CAAC,CAAC;IAClB,iBAAiB,EAAE,CAAC,CAAC;IACrB,2CAA2C,EAAE,CAAC,CAAC;IAC/C,gCAAgC,EAAE,CAAC,CAAC;IACpC,eAAe,EAAE,CAAC,CAAC;IACnB,8CAA8C,EAAE,CAAC,CAAC;IAClD,mBAAmB,EAAE,CAAC,CAAC;IACvB,4BAA4B,EAAE,CAAC;EAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IAET,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,iCAA4BA,KAAK,6BAA0B,CAAC,CAAC;MAChF,oBAAoB,EAAE;QACpB,oBAAkBA,KAAK,uBAAoB,CAAC;MAC9C,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE;UACpB,oBAAkBA,KAAK,6BAA0B,CAAC;QACpD;MACF;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,QAAQ,EAAE;MACR,uCAAuC,EAAE,CAAC,CAAC;MAC3C,kBAAkB,EAAE,CAAC,CAAC;MACtB,mCAAmC,EAAE,CAAC,CAAC;MACvC,uBAAuB,EAAE,CAAC,CAAC;MAC3B,sDAAsD,EAAE,CAAC,CAAC;MAC1D,sBAAsB,EAAE,CAAC,CAAC;MAC1B,UAAU,EAAE;QACV,qBAAqB,EAAE,CAAC,CAAC;QACzB,0CAA0C,EAAE,CAAC,CAAC;QAC9C,kBAAkB,EAAE,CAAC,CAAC;QACtB,mCAAmC,EAAE,CAAC,CAAC;QACvC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,+CAA+C,EAAE,CAAC,CAAC;QACnD,WAAW,EAAE;MACf;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/ai/feedback.js

@@ -0,0 +1,20 @@
+export var Feedback = () => ({
+  '.sk-ai-feedback': {
+    '@apply ml-24 flex gap-24 justify-end': {},
+    '&-button': {
+      '&[data-current="true"]': {
+        '@apply bg-tertiary-surface-hover': {}
+      }
+    },
+    '&-more': {
+      '@apply flex flex-col gap-8 pl-14 pr-8 pt-8 pb-14 bg-background-color-mixin-1 text-dark-primary rounded-button': {},
+      '&-header': {
+        '@apply flex flex-row items-center justify-between text-label-small': {}
+      },
+      '&-reason': {
+        '@apply flex flex-row items-center gap-8 justify-start': {}
+      }
+    }
+  }
+});
+//# sourceMappingURL=feedback.js.map

package/dist/esm/components/ai/feedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback.js","names":["Feedback"],"sources":["../../../../src/components/ai/feedback.ts"],"sourcesContent":["export const Feedback = () => ({\r\n  '.sk-ai-feedback': {\r\n    '@apply ml-24 flex gap-24 justify-end': {},\r\n    '&-button': {\r\n      '&[data-current=\"true\"]': {\r\n        '@apply bg-tertiary-surface-hover': {},\r\n      },\r\n    },\r\n    '&-more': {\r\n      '@apply flex flex-col gap-8 pl-14 pr-8 pt-8 pb-14 bg-background-color-mixin-1 text-dark-primary rounded-button':\r\n        {},\r\n      '&-header': {\r\n        '@apply flex flex-row items-center justify-between text-label-small': {},\r\n      },\r\n      '&-reason': {\r\n        '@apply flex flex-row items-center gap-8 justify-start': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,iBAAiB,EAAE;IACjB,sCAAsC,EAAE,CAAC,CAAC;IAC1C,UAAU,EAAE;MACV,wBAAwB,EAAE;QACxB,kCAAkC,EAAE,CAAC;MACvC;IACF,CAAC;IACD,QAAQ,EAAE;MACR,+GAA+G,EAC7G,CAAC,CAAC;MACJ,UAAU,EAAE;QACV,oEAAoE,EAAE,CAAC;MACzE,CAAC;MACD,UAAU,EAAE;QACV,uDAAuD,EAAE,CAAC;MAC5D;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/ai/input-section.js

@@ -0,0 +1,17 @@
+export var InputSection = () => ({
+  '.sk-ai-inputsection': {
+    '@apply w-full': {},
+    '&-input': {
+      '@apply w-full': {}
+    },
+    '&-wrapper': {
+      '@apply bg-background-content': {},
+      '@apply flex items-center justify-center w-full': {},
+      '@apply px-16 py-12 gap-12': {},
+      '&[data-shadow="true"]': {
+        '@apply shadow-100': {}
+      }
+    }
+  }
+});
+//# sourceMappingURL=input-section.js.map

package/dist/esm/components/ai/input-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-section.js","names":["InputSection"],"sources":["../../../../src/components/ai/input-section.ts"],"sourcesContent":["export const InputSection = () => ({\r\n  '.sk-ai-inputsection': {\r\n    '@apply w-full': {},\r\n    '&-input': {\r\n      '@apply w-full': {},\r\n    },\r\n    '&-wrapper': {\r\n      '@apply bg-background-content': {},\r\n      '@apply flex items-center justify-center w-full': {},\r\n      '@apply px-16 py-12 gap-12': {},\r\n      '&[data-shadow=\"true\"]': {\r\n        '@apply shadow-100': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,YAAY,GAAGA,CAAA,MAAO;EACjC,qBAAqB,EAAE;IACrB,eAAe,EAAE,CAAC,CAAC;IACnB,SAAS,EAAE;MACT,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,WAAW,EAAE;MACX,8BAA8B,EAAE,CAAC,CAAC;MAClC,gDAAgD,EAAE,CAAC,CAAC;MACpD,2BAA2B,EAAE,CAAC,CAAC;MAC/B,uBAAuB,EAAE;QACvB,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/ai/markdown-rendered.js

@@ -0,0 +1,21 @@
+export var MarkdownRendered = () => ({
+  '.sk-ai-markdown': {
+    '@apply flex flex-col gap-32': {},
+    '&-p': {
+      '@apply mb-32 my-0': {}
+    },
+    '&-a': {
+      '@apply my-8': {}
+    },
+    '&-ol': {
+      '@apply list-decimal ml-24 my-0': {}
+    },
+    '&-ul': {
+      '@apply list-disc ml-24 my-0': {}
+    },
+    '&-li': {
+      '@apply my-16': {}
+    }
+  }
+});
+//# sourceMappingURL=markdown-rendered.js.map

package/dist/esm/components/ai/markdown-rendered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-rendered.js","names":["MarkdownRendered"],"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n  '.sk-ai-markdown': {\r\n    '@apply flex flex-col gap-32': {},\r\n    '&-p': {\r\n      '@apply mb-32 my-0': {},\r\n    },\r\n    '&-a': {\r\n      '@apply my-8': {},\r\n    },\r\n    '&-ol': {\r\n      '@apply list-decimal ml-24 my-0': {},\r\n    },\r\n    '&-ul': {\r\n      '@apply list-disc ml-24 my-0': {},\r\n    },\r\n    '&-li': {\r\n      '@apply my-16': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,gBAAgB,GAAGA,CAAA,MAAO;EACrC,iBAAiB,EAAE;IACjB,6BAA6B,EAAE,CAAC,CAAC;IACjC,KAAK,EAAE;MACL,mBAAmB,EAAE,CAAC;IACxB,CAAC;IACD,KAAK,EAAE;MACL,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,MAAM,EAAE;MACN,gCAAgC,EAAE,CAAC;IACrC,CAAC;IACD,MAAM,EAAE;MACN,6BAA6B,EAAE,CAAC;IAClC,CAAC;IACD,MAAM,EAAE;MACN,cAAc,EAAE,CAAC;IACnB;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/ai/typing-bubble.js

@@ -0,0 +1,16 @@
+export var TypingBubble = () => ({
+  '.sk-ai-typing-bubble': {
+    '@apply inline-flex items-center justify-center': {},
+    '@apply p-12 gap-8 w-min': {},
+    '@apply bg-tertiary-surface': {},
+    '@apply text-dark-secondary': {},
+    '@apply rounded-button': {},
+    '&[data-position="left"]': {
+      '@apply rounded-br-0': {}
+    },
+    '&[data-position="right"]': {
+      '@apply rounded-bl-0': {}
+    }
+  }
+});
+//# sourceMappingURL=typing-bubble.js.map

package/dist/esm/components/ai/typing-bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typing-bubble.js","names":["TypingBubble"],"sources":["../../../../src/components/ai/typing-bubble.ts"],"sourcesContent":["export const TypingBubble = () => ({\r\n  '.sk-ai-typing-bubble': {\r\n    '@apply inline-flex items-center justify-center': {},\r\n    '@apply p-12 gap-8 w-min': {},\r\n    '@apply bg-tertiary-surface': {},\r\n    '@apply text-dark-secondary': {},\r\n    '@apply rounded-button': {},\r\n    '&[data-position=\"left\"]': {\r\n      '@apply rounded-br-0': {},\r\n    },\r\n    '&[data-position=\"right\"]': {\r\n      '@apply rounded-bl-0': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,YAAY,GAAGA,CAAA,MAAO;EACjC,sBAAsB,EAAE;IACtB,gDAAgD,EAAE,CAAC,CAAC;IACpD,yBAAyB,EAAE,CAAC,CAAC;IAC7B,4BAA4B,EAAE,CAAC,CAAC;IAChC,4BAA4B,EAAE,CAAC,CAAC;IAChC,uBAAuB,EAAE,CAAC,CAAC;IAC3B,yBAAyB,EAAE;MACzB,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,0BAA0B,EAAE;MAC1B,qBAAqB,EAAE,CAAC;IAC1B;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/ai/typing-sequence.js

@@ -0,0 +1,28 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+export var TypingSequence = colors => ({
+  '.sk-ai-typing-sequence': {
+    '@apply bg-transparent': {},
+    '@apply inline-flex': {},
+    '@apply h-[0.5rem] w-fit gap-6': {},
+    '&-dot': _extends({
+      '@apply rounded-full': {},
+      '@apply block': {},
+      '@apply w-[0.5rem] h-[0.5rem]': {},
+      '@apply bg-dark-secondary': {},
+      '&[data-order="1"]': {
+        '@apply animate-typing-bounce-1': {}
+      },
+      '&[data-order="2"]': {
+        '@apply animate-typing-bounce-2': {}
+      },
+      '&[data-order="3"]': {
+        '@apply animate-typing-bounce-3': {}
+      }
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-" + color + "-surface-primary"]: {}
+      }
+    }), {}))
+  }
+});
+//# sourceMappingURL=typing-sequence.js.map

package/dist/esm/components/ai/typing-sequence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typing-sequence.js","names":["TypingSequence","colors","_extends","reduce","styles","color"],"sources":["../../../../src/components/ai/typing-sequence.ts"],"sourcesContent":["export const TypingSequence = (colors: string[]) => ({\r\n  '.sk-ai-typing-sequence': {\r\n    '@apply bg-transparent': {},\r\n    '@apply inline-flex': {},\r\n    '@apply h-[0.5rem] w-fit gap-6': {},\r\n    '&-dot': {\r\n      '@apply rounded-full': {},\r\n      '@apply block': {},\r\n      '@apply w-[0.5rem] h-[0.5rem]': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&[data-order=\"1\"]': {\r\n        '@apply animate-typing-bounce-1': {},\r\n      },\r\n      '&[data-order=\"2\"]': {\r\n        '@apply animate-typing-bounce-2': {},\r\n      },\r\n      '&[data-order=\"3\"]': {\r\n        '@apply animate-typing-bounce-3': {},\r\n      },\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,cAAc,GAAIC,MAAgB,KAAM;EACnD,wBAAwB,EAAE;IACxB,uBAAuB,EAAE,CAAC,CAAC;IAC3B,oBAAoB,EAAE,CAAC,CAAC;IACxB,+BAA+B,EAAE,CAAC,CAAC;IACnC,OAAO,EAAAC,QAAA;MACL,qBAAqB,EAAE,CAAC,CAAC;MACzB,cAAc,EAAE,CAAC,CAAC;MAClB,8BAA8B,EAAE,CAAC,CAAC;MAClC,0BAA0B,EAAE,CAAC,CAAC;MAC9B,mBAAmB,EAAE;QACnB,gCAAgC,EAAE,CAAC;MACrC,CAAC;MACD,mBAAmB,EAAE;QACnB,gCAAgC,EAAE,CAAC;MACrC,CAAC;MACD,mBAAmB,EAAE;QACnB,gCAAgC,EAAE,CAAC;MACrC;IAAC,GACED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MAET,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,wBAAqB,CAAC;MAC3C;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/alert-banner.js

@@ -0,0 +1,24 @@
+module.exports = Modal = () => ({
+  '.alert-banner': {
+    '@apply p-md': {},
+    '&-content': {
+      '@apply w-full m-auto flex': {},
+      '&-wrapper': {
+        '@apply flex-grow flex': {}
+      }
+    },
+    '&-icon': {
+      '@apply mr-[10px]': {}
+    },
+    '&-children': {
+      '@apply w-full underline inline-block max-w-[800px] text-body text-base': {}
+    },
+    '&-close': {
+      '@apply p-4 -m-4 flex flex-col': {}
+    }
+  },
+  '.tab': {
+    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {}
+  }
+});
+//# sourceMappingURL=alert-banner.js.map

package/dist/esm/components/alert-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-banner.js","names":["module","exports","Modal"],"sources":["../../../src/components/alert-banner.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.alert-banner': {\r\n    '@apply p-md': {},\r\n\r\n    '&-content': {\r\n      '@apply w-full m-auto flex': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex-grow flex': {},\r\n      },\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply mr-[10px]': {},\r\n    },\r\n\r\n    '&-children': {\r\n      '@apply w-full underline inline-block max-w-[800px] text-body text-base': {},\r\n    },\r\n\r\n    '&-close': {\r\n      '@apply p-4 -m-4 flex flex-col': {},\r\n    },\r\n  },\r\n\r\n  '.tab': {\r\n    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAGA,CAAA,MAAO;EAC9B,eAAe,EAAE;IACf,aAAa,EAAE,CAAC,CAAC;IAEjB,WAAW,EAAE;MACX,2BAA2B,EAAE,CAAC,CAAC;MAE/B,WAAW,EAAE;QACX,uBAAuB,EAAE,CAAC;MAC5B;IACF,CAAC;IAED,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,YAAY,EAAE;MACZ,wEAAwE,EAAE,CAAC;IAC7E,CAAC;IAED,SAAS,EAAE;MACT,+BAA+B,EAAE,CAAC;IACpC;EACF,CAAC;EAED,MAAM,EAAE;IACN,sGAAsG,EAAE,CAAC;EAC3G;AACF,CAAC,CAAC"}