@nild/components 0.0.43 → 0.0.44

package/dist/segment/style/index.js

@@ -1 +1 @@
-import{cva as e}from"@nild/shared";import{DISABLED_CLS as t}from"../../_shared/style/index.js";const n=e(["nd-segment","relative","isolate","font-nd","rounded-md","bg-muted","p-0.5","text-main"],{variants:{orientation:{horizontal:["flex-row","items-center"],vertical:["flex-col","items-stretch"]},block:{true:["flex","w-full"],false:"inline-flex"}}}),o=e(["nd-segment-indicator","pointer-events-none","absolute","top-0","left-0","z-0","rounded-sm","bg-page","shadow-sm","transition-[transform,width,height,opacity]","ease-out","motion-reduce:transition-none"]),a=e(["nd-segment-item","relative","z-1","inline-flex","min-w-0","items-center","justify-center","rounded-sm","border-0","bg-transparent","select-none","outline-none","transition-[background-color,box-shadow,color]","focus-visible:ring-focused",t],{variants:{orientation:{horizontal:"",vertical:["w-full","justify-start"]},size:{small:["min-h-5","gap-1","px-2","text-sm"],medium:["min-h-7","gap-1.5","px-3","text-md"],large:["min-h-9","gap-2","px-4","text-lg"]},selected:{true:"text-brand",false:""},disabled:{true:["disabled","cursor-not-allowed"],false:"cursor-pointer"},block:{true:"",false:""}},compoundVariants:[{selected:!1,disabled:!1,className:["text-main","hover:bg-muted-hover","hover:text-brand-hover"]},{selected:!1,disabled:!0,className:"text-subtle"},{block:!0,orientation:"horizontal",className:"flex-1"}]}),i={segment:n,indicator:o,item:a};export{i as default};
+import{cva as e}from"@nild/shared";import{DISABLED_CLS as t}from"../../_shared/style/index.js";const n=e(["nd-segment","relative","isolate","font-nd","rounded-md","bg-muted","p-0.5","text-main"],{variants:{orientation:{horizontal:["flex-row","items-center"],vertical:["flex-col","items-stretch"]},block:{true:["flex","w-full"],false:"inline-flex"}}}),o=e(["nd-segment-indicator","pointer-events-none","absolute","top-0","left-0","z-0","rounded-sm","bg-page","shadow-sm","transition-[transform,width,height,opacity]","ease-out","motion-reduce:transition-none"]),a=e(["nd-segment-item","relative","z-1","inline-flex","min-w-0","items-center","justify-center","rounded-sm","border-0","bg-transparent","select-none","outline-none","transition-[background-color,box-shadow,color]","focus-visible:ring-focused",t],{variants:{orientation:{horizontal:"",vertical:["w-full","justify-start"]},size:{small:["min-h-5","gap-1","px-2","text-sm"],medium:["min-h-7","gap-1.5","px-3","text-md"],large:["min-h-9","gap-2","px-4","text-lg"]},selected:{true:"text-brand",false:""},disabled:{true:["disabled","cursor-not-allowed"],false:"cursor-pointer"},block:{true:"",false:""}},compoundVariants:[{selected:!1,disabled:!1,className:["text-main","hover:text-brand-hover"]},{selected:!1,disabled:!0,className:"text-subtle"},{block:!0,orientation:"horizontal",className:"flex-1"}]}),i={segment:n,indicator:o,item:a};export{i as default};

package/dist/tabs/Tab.js

@@ -1 +1 @@
-import{jsxs as N,jsx as t}from"react/jsx-runtime";import{Icon as T}from"@nild/icons";import y from"@nild/icons/CloseSmall";import{cnMerge as g}from"@nild/shared";import{forwardRef as z,isValidElement as I}from"react";import{useTabsContext as E}from"./contexts/index.js";import i from"./style/index.js";const j="Close tab",k=a=>I(a)&&a.type===l,l=z((a,c)=>{const{variant:b="line",size:r="medium",orientation:p="horizontal",selectedTabId:f,onClose:n}=E(),{className:u,children:h,value:v,disabled:o=!1,closable:d=!1,id:s,...x}=a,m=!!s&&s===f,C=e=>{e.stopPropagation(),n?.(v,e)};return N("div",{...x,"aria-disabled":o||void 0,"aria-selected":m,className:g(i.tab({variant:b,size:r,orientation:p,selected:m,disabled:o,closable:d}),u),id:s,ref:c,role:"tab",children:[t("span",{className:i.tabContent(),children:h}),d&&t("button",{"aria-label":j,className:i.close({size:r}),disabled:o,onClick:C,onKeyDown:e=>e.stopPropagation(),tabIndex:-1,type:"button",children:t(T,{component:y})})]})});l.displayName="Tabs.Tab";export{l as default,k as isTabElement};
+import{jsxs as N,jsx as i}from"react/jsx-runtime";import{Icon as T}from"@nild/icons";import g from"@nild/icons/CloseSmall";import{cnMerge as y}from"@nild/shared";import{forwardRef as z,isValidElement as I}from"react";import E from"../button/index.js";import{useTabsContext as P}from"./contexts/index.js";import t from"./style/index.js";const j="Close tab",q=a=>I(a)&&a.type===r,r=z((a,c)=>{const{variant:b="line",size:l="medium",orientation:p="horizontal",selectedTabId:f,onClose:n}=P(),{className:u,children:v,value:x,disabled:o=!1,closable:m=!1,id:s,...h}=a,d=!!s&&s===f,C=e=>{e.stopPropagation(),n?.(x,e)};return N("div",{...h,"aria-disabled":o||void 0,"aria-selected":d,className:y(t.tab({variant:b,size:l,orientation:p,selected:d,disabled:o,closable:m}),u),id:s,ref:c,role:"tab",children:[i("span",{className:t.tabContent(),children:v}),m&&i(E,{equal:!0,variant:"text","aria-label":j,className:t.close({size:l}),disabled:o,onClick:C,onKeyDown:e=>e.stopPropagation(),tabIndex:-1,children:i(T,{component:g})})]})});r.displayName="Tabs.Tab";export{r as default,q as isTabElement};

