@sikka/hawa 0.1.36 → 0.1.39

package/lib/src/layout/HawaGrid.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.HawaGrid=function(e){return t.default.createElement("div",{className:" columns-1 gap-5 sm:columns-2 sm:gap-8 md:columns-3 lg:columns-4 [&>*:not(:first-child)]:mt-8"},e.children)};

package/lib/src/layout/HawaSiteLayout.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js"),t=require("react"),a=require("../../node_modules/clsx/dist/clsx.m.js"),r=require("../hooks/useDiscloser.js"),l=require("../hooks/useBreakpoint.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(t);exports.HawaSiteLayout=function(n){var s,o=n.direction,u=void 0===o?"rtl":o,c=n.navigationSize,d=void 0===c?"md":c,f=e.__rest(n,["direction","navigationSize"]),m=t.useState(!1),v=m[0],h=m[1],p=t.useState(!1);p[0],p[1],r(!1);var x,g=t.useRef(null);t.useRef(null),x="undefined"!=typeof window?l():1200;var w=t.useState(!1),E=w[0];w[1],t.useEffect((function(){var e=function(e){!g.current||g.current.contains(e.target)||E||h(!1)};return document.addEventListener("click",e,!0),function(){document.removeEventListener("click",e,!0)}}),[E]);return i.default.createElement("div",{className:"h-full w-full"},i.default.createElement("div",{className:a.clsx("z-30 flex w-auto select-none flex-row items-start justify-between bg-layoutPrimary-500  transition-all",{sm:"h-10",md:"",lg:"h-24"}[d],"rounded p-3 ",v?"h-44":"h-14",f.stickyNav?"fixed left-4 right-4 top-4":"","rtl"===u?"flex-row":"flex-row-reverse")},x>600?i.default.createElement("div",{className:"flex  flex-row h-8    items-center  gap-4 px-3"},null===(s=f.navItems)||void 0===s?void 0:s.map((function(e,t){var a=e.label;return i.default.createElement("div",{onClick:function(){return h(!v)},key:t,className:"cursor-pointer rounded bg-none text-gray-600 transition-all hover:text-black"},a)}))):i.default.createElement("div",{className:"flex items-center justify-center"},i.default.createElement("div",{onClick:function(){return h(!v)},className:"cursor-pointer  rounded p-1  transition-all hover:bg-gray-100"},i.default.createElement("svg",{stroke:"currentColor",fill:"currentColor","stroke-width":"0",viewBox:"0 0 20 20","aria-hidden":"true",height:"1.6em",width:"1.6em"},i.default.createElement("path",{"fill-rule":"evenodd",d:"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z","clip-rule":"evenodd"}))," "),f.pageTitle?i.default.createElement("div",null,f.pageTitle):i.default.createElement("div",null)),i.default.createElement("div",{className:"h-full"},i.default.createElement("img",{className:"h-full max-h-8 ",src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/seera/seera-horizontal-wordmark-".concat("rtl"===u?"ar":"en","-white.svg")}))),i.default.createElement("div",{className:a.clsx(" relative top-14")},f.children))};

package/lib/src/layout/Sidebar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.mjs.js"),t=require("react"),r=require("../../node_modules/@radix-ui/react-accordion/dist/index.mjs.js"),a=require("../util.js");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=n(t);function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){o(e,t,r[t])}))}return e}var i=r.Root,s="flex flex-1 items-center select-none cursor-pointer bg-primary-foreground rounded justify-between p-2 px-3 font-medium transition-all  [&[data-state=open]>svg]:-rotate-90",m=l.forwardRef((function(t,n){var o=t.className,i=e.__rest(t,["className"]);return l.createElement(r.Item,c({ref:n,className:a.cn(o)},i))}));m.displayName="AccordionItem";var u=l.forwardRef((function(t,n){var o=t.className,i=t.showArrow,m=t.children,u=e.__rest(t,["className","showArrow","children"]);return l.createElement(r.Header,{className:"flex"},l.createElement(r.Trigger,c({ref:n,className:a.cn(s,o)},u),m,i&&l.createElement("svg",{"aria-label":"Chevron Right Icon",stroke:"currentColor",fill:"currentColor","stroke-width":"1",viewBox:"0 0 16 16",height:"1em",width:"1em",className:"h-4 w-4 shrink-0 rotate-90 transition-transform duration-200"},l.createElement("path",{"fill-rule":"evenodd",d:"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"}))))}));u.displayName=r.Trigger.displayName;var d=l.forwardRef((function(t,n){var o=t.className,i=t.children,s=e.__rest(t,["className","children"]);return l.createElement(r.Content,c({ref:n,className:a.cn("overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",o)},s),l.createElement("div",null,i))}));d.displayName=r.Content.displayName;var f=function(e){var t=e.item,r=e.isSelected,n=e.onItemClick,o=e.onSubItemClick,c=e.direction,i=e.isOpen,f=void 0===i||i,p=function(e,t){return r&&r[t]===e?"bg-primary text-primary-foreground  cursor-default":"hover:bg-primary/10"};return t.subitems?l.createElement(m,{value:t.value,className:"overflow-x-clip",dir:c},l.createElement(u,{className:a.cn(p(t.value,0)),showArrow:f},l.createElement("div",{className:a.cn(!f&&"py-1","flex w-fit flex-row items-center  gap-2")},t.icon,f&&l.createElement("span",{className:a.cn("transition-all ",f?"opacity-100":"opacity-0")},t.label))),t.subitems&&l.createElement(d,{className:" mt-1 h-full rounded  "},l.createElement("div",{className:a.cn("flex h-full flex-col gap-2 bg-foreground/5 p-1")},t.subitems.map((function(e,r){return l.createElement("li",{key:r,onClick:function(r){r.stopPropagation(),o&&o([t.value,e.value])},className:a.cn("flex h-full cursor-pointer flex-row items-center gap-2 rounded bg-foreground/10 p-2 transition-all",p(e.value,1))},e.icon,e.label)}))))):l.createElement("div",{dir:c,onClick:function(){n&&n([t.value])},className:a.cn(s,p(t.value,0),"overflow-x-clip ")},l.createElement("div",{className:"flex flex-row items-center gap-2 "},t.icon,l.createElement("span",{className:a.cn("whitespace-nowrap transition-all",f?"opacity-100":"opacity-0")},t.label)))};exports.SidebarGroup=function(e){var t=e.title,r=e.items,a=e.selectedItem,n=e.openedItem,o=e.setOpenedItem,c=e.onItemClick,s=e.onSubItemClick,m=e.direction,u=e.isOpen;return l.createElement("div",null,t&&l.createElement("h3",{className:"mb-1 font-bold"},t),l.createElement("ul",{className:"flex flex-col gap-2"},l.createElement(i,{value:n,type:"single",onValueChange:function(e){o(e)},collapsible:!0,className:"flex flex-col gap-1"},r.map((function(e,t){return l.createElement(f,{isOpen:u,isSelected:a,key:t,direction:m,item:e,onItemClick:c,onSubItemClick:s})})))))},exports.SidebarItem=f;

package/lib/src/util.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../node_modules/clsx/dist/clsx.m.js"),r=require("../node_modules/tailwind-merge/dist/lib/tw-merge.mjs.js");exports.cn=function(){for(var s=[],t=0;t<arguments.length;t++)s[t]=arguments[t];return r.twMerge(e.clsx(s))};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.1.36",
+  "version": "0.1.39",
   "description": "SaaS Oriented UI Kit",
   "main": "lib/index.js",
   "module": "es/index.es.js",
@@ -82,6 +82,7 @@
     "rollup-plugin-cleaner": "^1.0.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.0",
+    "rollup-plugin-preserve-directives": "^0.2.0",
     "rollup-plugin-swc": "^0.2.1",
     "rollup-plugin-typescript2": "^0.34.1",
     "storybook-dark-mode": "^3.0.1",
@@ -107,12 +108,12 @@
   "dependencies": {
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-direction": "^1.0.1",
-    "@radix-ui/react-toast": "^1.1.4",
     "@radix-ui/react-dropdown-menu": "^2.0.5",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-popover": "^1.0.6",
     "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-toast": "^1.1.4",
     "@radix-ui/react-tooltip": "^1.0.6",
     "class-variance-authority": "^0.7.0",
     "clsx": "^1.2.1",

package/rollup.config.js

@@ -10,13 +10,19 @@ import postcss from "rollup-plugin-postcss";
 import typescript from "rollup-plugin-typescript2";
 import swc from "rollup-plugin-swc";
 import cleaner from "rollup-plugin-cleaner";
+import preserveDirectives from "rollup-plugin-preserve-directives";
 
 export default [
   {
     input: "src/index.ts",
     output: [
-      { file: "lib/index.js", format: "cjs" },
-      { file: "es/index.es.js", format: "es", exports: "named" }
+      { dir: "lib", format: "cjs", preserveModules: true },
+      {
+        dir: "es",
+        format: "es",
+        exports: "named",
+        preserveModules: true
+      }
     ],
     plugins: [
       cleaner({
@@ -44,7 +50,8 @@ export default [
           }
         }
       }),
-      commonjs()
+      commonjs(),
+      preserveDirectives()
     ],
     onwarn: function (warning, handler) {
       // Skip certain warnings

package/src/elements/HawaTextField.tsx

@@ -63,17 +63,12 @@ export const HawaTextField: FC<TextFieldTypes> = ({
       {props.label && <Label>{props.label}</Label>}
       <div
         className={cn(
-          "absolute top-[22px] h-[0.8px] w-full bg-gray-200 dark:bg-gray-800 transition-all",
+          "absolute top-[22px] h-[0.8px] w-full bg-gray-200 transition-all dark:bg-gray-800",
           preview ? "opacity-100" : "opacity-0"
         )}
       ></div>
       <>
-        <div
-          className={cn(
-            "relative "
-            // preview && "border-t-[0.5px]"
-          )}
-        >
+        <div className={cn("relative")}>
           {props.icon && (
             <div className="absolute left-3 top-1/2 -translate-y-1/2">
               {props.icon}
@@ -84,7 +79,7 @@ export const HawaTextField: FC<TextFieldTypes> = ({
             className={cn(
               defaultInputStyle,
               props.icon && "pl-10",
-              preview && "border-transparent bg-transparent px-0" //-mt-[0.5px]
+              preview && "border-transparent bg-transparent px-0" 
             )}
             disabled={preview}
           />

package/src/elements/Label.tsx

@@ -19,6 +19,7 @@ const Label = React.forwardRef<
     {...props}
   />
 ))
+
 Label.displayName = LabelPrimitive.Root.displayName
 
 export { Label }

package/src/elements/Popover.tsx

@@ -9,12 +9,11 @@ const PopoverContent = React.forwardRef<
 >(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
   <PopoverPrimitive.Portal>
     <PopoverPrimitive.Content
- 
       ref={ref}
       align={align}
       sideOffset={sideOffset}
       className={cn(
-        "z-50 rounded border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:shadow-dark" ,
+        "z-50 rounded border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:shadow-dark",
         className
       )}
       {...props}
@@ -24,12 +23,12 @@ const PopoverContent = React.forwardRef<
 PopoverContent.displayName = PopoverPrimitive.Content.displayName
 
 interface PopoverProps {
+  side?: "top" | "right" | "bottom" | "left"
+  align?: "start" | "center" | "end"
   trigger: React.ReactNode
   children: React.ReactNode
   className?: string
-  align?: "start" | "center" | "end"
   sideOffset?: number
-  side?: "top" | "right" | "bottom" | "left"
 }
 
 const Popover: React.FC<PopoverProps> = ({

package/src/elements/Select.tsx

@@ -1,15 +1,11 @@
 import * as React from "react"
 import * as SelectPrimitive from "@radix-ui/react-select"
-// import { ChevronDown } from "lucide-react"
 
 import { cn } from "../util"
 
 const Select = SelectPrimitive.Root
-
 const SelectGroup = SelectPrimitive.Group
-
 const SelectValue = SelectPrimitive.Value
-
 const SelectTrigger = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Trigger>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>

package/src/elements/Tabs.tsx

@@ -1,3 +1,5 @@
+"use client"
+
 import * as React from "react"
 import * as TabsPrimitive from "@radix-ui/react-tabs"
 
@@ -5,16 +7,11 @@ import { cn } from "../util"
 
 const TabsContext = React.createContext<{
   orientation?: "vertical" | "horizontal"
-}>({
-  orientation: "vertical", // default value
-})
+}>({ orientation: "vertical" })
 
-// const Tabs = TabsPrimitive.Root
 type TabsRootProps = React.ComponentPropsWithoutRef<
   typeof TabsPrimitive.Root
-> & {
-  orientation?: "vertical" | "horizontal"
-}
+> & { orientation?: "vertical" | "horizontal" }
 
 const Tabs = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.Root>,
@@ -23,9 +20,9 @@ const Tabs = React.forwardRef<
   <TabsPrimitive.Root
     ref={ref}
     className={cn(
-      className,
       "flex gap-2",
-      orientation === "horizontal" ? "flex-row" : "flex-col"
+      orientation === "horizontal" ? "flex-row" : "flex-col",
+      className
     )}
     {...props}
   >
@@ -36,23 +33,16 @@ const Tabs = React.forwardRef<
 ))
 Tabs.displayName = TabsPrimitive.Root.displayName
 
-// type TabsListProps = React.ComponentPropsWithoutRef<
-//   typeof TabsPrimitive.List
-// > & {
-//   //   orientation?: "vertical" | "horizontal"
-// }
-
 const TabsList = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.List>,
   React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
 >(({ className, ...props }, ref) => {
   const { orientation } = React.useContext(TabsContext)
-
   return (
     <TabsPrimitive.List
       ref={ref}
       className={cn(
-        "flex w-fit flex-wrap items-center justify-start gap-1 rounded  border bg-muted p-1  text-muted-foreground ",
+        "flex w-fit flex-wrap items-center justify-start gap-1 rounded border  bg-muted p-1 text-muted-foreground  dark:border-primary/10 ",
         orientation === "horizontal" ? "flex-col" : "flex-row",
         className
       )}
@@ -70,7 +60,7 @@ const TabsTrigger = React.forwardRef<
     <TabsPrimitive.Trigger
       ref={ref}
       className={cn(
-        "inline-flex w-full flex-1 select-none items-center justify-center whitespace-nowrap rounded border px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm ",
+        "inline-flex w-full flex-1 select-none items-center justify-center whitespace-nowrap rounded border px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm  dark:border-primary/10",
         className
       )}
       {...props}

package/src/elements/Textarea.tsx

@@ -1,5 +1,4 @@
 import * as React from "react"
-
 import { cn } from "../util"
 import { Label } from "./Label"
 

package/src/elements/Toast.tsx

@@ -4,23 +4,6 @@ import { cva, type VariantProps } from "class-variance-authority"
 
 import { cn } from "../util"
 
-const ToastProvider = ToastPrimitives.Provider
-
-const ToastViewport = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Viewport>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Viewport
-    ref={ref}
-    className={cn(
-      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
-      className
-    )}
-    {...props}
-  />
-))
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName
-
 const toastVariants = cva(
   "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border  shadow-lg 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=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
@@ -45,6 +28,23 @@ const toastVariants = cva(
   }
 )
 
+const ToastProvider = ToastPrimitives.Provider
+
+const ToastViewport = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Viewport>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Viewport
+    ref={ref}
+    className={cn(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      className
+    )}
+    {...props}
+  />
+))
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName
+
 const Toast = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Root>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
@@ -79,14 +79,9 @@ const ToastAction = React.forwardRef<
       ref={ref}
       className={cn(
         "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-        // "group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
-
         "group-[.info]:border-muted/40 group-[.info]:hover:border-info/30 group-[.info]:hover:bg-info group-[.info]:hover:text-info-foreground group-[.info]:focus:ring-info",
-
         "group-[.error]:border-muted/40 group-[.error]:hover:border-error/30 group-[.error]:hover:bg-error group-[.error]:hover:text-error-foreground group-[.error]:focus:ring-error",
-
         "group-[.success]:border-muted/40 group-[.success]:hover:border-success/30 group-[.success]:hover:bg-success group-[.success]:hover:text-success-foreground group-[.success]:focus:ring-success",
-
         "group-[.warning]:border-muted/40 group-[.warning]:hover:border-warning/30 group-[.warning]:hover:bg-warning group-[.warning]:hover:text-warning-foreground group-[.warning]:focus:ring-warning",
         className
       )}
@@ -151,7 +146,6 @@ const ToastDescription = React.forwardRef<
 ToastDescription.displayName = ToastPrimitives.Description.displayName
 
 type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>
-
 type ToastActionElement = React.ReactElement<typeof ToastAction>
 
 export {

package/src/elements/Toaster.tsx

@@ -12,19 +12,14 @@ import { cn } from "../util"
 
 export function Toaster(props) {
   const { toasts } = useToast()
-  console.log("toaster direction", props.direction)
+  let isRTL = props.direction === "rtl"
   return (
-    <ToastProvider
-      swipeDirection={props.direction === "rtl" ? "left" : "right"}
-    >
+    <ToastProvider swipeDirection={isRTL ? "left" : "right"}>
       {toasts.map(function ({ id, title, description, action, ...toastProps }) {
         return (
           <Toast direction={props.direction} key={id} {...toastProps}>
             <div
-              className={cn(
-                "grid gap-1",
-                props.direction === "rtl" ? "text-right" : "text-left"
-              )}
+              className={cn("grid gap-1", isRTL ? "text-right" : "text-left")}
             >
               {title && <ToastTitle>{title}</ToastTitle>}
               {description && (
@@ -36,9 +31,7 @@ export function Toaster(props) {
           </Toast>
         )
       })}
-      <ToastViewport
-        className={cn("gap-2", props.direction === "rtl" && "fixed left-0")}
-      />
+      <ToastViewport className={cn("gap-2", isRTL && "fixed left-0")} />
     </ToastProvider>
   )
 }

package/src/elements/Tooltip.tsx

@@ -22,35 +22,28 @@ const TooltipArrow = React.forwardRef<
   React.ElementRef<typeof TooltipPrimitive.Arrow>,
   React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>
 >(({ className, ...props }, ref) => (
-  <TooltipPrimitive.Arrow
-    ref={ref}
-    className={cn(
-      //   "fill-white",
-      className
-    )}
-    {...props}
-  />
+  <TooltipPrimitive.Arrow ref={ref} className={cn(className)} {...props} />
 ))
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName
 
 type TooltipTypes = {
+  open?: any
   side?: "top" | "right" | "bottom" | "left"
-  children?: any
   content?: any
-  open?: any
+  children?: any
   defaultOpen?: any
   onOpenChange?: any
   delayDuration?: any
 }
 
-export const Tooltip: React.FunctionComponent<TooltipTypes> = ({
-  children,
-  content,
+const Tooltip: React.FunctionComponent<TooltipTypes> = ({
+  side,
   open,
+  content,
+  children,
   defaultOpen,
   onOpenChange,
   delayDuration = 300,
-  side,
   ...props
 }) => {
   return (
@@ -63,10 +56,10 @@ export const Tooltip: React.FunctionComponent<TooltipTypes> = ({
         <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>
         <TooltipContent side={side} align="center" {...props}>
           {content}
-          {/* <TooltipArrow width={21} height={5} /> */}
         </TooltipContent>
       </TooltipPrimitive.Root>
     </TooltipPrimitive.TooltipProvider>
   )
 }
-// export { Tooltip, TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider }
+
+export { Tooltip }

package/src/hooks/useToast.ts

@@ -4,7 +4,7 @@ import * as React from "react"
 import type { ToastActionElement, ToastProps } from "../elements/Toast"
 
 const TOAST_LIMIT = 5
-const TOAST_REMOVE_DELAY = 1000000
+const TOAST_REMOVE_DELAY = 100000
 
 type ToasterToast = ToastProps & {
   id: string
@@ -102,21 +102,13 @@ export const reducer = (state: State, action: Action): State => {
       return {
         ...state,
         toasts: state.toasts.map((t) =>
-          t.id === toastId || toastId === undefined
-            ? {
-                ...t,
-                open: false,
-              }
-            : t
+          t.id === toastId || toastId === undefined ? { ...t, open: false } : t
         ),
       }
     }
     case "REMOVE_TOAST":
       if (action.toastId === undefined) {
-        return {
-          ...state,
-          toasts: [],
-        }
+        return { ...state, toasts: [] }
       }
       return {
         ...state,

package/src/layout/Sidebar.tsx

@@ -1,8 +1,6 @@
 import * as React from "react"
 import * as AccordionPrimitive from "@radix-ui/react-accordion"
-
 import { cn } from "../util"
-import { Button } from "../elements"
 
 const Accordion = AccordionPrimitive.Root
 

package/src/styles.css

@@ -892,9 +892,6 @@ video {
 .-mt-1 {
   margin-top: -0.25rem;
 }
-.-mt-\[0\.5px\] {
-  margin-top: -0.5px;
-}
 .mb-0 {
   margin-bottom: 0px;
 }
@@ -1834,9 +1831,6 @@ video {
 .border-t-4 {
   border-top-width: 4px;
 }
-.border-t-\[0\.5px\] {
-  border-top-width: 0.5px;
-}
 .border-dashed {
   border-style: dashed;
 }
@@ -3303,9 +3297,6 @@ body {
   --tw-blur: blur(16px);
   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);
 }
-.group.destructive .group-\[\.destructive\]\:border-muted\/40 {
-  border-color: hsl(var(--muted) / 0.4);
-}
 .group.error .group-\[\.error\]\:border-muted\/40 {
   border-color: hsl(var(--muted) / 0.4);
 }
@@ -3322,9 +3313,6 @@ body {
   --tw-text-opacity: 1;
   color: rgb(252 165 165 / var(--tw-text-opacity));
 }
-.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover {
-  border-color: hsl(var(--destructive) / 0.3);
-}
 .group.error .group-\[\.error\]\:hover\:border-error\/30:hover {
   border-color: hsl(var(--error) / 0.3);
 }
@@ -3337,10 +3325,6 @@ body {
 .group.warning .group-\[\.warning\]\:hover\:border-warning\/30:hover {
   border-color: hsl(var(--warning) / 0.3);
 }
-.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover {
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--destructive) / var(--tw-bg-opacity));
-}
 .group.error .group-\[\.error\]\:hover\:bg-error:hover {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--error) / var(--tw-bg-opacity));
@@ -3357,10 +3341,6 @@ body {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--warning) / var(--tw-bg-opacity));
 }
-.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover {
-  --tw-text-opacity: 1;
-  color: hsl(var(--destructive-foreground) / var(--tw-text-opacity));
-}
 .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
   --tw-text-opacity: 1;
   color: rgb(254 242 242 / var(--tw-text-opacity));
@@ -3381,10 +3361,6 @@ body {
   --tw-text-opacity: 1;
   color: hsl(var(--warning-foreground) / var(--tw-text-opacity));
 }
-.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: hsl(var(--destructive) / var(--tw-ring-opacity));
-}
 .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
@@ -3755,6 +3731,9 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(17 24 39 / var(--tw-border-opacity));
 }
+:is(.dark .dark\:border-primary\/10) {
+  border-color: hsl(var(--primary) / 0.1);
+}
 :is(.dark .dark\:bg-background) {
   background-color: hsl(var(--background));
 }

package/tsconfig.json

@@ -3,6 +3,8 @@
     "declaration": true,
     "target": "es5",
     "lib": ["dom", "dom.iterable", "esnext"],
+    "types": ["react"],
+
     "allowJs": true,
     "skipLibCheck": true,
     "strict": false,