@cyber-harbour/ui 2.0.0 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/README.md +18 -1
  2. package/dist/index.css +3 -0
  3. package/dist/index.css.map +1 -0
  4. package/dist/index.d.mts +48 -4
  5. package/dist/index.d.ts +48 -4
  6. package/dist/index.js +420 -291
  7. package/dist/index.js.map +1 -1
  8. package/dist/index.mjs +429 -300
  9. package/dist/index.mjs.map +1 -1
  10. package/dist/styles/tailwind.css +3 -0
  11. package/dist/styles/tailwind.css.map +1 -0
  12. package/dist/styles/tailwind.d.mts +2 -0
  13. package/dist/styles/tailwind.d.ts +2 -0
  14. package/package.json +5 -3
package/README.md CHANGED
@@ -190,7 +190,7 @@ module.exports = merge({}, uiKitConfig, {
190
190
  './pages/**/*.{js,ts,jsx,tsx}',
191
191
  './components/**/*.{js,ts,tsx}',
192
192
  './app/**/*.{js,ts,jsx,tsx}', // якщо використовуєте app router
193
- './node_modules/ui-kit/**/*.{js,ts,tsx}', // важливо: UI-kit компоненти
193
+ './node_modules/@cyber-harbour/ui/dist/**/*.{js,mjs', // важливо: UI-kit компоненти
194
194
  ],
195
195
  theme: {
196
196
  extend: {
@@ -243,6 +243,23 @@ export default function Page() {
243
243
 
244
244
  ---
245
245
 
246
+ ## 6. Альтернатива підключення
247
+
248
+ Додайте до вашого головного CSS файлу або entry point:
249
+
250
+ ```css
251
+ /* Імпорт скомпільованих Tailwind стилів з бібліотеки */
252
+ @import '@cyber-harbour/ui/styles';
253
+ ```
254
+
255
+ Або в JS/TS файлі:
256
+
257
+ ```js
258
+ import '@cyber-harbour/ui/styles';
259
+ ```
260
+
261
+ ---
262
+
246
263
  ✅ У результаті:
247
264
 
248
265
  - UI-kit і Next.js використовують одну базу токенів
package/dist/index.css ADDED
@@ -0,0 +1,3 @@
1
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-800:oklch(27.4% .006 286.033);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.row-1{grid-row:1}.row-2{grid-row:2}.row-3{grid-row:3}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-5{margin-top:calc(var(--spacing)*5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-5{height:calc(var(--spacing)*5)}.h-5\.5{height:calc(var(--spacing)*5.5)}.h-\[76px\]{height:76px}.h-full{height:100%}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-5{width:calc(var(--spacing)*5)}.w-5\.5{width:calc(var(--spacing)*5.5)}.w-\[82px\]{width:82px}.w-\[600px\]{width:600px}.w-full{width:100%}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-blue-300{border-color:var(--color-blue-300)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-500{background-color:var(--color-green-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-white{background-color:var(--color-white)}.bg-none{background-image:none}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-1\.5{padding-left:calc(var(--spacing)*1.5)}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-wrap{text-wrap:wrap}.text-gray-500{color:var(--color-gray-500)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.text-zinc-800{color:var(--color-zinc-800)}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_6px_-2px_\#10182808\,0px_12px_16px_-4px_\#10182814\]{--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#10182808),0px 12px 16px -4px var(--tw-shadow-color,#10182814);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.\[background\:linear-gradient\(\#fff\,\#fff\)_padding-box\,linear-gradient\(90\.7deg\,\#7c86ff_0\.08\%\,\#155dfc_100\%\)_border-box\]{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90.7deg,#7c86ff .08%,#155dfc) border-box}@media (hover:hover){.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:text-blue-200:hover,.hover\:enabled\:text-blue-200:hover:enabled{color:var(--color-blue-200)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-blue-300:disabled{background-color:var(--color-blue-300)}.disabled\:text-zinc-400:disabled{color:var(--color-zinc-400)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}
2
+ /*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
3
+ /*# sourceMappingURL=index.css.map */
package/dist/index.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/styles/tailwind.css"],"sourcesContent":["/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-800:oklch(27.4% .006 286.033);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.row-1{grid-row:1}.row-2{grid-row:2}.row-3{grid-row:3}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-5{margin-top:calc(var(--spacing)*5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-5{height:calc(var(--spacing)*5)}.h-5\\.5{height:calc(var(--spacing)*5.5)}.h-\\[76px\\]{height:76px}.h-full{height:100%}.w-2\\.5{width:calc(var(--spacing)*2.5)}.w-5{width:calc(var(--spacing)*5)}.w-5\\.5{width:calc(var(--spacing)*5.5)}.w-\\[82px\\]{width:82px}.w-\\[600px\\]{width:600px}.w-full{width:100%}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-blue-300{border-color:var(--color-blue-300)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-500{background-color:var(--color-green-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-white{background-color:var(--color-white)}.bg-none{background-image:none}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing)*2)}.p-2\\.5{padding:calc(var(--spacing)*2.5)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.pt-1\\.5{padding-top:calc(var(--spacing)*1.5)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-1\\.5{padding-left:calc(var(--spacing)*1.5)}.pl-2\\.5{padding-left:calc(var(--spacing)*2.5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-wrap{text-wrap:wrap}.text-gray-500{color:var(--color-gray-500)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.text-zinc-800{color:var(--color-zinc-800)}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0px_4px_6px_-2px_\\#10182808\\,0px_12px_16px_-4px_\\#10182814\\]{--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#10182808),0px 12px 16px -4px var(--tw-shadow-color,#10182814);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.\\[background\\:linear-gradient\\(\\#fff\\,\\#fff\\)_padding-box\\,linear-gradient\\(90\\.7deg\\,\\#7c86ff_0\\.08\\%\\,\\#155dfc_100\\%\\)_border-box\\]{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90.7deg,#7c86ff .08%,#155dfc 100%) border-box}@media (hover:hover){.hover\\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\\:text-blue-200:hover,.hover\\:enabled\\:text-blue-200:hover:enabled{color:var(--color-blue-200)}}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:bg-blue-300:disabled{background-color:var(--color-blue-300)}.disabled\\:text-zinc-400:disabled{color:var(--color-zinc-400)}}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}\n"],"mappings":"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","names":[]}
package/dist/index.d.mts CHANGED
@@ -3,7 +3,7 @@ export { ServerStyleSheet, StyleSheetManager } from 'styled-components';
3
3
  import * as styled_components_dist_types from 'styled-components/dist/types';
4
4
  import { DefaultTheme as DefaultTheme$1 } from 'styled-components/dist/types';
5
5
  import * as react from 'react';
6
- import react__default, { SVGProps, CSSProperties as CSSProperties$1, ElementType, InputHTMLAttributes, TextareaHTMLAttributes } from 'react';
6
+ import react__default, { SVGProps, CSSProperties as CSSProperties$1, ElementType, InputHTMLAttributes, TextareaHTMLAttributes, ReactNode } from 'react';
7
7
  import * as react_jsx_runtime from 'react/jsx-runtime';
8
8
  import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
9
9
  import { IContentLoaderProps } from 'react-content-loader';
@@ -476,6 +476,7 @@ type BaseButtonProps = {
476
476
  iconVariant?: 'filled' | 'empty';
477
477
  minWidth?: number;
478
478
  whiteSpace?: CSSProperties['whiteSpace'];
479
+ component?: react__default.ElementType;
479
480
  };
480
481
  type ButtonProps = (Omit<react__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'media'> | Omit<react__default.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'media'>) & BaseButtonProps;
481
482
  declare const Button: react__default.ForwardRefExoticComponent<FabricComponent<ButtonProps> & react__default.RefAttributes<unknown>>;
@@ -811,6 +812,11 @@ interface RotateRightIconProps extends SVGProps<SVGSVGElement> {
811
812
  }
812
813
  declare const RotateRightIcon: ({ fill, ...props }: RotateRightIconProps) => react_jsx_runtime.JSX.Element;
813
814
 
815
+ interface UploadImageIconProps extends SVGProps<SVGSVGElement> {
816
+ fill?: string;
817
+ }
818
+ declare const UploadImageIcon: ({ fill, ...props }: UploadImageIconProps) => react_jsx_runtime.JSX.Element;
819
+
814
820
  interface SidebarProps {
815
821
  defaultCollapsed?: boolean;
816
822
  children: any;
@@ -850,8 +856,9 @@ declare const SidebarContext: react.Context<SidebarContext>;
850
856
 
851
857
  interface SidebarItemBase {
852
858
  active?: boolean;
853
- icon?: React.ComponentType<SVGProps<SVGSVGElement>>;
859
+ icon?: React.ReactNode;
854
860
  label?: string;
861
+ component?: React.ElementType;
855
862
  }
856
863
  interface SidebarItemAnchor {
857
864
  href: string;
@@ -863,7 +870,7 @@ interface SidebarItemButton {
863
870
  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
864
871
  }
865
872
  type SidebarItemProps = SidebarItemBase & (SidebarItemAnchor | SidebarItemButton);
866
- declare const SidebarItem: ({ active, icon: Icon, label, ...props }: SidebarItemProps) => react_jsx_runtime.JSX.Element;
873
+ declare const SidebarItem: ({ active, icon, label, component, ...props }: SidebarItemProps) => react_jsx_runtime.JSX.Element;
867
874
 
868
875
  declare const SidebarDelimeter: () => react_jsx_runtime.JSX.Element;
869
876
 
@@ -1145,6 +1152,31 @@ type TextAreaElementProps = BaseInputProps & TextareaHTMLAttributes<HTMLTextArea
1145
1152
  type InputProps = InputElementProps | TextAreaElementProps;
1146
1153
  declare const Input: any;
1147
1154
 
1155
+ type FileFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange' | 'size'> & {
1156
+ error?: boolean;
1157
+ variant?: InputVariant;
1158
+ multiple?: boolean;
1159
+ accept?: string;
1160
+ uploadButtonText?: string;
1161
+ dragDropPlaceholder?: string;
1162
+ value?: File[];
1163
+ onChange?: (files: File[]) => void;
1164
+ onError?: (error: string) => void;
1165
+ dragDropClassName?: string;
1166
+ };
1167
+ declare const FileField: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "onChange"> & {
1168
+ error?: boolean;
1169
+ variant?: InputVariant;
1170
+ multiple?: boolean;
1171
+ accept?: string;
1172
+ uploadButtonText?: string;
1173
+ dragDropPlaceholder?: string;
1174
+ value?: File[];
1175
+ onChange?: (files: File[]) => void;
1176
+ onError?: (error: string) => void;
1177
+ dragDropClassName?: string;
1178
+ } & react.RefAttributes<HTMLInputElement>>;
1179
+
1148
1180
  type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
1149
1181
  type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
1150
1182
  type FlexJustify = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
@@ -1620,6 +1652,18 @@ interface TailwindExampleProps {
1620
1652
  }
1621
1653
  declare const TailwindExample: react__default.FC<TailwindExampleProps>;
1622
1654
 
1655
+ type ChatFieldProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'type'> & {
1656
+ error?: boolean;
1657
+ errorText?: string;
1658
+ button?: ReactNode;
1659
+ images?: File[];
1660
+ onChangeImages?: (files: File[]) => void;
1661
+ onError?: (error: string) => void;
1662
+ multiple?: boolean;
1663
+ fieldClassName?: string;
1664
+ };
1665
+ declare const ChatField: ({ multiple, value, onChangeImages, images, errorText, error, onError, button, fieldClassName, ...props }: ChatFieldProps) => react_jsx_runtime.JSX.Element;
1666
+
1623
1667
  interface PageLayoutProps {
1624
1668
  header?: any;
1625
1669
  sidebar?: any;
@@ -1814,4 +1858,4 @@ declare const FullscreenCard: react.ForwardRefExoticComponent<FullscreenCardProp
1814
1858
  } | undefined;
1815
1859
  } & react.RefAttributes<unknown>>;
1816
1860
 
1817
- export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BreakpointProvider, BugReportIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContentLoader, type ContentLoaderProps, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlashIcon, FlexContainer, FlexItem, FolderAlertIcon, FolderInfoIcon, FullscreenCard, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, IosIcon, Label, type LabelSize, type LabelSizeStyle, Line, LinerProgress, type LinkObject, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MicrosoftIcon, Modal, ModalBody, ModalFooter, ModalHeader, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, Overlay, type OverlayProps, PageLayout, Pagination, type PaginationProps, PassportIcon, PasswordFinderIcon, PencilIcon, PhonebookIcon, PlaneIcon, PlusIcon, PointIcon, PrintIcon, Profiler2Icon, ProfilerIcon, RelationIcon, RelationPointsIcon, type RenderCellProps, type RenderHeaderCellProps, RotateLeftIcon, RotateRightIcon, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, type StyledFabricComponent, SunIcon, Switch, type SwitchState, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, TailwindExample, type TailwindExampleProps, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Tooltip, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UserInCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, createStyledComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getResponsiveProps, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useBreakpoint, useContextMenuControl, useTheme };
1861
+ export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BreakpointProvider, BugReportIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, ChatField, type ChatFieldProps, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContentLoader, type ContentLoaderProps, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileField, type FileFieldProps, FileIcon, FiltersIcon, FlashIcon, FlexContainer, FlexItem, FolderAlertIcon, FolderInfoIcon, FullscreenCard, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, IosIcon, Label, type LabelSize, type LabelSizeStyle, Line, LinerProgress, type LinkObject, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MicrosoftIcon, Modal, ModalBody, ModalFooter, ModalHeader, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, Overlay, type OverlayProps, PageLayout, Pagination, type PaginationProps, PassportIcon, PasswordFinderIcon, PencilIcon, PhonebookIcon, PlaneIcon, PlusIcon, PointIcon, PrintIcon, Profiler2Icon, ProfilerIcon, RelationIcon, RelationPointsIcon, type RenderCellProps, type RenderHeaderCellProps, RotateLeftIcon, RotateRightIcon, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, type StyledFabricComponent, SunIcon, Switch, type SwitchState, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, TailwindExample, type TailwindExampleProps, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Tooltip, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UploadImageIcon, UserInCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, createStyledComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getResponsiveProps, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useBreakpoint, useContextMenuControl, useTheme };
package/dist/index.d.ts CHANGED
@@ -3,7 +3,7 @@ export { ServerStyleSheet, StyleSheetManager } from 'styled-components';
3
3
  import * as styled_components_dist_types from 'styled-components/dist/types';
4
4
  import { DefaultTheme as DefaultTheme$1 } from 'styled-components/dist/types';
5
5
  import * as react from 'react';
6
- import react__default, { SVGProps, CSSProperties as CSSProperties$1, ElementType, InputHTMLAttributes, TextareaHTMLAttributes } from 'react';
6
+ import react__default, { SVGProps, CSSProperties as CSSProperties$1, ElementType, InputHTMLAttributes, TextareaHTMLAttributes, ReactNode } from 'react';
7
7
  import * as react_jsx_runtime from 'react/jsx-runtime';
8
8
  import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
9
9
  import { IContentLoaderProps } from 'react-content-loader';
@@ -476,6 +476,7 @@ type BaseButtonProps = {
476
476
  iconVariant?: 'filled' | 'empty';
477
477
  minWidth?: number;
478
478
  whiteSpace?: CSSProperties['whiteSpace'];
479
+ component?: react__default.ElementType;
479
480
  };
480
481
  type ButtonProps = (Omit<react__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'media'> | Omit<react__default.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'media'>) & BaseButtonProps;
481
482
  declare const Button: react__default.ForwardRefExoticComponent<FabricComponent<ButtonProps> & react__default.RefAttributes<unknown>>;
@@ -811,6 +812,11 @@ interface RotateRightIconProps extends SVGProps<SVGSVGElement> {
811
812
  }
812
813
  declare const RotateRightIcon: ({ fill, ...props }: RotateRightIconProps) => react_jsx_runtime.JSX.Element;
813
814
 
815
+ interface UploadImageIconProps extends SVGProps<SVGSVGElement> {
816
+ fill?: string;
817
+ }
818
+ declare const UploadImageIcon: ({ fill, ...props }: UploadImageIconProps) => react_jsx_runtime.JSX.Element;
819
+
814
820
  interface SidebarProps {
815
821
  defaultCollapsed?: boolean;
816
822
  children: any;
@@ -850,8 +856,9 @@ declare const SidebarContext: react.Context<SidebarContext>;
850
856
 
851
857
  interface SidebarItemBase {
852
858
  active?: boolean;
853
- icon?: React.ComponentType<SVGProps<SVGSVGElement>>;
859
+ icon?: React.ReactNode;
854
860
  label?: string;
861
+ component?: React.ElementType;
855
862
  }
856
863
  interface SidebarItemAnchor {
857
864
  href: string;
@@ -863,7 +870,7 @@ interface SidebarItemButton {
863
870
  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
864
871
  }
865
872
  type SidebarItemProps = SidebarItemBase & (SidebarItemAnchor | SidebarItemButton);
866
- declare const SidebarItem: ({ active, icon: Icon, label, ...props }: SidebarItemProps) => react_jsx_runtime.JSX.Element;
873
+ declare const SidebarItem: ({ active, icon, label, component, ...props }: SidebarItemProps) => react_jsx_runtime.JSX.Element;
867
874
 
868
875
  declare const SidebarDelimeter: () => react_jsx_runtime.JSX.Element;
869
876
 
@@ -1145,6 +1152,31 @@ type TextAreaElementProps = BaseInputProps & TextareaHTMLAttributes<HTMLTextArea
1145
1152
  type InputProps = InputElementProps | TextAreaElementProps;
1146
1153
  declare const Input: any;
1147
1154
 
1155
+ type FileFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange' | 'size'> & {
1156
+ error?: boolean;
1157
+ variant?: InputVariant;
1158
+ multiple?: boolean;
1159
+ accept?: string;
1160
+ uploadButtonText?: string;
1161
+ dragDropPlaceholder?: string;
1162
+ value?: File[];
1163
+ onChange?: (files: File[]) => void;
1164
+ onError?: (error: string) => void;
1165
+ dragDropClassName?: string;
1166
+ };
1167
+ declare const FileField: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "onChange"> & {
1168
+ error?: boolean;
1169
+ variant?: InputVariant;
1170
+ multiple?: boolean;
1171
+ accept?: string;
1172
+ uploadButtonText?: string;
1173
+ dragDropPlaceholder?: string;
1174
+ value?: File[];
1175
+ onChange?: (files: File[]) => void;
1176
+ onError?: (error: string) => void;
1177
+ dragDropClassName?: string;
1178
+ } & react.RefAttributes<HTMLInputElement>>;
1179
+
1148
1180
  type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
1149
1181
  type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
1150
1182
  type FlexJustify = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
@@ -1620,6 +1652,18 @@ interface TailwindExampleProps {
1620
1652
  }
1621
1653
  declare const TailwindExample: react__default.FC<TailwindExampleProps>;
1622
1654
 
1655
+ type ChatFieldProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'type'> & {
1656
+ error?: boolean;
1657
+ errorText?: string;
1658
+ button?: ReactNode;
1659
+ images?: File[];
1660
+ onChangeImages?: (files: File[]) => void;
1661
+ onError?: (error: string) => void;
1662
+ multiple?: boolean;
1663
+ fieldClassName?: string;
1664
+ };
1665
+ declare const ChatField: ({ multiple, value, onChangeImages, images, errorText, error, onError, button, fieldClassName, ...props }: ChatFieldProps) => react_jsx_runtime.JSX.Element;
1666
+
1623
1667
  interface PageLayoutProps {
1624
1668
  header?: any;
1625
1669
  sidebar?: any;
@@ -1814,4 +1858,4 @@ declare const FullscreenCard: react.ForwardRefExoticComponent<FullscreenCardProp
1814
1858
  } | undefined;
1815
1859
  } & react.RefAttributes<unknown>>;
1816
1860
 
1817
- export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BreakpointProvider, BugReportIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContentLoader, type ContentLoaderProps, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlashIcon, FlexContainer, FlexItem, FolderAlertIcon, FolderInfoIcon, FullscreenCard, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, IosIcon, Label, type LabelSize, type LabelSizeStyle, Line, LinerProgress, type LinkObject, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MicrosoftIcon, Modal, ModalBody, ModalFooter, ModalHeader, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, Overlay, type OverlayProps, PageLayout, Pagination, type PaginationProps, PassportIcon, PasswordFinderIcon, PencilIcon, PhonebookIcon, PlaneIcon, PlusIcon, PointIcon, PrintIcon, Profiler2Icon, ProfilerIcon, RelationIcon, RelationPointsIcon, type RenderCellProps, type RenderHeaderCellProps, RotateLeftIcon, RotateRightIcon, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, type StyledFabricComponent, SunIcon, Switch, type SwitchState, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, TailwindExample, type TailwindExampleProps, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Tooltip, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UserInCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, createStyledComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getResponsiveProps, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useBreakpoint, useContextMenuControl, useTheme };
1861
+ export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BreakpointProvider, BugReportIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, ChatField, type ChatFieldProps, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContentLoader, type ContentLoaderProps, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileField, type FileFieldProps, FileIcon, FiltersIcon, FlashIcon, FlexContainer, FlexItem, FolderAlertIcon, FolderInfoIcon, FullscreenCard, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, IosIcon, Label, type LabelSize, type LabelSizeStyle, Line, LinerProgress, type LinkObject, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MicrosoftIcon, Modal, ModalBody, ModalFooter, ModalHeader, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, Overlay, type OverlayProps, PageLayout, Pagination, type PaginationProps, PassportIcon, PasswordFinderIcon, PencilIcon, PhonebookIcon, PlaneIcon, PlusIcon, PointIcon, PrintIcon, Profiler2Icon, ProfilerIcon, RelationIcon, RelationPointsIcon, type RenderCellProps, type RenderHeaderCellProps, RotateLeftIcon, RotateRightIcon, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, type StyledFabricComponent, SunIcon, Switch, type SwitchState, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, TailwindExample, type TailwindExampleProps, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Tooltip, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UploadImageIcon, UserInCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, createStyledComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getResponsiveProps, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useBreakpoint, useContextMenuControl, useTheme };