UNPKG

@styleless-ui/react

Version:

Completely unstyled, headless and accessible React UI components.

1 lines 1.44 kB
var t=this&&this.__assign||function(){return t=Object.assign||function(t){for(var e,r=1,o=arguments.length;r<o;r++)for(var a in e=arguments[r])Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t},t.apply(this,arguments)},e=this&&this.__rest||function(t,e){var r={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(r[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(t);a<o.length;a++)e.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(t,o[a])&&(r[o[a]]=t[o[a]])}return r};import{jsx as r}from"react/jsx-runtime";import*as o from"react";import{componentWithForwardedRef as a,setRef as n,useDeterministicId as i}from"../../utils";import s from"../context";import{ContentRoot as l,Root as d,TriggerRoot as c}from"../slots";var p=a((function(a,p){var f=a.children,u=a.className,m=a.id,v=e(a,["children","className","id"]),y=o.useContext(s),b=i(m,"styleless-ui__expandable-content");return r("div",t({},v,{id:b,ref:function(t){if(n(p,t),t){var e=t.closest('[data-slot="'.concat(d,'"]'));if(e){var r=e.querySelector('[data-slot="'.concat(c,'"]'));if(r){var o=r.id;o&&t.setAttribute("aria-labelledby",o)}}}},className:u,role:"region","aria-hidden":!(null==y?void 0:y.isExpanded),inert:(null==y?void 0:y.isExpanded)?"":void 0,"data-slot":l,"data-expanded":(null==y?void 0:y.isExpanded)?void 0:""},{children:f}))}));export default p;