@infinityfx/fluid
Version:
React UI library, using zero-runtime CSS-in-JS.
4 lines (3 loc) • 833 B
JavaScript
"use client";
import{jsx as e}from"react/jsx-runtime";import{createContext as s,use as o}from"react";import{createStyles as l}from"../../../core/style.js";import{combineClasses as r,classes as t}from"../../../core/utils.js";const a=s({collapsed:!1,setCollapsed:()=>{}});function i(){return o(a)}const d=l("sidebar.root",{".sidebar":{display:"flex",flexDirection:"column",paddingInline:"1em",overflow:"hidden",transition:"width .3s, translate .3s"},".sidebar.collapsed":{width:"5em !important"}});function c({children:s,cc:o={},collapsed:l,setCollapsed:i,...c}){const n=r(d,o);return e(a,{value:{collapsed:l,setCollapsed:i},children:e("aside",{...c,className:t(n.sidebar,l&&n.collapsed,c.className),children:s})})}c.displayName="Sidebar.Root";export{a as SidebarContext,c as default,i as useSidebar};
//# sourceMappingURL=root.js.map