ui-thing 0.0.20 → 0.0.22

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Changelog
 
+## v0.0.22
+
+[compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.0.21...v0.0.22)
+
+### 🏡 Chore
+
+- Add colvis styles to datatable.net ([82995b3](https://github.com/BayBreezy/ui-thing-cli/commit/82995b3))
+
+### ❤️ Contributors
+
+- Behon Baker <behon.baker@yahoo.com>
+
+## v0.0.21
+
+[compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.0.20...v0.0.21)
+
+### 🏡 Chore
+
+- Update deps & components ([ce7977d](https://github.com/BayBreezy/ui-thing-cli/commit/ce7977d))
+
+### ❤️ Contributors
+
+- Behon Baker <behon.baker@yahoo.com>
+
 ## v0.0.20
 
 [compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.0.19...v0.0.20)

package/dist/index.js

@@ -1878,6 +1878,7 @@ export const buttonStyles = tv({\r
 </template>\r
 \r
 <script lang="ts" setup>\r
+  import { Primitive } from "radix-vue";\r
   import type { PrimitiveProps } from "radix-vue";\r
 \r
   const props = withDefaults(\r
@@ -2823,7 +2824,7 @@ export default defineNuxtPlugin((nuxtApp) => {\r
 \r
   /* Export button styles */\r
   .dataTables_wrapper .dt-buttons {\r
-    @apply inline-flex items-center gap-2;\r
+    @apply inline-flex flex-wrap items-center gap-2;\r
     button {\r
       @apply inline-flex h-9 items-center gap-2 whitespace-nowrap rounded-md border bg-background px-3 text-sm text-muted-foreground hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background;\r
     }\r
@@ -3304,6 +3305,26 @@ export default defineNuxtPlugin((nuxtApp) => {\r
   div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-value {\r
     @apply rounded-md border border-input bg-background text-sm transition focus:border-primary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background focus-visible:border-input;\r
   }\r
+\r
+  /* Col vis styles */\r
+  .dt-button-background {\r
+    @apply fixed inset-0 z-50 flex flex-col items-center justify-center bg-background/50 backdrop-blur-sm;\r
+  }\r
+  .dt-button-down-arrow {\r
+    @apply text-[10px];\r
+  }\r
+  .dt-button-collection {\r
+    @apply relative;\r
+    [role="menu"] {\r
+      @apply absolute -left-40 top-7 flex w-[300px] flex-wrap gap-x-3 gap-y-2 rounded-md border bg-background p-2 shadow lg:w-[500px];\r
+      button {\r
+        @apply h-7 px-2 text-xs;\r
+      }\r
+      .dt-button.buttons-columnVisibility.dt-button-active {\r
+        @apply bg-primary text-primary-foreground;\r
+      }\r
+    }\r
+  }\r
 </style>\r
 `}],utils:[],composables:[]},{name:"Datepicker",value:"datepicker",deps:[],devDeps:["@samk-dev/nuxt-vcalendar"],nuxtModules:["@samk-dev/nuxt-vcalendar"],instructions:["You can customize the datepicker by adding options to your nuxt.config.js file"],files:[{fileName:"Datepicker.vue",dirPath:"components/UI",fileContent:`<template>
   <ClientOnly>
@@ -5317,7 +5338,8 @@ export function useFormField() {\r
 </template>\r
 \r
 <script lang="ts" setup>\r
-  import { type PrimitiveProps } from "radix-vue";\r
+  import { Primitive } from "radix-vue";\r
+  import type { PrimitiveProps } from "radix-vue";\r
 \r
   const props = withDefaults(\r
     defineProps<\r
@@ -8124,7 +8146,7 @@ export { toast, useToast };
   const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);\r
 \r
   const styles = tv({\r
-    base: "group pointer-events-auto relative flex w-full items-center justify-between gap-4 overflow-hidden rounded-md border p-4 pr-9 shadow-sm transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",\r
+    base: "group pointer-events-auto relative flex w-full items-center justify-between gap-4 overflow-hidden rounded-md border p-4 pr-9 shadow-sm transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:duration-300 data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",\r
     variants: {\r
       variant: {\r
         default: "border bg-background text-foreground",\r