shadcn-glass-ui 2.0.11 → 2.1.0

package/docs/BEST_PRACTICES.md

@@ -306,7 +306,7 @@ function LoginForm() {
         error={errors.password}
         placeholder="Enter password"
       />
-      <ButtonGlass type="submit" variant="primary" className="w-full">
+      <ButtonGlass type="submit" variant="default" className="w-full">
         Sign In
       </ButtonGlass>
     </form>
@@ -411,7 +411,7 @@ function CreateProjectModal({ open, onClose, onSubmit }) {
           <ButtonGlass variant="ghost" onClick={onClose}>
             Cancel
           </ButtonGlass>
-          <ButtonGlass variant="primary" onClick={handleSubmit}>
+          <ButtonGlass variant="default" onClick={handleSubmit}>
             Create
           </ButtonGlass>
         </ModalGlass.Footer>

package/docs/BREAKING_CHANGES.md

@@ -0,0 +1,239 @@
+# Breaking Changes
+
+This document lists breaking changes in shadcn-glass-ui v2.0.0.
+
+**Current Version:** 2.0.0 (2025-12-14)
+
+---
+
+## v2.0.0 — 100% shadcn/ui API Compatibility
+
+### Summary
+
+v2.0.0 achieves **100% API compatibility with shadcn/ui** by standardizing all component APIs to
+match shadcn/ui conventions exactly. This release also introduces the 3-layer token architecture,
+replacing color-based CSS variable names with semantic names.
+
+**Major changes:**
+
+1. **Component API migrations** — All components now use shadcn/ui naming (onValueChange, pressed,
+   etc.)
+2. **CSS variable renaming** — Color-based names → semantic names
+3. **No backward compatibility** — Legacy APIs removed
+
+---
+
+## Component API Changes
+
+### 1. ButtonGlass
+
+**Removed variants:**
+
+- `variant="primary"` → Use `variant="default"`
+- `variant="text"` → Use `variant="link"`
+- `size="md"` → Use `size="default"`
+
+```tsx
+// Before
+<ButtonGlass variant="primary" size="md">Click me</ButtonGlass>
+<ButtonGlass variant="text">Link</ButtonGlass>
+
+// After
+<ButtonGlass variant="default" size="default">Click me</ButtonGlass>
+<ButtonGlass variant="link">Link</ButtonGlass>
+```
+
+---
+
+### 2. ToggleGlass
+
+**Removed:** `checked`, `defaultChecked`, `onChange`
+
+**Added:** `pressed`, `defaultPressed`, `onPressedChange`
+
+```tsx
+// Before
+<ToggleGlass checked={isOn} onChange={(checked) => setIsOn(checked)} />
+
+// After
+<ToggleGlass pressed={isOn} onPressedChange={(pressed) => setIsOn(pressed)} />
+```
+
+**ARIA changes:** `aria-checked` → `aria-pressed`, `role="checkbox"` → `role="switch"`
+
+---
+
+### 3. SliderGlass
+
+**Removed:** `value: number`, `defaultValue: number`, `onChange(value: number)`
+
+**Added:** `value: number[]`, `defaultValue: number[]`, `onValueChange(value: number[])`
+
+```tsx
+// Before
+<SliderGlass value={50} onChange={(val) => setValue(val)} />
+
+// After (single value)
+<SliderGlass value={[50]} onValueChange={(val) => setValue(val[0])} />
+
+// Range slider (new feature)
+<SliderGlass value={[25, 75]} onValueChange={setRange} />
+```
+
+**New props:** `onValueCommit`, `orientation`
+
+---
+
+### 4. ComboBoxGlass
+
+**Removed:** `onChange`
+
+**Added:** `onValueChange`
+
+```tsx
+// Before
+<ComboBoxGlass options={options} value={value} onChange={setValue} />
+
+// After
+<ComboBoxGlass options={options} value={value} onValueChange={setValue} />
+```
+
+---
+
+### 5. Compound Components (Required)
+
+ModalGlass and TabsGlass require compound component API:
+
+**ModalGlass:**
+
+```tsx
+<ModalGlass.Root open={open} onOpenChange={setOpen}>
+  <ModalGlass.Overlay />
+  <ModalGlass.Content>
+    <ModalGlass.Header>
+      <ModalGlass.Title>Title</ModalGlass.Title>
+      <ModalGlass.Close />
+    </ModalGlass.Header>
+    <ModalGlass.Body>Content</ModalGlass.Body>
+  </ModalGlass.Content>
+</ModalGlass.Root>
+```
+
+**TabsGlass:**
+
+```tsx
+<TabsGlass.Root value={activeTab} onValueChange={setActiveTab}>
+  <TabsGlass.List>
+    <TabsGlass.Trigger value="tab1">Tab 1</TabsGlass.Trigger>
+  </TabsGlass.List>
+  <TabsGlass.Content value="tab1">Content</TabsGlass.Content>
+</TabsGlass.Root>
+```
+
+**AlertGlass:**
+
+```tsx
+<AlertGlass variant="destructive">
+  <AlertGlassTitle>Error</AlertGlassTitle>
+  <AlertGlassDescription>Message</AlertGlassDescription>
+</AlertGlass>
+```
+
+---
+
+## CSS Variables Removed
+
+| Removed                   | Replacement                   | Semantic Meaning |
+| ------------------------- | ----------------------------- | ---------------- |
+| `--metric-emerald-bg`     | `--metric-success-bg`         | Success states   |
+| `--metric-emerald-text`   | `--metric-success-text`       | Success states   |
+| `--metric-emerald-border` | `--metric-success-border`     | Success states   |
+| `--metric-emerald-glow`   | `--metric-success-glow`       | Success states   |
+| `--metric-amber-bg`       | `--metric-warning-bg`         | Warning states   |
+| `--metric-amber-text`     | `--metric-warning-text`       | Warning states   |
+| `--metric-amber-border`   | `--metric-warning-border`     | Warning states   |
+| `--metric-amber-glow`     | `--metric-warning-glow`       | Warning states   |
+| `--metric-blue-bg`        | `--metric-default-bg`         | Neutral/default  |
+| `--metric-blue-text`      | `--metric-default-text`       | Neutral/default  |
+| `--metric-blue-border`    | `--metric-default-border`     | Neutral/default  |
+| `--metric-blue-glow`      | `--metric-default-glow`       | Neutral/default  |
+| `--metric-red-bg`         | `--metric-destructive-bg`     | Error/danger     |
+| `--metric-red-text`       | `--metric-destructive-text`   | Error/danger     |
+| `--metric-red-border`     | `--metric-destructive-border` | Error/danger     |
+| `--metric-red-glow`       | `--metric-destructive-glow`   | Error/danger     |
+
+**Total removed:** 16 variables (4 color families × 4 properties)
+
+---
+
+## Migration Script
+
+```bash
+#!/bin/bash
+
+# Component API migrations
+find src/ -type f -name "*.tsx" -exec sed -i '' \
+  -e 's/variant="primary"/variant="default"/g' \
+  -e 's/variant="text"/variant="link"/g' \
+  -e 's/size="md"/size="default"/g' \
+  -e 's/\bchecked={/pressed={/g' \
+  -e 's/defaultChecked=/defaultPressed=/g' \
+  {} +
+
+# CSS Variables
+find src/ -type f \( -name "*.tsx" -o -name "*.css" \) -exec sed -i '' \
+  -e 's/--metric-emerald-/--metric-success-/g' \
+  -e 's/--metric-amber-/--metric-warning-/g' \
+  -e 's/--metric-blue-/--metric-default-/g' \
+  -e 's/--metric-red-/--metric-destructive-/g' \
+  {} +
+
+echo "⚠️  Manual review required for:"
+echo "   - SliderGlass: value={50} → value={[50]}"
+echo "   - ToggleGlass: onChange → onPressedChange"
+echo "   - ComboBoxGlass: onChange → onValueChange"
+```
+
+---
+
+## API Summary Table
+
+| Component         | Old API               | v2.0.0 API                   | Reason                   |
+| ----------------- | --------------------- | ---------------------------- | ------------------------ |
+| **ButtonGlass**   | `variant="primary"`   | `variant="default"`          | shadcn/ui convention     |
+| **ButtonGlass**   | `variant="text"`      | `variant="link"`             | shadcn/ui convention     |
+| **ButtonGlass**   | `size="md"`           | `size="default"`             | shadcn/ui convention     |
+| **ToggleGlass**   | `checked`, `onChange` | `pressed`, `onPressedChange` | shadcn/ui switch pattern |
+| **SliderGlass**   | `value: number`       | `value: number[]`            | Radix UI + range support |
+| **SliderGlass**   | `onChange`            | `onValueChange`              | shadcn/ui convention     |
+| **ComboBoxGlass** | `onChange`            | `onValueChange`              | shadcn/ui convention     |
+
+---
+
+## Why These Changes?
+
+1. **shadcn/ui alignment** — Matches standard naming conventions
+2. **Semantic clarity** — Names describe meaning, not appearance
+3. **Component consistency** — Aligns with variant props
+4. **3-layer token architecture** — Primitive → Semantic → Component tokens
+
+---
+
+## Related Documentation
+
+- [TOKEN_ARCHITECTURE.md](TOKEN_ARCHITECTURE.md) — Complete token system guide
+- [CSS_VARIABLES_MIGRATION_2.0.md](migration/CSS_VARIABLES_MIGRATION_2.0.md) — Detailed CSS
+  migration
+- [THEME_CREATION_GUIDE.md](THEME_CREATION_GUIDE.md) — Create themes in 15 minutes
+
+---
+
+## Need Help?
+
+- [CHANGELOG.md](../CHANGELOG.md) — Complete version history
+- [GitHub Issues](https://github.com/Yhooi2/shadcn-glass-ui-library/issues) — Report migration
+  issues
+
+---
+
+**Last updated:** 2025-12-14

package/docs/COMPONENTS_CATALOG.md

@@ -1,6 +1,6 @@
 # Component Catalog
 
-Searchable index of all **58 components** in shadcn-glass-ui.
+Searchable index of all **57 components** in shadcn-glass-ui.
 
 **v2.0.0 Update:** All components now use the 3-layer token system with semantic CSS variables. Zero
 hardcoded OKLCH values across all components.
@@ -127,13 +127,13 @@ ripple effect, glow
 **Basic:**
 
 ```tsx
-<ButtonGlass variant="primary">Click me</ButtonGlass>
+<ButtonGlass variant="default">Click me</ButtonGlass>
 ```
 
 **With Loading State:**
 
 ```tsx
-<ButtonGlass variant="primary" loading={isLoading} disabled={isLoading}>
+<ButtonGlass variant="default" loading={isLoading} disabled={isLoading}>
   {isLoading ? 'Saving...' : 'Save Changes'}
 </ButtonGlass>
 ```
@@ -222,7 +222,7 @@ effect, accessible **Usage:**
 accessible, animated **Usage:**
 
 ```tsx
-<ToggleGlass checked={enabled} onCheckedChange={setEnabled} label="Enable notifications" />
+<ToggleGlass pressed={enabled} onPressedChange={setEnabled} label="Enable notifications" />
 ```
 
 #### SliderGlass
@@ -293,7 +293,7 @@ trap, scroll lock, click-outside-to-close
 ```tsx
 <ModalGlass.Root open={open} onOpenChange={setOpen}>
   <ModalGlass.Overlay />
-  <ModalGlass.Content size="md">
+  <ModalGlass.Content size="default">
     <ModalGlass.Header>
       <ModalGlass.Title>Create New Project</ModalGlass.Title>
       <ModalGlass.Description>Fill in the details below</ModalGlass.Description>
@@ -308,7 +308,7 @@ trap, scroll lock, click-outside-to-close
       <ButtonGlass variant="ghost" onClick={() => setOpen(false)}>
         Cancel
       </ButtonGlass>
-      <ButtonGlass variant="primary" onClick={handleSubmit}>
+      <ButtonGlass variant="default" onClick={handleSubmit}>
         Create
       </ButtonGlass>
     </ModalGlass.Footer>
@@ -868,7 +868,7 @@ Small, specialized components for specific use cases.
 **File:** `src/components/glass/atomic/icon-button-glass.tsx` **Sizes:** sm, md, lg, xl **Usage:**
 
 ```tsx
-<IconButtonGlass size="md" aria-label="Close">
+<IconButtonGlass size="default" aria-label="Close">
   <X />
 </IconButtonGlass>
 ```
@@ -1167,5 +1167,5 @@ import { TabsGlass, ButtonGlass } from 'shadcn-glass-ui';
 
 ---
 
-**Total Components:** 55 **Total Variants:** 100+ **Accessibility:** WCAG 2.1 AA compliant
+**Total Components:** 57 **Total Variants:** 100+ **Accessibility:** WCAG 2.1 AA compliant
 **TypeScript:** Full type definitions **Themes:** 3 (glass, light, aurora)

package/docs/EXPORTS_STRUCTURE.md

@@ -210,7 +210,7 @@ import {
 
 ```tsx
 // Simple button
-<ButtonGlass variant="default" size="md">Click me</ButtonGlass>
+<ButtonGlass variant="default" size="default">Click me</ButtonGlass>
 
 // Compound Modal API
 <ModalGlass.Root open={open} onOpenChange={setOpen}>
@@ -693,11 +693,11 @@ import {
 - **Level 3 (Specialized):** 10 components
 - **Level 4 (Composite):** 13 components
 - **Level 5 (Sections):** 7 components
-- **Total:** 58 components
+- **Total:** 57 components
 
 ### Export Categories
 
-- **Components:** 58 total
+- **Components:** 57 total
 - **Types:** 25+ prop types, 15+ variant types
 - **Utilities:** 1 function (`cn`)
 - **Hooks:** 4 custom hooks

package/docs/GETTING_STARTED.md

@@ -402,7 +402,7 @@ import { ButtonGlass } from 'shadcn-glass-ui';
 export default function Demo() {
   return (
     <div className="theme-glass p-8">
-      <ButtonGlass variant="primary" size="md" onClick={() => alert('Clicked!')}>
+      <ButtonGlass variant="default" size="default" onClick={() => alert('Clicked!')}>
         Click Me
       </ButtonGlass>
     </div>
@@ -476,7 +476,7 @@ export default function ProductCard() {
 
           <div className="flex items-center justify-between pt-4">
             <span className="text-2xl font-bold">$49</span>
-            <ButtonGlass variant="primary">Purchase</ButtonGlass>
+            <ButtonGlass variant="default">Purchase</ButtonGlass>
           </div>
         </div>
       </GlassCard>
@@ -500,7 +500,12 @@ export default function ModalDemo() {
     <div className="theme-glass p-8">
       <ButtonGlass onClick={() => setIsOpen(true)}>Open Modal</ButtonGlass>
 
-      <ModalGlass isOpen={isOpen} onClose={() => setIsOpen(false)} title="Confirm Action" size="md">
+      <ModalGlass
+        isOpen={isOpen}
+        onClose={() => setIsOpen(false)}
+        title="Confirm Action"
+        size="default"
+      >
         <p className="mb-6">Are you sure you want to proceed?</p>
 
         <div className="flex gap-3 justify-end">
@@ -542,16 +547,16 @@ export default function SettingsPanel() {
 
         <div className="space-y-4">
           <ToggleGlass
-            checked={settings.notifications}
-            onCheckedChange={(checked) =>
-              setSettings((prev) => ({ ...prev, notifications: checked }))
+            pressed={settings.notifications}
+            onPressedChange={(pressed) =>
+              setSettings((prev) => ({ ...prev, notifications: pressed }))
             }
             label="Push Notifications"
           />
 
           <ToggleGlass
-            checked={settings.darkMode}
-            onCheckedChange={(checked) => setSettings((prev) => ({ ...prev, darkMode: checked }))}
+            pressed={settings.darkMode}
+            onPressedChange={(pressed) => setSettings((prev) => ({ ...prev, darkMode: pressed }))}
             label="Dark Mode"
           />
 

package/docs/PUBLISHING.md

@@ -112,7 +112,7 @@ All exported types include comprehensive JSDoc comments:
  *
  * @example
  * ```tsx
- * <ButtonGlass variant="primary" size="md">
+ * <ButtonGlass variant="default" size="default">
  *   Click me
  * </ButtonGlass>
  *

package/docs/REGISTRY_SUMMARY.md

@@ -12,7 +12,7 @@
 
 ### Components Available
 
-- **Total**: 58 components
+- **Total**: 57 components
 - **Categories**:
   - Core UI (18)
   - Atomic (7)
@@ -40,7 +40,7 @@ npx shadcn@latest add @shadcn-glass-ui/button-glass
 
 | Metric          | Value                    |
 | --------------- | ------------------------ |
-| Components      | 58                       |
+| Components      | 57                       |
 | Registry Schema | v4.0                     |
 | TypeScript      | ✅ Full support          |
 | Dependencies    | Auto-installed           |

package/docs/REGISTRY_USAGE.md

@@ -76,7 +76,7 @@ function App() {
   return (
     <ThemeProvider defaultTheme="glass">
       <div className="p-8 space-y-4">
-        <ButtonGlass variant="primary">Click me</ButtonGlass>
+        <ButtonGlass variant="default">Click me</ButtonGlass>
         <InputGlass placeholder="Enter text..." />
       </div>
     </ThemeProvider>

package/docs/api/README.md

@@ -16,13 +16,13 @@
 [![Claude Code](https://img.shields.io/badge/Claude-Code-5865F2?logo=anthropic)](docs/AI_USAGE.md)
 [![GitHub Copilot](https://img.shields.io/badge/GitHub-Copilot-181717?logo=github)](docs/AI_USAGE.md)
 
-Glassmorphism UI library for React - AI-friendly with 58 components, strict TypeScript, and
+Glassmorphism UI library for React - AI-friendly with 57 components, strict TypeScript, and
 comprehensive docs.
 
 ## ✨ Highlights
 
-- 🎨 **58 Components** - Core UI (18) + Atomic (7) + Composite (13) + Sections (7) + Specialized
-  (10) + Primitives (3)
+- 🎨 **57 Components** - Core UI (18) + Atomic (7) + Composite (13) + Sections (7) + Specialized
+  (9) + Primitives (3)
 - 🌈 **3 Themes** - Glass (dark glassmorphism), Light (clean minimal), Aurora (gradient glow)
 - 🤖 **AI-Friendly** - Optimized for Claude Code, Copilot, GPT with comprehensive docs
 - 🔮 **Advanced Patterns** - asChild polymorphic rendering, Compound components (Modal, Tabs)
@@ -103,7 +103,7 @@ function App() {
   return (
     <ThemeProvider defaultTheme="glass">
       <div className="p-8 space-y-4">
-        <ButtonGlass variant="primary" size="lg">
+        <ButtonGlass variant="default" size="lg">
           Click me
         </ButtonGlass>
         <InputGlass placeholder="Enter text..." />
@@ -131,7 +131,7 @@ import { Link } from 'react-router-dom';
 </ButtonGlass>
 
 // Render button as anchor
-<ButtonGlass asChild variant="primary">
+<ButtonGlass asChild variant="default">
   <a href="https://example.com" target="_blank">
     External Link
   </a>
@@ -163,7 +163,7 @@ import { ModalGlass, TabsGlass } from 'shadcn-glass-ui';
     </ModalGlass.Body>
     <ModalGlass.Footer>
       <ButtonGlass onClick={() => setOpen(false)}>Cancel</ButtonGlass>
-      <ButtonGlass variant="primary">Confirm</ButtonGlass>
+      <ButtonGlass variant="default">Confirm</ButtonGlass>
     </ModalGlass.Footer>
   </ModalGlass.Content>
 </ModalGlass.Root>
@@ -282,10 +282,10 @@ support.
 
 Detailed migration guides are available in the [docs/migration/](../../docs/migration) directory:
 
-- **[ModalGlass Compound API](../../docs/migration/modal-glass-compound-api.md)** - Legacy →
-  Compound API
-- **[TabsGlass Compound API](../../docs/migration/tabs-glass-compound-api.md)** - Legacy → Compound
-  API
+- **[Compound Components v2](../../docs/migration/compound-components-v2.md)** - Compound component
+  patterns
+- **[CSS Variables v2.0](../../docs/migration/CSS_VARIABLES_MIGRATION_2.0.md)** - Token migration
+  guide
 
 ### Changelog
 
@@ -404,7 +404,7 @@ individual components from the categories above.
 
 Complete application examples showcasing all components:
 
-- **ComponentShowcase** - Interactive demo of all 58 components with theme switching
+- **ComponentShowcase** - Interactive demo of all 57 components with theme switching
 - **DesktopShowcase** - GitHub Analytics desktop application mockup with glassmorphism design
 - **MobileShowcase** - Mobile-optimized GitHub profile view with responsive layout
 

package/docs/api/interfaces/BadgeGlassProps.md

@@ -1,24 +1,26 @@
 [**shadcn-glass-ui API Reference v1.0.7**](../README.md)
 
-***
+---
 
 [shadcn-glass-ui API Reference](../globals.md) / BadgeGlassProps
 
 # Interface: BadgeGlassProps
 
-Defined in: [src/components/glass/ui/badge-glass.tsx:141](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/badge-glass.tsx#L141)
+Defined in:
+[src/components/glass/ui/badge-glass.tsx:141](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/badge-glass.tsx#L141)
 
 Props for the BadgeGlass component
 
-A glass-themed badge with semantic variants and optional animated status dot.
-Features shadcn/ui compatible variants plus extended Glass UI variants.
+A glass-themed badge with semantic variants and optional animated status dot. Features shadcn/ui
+compatible variants plus extended Glass UI variants.
 
 ## Accessibility
 
 - **Keyboard Navigation:** Badges are non-interactive by default (display-only)
 - **Focus Management:** N/A - badges do not receive focus unless wrapped in interactive elements
 - **Screen Readers:** Semantic `<span>` element, content announced naturally
-- **Status Indicators:** Use `aria-label` to provide context for status badges (e.g., "Status: Active")
+- **Status Indicators:** Use `aria-label` to provide context for status badges (e.g., "Status:
+  Active")
 - **Animated Dot:** Pulse animation respects `prefers-reduced-motion` settings
 - **Touch Targets:** N/A for display badges, ensure 44x44px if wrapping in button/link (WCAG 2.5.5)
 - **Color Contrast:** All variant text meets WCAG AA contrast ratio 4.5:1 against badge background
@@ -56,7 +58,7 @@ Features shadcn/ui compatible variants plus extended Glass UI variants.
 
 // Size variants
 <BadgeGlass size="sm">Small</BadgeGlass>
-<BadgeGlass size="md">Medium</BadgeGlass>
+<BadgeGlass size="default">Medium</BadgeGlass>
 <BadgeGlass size="lg">Large</BadgeGlass>
 
 // Inside interactive elements (ensure accessible labels)
@@ -75,7 +77,8 @@ Features shadcn/ui compatible variants plus extended Glass UI variants.
 
 ## Extends
 
-- `Omit`\<`React.HTMLAttributes`\<`HTMLSpanElement`\>, `"style"`\>.`VariantProps`\<*typeof* [`badgeVariants`](../variables/badgeVariants.md)\>
+- `Omit`\<`React.HTMLAttributes`\<`HTMLSpanElement`\>, `"style"`\>.`VariantProps`\<_typeof_
+  [`badgeVariants`](../variables/badgeVariants.md)\>
 
 ## Properties
 
@@ -83,35 +86,39 @@ Features shadcn/ui compatible variants plus extended Glass UI variants.
 
 > `readonly` **children**: `ReactNode`
 
-Defined in: [src/components/glass/ui/badge-glass.tsx:144](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/badge-glass.tsx#L144)
+Defined in:
+[src/components/glass/ui/badge-glass.tsx:144](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/badge-glass.tsx#L144)
 
 #### Overrides
 
 `Omit.children`
 
-***
+---
 
 ### variant?
 
 > `readonly` `optional` **variant**: [`BadgeVariant`](../type-aliases/BadgeVariant.md)
 
-Defined in: [src/components/glass/ui/badge-glass.tsx:145](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/badge-glass.tsx#L145)
+Defined in:
+[src/components/glass/ui/badge-glass.tsx:145](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/badge-glass.tsx#L145)
 
-***
+---
 
 ### dot?
 
 > `readonly` `optional` **dot**: `boolean`
 
-Defined in: [src/components/glass/ui/badge-glass.tsx:146](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/badge-glass.tsx#L146)
+Defined in:
+[src/components/glass/ui/badge-glass.tsx:146](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/badge-glass.tsx#L146)
 
-***
+---
 
 ### size?
 
 > `optional` **size**: `"sm"` \| `"md"` \| `"lg"` \| `null`
 
-Defined in: [src/lib/variants/badge-glass-variants.ts:24](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/variants/badge-glass-variants.ts#L24)
+Defined in:
+[src/lib/variants/badge-glass-variants.ts:24](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/variants/badge-glass-variants.ts#L24)
 
 #### Inherited from