package/dist/tabs/style/index.js

@@ -1 +1 @@
-import{cva as a}from"@nild/shared";import{DISABLED_CLS as e}from"../../_shared/style/index.js";const r=a(["nd-tabs","font-nd","text-main"],{variants:{orientation:{horizontal:"",vertical:["flex","items-start"]},variant:{line:"",card:""}},compoundVariants:[{orientation:"vertical",variant:"line",className:"gap-4"},{orientation:"vertical",variant:"card",className:"items-stretch"}]}),t=a(["nd-tabs-list","flex","shrink-0"],{variants:{orientation:{horizontal:["flex-row","items-end"],vertical:["flex-col","items-stretch"]},variant:{line:"",card:""}},compoundVariants:[{orientation:"horizontal",variant:"line",className:["border-b","border-main"]},{orientation:"vertical",variant:"line",className:["border-r","border-main"]},{orientation:"horizontal",variant:"card",className:["mb-[-1px]","gap-1"]},{orientation:"vertical",variant:"card",className:["mr-[-1px]","gap-1"]}]}),n=a(["nd-tabs-tab","group","relative","inline-flex","items-center","justify-center","min-w-0","select-none","outline-none","transition-[background-color,border-color,color]","focus-visible:ring-focused",e],{variants:{orientation:{horizontal:"",vertical:["w-full","justify-start"]},variant:{line:["bg-transparent","border-transparent"],card:["border","border-main"]},size:{small:["min-h-7","gap-1","px-2","text-sm"],medium:["min-h-8","gap-1.5","px-3","text-md"],large:["min-h-10","gap-2","px-4","text-lg"]},selected:{true:"",false:""},disabled:{true:["disabled","cursor-not-allowed"],false:["cursor-pointer"]},closable:{true:"",false:""}},compoundVariants:[{variant:"line",orientation:"horizontal",className:["border-b-2","mb-[-1px]"]},{variant:"line",orientation:"vertical",className:["border-r-2","mr-[-1px]"]},{variant:"line",selected:!0,className:["text-brand","border-brand"]},{variant:"line",selected:!1,disabled:!1,className:["text-muted","hover:text-brand-hover"]},{variant:"card",orientation:"horizontal",className:["rounded-t-md","border-b-main"]},{variant:"card",orientation:"vertical",className:["rounded-l-md","border-r-main"]},{variant:"card",selected:!0,className:["z-1","bg-panel","text-brand"]},{variant:"card",selected:!1,disabled:!1,className:["bg-muted","text-main","hover:bg-muted-hover","hover:text-brand-hover"]},{variant:"card",selected:!0,orientation:"horizontal",className:"border-b-[var(--background-color-panel)]"},{variant:"card",selected:!0,orientation:"vertical",className:"border-r-[var(--background-color-panel)]"},{closable:!0,size:"small",className:"pr-1"},{closable:!0,size:"medium",className:"pr-1.5"},{closable:!0,size:"large",className:"pr-2"}]}),i=a(["nd-tabs-tab-content","min-w-0","truncate"]),o=a(["nd-tabs-tab-close","inline-flex","shrink-0","items-center","justify-center","rounded-sm","border-0","bg-transparent","cursor-pointer","p-0","text-muted","outline-none","transition-colors","hover:bg-muted-hover","hover:text-brand-hover","focus-visible:ring-focused","disabled:cursor-not-allowed","disabled:opacity-50"],{variants:{size:{small:["size-4","text-sm"],medium:["size-4.5","text-md"],large:["size-5","text-lg"]}}}),l=a(["nd-tabs-panel","min-w-0","outline-none"],{variants:{orientation:{horizontal:"",vertical:["flex-auto"]},variant:{line:"",card:["border","border-main","bg-panel","p-4"]}},compoundVariants:[{variant:"line",orientation:"horizontal",className:"pt-4"},{variant:"line",orientation:"vertical",className:"pt-0"},{variant:"card",orientation:"horizontal",className:["rounded-b-md","rounded-tr-md"]},{variant:"card",orientation:"vertical",className:["rounded-r-md","rounded-bl-md"]}]}),s={tabs:r,list:t,tab:n,tabContent:i,close:o,panel:l};export{s as default};
+import{cva as a}from"@nild/shared";import{DISABLED_CLS as e}from"../../_shared/style/index.js";const t=a(["nd-tabs","font-nd","text-main"],{variants:{orientation:{horizontal:"",vertical:["flex","items-start"]},variant:{line:"",card:""}},compoundVariants:[{orientation:"vertical",variant:"line",className:"gap-4"},{orientation:"vertical",variant:"card",className:"items-stretch"}]}),r=a(["nd-tabs-list","flex","shrink-0"],{variants:{orientation:{horizontal:["flex-row","items-end"],vertical:["flex-col","items-stretch"]},variant:{line:"",card:""}},compoundVariants:[{orientation:"horizontal",variant:"line",className:["border-b","border-main"]},{orientation:"vertical",variant:"line",className:["border-r","border-main"]},{orientation:"horizontal",variant:"card",className:["mb-[-1px]","gap-1"]},{orientation:"vertical",variant:"card",className:["mr-[-1px]","gap-1"]}]}),n=a(["nd-tabs-tab","group","relative","inline-flex","items-center","justify-center","min-w-0","select-none","outline-none","transition-[background-color,border-color,color]","focus-visible:ring-focused",e],{variants:{orientation:{horizontal:"",vertical:["w-full","justify-start"]},variant:{line:["bg-transparent","border-transparent"],card:["border","border-main"]},size:{small:["min-h-7","gap-1","px-2","text-sm"],medium:["min-h-8","gap-1.5","px-3","text-md"],large:["min-h-10","gap-2","px-4","text-lg"]},selected:{true:"",false:""},disabled:{true:["disabled","cursor-not-allowed"],false:["cursor-pointer"]},closable:{true:"",false:""}},compoundVariants:[{variant:"line",orientation:"horizontal",className:["border-b-2","mb-[-1px]"]},{variant:"line",orientation:"vertical",className:["border-r-2","mr-[-1px]"]},{variant:"line",selected:!0,className:["text-brand","border-brand"]},{variant:"line",selected:!1,disabled:!1,className:["hover:text-brand-hover"]},{variant:"card",orientation:"horizontal",className:["rounded-t-md","border-b-main"]},{variant:"card",orientation:"vertical",className:["rounded-l-md","border-r-main"]},{variant:"card",selected:!0,className:["z-1","bg-page","text-brand"]},{variant:"card",selected:!1,disabled:!1,className:["bg-muted","text-main","hover:text-brand-hover"]},{variant:"card",selected:!0,orientation:"horizontal",className:"border-b-transparent"},{variant:"card",selected:!0,orientation:"vertical",className:"border-r-transparent"},{closable:!0,size:"small",className:"pr-1"},{closable:!0,size:"medium",className:"pr-1.5"},{closable:!0,size:"large",className:"pr-2"}]}),i=a(["nd-tabs-tab-content","min-w-0","truncate"]),o=a(["nd-tabs-tab-close","shrink-0"],{variants:{size:{small:["size-4","text-sm"],medium:["size-4.5","text-md"],large:["size-5","text-lg"]}}}),s=a(["nd-tabs-panel","min-w-0","outline-none"],{variants:{orientation:{horizontal:"",vertical:["flex-auto"]},variant:{line:"",card:["border","border-main","bg-page","p-4"]}},compoundVariants:[{variant:"line",orientation:"horizontal",className:"pt-4"},{variant:"line",orientation:"vertical",className:"pt-0"},{variant:"card",orientation:"horizontal",className:["rounded-b-md","rounded-tr-md"]},{variant:"card",orientation:"vertical",className:["rounded-r-md","rounded-bl-md"]}]}),l={tabs:t,list:r,tab:n,tabContent:i,close:o,panel:s};export{l as default};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nild/components",
   "private": false,
-  "version": "0.0.43",
+  "version": "0.0.44",
   "type": "module",
   "module": "./dist/index.js",
   "exports": {
@@ -32,8 +32,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "@nild/shared": "0.0.17",
-    "@nild/hooks": "0.0.19",
-    "@nild/icons": "0.0.19"
+    "@nild/icons": "0.0.19",
+    "@nild/hooks": "0.0.19"
   },
   "scripts": {
     "build": "vite build --mode PROD",