@vela-ui/react
Version:
Vela UI React components
379 lines (362 loc) • 11.8 kB
JavaScript
;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/icons/index.ts
var icons_exports = {};
__export(icons_exports, {
CheckIcon: () => CheckIcon,
ChevronDownIcon: () => ChevronDownIcon,
ChevronRightIcon: () => ChevronRightIcon,
ChevronUpIcon: () => ChevronUpIcon,
ChevronsUpDownIcon: () => ChevronsUpDownIcon,
CircleIcon: () => CircleIcon,
CloseIcon: () => CloseIcon,
ErrorIcon: () => ErrorIcon,
InfoIcon: () => InfoIcon,
LoaderCircleIcon: () => LoaderCircleIcon,
LoaderRingIcon: () => LoaderRingIcon,
MinusIcon: () => MinusIcon,
SearchIcon: () => SearchIcon,
SuccessIcon: () => SuccessIcon,
WarningIcon: () => WarningIcon
});
module.exports = __toCommonJS(icons_exports);
// src/icons/check.tsx
var import_jsx_runtime = require("react/jsx-runtime");
var CheckIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
"svg",
{
fill: "none",
stroke: "currentColor",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
...props,
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 6 9 17l-5-5" })
}
);
};
// src/icons/chevron-down.tsx
var import_jsx_runtime2 = require("react/jsx-runtime");
var ChevronDownIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
"svg",
{
fill: "none",
stroke: "currentColor",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
...props,
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "m6 9 6 6 6-6" })
}
);
};
// src/icons/chevron-right.tsx
var import_jsx_runtime3 = require("react/jsx-runtime");
var ChevronRightIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
"svg",
{
fill: "none",
stroke: "currentColor",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
...props,
children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m9 18 6-6-6-6" })
}
);
};
// src/icons/chevron-up.tsx
var import_jsx_runtime4 = require("react/jsx-runtime");
var ChevronUpIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
"svg",
{
fill: "none",
stroke: "currentColor",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
...props,
children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m18 15-6-6-6 6" })
}
);
};
// src/icons/chevrons-up-down.tsx
var import_jsx_runtime5 = require("react/jsx-runtime");
var ChevronsUpDownIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
"svg",
{
fill: "none",
stroke: "currentColor",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
...props,
children: [
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m7 15 5 5 5-5" }),
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m7 9 5-5 5 5" })
]
}
);
};
// src/icons/circle.tsx
var import_jsx_runtime6 = require("react/jsx-runtime");
var CircleIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
"svg",
{
fill: "none",
stroke: "currentColor",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
...props,
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "10" })
}
);
};
// src/icons/close.tsx
var import_jsx_runtime7 = require("react/jsx-runtime");
var CloseIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
"svg",
{
fill: "none",
stroke: "currentColor",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
...props,
children: [
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M18 6 6 18" }),
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "m6 6 12 12" })
]
}
);
};
// src/icons/error.tsx
var import_jsx_runtime8 = require("react/jsx-runtime");
var ErrorIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
"svg",
{
fill: "currentColor",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
...props,
children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 15H13V17H11V15ZM11 7H13V13H11V7Z" })
}
);
};
// src/icons/info.tsx
var import_jsx_runtime9 = require("react/jsx-runtime");
var InfoIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
"svg",
{
fill: "currentColor",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
...props,
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z" })
}
);
};
// src/icons/loader-circle.tsx
var import_jsx_runtime10 = require("react/jsx-runtime");
var LoaderCircleIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
"svg",
{
fill: "none",
stroke: "currentColor",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
...props,
children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
}
);
};
// src/icons/loader-ring.tsx
var import_jsx_runtime11 = require("react/jsx-runtime");
var LoaderRingIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
"svg",
{
fill: "none",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
...props,
children: [
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
"path",
{
stroke: "currentColor",
strokeOpacity: "0.25",
strokeWidth: "3.636",
d: "M11.909 21a9.09 9.09 0 1 0 0-18.182 9.09 9.09 0 0 0 0 18.182Z"
}
),
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
"path",
{
fill: "currentColor",
d: "M4.636 11.91a7.273 7.273 0 0 1 7.273-7.274V1C5.885 1 1 5.885 1 11.91zm1.819 4.81a7.24 7.24 0 0 1-1.819-4.81H1c0 2.764 1.032 5.294 2.727 7.215z"
}
)
]
}
);
};
// src/icons/minus.tsx
var import_jsx_runtime12 = require("react/jsx-runtime");
var MinusIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
"svg",
{
fill: "none",
stroke: "currentColor",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
...props,
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M5 12h14" })
}
);
};
// src/icons/search.tsx
var import_jsx_runtime13 = require("react/jsx-runtime");
var SearchIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
"svg",
{
fill: "none",
stroke: "currentColor",
strokeWidth: 2,
strokeLinecap: "round",
strokeLinejoin: "round",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
...props,
children: [
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "m21 21-4.34-4.34" }),
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: "11", cy: "11", r: "8" })
]
}
);
};
// src/icons/success.tsx
var import_jsx_runtime14 = require("react/jsx-runtime");
var SuccessIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
"svg",
{
fill: "currentColor",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
...props,
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM17.4571 9.45711L16.0429 8.04289L11 13.0858L8.20711 10.2929L6.79289 11.7071L11 15.9142L17.4571 9.45711Z" })
}
);
};
// src/icons/warning.tsx
var import_jsx_runtime15 = require("react/jsx-runtime");
var WarningIcon = (props) => {
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
"svg",
{
fill: "currentColor",
width: "1em",
height: "1em",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
...props,
children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M12.8659 3.00017L22.3922 19.5002C22.6684 19.9785 22.5045 20.5901 22.0262 20.8662C21.8742 20.954 21.7017 21.0002 21.5262 21.0002H2.47363C1.92135 21.0002 1.47363 20.5525 1.47363 20.0002C1.47363 19.8246 1.51984 19.6522 1.60761 19.5002L11.1339 3.00017C11.41 2.52187 12.0216 2.358 12.4999 2.63414C12.6519 2.72191 12.7782 2.84815 12.8659 3.00017ZM4.20568 19.0002H19.7941L11.9999 5.50017L4.20568 19.0002ZM10.9999 16.0002H12.9999V18.0002H10.9999V16.0002ZM10.9999 9.00017H12.9999V14.0002H10.9999V9.00017Z" })
}
);
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
CheckIcon,
ChevronDownIcon,
ChevronRightIcon,
ChevronUpIcon,
ChevronsUpDownIcon,
CircleIcon,
CloseIcon,
ErrorIcon,
InfoIcon,
LoaderCircleIcon,
LoaderRingIcon,
MinusIcon,
SearchIcon,
SuccessIcon,
WarningIcon
});