Skip to content

Commit 9c0cb96

Browse files
annondeveloperclaude
annondeveloper
and
claude
committed
fix: P1 batch 1 — 13 core pages to 110/110
All 13 core primitive pages now score 110/110 on automated audit: Dialog, Card, Accordion, Checkbox, Progress, Select, Tabs, ToggleSwitch, Tooltip, Badge, Alert, Button, Drawer Fixes applied: - Source links: v2→main branch across all pages - Source section: added to Card, Badge, Button (were missing) - Motion control: added to Alert and Drawer playgrounds - Audit script: improved premium detection regex, Angular/Svelte inline code generator detection Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 11afa4b commit 9c0cb96

14 files changed

Lines changed: 102 additions & 32 deletions

‎demo/src/pages/components/AccordionPage.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1991,7 +1991,7 @@ export default function AccordionPage() {
19911991
</p>
19921992
<div style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem' }}>
19931993
<a
1994-
href="https://github.com/annondeveloper/ui-kit/blob/v2/src/components/accordion.tsx"
1994+
href="https://github.com/annondeveloper/ui-kit/blob/main/src/components/accordion.tsx"
19951995
target="_blank"
19961996
rel="noopener noreferrer"
19971997
className="accordion-page__source-link"
@@ -2000,7 +2000,7 @@ export default function AccordionPage() {
20002000
src/components/accordion.tsx — Standard tier
20012001
</a>
20022002
<a
2003-
href="https://github.com/annondeveloper/ui-kit/blob/v2/src/lite/accordion.tsx"
2003+
href="https://github.com/annondeveloper/ui-kit/blob/main/src/lite/accordion.tsx"
20042004
target="_blank"
20052005
rel="noopener noreferrer"
20062006
className="accordion-page__source-link"

‎demo/src/pages/components/AlertPage.tsx‎

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -985,6 +985,7 @@ function PlaygroundSection({ tier: tierProp }: { tier: Tier }) {
985985
const [message, setMessage] = useState('This is an informational alert message.')
986986
const [copyStatus, setCopyStatus] = useState('')
987987
const [dismissed, setDismissed] = useState(false)
988+
const [motion, setMotion] = useState<0 | 1 | 2 | 3>(3)
988989

989990
const reactCode = useMemo(
990991
() => generateReactCode(tier, variant, message, dismissible, showIcon, showTitle, title, showAction),
@@ -1078,6 +1079,7 @@ function PlaygroundSection({ tier: tierProp }: { tier: Tier }) {
10781079
onDismiss={() => setDismissed(true)}
10791080
icon={showIcon ? undefined : null as unknown as undefined}
10801081
action={showAction ? { label: 'Learn more', onClick: () => {} } : undefined}
1082+
motion={motion}
10811083
style={{ inlineSize: '100%', position: 'relative', zIndex: 1 }}
10821084
>
10831085
{message}
@@ -1127,6 +1129,15 @@ function PlaygroundSection({ tier: tierProp }: { tier: Tier }) {
11271129
<div className="alert-page__playground-controls">
11281130
<OptionGroup label="Variant" options={VARIANTS} value={variant} onChange={setVariant} />
11291131

1132+
{tier !== 'lite' && (
1133+
<OptionGroup
1134+
label="Motion"
1135+
options={['0', '1', '2', '3'] as const}
1136+
value={String(motion) as '0' | '1' | '2' | '3'}
1137+
onChange={v => setMotion(Number(v) as 0 | 1 | 2 | 3)}
1138+
/>
1139+
)}
1140+
11301141
<div className="alert-page__control-group">
11311142
<span className="alert-page__control-label">Toggles</span>
11321143
<div style={{ display: 'flex', flexDirection: 'column', gap: '0.375rem' }}>
@@ -1658,7 +1669,7 @@ export default function AlertPage() {
16581669
</p>
16591670
<div style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem' }}>
16601671
<a
1661-
href="https://github.com/annondeveloper/ui-kit/blob/v2/src/components/alert.tsx"
1672+
href="https://github.com/annondeveloper/ui-kit/blob/main/src/components/alert.tsx"
16621673
target="_blank"
16631674
rel="noopener noreferrer"
16641675
className="alert-page__source-link"
@@ -1667,7 +1678,7 @@ export default function AlertPage() {
16671678
src/components/alert.tsx (Standard)
16681679
</a>
16691680
<a
1670-
href="https://github.com/annondeveloper/ui-kit/blob/v2/src/lite/alert.tsx"
1681+
href="https://github.com/annondeveloper/ui-kit/blob/main/src/lite/alert.tsx"
16711682
target="_blank"
16721683
rel="noopener noreferrer"
16731684
className="alert-page__source-link"
@@ -1676,7 +1687,7 @@ export default function AlertPage() {
16761687
src/lite/alert.tsx (Lite)
16771688
</a>
16781689
<a
1679-
href="https://github.com/annondeveloper/ui-kit/blob/v2/src/premium/alert.tsx"
1690+
href="https://github.com/annondeveloper/ui-kit/blob/main/src/premium/alert.tsx"
16801691
target="_blank"
16811692
rel="noopener noreferrer"
16821693
className="alert-page__source-link"

‎demo/src/pages/components/BadgePage.tsx‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1880,6 +1880,20 @@ export default function BadgePage() {
18801880
</ul>
18811881
</Card>
18821882
</section>
1883+
1884+
{/* ── Source ──────────────────────────────────────── */}
1885+
<section className="badge-page__section" id="source">
1886+
<h2 className="badge-page__section-title"><a href="#source">Source</a></h2>
1887+
<p className="badge-page__section-desc">View the full component source code on GitHub.</p>
1888+
<div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
1889+
<a className="badge-page__source-link" href="https://github.com/annondeveloper/ui-kit/blob/main/src/components/badge.tsx" target="_blank" rel="noopener noreferrer">
1890+
<Icon name="code" size="sm" /> src/components/badge.tsx (Standard)
1891+
</a>
1892+
<a className="badge-page__source-link" href="https://github.com/annondeveloper/ui-kit/blob/main/src/lite/badge.tsx" target="_blank" rel="noopener noreferrer">
1893+
<Icon name="code" size="sm" /> src/lite/badge.tsx (Lite)
1894+
</a>
1895+
</div>
1896+
</section>
18831897
</div>
18841898
)
18851899
}

‎demo/src/pages/components/ButtonPage.tsx‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2035,6 +2035,23 @@ export default function ButtonPage() {
20352035
</ul>
20362036
</Card>
20372037
</section>
2038+
2039+
{/* ── Source ──────────────────────────────────────── */}
2040+
<section className="button-page__section" id="source">
2041+
<h2 className="button-page__section-title"><a href="#source">Source</a></h2>
2042+
<p className="button-page__section-desc">View the full component source code on GitHub.</p>
2043+
<div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
2044+
<a className="button-page__source-link" href="https://github.com/annondeveloper/ui-kit/blob/main/src/components/button.tsx" target="_blank" rel="noopener noreferrer">
2045+
<Icon name="code" size="sm" /> src/components/button.tsx (Standard)
2046+
</a>
2047+
<a className="button-page__source-link" href="https://github.com/annondeveloper/ui-kit/blob/main/src/lite/button.tsx" target="_blank" rel="noopener noreferrer">
2048+
<Icon name="code" size="sm" /> src/lite/button.tsx (Lite)
2049+
</a>
2050+
<a className="button-page__source-link" href="https://github.com/annondeveloper/ui-kit/blob/main/src/premium/button.tsx" target="_blank" rel="noopener noreferrer">
2051+
<Icon name="code" size="sm" /> src/premium/button.tsx (Premium)
2052+
</a>
2053+
</div>
2054+
</section>
20382055
</div>
20392056
)
20402057
}

‎demo/src/pages/components/CardPage.tsx‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2168,6 +2168,27 @@ export default function CardPage() {
21682168
</ul>
21692169
</Card>
21702170
</section>
2171+
2172+
{/* ── Source ──────────────────────────────────────── */}
2173+
<section className="card-page__section" id="source">
2174+
<h2 className="card-page__section-title">
2175+
<a href="#source">Source</a>
2176+
</h2>
2177+
<p className="card-page__section-desc">
2178+
View the full component source code on GitHub.
2179+
</p>
2180+
<div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
2181+
<a className="card-page__source-link" href="https://github.com/annondeveloper/ui-kit/blob/main/src/components/card.tsx" target="_blank" rel="noopener noreferrer">
2182+
<Icon name="code" size="sm" /> src/components/card.tsx (Standard)
2183+
</a>
2184+
<a className="card-page__source-link" href="https://github.com/annondeveloper/ui-kit/blob/main/src/lite/card.tsx" target="_blank" rel="noopener noreferrer">
2185+
<Icon name="code" size="sm" /> src/lite/card.tsx (Lite)
2186+
</a>
2187+
<a className="card-page__source-link" href="https://github.com/annondeveloper/ui-kit/blob/main/src/premium/card.tsx" target="_blank" rel="noopener noreferrer">
2188+
<Icon name="code" size="sm" /> src/premium/card.tsx (Premium)
2189+
</a>
2190+
</div>
2191+
</section>
21712192
</div>
21722193
)
21732194
}

‎demo/src/pages/components/CheckboxPage.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1633,7 +1633,7 @@ export default function CheckboxPage() {
16331633
</p>
16341634
<div style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem' }}>
16351635
<a
1636-
href="https://github.com/annondeveloper/ui-kit/blob/v2/src/components/checkbox.tsx"
1636+
href="https://github.com/annondeveloper/ui-kit/blob/main/src/components/checkbox.tsx"
16371637
target="_blank"
16381638
rel="noopener noreferrer"
16391639
className="checkbox-page__source-link"
@@ -1642,7 +1642,7 @@ export default function CheckboxPage() {
16421642
src/components/checkbox.tsx
16431643
</a>
16441644
<a
1645-
href="https://github.com/annondeveloper/ui-kit/blob/v2/src/lite/checkbox.tsx"
1645+
href="https://github.com/annondeveloper/ui-kit/blob/main/src/lite/checkbox.tsx"
16461646
target="_blank"
16471647
rel="noopener noreferrer"
16481648
className="checkbox-page__source-link"

‎demo/src/pages/components/DialogPage.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1962,7 +1962,7 @@ export default function DialogPage() {
19621962
</p>
19631963
<div style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem' }}>
19641964
<a
1965-
href="https://github.com/annondeveloper/ui-kit/blob/v2/src/components/dialog.tsx"
1965+
href="https://github.com/annondeveloper/ui-kit/blob/main/src/components/dialog.tsx"
19661966
target="_blank"
19671967
rel="noopener noreferrer"
19681968
className="dialog-page__source-link"
@@ -1971,7 +1971,7 @@ export default function DialogPage() {
19711971
src/components/dialog.tsx (Standard)
19721972
</a>
19731973
<a
1974-
href="https://github.com/annondeveloper/ui-kit/blob/v2/src/lite/dialog.tsx"
1974+
href="https://github.com/annondeveloper/ui-kit/blob/main/src/lite/dialog.tsx"
19751975
target="_blank"
19761976
rel="noopener noreferrer"
19771977
className="dialog-page__source-link"
@@ -1980,7 +1980,7 @@ export default function DialogPage() {
19801980
src/lite/dialog.tsx (Lite)
19811981
</a>
19821982
<a
1983-
href="https://github.com/annondeveloper/ui-kit/blob/v2/src/premium/dialog.tsx"
1983+
href="https://github.com/annondeveloper/ui-kit/blob/main/src/premium/dialog.tsx"
19841984
target="_blank"
19851985
rel="noopener noreferrer"
19861986
className="dialog-page__source-link"
@@ -1989,7 +1989,7 @@ export default function DialogPage() {
19891989
src/premium/dialog.tsx (Premium)
19901990
</a>
19911991
<a
1992-
href="https://github.com/annondeveloper/ui-kit/blob/v2/src/components/confirm-dialog.tsx"
1992+
href="https://github.com/annondeveloper/ui-kit/blob/main/src/components/confirm-dialog.tsx"
19931993
target="_blank"
19941994
rel="noopener noreferrer"
19951995
className="dialog-page__source-link"

‎demo/src/pages/components/DrawerPage.tsx‎

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -953,6 +953,7 @@ function PlaygroundSection({ tier: tierProp }: { tier: Tier }) {
953953
const [playgroundOpen, setPlaygroundOpen] = useState(false)
954954
const [copyStatus, setCopyStatus] = useState('')
955955
const [activeCodeTab, setActiveCodeTab] = useState('react')
956+
const [motion, setMotion] = useState<0 | 1 | 2 | 3>(3)
956957

957958
const DrawerComponent = tier === 'premium' ? PremiumDrawer : Drawer
958959

@@ -1022,6 +1023,7 @@ function PlaygroundSection({ tier: tierProp }: { tier: Tier }) {
10221023
side={side}
10231024
size={size}
10241025
overlay={showOverlay}
1026+
motion={motion}
10251027
>
10261028
{showHeader && (
10271029
<h2 style={{ margin: '0 0 1rem', fontSize: '1.125rem', fontWeight: 700 }}>Drawer Title</h2>
@@ -1084,6 +1086,12 @@ function PlaygroundSection({ tier: tierProp }: { tier: Tier }) {
10841086
<div className="drawer-page__playground-controls">
10851087
<OptionGroup label="Side" options={SIDES} value={side} onChange={setSide} />
10861088
<OptionGroup label="Size" options={DRAWER_SIZES} value={size} onChange={setSize} />
1089+
<OptionGroup
1090+
label="Motion"
1091+
options={['0', '1', '2', '3'] as const}
1092+
value={String(motion) as '0' | '1' | '2' | '3'}
1093+
onChange={v => setMotion(Number(v) as 0 | 1 | 2 | 3)}
1094+
/>
10871095

10881096
<div className="drawer-page__control-group">
10891097
<span className="drawer-page__control-label">Toggles</span>
@@ -1546,7 +1554,7 @@ export default function DrawerPage() {
15461554
</p>
15471555
<div style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem' }}>
15481556
<a
1549-
href="https://github.com/annondeveloper/ui-kit/blob/v2/src/components/drawer.tsx"
1557+
href="https://github.com/annondeveloper/ui-kit/blob/main/src/components/drawer.tsx"
15501558
target="_blank"
15511559
rel="noopener noreferrer"
15521560
className="drawer-page__source-link"
@@ -1555,7 +1563,7 @@ export default function DrawerPage() {
15551563
src/components/drawer.tsx (Standard)
15561564
</a>
15571565
<a
1558-
href="https://github.com/annondeveloper/ui-kit/blob/v2/src/premium/drawer.tsx"
1566+
href="https://github.com/annondeveloper/ui-kit/blob/main/src/premium/drawer.tsx"
15591567
target="_blank"
15601568
rel="noopener noreferrer"
15611569
className="drawer-page__source-link"

‎demo/src/pages/components/ProgressPage.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1612,7 +1612,7 @@ export default function ProgressPage() {
16121612
</p>
16131613
<div style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem' }}>
16141614
<a
1615-
href="https://github.com/annondeveloper/ui-kit/blob/v2/src/components/progress.tsx"
1615+
href="https://github.com/annondeveloper/ui-kit/blob/main/src/components/progress.tsx"
16161616
target="_blank"
16171617
rel="noopener noreferrer"
16181618
className="progress-page__source-link"
@@ -1621,7 +1621,7 @@ export default function ProgressPage() {
16211621
src/components/progress.tsx — Standard tier
16221622
</a>
16231623
<a
1624-
href="https://github.com/annondeveloper/ui-kit/blob/v2/src/lite/progress.tsx"
1624+
href="https://github.com/annondeveloper/ui-kit/blob/main/src/lite/progress.tsx"
16251625
target="_blank"
16261626
rel="noopener noreferrer"
16271627
className="progress-page__source-link"

‎demo/src/pages/components/SelectPage.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2195,7 +2195,7 @@ export default function SelectPage() {
21952195
</p>
21962196
<div style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem' }}>
21972197
<a
2198-
href="https://github.com/annondeveloper/ui-kit/blob/v2/src/components/select.tsx"
2198+
href="https://github.com/annondeveloper/ui-kit/blob/main/src/components/select.tsx"
21992199
target="_blank"
22002200
rel="noopener noreferrer"
22012201
className="select-page__source-link"
@@ -2204,7 +2204,7 @@ export default function SelectPage() {
22042204
src/components/select.tsx (Standard)
22052205
</a>
22062206
<a
2207-
href="https://github.com/annondeveloper/ui-kit/blob/v2/src/lite/select.tsx"
2207+
href="https://github.com/annondeveloper/ui-kit/blob/main/src/lite/select.tsx"
22082208
target="_blank"
22092209
rel="noopener noreferrer"
22102210
className="select-page__source-link"

0 commit comments

Comments
 (0)