@sikka/hawa 0.1.37 → 0.1.40

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.37",
+  "version": "0.1.40",
   "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,24 @@ 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,
+        exports: "auto"
+      },
+      {
+        dir: "es",
+        format: "es",
+        exports: "named",
+        preserveModules: true
+      }
     ],
     plugins: [
       cleaner({
@@ -44,7 +55,8 @@ export default [
           }
         }
       }),
-      commonjs()
+      commonjs(),
+      preserveDirectives({ supressPreserveModulesWarning: true })
     ],
     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/Tabs.tsx

@@ -1,3 +1,5 @@
+"use client"
+
 import * as React from "react"
 import * as TabsPrimitive from "@radix-ui/react-tabs"
 

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;
 }

package/tsconfig.json

@@ -3,6 +3,8 @@
     "declaration": true,
     "target": "es5",
     "lib": ["dom", "dom.iterable", "esnext"],
+    "types": ["react"],
+
     "allowJs": true,
     "skipLibCheck": true,
     "strict": false,
@@ -10,6 +12,7 @@
     "noEmit": false,
     "noEmitHelpers": false,
     "inlineSourceMap": false,
+    "sourceMap": true,
     "importHelpers": true,
     "esModuleInterop": true,
     "noResolve": false,