frappe-ui 0.1.227 → 0.1.229

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frappe-ui",
-  "version": "0.1.227",
+  "version": "0.1.229",
   "description": "A set of components and utilities for rapid UI development",
   "type": "module",
   "sideEffects": false,

package/src/components/Tabs/Tabs.vue

@@ -12,7 +12,7 @@ import { h } from 'vue'
 
 const props = defineProps<TabProps>()
 
-const indicatorXCss = `left-0 bottom-0 h-[1px] w-[--reka-tabs-indicator-size] transition-[width,transform] 
+const indicatorXCss = `left-0 bottom-0 h-[2px] w-[--reka-tabs-indicator-size] transition-[width,transform] 
                           translate-x-[--reka-tabs-indicator-position] translate-y-[1px]`
 
 const indicatorYCss = `right-0 w-[1px] h-[--reka-tabs-indicator-size] transition-[height,transform]
@@ -26,12 +26,13 @@ const Btn = h('button')
 <template>
   <TabsRoot
     :as="props.as"
-    class="data-[orientation=vertical]:flex"
+    class="flex flex-1 overflow-hidden flex-col data-[orientation=vertical]:flex-row [&_[role='tabpanel']:not([hidden])]:flex [&_[role='tabpanel']:not([hidden])]:grow"
     :orientation="props.vertical ? 'vertical' : 'horizontal'"
     :default-value="props.tabs[0].label"
   >
     <TabsList
-      class="relative flex data-[orientation=vertical]:flex-col p-1 border-b  data-[orientation=vertical]:border-r"
+      class="relative flex data-[orientation=vertical]:flex-col p-1 border-b data-[orientation=vertical]:border-r"
+      :class="{ 'overflow-auto': !props.vertical }"
     >
       <TabsIndicator
         class="absolute rounded-full duration-300"
@@ -46,7 +47,7 @@ const Btn = h('button')
             :is="tab.route ? 'router-link' : Btn"
             :to="tab.route"
             class="flex items-center gap-1.5 text-base text-ink-gray-5 duration-300 ease-in-out hover:text-ink-gray-9 p-2.5 data-[state=active]:text-ink-gray-9"
-            :class="{ 'py-2.5': props.vertical,  }"
+            :class="{ 'py-2.5': props.vertical }"
           >
             <component v-if="tab.icon" :is="tab.icon" class="size-4">
             </component>
@@ -58,7 +59,9 @@ const Btn = h('button')
     </TabsList>
 
     <TabsContent v-for="(tab, i) in props.tabs" :value="i">
-      <slot name="tab-panel" v-bind="{ tab }"> </slot>
+      <div class="flex flex-col flex-1 grow">
+        <slot name="tab-panel" v-bind="{ tab }" />
+      </div>
     </TabsContent>
   </TabsRoot>
 </template>

package/src/components/TextEditor/extensions/suggestion/index.ts

@@ -0,0 +1,5 @@
+export {
+  createSuggestionExtension,
+  type BaseSuggestionItem,
+  type CreateSuggestionExtensionOptions,
+} from './createSuggestionExtension'

package/src/components/VueGridLayout/Layout.vue

@@ -12,6 +12,10 @@
       :y="l.y"
       :w="l.w"
       :h="l.h"
+      :min-w="l.minW"
+      :min-h="l.minH"
+      :max-w="l.maxW"
+      :max-h="l.maxH"
     >
       <slot
         v-if="layoutReady"
@@ -22,9 +26,23 @@
         :y="l.y"
         :w="l.w"
         :h="l.h"
+        :min-w="l.minW"
+        :min-h="l.minH"
+        :max-w="l.maxW"
+        :max-h="l.maxH"
       >
         <pre class="h-full w-full rounded bg-surface-white p-4 shadow">{{
-          { i: l.i, x: l.x, y: l.y, w: l.w, h: l.h }
+          {
+            i: l.i,
+            x: l.x,
+            y: l.y,
+            w: l.w,
+            h: l.h,
+            minW: l.minW,
+            minH: l.minH,
+            maxW: l.maxW,
+            maxH: l.maxH,
+          }
         }}</pre>
       </slot>
     </GridItem>

package/src/index.ts

@@ -65,7 +65,6 @@ export { default as FrappeUIProvider } from './components/Provider/FrappeUIProvi
 export * from './components/Sidebar/index.ts'
 export { default as ConfirmDialog } from './components/ConfirmDialog.vue'
 
-
 // grid layout
 export { default as GridLayout } from './components/VueGridLayout/Layout.vue'
 
@@ -90,6 +89,7 @@ export { dayjsLocal, dayjs } from './utils/dayjs'
 export * from './utils/useFileUpload'
 export * from './utils/theme'
 export * from './components/TextEditor/extensions/image'
+export * from './components/TextEditor/extensions/suggestion'
 
 // old data-fetching: resources
 export * from './resources/index.ts'