astro-component-kit 0.0.1 → 0.1.0

package/dist/feedback/StepProgress.astro

@@ -1,14 +0,0 @@
----
----
-<div class="steps">
-  <div class="step active">1<span>Details</span></div>
-  <div class="step">2<span>Payment</span></div>
-  <div class="step">3<span>Finish</span></div>
-</div>
-<style>
-  .steps { display: flex; justify-content: space-between; position: relative; margin-bottom: 2rem; }
-  .steps::before { content: ""; position: absolute; top: 15px; left: 0; width: 100%; height: 2px; background: rgba(255,255,255,0.05); z-index: -1; }
-  .step { width: 32px; height: 32px; border-radius: 50%; background: #1e293b; color: #64748b; border: 2px solid rgba(255,255,255,0.1); display: grid; place-items: center; font-size: 0.8rem; font-weight: 800; position: relative; }
-  .step.active { background: #6366f1; border-color: #6366f1; color: #fff; box-shadow: 0 0 15px rgba(99,102,241,0.4); }
-  .step span { position: absolute; top: 100%; margin-top: 8px; font-size: 0.65rem; white-space: nowrap; color: inherit; }
-</style>

package/dist/feedback/ToastNotif.astro

@@ -1,11 +0,0 @@
----
----
-<div class="toast show">
-  <span class="icon">✅</span>
-  <span>Settings saved successfully!</span>
-</div>
-<style>
-  .toast { position: fixed; bottom: 2rem; right: 2rem; background: #111; color: #fff; padding: 1rem 1.5rem; border-radius: 12px; border: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; gap: 0.8rem; box-shadow: 0 10px 40px rgba(0,0,0,0.5); transform: translateY(100px); transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); z-index: 1000; }
-  .toast.show { transform: translateY(0); }
-  .icon { background: rgba(52,211,153,0.1); padding: 4px; border-radius: 6px; }
-</style>

package/dist/feedback/TypingIndicator.astro

@@ -1,12 +0,0 @@
----
----
-<div class="typing">
-  <span></span><span></span><span></span>
-</div>
-<style>
-  .typing { display: flex; gap: 4px; padding: 10px 15px; background: rgba(255,255,255,0.05); border-radius: 15px; width: fit-content; }
-  .typing span { width: 6px; height: 6px; background: #64748b; border-radius: 50%; animation: type 1s infinite alternate; }
-  .typing span:nth-child(2) { animation-delay: 0.2s; }
-  .typing span:nth-child(3) { animation-delay: 0.4s; }
-  @keyframes type { to { transform: translateY(-5px); background: #6366f1; } }
-</style>

package/dist/feedback/index.mjs

@@ -1,20 +0,0 @@
-export { default as AnimatedCheckmark } from './AnimatedCheckmark.astro';
-export { default as Badge } from './Badge.astro';
-export { default as CircleProgress } from './CircleProgress.astro';
-export { default as ConfettiFeedback } from './ConfettiFeedback.astro';
-export { default as CyberGlitchAlert } from './CyberGlitchAlert.astro';
-export { default as EmptyStateCard } from './EmptyStateCard.astro';
-export { default as GlassAlert } from './GlassAlert.astro';
-export { default as GlassModal } from './GlassModal.astro';
-export { default as GlassProgress } from './GlassProgress.astro';
-export { default as IndicatorBadgeMinimal } from './IndicatorBadgeMinimal.astro';
-export { default as NeonSpinner } from './NeonSpinner.astro';
-export { default as PulseDot } from './PulseDot.astro';
-export { default as RatingPill } from './RatingPill.astro';
-export { default as ShakeErrorGroup } from './ShakeErrorGroup.astro';
-export { default as SimpleTooltip } from './SimpleTooltip.astro';
-export { default as SkeletonList } from './SkeletonList.astro';
-export { default as Spotlight } from './Spotlight.astro';
-export { default as StepProgress } from './StepProgress.astro';
-export { default as ToastNotif } from './ToastNotif.astro';
-export { default as TypingIndicator } from './TypingIndicator.astro';

package/dist/feedback/index.ts

@@ -1,20 +0,0 @@
-export { default as AnimatedCheckmark } from './AnimatedCheckmark.astro';
-export { default as Badge } from './Badge.astro';
-export { default as CircleProgress } from './CircleProgress.astro';
-export { default as ConfettiFeedback } from './ConfettiFeedback.astro';
-export { default as CyberGlitchAlert } from './CyberGlitchAlert.astro';
-export { default as EmptyStateCard } from './EmptyStateCard.astro';
-export { default as GlassAlert } from './GlassAlert.astro';
-export { default as GlassModal } from './GlassModal.astro';
-export { default as GlassProgress } from './GlassProgress.astro';
-export { default as IndicatorBadgeMinimal } from './IndicatorBadgeMinimal.astro';
-export { default as NeonSpinner } from './NeonSpinner.astro';
-export { default as PulseDot } from './PulseDot.astro';
-export { default as RatingPill } from './RatingPill.astro';
-export { default as ShakeErrorGroup } from './ShakeErrorGroup.astro';
-export { default as SimpleTooltip } from './SimpleTooltip.astro';
-export { default as SkeletonList } from './SkeletonList.astro';
-export { default as Spotlight } from './Spotlight.astro';
-export { default as StepProgress } from './StepProgress.astro';
-export { default as ToastNotif } from './ToastNotif.astro';
-export { default as TypingIndicator } from './TypingIndicator.astro';

package/dist/forms/AnimatedInput.astro

@@ -1,16 +0,0 @@
----
-interface Props { label: string; id: string; type?: string; placeholder?: string; required?: boolean; name?: string; }
-const { label, id, type = 'text', placeholder = ' ', required = false, name } = Astro.props;
----
-<div class="anim-input-wrap">
-  <input {id} {name} {type} {placeholder} {required} class="anim-input" autocomplete="off" />
-  <label for={id} class="anim-input-label">{label}</label>
-</div>
-<style>
-  .anim-input-wrap { position: relative; width: 100%; }
-  .anim-input { width: 100%; padding: 1.1rem 1rem 0.5rem; font-family: inherit; font-size: 0.95rem; color: #e2e8f0; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; outline: none; box-sizing: border-box; transition: border-color 0.25s ease, background 0.25s ease; }
-  .anim-input::placeholder { color: transparent; }
-  .anim-input:focus { background: rgba(99, 102, 241, 0.06); border-color: rgba(99, 102, 241, 0.5); box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12); }
-  .anim-input-label { position: absolute; top: 0.9rem; left: 1rem; font-size: 0.9rem; color: #64748b; pointer-events: none; transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease; }
-  .anim-input:focus ~ .anim-input-label, .anim-input:not(:placeholder-shown) ~ .anim-input-label { top: 0.28rem; font-size: 0.68rem; color: #818cf8; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
-</style>

package/dist/forms/ChipInput.astro

@@ -1,13 +0,0 @@
----
----
-<div class="chip-input">
-  <span class="chip">Astro <button>×</button></span>
-  <span class="chip">UI <button>×</button></span>
-  <input type="text" placeholder="Add tag..." />
-</div>
-<style>
-  .chip-input { display: flex; flex-wrap: wrap; gap: 0.5rem; padding: 0.5rem; background: rgba(0,0,0,0.1); border: 1px solid var(--c-border); border-radius: 10px; }
-  .chip { background: #6366f1; color: #fff; padding: 0.2rem 0.6rem; border-radius: 6px; font-size: 0.8rem; display: flex; align-items: center; gap: 0.4rem; }
-  .chip button { background: none; border: none; color: #fff; cursor: pointer; font-size: 1rem; }
-  .chip-input input { background: none; border: none; outline: none; color: #fff; flex: 1; padding: 0.2rem; }
-</style>

package/dist/forms/ColorPickerInput.astro

@@ -1,13 +0,0 @@
----
----
-<div class="color-picker-wrap">
-  <input type="color" class="color-input" id="picker" value="#6366f1" />
-  <label for="picker">Primary Accent</label>
-</div>
-<style>
-  .color-picker-wrap { display: flex; align-items: center; gap: 1rem; }
-  .color-input { -webkit-appearance: none; border: none; width: 34px; height: 34px; border-radius: 50%; cursor: pointer; background: transparent; }
-  .color-input::-webkit-color-swatch-wrapper { padding: 0; }
-  .color-input::-webkit-color-swatch { border: 2px solid rgba(255,255,255,0.2); border-radius: 50%; }
-  label { font-size: 0.9rem; color: #e2e8f0; font-weight: 500; }
-</style>

package/dist/forms/CurrencyInput.astro

@@ -1,11 +0,0 @@
----
----
-<div class="curr-wrap">
-  <span class="symbol">$</span>
-  <input type="number" step="0.01" value="0.00" />
-</div>
-<style>
-  .curr-wrap { display: flex; align-items: center; background: rgba(255,255,255,0.05); border-radius: 10px; border: 1px solid var(--c-border); overflow: hidden; }
-  .symbol { padding: 0.8rem; background: rgba(255,255,255,0.05); color: #94a3b8; font-weight: 700; }
-  .curr-wrap input { background: none; border: none; padding: 0.8rem; color: #fff; font-size: 1.1rem; width: 100%; outline: none; }
-</style>

package/dist/forms/CustomRadioGroup.astro

@@ -1,13 +0,0 @@
----
----
-<div class="radio-group">
-  <label class="radio-item"><input type="radio" name="opt" checked /><span>Option A</span></label>
-  <label class="radio-item"><input type="radio" name="opt" /><span>Option B</span></label>
-</div>
-<style>
-  .radio-group { display: flex; flex-direction: column; gap: 0.8rem; }
-  .radio-item { display: flex; align-items: center; gap: 0.75rem; cursor: pointer; color: #94a3b8; }
-  .radio-item input { appearance: none; width: 20px; height: 20px; border: 2px solid #6366f1; border-radius: 50%; position: relative; cursor: pointer; }
-  .radio-item input:checked::after { content: ''; position: absolute; inset: 4px; background: #6366f1; border-radius: 50%; }
-  .radio-item input:checked + span { color: #fff; font-weight: 600; }
-</style>

package/dist/forms/CyberpunkCheckbox.astro

@@ -1,15 +0,0 @@
----
----
-<label class="cyber-check">
-  <input type="checkbox" />
-  <span class="checkmark"></span>
-  <slot />
-</label>
-<style>
-  .cyber-check { display: flex; align-items: center; gap: 0.8rem; cursor: pointer; color: #00e0ff; font-family: monospace; font-weight: 700; text-transform: uppercase; }
-  .cyber-check input { display: none; }
-  .checkmark { width: 18px; height: 18px; border: 2px solid #ff003c; position: relative; transition: 0.2s; }
-  .cyber-check input:checked + .checkmark { background: #ff003c; box-shadow: 0 0 10px #ff003c; }
-  .checkmark::after { content: ''; position: absolute; display: none; left: 5px; top: 1px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
-  .cyber-check input:checked + .checkmark::after { display: block; }
-</style>

package/dist/forms/DragDropUpload.astro

@@ -1,12 +0,0 @@
----
----
-<div class="upload-zone">
-  <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
-  <p>Drag files here or <span>browse</span></p>
-  <input type="file" hidden />
-</div>
-<style>
-  .upload-zone { border: 2px dashed rgba(255,255,255,0.1); border-radius: 20px; padding: 3rem; text-align: center; background: rgba(255,255,255,0.02); cursor: pointer; transition: 0.3s; color: #94a3b8; }
-  .upload-zone:hover { border-color: #6366f1; background: rgba(99, 102, 241, 0.05); color: #fff; }
-  .upload-zone span { color: #6366f1; font-weight: 600; text-decoration: underline; }
-</style>

package/dist/forms/ErrorInput.astro

@@ -1,11 +0,0 @@
----
----
-<div class="error-wrap">
-  <input type="text" class="input-error" value="invalid-email" />
-  <span class="error-msg">Please enter a valid email address</span>
-</div>
-<style>
-  .error-wrap { display: flex; flex-direction: column; gap: 0.4rem; }
-  .input-error { border: 1px solid #ef4444 !important; background: rgba(239, 68, 68, 0.05) !important; padding: 0.8rem; color: #fff; border-radius: 10px; outline: none; }
-  .error-msg { font-size: 0.75rem; color: #f87171; font-weight: 500; }
-</style>

package/dist/forms/FloatingPassword.astro

@@ -1,20 +0,0 @@
----
----
-<div class="pass-wrap">
-  <input type="password" id="pass" placeholder="Password" />
-  <button type="button" id="toggle-pass">👁️</button>
-</div>
-<style>
-  .pass-wrap { position: relative; width: 100%; }
-  .pass-wrap input { width: 100%; padding: 0.8rem 3rem 0.8rem 1rem; background: rgba(0,0,0,0.2); border: 1px solid var(--c-border); border-radius: 10px; color: #fff; outline: none; }
-  #toggle-pass { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; opacity: 0.5; }
-</style>
-<script>
-  const btn = document.getElementById('toggle-pass');
-  const pass = document.getElementById('pass') as HTMLInputElement;
-  btn?.addEventListener('click', () => {
-    const isPass = pass.type === 'password';
-    pass.type = isPass ? 'text' : 'password';
-    btn.textContent = isPass ? '🙈' : '👁️';
-  });
-</script>

package/dist/forms/FormGroupVertical.astro

@@ -1,14 +0,0 @@
----
----
-<div class="form-group">
-  <label>Company Name</label>
-  <input type="text" placeholder="e.g. Acme Corp" />
-  <p class="help-text">Visible on your public profile.</p>
-</div>
-<style>
-  .form-group { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1.5rem; }
-  label { font-size: 0.82rem; font-weight: 700; color: #e2e8f0; text-transform: uppercase; letter-spacing: 0.05em; }
-  input { background: #0f172a; border: 1px solid rgba(255,255,255,0.1); color: #fff; padding: 0.8rem; border-radius: 8px; outline: none; }
-  input:focus { border-color: #6366f1; }
-  .help-text { font-size: 0.75rem; color: #64748b; }
-</style>

package/dist/forms/GlassSlider.astro

@@ -1,7 +0,0 @@
----
----
-<input type="range" class="glass-slider" min="0" max="100" />
-<style>
-  .glass-slider { -webkit-appearance: none; width: 100%; height: 6px; background: rgba(255,255,255,0.1); border-radius: 5px; outline: none; backdrop-filter: blur(5px); }
-  .glass-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #6366f1; cursor: pointer; border: 2px solid rgba(255,255,255,0.5); box-shadow: 0 0 10px rgba(99,102,241,0.5); }
-</style>

package/dist/forms/GlassTextarea.astro

@@ -1,14 +0,0 @@
----
-interface Props { label: string; id: string; rows?: number; }
-const { label, id, rows = 4 } = Astro.props;
----
-<div class="glass-textarea-wrap">
-  <label for={id} class="glass-label">{label}</label>
-  <textarea {id} {rows} class="glass-textarea" placeholder="Start typing..."></textarea>
-</div>
-<style>
-  .glass-textarea-wrap { display: flex; flex-direction: column; gap: 0.5rem; width: 100%; }
-  .glass-label { font-size: 0.85rem; font-weight: 600; color: #94a3b8; margin-left: 0.5rem; }
-  .glass-textarea { width: 100%; padding: 1rem; background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; color: #fff; font-family: inherit; font-size: 0.9rem; outline: none; transition: 0.3s; resize: vertical; }
-  .glass-textarea:focus { border-color: rgba(99, 102, 241, 0.4); background: rgba(255, 255, 255, 0.06); }
-</style>

package/dist/forms/ModernSelect.astro

@@ -1,16 +0,0 @@
----
----
-<div class="select-wrap">
-  <select class="custom-select">
-    <option>Select Option</option>
-    <option>Product Design</option>
-    <option>Web Development</option>
-    <option>Mobile Apps</option>
-  </select>
-  <div class="select-arrow"></div>
-</div>
-<style>
-  .select-wrap { position: relative; width: 100%; }
-  .custom-select { width: 100%; padding: 0.8rem 1rem; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; color: #fff; appearance: none; cursor: pointer; outline: none; }
-  .select-arrow { position: absolute; top: 18px; right: 15px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #64748b; pointer-events: none; }
-</style>

package/dist/forms/NeumorphicSwitch.astro

@@ -1,55 +0,0 @@
----
----
-<label class="neu-switch">
-  <input type="checkbox" />
-  <span class="slider"></span>
-</label>
-<style>
-  .neu-switch {
-    position: relative;
-    display: inline-block;
-    width: 56px;
-    height: 30px;
-  }
-  .neu-switch input {
-    opacity: 0;
-    width: 0;
-    height: 0;
-  }
-  .slider {
-    position: absolute;
-    cursor: pointer;
-    inset: 0;
-    background: #1a1f2e;
-    transition: 0.4s;
-    border-radius: 34px;
-    border: 1px solid rgba(255, 255, 255, 0.05);
-    box-shadow:
-      inset 2px 2px 4px rgba(0, 0, 0, 0.4),
-      inset -2px -2px 4px rgba(255, 255, 255, 0.03);
-  }
-  .slider:before {
-    position: absolute;
-    content: "";
-    height: 22px;
-    width: 22px;
-    left: 3px;
-    top: 3px;
-    background: #4b5563;
-    transition: 0.4s;
-    border-radius: 50%;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
-  }
-  input:checked + .slider {
-    background: #1e2433;
-    box-shadow:
-      inset 2px 2px 4px rgba(0, 0, 0, 0.5),
-      inset -2px -2px 4px rgba(255, 255, 255, 0.02);
-  }
-  input:checked + .slider:before {
-    transform: translateX(26px);
-    background: #818cf8;
-    box-shadow: 0 0 10px rgba(129, 140, 248, 0.4);
-  }
-</style>
-

package/dist/forms/OTPInput.astro

@@ -1,22 +0,0 @@
----
----
-<div class="otp-wrap">
-  <input type="text" maxlength="1" />
-  <input type="text" maxlength="1" />
-  <input type="text" maxlength="1" />
-  <input type="text" maxlength="1" />
-</div>
-<style>
-  .otp-wrap { display: flex; gap: 0.75rem; justify-content: center; }
-  .otp-wrap input { width: 45px; height: 55px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; text-align: center; color: #fff; font-size: 1.5rem; font-weight: 700; outline: none; transition: 0.2s; }
-  .otp-wrap input:focus { border-color: #6366f1; background: rgba(99, 102, 241, 0.1); box-shadow: 0 0 15px rgba(99, 102, 241, 0.3); }
-</style>
-<script>
-  document.querySelectorAll('.otp-wrap input').forEach((input, idx, inputs) => {
-    input.addEventListener('input', () => { 
-      if ((input as HTMLInputElement).value && idx < inputs.length - 1) {
-        (inputs[idx+1] as HTMLInputElement).focus(); 
-      }
-    });
-  });
-</script>

package/dist/forms/RatingStars.astro

@@ -1,15 +0,0 @@
----
----
-<div class="rating">
-  <input type="radio" name="star" id="star5" /><label for="star5"></label>
-  <input type="radio" name="star" id="star4" /><label for="star4"></label>
-  <input type="radio" name="star" id="star3" /><label for="star3"></label>
-  <input type="radio" name="star" id="star2" /><label for="star2"></label>
-  <input type="radio" name="star" id="star1" /><label for="star1"></label>
-</div>
-<style>
-  .rating { display: flex; flex-direction: row-reverse; gap: 5px; }
-  .rating input { display: none; }
-  .rating label { width: 24px; height: 24px; background: #334155; clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); cursor: pointer; transition: 0.2s; }
-  .rating label:hover, .rating label:hover ~ label, .rating input:checked ~ label { background: #fbbf24; box-shadow: 0 0 10px #fbbf24; }
-</style>

package/dist/forms/SearchReveal.astro

@@ -1,13 +0,0 @@
----
----
-<div class="search-box">
-  <input type="text" placeholder="Search..." />
-  <button>🔍</button>
-</div>
-<style>
-  .search-box { position: relative; width: 40px; height: 40px; transition: 0.4s; }
-  .search-box:hover, .search-box:focus-within { width: 250px; }
-  .search-box input { width: 100%; height: 100%; background: #1e293b; border: 1px solid rgba(255,255,255,0.1); border-radius: 100px; padding: 0 45px 0 20px; color: #fff; outline: none; opacity: 0; transition: 0.3s; }
-  .search-box:hover input, .search-box:focus-within input { opacity: 1; }
-  .search-box button { position: absolute; right: 0; width: 40px; height: 40px; background: #6366f1; border: none; border-radius: 50%; color: #fff; cursor: pointer; }
-</style>

package/dist/forms/SegmentedControl.astro

@@ -1,13 +0,0 @@
----
----
-<div class="segmented">
-  <input type="radio" name="seg" id="seg1" checked /><label for="seg1">Daily</label>
-  <input type="radio" name="seg" id="seg2" /><label for="seg2">Weekly</label>
-  <input type="radio" name="seg" id="seg3" /><label for="seg3">Monthly</label>
-</div>
-<style>
-  .segmented { display: flex; position: relative; background: rgba(255,255,255,0.05); padding: 4px; border-radius: 10px; width: fit-content; }
-  .segmented label { padding: 0.4rem 1.2rem; cursor: pointer; z-index: 1; font-size: 0.85rem; transition: 0.3s; color: #94a3b8; }
-  .segmented input { display: none; }
-  .segmented input:checked + label { color: #fff; font-weight: 600; background: rgba(99, 102, 241, 0.2); border-radius: 6px; }
-</style>

package/dist/forms/SimpleFileInput.astro

@@ -1,11 +0,0 @@
----
----
-<label class="file-btn">
-  <input type="file" />
-  <span>Upload Logo</span>
-</label>
-<style>
-  .file-btn { position: relative; overflow: hidden; display: inline-block; cursor: pointer; }
-  .file-btn input { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; cursor: pointer; }
-  .file-btn span { background: #6366f1; color: #fff; padding: 0.7rem 1.5rem; border-radius: 8px; font-weight: 600; display: inline-block; }
-</style>

package/dist/forms/StepperInput.astro

@@ -1,14 +0,0 @@
----
----
-<div class="stepper">
-  <button>-</button>
-  <input type="number" value="1" />
-  <button>+</button>
-</div>
-<style>
-  .stepper { display: flex; align-items: center; gap: 2px; }
-  .stepper button { width: 35px; height: 35px; background: #6366f1; border: none; color: #fff; font-size: 1.2rem; cursor: pointer; transition: 0.2s; }
-  .stepper button:hover { background: #4f46e5; }
-  .stepper input { width: 50px; height: 35px; background: rgba(255,255,255,0.05); border: none; text-align: center; color: #fff; outline: none; -moz-appearance: textfield; }
-  .stepper input::-webkit-inner-spin-button { display: none; }
-</style>

package/dist/forms/index.mjs

@@ -1,20 +0,0 @@
-export { default as AnimatedInput } from './AnimatedInput.astro';
-export { default as ChipInput } from './ChipInput.astro';
-export { default as ColorPickerInput } from './ColorPickerInput.astro';
-export { default as CurrencyInput } from './CurrencyInput.astro';
-export { default as CustomRadioGroup } from './CustomRadioGroup.astro';
-export { default as CyberpunkCheckbox } from './CyberpunkCheckbox.astro';
-export { default as DragDropUpload } from './DragDropUpload.astro';
-export { default as ErrorInput } from './ErrorInput.astro';
-export { default as FloatingPassword } from './FloatingPassword.astro';
-export { default as FormGroupVertical } from './FormGroupVertical.astro';
-export { default as GlassSlider } from './GlassSlider.astro';
-export { default as GlassTextarea } from './GlassTextarea.astro';
-export { default as ModernSelect } from './ModernSelect.astro';
-export { default as NeumorphicSwitch } from './NeumorphicSwitch.astro';
-export { default as OTPInput } from './OTPInput.astro';
-export { default as RatingStars } from './RatingStars.astro';
-export { default as SearchReveal } from './SearchReveal.astro';
-export { default as SegmentedControl } from './SegmentedControl.astro';
-export { default as SimpleFileInput } from './SimpleFileInput.astro';
-export { default as StepperInput } from './StepperInput.astro';

package/dist/forms/index.ts

@@ -1,20 +0,0 @@
-export { default as AnimatedInput } from './AnimatedInput.astro';
-export { default as ChipInput } from './ChipInput.astro';
-export { default as ColorPickerInput } from './ColorPickerInput.astro';
-export { default as CurrencyInput } from './CurrencyInput.astro';
-export { default as CustomRadioGroup } from './CustomRadioGroup.astro';
-export { default as CyberpunkCheckbox } from './CyberpunkCheckbox.astro';
-export { default as DragDropUpload } from './DragDropUpload.astro';
-export { default as ErrorInput } from './ErrorInput.astro';
-export { default as FloatingPassword } from './FloatingPassword.astro';
-export { default as FormGroupVertical } from './FormGroupVertical.astro';
-export { default as GlassSlider } from './GlassSlider.astro';
-export { default as GlassTextarea } from './GlassTextarea.astro';
-export { default as ModernSelect } from './ModernSelect.astro';
-export { default as NeumorphicSwitch } from './NeumorphicSwitch.astro';
-export { default as OTPInput } from './OTPInput.astro';
-export { default as RatingStars } from './RatingStars.astro';
-export { default as SearchReveal } from './SearchReveal.astro';
-export { default as SegmentedControl } from './SegmentedControl.astro';
-export { default as SimpleFileInput } from './SimpleFileInput.astro';
-export { default as StepperInput } from './StepperInput.astro';

package/dist/index.js

@@ -1 +0,0 @@
-// Astro Components Library

package/dist/index.mjs

@@ -1 +0,0 @@
-// Astro Components Library

package/dist/layout/BentoGrid3.astro

@@ -1,14 +0,0 @@
----
----
-<div class="bento">
-  <div class="item wide"><slot name="1" /></div>
-  <div class="item"><slot name="2" /></div>
-  <div class="item"><slot name="3" /></div>
-  <div class="item tall"><slot name="4" /></div>
-</div>
-<style>
-  .bento { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 200px; gap: 1rem; }
-  .item { background: rgba(255,255,255,0.03); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 1rem; }
-  .wide { grid-column: span 2; }
-  .tall { grid-row: span 2; }
-</style>

package/dist/layout/CenterFixedBox.astro

@@ -1,6 +0,0 @@
----
----
-<div class="abs-center"><slot /></div>
-<style>
-  .abs-center { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 500; }
-</style>

package/dist/layout/CenteredContainer.astro

@@ -1,8 +0,0 @@
----
-interface Props { maxWidth?: string; }
-const { maxWidth = '1200px' } = Astro.props;
----
-<div class="container" style={`--max-width: ${maxWidth}`}><slot /></div>
-<style>
-  .container { width: 100%; max-width: var(--max-width); margin: 0 auto; padding: 0 1.5rem; }
-</style>

package/dist/layout/ClusterHorizontal.astro

@@ -1,6 +0,0 @@
----
----
-<div class="cluster"><slot /></div>
-<style>
-  .cluster { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; }
-</style>

package/dist/layout/FeatureHero.astro

@@ -1,17 +0,0 @@
----
----
-<section class="f-hero">
-  <div class="f-inner">
-    <h1>Experience the <span>Next Dimension</span> of Design</h1>
-    <p>Build stunning interfaces faster than ever with our premium component ecosystem.</p>
-    <div class="f-actions"><slot /></div>
-  </div>
-</section>
-<style>
-  .f-hero { padding: 8rem 2rem; text-align: center; background: radial-gradient(circle at top, rgba(99,102,241,0.15) 0%, transparent 70%); }
-  .f-inner { max-width: 800px; margin: 0 auto; }
-  h1 { font-size: 4rem; font-weight: 900; line-height: 1.1; margin-bottom: 1.5rem; color: #fff; }
-  h1 span { background: linear-gradient(135deg, #6366f1, #c084fc); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
-  p { font-size: 1.25rem; color: #94a3b8; line-height: 1.6; margin-bottom: 2.5rem; }
-  .f-actions { display: flex; justify-content: center; gap: 1rem; }
-</style>

package/dist/layout/FooterCenteredMinimal.astro

@@ -1,11 +0,0 @@
----
----
-<footer class="c-footer">
-  <div class="c-logo">Astro Components</div>
-  <div class="c-copy">© 2024 Built with ❤️ and Astro.</div>
-</footer>
-<style>
-  .c-footer { text-align: center; padding: 4rem; border-top: 1px solid rgba(255, 255, 255, 0.05); }
-  .c-logo { font-weight: 800; color: #fff; font-size: 1.1rem; margin-bottom: 0.5rem; letter-spacing: 0.05em; }
-  .c-copy { font-size: 0.8rem; color: #64748b; }
-</style>

package/dist/layout/FullBleedSection.astro

@@ -1,6 +0,0 @@
----
----
-<section class="full-bleed"><slot /></section>
-<style>
-  .full-bleed { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: rgba(30, 41, 59, 0.5); padding: 4rem 1.5rem; }
-</style>

package/dist/layout/GalleryGrid4.astro

@@ -1,7 +0,0 @@
----
----
-<div class="gal-grid"><slot /></div>
-<style>
-  .gal-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
-  .gal-grid :global(> *) { aspect-ratio: 1; border-radius: 12px; background: rgba(255, 255, 255, 0.05); overflow: hidden; border: 1px solid rgba(255,255,255,0.1); }
-</style>

package/dist/layout/GlassCardGrid.astro

@@ -1,6 +0,0 @@
----
----
-<div class="card-grid"><slot /></div>
-<style>
-  .card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2rem; }
-</style>

package/dist/layout/GlassSectionHeader.astro

@@ -1,15 +0,0 @@
----
-interface Props { title: string; subtitle?: string; }
-const { title, subtitle } = Astro.props;
----
-<div class="s-header">
-  <h2>{title}</h2>
-  {subtitle && <p>{subtitle}</p>}
-  <div class="s-line"></div>
-</div>
-<style>
-  .s-header { margin-bottom: 3rem; }
-  h2 { font-size: 2rem; color: #fff; margin: 0; }
-  p { color: #64748b; margin: 0.5rem 0 0; }
-  .s-line { height: 4px; width: 60px; background: #6366f1; border-radius: 2px; margin-top: 1.25rem; }
-</style>

package/dist/layout/LandingSectionSplit.astro

@@ -1,13 +0,0 @@
----
----
-<section class="split-sec">
-  <div class="txt"><h2>Build faster</h2><p>Scale with pre-built logic and stunning modular designs.</p></div>
-  <div class="media"></div>
-</section>
-<style>
-  .split-sec { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; padding: 4rem 1.5rem; }
-  .media { height: 400px; background: rgba(15, 23, 42, 0.5); border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); }
-  h2 { font-size: 2.5rem; color: #fff; margin-bottom: 1rem; }
-  p { font-size: 1.1rem; color: #94a3b8; line-height: 1.6; }
-  @media (max-width: 768px) { .split-sec { grid-template-columns: 1fr; } }
-</style>

package/dist/layout/MasonryGrid.astro

@@ -1,7 +0,0 @@
----
----
-<div class="masonry"><slot /></div>
-<style>
-  .masonry { columns: 3 250px; column-gap: 1.5rem; }
-  .masonry :global(> *) { break-inside: avoid; margin-bottom: 1.5rem; display: block; }
-</style>