@rocketui/vue 0.0.47 → 0.0.49

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 (169) hide show
  1. package/dist/rocket-ui-vue.cjs.js +1 -0
  2. package/dist/rocket-ui-vue.d.ts +1812 -0
  3. package/dist/rocket-ui-vue.es.js +9270 -0
  4. package/dist/rocket-ui-vue.umd.js +1 -0
  5. package/dist/style.css +2 -0
  6. package/package.json +7 -1
  7. package/.eslintrc.cjs +0 -79
  8. package/.gitattributes +0 -2
  9. package/.github/workflows/chromatic.yml +0 -28
  10. package/.github/workflows/publish-storybook.yml +0 -41
  11. package/.husky/pre-commit +0 -4
  12. package/.prettierrc.cjs +0 -10
  13. package/.storybook/Theme.js +0 -17
  14. package/.storybook/main.ts +0 -20
  15. package/.storybook/manager-head.html +0 -3
  16. package/.storybook/manager.js +0 -8
  17. package/.storybook/preview-head.html +0 -3
  18. package/.storybook/preview.ts +0 -36
  19. package/.storybook/source-panel/manager.js +0 -28
  20. package/.storybook/withSource.js +0 -91
  21. package/.vscode/extensions.json +0 -11
  22. package/.vscode/settings.json +0 -20
  23. package/index.html +0 -13
  24. package/lib/main.ts +0 -48
  25. package/postcss.config.cjs +0 -9
  26. package/resources/rocket-ui-logo-dark.svg +0 -27
  27. package/resources/rocket-ui-logo-light.svg +0 -27
  28. package/shims-rocketui.d.ts +0 -9
  29. package/src/App.vue +0 -15
  30. package/src/assets/blank-avatar.svg +0 -3
  31. package/src/assets/icons/mdi.js +0 -7302
  32. package/src/assets/logo.svg +0 -1
  33. package/src/components/Accordion/Accordion.mdx +0 -88
  34. package/src/components/Accordion/Accordion.stories.ts +0 -257
  35. package/src/components/Accordion/RAccordion.vue +0 -73
  36. package/src/components/Accordion/accordion.css +0 -75
  37. package/src/components/Accordion/accordion.spec.ts +0 -123
  38. package/src/components/Alert/Alert.mdx +0 -120
  39. package/src/components/Alert/Alert.stories.ts +0 -118
  40. package/src/components/Alert/RAlert.vue +0 -119
  41. package/src/components/Alert/alert.css +0 -136
  42. package/src/components/Alert/alert.spec.ts +0 -32
  43. package/src/components/Avatar/Avatar.mdx +0 -96
  44. package/src/components/Avatar/Avatar.stories.ts +0 -65
  45. package/src/components/Avatar/RAvatar.vue +0 -115
  46. package/src/components/Avatar/avatar.css +0 -82
  47. package/src/components/Avatar/avatar.spec.ts +0 -38
  48. package/src/components/Badge/Badge.mdx +0 -112
  49. package/src/components/Badge/Badge.stories.ts +0 -99
  50. package/src/components/Badge/RBadge.vue +0 -89
  51. package/src/components/Badge/badge.css +0 -63
  52. package/src/components/Badge/badge.spec.ts +0 -20
  53. package/src/components/Box/Box.mdx +0 -20
  54. package/src/components/Box/Box.stories.ts +0 -56
  55. package/src/components/Box/RBox.vue +0 -97
  56. package/src/components/Breadcrumb/Breadcrumb.stories.ts +0 -115
  57. package/src/components/Breadcrumb/RBreadcrumb.vue +0 -43
  58. package/src/components/Breadcrumb/breadcrumb.css +0 -29
  59. package/src/components/Button/Button.mdx +0 -148
  60. package/src/components/Button/Button.spec.ts +0 -29
  61. package/src/components/Button/Button.stories.ts +0 -118
  62. package/src/components/Button/RButton.vue +0 -179
  63. package/src/components/Button/button.css +0 -146
  64. package/src/components/Checkbox/Checkbox.mdx +0 -100
  65. package/src/components/Checkbox/Checkbox.stories.ts +0 -67
  66. package/src/components/Checkbox/RCheckbox.vue +0 -195
  67. package/src/components/Checkbox/checkbox.css +0 -67
  68. package/src/components/Checkbox/checkbox.spec.ts +0 -60
  69. package/src/components/Chips/Chip.mdx +0 -113
  70. package/src/components/Chips/Chip.stories.ts +0 -122
  71. package/src/components/Chips/RChip.vue +0 -125
  72. package/src/components/Chips/chip.css +0 -62
  73. package/src/components/Chips/chip.spec.ts +0 -40
  74. package/src/components/Dropdown/Dropdown.mdx +0 -135
  75. package/src/components/Dropdown/Dropdown.stories.ts +0 -84
  76. package/src/components/Dropdown/RDropdown.vue +0 -392
  77. package/src/components/Dropdown/dropdown.css +0 -113
  78. package/src/components/Dropdown/dropdown.spec.ts +0 -98
  79. package/src/components/Flex/Flex.mdx +0 -20
  80. package/src/components/Flex/Flex.stories.js +0 -127
  81. package/src/components/Flex/RFlex.vue +0 -91
  82. package/src/components/Grid/Grid.mdx +0 -20
  83. package/src/components/Grid/Grid.stories.js +0 -107
  84. package/src/components/Grid/RGrid.vue +0 -138
  85. package/src/components/Icon/Icon.mdx +0 -68
  86. package/src/components/Icon/Icon.stories.ts +0 -33
  87. package/src/components/Icon/RIcon.vue +0 -56
  88. package/src/components/Icon/icon.spec.ts +0 -25
  89. package/src/components/ItemGroup/ItemGroup.stories.ts +0 -91
  90. package/src/components/ItemGroup/RItem.vue +0 -74
  91. package/src/components/ItemGroup/RItemGroup.vue +0 -122
  92. package/src/components/ItemGroup/__snapshots__/itemgroup.spec.ts.snap +0 -13
  93. package/src/components/ItemGroup/itemgroup.spec.ts +0 -67
  94. package/src/components/Label/Label.mdx +0 -50
  95. package/src/components/Label/Label.stories.ts +0 -38
  96. package/src/components/Label/RLabel.vue +0 -42
  97. package/src/components/Label/label.css +0 -0
  98. package/src/components/Modal/Modal.mdx +0 -91
  99. package/src/components/Modal/Modal.stories.ts +0 -125
  100. package/src/components/Modal/RModal.vue +0 -130
  101. package/src/components/Modal/modal.css +0 -41
  102. package/src/components/Modal/modal.spec.ts +0 -25
  103. package/src/components/Pagination/Pagination.stories.ts +0 -24
  104. package/src/components/Pagination/RPagination.vue +0 -103
  105. package/src/components/Pagination/pagination.css +0 -47
  106. package/src/components/Pagination/pagination.spec.ts +0 -17
  107. package/src/components/ProgressBar/ProgressBar.stories.ts +0 -34
  108. package/src/components/ProgressBar/RProgressBar.vue +0 -21
  109. package/src/components/ProgressBar/progressbar.css +0 -24
  110. package/src/components/ProgressBar/progressbar.spec.ts +0 -17
  111. package/src/components/Shared/Enums.ts +0 -1
  112. package/src/components/Sidebar/RSidebar.vue +0 -27
  113. package/src/components/Sidebar/Sidebar.mdx +0 -31
  114. package/src/components/Sidebar/Sidebar.stories.ts +0 -34
  115. package/src/components/Sidebar/sidebar.css +0 -18
  116. package/src/components/Sidebar/sidebar.spec.ts +0 -33
  117. package/src/components/Snackbar/RSnackbar.vue +0 -136
  118. package/src/components/Snackbar/Snackbar.mdx +0 -126
  119. package/src/components/Snackbar/Snackbar.stories.ts +0 -93
  120. package/src/components/Snackbar/snackbar.css +0 -99
  121. package/src/components/Snackbar/snackbar.spec.ts +0 -56
  122. package/src/components/Switch/RSwitch.vue +0 -147
  123. package/src/components/Switch/Switch.mdx +0 -102
  124. package/src/components/Switch/Switch.stories.ts +0 -79
  125. package/src/components/Switch/switch.css +0 -102
  126. package/src/components/Switch/switch.spec.ts +0 -31
  127. package/src/components/TabItem/RTabItem.vue +0 -175
  128. package/src/components/TabItem/TabItem.mdx +0 -95
  129. package/src/components/TabItem/TabItem.spec.ts +0 -29
  130. package/src/components/TabItem/TabItem.stories.ts +0 -97
  131. package/src/components/TabItem/common.ts +0 -6
  132. package/src/components/TabItem/tab-item.css +0 -29
  133. package/src/components/Tabs/RTabs.vue +0 -94
  134. package/src/components/Tabs/Tabs.mdx +0 -78
  135. package/src/components/Tabs/Tabs.spec.ts +0 -28
  136. package/src/components/Tabs/Tabs.stories.ts +0 -191
  137. package/src/components/Tabs/tabs.css +0 -13
  138. package/src/components/Tabs/types.ts +0 -11
  139. package/src/components/TextArea/RTextArea.vue +0 -142
  140. package/src/components/TextArea/TextArea.mdx +0 -108
  141. package/src/components/TextArea/TextArea.stories.ts +0 -55
  142. package/src/components/TextArea/textarea.css +0 -51
  143. package/src/components/TextArea/textarea.spec.ts +0 -36
  144. package/src/components/Textfield/RTextfield.vue +0 -372
  145. package/src/components/Textfield/Textfield.mdx +0 -159
  146. package/src/components/Textfield/Textfield.stories.ts +0 -121
  147. package/src/components/Textfield/textfield.css +0 -81
  148. package/src/components/Textfield/textfield.spec.ts +0 -34
  149. package/src/components/Tooltip/RTooltip.vue +0 -325
  150. package/src/components/Tooltip/Tooltip.mdx +0 -111
  151. package/src/components/Tooltip/Tooltip.stories.ts +0 -203
  152. package/src/components/Tooltip/common.ts +0 -91
  153. package/src/components/Tooltip/tooltip.css +0 -34
  154. package/src/components/Tooltip/tooltip.spec.ts +0 -81
  155. package/src/components/Typography/Typography.mdx +0 -109
  156. package/src/components/Typography/typography.css +0 -128
  157. package/src/directives/index.ts +0 -19
  158. package/src/index.css +0 -241
  159. package/src/main.ts +0 -5
  160. package/src/scripts/buildIcons.js +0 -21
  161. package/src/stories/Colors.mdx +0 -355
  162. package/src/stories/GettingStarted.mdx +0 -121
  163. package/src/stories/Layout.mdx +0 -15
  164. package/tailwind.config.cjs +0 -16
  165. package/tsconfig.json +0 -24
  166. package/vite.config.ts +0 -39
  167. package/vitest.config.ts +0 -12
  168. /package/{public → dist}/design-tokens.source.json +0 -0
  169. /package/{public → dist}/favicon.ico +0 -0
