telecop 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -0
- package/dist/components/Button/Button.d.ts +10 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/GlassButton/GlassButton.d.ts +10 -0
- package/dist/components/GlassButton/index.d.ts +2 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +24 -0
- package/dist/index.mjs +100 -0
- package/dist/style.css +1 -0
- package/package.json +42 -0
package/README.md
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
# UI Library
|
|
2
|
+
|
|
3
|
+
مكتبة UI مخصصة للمطورين
|
|
4
|
+
|
|
5
|
+
## التثبيت
|
|
6
|
+
```bash
|
|
7
|
+
npm install @laithalawad745/ui-library
|
|
8
|
+
```
|
|
9
|
+
|
|
10
|
+
## الاستخدام
|
|
11
|
+
```jsx
|
|
12
|
+
import { Button } from '@laithalawad745/ui-library';
|
|
13
|
+
import '@laithalawad745/ui-library/styles.css';
|
|
14
|
+
|
|
15
|
+
<Button>اضغط هنا</Button>
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
## المكونات
|
|
19
|
+
|
|
20
|
+
قريباً...
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface ButtonProps {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
variant?: 'primary' | 'secondary' | 'danger';
|
|
5
|
+
size?: 'sm' | 'md' | 'lg';
|
|
6
|
+
onClick?: () => void;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const Button: React.FC<ButtonProps>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface GlassButtonProps {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
variant?: 'glass' | 'glass-glow';
|
|
5
|
+
size?: 'sm' | 'md' | 'lg';
|
|
6
|
+
onClick?: () => void;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const GlassButton: React.FC<GlassButtonProps>;
|
package/dist/index.d.ts
ADDED
package/dist/index.js
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),b=require("react"),m=({children:a,variant:s="primary",size:r="md",onClick:n,disabled:e=!1,className:l=""})=>{const o="font-semibold rounded-lg transition-all duration-200 cursor-pointer",i={primary:"bg-blue-600 hover:bg-blue-700 text-white shadow-md hover:shadow-lg",secondary:"bg-gray-600 hover:bg-gray-700 text-white shadow-md hover:shadow-lg",danger:"bg-red-600 hover:bg-red-700 text-white shadow-md hover:shadow-lg"},c={sm:"px-3 py-1.5 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg"},d=e?"opacity-50 cursor-not-allowed":"";return t.jsx("button",{className:`${o} ${i[s]} ${c[r]} ${d} ${l}`,onClick:n,disabled:e,children:a})},v=({children:a,variant:s="glass",size:r="md",onClick:n,disabled:e=!1,className:l=""})=>{const[o,i]=b.useState({x:0,y:0}),c=p=>{const u=p.currentTarget.getBoundingClientRect();i({x:p.clientX-u.left,y:p.clientY-u.top})},d=`
|
|
2
|
+
relative overflow-hidden
|
|
3
|
+
backdrop-blur-md
|
|
4
|
+
border border-white/20
|
|
5
|
+
rounded-2xl
|
|
6
|
+
font-semibold
|
|
7
|
+
transition-all duration-300
|
|
8
|
+
cursor-pointer
|
|
9
|
+
shadow-lg
|
|
10
|
+
`,h={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"},g={glass:`
|
|
11
|
+
bg-white/10
|
|
12
|
+
hover:bg-white/20
|
|
13
|
+
text-white
|
|
14
|
+
hover:shadow-xl
|
|
15
|
+
hover:scale-105
|
|
16
|
+
active:scale-95
|
|
17
|
+
`,"glass-glow":`
|
|
18
|
+
bg-gradient-to-br from-purple-500/20 to-blue-500/20
|
|
19
|
+
hover:from-purple-500/30 hover:to-blue-500/30
|
|
20
|
+
text-white
|
|
21
|
+
hover:shadow-2xl hover:shadow-purple-500/50
|
|
22
|
+
hover:scale-105
|
|
23
|
+
active:scale-95
|
|
24
|
+
`},x=e?"opacity-40 cursor-not-allowed hover:scale-100":"";return t.jsxs("button",{className:`${d} ${h[r]} ${g[s]} ${x} ${l}`,onClick:n,disabled:e,onMouseMove:e?void 0:c,children:[s==="glass-glow"&&!e&&t.jsx("span",{className:"absolute inset-0 opacity-0 hover:opacity-100 transition-opacity duration-300 pointer-events-none",style:{background:`radial-gradient(circle 100px at ${o.x}px ${o.y}px, rgba(255, 255, 255, 0.3), transparent)`}}),t.jsx("span",{className:"absolute inset-0 rounded-2xl opacity-0 hover:opacity-100 transition-opacity duration-300 pointer-events-none",children:t.jsx("span",{className:"absolute inset-0 rounded-2xl bg-gradient-to-r from-transparent via-white/30 to-transparent animate-shimmer"})}),t.jsx("span",{className:"relative z-10",children:a})]})};exports.Button=m;exports.GlassButton=v;
|
package/dist/index.mjs
ADDED
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { jsx as t, jsxs as x } from "react/jsx-runtime";
|
|
2
|
+
import { useState as b } from "react";
|
|
3
|
+
const y = ({
|
|
4
|
+
children: a,
|
|
5
|
+
variant: s = "primary",
|
|
6
|
+
size: r = "md",
|
|
7
|
+
onClick: n,
|
|
8
|
+
disabled: e = !1,
|
|
9
|
+
className: l = ""
|
|
10
|
+
}) => {
|
|
11
|
+
const o = "font-semibold rounded-lg transition-all duration-200 cursor-pointer", i = {
|
|
12
|
+
primary: "bg-blue-600 hover:bg-blue-700 text-white shadow-md hover:shadow-lg",
|
|
13
|
+
secondary: "bg-gray-600 hover:bg-gray-700 text-white shadow-md hover:shadow-lg",
|
|
14
|
+
danger: "bg-red-600 hover:bg-red-700 text-white shadow-md hover:shadow-lg"
|
|
15
|
+
}, c = {
|
|
16
|
+
sm: "px-3 py-1.5 text-sm",
|
|
17
|
+
md: "px-4 py-2 text-base",
|
|
18
|
+
lg: "px-6 py-3 text-lg"
|
|
19
|
+
}, d = e ? "opacity-50 cursor-not-allowed" : "";
|
|
20
|
+
return /* @__PURE__ */ t(
|
|
21
|
+
"button",
|
|
22
|
+
{
|
|
23
|
+
className: `${o} ${i[s]} ${c[r]} ${d} ${l}`,
|
|
24
|
+
onClick: n,
|
|
25
|
+
disabled: e,
|
|
26
|
+
children: a
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
}, $ = ({
|
|
30
|
+
children: a,
|
|
31
|
+
variant: s = "glass",
|
|
32
|
+
size: r = "md",
|
|
33
|
+
onClick: n,
|
|
34
|
+
disabled: e = !1,
|
|
35
|
+
className: l = ""
|
|
36
|
+
}) => {
|
|
37
|
+
const [o, i] = b({ x: 0, y: 0 }), c = (p) => {
|
|
38
|
+
const h = p.currentTarget.getBoundingClientRect();
|
|
39
|
+
i({
|
|
40
|
+
x: p.clientX - h.left,
|
|
41
|
+
y: p.clientY - h.top
|
|
42
|
+
});
|
|
43
|
+
}, d = `
|
|
44
|
+
relative overflow-hidden
|
|
45
|
+
backdrop-blur-md
|
|
46
|
+
border border-white/20
|
|
47
|
+
rounded-2xl
|
|
48
|
+
font-semibold
|
|
49
|
+
transition-all duration-300
|
|
50
|
+
cursor-pointer
|
|
51
|
+
shadow-lg
|
|
52
|
+
`, u = {
|
|
53
|
+
sm: "px-4 py-2 text-sm",
|
|
54
|
+
md: "px-6 py-3 text-base",
|
|
55
|
+
lg: "px-8 py-4 text-lg"
|
|
56
|
+
}, g = {
|
|
57
|
+
glass: `
|
|
58
|
+
bg-white/10
|
|
59
|
+
hover:bg-white/20
|
|
60
|
+
text-white
|
|
61
|
+
hover:shadow-xl
|
|
62
|
+
hover:scale-105
|
|
63
|
+
active:scale-95
|
|
64
|
+
`,
|
|
65
|
+
"glass-glow": `
|
|
66
|
+
bg-gradient-to-br from-purple-500/20 to-blue-500/20
|
|
67
|
+
hover:from-purple-500/30 hover:to-blue-500/30
|
|
68
|
+
text-white
|
|
69
|
+
hover:shadow-2xl hover:shadow-purple-500/50
|
|
70
|
+
hover:scale-105
|
|
71
|
+
active:scale-95
|
|
72
|
+
`
|
|
73
|
+
}, m = e ? "opacity-40 cursor-not-allowed hover:scale-100" : "";
|
|
74
|
+
return /* @__PURE__ */ x(
|
|
75
|
+
"button",
|
|
76
|
+
{
|
|
77
|
+
className: `${d} ${u[r]} ${g[s]} ${m} ${l}`,
|
|
78
|
+
onClick: n,
|
|
79
|
+
disabled: e,
|
|
80
|
+
onMouseMove: e ? void 0 : c,
|
|
81
|
+
children: [
|
|
82
|
+
s === "glass-glow" && !e && /* @__PURE__ */ t(
|
|
83
|
+
"span",
|
|
84
|
+
{
|
|
85
|
+
className: "absolute inset-0 opacity-0 hover:opacity-100 transition-opacity duration-300 pointer-events-none",
|
|
86
|
+
style: {
|
|
87
|
+
background: `radial-gradient(circle 100px at ${o.x}px ${o.y}px, rgba(255, 255, 255, 0.3), transparent)`
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
),
|
|
91
|
+
/* @__PURE__ */ t("span", { className: "absolute inset-0 rounded-2xl opacity-0 hover:opacity-100 transition-opacity duration-300 pointer-events-none", children: /* @__PURE__ */ t("span", { className: "absolute inset-0 rounded-2xl bg-gradient-to-r from-transparent via-white/30 to-transparent animate-shimmer" }) }),
|
|
92
|
+
/* @__PURE__ */ t("span", { className: "relative z-10", children: a })
|
|
93
|
+
]
|
|
94
|
+
}
|
|
95
|
+
);
|
|
96
|
+
};
|
|
97
|
+
export {
|
|
98
|
+
y as Button,
|
|
99
|
+
$ as GlassButton
|
|
100
|
+
};
|
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 2s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-white\/20{border-color:#fff3}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.bg-white\/10{background-color:#ffffff1a}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-purple-500\/20{--tw-gradient-from: rgb(168 85 247 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-white\/30{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-blue-500\/20{--tw-gradient-to: rgb(59 130 246 / .2) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.hover\:scale-100:hover{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:from-purple-500\/30:hover{--tw-gradient-from: rgb(168 85 247 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-blue-500\/30:hover{--tw-gradient-to: rgb(59 130 246 / .3) var(--tw-gradient-to-position)}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-purple-500\/50:hover{--tw-shadow-color: rgb(168 85 247 / .5);--tw-shadow: var(--tw-shadow-colored)}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
|
package/package.json
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "telecop",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "Modern React UI Components Library",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/index.js",
|
|
7
|
+
"module": "./dist/index.mjs",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"import": "./dist/index.mjs",
|
|
12
|
+
"require": "./dist/index.js",
|
|
13
|
+
"types": "./dist/index.d.ts"
|
|
14
|
+
},
|
|
15
|
+
"./style.css": "./dist/style.css"
|
|
16
|
+
},
|
|
17
|
+
"files": ["dist"],
|
|
18
|
+
"scripts": {
|
|
19
|
+
"build": "vite build",
|
|
20
|
+
"dev": "vite build --watch"
|
|
21
|
+
},
|
|
22
|
+
"keywords": ["react", "ui", "components", "tailwind", "telecop"],
|
|
23
|
+
"author": "Laith Alawad",
|
|
24
|
+
"license": "MIT",
|
|
25
|
+
"peerDependencies": {
|
|
26
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
27
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
28
|
+
},
|
|
29
|
+
"devDependencies": {
|
|
30
|
+
"@types/react": "^18.0.0",
|
|
31
|
+
"@types/react-dom": "^18.0.0",
|
|
32
|
+
"@vitejs/plugin-react": "^4.0.0",
|
|
33
|
+
"autoprefixer": "^10.4.20",
|
|
34
|
+
"postcss": "^8.4.49",
|
|
35
|
+
"react": "^18.3.1",
|
|
36
|
+
"react-dom": "^18.3.1",
|
|
37
|
+
"tailwindcss": "^3.4.1",
|
|
38
|
+
"typescript": "^5.6.3",
|
|
39
|
+
"vite": "^5.4.11",
|
|
40
|
+
"vite-plugin-dts": "^4.3.0"
|
|
41
|
+
}
|
|
42
|
+
}
|