@cyber-harbour/ui 2.0.1 → 2.0.3

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 +47 -15
  5. package/dist/index.d.ts +47 -15
  6. package/dist/index.js +316 -294
  7. package/dist/index.js.map +1 -1
  8. package/dist/index.mjs +351 -329
  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
@@ -1,3 +1,4 @@
1
+ import * as styled_components from 'styled-components';
1
2
  import { CSSProperties, DefaultTheme } from 'styled-components';
2
3
  export { ServerStyleSheet, StyleSheetManager } from 'styled-components';
3
4
  import * as styled_components_dist_types from 'styled-components/dist/types';
@@ -91,6 +92,7 @@ type Theme = {
91
92
  lighter: string;
92
93
  lightest: string;
93
94
  lightest2: string;
95
+ dark: string;
94
96
  };
95
97
  text: {
96
98
  main: string;
@@ -817,10 +819,19 @@ interface UploadImageIconProps extends SVGProps<SVGSVGElement> {
817
819
  }
818
820
  declare const UploadImageIcon: ({ fill, ...props }: UploadImageIconProps) => react_jsx_runtime.JSX.Element;
819
821
 
822
+ interface BurgerMenuIconProps extends SVGProps<SVGSVGElement> {
823
+ fill?: string;
824
+ }
825
+ declare const BurgerMenuIcon: ({ fill, ...props }: BurgerMenuIconProps) => react_jsx_runtime.JSX.Element;
826
+
827
+ interface ClockIconProps extends SVGProps<SVGSVGElement> {
828
+ fill?: string;
829
+ }
830
+ declare const ClockIcon: ({ fill, ...props }: ClockIconProps) => react_jsx_runtime.JSX.Element;
831
+
820
832
  interface SidebarProps {
821
833
  defaultCollapsed?: boolean;
822
834
  children: any;
823
- canGrow: boolean;
824
835
  }
825
836
  declare const Sidebar: react__default.ForwardRefExoticComponent<SidebarProps & {
826
837
  m?: string | number;
@@ -850,7 +861,6 @@ declare const Sidebar: react__default.ForwardRefExoticComponent<SidebarProps & {
850
861
  interface SidebarContext {
851
862
  collapsed: boolean;
852
863
  setCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
853
- canGrow: boolean;
854
864
  }
855
865
  declare const SidebarContext: react.Context<SidebarContext>;
856
866
 
@@ -858,6 +868,7 @@ interface SidebarItemBase {
858
868
  active?: boolean;
859
869
  icon?: React.ReactNode;
860
870
  label?: string;
871
+ height?: number;
861
872
  component?: React.ElementType;
862
873
  }
863
874
  interface SidebarItemAnchor {
@@ -870,17 +881,19 @@ interface SidebarItemButton {
870
881
  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
871
882
  }
872
883
  type SidebarItemProps = SidebarItemBase & (SidebarItemAnchor | SidebarItemButton);
873
- declare const SidebarItem: ({ active, icon, label, component, ...props }: SidebarItemProps) => react_jsx_runtime.JSX.Element;
884
+ declare const SidebarItem: ({ active, icon, label, component, height, ...props }: SidebarItemProps) => react_jsx_runtime.JSX.Element;
874
885
 
875
886
  declare const SidebarDelimeter: () => react_jsx_runtime.JSX.Element;
876
887
 
888
+ type SectionRole = 'header' | 'footer' | 'content';
877
889
  interface SidebarSectionProps {
878
890
  grow?: number;
879
891
  shrink?: number;
880
892
  basis?: CSSProperties['flexBasis'];
881
893
  items: React.ReactElement[];
894
+ role: SectionRole;
882
895
  }
883
- declare const SidebarSection: ({ grow, shrink, basis, items }: SidebarSectionProps) => react_jsx_runtime.JSX.Element;
896
+ declare const SidebarSection: ({ grow, shrink, basis, items, role }: SidebarSectionProps) => react_jsx_runtime.JSX.Element;
884
897
 
885
898
  type TypographyProps = FabricComponent<{
886
899
  style?: CSSProperties$1;
@@ -1018,7 +1031,7 @@ declare const ListMenuSection: ({ title, items }: ListMenuSectionProps) => react
1018
1031
  interface HeaderProps {
1019
1032
  children?: any;
1020
1033
  }
1021
- declare const Header: ({ children }: HeaderProps) => react_jsx_runtime.JSX.Element;
1034
+ declare const Header: react.ForwardRefExoticComponent<HeaderProps & react.RefAttributes<HTMLHeadElement>>;
1022
1035
 
1023
1036
  declare const HeaderDelimeter: () => react_jsx_runtime.JSX.Element;
1024
1037
 
@@ -1082,9 +1095,9 @@ interface ContextMenuProps {
1082
1095
  }
1083
1096
  declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, hasBorder, maxHeight, matchAnchorWidth, anchorIcon, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
1084
1097
 
1085
- interface StyledProps {
1098
+ interface StyledProps$1 {
1086
1099
  }
1087
- declare const ContextMenuDelimiter: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
1100
+ declare const ContextMenuDelimiter: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps$1>> & string;
1088
1101
 
1089
1102
  declare const useContextMenuControl: () => {
1090
1103
  isOpen: boolean;
@@ -1287,6 +1300,7 @@ type TagProps = FabricComponent<{
1287
1300
  variant?: TagVariant;
1288
1301
  color?: TagColor;
1289
1302
  className?: string;
1303
+ radius?: number;
1290
1304
  icon?: any;
1291
1305
  disabled?: boolean;
1292
1306
  onClick?: () => void;
@@ -1297,6 +1311,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
1297
1311
  variant?: TagVariant;
1298
1312
  color?: TagColor;
1299
1313
  className?: string;
1314
+ radius?: number;
1300
1315
  icon?: any;
1301
1316
  disabled?: boolean;
1302
1317
  onClick?: () => void;
@@ -1323,6 +1338,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
1323
1338
  variant?: TagVariant;
1324
1339
  color?: TagColor;
1325
1340
  className?: string;
1341
+ radius?: number;
1326
1342
  icon?: any;
1327
1343
  disabled?: boolean;
1328
1344
  onClick?: () => void;
@@ -1333,6 +1349,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
1333
1349
  variant?: TagVariant;
1334
1350
  color?: TagColor;
1335
1351
  className?: string;
1352
+ radius?: number;
1336
1353
  icon?: any;
1337
1354
  disabled?: boolean;
1338
1355
  onClick?: () => void;
@@ -1343,6 +1360,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
1343
1360
  variant?: TagVariant;
1344
1361
  color?: TagColor;
1345
1362
  className?: string;
1363
+ radius?: number;
1346
1364
  icon?: any;
1347
1365
  disabled?: boolean;
1348
1366
  onClick?: () => void;
@@ -1353,6 +1371,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
1353
1371
  variant?: TagVariant;
1354
1372
  color?: TagColor;
1355
1373
  className?: string;
1374
+ radius?: number;
1356
1375
  icon?: any;
1357
1376
  disabled?: boolean;
1358
1377
  onClick?: () => void;
@@ -1363,6 +1382,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
1363
1382
  variant?: TagVariant;
1364
1383
  color?: TagColor;
1365
1384
  className?: string;
1385
+ radius?: number;
1366
1386
  icon?: any;
1367
1387
  disabled?: boolean;
1368
1388
  onClick?: () => void;
@@ -1665,17 +1685,29 @@ type ChatFieldProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'type'>
1665
1685
  declare const ChatField: ({ multiple, value, onChangeImages, images, errorText, error, onError, button, fieldClassName, ...props }: ChatFieldProps) => react_jsx_runtime.JSX.Element;
1666
1686
 
1667
1687
  interface PageLayoutProps {
1668
- header?: any;
1669
- sidebar?: any;
1670
1688
  children?: any;
1671
1689
  className?: string;
1672
1690
  }
1673
- declare const PageLayout: ({ children, header, sidebar, className }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
1674
- interface StyledContainerProps {
1675
- $withHeader?: boolean;
1676
- $withSidebar?: boolean;
1691
+ declare const PageLayout: ({ children, className }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
1692
+ declare const StyledContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
1693
+
1694
+ interface ContentProps {
1695
+ children: any;
1696
+ className?: string;
1697
+ }
1698
+ declare const PageContent: ({ children, className }: ContentProps) => react_jsx_runtime.JSX.Element;
1699
+ declare const StyledMain: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
1700
+
1701
+ interface SubNavProps {
1702
+ children?: any;
1703
+ className?: string;
1704
+ top?: number;
1677
1705
  }
1678
- declare const StyledContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContainerProps>> & string;
1706
+ declare const SubNav: ({ children, className, top }: SubNavProps) => react_jsx_runtime.JSX.Element;
1707
+ type StyledProps = {
1708
+ $top: number;
1709
+ };
1710
+ declare const Styled: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
1679
1711
 
1680
1712
  type ContainerProps = {
1681
1713
  children: any;
@@ -1858,4 +1890,4 @@ declare const FullscreenCard: react.ForwardRefExoticComponent<FullscreenCardProp
1858
1890
  } | undefined;
1859
1891
  } & react.RefAttributes<unknown>>;
1860
1892
 
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 };
1893
+ export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BreakpointProvider, BugReportIcon, BurgerMenuIcon, 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, ClockIcon, 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, PageContent, 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, Styled, StyledContainer, type StyledFabricComponent, StyledMain, SubNav, 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
@@ -1,3 +1,4 @@
1
+ import * as styled_components from 'styled-components';
1
2
  import { CSSProperties, DefaultTheme } from 'styled-components';
2
3
  export { ServerStyleSheet, StyleSheetManager } from 'styled-components';
3
4
  import * as styled_components_dist_types from 'styled-components/dist/types';
@@ -91,6 +92,7 @@ type Theme = {
91
92
  lighter: string;
92
93
  lightest: string;
93
94
  lightest2: string;
95
+ dark: string;
94
96
  };
95
97
  text: {
96
98
  main: string;
@@ -817,10 +819,19 @@ interface UploadImageIconProps extends SVGProps<SVGSVGElement> {
817
819
  }
818
820
  declare const UploadImageIcon: ({ fill, ...props }: UploadImageIconProps) => react_jsx_runtime.JSX.Element;
819
821
 
822
+ interface BurgerMenuIconProps extends SVGProps<SVGSVGElement> {
823
+ fill?: string;
824
+ }
825
+ declare const BurgerMenuIcon: ({ fill, ...props }: BurgerMenuIconProps) => react_jsx_runtime.JSX.Element;
826
+
827
+ interface ClockIconProps extends SVGProps<SVGSVGElement> {
828
+ fill?: string;
829
+ }
830
+ declare const ClockIcon: ({ fill, ...props }: ClockIconProps) => react_jsx_runtime.JSX.Element;
831
+
820
832
  interface SidebarProps {
821
833
  defaultCollapsed?: boolean;
822
834
  children: any;
823
- canGrow: boolean;
824
835
  }
825
836
  declare const Sidebar: react__default.ForwardRefExoticComponent<SidebarProps & {
826
837
  m?: string | number;
@@ -850,7 +861,6 @@ declare const Sidebar: react__default.ForwardRefExoticComponent<SidebarProps & {
850
861
  interface SidebarContext {
851
862
  collapsed: boolean;
852
863
  setCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
853
- canGrow: boolean;
854
864
  }
855
865
  declare const SidebarContext: react.Context<SidebarContext>;
856
866
 
@@ -858,6 +868,7 @@ interface SidebarItemBase {
858
868
  active?: boolean;
859
869
  icon?: React.ReactNode;
860
870
  label?: string;
871
+ height?: number;
861
872
  component?: React.ElementType;
862
873
  }
863
874
  interface SidebarItemAnchor {
@@ -870,17 +881,19 @@ interface SidebarItemButton {
870
881
  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
871
882
  }
872
883
  type SidebarItemProps = SidebarItemBase & (SidebarItemAnchor | SidebarItemButton);
873
- declare const SidebarItem: ({ active, icon, label, component, ...props }: SidebarItemProps) => react_jsx_runtime.JSX.Element;
884
+ declare const SidebarItem: ({ active, icon, label, component, height, ...props }: SidebarItemProps) => react_jsx_runtime.JSX.Element;
874
885
 
875
886
  declare const SidebarDelimeter: () => react_jsx_runtime.JSX.Element;
876
887
 
888
+ type SectionRole = 'header' | 'footer' | 'content';
877
889
  interface SidebarSectionProps {
878
890
  grow?: number;
879
891
  shrink?: number;
880
892
  basis?: CSSProperties['flexBasis'];
881
893
  items: React.ReactElement[];
894
+ role: SectionRole;
882
895
  }
883
- declare const SidebarSection: ({ grow, shrink, basis, items }: SidebarSectionProps) => react_jsx_runtime.JSX.Element;
896
+ declare const SidebarSection: ({ grow, shrink, basis, items, role }: SidebarSectionProps) => react_jsx_runtime.JSX.Element;
884
897
 
885
898
  type TypographyProps = FabricComponent<{
886
899
  style?: CSSProperties$1;
@@ -1018,7 +1031,7 @@ declare const ListMenuSection: ({ title, items }: ListMenuSectionProps) => react
1018
1031
  interface HeaderProps {
1019
1032
  children?: any;
1020
1033
  }
1021
- declare const Header: ({ children }: HeaderProps) => react_jsx_runtime.JSX.Element;
1034
+ declare const Header: react.ForwardRefExoticComponent<HeaderProps & react.RefAttributes<HTMLHeadElement>>;
1022
1035
 
1023
1036
  declare const HeaderDelimeter: () => react_jsx_runtime.JSX.Element;
1024
1037
 
@@ -1082,9 +1095,9 @@ interface ContextMenuProps {
1082
1095
  }
1083
1096
  declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, hasBorder, maxHeight, matchAnchorWidth, anchorIcon, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
1084
1097
 
1085
- interface StyledProps {
1098
+ interface StyledProps$1 {
1086
1099
  }
1087
- declare const ContextMenuDelimiter: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
1100
+ declare const ContextMenuDelimiter: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps$1>> & string;
1088
1101
 
1089
1102
  declare const useContextMenuControl: () => {
1090
1103
  isOpen: boolean;
@@ -1287,6 +1300,7 @@ type TagProps = FabricComponent<{
1287
1300
  variant?: TagVariant;
1288
1301
  color?: TagColor;
1289
1302
  className?: string;
1303
+ radius?: number;
1290
1304
  icon?: any;
1291
1305
  disabled?: boolean;
1292
1306
  onClick?: () => void;
@@ -1297,6 +1311,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
1297
1311
  variant?: TagVariant;
1298
1312
  color?: TagColor;
1299
1313
  className?: string;
1314
+ radius?: number;
1300
1315
  icon?: any;
1301
1316
  disabled?: boolean;
1302
1317
  onClick?: () => void;
@@ -1323,6 +1338,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
1323
1338
  variant?: TagVariant;
1324
1339
  color?: TagColor;
1325
1340
  className?: string;
1341
+ radius?: number;
1326
1342
  icon?: any;
1327
1343
  disabled?: boolean;
1328
1344
  onClick?: () => void;
@@ -1333,6 +1349,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
1333
1349
  variant?: TagVariant;
1334
1350
  color?: TagColor;
1335
1351
  className?: string;
1352
+ radius?: number;
1336
1353
  icon?: any;
1337
1354
  disabled?: boolean;
1338
1355
  onClick?: () => void;
@@ -1343,6 +1360,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
1343
1360
  variant?: TagVariant;
1344
1361
  color?: TagColor;
1345
1362
  className?: string;
1363
+ radius?: number;
1346
1364
  icon?: any;
1347
1365
  disabled?: boolean;
1348
1366
  onClick?: () => void;
@@ -1353,6 +1371,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
1353
1371
  variant?: TagVariant;
1354
1372
  color?: TagColor;
1355
1373
  className?: string;
1374
+ radius?: number;
1356
1375
  icon?: any;
1357
1376
  disabled?: boolean;
1358
1377
  onClick?: () => void;
@@ -1363,6 +1382,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
1363
1382
  variant?: TagVariant;
1364
1383
  color?: TagColor;
1365
1384
  className?: string;
1385
+ radius?: number;
1366
1386
  icon?: any;
1367
1387
  disabled?: boolean;
1368
1388
  onClick?: () => void;
@@ -1665,17 +1685,29 @@ type ChatFieldProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'type'>
1665
1685
  declare const ChatField: ({ multiple, value, onChangeImages, images, errorText, error, onError, button, fieldClassName, ...props }: ChatFieldProps) => react_jsx_runtime.JSX.Element;
1666
1686
 
1667
1687
  interface PageLayoutProps {
1668
- header?: any;
1669
- sidebar?: any;
1670
1688
  children?: any;
1671
1689
  className?: string;
1672
1690
  }
1673
- declare const PageLayout: ({ children, header, sidebar, className }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
1674
- interface StyledContainerProps {
1675
- $withHeader?: boolean;
1676
- $withSidebar?: boolean;
1691
+ declare const PageLayout: ({ children, className }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
1692
+ declare const StyledContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
1693
+
1694
+ interface ContentProps {
1695
+ children: any;
1696
+ className?: string;
1697
+ }
1698
+ declare const PageContent: ({ children, className }: ContentProps) => react_jsx_runtime.JSX.Element;
1699
+ declare const StyledMain: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
1700
+
1701
+ interface SubNavProps {
1702
+ children?: any;
1703
+ className?: string;
1704
+ top?: number;
1677
1705
  }
1678
- declare const StyledContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContainerProps>> & string;
1706
+ declare const SubNav: ({ children, className, top }: SubNavProps) => react_jsx_runtime.JSX.Element;
1707
+ type StyledProps = {
1708
+ $top: number;
1709
+ };
1710
+ declare const Styled: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
1679
1711
 
1680
1712
  type ContainerProps = {
1681
1713
  children: any;
@@ -1858,4 +1890,4 @@ declare const FullscreenCard: react.ForwardRefExoticComponent<FullscreenCardProp
1858
1890
  } | undefined;
1859
1891
  } & react.RefAttributes<unknown>>;
1860
1892
 
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 };
1893
+ export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BreakpointProvider, BugReportIcon, BurgerMenuIcon, 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, ClockIcon, 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, PageContent, 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, Styled, StyledContainer, type StyledFabricComponent, StyledMain, SubNav, 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 };