package/dist/style.css ADDED
@@ -0,0 +1,2 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Albert+Sans:wght@200;300;400;500;600;700;800&family=Roboto:wght@100&display=swap";.text-h1{font-size:4.5rem;font-weight:400;line-height:5.7rem}@media (max-width: 767px){.text-h1{font-size:3rem;line-height:3.5rem}}.text-h2{font-size:3.75rem;font-weight:400;line-height:4.75rem}@media (max-width: 767px){.text-h2{font-size:2.5rem;line-height:3rem}}.text-h3{font-size:3rem;font-weight:400;line-height:3.875rem}@media (max-width: 767px){.text-h3{font-size:2rem;line-height:2.5rem}}.text-h4{font-size:2.5rem;font-weight:400;line-height:3.25rem}@media (max-width: 767px){.text-h4{font-size:1.5rem;line-height:2rem}}.text-h5{font-size:2rem;font-weight:400;line-height:2.625rem}@media (max-width: 767px){.text-h5{font-size:1.25rem;line-height:1.75rem}}.text-title{font-size:1.5rem;font-weight:400;line-height:2rem}@media (max-width: 767px){.text-title{font-size:1.125rem;line-height:1.5rem}}.text-sub-title-1{font-size:1.25rem;font-weight:400;line-height:1.75rem}@media (max-width: 767px){.text-sub-title-1{font-size:1rem;line-height:1.5rem}}.text-sub-title-2{font-size:1.125rem;font-weight:400;line-height:1.625rem}@media (max-width: 767px){.text-sub-title-2{font-size:.875rem;line-height:1.25rem}}.text-body{font-size:1rem;font-weight:400;line-height:1.5rem}@media (max-width: 767px){.text-body{font-size:.875rem;line-height:1.25rem}}.text-body-1{font-size:.875rem;font-weight:400;line-height:1.25rem}@media (max-width: 767px){.text-body-1{font-size:.75rem;line-height:1rem}}.text-body-2{font-size:.75rem;font-weight:400;line-height:1rem}@media (max-width: 767px){.text-body-2{font-size:.625rem;line-height:.875rem}}.text-caption{font-size:.625rem;font-weight:400;line-height:.875rem}.r-accordion{margin-bottom:1.5rem;border-radius:.5rem;border-width:1px;border-color:var(--neutral-200);padding:.75rem 1rem}.r-accordion:hover:not(.r-accordion--disabled){border-color:var(--primary-500)}.r-accordion--disabled{cursor:not-allowed;background-color:var(--neutral-100)}.r-accordion--disabled .r-accordion__header{cursor:not-allowed}.r-accordion--disabled .r-accordion__header .accordion__title,.r-accordion--disabled .r-accordion__header .accordion__icon{color:var(--neutral-500)}.r-accordion__header{display:flex;cursor:pointer;align-items:center;justify-content:space-between}.r-accordion__title{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--neutral-900)}.r-accordion__icon{display:grid;align-items:center;color:var(--neutral-900)}.r-accordion__content{max-height:0px;overflow-y:auto;font-size:.875rem;line-height:1.25rem;font-weight:400;color:var(--neutral-500);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.r-accordion[data-state=opened]{border-color:var(--primary-500);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-color: var(--primary-200)}.r-accordion[data-state=opened] .r-accordion__icon{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));color:var(--primary-500)}.r-accordion[data-state=opened] .r-accordion__content{margin-top:.75rem;max-height:var(--accordion-content-max-height);animation:slideDown;transition-duration:.3s}.r-accordion[data-state=closed] .r-accordion__content{margin-top:0;max-height:0px;animation:slideUp;overflow:hidden;transition-duration:.3s}@keyframes slideDown{0%{height:0}to{height:var(--accordion-content-max-height)}}@keyframes slideUp{0%{height:var(--accordion-content-max-height)}to{height:0}}.r-alert{box-sizing:border-box;display:inline-flex;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:1s}.r-alert--block{width:100%}.r-alert--block .r-alert__content{max-width:100%}.r-alert--solid,.r-alert--solid .r-alert__content,.r-alert--solid .r-alert__content .r-alert__content__description,.r-alert--solid .r-alert__close{color:var(--white)}.r-alert--solid--success{background-color:var(--success-500)}.r-alert--solid--error{background-color:var(--error-500)}.r-alert--solid--warning{background-color:var(--warning-500)}.r-alert--solid--info{background-color:var(--info-500)}.r-alert--outline{border-width:1px;border-style:solid;background-color:transparent}.r-alert--outline--success{border-color:var(--success-500);color:var(--success-500)}.r-alert--outline--success .r-alert__content__description{color:var(--success-500)}.r-alert--outline--error{border-color:var(--error-500);color:var(--error-500)}.r-alert--outline--error .r-alert__content__description{color:var(--error-500)}.r-alert--outline--warning{border-color:var(--warning-500);color:var(--warning-500)}.r-alert--outline--warning .r-alert__content__description{color:var(--warning-500)}.r-alert--outline--info{border-color:var(--info-500);color:var(--info-500)}.r-alert--outline--info .r-alert__content__description{color:var(--info-500)}.r-alert--ghost{border-style:none;color:var(--neutral-900)}.r-alert--ghost--success{background-color:var(--success-100)}.r-alert--ghost--success .r-alert__icon{color:var(--success-500)}.r-alert--ghost--error{background-color:var(--error-100)}.r-alert--ghost--error .r-alert__icon{color:var(--error-500)}.r-alert--ghost--warning{background-color:var(--warning-100)}.r-alert--ghost--warning .r-alert__icon{color:var(--warning-500)}.r-alert--ghost--info{background-color:var(--info-100)}.r-alert--ghost--info .r-alert__icon{color:var(--info-500)}.r-alert__icon{display:grid;place-items:start}.r-alert__content{display:grid;width:100%;min-width:21rem;max-width:24rem;place-items:start;justify-items:start;padding-left:1rem;padding-right:1rem}.r-alert__content__title{font-weight:500}.r-alert__content__description{color:var(--neutral-600)}.r-alert__close{display:grid;cursor:pointer;place-items:start;color:var(--neutral-900)}.avatar{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:9999px;background-color:var(--primary-100)}.avatar__wrapper{position:relative;max-width:-moz-min-content;max-width:min-content}.avatar--xs{height:1.5rem;width:1.5rem}.avatar--sm{height:2rem;width:2rem}.avatar--md{height:2.5rem;width:2.5rem}.avatar--lg{height:3rem;width:3rem}.avatar--xl{height:3.5rem;width:3.5rem}.avatar--2xl{height:4rem;width:4rem}.avatar__text{font-weight:600;color:var(--primary-500)}.avatar__text--xs{font-size:.75rem;line-height:1rem}.avatar__text--sm{font-size:.875rem;line-height:1.25rem}.avatar__text--md{font-size:1rem;line-height:1.5rem}.avatar__text--lg{font-size:1.25rem;line-height:1.75rem}.avatar__text--xl,.avatar__text--2xl{font-size:1.5rem;line-height:2rem}.avatar__image{top:0px;right:0px;bottom:0px;left:0px;-o-object-fit:cover;object-fit:cover}.avatar__image--anonymous{height:40%;width:40%}.avatar__online{position:absolute;border-radius:9999px;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.avatar__online--xs{right:1px;bottom:1px;height:.375rem;width:.375rem;border-width:1px}.avatar__online--sm{right:1px;bottom:1px;height:.5rem;width:.5rem;border-width:1px}.avatar__online--md{right:.125rem;bottom:.125rem;height:.5rem;width:.5rem;border-width:1.25px}.avatar__online--lg{right:1.5px;bottom:1.5px;height:.75rem;width:.75rem;border-width:1.5px}.avatar__online--xl{right:.125rem;bottom:.125rem;height:.875rem;width:.875rem;border-width:2px}.avatar__online--2xl{right:.125rem;bottom:.125rem;height:1rem;width:1rem;border-width:2px}.badge-wrapper{position:relative;display:flex;max-width:-moz-max-content;max-width:max-content;align-items:center;justify-content:center;padding:.5rem}.badge{position:absolute;z-index:50;border-radius:9999px;background-color:var(--primary-500);padding-top:0;padding-bottom:0;padding-left:.25rem;padding-right:.25rem}.badge--right{top:-.25rem;right:-.25rem}.badge--left{top:-.25rem;left:-.25rem}.badge--bottom{right:-.25rem;bottom:-.25rem}.badge--hover{opacity:0;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .badge--hover{opacity:1}.badge--outside-right{top:-.5rem;right:-.5rem}.badge--outside-left{top:-.5rem;left:-.5rem}.badge--outside-bottom{right:-.5rem;bottom:-.5rem}.badge--overlap-right{top:0px;right:0px}.badge--overlap-left{top:0px;left:0px}.badge--overlap-bottom{right:0px;bottom:0px}.badge--no-content{height:.5rem;width:.5rem;padding-top:.25rem;padding-bottom:.25rem}.badge--primary{background-color:var(--primary-500)}.badge--success{background-color:var(--success-500)}.badge--warning{background-color:var(--warning-500)}.badge--error{background-color:var(--error-500)}.badge--neutral{background-color:var(--neutral-500)}.badge__content{display:grid;place-items:center;font-size:10px;font-weight:700;line-height:14px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.button{display:flex;width:-moz-fit-content;width:fit-content;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--btn-radius);font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.button:active{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;animation:manipulation 15s ease-in}.button:disabled{cursor:not-allowed}.button--large{height:3.5rem;padding:1rem 1.5rem;font-size:1rem;line-height:1.5rem}.button--medium{height:3rem;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem}.button--small{height:2.25rem;padding:.5rem 1rem;font-size:.75rem;line-height:1rem}.button--loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.button--large.button--only-icon{padding:1rem}.button--medium.button--only-icon{padding:.875rem}.button--small.button--only-icon{padding:.5rem 1rem}.button--block{width:100%}.button__prepend-icon{margin-right:.5rem}.button__prepend-icon--only{margin-right:0}.button__append-icon{margin-left:.5rem}.button--primary{background-color:var(--primary-500)}.button--primary:hover{background-color:var(--primary-700)}.button--primary:active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--primary-500);--tw-ring-color: var(--primary-100)}.button--primary:disabled{background-color:var(--primary-200);color:var(--primary-300)}.button--secondary{background-color:var(--primary-100);color:var(--primary-500)}.button--secondary:hover{background-color:var(--primary-200)}.button--secondary:active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--primary-500);--tw-ring-color: var(--primary-100)}.button--secondary:disabled{background-color:var(--primary-200);color:var(--primary-300)}.button--outline{background-color:transparent;color:var(--neutral-900);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: var(--neutral-200)}.button--outline:hover{background-color:var(--neutral-100)}.button--outline:active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-900);--tw-ring-color: var(--neutral-100)}.button--outline:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-300)}.button--text{height:auto;border-radius:0;background-color:transparent;padding:0;color:var(--neutral-900)}.button--text:active{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: inherit}.button--text:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-300)}.button--ghost{background-color:transparent;color:var(--primary-100)}.button--ghost:hover{background-color:var(--neutral-100);color:var(--primary-500)}.button--ghost:active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-900);--tw-ring-color: var(--neutral-100)}.button--ghost:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-300)}.button--danger{background-color:var(--error-500)}.button--danger:hover{background-color:var(--error-700)}.button--danger:active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--error-500);--tw-ring-color: var(--error-100)}.button--danger:disabled{background-color:var(--error-200);color:var(--error-300)}.button--link{background-color:transparent;color:var(--primary-500)}.button--link:hover{background-color:var(--neutral-100);color:var(--primary-500)}.button--link:active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-900);--tw-ring-color: var(--neutral-100)}.button--link:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-300)}.checkbox-wrapper{display:flex;align-items:flex-start}.checkbox-container{display:flex}.checkbox-container__input{position:absolute;z-index:20;height:1.25rem;width:1.25rem;cursor:pointer;opacity:0}.checkbox{display:flex;height:1.25rem;width:1.25rem;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;border-width:2px;border-color:var(--neutral-200);color:var(--neutral-200);transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.checkbox:hover{border-color:var(--primary-500)}.checkbox--checked{border-color:var(--primary-500);background-color:var(--primary-500);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.checkbox--checked:hover{border-color:var(--primary-700);background-color:var(--primary-700);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.checkbox--indeterminate{border-color:var(--primary-500);color:var(--primary-500)}.checkbox--indeterminate:hover{border-color:var(--primary-700);background-color:var(--primary-700);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.checkbox--error{border-color:var(--error-500);background-color:var(--error-100);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.checkbox--error:hover{border-color:var(--error-700)}.checkbox--error.checkbox--checked{background-color:var(--error-500)}.checkbox--error.checkbox--checked:hover{background-color:var(--error-700)}.checkbox[data-disabled=true]{cursor:not-allowed;border-color:var(--neutral-200);background-color:var(--neutral-100);color:var(--neutral-200)}.checkbox-texts{margin-left:.875rem;display:flex;flex-direction:column}.checkbox-texts__label{cursor:auto;font-size:.875rem;line-height:1.25rem;color:var(--neutral-900)}.checkbox-texts__label[data-disabled=true]{cursor:not-allowed}.checkbox-texts__hint{font-size:.75rem;line-height:1rem;color:var(--neutral-500)}.checkbox-texts__error{font-size:.75rem;line-height:1rem;color:var(--error-500)}.chip{display:inline-flex;cursor:pointer;align-items:center;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.chip__primary{background-color:var(--primary-500)}.chip__primary--ghost{background-color:var(--primary-100);color:var(--primary-500)}.chip__secondary{background-color:var(--secondary-500)}.chip__secondary--ghost{background-color:var(--secondary-100);color:var(--secondary-500)}.chip__success{background-color:var(--success-500)}.chip__success--ghost{background-color:var(--success-100);color:var(--success-500)}.chip__error{background-color:var(--error-500)}.chip__error--ghost{background-color:var(--error-100);color:var(--error-500)}.chip__warning{background-color:var(--warning-500)}.chip__warning--ghost{background-color:var(--warning-100);color:var(--warning-500)}.chip__info{background-color:var(--info-500)}.chip__info--ghost{background-color:var(--info-100);color:var(--info-500)}.chip--reverse{flex-direction:row-reverse}.chip--disabled{cursor:not-allowed;opacity:.5}.chip__content{display:flex;align-items:center;white-space:nowrap}.chip__content__label{margin-left:.25rem;margin-right:.25rem}.dropdown-wrapper{position:relative}.dropdown{display:flex;cursor:pointer;align-items:center;border-radius:.375rem;border-width:1px;border-color:var(--neutral-200);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.75rem 1rem;text-align:left;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.dropdown{font-size:.875rem;line-height:1.25rem}}.dropdown--active{border-width:1px;border-color:var(--primary-500);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset}.dropdown--disabled{cursor:not-allowed;border-color:var(--neutral-200);background-color:var(--neutral-100);color:var(--neutral-300)}.dropdown--loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;cursor:not-allowed;border-color:var(--neutral-200);background-color:var(--neutral-100);color:var(--neutral-300)}.dropdown__prepend-icon{pointer-events:none;top:0px;bottom:0px;right:0px;display:flex;align-items:center;padding-right:.5rem}.dropdown__tags{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.dropdown__tags__chip{display:flex;align-items:center;gap:.5rem;border-radius:1.5rem;background-color:var(--neutral-100);font-size:.75rem;line-height:1rem;color:var(--neutral-900)}.dropdown__tags__chip>.chip__text{white-space:nowrap}.dropdown__multiple{display:flex;align-items:center;gap:.5rem}.dropdown__multiple>*{flex:1 1 0%;white-space:nowrap}.dropdown__input{display:block;width:100%;color:var(--neutral-900)}.dropdown__input::-moz-placeholder{color:var(--neutral-500)}.dropdown__input::placeholder{color:var(--neutral-500)}.dropdown__input{caret-color:var(--primary-500)}.dropdown__input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.dropdown__input:disabled{background-color:var(--neutral-100);color:var(--neutral-300)}.dropdown__input:disabled::-moz-placeholder{color:var(--neutral-300)}.dropdown__input:disabled::placeholder{color:var(--neutral-300)}@media (min-width: 640px){.dropdown__input{font-size:.875rem;line-height:1.25rem}}@keyframes pulse{50%{opacity:.5}}.dropdown__input--loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;cursor:not-allowed;border-color:var(--neutral-200);background-color:var(--neutral-100);color:var(--neutral-300)}.dropdown__input[readonly]{cursor:pointer}.dropdown__append-icon{pointer-events:none;top:0px;bottom:0px;right:0px;display:flex;align-items:center}.dropdown__append-icon--active{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));color:var(--primary-500);transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dropdown-options{position:absolute;left:0px;z-index:10;margin-top:.25rem;display:none;max-height:15rem;width:100%;overflow:auto;border-radius:.375rem;border-width:1px;border-color:var(--neutral-200);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.75rem .5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));--tw-ring-opacity: .05}.dropdown-options:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 640px){.dropdown-options{font-size:.875rem;line-height:1.25rem}}.dropdown-options--active{display:block}.dropdown-options__option{display:flex;min-height:50px;width:100%;cursor:pointer;align-items:center;justify-content:space-between;border-radius:.375rem;border-width:1px;border-color:transparent;padding:.75rem 1rem;text-align:left;color:var(--neutral-900);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,1,1)}@media (min-width: 640px){.dropdown-options__option{font-size:.875rem;line-height:1.25rem}}.dropdown-options__option:hover{background-color:var(--neutral-100)}.dropdown-options__option--active{background-color:var(--primary-100);color:var(--primary-500)}.dropdown-options__option__label{margin-left:.5rem}.dropdown-options__option__prepend-icon{pointer-events:none;top:0px;bottom:0px;right:0px;display:flex;align-items:center;color:var(--neutral-900)}.dropdown-options__option__append-icon{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal{position:fixed;top:0px;right:0px;bottom:0px;left:0px;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-bg-opacity: .3;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dialog{display:flex;width:var(--modal-width);animation:var(--modal-animation);flex-direction:column;gap:1.5rem;border-radius:var(--modal-border-radius);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:var(--modal-padding);--tw-shadow-color: var(--modal-shadow);--tw-shadow: var(--tw-shadow-colored);transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,1,1)}.dialog__header{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1rem}.dialog__header .icon{display:grid;max-height:var(--modal-icon-size);max-width:var(--modal-icon-size);align-items:center;border-radius:9999px;background-color:var(--modal-icon-bg);padding:var(--modal-icon-padding);color:var(--modal-icon-color)}.dialog__header .title{font-size:1.5rem;line-height:2rem;font-weight:600}.dialog__header .description{font-size:.875rem;line-height:1.25rem;font-weight:400;color:var(--neutral-500)}.dialog__body{flex:1 1 0%;overflow-y:auto}.dialog__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4)}.dialog--block{width:100%}.sidebar{display:flex;height:100vh;width:var(--sidebar-collapsed-width);flex-direction:column;align-items:center;overflow-y:auto;border-right-width:1px;background-color:var(--sidebar-background);padding:var(--sidebar-padding);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,1,1)}.sidebar--open{width:var(--sidebar-width);align-items:flex-start}.sidebar .nav{display:flex;width:100%;flex:1 1 0%;flex-direction:column}.sidebar .nav>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.sidebar .actions{display:flex;width:100%;flex-direction:column}.sidebar .actions>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.r-snackbar{position:absolute;display:grid;width:412px;align-items:center;gap:.75rem;border-radius:.5rem;background-color:var(--neutral-900);padding:.875rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));opacity:0;grid-template-columns:auto 1fr auto}.r-snackbar--success{background-color:var(--success-500)}.r-snackbar--error{background-color:var(--error-500)}.r-snackbar--warning{background-color:var(--warning-500)}.r-snackbar--info{background-color:var(--info-500)}.r-snackbar__text{padding-right:4rem;font-size:.875rem;line-height:1.25rem}.r-snackbar__close{display:grid;cursor:pointer;place-items:center}.r-snackbar__right{right:1.5rem;left:auto}.r-snackbar__left{left:0px;right:auto}.r-snackbar__top{top:5rem;bottom:auto}.r-snackbar__bottom{bottom:5rem;top:auto}.r-snackbar--shown{opacity:1;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:slide-right-to-right .3s ease-in-out forwards}.r-snackbar--hidden{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:slide-left-from-right .3s ease-in-out forwards}.r-snackbar--shown:not(.r-snackbar__right){animation:slide-right-from-left .1s ease-in-out forwards}.r-snackbar--hidden:not(.r-snackbar__right){animation:slide-left-to-left .2s ease-in-out forwards}@keyframes slide-left-from-right{0%{transform:translate(-50%)}to{transform:translate(100%)}}@keyframes slide-right-to-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-right-from-left{0%{transform:translate(-100%)}to{transform:translate(10%)}}@keyframes slide-left-to-left{0%{transform:translate(50%)}to{transform:translate(-50%)}}.switch-container{display:flex;align-items:center;justify-content:flex-start;gap:.75rem}.slider{position:absolute;top:0px;left:0px;right:0px;bottom:0px;border-radius:9999px;background-color:var(--neutral-300)}.slider:before{content:"";position:absolute;left:.25rem;bottom:.25rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.switch{position:relative;box-sizing:border-box;display:inline-block;height:2.25rem;width:4rem}.switch--small{height:1.25rem;width:2.25rem}.switch--small>.slider:before{height:.75rem;width:.75rem}.switch--small>.switch__input:checked+.slider:before{transform:translate(16px)}.switch--medium{height:1.5rem;width:2.75rem}.switch--medium>.slider:before{height:1rem;width:1rem}.switch--medium>.switch__input:checked+.slider:before{transform:translate(20px)}.switch--large{height:1.75rem;width:3.25rem}.switch--large>.slider:before{height:1.25rem;width:1.25rem}.switch--large>.switch__input:checked+.slider:before{transform:translate(24px)}.switch--disabled{cursor:not-allowed}.switch--disabled>.slider:before{background-color:var(--neutral-200)}.switch--error>.switch__input:checked+.slider{background-color:var(--error-500)}.switch--error>.switch__input:checked+.slider:hover{background-color:var(--error-700)}.switch__input{position:absolute;left:50%;z-index:20;height:100%;width:100%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.375rem}.switch__input:checked+.slider{background-color:var(--primary-500)}.switch__input:checked+.slider:hover{background-color:var(--primary-700)}.switch-texts--small{font-size:.75rem;line-height:1rem}.switch-texts--medium{font-size:.875rem;line-height:1.25rem}.switch-texts--large{font-size:1rem;line-height:1.5rem}.switch-texts__label{margin:0;padding:0;font-weight:500;color:var(--neutral-900)}.switch-texts__hint{margin:0;padding:0;font-weight:400;color:var(--neutral-500)}.switch-texts__error{margin:0;padding:0;font-weight:400;color:var(--error-500)}.tab-item{display:flex;min-width:-moz-fit-content;min-width:fit-content;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;background-color:transparent;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--neutral-500);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tab-item:disabled{cursor:not-allowed;background-color:inherit;opacity:.5}.tab-item[aria-selected=true]{border-bottom-width:2px;border-color:var(--primary-500);color:var(--primary-500)}.tab-item--text-only{display:block}.tab-item--tile{border-style:none;padding:.625rem 1.75rem;color:var(--neutral-900)}.tab-item--tile[aria-selected=true]{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-900);--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tab-item--block{width:100%}.tabs{display:flex;width:-moz-fit-content;width:fit-content;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tabs--tile{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));padding:.25rem}.tabs--block{width:100%}.container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.textarea{min-height:80px;min-width:320px;border-radius:.5rem;border-width:1px;border-color:var(--neutral-200);padding:.5rem .75rem;color:var(--neutral-900);outline:2px solid transparent;outline-offset:2px}.textarea:hover{border-color:var(--primary-500)}.textarea:focus-visible{border-color:var(--primary-500);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: var(--primary-100)}.textarea::-moz-placeholder{color:var(--neutral-500)}.textarea::placeholder{color:var(--neutral-500)}.textarea:disabled{cursor:not-allowed;background-color:var(--neutral-100);color:var(--neutral-300)}.textarea:disabled:hover{border-color:var(--neutral-200)}.textarea--error{border-color:var(--error-500);color:var(--error-500)}.textarea--error:hover{border-color:var(--error-500)}.textarea--error:focus-visible{border-color:var(--error-500);color:var(--neutral-900);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: var(--error-100)}.textarea__label{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;color:var(--neutral-900)}.textarea__hint{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;color:var(--neutral-500)}.textarea__error{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;color:var(--error-500)}fieldset{margin:0;border-style:none;padding:0}.textfield__wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.input-wrapper{display:flex;width:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start}input{margin:0;height:100%;width:100%;border-style:none;background-color:transparent;padding:0;font-size:1rem;line-height:1.5rem}input:focus{outline:2px solid transparent;outline-offset:2px}input::-moz-placeholder{color:var(--neutral-500)}input::placeholder{color:var(--neutral-500)}.textfield{box-sizing:border-box;display:flex;width:100%;align-items:center;gap:.5rem;border-radius:.5rem;border-width:1px;border-style:solid;border-color:var(--neutral-200);background-color:var(--textfield-bg);padding:.875rem 1rem;font-size:.875rem;line-height:1.25rem;color:var(--neutral-500)}.textfield__label{margin-bottom:.5rem;padding:0;font-size:.875rem;line-height:1.25rem;color:var(--neutral-900)}.textfield__prepend-icon--error{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.textfield__prepend-icon--loading{animation:spin 1s linear infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.textfield__append-icon--error{animation:bounce 1s infinite;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.textfield__error{margin-top:.25rem;font-size:.75rem;line-height:1rem;font-weight:300;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.textfield__hint{margin-top:.25rem;font-size:.75rem;line-height:1rem;font-weight:300;letter-spacing:.025em;color:var(--neutral-500)}.textfield--focus{border-width:1px;border-style:solid;border-color:var(--primary-500);color:var(--neutral-900);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-color: var(--primary-100)}.textfield--filled{background-color:var(--textfield-bg);color:var(--neutral-900)}.textfield--disabled{cursor:not-allowed;border-color:var(--neutral-200);background-color:var(--textfield-bg-disabled);color:var(--neutral-300)}.textfield--disabled>input{cursor:not-allowed}.textfield--disabled>input::-moz-placeholder{color:var(--neutral-300)}.textfield--disabled>input::placeholder{color:var(--neutral-300)}.textfield--error{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity));--tw-ring-opacity: 1;--tw-ring-color: rgb(254 242 242 / var(--tw-ring-opacity))}.textfield--error input{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.textfield--error input:focus{color:var(--neutral-900)}.textfield--clearable>.textfield__append-icon{cursor:pointer}.trigger{position:relative;display:inline-block;cursor:pointer;border-radius:9999px;background-color:transparent}.tooltip{position:absolute;top:0px;left:0px;z-index:50;margin:0;display:none;width:-moz-max-content;width:max-content;background-color:transparent;padding:0}.tooltip__content{max-width:20rem;border-radius:.5rem;padding:1rem;font-size:.75rem;line-height:1rem;font-weight:400}.tooltip__content--dark{background-color:var(--neutral-900);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tooltip__content--light{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:var(--neutral-900)}.tooltip__arrow{position:absolute;z-index:-10;height:1rem;width:1rem;--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tooltip__arrow--dark{background-color:var(--neutral-900)}.tooltip__arrow--light{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.tooltip--light{border-radius:.5rem;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.r-breadcrumb{display:flex;align-items:center}.r-breadcrumb__item{display:flex;cursor:pointer;align-items:center}.r-breadcrumb__item:last-child{pointer-events:none}.r-breadcrumb__link{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;line-height:2rem;color:var(--breadcrumb-text-color)}.r-breadcrumb__link:hover{color:var(--breadcrumb-text-color-hover)}.r-breadcrumb__link:last-child{font-weight:700;color:var(--breadcrumb-text-color-active)!important}.r-breadcrumb__link:not(:last-child){font-weight:500}.r-breadcrumb__link:not(:last-child):hover{text-decoration-line:underline}.r-breadcrumb__separator{margin-left:.5rem;margin-right:.5rem;display:flex;align-items:center;color:var(--breadcrumb-text-color)}.r-pagination{display:flex;align-items:center;justify-content:space-between}.r-pagination__page-info{display:flex;align-items:center;gap:.5rem}.r-pagination__paginator{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.r-pagination__paginator__prev,.r-pagination__paginator__next{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--pagination-border-radius);background-color:var(--pagination-bg-color);padding:var(--pagination-btn-padding);border:var(--pagination-border-width) var(--pagination-border-style) var(--pagination-border-color)}.r-pagination__paginator__prev:hover,.r-pagination__paginator__next:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.r-pagination__paginator__prev:disabled,.r-pagination__paginator__next:disabled{cursor:not-allowed}.r-pagination__paginator__input{border-radius:var(--pagination-border-radius);background-color:var(--pagination-bg-color);padding:var(--pagination-input-padding);text-align:center;border:var(--pagination-border-width) var(--pagination-border-style) var(--pagination-border-color)}.r-pagination__paginator__input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-color: var(--primary-500)}.r-pagination__paginator__input::-webkit-inner-spin-button,.r-pagination__paginator__input::-webkit-outer-spin-button{opacity:0;pointer-events:none;background:transparent;display:none}:root{--primary-50: #f2f4ff;--primary-100: #f2f3fd;--primary-200: #e4e6fb;--primary-300: #a3abf0;--primary-400: #6f7de5;--primary-500: #4c5be1;--primary-600: #3a3f9e;--primary-700: #3944a9;--primary-800: #2e3a7e;--primary-900: #2e3787;--secondary-100: #fdfae7;--secondary-200: #f9eeb5;--secondary-300: #ffec8a;--secondary-400: #ffdf3b;--secondary-500: #ebc80f;--secondary-600: #e0bc00;--secondary-700: #998100;--secondary-800: #705e00;--secondary-900: #483c00;--neutral-100: #f6f7f9;--neutral-200: #e7eaee;--neutral-300: #c3c9d5;--neutral-400: #acb4c3;--neutral-500: #818a9c;--neutral-600: #586174;--neutral-700: #3c4353;--neutral-800: #242a38;--neutral-900: #151b26;--success-100: #e8fff7;--success-200: #bfffe8;--success-300: #97ffda;--success-400: #1bf5a7;--success-500: #05cc85;--success-600: #0cbc7d;--success-700: #068e03;--success-800: #007a4f;--success-900: #005235;--info-100: #e8f4ff;--info-200: #b6dcff;--info-300: #83c3ff;--info-400: #50abff;--info-500: #0c70ce;--info-600: #0059ac;--info-700: #00488a;--info-800: #003668;--info-900: #002446;--warning-100: #fdfae7;--warning-200: #f9eeb5;--warning-300: #ffec8a;--warning-400: #ffdf3b;--warning-500: #ebc80f;--warning-600: #e0bc00;--warning-700: #998100;--warning-800: #705e00;--warning-900: #483c00;--error-100: #ffeceb;--error-200: #ffd0cc;--error-300: #ff9891;--error-400: #ff4537;--error-500: #e13023;--error-600: #bf1e12;--error-700: #9d1006;--error-800: #7b0900;--error-900: #590600;--white: #ffffff;--black: #000000;--box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);--box-shadow-hover: 0 0 10px 0 rgba(0, 0, 0, .2);--box-shadow-active: 0 0 10px 0 rgba(0, 0, 0, .3);--box-shadow-focus: 0 0 10px 0 rgba(0, 0, 0, .4);--box-shadow-pressed: 0 0 10px 0 rgba(0, 0, 0, .5);--box-shadow-pressed-active: 0 0 10px 0 rgba(0, 0, 0, .6);--box-shadow-pressed-focus: 0 0 10px 0 rgba(0, 0, 0, .7);--box-shadow-pressed-hover: 0 0 10px 0 rgba(0, 0, 0, .8);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-13: 3.25rem;--space-14: 3.5rem;--space-15: 3.75rem;--space-16: 4rem;--space-17: 4.25rem;--space-18: 4.5rem;--space-19: 4.75rem;--space-20: 5rem;--column-gap: 1rem;--row-gap: 1rem;--border-radius: .25rem;--border-radius-1: .25rem;--border-radius-2: .5rem;--border-radius-3: .75rem;--border-radius-4: 1rem;--border-radius-5: 1.25rem;--border-radius-6: 99999px;--column-1: 1;--column-2: 2;--column-3: 3;--column-4: 4;--column-5: 5;--column-6: 6;--column-7: 7;--modal-background: rgba(0, 0, 0, .5);--modal-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);--modal-height: 448px;--modal-width: 400px;--modal-border-radius: var(--border-radius-4);--modal-padding: var(--space-7);--modal-icon-size: var(--space-12);--modal-icon-padding: var(--space-3);--modal-icon-bg: var(--primary-100);--modal-icon-color: var(--primary-500);--modal-animation: crossFadeAndGrowUp .5s cubic-bezier(.2, .8, .2, 1) .1s both;--sidebar-width: 256px;--sidebar-collapsed-width: 80px;--sidebar-background: white;--sidebar-padding: var(--space-5) var(--space-4);--textfield-bg: var(--white);--textfield-bg-disabled: var(--neutral-100);--btn-radius: var(--border-radius-2);--font-size: 16px;--breadcrumb-text-color: var(--neutral-500);--breadcrumb-text-color-active: var(--neutral-900);--breadcrumb-text-color-hover: var(--neutral-900);--accordion-content-max-height: 600px;--pagination-border-radius: var(--border-radius-2);--pagination-border-color: var(--neutral-200);--pagination-border-width: 1px;--pagination-border-style: solid;--pagination-bg: var(--white);--pagination-btn-padding: .565rem;--pagination-input-padding: .315rem}/*! tailwindcss v3.2.0 | MIT License | https://tailwindcss.com
2
+ */*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Albert Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.mb-1{margin-bottom:.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.inline-table{display:inline-table}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.list-item{display:list-item}.shrink{flex-shrink:1}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.gap-2{gap:.5rem}.rounded{border-radius:.25rem}.border{border-width:1px}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.stroke-gray-400{stroke:#9ca3af}.p-2{padding:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.opacity-50{opacity:.5}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);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)}.filter{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)}@keyframes spin{to{transform:rotate(-360deg)}}.animate-spin-reverse{animation:spin 1s linear infinite}@keyframes ring{0%{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 0px}to{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 0px}}@keyframes crossFadeAndGrowUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.r-progressbar{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;border-radius:9999px;border-style:none}.r-progressbar[value]::-webkit-progress-value{background-color:var(--primary-500);-webkit-transition:inline-size .25s ease-out;transition:inline-size .25s ease-out}.r-progressbar[value]::-moz-progress-bar{background-color:var(--primary-500);-moz-transition:inline-size .25s ease-out;transition:inline-size .25s ease-out}.r-progressbar[value]::-ms-fill{background-color:var(--primary-500);-ms-transition:inline-size .25s ease-out;transition:inline-size .25s ease-out}.r-progressbar[value]::-webkit-progress-bar{background-color:var(--primary-200)}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.r-icon path{fill:currentColor}.tooltip[data-v-ee5f5651]{animation-name:tooltip-show-ee5f5651;animation-duration:var(--271323d4);animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes tooltip-show-ee5f5651{0%{opacity:0}to{opacity:1}}
package/package.json CHANGED
@@ -1,8 +1,14 @@
1
1
  {
2
2
  "name": "@rocketui/vue",
3
- "version": "0.0.47",
3
+ "version": "0.0.49",
4
4
  "description": "A set of customizable UI components for Vue 3, built with TypeScript",
5
5
  "type": "module",
6
+ "main": "dist/rocket-ui-vue.umd.cjs",
7
+ "module": "dist/rocket-ui-vue.js",
8
+ "types": "dist/rocket-ui-vue.d.ts",
9
+ "files": [
10
+ "dist"
11
+ ],
6
12
  "repository": {
7
13
  "type": "git",
8
14
  "url": "git+https://github.com/Teknasyon/rocket-ui"
package/.eslintrc.cjs DELETED
@@ -1,79 +0,0 @@
1
- /* eslint-env node */
2
- require('@rushstack/eslint-patch/modern-module-resolution');
3
-
4
- module.exports = {
5
- root: true,
6
- extends: [
7
- 'plugin:vue/vue3-essential',
8
- 'eslint:recommended',
9
- '@vue/eslint-config-typescript/recommended',
10
- '@vue/eslint-config-prettier',
11
- 'plugin:storybook/recommended',
12
- 'plugin:mdx/recommended',
13
- ],
14
- parserOptions: {
15
- ecmaVersion: 'latest',
16
- },
17
- rules: {
18
- '@typescript-eslint/ban-ts-comment': 'off',
19
- 'prettier/prettier': [
20
- 'error',
21
- {
22
- singleQuote: true,
23
- trailingComma: 'es5',
24
- printWidth: 80,
25
- tabWidth: 2,
26
- semi: true,
27
- bracketSpacing: true,
28
- arrowParens: 'always',
29
- vueIndentScriptAndStyle: false,
30
- },
31
- ],
32
- 'vue/multi-word-component-names': 0,
33
- 'vue/no-side-effects-in-computed-properties': 2,
34
- 'vue/order-in-components': [
35
- 'error',
36
- {
37
- order: [
38
- 'el',
39
- 'name',
40
- 'parent',
41
- 'functional',
42
- ['delimiters', 'comments'],
43
- ['components', 'directives', 'filters'],
44
- 'extends',
45
- 'mixins',
46
- 'inheritAttrs',
47
- 'model',
48
- ['props', 'propsData'],
49
- 'data',
50
- 'computed',
51
- 'watch',
52
- 'LIFECYCLE_HOOKS',
53
- 'methods',
54
- ['template', 'render'],
55
- 'renderError',
56
- ],
57
- },
58
- ],
59
- 'vue/attributes-order': [
60
- 'error',
61
- {
62
- order: [
63
- 'DEFINITION',
64
- 'LIST_RENDERING',
65
- 'CONDITIONALS',
66
- 'RENDER_MODIFIERS',
67
- 'GLOBAL',
68
- ['UNIQUE', 'SLOT'],
69
- 'TWO_WAY_BINDING',
70
- 'OTHER_DIRECTIVES',
71
- 'OTHER_ATTR',
72
- 'EVENTS',
73
- 'CONTENT',
74
- ],
75
- alphabetical: true,
76
- },
77
- ],
78
- },
79
- };
package/.gitattributes DELETED
@@ -1,2 +0,0 @@
1
- *.html linguist-detectable=false
2
- *.mdx linguist-detectable=false
@@ -1,28 +0,0 @@
1
- name: 'Chromatic'
2
-
3
- on: workflow_dispatch
4
-
5
- jobs:
6
- chromatic-deployment:
7
- runs-on: ubuntu-latest
8
- steps:
9
- - name: Checkout repository
10
- uses: actions/checkout@v3
11
- with:
12
- fetch-depth: 0
13
- - name: Set Node env
14
- uses: actions/setup-node@v3
15
- with:
16
- node-version: 18
17
- cache: 'yarn'
18
- - name: Install dependencies
19
- run: yarn
20
- - name: Publish to Chromatic
21
- uses: chromaui/action@v1
22
- with:
23
- projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
24
- exitOnceUploaded: true
25
- exitZeroOnChanges: true
26
- buildScriptName: storybook:build
27
- env:
28
- CHROMATIC_RETRIES: 5
@@ -1,41 +0,0 @@
1
- name: Publish Storybook
2
-
3
- on: workflow_dispatch
4
-
5
- permissions:
6
- contents: read
7
- pages: write
8
- id-token: write
9
-
10
- concurrency:
11
- group: 'pages'
12
- cancel-in-progress: true
13
-
14
- jobs:
15
- # Single deploy job since we're just deploying
16
- deploy:
17
- environment:
18
- name: github-pages
19
- url: ${{ steps.deployment.outputs.page_url }}
20
- runs-on: ubuntu-latest
21
- steps:
22
- - name: Checkout
23
- uses: actions/checkout@v3
24
- - name: Set Node env
25
- uses: actions/setup-node@v3
26
- with:
27
- node-version: 18
28
- cache: 'yarn'
29
- - name: Install dependencies
30
- run: yarn install --frozen-lockfile
31
- - name: Build Storybook
32
- run: yarn storybook:build
33
- - name: Setup Pages
34
- uses: actions/configure-pages@v3
35
- - name: Upload artifact
36
- uses: actions/upload-pages-artifact@v1
37
- with:
38
- path: './storybook-static/.'
39
- - name: Deploy to GitHub Pages
40
- id: deployment
41
- uses: actions/deploy-pages@v2
package/.husky/pre-commit DELETED
@@ -1,4 +0,0 @@
1
- #!/usr/bin/env sh
2
- . "$(dirname -- "$0")/_/husky.sh"
3
-
4
- npx lint-staged
package/.prettierrc.cjs DELETED
@@ -1,10 +0,0 @@
1
- module.exports = {
2
- singleQuote: true,
3
- trailingComma: 'es5',
4
- printWidth: 80,
5
- tabWidth: 2,
6
- semi: true,
7
- bracketSpacing: true,
8
- arrowParens: 'always',
9
- vueIndentScriptAndStyle: false,
10
- };
@@ -1,17 +0,0 @@
1
- import { create } from '@storybook/theming';
2
-
3
- export default create({
4
- fontBase:
5
- 'Montserrat, "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif',
6
- fontCode:
7
- 'Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
8
-
9
- colorPrimary: '#6c757d',
10
- colorSecondary: '#007bff',
11
-
12
- base: 'light',
13
- brandTitle: 'Rocket UI Vue',
14
- brandUrl: '/?path=/docs/getting-started--documentation',
15
- brandTarget: '_self',
16
- // brandImage: require('./logo.svg'),
17
- });
@@ -1,20 +0,0 @@
1
- import type { StorybookConfig } from '@storybook/vue3-vite';
2
- const config: StorybookConfig = {
3
- stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
4
- addons: [
5
- '@storybook/addon-links',
6
- '@storybook/addon-essentials',
7
- '@storybook/addon-interactions',
8
- '@storybook/addon-mdx-gfm',
9
- '@storybook/addon-actions',
10
- ],
11
- framework: {
12
- name: '@storybook/vue3-vite',
13
- options: {},
14
- },
15
- docs: {
16
- autodocs: 'tag',
17
- defaultName: 'Documentation',
18
- },
19
- };
20
- export default config;
@@ -1,3 +0,0 @@
1
- <link rel="preconnect" href="https://fonts.googleapis.com">
2
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
3
- <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">
@@ -1,8 +0,0 @@
1
- import { addons } from '@storybook/addons';
2
- import Theme from './Theme';
3
-
4
- addons.setConfig({
5
- theme: Theme,
6
- panelPosition: 'right',
7
- });
8
-
@@ -1,3 +0,0 @@
1
- <script>
2
- window.global = window;
3
- </script>
@@ -1,36 +0,0 @@
1
- // import { withSource, transformSource } from './withSource';
2
-
3
- // export const parameters = {
4
- // actions: {
5
- // argTypesRegex: '^on[A-Z].*',
6
- // },
7
- // controls: {
8
- // matchers: {
9
- // color: /(background|color)$/i,
10
- // date: /Date$/,
11
- // },
12
- // },
13
- // viewMode: 'docs',
14
- // // layout: 'centered', we must do this in MDX files
15
- // docs: {
16
- // transformSource,
17
- // },
18
- // };
19
-
20
- // export const decorators = [withSource];
21
-
22
- import type { Preview } from '@storybook/vue3';
23
-
24
- const preview: Preview = {
25
- parameters: {
26
- actions: { argTypesRegex: '^on[A-Z].*' },
27
- controls: {
28
- matchers: {
29
- color: /(background|color)$/i,
30
- date: /Date$/,
31
- },
32
- },
33
- },
34
- };
35
-
36
- export default preview;
@@ -1,28 +0,0 @@
1
- import { addons } from '@storybook/addons'
2
- import { transformSource } from '../withSource.js'
3
- import { createElement as h } from 'react'
4
- import { SyntaxHighlighter } from '@storybook/components'
5
-
6
- addons.register('source-code', (api) => {
7
- addons.addPanel('source-code/panel', {
8
- title: 'Source Code',
9
- render: ({ active, key }) => {
10
- if (!active) return null;
11
-
12
- const story = api.getCurrentStoryData();
13
- try {
14
- const code = transformSource(story.parameters.storySource.source, story);
15
- return h(SyntaxHighlighter, {
16
- key,
17
- padded: true,
18
- language: 'html',
19
- copyable: true,
20
- }, code);
21
- } catch (e) {
22
- console.warn('Failed to render code', e);
23
- return null;
24
- }
25
- },
26
- paramKey: 'source',
27
- })
28
- })
@@ -1,91 +0,0 @@
1
- import kebabCase from 'lodash.kebabcase';
2
- import { addons, makeDecorator } from '@storybook/addons';
3
- import * as prettier from 'prettier/standalone';
4
- import * as prettierHtml from 'prettier/parser-html';
5
-
6
- import { h, onMounted } from 'vue';
7
- import dedent from 'ts-dedent';
8
-
9
- export function templateSourceCode(
10
- templateSource,
11
- args,
12
- argTypes,
13
- replacing = 'v-bind="args"'
14
- ) {
15
- const componentArgs = {};
16
- for (const [k, t] of Object.entries(argTypes)) {
17
- const val = args[k];
18
- if (typeof val !== 'undefined' && t.table && t.table.category === 'props') {
19
- componentArgs[k] = val;
20
- }
21
- }
22
-
23
- const propToSource = (key, val) => {
24
- const type = typeof val;
25
- switch (type) {
26
- case 'boolean':
27
- return val ? key : '';
28
- case 'string':
29
- if (val === '') return '';
30
- return `${key}="${val}"`;
31
- default:
32
- return `:${key}='${JSON.stringify(val, null, 2)}'`;
33
- }
34
- };
35
-
36
- return templateSource.replace(
37
- replacing,
38
- Object.keys(componentArgs)
39
- .map((key) => ' ' + propToSource(kebabCase(key), args[key]))
40
- .join('')
41
- );
42
- }
43
-
44
- export const transformSource = (src, ctx, prettify = true) => {
45
- const args = {
46
- ...ctx.initialArgs,
47
- ...ctx.args,
48
- };
49
- const match = /\b("')?template\1:\s*`([^`]+)`/.exec(src);
50
- if (match) {
51
- const code = templateSourceCode(match[2], args, ctx.argTypes);
52
- if (!prettify) {
53
- return code;
54
- }
55
- return dedent(
56
- prettier.format(code, {
57
- parser: 'vue',
58
- plugins: [prettierHtml],
59
- htmlWhitespaceSensitivity: 'ignore',
60
- })
61
- );
62
- }
63
- return src;
64
- };
65
-
66
- export const withSource = makeDecorator({
67
- name: 'withSource',
68
- wrapper: (storyFn, ctx) => {
69
- const story = storyFn(ctx);
70
- return {
71
- setup() {
72
- onMounted(() => {
73
- try {
74
- const src = ctx.originalStoryFn.parameters.storySource.source;
75
- const transformedSource = transformSource(src, ctx);
76
- const channel = addons.getChannel();
77
- const storyId = ctx.id;
78
- channel.emit(
79
- 'storybook/docs/snippet-rendered',
80
- storyId,
81
- transformedSource
82
- );
83
- } catch (e) {
84
- console.warn('Failed to render code', e);
85
- }
86
- });
87
- return () => h(story);
88
- },
89
- };
90
- },
91
- });
@@ -1,11 +0,0 @@
1
- {
2
- "recommendations": [
3
- "Vue.volar",
4
- "Vue.vscode-typescript-vue-plugin",
5
- "streetsidesoftware.code-spell-checker",
6
- "dbaeumer.vscode-eslint",
7
- "esbenp.prettier-vscode",
8
- "lukas-tr.materialdesignicons-intellisense",
9
- "bradlc.vscode-tailwindcss"
10
- ]
11
- }
@@ -1,20 +0,0 @@
1
- {
2
- "editor.codeActionsOnSave": {
3
- "source.fixAll.eslint": true
4
- },
5
- "eslint.options": {
6
- "extensions": [".js", ".jsx", ".md", ".mdx", ".ts", ".tsx"]
7
- },
8
- "eslint.validate": [
9
- "markdown",
10
- "mdx",
11
- "javascript",
12
- "javascriptreact",
13
- "typescript",
14
- "typescriptreact"
15
- ],
16
- "files.associations": {
17
- "*.css": "postcss"
18
- },
19
- "testing.automaticallyOpenPeekView": "never"
20
- }
package/index.html DELETED
@@ -1,13 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <link rel="icon" href="/favicon.ico" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>Vite App</title>
8
- </head>
9
- <body>
10
- <div id="app"></div>
11
- <script type="module" src="/src/main.ts"></script>
12
- </body>
13
- </html>
package/lib/main.ts DELETED
@@ -1,48 +0,0 @@
1
- import '../src/index.css';
2
- import '../src/components/Typography/typography.css';
3
- import '../src/components/Accordion/accordion.css';
4
- import '../src/components/Alert/alert.css';
5
- import '../src/components/Avatar/avatar.css';
6
- import '../src/components/Badge/badge.css';
7
- import '../src/components/Button/button.css';
8
- import '../src/components/Checkbox/checkbox.css';
9
- import '../src/components/Chips/chip.css';
10
- import '../src/components/Dropdown/dropdown.css';
11
- import '../src/components/Label/label.css';
12
- import '../src/components/Modal/modal.css';
13
- import '../src/components/Sidebar/sidebar.css';
14
- import '../src/components/Snackbar/snackbar.css';
15
- import '../src/components/Switch/switch.css';
16
- import '../src/components/TabItem/tab-item.css';
17
- import '../src/components/Tabs/tabs.css';
18
- import '../src/components/Textarea/textarea.css';
19
- import '../src/components/Textfield/textfield.css';
20
- import '../src/components/Tooltip/tooltip.css';
21
- import '../src/components/Breadcrumb/breadcrumb.css';
22
- import '../src/components/Pagination/pagination.css';
23
- import '../src/components/Progressbar/progressbar.css';
24
-
25
- export { default as RAccordion } from '../src/components/Accordion/RAccordion.vue';
26
- export { default as RAlert } from '../src/components/Alert/RAlert.vue';
27
- export { default as RAvatar } from '../src/components/Avatar/RAvatar.vue';
28
- export { default as RBadge } from '../src/components/Badge/RBadge.vue';
29
- export { default as RButton } from '../src/components/Button/RButton.vue';
30
- export { default as RCheckbox } from '../src/components/Checkbox/RCheckbox.vue';
31
- export { default as RChip } from '../src/components/Chips/RChip.vue';
32
- export { default as RDropdown } from '../src/components/Dropdown/RDropdown.vue';
33
- export { default as RIcon } from '../src/components/Icon/RIcon.vue';
34
- export { default as RLabel } from '../src/components/Label/RLabel.vue';
35
- export { default as RModal } from '../src/components/Modal/RModal.vue';
36
- export { default as RSidebar } from '../src/components/Sidebar/RSidebar.vue';
37
- export { default as RSnackbar } from '../src/components/Snackbar/RSnackbar.vue';
38
- export { default as RSwitch } from '../src/components/Switch/RSwitch.vue';
39
- export { default as RTabItem } from '../src/components/TabItem/RTabItem.vue';
40
- export { default as RTabs } from '../src/components/Tabs/RTabs.vue';
41
- export { default as RTextArea } from '../src/components/TextArea/RTextArea.vue';
42
- export { default as RTextfield } from '../src/components/Textfield/RTextfield.vue';
43
- export { default as RTooltip } from '../src/components/Tooltip/RTooltip.vue';
44
- export { default as RBreadcrumb } from '../src/components/Breadcrumb/RBreadcrumb.vue';
45
- export { default as RPagination } from '../src/components/Pagination/RPagination.vue';
46
- export { default as RProgressbar } from '../src/components/Progressbar/RProgressbar.vue';
47
- export { default as RItemGroup } from '../src/components/ItemGroup/RItemGroup.vue';
48
- export { default as RItem } from '../src/components/ItemGroup/RItem.vue';
@@ -1,9 +0,0 @@
1
- /* eslint-env node */
2
- module.exports = {
3
- plugins: {
4
- 'postcss-import': {},
5
- 'tailwindcss/nesting': 'postcss-nested',
6
- tailwindcss: { config: './tailwind.config.cjs' },
7
- autoprefixer: {},
8
- },
9
- };