@reservoir0x/relay-kit-ui
Version:
Relay is the Fastest and Cheapest Way to Bridge and Transact Across Chains.
46 lines • 2.13 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.CollapsibleTrigger = exports.CollapsibleContent = exports.CollapsibleRoot = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const Collapsible = tslib_1.__importStar(require("@radix-ui/react-collapsible"));
const css_1 = require("@reservoir0x/relay-design-system/css");
const react_1 = require("react");
const CollapsibleContentCss = (0, css_1.cva)({
base: {
overflow: 'hidden',
_data_state_open: {
animation: `collapsibleSlideDown 300ms cubic-bezier(0.87, 0, 0.13, 1)`
},
_data_state_closed: {
animation: `collapsibleSlideUp 300ms cubic-bezier(0.87, 0, 0.13, 1)`
}
}
});
const CollapsibleRootCss = (0, css_1.cva)({
base: {
width: '100%'
}
});
const CollapsibleTriggerCss = (0, css_1.cva)({
base: {
width: '100%',
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between',
cursor: 'pointer'
}
});
const CollapsibleContent = (0, react_1.forwardRef)(({ children, css, ...props }, forwardedRef) => {
return ((0, jsx_runtime_1.jsx)(Collapsible.CollapsibleContent, { ref: forwardedRef, ...props, className: (0, css_1.css)(CollapsibleContentCss.raw(), css_1.css.raw(css)), children: children }));
});
exports.CollapsibleContent = CollapsibleContent;
const CollapsibleRoot = (0, react_1.forwardRef)(({ children, css, ...props }, forwardedRef) => {
return ((0, jsx_runtime_1.jsx)(Collapsible.Root, { ref: forwardedRef, ...props, className: (0, css_1.css)(CollapsibleRootCss.raw(), css_1.css.raw(css)), children: children }));
});
exports.CollapsibleRoot = CollapsibleRoot;
const CollapsibleTrigger = (0, react_1.forwardRef)(({ children, css, ...props }, forwardedRef) => {
return ((0, jsx_runtime_1.jsx)(Collapsible.Trigger, { ref: forwardedRef, ...props, className: (0, css_1.css)(CollapsibleTriggerCss.raw(), css_1.css.raw(css)), children: children }));
});
exports.CollapsibleTrigger = CollapsibleTrigger;
//# sourceMappingURL=Collapsible.js.map