@sk-web-gui/core 4.1.1 → 4.2.0

package/dist/cjs/components/input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\r\n    '@apply border-1': {},\r\n    '@apply border-input-field-outline': {},\r\n    '@apply hover:border-input-field-outline-hover': {},\r\n\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-input-field-surface': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply hover:border-input-field-outline-disabled': {},\r\n      '@apply text-dark-disabled': {},\r\n    },\r\n\r\n    //readOnly\r\n    '&:read-only': {\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply placeholder:text-dark-secondary': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-16 h-16': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction addon() {\r\n  return {\r\n    '&-addon': {\r\n      '@apply flex flex-none relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-input-field-surface': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:border-input-field-surface': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n        '@apply h-48': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n        '@apply h-40': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n        '@apply h-32': {},\r\n      },\r\n      '&&-left': {\r\n        '@apply rounded-r-0': {},\r\n        '@apply border-r-0': {},\r\n      },\r\n      '&&-right': {\r\n        '@apply rounded-l-0': {},\r\n        '@apply border-l-0': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n      '.sk-form-select': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0 hover:border-0': {},\r\n        '@apply focus:ring-0 focus:z-10': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent hover:bg-transparent': {},\r\n        '@apply dark:bg-transparent hover:dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n      '&&-left .sk-form-select': {\r\n        '@apply border-r-1 border-r-divider': {},\r\n        '@apply focus:border-r-transparent': {},\r\n      },\r\n      '&&-right .sk-form-select': {\r\n        '@apply border-l-1 border-l-divider': {},\r\n        '@apply focus:border-l-transparent': {},\r\n      },\r\n      '.sk-form-combobox': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus-within:ring-0': {},\r\n        '@apply focus-within:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n      },\r\n      '&&-left .sk-form-combobox': {\r\n        '@apply border-r-1 border-r-divider': {},\r\n        '@apply focus:border-r-transparent': {},\r\n      },\r\n      '&&-right .sk-form-combobox': {\r\n        '@apply border-l-1 border-l-divider': {},\r\n        '@apply focus:border-l-transparent': {},\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '&-outer': {\r\n        '@apply flex gap-0 max-w-full': {},\r\n        '&[data-hasleftaddon=\"true\"]': {\r\n          '.sk-form-input, .sk-form-input-group-inner': {\r\n            '@apply rounded-l-0': {},\r\n            '@apply border-l-0': {},\r\n          },\r\n        },\r\n        '&[data-hasrightaddon=\"true\"]': {\r\n          '.sk-form-input, .sk-form-input-group-inner': {\r\n            '@apply rounded-r-0': {},\r\n            '@apply border-r-0': {},\r\n          },\r\n        },\r\n      },\r\n      '&-inner': {\r\n        '@apply flex relative grow': {},\r\n        '@apply items-center': {},\r\n        '@apply focus-within:ring': {},\r\n        '@apply focus-within:ring-ring': {},\r\n        '@apply text-dark-secondary': {},\r\n        //Focus\r\n        '@apply focus-within:border-input-field-surface': {},\r\n\r\n        '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n          '@apply focus-within:border-input-field-surface': {},\r\n        },\r\n\r\n        '&&-lg': {\r\n          '@apply text-input-large': {},\r\n          '@apply rounded-button-lg': {},\r\n          '@apply h-48': {},\r\n        },\r\n        '&&-md': {\r\n          '@apply text-input-medium': {},\r\n          '@apply rounded-button-md': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '&&-sm': {\r\n          '@apply text-input-small': {},\r\n          '@apply rounded-button-sm': {},\r\n          '@apply h-32': {},\r\n        },\r\n\r\n        ...inputStandards(),\r\n        '.sk-form-input': {\r\n          '@apply rounded-0': {},\r\n          '@apply border-0': {},\r\n          '@apply focus:ring-0': {},\r\n          '@apply focus:ring-offset-0': {},\r\n          '@apply bg-transparent': {},\r\n          '@apply dark:bg-transparent': {},\r\n          '@apply grow': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-16 h-16': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-18 h-18': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-20 h-20': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-11': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-48': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-7': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-40': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-5': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-32': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n      '&-warning': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-input-field-surface': {},\r\n    '@apply focus-within:ring': {},\r\n    '@apply focus-within:ring-ring': {},\r\n    '@apply focus-within:ring-offset': {},\r\n    '@apply focus-within:border-input-field-surface': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-input-field-surface': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n    ...addon(),\r\n  },\r\n});\r\n"],"names":["Input","calendar","clock","inputStandards","addin","svg","addon","inputGroup","timeAndDatePicker","mask","maskSize","display","margin"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\r\n    '@apply border-1': {},\r\n    '@apply border-input-field-outline': {},\r\n    '@apply hover:border-input-field-outline-hover': {},\r\n\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-input-field-surface': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply hover:border-input-field-outline-disabled': {},\r\n      '@apply text-dark-disabled': {},\r\n    },\r\n\r\n    //readOnly\r\n    '&:read-only': {\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply placeholder:text-dark-secondary': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-16 h-16': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction addon() {\r\n  return {\r\n    '&-addon': {\r\n      '@apply flex flex-none relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-input-field-surface': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:border-input-field-surface': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n        '@apply h-48': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n        '@apply h-40': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n        '@apply h-32': {},\r\n      },\r\n      '&&-left': {\r\n        '@apply rounded-r-0': {},\r\n        '@apply border-r-0': {},\r\n      },\r\n      '&&-right': {\r\n        '@apply rounded-l-0': {},\r\n        '@apply border-l-0': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n      '.sk-form-select': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0 hover:border-0': {},\r\n        '@apply focus:ring-0 focus:z-10': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent hover:bg-transparent': {},\r\n        '@apply dark:bg-transparent hover:dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n      '&&-left .sk-form-select': {\r\n        '@apply border-r-1 border-r-divider': {},\r\n        '@apply focus:border-r-transparent': {},\r\n      },\r\n      '&&-right .sk-form-select': {\r\n        '@apply border-l-1 border-l-divider': {},\r\n        '@apply focus:border-l-transparent': {},\r\n      },\r\n      '.sk-form-combobox': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus-within:ring-0': {},\r\n        '@apply focus-within:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n      },\r\n      '&&-left .sk-form-combobox': {\r\n        '@apply border-r-1 border-r-divider': {},\r\n        '@apply focus:border-r-transparent': {},\r\n      },\r\n      '&&-right .sk-form-combobox': {\r\n        '@apply border-l-1 border-l-divider': {},\r\n        '@apply focus:border-l-transparent': {},\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '&-outer': {\r\n        '@apply flex gap-0 max-w-full': {},\r\n        '&[data-hasleftaddon=\"true\"]': {\r\n          '.sk-form-input, .sk-form-input-group-inner': {\r\n            '@apply rounded-l-0': {},\r\n            '@apply border-l-0': {},\r\n          },\r\n        },\r\n        '&[data-hasrightaddon=\"true\"]': {\r\n          '.sk-form-input, .sk-form-input-group-inner': {\r\n            '@apply rounded-r-0': {},\r\n            '@apply border-r-0': {},\r\n          },\r\n        },\r\n      },\r\n      '&-inner': {\r\n        '@apply flex relative grow': {},\r\n        '@apply items-center': {},\r\n        '@apply focus-within:ring': {},\r\n        '@apply focus-within:ring-ring': {},\r\n        '@apply text-dark-secondary': {},\r\n        //Focus\r\n        '@apply focus-within:border-input-field-surface': {},\r\n\r\n        '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n          '@apply focus-within:border-input-field-surface': {},\r\n        },\r\n\r\n        '&&-lg': {\r\n          '@apply text-input-large': {},\r\n          '@apply rounded-button-lg': {},\r\n          '@apply h-48': {},\r\n        },\r\n        '&&-md': {\r\n          '@apply text-input-medium': {},\r\n          '@apply rounded-button-md': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '&&-sm': {\r\n          '@apply text-input-small': {},\r\n          '@apply rounded-button-sm': {},\r\n          '@apply h-32': {},\r\n        },\r\n\r\n        ...inputStandards(),\r\n        '.sk-form-input': {\r\n          '@apply rounded-0': {},\r\n          '@apply border-0': {},\r\n          '@apply focus:ring-0': {},\r\n          '@apply focus:ring-offset-0': {},\r\n          '@apply bg-transparent': {},\r\n          '@apply dark:bg-transparent': {},\r\n          '@apply grow': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-16 h-16': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-18 h-18': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-20 h-20': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction textareaGroup() {\r\n  return {\r\n    '&-textarea': {\r\n      ...inputGroup(),\r\n      '&-group-inner': {\r\n        '@apply h-auto': {},\r\n        '@apply flex-wrap': {},\r\n        '.sk-form-input-textarea': {\r\n          '@apply w-full': {},\r\n        },\r\n        '.sk-form-textarea-counter': {\r\n          '@apply w-full': {},\r\n          '@apply border-t-divider border-t-1': {},\r\n        },\r\n        '&&-lg': {\r\n          '@apply min-h-48 h-auto': {},\r\n          '.sk-form-textarea-counter': {\r\n            '@apply px-20': {},\r\n            '@apply py-11': {},\r\n          },\r\n        },\r\n        '&&-md': {\r\n          '@apply min-h-40 h-auto': {},\r\n          '.sk-form-textarea-counter': {\r\n            '@apply px-16': {},\r\n            '@apply py-7': {},\r\n          },\r\n        },\r\n        '&&-sm': {\r\n          '@apply min-h-32 h-auto': {},\r\n          '.sk-form-textarea-counter': {\r\n            '@apply px-12': {},\r\n            '@apply py-5': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-11': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-48': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-7': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-40': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-5': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-32': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n      '&-warning': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-input-field-surface': {},\r\n    '@apply focus-within:ring': {},\r\n    '@apply focus-within:ring-ring': {},\r\n    '@apply focus-within:ring-offset': {},\r\n    '@apply focus-within:border-input-field-surface': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-input-field-surface': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n    ...addon(),\r\n    ...textareaGroup(),\r\n  },\r\n});\r\n"],"names":["Input","calendar","clock","inputStandards","addin","svg","addon","inputGroup","timeAndDatePicker","mask","maskSize","textareaGroup","display","margin"],"mappings":";;;;+BAyUaA;;;eAAAA;;;AAzUb,SAASC;IACP,OAAO,CAAC,qWAAqW,CAAC;AAChX;AACA,SAASC;IACP,OAAO,CAAC,kQAAkQ,CAAC;AAC7Q;AAEA,SAASC;IACP,OAAO;QACL,mBAAmB,CAAC;QACpB,qCAAqC,CAAC;QACtC,iDAAiD,CAAC;QAElD,4CAA4C,CAAC;QAE7C,iCAAiC,CAAC;QAElC,SAAS;QACT,qCAAqC;YACnC,gDAAgD,CAAC;QACnD;QAEA,UAAU;QACV,uCAAuC;YACrC,0CAA0C,CAAC;YAC3C,8CAA8C,CAAC;YAC/C,oDAAoD,CAAC;YACrD,6BAA6B,CAAC;QAChC;QAEA,UAAU;QACV,eAAe;YACb,iCAAiC,CAAC;YAClC,8CAA8C,CAAC;YAC/C,8BAA8B,CAAC;YAC/B,0CAA0C,CAAC;QAC7C;IACF;AACF;AAEA,SAASC;IACP,OAAO;QACL,WAAW;YACT,yBAAyB,CAAC;YAC1B,eAAe,CAAC;YAChB,qCAAqC,CAAC;YACtC,QAAQ;gBACN,qBAAqB,CAAC;gBACtB,8BAA8B;oBAC5B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACA,+BAA+B;oBAC7B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACAC,KAAK;oBACH,oBAAoB,CAAC;gBACvB;YACF;YACA,QAAQ;gBACN,2BAA2B,CAAC;gBAC5B,8BAA8B;oBAC5B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACA,+BAA+B;oBAC7B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACAA,KAAK;oBACH,oBAAoB,CAAC;gBACvB;YACF;YACA,QAAQ;gBACN,2BAA2B,CAAC;gBAC5B,8BAA8B;oBAC5B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACA,+BAA+B;oBAC7B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACAA,KAAK;oBACH,oBAAoB,CAAC;gBACvB;YACF;QACF;IACF;AACF;AAEA,SAASC;IACP,OAAO;QACL,WAAW;YACT,kCAAkC,CAAC;YACnC,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,iCAAiC,CAAC;YAClC,8BAA8B,CAAC;YAC/B,OAAO;YACP,kDAAkD,CAAC;YAEnD,8CAA8C;gBAC5C,kDAAkD,CAAC;YACrD;YAEA,SAAS;gBACP,2BAA2B,CAAC;gBAC5B,4BAA4B,CAAC;gBAC7B,eAAe,CAAC;YAClB;YACA,SAAS;gBACP,4BAA4B,CAAC;gBAC7B,4BAA4B,CAAC;gBAC7B,eAAe,CAAC;YAClB;YACA,SAAS;gBACP,2BAA2B,CAAC;gBAC5B,4BAA4B,CAAC;gBAC7B,eAAe,CAAC;YAClB;YACA,WAAW;gBACT,sBAAsB,CAAC;gBACvB,qBAAqB,CAAC;YACxB;YACA,YAAY;gBACV,sBAAsB,CAAC;gBACvB,qBAAqB,CAAC;YACxB;YACA,GAAGH,gBAAgB;YACnB,kBAAkB;gBAChB,oBAAoB,CAAC;gBACrB,mBAAmB,CAAC;gBACpB,uBAAuB,CAAC;gBACxB,8BAA8B,CAAC;gBAC/B,yBAAyB,CAAC;gBAC1B,8BAA8B,CAAC;gBAC/B,eAAe,CAAC;YAClB;YACA,mBAAmB;gBACjB,oBAAoB,CAAC;gBACrB,kCAAkC,CAAC;gBACnC,kCAAkC,CAAC;gBACnC,8BAA8B,CAAC;gBAC/B,8CAA8C,CAAC;gBAC/C,wDAAwD,CAAC;gBACzD,eAAe,CAAC;YAClB;YACA,2BAA2B;gBACzB,sCAAsC,CAAC;gBACvC,qCAAqC,CAAC;YACxC;YACA,4BAA4B;gBAC1B,sCAAsC,CAAC;gBACvC,qCAAqC,CAAC;YACxC;YACA,qBAAqB;gBACnB,oBAAoB,CAAC;gBACrB,mBAAmB,CAAC;gBACpB,8BAA8B,CAAC;gBAC/B,qCAAqC,CAAC;gBACtC,yBAAyB,CAAC;gBAC1B,8BAA8B,CAAC;YACjC;YACA,6BAA6B;gBAC3B,sCAAsC,CAAC;gBACvC,qCAAqC,CAAC;YACxC;YACA,8BAA8B;gBAC5B,sCAAsC,CAAC;gBACvC,qCAAqC,CAAC;YACxC;QACF;IACF;AACF;AACA,SAASI;IACP,OAAO;QACL,WAAW;YACT,WAAW;gBACT,gCAAgC,CAAC;gBACjC,+BAA+B;oBAC7B,8CAA8C;wBAC5C,sBAAsB,CAAC;wBACvB,qBAAqB,CAAC;oBACxB;gBACF;gBACA,gCAAgC;oBAC9B,8CAA8C;wBAC5C,sBAAsB,CAAC;wBACvB,qBAAqB,CAAC;oBACxB;gBACF;YACF;YACA,WAAW;gBACT,6BAA6B,CAAC;gBAC9B,uBAAuB,CAAC;gBACxB,4BAA4B,CAAC;gBAC7B,iCAAiC,CAAC;gBAClC,8BAA8B,CAAC;gBAC/B,OAAO;gBACP,kDAAkD,CAAC;gBAEnD,8CAA8C;oBAC5C,kDAAkD,CAAC;gBACrD;gBAEA,SAAS;oBACP,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,eAAe,CAAC;gBAClB;gBACA,SAAS;oBACP,4BAA4B,CAAC;oBAC7B,4BAA4B,CAAC;oBAC7B,eAAe,CAAC;gBAClB;gBACA,SAAS;oBACP,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,eAAe,CAAC;gBAClB;gBAEA,GAAGJ,gBAAgB;gBACnB,kBAAkB;oBAChB,oBAAoB,CAAC;oBACrB,mBAAmB,CAAC;oBACpB,uBAAuB,CAAC;oBACxB,8BAA8B,CAAC;oBAC/B,yBAAyB,CAAC;oBAC1B,8BAA8B,CAAC;oBAC/B,eAAe,CAAC;gBAClB;YACF;QACF;IACF;AACF;AAEA,SAASK;IACP,OAAO;QACL,sEAAsE;YACpE,gBAAgB,CAAC;YACjB,cAAc,CAAC;YACf,uBAAuB,CAAC;YACxB,cAAc,CAAC;YACf,kBAAkB,CAAC;YACnB,4BAA4B,CAAC;YAC7B,sBAAsB;gBACpB,oBAAoB,CAAC;gBACrB,gBAAgB,CAAC;YACnB;YACA,sBAAsB;gBACpB,gBAAgB,CAAC;gBACjB,oBAAoB,CAAC;YACvB;YACA,sBAAsB;gBACpB,gBAAgB,CAAC;gBACjB,oBAAoB,CAAC;YACvB;QACF;QAEA,gGAAgG;YAC9FC,MAAM;gBAAC,CAAC,8BAA8B,EAAER,WAAW,sBAAsB,CAAC;aAAC;YAC3E,gBAAgB;gBAAC,CAAC,8BAA8B,EAAEA,WAAW,sBAAsB,CAAC;aAAC;YACrFS,UAAU;YACV,qBAAqB;QACvB;QACA,oHACE;YACED,MAAM;gBAAC,CAAC,8BAA8B,EAAER,WAAW,sBAAsB,CAAC;aAAC;YAC3E,gBAAgB;gBAAC,CAAC,8BAA8B,EAAEA,WAAW,sBAAsB,CAAC;aAAC;YACrFS,UAAU;YACV,qBAAqB;QACvB;QACF,gGAAgG;YAC9FD,MAAM;gBAAC,CAAC,8BAA8B,EAAEP,QAAQ,sBAAsB,CAAC;aAAC;YACxE,gBAAgB;gBAAC,CAAC,8BAA8B,EAAEA,QAAQ,sBAAsB,CAAC;aAAC;YAClFQ,UAAU;YACV,qBAAqB;QACvB;QAEA,uCAAuC;YACrC,sEAAsE;gBACpE,+BAA+B,CAAC;YAClC;QACF;IACF;AACF;AAEA,SAASC;IACP,OAAO;QACL,cAAc;YACZ,GAAGJ,YAAY;YACf,iBAAiB;gBACf,iBAAiB,CAAC;gBAClB,oBAAoB,CAAC;gBACrB,2BAA2B;oBACzB,iBAAiB,CAAC;gBACpB;gBACA,6BAA6B;oBAC3B,iBAAiB,CAAC;oBAClB,sCAAsC,CAAC;gBACzC;gBACA,SAAS;oBACP,0BAA0B,CAAC;oBAC3B,6BAA6B;wBAC3B,gBAAgB,CAAC;wBACjB,gBAAgB,CAAC;oBACnB;gBACF;gBACA,SAAS;oBACP,0BAA0B,CAAC;oBAC3B,6BAA6B;wBAC3B,gBAAgB,CAAC;wBACjB,eAAe,CAAC;oBAClB;gBACF;gBACA,SAAS;oBACP,0BAA0B,CAAC;oBAC3B,6BAA6B;wBAC3B,gBAAgB,CAAC;wBACjB,eAAe,CAAC;oBAClB;gBACF;YACF;QACF;IACF;AACF;AAEO,MAAMP,QAAQ,IAAO,CAAA;QAC1B,kBAAkB;YAChB,iBAAiB,CAAC;YAClB,4BAA4B,CAAC;YAE7B,4BAA4B;gBAC1B,8DAA8D;oBAC5D,sBAAsB;oBACtBY,SAAS;oBACTC,QAAQ;gBACV;gBACA,mBAAmB;YACrB;YAEA,SAAS;gBACP,4BAA4B,CAAC;gBAC7B,gBAAgB,CAAC;gBACjB,gBAAgB,CAAC;gBACjB,gBAAgB,CAAC;gBACjB,2BAA2B,CAAC;gBAC5B,eAAe,CAAC;YAClB;YACA,SAAS;gBACP,4BAA4B,CAAC;gBAC7B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,gBAAgB,CAAC;gBACjB,4BAA4B,CAAC;gBAC7B,eAAe,CAAC;YAClB;YACA,SAAS;gBACP,4BAA4B,CAAC;gBAC7B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,gBAAgB,CAAC;gBACjB,2BAA2B,CAAC;gBAC5B,eAAe,CAAC;YAClB;YACA,eAAe;gBACb,iBAAiB,CAAC;gBAClB,aAAa;oBACX,kBAAkB,CAAC;gBACrB;YACF;YAEA,OAAO;YACP,qBAAqB,CAAC;YACtB,0BAA0B,CAAC;YAC3B,4BAA4B,CAAC;YAC7B,2CAA2C,CAAC;YAC5C,4BAA4B,CAAC;YAC7B,iCAAiC,CAAC;YAClC,mCAAmC,CAAC;YACpC,kDAAkD,CAAC;YACnD,8CAA8C;gBAC5C,iDAAiD,CAAC;YACpD;YACA,GAAGL,mBAAmB;YACtB,GAAGL,gBAAgB;YACnB,GAAGI,YAAY;YACf,GAAGH,OAAO;YACV,GAAGE,OAAO;YACV,GAAGK,eAAe;QACpB;IACF,CAAA"}

