react-ios-liquid-glass/dist/index.mjs

react-ios-liquid-glass is a lightweight React + TypeScript library that helps you easily replicate the elegant iOS liquid glass effect (also known as glassmorphism). With built‑in support for blur, transparency, and smooth transitions, this package allows

import e from"react";var r=function(){return r=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},r.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var t,n={exports:{}},o={};var a,i,l={};
/**
 * @license React
 * react-jsx-runtime.development.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */function s(){return a||(a=1,"production"!==process.env.NODE_ENV&&function(){function r(e){if(null==e)return null;if("function"==typeof e)return e.$$typeof===w?null:e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case d:return"Fragment";case b:return"Profiler";case m:return"StrictMode";case j:return"Suspense";case v:return"SuspenseList";case k:return"Activity"}if("object"==typeof e)switch("number"==typeof e.tag&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case y:return"Portal";case A:return(e.displayName||"Context")+".Provider";case g:return(e._context.displayName||"Context")+".Consumer";case h:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case O:return null!==(t=e.displayName||null)?t:r(e.type)||"Memo";case S:t=e._payload,e=e._init;try{return r(e(t))}catch(e){}}return null}function t(e){return""+e}function n(e){try{t(e);var r=!1}catch(e){r=!0}if(r){var n=(r=console).error,o="function"==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",o),t(e)}}function o(e){if(e===d)return"<>";if("object"==typeof e&&null!==e&&e.$$typeof===S)return"<...>";try{var t=r(e);return t?"<"+t+">":"<...>"}catch(e){return"<...>"}}function a(){return Error("react-stack-top-frame")}function i(){var e=r(this.type);return F[e]||(F[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),void 0!==(e=this.props.ref)?e:null}function s(e,t,o,a,l,s,f,y){var d,m=t.children;if(void 0!==m)if(a)if(R(m)){for(a=0;a<m.length;a++)c(m[a]);Object.freeze&&Object.freeze(m)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else c(m);if(N.call(t,"key")){m=r(e);var b=Object.keys(t).filter(function(e){return"key"!==e});a=0<b.length?"{key: someKey, "+b.join(": ..., ")+": ...}":"{key: someKey}",M[m+a]||(b=0<b.length?"{"+b.join(": ..., ")+": ...}":"{}",console.error('A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',a,m,b,m),M[m+a]=!0)}if(m=null,void 0!==o&&(n(o),m=""+o),function(e){if(N.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return void 0!==e.key}(t)&&(n(t.key),m=""+t.key),"key"in t)for(var g in o={},t)"key"!==g&&(o[g]=t[g]);else o=t;return m&&function(e,r){function t(){u||(u=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}(o,"function"==typeof e?e.displayName||e.name||"Unknown":e),function(e,r,t,n,o,a,l,s){return t=a.ref,e={$$typeof:p,type:e,key:r,props:a,_owner:o},null!==(void 0!==t?t:null)?Object.defineProperty(e,"ref",{enumerable:!1,get:i}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:l}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:s}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}(e,m,s,0,null===(d=E.A)?null:d.getOwner(),o,f,y)}function c(e){"object"==typeof e&&null!==e&&e.$$typeof===p&&e._store&&(e._store.validated=1)}var u,f=e,p=Symbol.for("react.transitional.element"),y=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),m=Symbol.for("react.strict_mode"),b=Symbol.for("react.profiler"),g=Symbol.for("react.consumer"),A=Symbol.for("react.context"),h=Symbol.for("react.forward_ref"),j=Symbol.for("react.suspense"),v=Symbol.for("react.suspense_list"),O=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),k=Symbol.for("react.activity"),w=Symbol.for("react.client.reference"),E=f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,N=Object.prototype.hasOwnProperty,R=Array.isArray,C=console.createTask?console.createTask:function(){return null},F={},T=(f={react_stack_bottom_frame:function(e){return e()}}).react_stack_bottom_frame.bind(f,a)(),x=C(o(a)),M={};l.Fragment=d,l.jsx=function(e,r,t,n,a){var i=1e4>E.recentlyCreatedOwnerStacks++;return s(e,r,t,!1,0,a,i?Error("react-stack-top-frame"):T,i?C(o(e)):x)},l.jsxs=function(e,r,t,n,a){var i=1e4>E.recentlyCreatedOwnerStacks++;return s(e,r,t,!0,0,a,i?Error("react-stack-top-frame"):T,i?C(o(e)):x)}}()),l}var c=(i||(i=1,"production"===process.env.NODE_ENV?n.exports=function(){if(t)return o;t=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function n(r,t,n){var o=null;if(void 0!==n&&(o=""+n),void 0!==t.key&&(o=""+t.key),"key"in t)for(var a in n={},t)"key"!==a&&(n[a]=t[a]);else n=t;return t=n.ref,{$$typeof:e,type:r,key:o,ref:void 0!==t?t:null,props:n}}return o.Fragment=r,o.jsx=n,o.jsxs=n,o}():n.exports=s()),n.exports),u=function(e){var t,n=e.children,o=e.width,a=e.height,i=e.borderRadius,l=e.blur,s=e.brightness,u=e.padding,f=e.style,p=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}(e,["children","width","height","borderRadius","blur","brightness","padding","style"]);return c.jsxs(c.Fragment,{children:[c.jsx("div",r({style:r((t={width:o||"auto",height:a||"auto"},t["--liquid-glass-border-radius"]=i||"20px",t["--liquid-glass-blur"]=l||"10px",t["--liquid-glass-brightness"]=s||"1.1",t),f),className:"liquid-glass__container"},p,{children:c.jsx("div",{style:{padding:u||"10px"},children:n})})),c.jsx("svg",{style:{display:"none"},children:c.jsxs("filter",{id:"displacementFilter",children:[c.jsx("feImage",{preserveAspectRatio:"none",href:"data:image/png;base64,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"}),c.jsx("feDisplacementMap",{in:"SourceGraphic",scale:"150",xChannelSelector:"R",yChannelSelector:"G"})]})})]})};export{u as LiquidGlass};
//# sourceMappingURL=index.mjs.map