bordex/dist/cjs/index.js

A simple React component library for addding styled borders to your elements.

"use strict";var r=require("react"),e=function(){return e=Object.assign||function(r){for(var e,o=1,t=arguments.length;o<t;o++)for(var n in e=arguments[o])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},e.apply(this,arguments)};function o(r,e){var o={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(r);n<t.length;n++)e.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(r,t[n])&&(o[t[n]]=r[t[n]])}return o}"function"==typeof SuppressedError&&SuppressedError;var t,n={exports:{}},i={};var a,d,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 c(){return a||(a=1,"production"!==process.env.NODE_ENV&&function(){function e(r){if(null==r)return null;if("function"==typeof r)return r.$$typeof===z?null:r.displayName||r.name||null;if("string"==typeof r)return r;switch(r){case k:return"Fragment";case w:return"Portal";case W:return"Profiler";case N:return"StrictMode";case T:return"Suspense";case B:return"SuspenseList"}if("object"==typeof r)switch("number"==typeof r.tag&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),r.$$typeof){case O:return(r.displayName||"Context")+".Provider";case R:return(r._context.displayName||"Context")+".Consumer";case _:var o=r.render;return(r=r.displayName)||(r=""!==(r=o.displayName||o.name||"")?"ForwardRef("+r+")":"ForwardRef"),r;case E:return null!==(o=r.displayName||null)?o:e(r.type)||"Memo";case $:o=r._payload,r=r._init;try{return e(r(o))}catch(r){}}return null}function o(r){return""+r}function t(r){try{o(r);var e=!1}catch(r){e=!0}if(e){var t=(e=console).error,n="function"==typeof Symbol&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return t.call(e,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),o(r)}}function n(){}function i(r){if(void 0===G)try{throw Error()}catch(r){var e=r.stack.trim().match(/\n( *(at )?)/);G=e&&e[1]||"",H=-1<r.stack.indexOf("\n    at")?" (<anonymous>)":-1<r.stack.indexOf("@")?"@unknown:0:0":""}return"\n"+G+r+H}function a(r,e){if(!r||X)return"";var o=K.get(r);if(void 0!==o)return o;X=!0,o=Error.prepareStackTrace,Error.prepareStackTrace=void 0;var t;t=F.H,F.H=null,function(){if(0===U){y=console.log,m=console.info,h=console.warn,v=console.error,g=console.group,S=console.groupCollapsed,x=console.groupEnd;var r={configurable:!0,enumerable:!0,value:n,writable:!0};Object.defineProperties(console,{info:r,log:r,warn:r,error:r,group:r,groupCollapsed:r,groupEnd:r})}U++}();try{var a={DetermineComponentFrameRoot:function(){try{if(e){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(o,[])}catch(r){var t=r}Reflect.construct(r,[],o)}else{try{o.call()}catch(r){t=r}r.call(o.prototype)}}else{try{throw Error()}catch(r){t=r}(o=r())&&"function"==typeof o.catch&&o.catch((function(){}))}}catch(r){if(r&&t&&"string"==typeof r.stack)return[r.stack,t.stack]}return[null,null]}};a.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var d=Object.getOwnPropertyDescriptor(a.DetermineComponentFrameRoot,"name");d&&d.configurable&&Object.defineProperty(a.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var l=a.DetermineComponentFrameRoot(),c=l[0],s=l[1];if(c&&s){var b=c.split("\n"),p=s.split("\n");for(l=d=0;d<b.length&&!b[d].includes("DetermineComponentFrameRoot");)d++;for(;l<p.length&&!p[l].includes("DetermineComponentFrameRoot");)l++;if(d===b.length||l===p.length)for(d=b.length-1,l=p.length-1;1<=d&&0<=l&&b[d]!==p[l];)l--;for(;1<=d&&0<=l;d--,l--)if(b[d]!==p[l]){if(1!==d||1!==l)do{if(d--,0>--l||b[d]!==p[l]){var f="\n"+b[d].replace(" at new "," at ");return r.displayName&&f.includes("<anonymous>")&&(f=f.replace("<anonymous>",r.displayName)),"function"==typeof r&&K.set(r,f),f}}while(1<=d&&0<=l);break}}}finally{X=!1,F.H=t,function(){if(0==--U){var r={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:I({},r,{value:y}),info:I({},r,{value:m}),warn:I({},r,{value:h}),error:I({},r,{value:v}),group:I({},r,{value:g}),groupCollapsed:I({},r,{value:S}),groupEnd:I({},r,{value:x})})}0>U&&console.error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}(),Error.prepareStackTrace=o}return b=(b=r?r.displayName||r.name:"")?i(b):"","function"==typeof r&&K.set(r,b),b}function d(r){if(null==r)return"";if("function"==typeof r){var e=r.prototype;return a(r,!(!e||!e.isReactComponent))}if("string"==typeof r)return i(r);switch(r){case T:return i("Suspense");case B:return i("SuspenseList")}if("object"==typeof r)switch(r.$$typeof){case _:return r=a(r.render,!1);case E:return d(r.type);case $:e=r._payload,r=r._init;try{return d(r(e))}catch(r){}}return""}function c(){var r=F.A;return null===r?null:r.getOwner()}function s(){var r=e(this.type);return Y[r]||(Y[r]=!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!==(r=this.props.ref)?r:null}function b(r,o,n,i,a,d){if("string"==typeof r||"function"==typeof r||r===k||r===W||r===N||r===T||r===B||r===P||"object"==typeof r&&null!==r&&(r.$$typeof===$||r.$$typeof===E||r.$$typeof===O||r.$$typeof===R||r.$$typeof===_||r.$$typeof===A||void 0!==r.getModuleId)){var l=o.children;if(void 0!==l)if(i)if(M(l)){for(i=0;i<l.length;i++)p(l[i],r);Object.freeze&&Object.freeze(l)}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 p(l,r)}else l="",(void 0===r||"object"==typeof r&&null!==r&&0===Object.keys(r).length)&&(l+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."),null===r?i="null":M(r)?i="array":void 0!==r&&r.$$typeof===C?(i="<"+(e(r.type)||"Unknown")+" />",l=" Did you accidentally export a JSX literal instead of a component?"):i=typeof r,console.error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",i,l);if(L.call(o,"key")){l=e(r);var b=Object.keys(o).filter((function(r){return"key"!==r}));i=0<b.length?"{key: someKey, "+b.join(": ..., ")+": ...}":"{key: someKey}",q[l+i]||(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} />',i,l,b,l),q[l+i]=!0)}if(l=null,void 0!==n&&(t(n),l=""+n),function(r){if(L.call(r,"key")){var e=Object.getOwnPropertyDescriptor(r,"key").get;if(e&&e.isReactWarning)return!1}return void 0!==r.key}(o)&&(t(o.key),l=""+o.key),"key"in o)for(var f in n={},o)"key"!==f&&(n[f]=o[f]);else n=o;return l&&function(r,e){function o(){J||(J=!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)",e))}o.isReactWarning=!0,Object.defineProperty(r,"key",{get:o,configurable:!0})}(n,"function"==typeof r?r.displayName||r.name||"Unknown":r),function(r,e,o,t,n,i){return o=i.ref,r={$$typeof:C,type:r,key:e,props:i,_owner:n},null!==(void 0!==o?o:null)?Object.defineProperty(r,"ref",{enumerable:!1,get:s}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}(r,l,d,0,c(),n)}function p(r,e){if("object"==typeof r&&r&&r.$$typeof!==V)if(M(r))for(var o=0;o<r.length;o++){var t=r[o];f(t)&&u(t,e)}else if(f(r))r._store&&(r._store.validated=1);else if(null===r||"object"!=typeof r?o=null:o="function"==typeof(o=D&&r[D]||r["@@iterator"])?o:null,"function"==typeof o&&o!==r.entries&&(o=o.call(r))!==r)for(;!(r=o.next()).done;)f(r.value)&&u(r.value,e)}function f(r){return"object"==typeof r&&null!==r&&r.$$typeof===C}function u(r,o){if(r._store&&!r._store.validated&&null==r.key&&(r._store.validated=1,o=function(r){var o="",t=c();return t&&(t=e(t.type))&&(o="\n\nCheck the render method of `"+t+"`."),o||(r=e(r))&&(o="\n\nCheck the top-level render call using <"+r+">."),o}(o),!Q[o])){Q[o]=!0;var t="";r&&null!=r._owner&&r._owner!==c()&&(t=null,"number"==typeof r._owner.tag?t=e(r._owner.type):"string"==typeof r._owner.name&&(t=r._owner.name),t=" It was passed a child from "+t+".");var n=F.getCurrentStack;F.getCurrentStack=function(){var e=d(r.type);return n&&(e+=n()||""),e},console.error('Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',o,t),F.getCurrentStack=n}}var y,m,h,v,g,S,x,j=r,C=Symbol.for("react.transitional.element"),w=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),N=Symbol.for("react.strict_mode"),W=Symbol.for("react.profiler"),R=Symbol.for("react.consumer"),O=Symbol.for("react.context"),_=Symbol.for("react.forward_ref"),T=Symbol.for("react.suspense"),B=Symbol.for("react.suspense_list"),E=Symbol.for("react.memo"),$=Symbol.for("react.lazy"),P=Symbol.for("react.offscreen"),D=Symbol.iterator,z=Symbol.for("react.client.reference"),F=j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,L=Object.prototype.hasOwnProperty,I=Object.assign,A=Symbol.for("react.client.reference"),M=Array.isArray,U=0;n.__reactDisabledLog=!0;var G,H,J,X=!1,K=new("function"==typeof WeakMap?WeakMap:Map),V=Symbol.for("react.client.reference"),Y={},q={},Q={};l.Fragment=k,l.jsx=function(r,e,o,t,n){return b(r,e,o,!1,0,n)},l.jsxs=function(r,e,o,t,n){return b(r,e,o,!0,0,n)}}()),l}var s=(d||(d=1,"production"===process.env.NODE_ENV?n.exports=function(){if(t)return i;t=1;var r=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function o(e,o,t){var n=null;if(void 0!==t&&(n=""+t),void 0!==o.key&&(n=""+o.key),"key"in o)for(var i in t={},o)"key"!==i&&(t[i]=o[i]);else t=o;return o=t.ref,{$$typeof:r,type:e,key:n,ref:void 0!==o?o:null,props:t}}return i.Fragment=e,i.jsx=o,i.jsxs=o,i}():n.exports=c()),n.exports),b="#960096",p="#BFF000",f="5px",u="10px";function y(r,e){void 0===e&&(e={});var o=e.insertAt;if(r&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===o&&t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.styleSheet?n.styleSheet.cssText=r:n.appendChild(document.createTextNode(r))}}y("/* blur border css file */");var m={borderBlur:"10px",borderWidth:u,borderColor:b},h=r.forwardRef((function(r,t){var n=r.children,i=r.borderColor,a=void 0===i?m.borderColor:i,d=r.borderWidth,l=void 0===d?m.borderWidth:d,c=r.borderBlur,b=void 0===c?m.borderBlur:c,p=r.style,f=o(r,["children","borderColor","borderWidth","borderBlur","style"]);return s.jsx("div",e({style:e({boxShadow:"0px 0px ".concat(b," ").concat(l," ").concat(a)},p)},f,{ref:t,children:n}))}));y(".corner-border-parent-position {\r\n  position: relative;\r\n}\r\n\r\n.corner-borders {\r\n  height: 40%;\r\n  width: 20%;\r\n  position: absolute;\r\n}\r\n\r\n.top-left-corner-border {\r\n  top: 0;\r\n  left: 0;\r\n  border-right: none !important;\r\n  border-bottom: none !important;\r\n}\r\n\r\n.top-right-corner-border {\r\n  top: 0;\r\n  right: 0;\r\n  border-left: none !important;\r\n  border-bottom: none !important;\r\n}\r\n\r\n.bottom-left-corner-border {\r\n  bottom: 0;\r\n  left: 0;\r\n  border-right: none !important;\r\n  border-top: none !important;\r\n}\r\n\r\n.bottom-right-corner-border {\r\n  bottom: 0;\r\n  right: 0;\r\n  border-left: none !important;\r\n  border-top: none !important;\r\n}\r\n");var v={borderWidth:f,borderStyle:"solid",borderColor:b},g=r.forwardRef((function(r,t){var n=r.children,i=r.borderWidth,a=void 0===i?v.borderWidth:i,d=r.borderStyle,l=void 0===d?v.borderStyle:d,c=r.borderColor,b=void 0===c?v.borderColor:c,p=r.className,f=o(r,["children","borderWidth","borderStyle","borderColor","className"]),u={borderWidth:a,borderStyle:l,borderColor:b};return s.jsxs("div",e({className:"corner-border-parent-position ".concat(p)},f,{ref:t,children:[s.jsx("div",{style:u,className:"corner-borders top-left-corner-border"}),s.jsx("div",{style:u,className:"corner-borders top-right-corner-border"}),s.jsx("div",{style:u,className:"corner-borders bottom-left-corner-border"}),s.jsx("div",{style:u,className:"corner-borders bottom-right-corner-border"}),n]}))}));y(".disjointed-parent-initial-design {\r\n  color: white;\r\n  background-color: black;\r\n  position: relative;\r\n}\r\n\r\n.disjointed-border {\r\n  position: absolute;\r\n}\r\n");var S={angle:"45deg",borderColor:b},x=r.forwardRef((function(r,t){var n=r.angle,i=void 0===n?S.angle:n,a=r.borderColor,d=void 0===a?S.borderColor:a,l=r.className,c=r.children,b=o(r,["angle","borderColor","className","children"]),p={inset:"".concat("-0.1rem"),borderRadius:"inherit",background:"linear-gradient(".concat(i,",#00000000 1%, ").concat(d,",#00000000 99%)"),zIndex:"-1"};return s.jsxs("div",e({className:"disjointed-parent-initial-design ".concat(l)},b,{ref:t,children:[s.jsx("div",{style:p,className:"disjointed-border"}),c]}))}));y(".fancy-border-parent-position {\r\n  position: relative;\r\n}\r\n\r\n.fancy-corner-borders {\r\n  --corner-border-size: 10px;\r\n  height: var(--corner-border-size);\r\n  width: var(--corner-border-size);\r\n  border: inherit;\r\n  background: transparent;\r\n  position: absolute;\r\n}\r\n\r\n.fancy-outside-border {\r\n  background-color: transparent;\r\n  position: absolute;\r\n  border: inherit;\r\n  z-index: -2;\r\n}\r\n\r\n.fancy-top-left-corner-border {\r\n  top: 0;\r\n  left: 0;\r\n  border-left: none !important;\r\n  border-top: none !important;\r\n}\r\n\r\n.fancy-top-right-corner-border {\r\n  top: 0;\r\n  right: 0;\r\n  border-right: none !important;\r\n  border-top: none !important;\r\n}\r\n\r\n.fancy-bottom-left-corner-border {\r\n  bottom: 0;\r\n  left: 0;\r\n  border-left: none !important;\r\n  border-bottom: none !important;\r\n}\r\n\r\n.fancy-bottom-right-corner-border {\r\n  bottom: 0;\r\n  right: 0;\r\n  border-right: none !important;\r\n  border-bottom: none !important;\r\n}\r\n");var j={borderWidth:f,borderStyle:"solid",borderColor:b},C=r.forwardRef((function(r,t){var n=r.borderWidth,i=void 0===n?j.borderWidth:n,a=r.borderStyle,d=void 0===a?j.borderStyle:a,l=r.borderColor,c=void 0===l?j.borderColor:l,b=r.style,p=r.className,f=r.children,u=o(r,["borderWidth","borderStyle","borderColor","style","className","children"]),y={borderWidth:i,borderStyle:d,borderColor:c};return s.jsxs("div",e({style:e(e({},y),b),className:"fancy-border-parent-position ".concat(p)},u,{ref:t,children:[s.jsx("div",{className:"fancy-outside-border",style:{inset:"calc(0px - (10px + ".concat(i,"))")}}),s.jsx("div",{className:"fancy-corner-borders fancy-top-left-corner-border"}),s.jsx("div",{className:"fancy-corner-borders fancy-top-right-corner-border"}),s.jsx("div",{className:"fancy-corner-borders fancy-bottom-left-corner-border"}),s.jsx("div",{className:"fancy-corner-borders fancy-bottom-right-corner-border"}),f]}))}));y(".gradient-border-parent-position {\r\n  color: white;\r\n  background-color: black;\r\n  position: relative;\r\n}\r\n\r\n.gradient-border {\r\n  position: absolute;\r\n  z-index: -1;\r\n}\r\n");var w={angle:"45deg",colors:[b,p],borderWidth:f},k=r.forwardRef((function(r,t){var n=r.angle,i=void 0===n?w.angle:n,a=r.colors,d=void 0===a?w.colors:a,l=r.borderWidth,c=void 0===l?w.borderWidth:l,b=r.children,p=r.className,f=o(r,["angle","colors","borderWidth","children","className"]),u={background:"linear-gradient(".concat(i,", ").concat(null==d?void 0:d.join(","),")"),inset:"-".concat(c)};return s.jsxs("div",e({className:"gradient-border-parent-position ".concat(p)},f,{ref:t,children:[s.jsx("div",{style:u,className:"gradient-border"}),b]}))}));y(".glowing-gradient-border {\r\n  --glowing-gradient-blur: 10px;\r\n  filter: blur(var(--glowing-gradient-blur));\r\n  position: absolute;\r\n  z-index: -2;\r\n}\r\n");var N={angle:"45deg",colors:[b,p],borderWidth:f},W=r.forwardRef((function(r,t){var n=r.angle,i=void 0===n?N.angle:n,a=r.colors,d=void 0===a?N.colors:a,l=r.borderWidth,c=void 0===l?N.borderWidth:l,b=r.children,p=o(r,["angle","colors","borderWidth","children"]),f={inset:"-".concat(c),background:"linear-gradient(".concat(i,",").concat(d.join(","),")")};return s.jsxs(k,e({angle:i,colors:d,borderWidth:c},p,{ref:t,children:[s.jsx("div",{style:f,className:"glowing-gradient-border"}),b]}))}));y("/* normal border css file */\r\n");var R={border:"".concat(f," solid ").concat(b),borderWidth:f,borderStyle:"solid",borderColor:b},O=r.forwardRef((function(r,t){var n=r.border,i=void 0===n?R.border:n,a=r.borderWidth,d=void 0===a?R.borderWidth:a,l=r.borderStyle,c=void 0===l?R.borderStyle:l,b=r.borderColor,p=void 0===b?R.borderColor:b,f=r.borderTop,u=void 0===f?i:f,y=r.borderTopWidth,m=void 0===y?d:y,h=r.borderTopStyle,v=void 0===h?c:h,g=r.borderTopColor,S=void 0===g?p:g,x=r.borderRight,j=void 0===x?i:x,C=r.borderRightWidth,w=void 0===C?d:C,k=r.borderRightStyle,N=void 0===k?c:k,W=r.borderRightColor,O=void 0===W?p:W,_=r.borderBottom,T=void 0===_?i:_,B=r.borderBottomWidth,E=void 0===B?d:B,$=r.borderBottomStyle,P=void 0===$?c:$,D=r.borderBottomColor,z=void 0===D?p:D,F=r.borderLeft,L=void 0===F?i:F,I=r.borderLeftWidth,A=void 0===I?d:I,M=r.borderLeftStyle,U=void 0===M?c:M,G=r.borderLeftColor,H=void 0===G?p:G,J=r.children,X=r.style,K=o(r,["border","borderWidth","borderStyle","borderColor","borderTop","borderTopWidth","borderTopStyle","borderTopColor","borderRight","borderRightWidth","borderRightStyle","borderRightColor","borderBottom","borderBottomWidth","borderBottomStyle","borderBottomColor","borderLeft","borderLeftWidth","borderLeftStyle","borderLeftColor","children","style"]),V={border:i,borderWidth:d,borderStyle:c,borderColor:p,borderTop:u,borderTopWidth:m,borderTopStyle:v,borderTopColor:S,borderRight:j,borderRightWidth:w,borderRightStyle:N,borderRightColor:O,borderBottom:T,borderBottomWidth:E,borderBottomStyle:P,borderBottomColor:z,borderLeft:L,borderLeftWidth:A,borderLeftStyle:U,borderLeftColor:H};return s.jsx("div",e({style:e(e({},V),X)},K,{ref:t,children:J}))}));y(".overlap-border-parent-position {\r\n  position: relative;\r\n}\r\n\r\n.offset-border {\r\n  border: inherit;\r\n  position: absolute;\r\n  z-index: -2;\r\n}\r\n");var _={borderWidth:f,borderStyle:"solid",borderColor:b},T=r.forwardRef((function(r,t){var n=r.children,i=r.borderWidth,a=void 0===i?_.borderWidth:i,d=r.borderStyle,l=void 0===d?_.borderStyle:d,c=r.borderColor,b=void 0===c?_.borderColor:c,p=r.className,f=r.style,u=o(r,["children","borderWidth","borderStyle","borderColor","className","style"]),y={borderWidth:a,borderStyle:l,borderColor:b},m="40px";return s.jsxs("div",e({style:e(e({},y),f),className:"overlap-border-parent-position ".concat(p)},u,{ref:t,children:[s.jsx("div",{style:{inset:"calc(0px - (".concat(m," + ").concat(a,")) calc(").concat(m," - ").concat(a,")")},className:"offset-border"}),n]}))}));y(".stripe-border-parent-position {\r\n  position: relative;\r\n  background: black;\r\n  color: white;\r\n}\r\n\r\n.stripe-border {\r\n  position: absolute;\r\n  z-index: -2;\r\n}\r\n");var B={angle:"45deg",stripeWidth:10,colors:[b,p],borderWidth:f},E=r.forwardRef((function(r,t){var n=r.children,i=r.borderWidth,a=void 0===i?B.borderWidth:i,d=r.angle,l=void 0===d?B.angle:d,c=r.stripeWidth,b=void 0===c?B.stripeWidth:c,p=r.colors,f=void 0===p?B.colors:p,u=r.className,y=o(r,["children","borderWidth","angle","stripeWidth","colors","className"]),m=function(r,e){for(var o=0,t=[],n=0;n<r.length;n++){var i=e*(n+1),a=r[n];t.push("".concat(a," ").concat(o,"%,").concat(a," ").concat(i,"%")),o=i}return t.join(",")}(f,b),h={inset:"-".concat(a),backgroundColor:"green",backgroundImage:"repeating-linear-gradient(".concat(l,",").concat(m,")")};return s.jsxs("div",e({className:"stripe-border-parent-position ".concat(u)},y,{ref:t,children:[s.jsx("div",{style:h,className:"stripe-border"}),n]}))}));y(".thin-border-parent-position {\r\n  position: relative;\r\n}\r\n\r\n.thin-border {\r\n  inset: 0;\r\n  position: absolute;\r\n  z-index: -2;\r\n}\r\n");var $={side:"vertical",borderColor:p},P=r.forwardRef((function(r,t){var n=r.side,i=void 0===n?$.side:n,a=r.borderColor,d=void 0===a?$.borderColor:a,l=r.children,c=r.className,b=o(r,["side","borderColor","children","className"]),p="1.5px",f=function(r){switch(r){case"top":return"100% 0 0 0";case"left":default:return"0 0 0 100%";case"bottom":return"0 0 100% 0";case"right":return"0 100% 0 0";case"horizontal":return"0 100% 0 100%";case"vertical":return"100% 0 100% 0"}}(i),u=function(r){return"top"===r||"bottom"===r||"vertical"===r?"to left":"to bottom"}(i),y={borderImageSource:"linear-gradient(".concat(u,", rgba(0,0,0,0) 1%, ").concat(d," 50%, rgba(0,0,0,0) 99%)"),borderImageWidth:p,borderImageOutset:p,borderImageSlice:f};return s.jsxs("div",e({className:"thin-border-parent-position ".concat(c)},b,{ref:t,children:[s.jsx("div",{style:y,className:"thin-border"}),l]}))}));exports.BlurBorder=h,exports.CornerBorder=g,exports.DisjointedBorder=x,exports.FancyBorder=C,exports.GlowingGradientBorder=W,exports.GradientBorder=k,exports.NormalBorder=O,exports.OverlapBorder=T,exports.StripeBorder=E,exports.ThinBorder=P;
//# sourceMappingURL=index.js.map