package/dist/cjs/components/progress-bar.js

@@ -29,6 +29,12 @@ const ProgressBar = (colors)=>({
                 '.sk-progress-bar-fill': {
                     [`@apply bg-primary-surface`]: {}
                 }
+            },
+            '&-sm': {
+                '@apply h-[4px]': {}
+            },
+            '&-md': {
+                '@apply h-[8px]': {}
             }
         }
     });

package/dist/cjs/components/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/progress-bar.ts"],"sourcesContent":["export const ProgressBar = (colors: string[]) => ({\r\n  '.sk-progress-bar': {\r\n    '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},\r\n\r\n    '&-fill': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '.sk-progress-bar-fill': {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '.sk-progress-bar-fill': {\r\n        [`@apply bg-primary-surface`]: {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["ProgressBar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,cAAc,CAACC,SAAsB,CAAA;QAChD,oBAAoB;YAClB,gEAAgE,CAAC;YAEjE,UAAU;gBACR,2BAA2B,CAAC;YAC9B;YAEA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,yBAAyB;4BACvB,CAAC,CAAC,UAAU,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;wBAC3C;wBAEA,yBAAyB;4BACvB,CAAC,CAAC,mBAAmB,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;wBACpD;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YAED,4BAA4B;gBAC1B,yBAAyB;oBACvB,CAAC,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAC;gBAClC;YACF;QACF;IACF,CAAA"}
+{"version":3,"sources":["../../../src/components/progress-bar.ts"],"sourcesContent":["export const ProgressBar = (colors: string[]) => ({\r\n  '.sk-progress-bar': {\r\n    '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},\r\n\r\n    '&-fill': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '.sk-progress-bar-fill': {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '.sk-progress-bar-fill': {\r\n        [`@apply bg-primary-surface`]: {},\r\n      },\r\n    },\r\n    '&-sm': {\r\n      '@apply h-[4px]': {},\r\n    },\r\n    '&-md': {\r\n      '@apply h-[8px]': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["ProgressBar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,cAAc,CAACC,SAAsB,CAAA;QAChD,oBAAoB;YAClB,gEAAgE,CAAC;YAEjE,UAAU;gBACR,2BAA2B,CAAC;YAC9B;YAEA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,yBAAyB;4BACvB,CAAC,CAAC,UAAU,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;wBAC3C;wBAEA,yBAAyB;4BACvB,CAAC,CAAC,mBAAmB,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;wBACpD;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YAED,4BAA4B;gBAC1B,yBAAyB;oBACvB,CAAC,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAC;gBAClC;YACF;YACA,QAAQ;gBACN,kBAAkB,CAAC;YACrB;YACA,QAAQ;gBACN,kBAAkB,CAAC;YACrB;QACF;IACF,CAAA"}

package/dist/cjs/components.js

@@ -59,6 +59,7 @@ const _aiservicemodule = require("./components/ai/ai-service-module");
 const _assistantpresentation = require("./components/ai/assistant-presentation");
 const _assistantswitch = require("./components/ai/assistant-switch");
 const _bubble = require("./components/ai/bubble");
+const _chatinput = require("./components/ai/chat-input");
 const _feedback = require("./components/ai/feedback");
 const _inputsection = require("./components/ai/input-section");
 const _markdownrendered = require("./components/ai/markdown-rendered");
@@ -386,6 +387,15 @@ const components = [
             _icon.Icon
         ]
     },
+    {
+        comp: _chatinput.ChatInput,
+        deps: [
+            _forms.Forms,
+            _icon.Icon,
+            _button.Button,
+            _divider.Divider
+        ]
+    },
     {
         comp: _feedback.Feedback,
         deps: [
@@ -398,7 +408,8 @@ const components = [
         deps: [
             _forms.Forms,
             _button.Button,
-            _icon.Icon
+            _icon.Icon,
+            _chatinput.ChatInput
         ]
     },
     {

package/dist/cjs/components.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components.ts"],"sourcesContent":["import { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\n\r\n// components\r\nimport { Accordion } from './components/accordion';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Callout } from './components/callout';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CountryCode } from './components/countrycode';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { FileUpload } from './components/file-upload';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { NavigationBar } from './components/navigation-bar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { TextEditor } from './components/text-editor';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n//AI COMPONENTS\r\nimport { AIFeed } from './components/ai/ai-feed';\r\nimport { AICornerModule } from './components/ai/ai-corner-module';\r\nimport { AIServiceModule } from './components/ai/ai-service-module';\r\nimport { AssistantPresentation } from './components/ai/assistant-presentation';\r\nimport { AssistantSwitch } from './components/ai/assistant-switch';\r\nimport { Bubble } from './components/ai/bubble';\r\nimport { Feedback } from './components/ai/feedback';\r\nimport { InputSection } from './components/ai/input-section';\r\nimport { MarkdownRendered } from './components/ai/markdown-rendered';\r\nimport { NewSessionButton } from './components/ai/new-session-button';\r\nimport { TypingBubble } from './components/ai/typing-bubble';\r\nimport { TypingSequence } from './components/ai/typing-sequence';\r\n\r\nexport type Component = (colors: string[], theme: PluginAPI['theme']) => CSSRuleObject;\r\ninterface ComponentWithDeps {\r\n  comp: Component;\r\n  deps?: Component[];\r\n}\r\n\r\nexport const components: ComponentWithDeps[] = [\r\n  { comp: Accordion, deps: [Button, Divider, Icon, Label] },\r\n  { comp: Avatar },\r\n  { comp: Badge },\r\n  { comp: Breadcrumb, deps: [Link] },\r\n  { comp: Button, deps: [Link, Spinner, ButtonGroup] },\r\n  { comp: ButtonGroup },\r\n  { comp: Callout },\r\n  { comp: Card, deps: [Button, Link] },\r\n  { comp: Checkbox },\r\n  { comp: Chip, deps: [Icon] },\r\n  { comp: ComboBox },\r\n  { comp: CountryCode, deps: [Forms, ComboBox] },\r\n  { comp: CookieConsent, deps: [Button, Forms] },\r\n  { comp: Dialog, deps: [Modal] },\r\n  { comp: Divider },\r\n  { comp: Dot },\r\n  { comp: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\r\n  { comp: Filter, deps: [Badge, Forms] },\r\n  { comp: Footer, deps: [Divider, Link, Logo] },\r\n  { comp: Forms, deps: [Icon, Checkbox, ComboBox, Select, Input, Radio, Switch, PopupMenu] },\r\n  { comp: Header, deps: [Divider, Link, Logo] },\r\n  { comp: Input },\r\n  { comp: Label },\r\n  { comp: Link, deps: [Icon] },\r\n  { comp: List, deps: [Link] },\r\n  { comp: Logo, deps: [Divider] },\r\n  { comp: NavigationBar, deps: [PopupMenu] },\r\n  { comp: Icon },\r\n  { comp: MenuVertical, deps: [Button, Divider, Icon, Logo] },\r\n  { comp: Modal, deps: [Button, Icon] },\r\n  { comp: Pagination, deps: [Button, Forms, Icon] },\r\n  { comp: PopupMenu, deps: [Button, Link] },\r\n  { comp: ProgressBar },\r\n  { comp: ProgressStepper, deps: [Divider, Icon] },\r\n  { comp: SearchField, deps: [Button, Forms, Icon] },\r\n  { comp: Select },\r\n  { comp: Snackbar, deps: [Button, Icon] },\r\n  { comp: Spinner },\r\n  { comp: TextEditor },\r\n  { comp: Radio },\r\n  { comp: Switch, deps: [Icon] },\r\n  { comp: Table, deps: [Forms, Icon, Pagination] },\r\n  { comp: Tabs, deps: [Button, NavigationBar] },\r\n  { comp: Tooltip },\r\n  { comp: UserMenu, deps: [Avatar, Logo, PopupMenu] },\r\n\r\n  //AI COMPONENTS\r\n\r\n  { comp: AIFeed, deps: [Accordion, Button, Avatar, TypingBubble, Feedback, MarkdownRendered] },\r\n  {\r\n    comp: AICornerModule,\r\n    deps: [\r\n      AIFeed,\r\n      AssistantPresentation,\r\n      InputSection,\r\n      Avatar,\r\n      Bubble,\r\n      Link,\r\n      Button,\r\n      Divider,\r\n      Icon,\r\n      Tooltip,\r\n      NavigationBar,\r\n    ],\r\n  },\r\n  { comp: AIServiceModule, deps: [AIFeed, Bubble, InputSection, Forms, Link, Button, Icon] },\r\n  { comp: AssistantPresentation, deps: [Avatar] },\r\n  { comp: AssistantSwitch, deps: [Avatar, Icon] },\r\n  { comp: Bubble, deps: [Icon] },\r\n  { comp: Feedback, deps: [Button, Icon] },\r\n  { comp: InputSection, deps: [Forms, Button, Icon] },\r\n  { comp: MarkdownRendered, deps: [Link] },\r\n  { comp: NewSessionButton, deps: [Button, Icon] },\r\n  { comp: TypingBubble, deps: [TypingSequence] },\r\n  { comp: TypingSequence },\r\n];\r\n"],"names":["components","comp","Accordion","deps","Button","Divider","Icon","Label","Avatar","Badge","Breadcrumb","Link","Spinner","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CountryCode","Forms","CookieConsent","Dialog","Modal","Dot","FileUpload","PopupMenu","Filter","Footer","Logo","Select","Input","Radio","Switch","Header","List","NavigationBar","MenuVertical","Pagination","ProgressBar","ProgressStepper","SearchField","Snackbar","TextEditor","Table","Tabs","Tooltip","UserMenu","AIFeed","TypingBubble","Feedback","MarkdownRendered","AICornerModule","AssistantPresentation","InputSection","Bubble","AIServiceModule","AssistantSwitch","NewSessionButton","TypingSequence"],"mappings":"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"}
+{"version":3,"sources":["../../src/components.ts"],"sourcesContent":["import { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\n\r\n// components\r\nimport { Accordion } from './components/accordion';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Callout } from './components/callout';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CountryCode } from './components/countrycode';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { FileUpload } from './components/file-upload';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { NavigationBar } from './components/navigation-bar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { TextEditor } from './components/text-editor';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n//AI COMPONENTS\r\nimport { AIFeed } from './components/ai/ai-feed';\r\nimport { AICornerModule } from './components/ai/ai-corner-module';\r\nimport { AIServiceModule } from './components/ai/ai-service-module';\r\nimport { AssistantPresentation } from './components/ai/assistant-presentation';\r\nimport { AssistantSwitch } from './components/ai/assistant-switch';\r\nimport { Bubble } from './components/ai/bubble';\r\nimport { ChatInput } from './components/ai/chat-input';\r\nimport { Feedback } from './components/ai/feedback';\r\nimport { InputSection } from './components/ai/input-section';\r\nimport { MarkdownRendered } from './components/ai/markdown-rendered';\r\nimport { NewSessionButton } from './components/ai/new-session-button';\r\nimport { TypingBubble } from './components/ai/typing-bubble';\r\nimport { TypingSequence } from './components/ai/typing-sequence';\r\n\r\nexport type Component = (colors: string[], theme: PluginAPI['theme']) => CSSRuleObject;\r\ninterface ComponentWithDeps {\r\n  comp: Component;\r\n  deps?: Component[];\r\n}\r\n\r\nexport const components: ComponentWithDeps[] = [\r\n  { comp: Accordion, deps: [Button, Divider, Icon, Label] },\r\n  { comp: Avatar },\r\n  { comp: Badge },\r\n  { comp: Breadcrumb, deps: [Link] },\r\n  { comp: Button, deps: [Link, Spinner, ButtonGroup] },\r\n  { comp: ButtonGroup },\r\n  { comp: Callout },\r\n  { comp: Card, deps: [Button, Link] },\r\n  { comp: Checkbox },\r\n  { comp: Chip, deps: [Icon] },\r\n  { comp: ComboBox },\r\n  { comp: CountryCode, deps: [Forms, ComboBox] },\r\n  { comp: CookieConsent, deps: [Button, Forms] },\r\n  { comp: Dialog, deps: [Modal] },\r\n  { comp: Divider },\r\n  { comp: Dot },\r\n  { comp: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\r\n  { comp: Filter, deps: [Badge, Forms] },\r\n  { comp: Footer, deps: [Divider, Link, Logo] },\r\n  { comp: Forms, deps: [Icon, Checkbox, ComboBox, Select, Input, Radio, Switch, PopupMenu] },\r\n  { comp: Header, deps: [Divider, Link, Logo] },\r\n  { comp: Input },\r\n  { comp: Label },\r\n  { comp: Link, deps: [Icon] },\r\n  { comp: List, deps: [Link] },\r\n  { comp: Logo, deps: [Divider] },\r\n  { comp: NavigationBar, deps: [PopupMenu] },\r\n  { comp: Icon },\r\n  { comp: MenuVertical, deps: [Button, Divider, Icon, Logo] },\r\n  { comp: Modal, deps: [Button, Icon] },\r\n  { comp: Pagination, deps: [Button, Forms, Icon] },\r\n  { comp: PopupMenu, deps: [Button, Link] },\r\n  { comp: ProgressBar },\r\n  { comp: ProgressStepper, deps: [Divider, Icon] },\r\n  { comp: SearchField, deps: [Button, Forms, Icon] },\r\n  { comp: Select },\r\n  { comp: Snackbar, deps: [Button, Icon] },\r\n  { comp: Spinner },\r\n  { comp: TextEditor },\r\n  { comp: Radio },\r\n  { comp: Switch, deps: [Icon] },\r\n  { comp: Table, deps: [Forms, Icon, Pagination] },\r\n  { comp: Tabs, deps: [Button, NavigationBar] },\r\n  { comp: Tooltip },\r\n  { comp: UserMenu, deps: [Avatar, Logo, PopupMenu] },\r\n\r\n  //AI COMPONENTS\r\n\r\n  { comp: AIFeed, deps: [Accordion, Button, Avatar, TypingBubble, Feedback, MarkdownRendered] },\r\n  {\r\n    comp: AICornerModule,\r\n    deps: [\r\n      AIFeed,\r\n      AssistantPresentation,\r\n      InputSection,\r\n      Avatar,\r\n      Bubble,\r\n      Link,\r\n      Button,\r\n      Divider,\r\n      Icon,\r\n      Tooltip,\r\n      NavigationBar,\r\n    ],\r\n  },\r\n  { comp: AIServiceModule, deps: [AIFeed, Bubble, InputSection, Forms, Link, Button, Icon] },\r\n  { comp: AssistantPresentation, deps: [Avatar] },\r\n  { comp: AssistantSwitch, deps: [Avatar, Icon] },\r\n  { comp: Bubble, deps: [Icon] },\r\n  { comp: ChatInput, deps: [Forms, Icon, Button, Divider] },\r\n  { comp: Feedback, deps: [Button, Icon] },\r\n  { comp: InputSection, deps: [Forms, Button, Icon, ChatInput] },\r\n  { comp: MarkdownRendered, deps: [Link] },\r\n  { comp: NewSessionButton, deps: [Button, Icon] },\r\n  { comp: TypingBubble, deps: [TypingSequence] },\r\n  { comp: TypingSequence },\r\n];\r\n"],"names":["components","comp","Accordion","deps","Button","Divider","Icon","Label","Avatar","Badge","Breadcrumb","Link","Spinner","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CountryCode","Forms","CookieConsent","Dialog","Modal","Dot","FileUpload","PopupMenu","Filter","Footer","Logo","Select","Input","Radio","Switch","Header","List","NavigationBar","MenuVertical","Pagination","ProgressBar","ProgressStepper","SearchField","Snackbar","TextEditor","Table","Tabs","Tooltip","UserMenu","AIFeed","TypingBubble","Feedback","MarkdownRendered","AICornerModule","AssistantPresentation","InputSection","Bubble","AIServiceModule","AssistantSwitch","ChatInput","NewSessionButton","TypingSequence"],"mappings":"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"}

package/dist/esm/components/accordion.js

@@ -1,120 +1,140 @@
 export const Accordion = ()=>({
         '.sk-disclosure': {
+            '@apply mt-6 mb-8': {},
+            '@apply text-dark-secondary': {},
+            '&[data-inverted="true"]': {
+                '@apply text-inverted-dark-secondary': {}
+            },
             '&-icon': {
                 '@apply flex self-center': {}
             },
             '&-header': {
-                '@apply mt-6 mb-8': {},
-                '@apply flex flex-col text-left': {},
+                '@apply py-8': {},
+                '@apply flex flex-row text-left': {},
                 '@apply cursor-pointer': {},
-                '*': {
-                    '@apply cursor-pointer': {}
+                '@apply items-center justify-between': {},
+                '@apply gap-16': {},
+                '&-icon': {
+                    '@apply w-32 h-32': {},
+                    '&-sm': {
+                        '@apply w-20 min-h-20': {}
+                    },
+                    '&-md': {
+                        '@apply w-24 min-h-24': {}
+                    }
+                },
+                '&-title': {
+                    '@apply text-dark-primary': {},
+                    '@apply w-full': {},
+                    '@apply flex flex-row': {},
+                    '@apply items-center': {},
+                    '@apply grow shrink': {},
+                    '&[data-inverted="true"]': {
+                        '@apply text-inverted-dark-primary': {}
+                    },
+                    '*': {
+                        '@apply m-0': {},
+                        '@apply text-inherit': {},
+                        fontSize: 'inherit',
+                        FontFamily: 'inherit',
+                        lineHeight: 'inherit'
+                    },
+                    '&-disabled': {
+                        '@apply text-dark-disabled': {},
+                        '&[data-inverted="true"]': {
+                            '@apply text-inverted-dark-disabled': {}
+                        }
+                    },
+                    '&-sm': {
+                        '@apply gap-16': {},
+                        '@apply text-h4-sm': {},
+                        '&[data-variant="alt"]': {
+                            '@apply gap-12': {}
+                        }
+                    },
+                    '&-md': {
+                        '@apply gap-16': {},
+                        '@apply text-h4-md': {},
+                        '&[data-variant="alt"]': {
+                            '@apply gap-12': {}
+                        }
+                    },
+                    '&-lg': {
+                        '@apply gap-16': {},
+                        '&[data-variant="alt"]': {
+                            '@apply gap-16': {},
+                            '@apply text-h3-md': {}
+                        }
+                    },
+                    '&-divider': {
+                        '@apply border-divider': {},
+                        '&[data-inverted="true"]': {
+                            '@apply border-inverted-divider': {}
+                        }
+                    }
                 },
                 '&:focus-visible': {
                     '@apply outline-0': {}
                 },
-                '&-icon': {
-                    '@apply ml-auto': {},
-                    '@apply text-dark-secondary': {},
-                    svg: {
-                        '@apply w-20 h-20': {}
-                    }
-                },
-                '&[data-disabled="true"]': {
+                '&[aria-disabled="true"]': {
                     '@apply text-dark-disabled': {},
-                    '.sk-disclosure-title': {
-                        '@apply text-dark-disabled': {}
-                    },
                     '@apply cursor-default': {},
                     '*': {
                         '@apply cursor-default': {}
+                    },
+                    '&[data-inverted="true"]': {
+                        '@apply text-inverted-dark-disabled': {}
                     }
-                }
-            },
-            '&-label': {
-                '@apply shrink-0': {}
-            },
-            '&-toggle': {
-                '@apply flex items-center justify-between': {},
-                '@apply gap-16': {},
-                '.sk-icon': {
-                    '@apply w-32 h-32': {}
-                }
-            },
-            '&-title': {
-                '@apply text-dark-primary': {},
-                '&-wrapper': {
-                    '@apply w-full': {},
-                    '@apply flex flex-row': {},
-                    '@apply items-center': {}
-                }
-            },
-            '&-sm': {
-                '.sk-disclosure-title': {
-                    '@apply text-h4-sm font-bold': {},
-                    '&-wrapper': {
+                },
+                '&-sm': {
+                    '@apply gap-16': {},
+                    '@apply h-32': {},
+                    '&[data-variant="alt"]': {
                         '@apply gap-12': {}
+                    },
+                    '&[data-variant="default"]': {
+                        '@apply min-h-40': {}
                     }
                 },
-                '.sk-disclosure-toggle': {
-                    '@apply gap-12': {},
-                    '.sk-icon': {
-                        '@apply w-20 min-h-20': {}
+                '&-md': {
+                    '@apply gap-16': {},
+                    '&[data-variant="alt"]': {
+                        '@apply gap-12': {}
+                    },
+                    '&[data-variant="default"]': {
+                        '@apply min-h-56': {}
                     }
                 },
-                '.sk-disclosure-support': {
-                    '@apply text-small': {}
-                },
-                '&[data-variant="default"]': {
-                    '.sk-disclosure-toggle': {
-                        '@apply py-4': {},
-                        '@apply min-h-40': {}
-                    },
+                '&-lg': {
+                    '@apply gap-16': {},
                     '.sk-disclosure-header-icon': {
-                        '@apply w-32 h-32': {}
+                        '@apply w-32 min-h-32': {}
+                    },
+                    '&[data-variant="alt"]': {
+                        '@apply gap-16': {}
                     }
-                },
-                '&[data-variant="alt"]': {}
+                }
+            },
+            '&[data-variant="alt"]': {
+                '.sk-disclosure-header': {
+                    '@apply py-0': {},
+                    '@apply h-32': {}
+                }
+            },
+            '&-label': {
+                '@apply shrink-0': {}
             },
             '&-md': {
-                '.sk-disclosure-title': {
-                    '@apply text-h4-md font-bold': {},
-                    '&-wrapper': {
-                        '@apply gap-12': {}
-                    }
-                },
-                '.sk-disclosure-toggle': {
-                    '@apply gap-12': {},
-                    '.sk-icon': {
-                        '@apply w-24 min-h-24': {}
-                    }
-                },
-                '.sk-disclosure-support': {
-                    '@apply text-body': {}
-                },
                 '&[data-variant="default"]': {
-                    '.sk-disclosure-toggle': {
+                    '.sk-disclosure-header': {
                         '@apply py-8': {},
                         '@apply min-h-56': {}
                     },
-                    '.sk-disclosure-header-icon': {
+                    '.sk-disclosure-header-button': {
                         '@apply w-40 h-40': {}
                     }
                 }
             },
-            '&-lg': {
-                '&[data-variant="alt"]': {
-                    '.sk-disclosure-support': {
-                        '@apply text-large': {}
-                    },
-                    '.sk-disclosure-title': {
-                        '@apply text-h3-md font-bold': {},
-                        '&-wrapper': {
-                            '@apply gap-16': {}
-                        }
-                    }
-                }
-            },
             '&-body': {
                 '&[data-size="sm"]': {
                     '@apply pr-12': {}
@@ -131,13 +151,13 @@ export const Accordion = ()=>({
                 '@apply mr-32': {},
                 '@apply gap-8': {},
                 '@apply py-0': {},
-                transitionProperty: 'visibility, height, opacity, padding, margin',
+                transitionProperty: 'height, opacity, padding, margin',
                 transitionDuration: '180ms',
-                '&[aria-hidden="true"], &[data-hidden="true"]': {
-                    '@apply my-0 invisible max-h-0 opacity-0': {}
+                '&[aria-hidden="true"]': {
+                    '@apply my-0 overflow-hidden max-h-0 opacity-0': {}
                 },
-                '&[aria-hidden="false"], &[data-hidden="false"]': {
-                    '@apply block opacity-100 visible': {}
+                '&[aria-hidden="false"]': {
+                    '@apply block opacity-100': {}
                 },
                 '&[data-variant="alt"]': {
                     '@apply mt-24': {},
@@ -169,33 +189,15 @@ export const Accordion = ()=>({
                 '.sk-disclosure': {
                     transitionProperty: 'margin',
                     transitionDuration: '180ms',
-                    '@apply border-b-1 border-divider': {}
+                    '@apply border-b-1 border-divider': {},
+                    '&[data-inverted="true"]': {
+                        '@apply border-inverted-divider': {}
+                    }
                 },
                 '&:last-child .sk-disclosure': {
                     '@apply border-b-transparent': {}
                 }
             }
-        },
-        '&[data-inverted="true"]': {
-            '&.sk-disclosure': {
-                '&-icon': {
-                    '@apply text-inverted-dark-secondary': {}
-                },
-                '&[data-disabled="true"]': {
-                    '@apply text-inverted-dark-disabled': {},
-                    '.sk-disclosure-title': {
-                        '@apply text-inverted-dark-disabled': {}
-                    }
-                },
-                '&-title': {
-                    '@apply text-inverted-dark-primary': {}
-                }
-            },
-            '&.sk-accordion': {
-                '&-item': {
-                    '@apply border-inverted-divider': {}
-                }
-            }
         }
     });
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '&-icon': {\r\n      '@apply flex self-center': {},\r\n    },\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 min-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 min-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 min-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 min-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      '&[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      '@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      transitionProperty: 'visibility, height, opacity, padding, margin',\r\n\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n        '@apply my-0 invisible max-h-0 opacity-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n        '@apply block opacity-100 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  '.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  '&[data-inverted=\"true\"]': {\r\n    '&.sk-disclosure': {\r\n      '&-icon': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-inverted-dark-disabled': {},\r\n        '.sk-disclosure-title': {\r\n          '@apply text-inverted-dark-disabled': {},\r\n        },\r\n      },\r\n\r\n      '&-title': {\r\n        '@apply text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n    '&.sk-accordion': {\r\n      '&-item': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Accordion","svg","transitionProperty","transitionDuration"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n  '.sk-disclosure': {\r\n    '@apply mt-6 mb-8': {},\r\n    '@apply text-dark-secondary': {},\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-inverted-dark-secondary': {},\r\n    },\r\n    '&-icon': {\r\n      '@apply flex self-center': {},\r\n    },\r\n    '&-header': {\r\n      '@apply py-8': {},\r\n      '@apply flex flex-row text-left': {},\r\n      '@apply cursor-pointer': {},\r\n      '@apply items-center justify-between': {},\r\n      '@apply gap-16': {},\r\n      '&-icon': {\r\n        '@apply w-32 h-32': {},\r\n        '&-sm': {\r\n          '@apply w-20 min-h-20': {},\r\n        },\r\n        '&-md': {\r\n          '@apply w-24 min-h-24': {},\r\n        },\r\n      },\r\n\r\n      '&-title': {\r\n        '@apply text-dark-primary': {},\r\n        '@apply w-full': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply items-center': {},\r\n        '@apply grow shrink': {},\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-dark-primary': {},\r\n        },\r\n        '*': {\r\n          '@apply m-0': {},\r\n          '@apply text-inherit': {},\r\n          fontSize: 'inherit',\r\n          FontFamily: 'inherit',\r\n          lineHeight: 'inherit',\r\n        },\r\n        '&-disabled': {\r\n          '@apply text-dark-disabled': {},\r\n          '&[data-inverted=\"true\"]': {\r\n            '@apply text-inverted-dark-disabled': {},\r\n          },\r\n        },\r\n        '&-sm': {\r\n          '@apply gap-16': {},\r\n          '@apply text-h4-sm': {},\r\n          '&[data-variant=\"alt\"]': {\r\n            '@apply gap-12': {},\r\n          },\r\n        },\r\n        '&-md': {\r\n          '@apply gap-16': {},\r\n          '@apply text-h4-md': {},\r\n          '&[data-variant=\"alt\"]': {\r\n            '@apply gap-12': {},\r\n          },\r\n        },\r\n        '&-lg': {\r\n          '@apply gap-16': {},\r\n          '&[data-variant=\"alt\"]': {\r\n            '@apply gap-16': {},\r\n            '@apply text-h3-md': {},\r\n          },\r\n        },\r\n        '&-divider': {\r\n          '@apply border-divider': {},\r\n          '&[data-inverted=\"true\"]': {\r\n            '@apply border-inverted-divider': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&:focus-visible': {\r\n        '@apply outline-0': {},\r\n      },\r\n      '&[aria-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n        '@apply cursor-default': {},\r\n        '*': {\r\n          '@apply cursor-default': {},\r\n        },\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-dark-disabled': {},\r\n        },\r\n      },\r\n      '&-sm': {\r\n        '@apply gap-16': {},\r\n        '@apply h-32': {},\r\n        '&[data-variant=\"alt\"]': {\r\n          '@apply gap-12': {},\r\n        },\r\n        '&[data-variant=\"default\"]': {\r\n          '@apply min-h-40': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply gap-16': {},\r\n        '&[data-variant=\"alt\"]': {\r\n          '@apply gap-12': {},\r\n        },\r\n        '&[data-variant=\"default\"]': {\r\n          '@apply min-h-56': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply gap-16': {},\r\n        '.sk-disclosure-header-icon': {\r\n          '@apply w-32 min-h-32': {},\r\n        },\r\n        '&[data-variant=\"alt\"]': {\r\n          '@apply gap-16': {},\r\n        },\r\n      },\r\n    },\r\n    '&[data-variant=\"alt\"]': {\r\n      '.sk-disclosure-header': {\r\n        '@apply py-0': {},\r\n        '@apply h-32': {},\r\n      },\r\n    },\r\n    '&-label': {\r\n      '@apply shrink-0': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '&[data-variant=\"default\"]': {\r\n        '.sk-disclosure-header': {\r\n          '@apply py-8': {},\r\n          '@apply min-h-56': {},\r\n        },\r\n        '.sk-disclosure-header-button': {\r\n          '@apply w-40 h-40': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-body': {\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      '@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      transitionProperty: 'height, opacity, padding, margin',\r\n\r\n      transitionDuration: '180ms',\r\n\r\n      '&[aria-hidden=\"true\"]': {\r\n        '@apply my-0 overflow-hidden max-h-0 opacity-0': {},\r\n      },\r\n\r\n      '&[aria-hidden=\"false\"]': {\r\n        '@apply block opacity-100': {},\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  '.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        '&[data-inverted=\"true\"]': {\r\n          '@apply border-inverted-divider': {},\r\n        },\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"],"names":["Accordion","fontSize","FontFamily","lineHeight","transitionProperty","transitionDuration"],"mappings":"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"}