@accelint/design-toolkit 2.6.0 → 4.0.0

package/dist/components/drawer/styles.d.ts

@@ -5,10 +5,10 @@ declare const DrawerStyles: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
             content?: tailwind_merge.ClassNameValue;
+            main?: tailwind_merge.ClassNameValue;
             footer?: tailwind_merge.ClassNameValue;
             header?: tailwind_merge.ClassNameValue;
-            main?: tailwind_merge.ClassNameValue;
-            title?: tailwind_merge.ClassNameValue;
+            view?: tailwind_merge.ClassNameValue;
             panel?: tailwind_merge.ClassNameValue;
             layout?: tailwind_merge.ClassNameValue;
             drawer?: tailwind_merge.ClassNameValue;
@@ -18,10 +18,10 @@ declare const DrawerStyles: tailwind_variants.TVReturnType<{
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
             content?: tailwind_merge.ClassNameValue;
+            main?: tailwind_merge.ClassNameValue;
             footer?: tailwind_merge.ClassNameValue;
             header?: tailwind_merge.ClassNameValue;
-            main?: tailwind_merge.ClassNameValue;
-            title?: tailwind_merge.ClassNameValue;
+            view?: tailwind_merge.ClassNameValue;
             panel?: tailwind_merge.ClassNameValue;
             layout?: tailwind_merge.ClassNameValue;
             drawer?: tailwind_merge.ClassNameValue;
@@ -31,19 +31,19 @@ declare const DrawerStyles: tailwind_variants.TVReturnType<{
     layout: string[];
     main: string;
     drawer: string[];
-    content: string[];
     panel: string[];
+    view: string;
+    content: string[];
     header: string[];
-    title: string;
     footer: string;
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
             content?: tailwind_merge.ClassNameValue;
+            main?: tailwind_merge.ClassNameValue;
             footer?: tailwind_merge.ClassNameValue;
             header?: tailwind_merge.ClassNameValue;
-            main?: tailwind_merge.ClassNameValue;
-            title?: tailwind_merge.ClassNameValue;
+            view?: tailwind_merge.ClassNameValue;
             panel?: tailwind_merge.ClassNameValue;
             layout?: tailwind_merge.ClassNameValue;
             drawer?: tailwind_merge.ClassNameValue;
@@ -53,27 +53,61 @@ declare const DrawerStyles: tailwind_variants.TVReturnType<{
     layout: string[];
     main: string;
     drawer: string[];
-    content: string[];
     panel: string[];
+    view: string;
+    content: string[];
     header: string[];
-    title: string;
     footer: string;
 }, tailwind_variants.TVReturnType<unknown, {
     layout: string[];
     main: string;
     drawer: string[];
-    content: string[];
     panel: string[];
+    view: string;
+    content: string[];
     header: string[];
-    title: string;
     footer: string;
 }, undefined, unknown, unknown, undefined>>;
+declare const DrawerTitleStylesDefaults: {
+    readonly level: 2;
+};
+declare const DrawerTitleStyles: tailwind_variants.TVReturnType<{
+    level: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
+}, undefined, "w-full text-default-light", {
+    level: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    level: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
+}, undefined, "w-full text-default-light", unknown, unknown, undefined>>;
+declare const DrawerMenuStylesDefaults: {
+    readonly position: "center";
+};
 declare const DrawerMenuStyles: tailwind_variants.TVReturnType<{
     position: {
         start: {
             menu: string[];
         };
-        middle: {
+        center: {
             menu: string[];
         };
         end: {
@@ -88,7 +122,7 @@ declare const DrawerMenuStyles: tailwind_variants.TVReturnType<{
         start: {
             menu: string[];
         };
-        middle: {
+        center: {
             menu: string[];
         };
         end: {
@@ -103,7 +137,7 @@ declare const DrawerMenuStyles: tailwind_variants.TVReturnType<{
         start: {
             menu: string[];
         };
-        middle: {
+        center: {
             menu: string[];
         };
         end: {
@@ -115,4 +149,4 @@ declare const DrawerMenuStyles: tailwind_variants.TVReturnType<{
     item: string[];
 }, undefined, unknown, unknown, undefined>>;
 
-export { DrawerMenuStyles, DrawerStyles };
+export { DrawerMenuStyles, DrawerMenuStylesDefaults, DrawerStyles, DrawerTitleStyles, DrawerTitleStylesDefaults };

package/dist/components/drawer/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'tailwind-variants';const r=tv({slots:{layout:["[--drawer-main-row-start:1]","data-[push~=top]:[--drawer-main-row-start:2]","[--drawer-main-row-end:4]","data-[push~=bottom]:[--drawer-main-row-end:3]","[--drawer-main-col-start:1]","data-[push~=left]:[--drawer-main-col-start:2]","[--drawer-main-col-end:4]","data-[push~=right]:[--drawer-main-col-end:3]","[--drawer-size-closed:0]","[--drawer-menu-size:40px]","[--drawer-size-small:100px]","[--drawer-size-medium:200px]","[--drawer-size-large:400px]","[--route-layout-grid-cols:auto_1fr_auto]","[--route-layout-grid-rows:auto_1fr_auto]","[--drawer-main-cols:var(--drawer-main-col-start)/var(--drawer-main-col-end)]","[--drawer-main-rows:var(--drawer-main-row-start)/var(--drawer-main-row-end)]","group/layout relative top-[var(--classification-banner-height)]","grid grid-cols-[var(--route-layout-grid-cols)] grid-rows-[var(--route-layout-grid-rows)]","transition-[grid-template-columns,grid-template-rows]","h-full max-h-full w-full"],main:"relative z-1 col-[var(--drawer-main-cols)] row-[var(--drawer-main-rows)]",drawer:["group/drawer","bg-surface-default text-body-m","relative z-5 flex h-full min-h-0 flex-col","pointer-events-none [&>*]:pointer-events-auto","closed:[&>*:not(nav)]:hidden","placement-top:col-start-2 placement-top:col-end-3 placement-top:row-start-1 placement-top:row-end-2","group-data-[extend~=top]/layout:placement-top:z-10","group-data-[extend~=top]/layout:placement-top:col-span-full","group-data-[extend=left]/layout:placement-top:col-end-4","group-data-[extend=right]/layout:placement-top:col-start-1","placement-top:closed:h-[var(--drawer-size-closed)]","placement-top:open:size-small:h-[var(--drawer-size-small)]","placement-top:open:size-medium:h-[var(--drawer-size-medium)]","placement-top:open:size-large:h-[var(--drawer-size-large)]","placement-bottom:col-start-2 placement-bottom:col-end-3 placement-bottom:row-start-3 placement-bottom:row-end-4","group-data-[extend=bottom]/layout:placement-bottom:z-10","group-data-[extend~=bottom]/layout:placement-bottom:col-span-full","group-data-[extend=left]/layout:placement-bottom:col-end-4","group-data-[extend=right]/layout:placement-bottom:col-start-1","placement-bottom:closed:h-[var(--drawer-size-closed)]","placement-bottom:open:size-small:h-[var(--drawer-size-small)]","placement-bottom:open:size-medium:h-[var(--drawer-size-medium)]","placement-bottom:open:size-large:h-[var(--drawer-size-large)]","placement-left:col-start-1 placement-left:col-end-2 placement-left:row-start-2 placement-left:row-end-3","group-data-[extend=left]/layout:placement-left:z-10","group-data-[extend=right]/layout:placement-left:z-1","placement-left:closed:w-[var(--drawer-size-closed)]","placement-left:open:size-small:w-[var(--drawer-size-small)]","placement-left:open:size-medium:w-[var(--drawer-size-medium)]","placement-left:open:size-large:w-[var(--drawer-size-large)]","group-data-[extend~=left]/layout:placement-left:row-span-full","group-data-[extend=top]/layout:placement-left:row-end-4","group-data-[extend=bottom]/layout:placement-left:row-start-1","placement-right:col-start-3 placement-right:col-end-4 placement-right:row-start-2 placement-right:row-end-3","group-data-[extend=right]/layout:placement-right:z-10","group-data-[extend=left]/layout:placement-right:z-1","group-data-[extend~=right]/layout:placement-right:row-span-full","group-data-[extend=top]/layout:placement-right:row-end-4","group-data-[extend=bottom]/layout:placement-right:row-start-1","placement-right:closed:w-[var(--drawer-size-closed)]","placement-right:open:size-small:w-[var(--drawer-size-small)]","placement-right:open:size-medium:w-[var(--drawer-size-medium)]","placement-right:open:size-large:w-[var(--drawer-size-large)]"],content:["hidden h-full min-h-0 flex-col gap-s p-l group-open/drawer:flex"],panel:["flex max-h-full flex-1 flex-col overflow-y-auto text-default-light"],header:["mb-s flex flex-row items-center justify-between pt-px pr-px"],title:"w-full text-default-light text-header-l",footer:"mt-s flex flex-row items-center justify-end text-default-light"}}),a=tv({slots:{menu:["absolute flex rounded-large bg-surface-default p-s","group-placement-top/drawer:transform-[translateX(-50%)] group-placement-top/drawer:left-[50%] group-placement-top/drawer:h-[var(--drawer-menu-size)] group-placement-top/drawer:flex-row","group-placement-bottom/drawer:transform-[translateX(-50%)] group-placement-bottom/drawer:left-[50%] group-placement-bottom/drawer:h-[var(--drawer-menu-size)] group-placement-bottom/drawer:flex-row","group-placement-bottom/drawer:-translate-y-[var(--drawer-menu-size)] group-placement-bottom/drawer:rounded-b-none","group-placement-top/drawer:bottom-0 group-placement-top/drawer:translate-y-[var(--drawer-menu-size)] group-placement-top/drawer:rounded-t-none","group-placement-right/drawer:-translate-y-1/8 group-placement-right/drawer:top-1/8","group-placement-left/drawer:left-full group-placement-left/drawer:rounded-l-none","group-placement-left/drawer:w-[var(--drawer-menu-size)] group-placement-left/drawer:flex-col group-placement-left/drawer:items-center","group-placement-right/drawer:-left-[var(--drawer-menu-size)] group-placement-right/drawer:rounded-r-none","group-placement-right/drawer:w-[var(--drawer-menu-size)] group-placement-right/drawer:flex-col group-placement-right/drawer:items-center"],item:["flex flex-col items-center justify-center","fg-default-dark cursor-pointer p-s outline-none","rounded-medium group-dtk-orientation-horizontal:rounded-small group-dtk-orientation-horizontal:rounded-b-none","group-dtk-orientation-horizontal:border-static-light group-dtk-orientation-horizontal:border-b","group-dtk-orientation-vertical:border group-dtk-orientation-vertical:border-transparent","hover:fg-default-light hover:!bg-transparent hover:group-dtk-orientation-horizontal:border-interactive-hover","selected:fg-highlight selected:bg-highlight-subtle selected:group-dtk-orientation-horizontal:border-highlight","focus:fg-default-light focus:group-dtk-orientation-horizontal:border-interactive-hover","disabled:fg-disabled disabled:cursor-not-allowed disabled:group-dtk-orientation-horizontal:border-interactive-disabled"]},variants:{position:{start:{menu:["group-placement-left/drawer:-translate-y-1/2 group-placement-left/drawer:top-1/8","group-placement-right/drawer:-translate-y-1/2 group-placement-right/drawer:top-1/8","group-placement-top/drawer:left-1/8 group-placement-top/drawer:translate-x-1/4","group-placement-bottom/drawer:left-1/8 group-placement-bottom/drawer:translate-x-1/4"]},middle:{menu:["group-placement-left/drawer:-translate-y-1/2 group-placement-left/drawer:top-1/2","group-placement-right/drawer:-translate-y-1/2 group-placement-right/drawer:top-1/2","group-placement-top/drawer:-translate-x-1/8 group-placement-top/drawer:left-1/2","group-placement-bottom/drawer:-translate-x-1/8 group-placement-bottom/drawer:left-1/2"]},end:{menu:["group-placement-left/drawer:-translate-y-7/2 group-placement-left/drawer:top-7/8","group-placement-right/drawer:-translate-y-7/8 group-placement-right/drawer:top-7/8","group-placement-top/drawer:-translate-x-1/2 group-placement-top/drawer:left-7/8","group-placement-bottom/drawer:-translate-x-1/2 group-placement-bottom/drawer:left-7/8"]}}}});export{a as DrawerMenuStyles,r as DrawerStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'tailwind-variants';const o=tv({slots:{layout:["[--drawer-main-row-start:1]","data-[push~=top]:[--drawer-main-row-start:2]","[--drawer-main-row-end:4]","data-[push~=bottom]:[--drawer-main-row-end:3]","[--drawer-main-col-start:1]","data-[push~=left]:[--drawer-main-col-start:2]","[--drawer-main-col-end:4]","data-[push~=right]:[--drawer-main-col-end:3]","[--drawer-menu-size:40px]","[--drawer-size-small:100px]","[--drawer-size-medium:200px]","[--drawer-size-large:400px]","[--route-layout-grid-cols:auto_1fr_auto]","[--route-layout-grid-rows:auto_1fr_auto]","[--drawer-main-cols:var(--drawer-main-col-start)/var(--drawer-main-col-end)]","[--drawer-main-rows:var(--drawer-main-row-start)/var(--drawer-main-row-end)]","group/layout relative top-[var(--classification-banner-height)]","grid grid-cols-[var(--route-layout-grid-cols)] grid-rows-[var(--route-layout-grid-rows)]","transition-[grid-template-columns,grid-template-rows]","h-full max-h-full w-full"],main:"relative z-1 col-[var(--drawer-main-cols)] row-[var(--drawer-main-rows)]",drawer:["group/drawer","bg-surface-default text-body-m","relative z-5 flex h-full min-h-0 flex-col","pointer-events-none [&>*]:pointer-events-auto","placement-top:col-start-2 placement-top:col-end-3 placement-top:row-start-1 placement-top:row-end-2","placement-bottom:col-start-2 placement-bottom:col-end-3 placement-bottom:row-start-3 placement-bottom:row-end-4","placement-left:col-start-1 placement-left:col-end-2 placement-left:row-start-2 placement-left:row-end-3","placement-right:col-start-3 placement-right:col-end-4 placement-right:row-start-2 placement-right:row-end-3","group-data-[extend~=top]/layout:placement-top:col-span-full","group-data-[extend~=bottom]/layout:placement-bottom:col-span-full","group-data-[extend~=left]/layout:placement-left:row-span-full","group-data-[extend~=right]/layout:placement-right:row-span-full","group-data-[extend=top]/layout:placement-left:row-end-4 group-data-[extend=top]/layout:placement-right:row-end-4","group-data-[extend=bottom]/layout:placement-left:row-start-1 group-data-[extend=bottom]/layout:placement-right:row-start-1","group-data-[extend=left]/layout:placement-bottom:col-end-4 group-data-[extend=left]/layout:placement-top:col-end-4","group-data-[extend=right]/layout:placement-bottom:col-start-1 group-data-[extend=right]/layout:placement-top:col-start-1"],panel:["hidden h-full min-h-0 flex-col gap-s p-l","group-open/drawer:flex","group-placement-left/drawer:group-size-large/drawer:w-[var(--drawer-size-large)] group-placement-left/drawer:group-size-medium/drawer:w-[var(--drawer-size-medium)] group-placement-left/drawer:group-size-small/drawer:w-[var(--drawer-size-small)]","group-placement-right/drawer:group-size-large/drawer:w-[var(--drawer-size-large)] group-placement-right/drawer:group-size-medium/drawer:w-[var(--drawer-size-medium)] group-placement-right/drawer:group-size-small/drawer:w-[var(--drawer-size-small)]","group-placement-top/drawer:group-size-large/drawer:h-[var(--drawer-size-large)] group-placement-top/drawer:group-size-medium/drawer:h-[var(--drawer-size-medium)] group-placement-top/drawer:group-size-small/drawer:h-[var(--drawer-size-small)]","group-placement-bottom/drawer:group-size-large/drawer:h-[var(--drawer-size-large)] group-placement-bottom/drawer:group-size-medium/drawer:h-[var(--drawer-size-medium)] group-placement-bottom/drawer:group-size-small/drawer:h-[var(--drawer-size-small)]"],view:"flex h-full flex-col",content:["flex max-h-full flex-1 flex-col overflow-y-auto text-default-light"],header:["mb-s flex flex-row items-center justify-between pt-px pr-px"],footer:"mt-s flex flex-row items-center justify-end text-default-light"}}),r={level:2},l=tv({base:"w-full text-default-light",variants:{level:{1:"",2:"",3:"",4:"",5:"",6:""}},compoundVariants:[{level:[1,2,3],className:"text-header-l"},{level:[4,5,6],className:"text-header-m"}],defaultVariants:r}),t={position:"center"},p=tv({slots:{menu:["absolute flex rounded-large bg-surface-default p-s","group-placement-top/drawer:transform-[translateX(-50%)] group-placement-top/drawer:left-[50%] group-placement-top/drawer:h-[var(--drawer-menu-size)] group-placement-top/drawer:flex-row","group-placement-bottom/drawer:transform-[translateX(-50%)] group-placement-bottom/drawer:left-[50%] group-placement-bottom/drawer:h-[var(--drawer-menu-size)] group-placement-bottom/drawer:flex-row","group-placement-bottom/drawer:-translate-y-[var(--drawer-menu-size)] group-placement-bottom/drawer:rounded-b-none","group-placement-top/drawer:bottom-0 group-placement-top/drawer:translate-y-[var(--drawer-menu-size)] group-placement-top/drawer:rounded-t-none","group-placement-left/drawer:left-full group-placement-left/drawer:rounded-l-none","group-placement-left/drawer:w-[var(--drawer-menu-size)] group-placement-left/drawer:flex-col group-placement-left/drawer:items-center","group-placement-right/drawer:-left-[var(--drawer-menu-size)] group-placement-right/drawer:rounded-r-none","group-placement-right/drawer:w-[var(--drawer-menu-size)] group-placement-right/drawer:flex-col group-placement-right/drawer:items-center"],item:["flex flex-col items-center justify-center","fg-default-dark !p-xs cursor-pointer outline-none","rounded-medium","hover:fg-default-light hover:!bg-transparent","selected:fg-highlight selected:bg-highlight-subtle","focus:fg-default-light","disabled:fg-disabled disabled:cursor-not-allowed"]},variants:{position:{start:{menu:["group-placement-left/drawer:-translate-y-1/2 group-placement-left/drawer:top-1/8","group-placement-right/drawer:-translate-y-1/2 group-placement-right/drawer:top-1/8","group-placement-top/drawer:left-1/8 group-placement-top/drawer:translate-x-1/4","group-placement-bottom/drawer:left-1/8 group-placement-bottom/drawer:translate-x-1/4"]},center:{menu:["group-placement-left/drawer:-translate-y-1/2 group-placement-left/drawer:top-1/2","group-placement-right/drawer:-translate-y-1/2 group-placement-right/drawer:top-1/2","group-placement-top/drawer:-translate-x-1/8 group-placement-top/drawer:left-1/2","group-placement-bottom/drawer:-translate-x-1/8 group-placement-bottom/drawer:left-1/2"]},end:{menu:["group-placement-left/drawer:-translate-y-7/2 group-placement-left/drawer:top-7/8","group-placement-right/drawer:-translate-y-7/8 group-placement-right/drawer:top-7/8","group-placement-top/drawer:-translate-x-1/2 group-placement-top/drawer:left-7/8","group-placement-bottom/drawer:-translate-x-1/2 group-placement-bottom/drawer:left-7/8"]}}},defaultVariants:t});export{p as DrawerMenuStyles,t as DrawerMenuStylesDefaults,o as DrawerStyles,l as DrawerTitleStyles,r as DrawerTitleStylesDefaults};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

package/dist/components/drawer/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/drawer/styles.ts"],"names":["DrawerStyles","tv","DrawerMenuStyles"],"mappings":"mCAcO,MAAMA,CAAAA,CAAeC,GAAG,CAC7B,KAAA,CAAO,CACL,MAAA,CAAQ,CAEN,6BAAA,CACA,8CAAA,CACA,4BACA,+CAAA,CACA,6BAAA,CACA,gDACA,2BAAA,CACA,8CAAA,CAEA,0BAAA,CACA,2BAAA,CACA,8BACA,8BAAA,CACA,6BAAA,CAGA,0CAAA,CACA,0CAAA,CACA,+EACA,8EAAA,CAGA,iEAAA,CACA,0FAAA,CACA,uDAAA,CACA,0BACF,CAAA,CACA,IAAA,CAAM,2EACN,MAAA,CAAQ,CACN,eACA,gCAAA,CACA,2CAAA,CACA,+CAAA,CACA,8BAAA,CAGA,sGACA,oDAAA,CACA,6DAAA,CACA,yDAAA,CACA,4DAAA,CACA,qDACA,4DAAA,CACA,8DAAA,CACA,4DAAA,CAGA,iHAAA,CACA,0DACA,mEAAA,CACA,4DAAA,CACA,gEACA,uDAAA,CACA,+DAAA,CACA,kEACA,+DAAA,CAGA,yGAAA,CACA,qDAAA,CACA,qDAAA,CACA,sDACA,6DAAA,CACA,+DAAA,CACA,8DACA,+DAAA,CACA,yDAAA,CACA,+DAGA,6GAAA,CACA,uDAAA,CACA,qDAAA,CACA,iEAAA,CACA,2DACA,+DAAA,CACA,sDAAA,CACA,+DACA,gEAAA,CACA,8DACF,EACA,OAAA,CAAS,CACP,iEACF,CAAA,CACA,MAAO,CACL,oEACF,CAAA,CACA,MAAA,CAAQ,CAAC,6DAA6D,CAAA,CACtE,KAAA,CAAO,yCAAA,CACP,OAAQ,gEACV,CACF,CAAC,CAAA,CAEYC,CAAAA,CAAmBD,GAAG,CACjC,KAAA,CAAO,CACL,IAAA,CAAM,CACJ,oDAAA,CAGA,0LAAA,CACA,uMACA,mHAAA,CACA,gJAAA,CAEA,qFACA,kFAAA,CACA,uIAAA,CACA,0GAAA,CACA,0IACF,EACA,IAAA,CAAM,CACJ,4CACA,iDAAA,CACA,+GAAA,CACA,iGACA,yFAAA,CAEA,8GAAA,CAEA,+GAAA,CAEA,wFAAA,CAEA,wHACF,CACF,CAAA,CACA,QAAA,CAAU,CACR,SAAU,CACR,KAAA,CAAO,CACL,IAAA,CAAM,CACJ,kFAAA,CACA,oFAAA,CACA,iFACA,sFACF,CACF,EACA,MAAA,CAAQ,CACN,IAAA,CAAM,CACJ,mFACA,oFAAA,CACA,iFAAA,CACA,uFACF,CACF,CAAA,CACA,IAAK,CACH,IAAA,CAAM,CACJ,kFAAA,CACA,qFACA,iFAAA,CACA,uFACF,CACF,CACF,CACF,CACF,CAAC","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from 'tailwind-variants';\n\nexport const DrawerStyles = tv({\n  slots: {\n    layout: [\n      //properties\n      '[--drawer-main-row-start:1]', //top overlay\n      'data-[push~=top]:[--drawer-main-row-start:2]',\n      '[--drawer-main-row-end:4]', //bottom overlay\n      'data-[push~=bottom]:[--drawer-main-row-end:3]',\n      '[--drawer-main-col-start:1]', //left overlay\n      'data-[push~=left]:[--drawer-main-col-start:2]',\n      '[--drawer-main-col-end:4]', //right overlay\n      'data-[push~=right]:[--drawer-main-col-end:3]',\n\n      '[--drawer-size-closed:0]',\n      '[--drawer-menu-size:40px]',\n      '[--drawer-size-small:100px]',\n      '[--drawer-size-medium:200px]',\n      '[--drawer-size-large:400px]',\n\n      //Grid template definitions\n      '[--route-layout-grid-cols:auto_1fr_auto]',\n      '[--route-layout-grid-rows:auto_1fr_auto]',\n      '[--drawer-main-cols:var(--drawer-main-col-start)/var(--drawer-main-col-end)]',\n      '[--drawer-main-rows:var(--drawer-main-row-start)/var(--drawer-main-row-end)]',\n\n      //container\n      'group/layout relative top-[var(--classification-banner-height)]',\n      'grid grid-cols-[var(--route-layout-grid-cols)] grid-rows-[var(--route-layout-grid-rows)]',\n      'transition-[grid-template-columns,grid-template-rows]',\n      'h-full max-h-full w-full',\n    ],\n    main: 'relative z-1 col-[var(--drawer-main-cols)] row-[var(--drawer-main-rows)]',\n    drawer: [\n      'group/drawer',\n      'bg-surface-default text-body-m',\n      'relative z-5 flex h-full min-h-0 flex-col',\n      'pointer-events-none [&>*]:pointer-events-auto',\n      'closed:[&>*:not(nav)]:hidden',\n\n      //top\n      'placement-top:col-start-2 placement-top:col-end-3 placement-top:row-start-1 placement-top:row-end-2',\n      'group-data-[extend~=top]/layout:placement-top:z-10',\n      'group-data-[extend~=top]/layout:placement-top:col-span-full',\n      'group-data-[extend=left]/layout:placement-top:col-end-4',\n      'group-data-[extend=right]/layout:placement-top:col-start-1',\n      'placement-top:closed:h-[var(--drawer-size-closed)]',\n      'placement-top:open:size-small:h-[var(--drawer-size-small)]',\n      'placement-top:open:size-medium:h-[var(--drawer-size-medium)]',\n      'placement-top:open:size-large:h-[var(--drawer-size-large)]',\n\n      //bottom\n      'placement-bottom:col-start-2 placement-bottom:col-end-3 placement-bottom:row-start-3 placement-bottom:row-end-4',\n      'group-data-[extend=bottom]/layout:placement-bottom:z-10',\n      'group-data-[extend~=bottom]/layout:placement-bottom:col-span-full',\n      'group-data-[extend=left]/layout:placement-bottom:col-end-4',\n      'group-data-[extend=right]/layout:placement-bottom:col-start-1',\n      'placement-bottom:closed:h-[var(--drawer-size-closed)]',\n      'placement-bottom:open:size-small:h-[var(--drawer-size-small)]',\n      'placement-bottom:open:size-medium:h-[var(--drawer-size-medium)]',\n      'placement-bottom:open:size-large:h-[var(--drawer-size-large)]',\n\n      //left\n      'placement-left:col-start-1 placement-left:col-end-2 placement-left:row-start-2 placement-left:row-end-3',\n      'group-data-[extend=left]/layout:placement-left:z-10',\n      'group-data-[extend=right]/layout:placement-left:z-1',\n      'placement-left:closed:w-[var(--drawer-size-closed)]',\n      'placement-left:open:size-small:w-[var(--drawer-size-small)]',\n      'placement-left:open:size-medium:w-[var(--drawer-size-medium)]',\n      'placement-left:open:size-large:w-[var(--drawer-size-large)]',\n      'group-data-[extend~=left]/layout:placement-left:row-span-full',\n      'group-data-[extend=top]/layout:placement-left:row-end-4',\n      'group-data-[extend=bottom]/layout:placement-left:row-start-1',\n\n      //right\n      'placement-right:col-start-3 placement-right:col-end-4 placement-right:row-start-2 placement-right:row-end-3',\n      'group-data-[extend=right]/layout:placement-right:z-10',\n      'group-data-[extend=left]/layout:placement-right:z-1',\n      'group-data-[extend~=right]/layout:placement-right:row-span-full',\n      'group-data-[extend=top]/layout:placement-right:row-end-4',\n      'group-data-[extend=bottom]/layout:placement-right:row-start-1',\n      'placement-right:closed:w-[var(--drawer-size-closed)]',\n      'placement-right:open:size-small:w-[var(--drawer-size-small)]',\n      'placement-right:open:size-medium:w-[var(--drawer-size-medium)]',\n      'placement-right:open:size-large:w-[var(--drawer-size-large)]',\n    ],\n    content: [\n      'hidden h-full min-h-0 flex-col gap-s p-l group-open/drawer:flex',\n    ],\n    panel: [\n      'flex max-h-full flex-1 flex-col overflow-y-auto text-default-light',\n    ],\n    header: ['mb-s flex flex-row items-center justify-between pt-px pr-px'],\n    title: 'w-full text-default-light text-header-l',\n    footer: 'mt-s flex flex-row items-center justify-end text-default-light',\n  },\n});\n\nexport const DrawerMenuStyles = tv({\n  slots: {\n    menu: [\n      'absolute flex rounded-large bg-surface-default p-s',\n\n      //horizontal\n      'group-placement-top/drawer:transform-[translateX(-50%)] group-placement-top/drawer:left-[50%] group-placement-top/drawer:h-[var(--drawer-menu-size)] group-placement-top/drawer:flex-row',\n      'group-placement-bottom/drawer:transform-[translateX(-50%)] group-placement-bottom/drawer:left-[50%] group-placement-bottom/drawer:h-[var(--drawer-menu-size)] group-placement-bottom/drawer:flex-row',\n      'group-placement-bottom/drawer:-translate-y-[var(--drawer-menu-size)] group-placement-bottom/drawer:rounded-b-none',\n      'group-placement-top/drawer:bottom-0 group-placement-top/drawer:translate-y-[var(--drawer-menu-size)] group-placement-top/drawer:rounded-t-none',\n      //vertical\n      'group-placement-right/drawer:-translate-y-1/8 group-placement-right/drawer:top-1/8',\n      'group-placement-left/drawer:left-full group-placement-left/drawer:rounded-l-none',\n      'group-placement-left/drawer:w-[var(--drawer-menu-size)] group-placement-left/drawer:flex-col group-placement-left/drawer:items-center',\n      'group-placement-right/drawer:-left-[var(--drawer-menu-size)] group-placement-right/drawer:rounded-r-none',\n      'group-placement-right/drawer:w-[var(--drawer-menu-size)] group-placement-right/drawer:flex-col group-placement-right/drawer:items-center',\n    ],\n    item: [\n      'flex flex-col items-center justify-center',\n      'fg-default-dark cursor-pointer p-s outline-none',\n      'rounded-medium group-dtk-orientation-horizontal:rounded-small group-dtk-orientation-horizontal:rounded-b-none',\n      'group-dtk-orientation-horizontal:border-static-light group-dtk-orientation-horizontal:border-b',\n      'group-dtk-orientation-vertical:border group-dtk-orientation-vertical:border-transparent',\n      //hover\n      'hover:fg-default-light hover:!bg-transparent hover:group-dtk-orientation-horizontal:border-interactive-hover',\n      //selected\n      'selected:fg-highlight selected:bg-highlight-subtle selected:group-dtk-orientation-horizontal:border-highlight',\n      //focused\n      'focus:fg-default-light focus:group-dtk-orientation-horizontal:border-interactive-hover',\n      //disabled\n      'disabled:fg-disabled disabled:cursor-not-allowed disabled:group-dtk-orientation-horizontal:border-interactive-disabled',\n    ],\n  },\n  variants: {\n    position: {\n      start: {\n        menu: [\n          'group-placement-left/drawer:-translate-y-1/2 group-placement-left/drawer:top-1/8',\n          'group-placement-right/drawer:-translate-y-1/2 group-placement-right/drawer:top-1/8',\n          'group-placement-top/drawer:left-1/8 group-placement-top/drawer:translate-x-1/4',\n          'group-placement-bottom/drawer:left-1/8 group-placement-bottom/drawer:translate-x-1/4',\n        ],\n      },\n      middle: {\n        menu: [\n          'group-placement-left/drawer:-translate-y-1/2 group-placement-left/drawer:top-1/2',\n          'group-placement-right/drawer:-translate-y-1/2 group-placement-right/drawer:top-1/2',\n          'group-placement-top/drawer:-translate-x-1/8 group-placement-top/drawer:left-1/2',\n          'group-placement-bottom/drawer:-translate-x-1/8 group-placement-bottom/drawer:left-1/2',\n        ],\n      },\n      end: {\n        menu: [\n          'group-placement-left/drawer:-translate-y-7/2 group-placement-left/drawer:top-7/8',\n          'group-placement-right/drawer:-translate-y-7/8 group-placement-right/drawer:top-7/8',\n          'group-placement-top/drawer:-translate-x-1/2 group-placement-top/drawer:left-7/8',\n          'group-placement-bottom/drawer:-translate-x-1/2 group-placement-bottom/drawer:left-7/8',\n        ],\n      },\n    },\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/drawer/styles.ts"],"names":["DrawerStyles","tv","DrawerTitleStylesDefaults","DrawerTitleStyles","DrawerMenuStylesDefaults","DrawerMenuStyles"],"mappings":"mCAcO,MAAMA,EAAeC,EAAAA,CAAG,CAC7B,MAAO,CACL,MAAA,CAAQ,CAEN,6BAAA,CACA,8CAAA,CACA,4BACA,+CAAA,CACA,6BAAA,CACA,gDACA,2BAAA,CACA,8CAAA,CAEA,2BAAA,CACA,6BAAA,CACA,8BAAA,CACA,6BAAA,CAGA,2CACA,0CAAA,CACA,8EAAA,CACA,+EAGA,iEAAA,CACA,0FAAA,CACA,wDACA,0BACF,CAAA,CACA,IAAA,CAAM,0EAAA,CACN,MAAA,CAAQ,CACN,eACA,gCAAA,CACA,2CAAA,CACA,gDAGA,qGAAA,CACA,iHAAA,CACA,0GACA,6GAAA,CAGA,6DAAA,CACA,mEAAA,CACA,+DAAA,CACA,iEAAA,CAGA,kHAAA,CACA,6HACA,oHAAA,CACA,0HACF,EACA,KAAA,CAAO,CACL,2CACA,wBAAA,CACA,sPAAA,CACA,yPAAA,CACA,mPAAA,CACA,4PACF,CAAA,CACA,KAAM,sBAAA,CACN,OAAA,CAAS,CACP,oEACF,CAAA,CACA,OAAQ,CAAC,6DAA6D,CAAA,CACtE,MAAA,CAAQ,gEACV,CACF,CAAC,CAAA,CAEYC,CAAAA,CAA4B,CACvC,KAAA,CAAO,CACT,EAEaC,CAAAA,CAAoBF,EAAAA,CAAG,CAClC,IAAA,CAAM,2BAAA,CACN,QAAA,CAAU,CACR,KAAA,CAAO,CACJ,EAAI,EAAA,CACJ,CAAA,CAAI,GACJ,CAAA,CAAI,EAAA,CACJ,CAAA,CAAI,EAAA,CACJ,CAAA,CAAI,EAAA,CACJ,EAAI,EACP,CACF,EACA,gBAAA,CAAkB,CAChB,CACE,KAAA,CAAO,CAAC,CAAA,CAAG,CAAA,CAAG,CAAC,CAAA,CACf,UAAW,eACb,CAAA,CACA,CACE,KAAA,CAAO,CAAC,EAAG,CAAA,CAAG,CAAC,CAAA,CACf,SAAA,CAAW,eACb,CACF,EACA,eAAA,CAAiBC,CACnB,CAAC,CAAA,CAEYE,CAAAA,CAA2B,CACtC,QAAA,CAAU,QACZ,CAAA,CAEaC,CAAAA,CAAmBJ,EAAAA,CAAG,CACjC,MAAO,CACL,IAAA,CAAM,CACJ,oDAAA,CAGA,0LAAA,CACA,uMACA,mHAAA,CACA,gJAAA,CAEA,kFAAA,CACA,uIAAA,CACA,0GAAA,CACA,0IACF,EACA,IAAA,CAAM,CACJ,4CACA,mDAAA,CACA,gBAAA,CAEA,+CAEA,oDAAA,CAEA,wBAAA,CAEA,kDACF,CACF,CAAA,CACA,QAAA,CAAU,CACR,QAAA,CAAU,CACR,MAAO,CACL,IAAA,CAAM,CACJ,kFAAA,CACA,oFAAA,CACA,gFAAA,CACA,sFACF,CACF,CAAA,CACA,OAAQ,CACN,IAAA,CAAM,CACJ,kFAAA,CACA,oFAAA,CACA,kFACA,uFACF,CACF,CAAA,CACA,GAAA,CAAK,CACH,IAAA,CAAM,CACJ,kFAAA,CACA,oFAAA,CACA,kFACA,uFACF,CACF,CACF,CACF,CAAA,CACA,eAAA,CAAiBG,CACnB,CAAC","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from 'tailwind-variants';\n\nexport const DrawerStyles = tv({\n  slots: {\n    layout: [\n      //properties\n      '[--drawer-main-row-start:1]', //top overlay\n      'data-[push~=top]:[--drawer-main-row-start:2]',\n      '[--drawer-main-row-end:4]', //bottom overlay\n      'data-[push~=bottom]:[--drawer-main-row-end:3]',\n      '[--drawer-main-col-start:1]', //left overlay\n      'data-[push~=left]:[--drawer-main-col-start:2]',\n      '[--drawer-main-col-end:4]', //right overlay\n      'data-[push~=right]:[--drawer-main-col-end:3]',\n\n      '[--drawer-menu-size:40px]',\n      '[--drawer-size-small:100px]',\n      '[--drawer-size-medium:200px]',\n      '[--drawer-size-large:400px]',\n\n      //Grid template definitions\n      '[--route-layout-grid-cols:auto_1fr_auto]',\n      '[--route-layout-grid-rows:auto_1fr_auto]',\n      '[--drawer-main-cols:var(--drawer-main-col-start)/var(--drawer-main-col-end)]',\n      '[--drawer-main-rows:var(--drawer-main-row-start)/var(--drawer-main-row-end)]',\n\n      //container\n      'group/layout relative top-[var(--classification-banner-height)]',\n      'grid grid-cols-[var(--route-layout-grid-cols)] grid-rows-[var(--route-layout-grid-rows)]',\n      'transition-[grid-template-columns,grid-template-rows]',\n      'h-full max-h-full w-full',\n    ],\n    main: 'relative z-1 col-[var(--drawer-main-cols)] row-[var(--drawer-main-rows)]',\n    drawer: [\n      'group/drawer',\n      'bg-surface-default text-body-m',\n      'relative z-5 flex h-full min-h-0 flex-col',\n      'pointer-events-none [&>*]:pointer-events-auto',\n\n      //Base positioning\n      'placement-top:col-start-2 placement-top:col-end-3 placement-top:row-start-1 placement-top:row-end-2',\n      'placement-bottom:col-start-2 placement-bottom:col-end-3 placement-bottom:row-start-3 placement-bottom:row-end-4',\n      'placement-left:col-start-1 placement-left:col-end-2 placement-left:row-start-2 placement-left:row-end-3',\n      'placement-right:col-start-3 placement-right:col-end-4 placement-right:row-start-2 placement-right:row-end-3',\n\n      //Extend positioning\n      'group-data-[extend~=top]/layout:placement-top:col-span-full',\n      'group-data-[extend~=bottom]/layout:placement-bottom:col-span-full',\n      'group-data-[extend~=left]/layout:placement-left:row-span-full',\n      'group-data-[extend~=right]/layout:placement-right:row-span-full',\n\n      //Extend fitment\n      'group-data-[extend=top]/layout:placement-left:row-end-4 group-data-[extend=top]/layout:placement-right:row-end-4',\n      'group-data-[extend=bottom]/layout:placement-left:row-start-1 group-data-[extend=bottom]/layout:placement-right:row-start-1',\n      'group-data-[extend=left]/layout:placement-bottom:col-end-4 group-data-[extend=left]/layout:placement-top:col-end-4',\n      'group-data-[extend=right]/layout:placement-bottom:col-start-1 group-data-[extend=right]/layout:placement-top:col-start-1',\n    ],\n    panel: [\n      'hidden h-full min-h-0 flex-col gap-s p-l',\n      'group-open/drawer:flex',\n      'group-placement-left/drawer:group-size-large/drawer:w-[var(--drawer-size-large)] group-placement-left/drawer:group-size-medium/drawer:w-[var(--drawer-size-medium)] group-placement-left/drawer:group-size-small/drawer:w-[var(--drawer-size-small)]',\n      'group-placement-right/drawer:group-size-large/drawer:w-[var(--drawer-size-large)] group-placement-right/drawer:group-size-medium/drawer:w-[var(--drawer-size-medium)] group-placement-right/drawer:group-size-small/drawer:w-[var(--drawer-size-small)]',\n      'group-placement-top/drawer:group-size-large/drawer:h-[var(--drawer-size-large)] group-placement-top/drawer:group-size-medium/drawer:h-[var(--drawer-size-medium)] group-placement-top/drawer:group-size-small/drawer:h-[var(--drawer-size-small)]',\n      'group-placement-bottom/drawer:group-size-large/drawer:h-[var(--drawer-size-large)] group-placement-bottom/drawer:group-size-medium/drawer:h-[var(--drawer-size-medium)] group-placement-bottom/drawer:group-size-small/drawer:h-[var(--drawer-size-small)]',\n    ],\n    view: 'flex h-full flex-col',\n    content: [\n      'flex max-h-full flex-1 flex-col overflow-y-auto text-default-light',\n    ],\n    header: ['mb-s flex flex-row items-center justify-between pt-px pr-px'],\n    footer: 'mt-s flex flex-row items-center justify-end text-default-light',\n  },\n});\n\nexport const DrawerTitleStylesDefaults = {\n  level: 2,\n} as const;\n\nexport const DrawerTitleStyles = tv({\n  base: 'w-full text-default-light',\n  variants: {\n    level: {\n      [1]: '',\n      [2]: '',\n      [3]: '',\n      [4]: '',\n      [5]: '',\n      [6]: '',\n    },\n  },\n  compoundVariants: [\n    {\n      level: [1, 2, 3],\n      className: 'text-header-l',\n    },\n    {\n      level: [4, 5, 6],\n      className: 'text-header-m',\n    },\n  ],\n  defaultVariants: DrawerTitleStylesDefaults,\n});\n\nexport const DrawerMenuStylesDefaults = {\n  position: 'center',\n} as const;\n\nexport const DrawerMenuStyles = tv({\n  slots: {\n    menu: [\n      'absolute flex rounded-large bg-surface-default p-s',\n\n      //horizontal\n      'group-placement-top/drawer:transform-[translateX(-50%)] group-placement-top/drawer:left-[50%] group-placement-top/drawer:h-[var(--drawer-menu-size)] group-placement-top/drawer:flex-row',\n      'group-placement-bottom/drawer:transform-[translateX(-50%)] group-placement-bottom/drawer:left-[50%] group-placement-bottom/drawer:h-[var(--drawer-menu-size)] group-placement-bottom/drawer:flex-row',\n      'group-placement-bottom/drawer:-translate-y-[var(--drawer-menu-size)] group-placement-bottom/drawer:rounded-b-none',\n      'group-placement-top/drawer:bottom-0 group-placement-top/drawer:translate-y-[var(--drawer-menu-size)] group-placement-top/drawer:rounded-t-none',\n      //vertical\n      'group-placement-left/drawer:left-full group-placement-left/drawer:rounded-l-none',\n      'group-placement-left/drawer:w-[var(--drawer-menu-size)] group-placement-left/drawer:flex-col group-placement-left/drawer:items-center',\n      'group-placement-right/drawer:-left-[var(--drawer-menu-size)] group-placement-right/drawer:rounded-r-none',\n      'group-placement-right/drawer:w-[var(--drawer-menu-size)] group-placement-right/drawer:flex-col group-placement-right/drawer:items-center',\n    ],\n    item: [\n      'flex flex-col items-center justify-center',\n      'fg-default-dark !p-xs cursor-pointer outline-none',\n      'rounded-medium',\n      //hover\n      'hover:fg-default-light hover:!bg-transparent',\n      //selected\n      'selected:fg-highlight selected:bg-highlight-subtle',\n      //focused\n      'focus:fg-default-light',\n      //disabled\n      'disabled:fg-disabled disabled:cursor-not-allowed',\n    ],\n  },\n  variants: {\n    position: {\n      start: {\n        menu: [\n          'group-placement-left/drawer:-translate-y-1/2 group-placement-left/drawer:top-1/8',\n          'group-placement-right/drawer:-translate-y-1/2 group-placement-right/drawer:top-1/8',\n          'group-placement-top/drawer:left-1/8 group-placement-top/drawer:translate-x-1/4',\n          'group-placement-bottom/drawer:left-1/8 group-placement-bottom/drawer:translate-x-1/4',\n        ],\n      },\n      center: {\n        menu: [\n          'group-placement-left/drawer:-translate-y-1/2 group-placement-left/drawer:top-1/2',\n          'group-placement-right/drawer:-translate-y-1/2 group-placement-right/drawer:top-1/2',\n          'group-placement-top/drawer:-translate-x-1/8 group-placement-top/drawer:left-1/2',\n          'group-placement-bottom/drawer:-translate-x-1/8 group-placement-bottom/drawer:left-1/2',\n        ],\n      },\n      end: {\n        menu: [\n          'group-placement-left/drawer:-translate-y-7/2 group-placement-left/drawer:top-7/8',\n          'group-placement-right/drawer:-translate-y-7/8 group-placement-right/drawer:top-7/8',\n          'group-placement-top/drawer:-translate-x-1/2 group-placement-top/drawer:left-7/8',\n          'group-placement-bottom/drawer:-translate-x-1/2 group-placement-bottom/drawer:left-7/8',\n        ],\n      },\n    },\n  },\n  defaultVariants: DrawerMenuStylesDefaults,\n});\n"]}