npm - ranui - Versions diffs - 0.1.10-alpha.9 → 0.2.0-alpha.1 - Mend

ranui 0.1.10-alpha.9 → 0.2.0-alpha.1

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.

Files changed (326) hide show

package/README.md +397 -0
package/README.zh-CN.md +216 -37
package/dist/assets/image/failImage.d.ts +2 -0
package/dist/bin/generate-component-api.d.ts +1 -0
package/dist/bin/generate-style-docs.d.ts +1 -0
package/dist/build/config.bundle.d.ts +2 -0
package/dist/build/config.d.ts +3 -0
package/dist/build/config.es.d.ts +2 -0
package/dist/build/config.umd.d.ts +1 -0
package/dist/builder.d.ts +11 -0
package/dist/builder.js +39 -0
package/dist/button-BstLjXNe.js +117 -0
package/dist/button.js +3 -5
package/dist/card-DQUJoDUQ.js +60 -0
package/dist/card.js +5 -0
package/dist/checkbox-iHZQb-yQ.js +94 -0
package/dist/checkbox.js +3 -5
package/dist/colorpicker-CGh8pRqo.js +315 -0
package/dist/colorpicker.js +3 -9
package/dist/components/button/index.d.ts +44 -0
package/dist/components/card/index.d.ts +21 -0
package/dist/components/checkbox/index.d.ts +35 -0
package/dist/components/colorpicker/index.d.ts +99 -0
package/dist/components/dropdown/index.d.ts +30 -0
package/dist/components/form/index.d.ts +15 -0
package/dist/components/icon/index.d.ts +58 -0
package/dist/components/image/index.d.ts +31 -0
package/dist/components/input/index.d.ts +222 -0
package/dist/components/link/index.d.ts +21 -0
package/dist/components/loading/index.d.ts +76 -0
package/dist/components/math/index.d.ts +16 -0
package/dist/components/message/container.d.ts +8 -0
package/dist/components/message/index.d.ts +32 -0
package/dist/components/modal/index.d.ts +100 -0
package/dist/components/player/core/constants.d.ts +5 -0
package/dist/components/player/core/controller.d.ts +33 -0
package/dist/components/player/core/events.d.ts +10 -0
package/dist/components/player/core/fullscreen.d.ts +5 -0
package/dist/components/player/core/levels.d.ts +20 -0
package/dist/components/player/core/media.d.ts +50 -0
package/dist/components/player/core/playback.d.ts +14 -0
package/dist/components/player/core/progress.d.ts +2 -0
package/dist/components/player/core/state.d.ts +27 -0
package/dist/components/player/core/view.d.ts +38 -0
package/dist/components/player/index.d.ts +276 -0
package/dist/components/popover/content/index.d.ts +12 -0
package/dist/components/popover/index.d.ts +93 -0
package/dist/components/progress/index.d.ts +40 -0
package/dist/components/radar/index.d.ts +52 -0
package/dist/components/route/index.d.ts +26 -0
package/dist/components/router/index.d.ts +24 -0
package/dist/components/scratch/index.d.ts +19 -0
package/dist/components/section/index.d.ts +23 -0
package/dist/components/select/dropdown-item/index.d.ts +21 -0
package/dist/components/select/index.d.ts +150 -0
package/dist/components/select/option/index.d.ts +19 -0
package/dist/components/skeleton/index.d.ts +13 -0
package/dist/components/tab/index.d.ts +58 -0
package/dist/components/tabpane/index.d.ts +33 -0
package/dist/demo/i18n.d.ts +4 -0
package/dist/demo/index.d.ts +3 -0
package/dist/demo/register-icons.d.ts +1 -0
package/dist/dropdown-RqHMRhFE.js +76 -0
package/dist/dropdown.js +6 -0
package/dist/events-C59wGdni.js +30 -0
package/dist/factory-BdsO0dEW.js +165 -0
package/dist/form-05Lxxl3D.js +44 -0
package/dist/form.js +5 -0
package/dist/icon-Blm7AbyY.js +167 -0
package/dist/icon.js +4 -4
package/dist/{index-KS2nvVcO.js → image-DKm6z7YQ.js} +60 -71
package/dist/image.js +3 -2
package/dist/index.cjs +35 -0
package/dist/index.d.ts +277 -114
package/dist/index.iife.js +306 -0
package/dist/index.js +78 -38
package/dist/input-Dskw1bAl.js +186 -0
package/dist/input.js +2 -3
package/dist/katex-es-BTpuCxxV.cjs +261 -0
package/dist/katex-es-CKRwcaiU.js +23682 -0
package/dist/link-BW-gvrpN.js +77 -0
package/dist/link.js +6 -0
package/dist/loading-C4QUpm70.js +206 -0
package/dist/loading.js +4 -6
package/dist/math-Dv4nXSoI.js +52 -0
package/dist/math.js +2 -4
package/dist/message-De5e1txT.js +137 -0
package/dist/message.js +3 -4
package/dist/mocks-CMGoftIc.js +179 -0
package/dist/modal-DruDj3AB.js +350 -0
package/dist/modal.js +3 -2
package/dist/player-CqTAmg_E.js +13534 -0
package/dist/player.js +3 -6
package/dist/playwright.config.d.ts +2 -0
package/dist/plugins/load-svg.d.ts +9 -0
package/dist/popover-BY32HNMl.js +206 -0
package/dist/popover.js +3 -5
package/dist/progress-gZo0knzu.js +123 -0
package/dist/progress.js +3 -5
package/dist/radar-19P5Mtld.js +181 -0
package/dist/radar.js +3 -4
package/dist/ranui.css +1 -0
package/dist/route-BY_E6-2C.js +88 -0
package/dist/route.js +6 -0
package/dist/router-BDcv4F-2.js +79 -0
package/dist/router.js +6 -0
package/dist/scratch-Dbd9G6Q6.js +60 -0
package/dist/scratch.js +4 -0
package/dist/section-CNTvgdQ-.js +63 -0
package/dist/section.js +5 -0
package/dist/select-BVdUtQX5.js +454 -0
package/dist/select.js +3 -8
package/dist/signal-XHfNsQNW.js +57 -0
package/dist/skeleton-BAdJ6vyA.js +32 -0
package/dist/skeleton.js +3 -2
package/dist/ssg.js +21 -0
package/dist/ssr-DSGwPtEd.js +34 -0
package/dist/ssr-stream.d.ts +1 -0
package/dist/ssr-stream.js +87 -0
package/dist/ssr.d.ts +1 -0
package/dist/ssr.js +7 -0
package/dist/style.d.ts +1 -0
package/dist/style.js +0 -0
package/dist/tab-DH2owP2V.js +184 -0
package/dist/tab.js +3 -4
package/dist/tabpane-B_M-Jokw.js +87 -0
package/dist/tabpane.js +3 -2
package/dist/test/e2e/button.spec.d.ts +1 -0
package/dist/test/e2e/checkbox.spec.d.ts +1 -0
package/dist/test/e2e/helpers.d.ts +13 -0
package/dist/test/e2e/icon.spec.d.ts +1 -0
package/dist/test/e2e/image.spec.d.ts +1 -0
package/dist/test/e2e/input.spec.d.ts +1 -0
package/dist/test/e2e/loading.spec.d.ts +1 -0
package/dist/test/e2e/message.spec.d.ts +1 -0
package/dist/test/e2e/modal.spec.d.ts +1 -0
package/dist/test/e2e/popover.spec.d.ts +1 -0
package/dist/test/e2e/progress.spec.d.ts +1 -0
package/dist/test/e2e/radar.spec.d.ts +1 -0
package/dist/test/e2e/select.spec.d.ts +1 -0
package/dist/test/e2e/skeleton.spec.d.ts +1 -0
package/dist/test/e2e/tab.spec.d.ts +1 -0
package/dist/test/e2e/visual/colorpicker.spec.d.ts +1 -0
package/dist/test/e2e/visual/components.spec.d.ts +1 -0
package/dist/test/e2e/visual/player.spec.d.ts +1 -0
package/dist/test/integration/composition.test.d.ts +23 -0
package/dist/test/setup.d.ts +0 -0
package/dist/test/ssr/builder.core.ssr.test.d.ts +1 -0
package/dist/test/ssr/builder.factory.ssr.test.d.ts +1 -0
package/dist/test/ssr/builder.mocks.test.d.ts +1 -0
package/dist/test/ssr/components/button.test.d.ts +1 -0
package/dist/test/ssr/css-vars.test.d.ts +1 -0
package/dist/test/ssr/registry.test.d.ts +1 -0
package/dist/test/ssr/router.ssg.test.d.ts +2 -0
package/dist/test/ssr/snapshots/button.test.d.ts +1 -0
package/dist/test/ssr/stream.test.d.ts +2 -0
package/dist/test/ssr/theme.tokens.ssr.test.d.ts +1 -0
package/dist/test/unit/builder.core.browser.test.d.ts +1 -0
package/dist/test/unit/builder.escape.test.d.ts +1 -0
package/dist/test/unit/builder.selectors.test.d.ts +1 -0
package/dist/test/unit/button.contract.test.d.ts +1 -0
package/dist/test/unit/card.contract.test.d.ts +1 -0
package/dist/test/unit/checkbox.contract.test.d.ts +1 -0
package/dist/test/unit/colorpicker.color.utils.test.d.ts +1 -0
package/dist/test/unit/colorpicker.contract.test.d.ts +1 -0
package/dist/test/unit/colorpicker.methods.test.d.ts +1 -0
package/dist/test/unit/component.helpers.test.d.ts +1 -0
package/dist/test/unit/dropdown-item.contract.test.d.ts +1 -0
package/dist/test/unit/dropdown.contract.test.d.ts +1 -0
package/dist/test/unit/form.contract.test.d.ts +1 -0
package/dist/test/unit/helpers/component.d.ts +3 -0
package/dist/test/unit/helpers/dom.d.ts +2 -0
package/dist/test/unit/icon.contract.test.d.ts +1 -0
package/dist/test/unit/image.contract.test.d.ts +1 -0
package/dist/test/unit/input.contract.test.d.ts +1 -0
package/dist/test/unit/link.contract.test.d.ts +1 -0
package/dist/test/unit/loading.contract.test.d.ts +1 -0
package/dist/test/unit/math.contract.test.d.ts +1 -0
package/dist/test/unit/message.component.test.d.ts +1 -0
package/dist/test/unit/message.container.test.d.ts +1 -0
package/dist/test/unit/modal.contract.test.d.ts +1 -0
package/dist/test/unit/option.contract.test.d.ts +1 -0
package/dist/test/unit/package-exports.source.test.d.ts +1 -0
package/dist/test/unit/player-controls.test.d.ts +1 -0
package/dist/test/unit/player-core.test.d.ts +1 -0
package/dist/test/unit/player-event-handlers.test.d.ts +1 -0
package/dist/test/unit/player-events.test.d.ts +1 -0
package/dist/test/unit/player-fullscreen.test.d.ts +1 -0
package/dist/test/unit/player-interactions.test.d.ts +1 -0
package/dist/test/unit/player-levels.test.d.ts +1 -0
package/dist/test/unit/player-media.test.d.ts +1 -0
package/dist/test/unit/player-playback.test.d.ts +1 -0
package/dist/test/unit/player.contract.test.d.ts +1 -0
package/dist/test/unit/popover-accessibility.test.d.ts +1 -0
package/dist/test/unit/popover.contract.test.d.ts +2 -0
package/dist/test/unit/progress.contract.test.d.ts +1 -0
package/dist/test/unit/radar.contract.test.d.ts +1 -0
package/dist/test/unit/route.contract.test.d.ts +1 -0
package/dist/test/unit/router.contract.test.d.ts +2 -0
package/dist/test/unit/scratch.contract.test.d.ts +1 -0
package/dist/test/unit/select-accessibility.test.d.ts +1 -0
package/dist/test/unit/select-option.contract.test.d.ts +1 -0
package/dist/test/unit/select.contract.test.d.ts +1 -0
package/dist/test/unit/skeleton.contract.test.d.ts +1 -0
package/dist/test/unit/ssr.test.d.ts +1 -0
package/dist/test/unit/tab.contract.test.d.ts +2 -0
package/dist/test/unit/theme.semantic-tokens.test.d.ts +1 -0
package/dist/test/unit/theme.skin-tokens.test.d.ts +1 -0
package/dist/test/unit/utils.dom.test.d.ts +1 -0
package/dist/test/unit/utils.error.test.d.ts +1 -0
package/dist/test/unit/utils.i18n.test.d.ts +1 -0
package/dist/test/unit/utils.image.test.d.ts +1 -0
package/dist/test/unit/utils.math.test.d.ts +1 -0
package/dist/test/unit/utils.router.test.d.ts +1 -0
package/dist/test/unit/utils.signal.test.d.ts +1 -0
package/dist/test/unit/utils.ssr-stream.test.d.ts +1 -0
package/dist/test/unit/utils.style.test.d.ts +1 -0
package/dist/test/unit/utils.theme.test.d.ts +1 -0
package/dist/test/unit/utils.tween.test.d.ts +1 -0
package/dist/tsconfig.json +8 -8
package/dist/typings.d.ts +163 -114
package/dist/utils/builder/core.d.ts +70 -0
package/dist/utils/builder/env.d.ts +1 -0
package/dist/utils/builder/escape.d.ts +2 -0
package/dist/utils/builder/events.d.ts +55 -0
package/dist/utils/builder/factory.d.ts +18 -0
package/dist/utils/builder/index.d.ts +9 -0
package/dist/utils/builder/mocks.d.ts +62 -0
package/dist/utils/builder/selectors.d.ts +4 -0
package/dist/utils/builder/signal.d.ts +87 -0
package/dist/utils/color.d.ts +52 -0
package/dist/utils/component.d.ts +16 -0
package/dist/utils/dom.d.ts +39 -0
package/dist/utils/error.d.ts +6 -0
package/dist/utils/i18n/index.d.ts +53 -0
package/dist/utils/i18n.js +88 -0
package/dist/utils/image.d.ts +39 -0
package/dist/utils/index.d.ts +8 -0
package/dist/utils/math.d.ts +26 -0
package/dist/utils/router/index.d.ts +128 -0
package/dist/utils/router.js +197 -0
package/dist/utils/ssg.d.ts +49 -0
package/dist/utils/ssr-registry.d.ts +8 -0
package/dist/utils/ssr-stream.d.ts +23 -0
package/dist/utils/ssr.d.ts +17 -0
package/dist/utils/style.d.ts +12 -0
package/dist/utils/theme.d.ts +9 -0
package/dist/utils/tween.d.ts +21 -0
package/dist/utils/video.d.ts +40 -0
package/dist/utils-D4pPF77E.js +689 -0
package/dist/vite.config.d.ts +6 -0
package/dist/vitest.config.d.ts +2 -0
package/dist/vitest.config.ssr.d.ts +2 -0
package/docs/COMPONENTS.md +324 -0
package/docs/DESIGN.md +198 -0
package/docs/style-tokens-public.md +880 -0
package/package.json +137 -78
package/typings.d.ts +163 -114
package/dist/_commonjs-dynamic-modules-DLbDWi6a.js +0 -12
package/dist/add-user-BN1JlY7e.js +0 -4
package/dist/arrow-down-B_hCY3Wt.js +0 -662
package/dist/book-nTEFXU2x.js +0 -4
package/dist/check-circle-fill-B_pd8ZSs.js +0 -4
package/dist/check-circle-szyAJiap.js +0 -4
package/dist/close-CFnkhudp.js +0 -4
package/dist/close-circle-CwmuN2C6.js +0 -4
package/dist/close-circle-fill-jSqPPw9i.js +0 -4
package/dist/colz-DJZvo_8B.js +0 -232
package/dist/docx-CHkPTdGU.js +0 -3665
package/dist/drop-4j4abxje.js +0 -36
package/dist/eye-D_mEt17f.js +0 -4
package/dist/eye-close-BVr3NJtg.js +0 -4
package/dist/home-BUQ4USMk.js +0 -4
package/dist/iconShadowless.js +0 -6
package/dist/index-15M0olqa.js +0 -204
package/dist/index-1v568_nq.js +0 -140
package/dist/index-B897keW5.js +0 -279
package/dist/index-BZR0HaP2.js +0 -40
package/dist/index-B_GuEcTd.js +0 -9575
package/dist/index-Bc2Bcl8D.js +0 -63701
package/dist/index-C4Sv0T51.js +0 -495
package/dist/index-C6RcMHoH.js +0 -187
package/dist/index-C9z10IgG.js +0 -103
package/dist/index-CFjEuvBW.js +0 -308
package/dist/index-CGEx9VOA.js +0 -17106
package/dist/index-CGYfjKUV.js +0 -72
package/dist/index-CQTJoWhb.js +0 -19
package/dist/index-CiWwvEMM.js +0 -511
package/dist/index-CkM9ENTf.js +0 -496
package/dist/index-CtVOgBDk.js +0 -659
package/dist/index-D4qUro5V.js +0 -279
package/dist/index-D4y9c1Dj.js +0 -310
package/dist/index-DAxs7Dd2.js +0 -119
package/dist/index-DC5EA657.js +0 -91
package/dist/index-DJZmDHz-.js +0 -146
package/dist/index-D_CA5VDZ.js +0 -158
package/dist/index-WfFw4LJT.js +0 -490
package/dist/index-mhFL9MJp.js +0 -320
package/dist/info-circle-COnL5bTJ.js +0 -4
package/dist/info-circle-fill-CFeVMdci.js +0 -4
package/dist/inputShadowless.js +0 -6
package/dist/jszip.min-Dhs3nUkD.js +0 -2346
package/dist/katex-es-B5r5vt3m.js +0 -14628
package/dist/loading-Dcc5RApI.js +0 -4
package/dist/loading-scene-BMc2wqKm.js +0 -4
package/dist/lock-Cr7BnmWN.js +0 -4
package/dist/message-D36_Zo2l.js +0 -4
package/dist/pdf-Cx0VWKFo.js +0 -118
package/dist/power-off-lQRbiBak.js +0 -4
package/dist/preview-CJbz9GjO.js +0 -4
package/dist/preview.js +0 -7
package/dist/selectShadowless.js +0 -564
package/dist/setting-DemlgzVC.js +0 -4
package/dist/shadowless.js +0 -8
package/dist/sprite-CH2zLtZy.js +0 -141
package/dist/style.css +0 -1
package/dist/team-tl4NJXPC.js +0 -4
package/dist/umd/index.umd.cjs +0 -60
package/dist/umd/shadowless/shadowless.umd.cjs +0 -1
package/dist/umd/shadowless/style.css +0 -1
package/dist/umd/style.css +0 -1
package/dist/unlock-CeU74z9n.js +0 -4
package/dist/user-B-eVXwuk.js +0 -4
package/dist/warning-circle-DDUgEDIv.js +0 -4
package/dist/warning-circle-fill-lODUKz0i.js +0 -4
package/readme.md +0 -195

package/docs/style-tokens-public.md ADDED Viewed

@@ -0,0 +1,880 @@
+# ranui Public Style Tokens And Parts (Generated)
+This file is auto-generated by `bin/generate-style-docs.ts`.
+It is a filtered, public-facing style API view (structural/internal tokens excluded).
+Generated at: 2026-06-28T10:37:36.381Z
+## Components
+### `button`
+- Tokens: 47
+- Parts: 2
+#### Tokens
+<!-- layers: semantic: 9 · skin: 2 · component: 36 -->
+- `--ran-btn-after-background-image`
+- `--ran-btn-after-opacity`
+- `--ran-btn-after-transform`
+- `--ran-btn-after-transition`
+- `--ran-btn-background-image`
+- `--ran-btn-box-shadow`
+- `--ran-btn-contain-background`
+- `--ran-btn-contain-background-image`
+- `--ran-btn-contain-transition`
+- `--ran-btn-contain-user-select`
+- `--ran-btn-content-active-background-color`
+- `--ran-btn-content-active-border-color`
+- `--ran-btn-content-align-items`
+- `--ran-btn-content-background-color`
+- `--ran-btn-content-background-image`
+- `--ran-btn-content-border`
+- `--ran-btn-content-border-color`
+- `--ran-btn-content-border-image-slice`
+- `--ran-btn-content-border-image-source`
+- `--ran-btn-content-border-radius`
+- `--ran-btn-content-color`
+- `--ran-btn-content-font-family`
+- `--ran-btn-content-font-size`
+- `--ran-btn-content-font-weight`
+- `--ran-btn-content-hover-background-color`
+- `--ran-btn-content-hover-border-color`
+- `--ran-btn-content-hover-color`
+- `--ran-btn-content-padding`
+- `--ran-btn-content-text-align`
+- `--ran-btn-content-text-border`
+- `--ran-btn-content-warning-background-color`
+- `--ran-btn-content-warning-border-color`
+- `--ran-btn-content-warning-color`
+- `--ran-btn-content-white-space`
+- `--ran-btn-disabled-opacity`
+- `--ran-btn-user-select`
+- `--ran-color-bg-elevated`
+- `--ran-color-border`
+- `--ran-color-danger`
+- `--ran-color-primary`
+- `--ran-color-primary-active`
+- `--ran-color-primary-hover`
+- `--ran-color-text`
+- `--ran-motion-duration-base`
+- `--ran-radius-sm`
+- `--ran-skin-font-family`
+- `--ran-skin-raised-shadow`
+#### Parts
+- `button`
+- `content`
+### `card`
+- Tokens: 15
+- Parts: 7
+#### Tokens
+<!-- layers: semantic: 5 · skin: 1 · internal: 9 -->
+- `--ran-card-background`
+- `--ran-card-description-color`
+- `--ran-card-description-font-size`
+- `--ran-card-gap`
+- `--ran-card-radius`
+- `--ran-card-shadow`
+- `--ran-card-title-color`
+- `--ran-card-title-font-size`
+- `--ran-card-title-font-weight`
+- `--ran-color-bg-muted`
+- `--ran-color-border`
+- `--ran-color-text`
+- `--ran-color-text-secondary`
+- `--ran-radius-md`
+- `--ran-skin-border-style`
+#### Parts
+- `body`
+- `card`
+- `description`
+- `extra`
+- `footer`
+- `header`
+- `title`
+### `checkbox`
+- Tokens: 37
+- Parts: 5
+#### Tokens
+<!-- layers: semantic: 5 · skin: 1 · component: 30 · internal: 1 -->
+- `--ran-blue-400`
+- `--ran-checkbox-border-radius`
+- `--ran-checkbox-checked-after-opacity`
+- `--ran-checkbox-checked-background-color`
+- `--ran-checkbox-checked-background-image`
+- `--ran-checkbox-checked-border`
+- `--ran-checkbox-color`
+- `--ran-checkbox-disabled-opacity`
+- `--ran-checkbox-focus-border-color`
+- `--ran-checkbox-focus-box-shadow`
+- `--ran-checkbox-font-family`
+- `--ran-checkbox-font-size`
+- `--ran-checkbox-inner-after-border`
+- `--ran-checkbox-inner-after-border-inline-start`
+- `--ran-checkbox-inner-after-content`
+- `--ran-checkbox-inner-after-opacity`
+- `--ran-checkbox-inner-after-transform`
+- `--ran-checkbox-inner-after-transition`
+- `--ran-checkbox-inner-background-color`
+- `--ran-checkbox-inner-border`
+- `--ran-checkbox-inner-border-collapse`
+- `--ran-checkbox-inner-border-image-slice`
+- `--ran-checkbox-inner-border-image-source`
+- `--ran-checkbox-inner-border-radius`
+- `--ran-checkbox-inner-direction`
+- `--ran-checkbox-input-opacity`
+- `--ran-checkbox-label-color`
+- `--ran-checkbox-label-font-family`
+- `--ran-checkbox-label-font-size`
+- `--ran-checkbox-label-gap`
+- `--ran-checkbox-white-space`
+- `--ran-color-bg-elevated`
+- `--ran-color-bg-muted`
+- `--ran-color-border`
+- `--ran-color-primary`
+- `--ran-color-text`
+- `--ran-skin-font-family`
+#### Parts
+- `checkbox`
+- `inner`
+- `input`
+- `label`
+- `wrapper`
+### `colorpicker`
+- Tokens: 14
+- Parts: 2
+#### Tokens
+<!-- layers: semantic: 5 · component: 6 · internal: 3 -->
+- `--ran-color-bg-elevated`
+- `--ran-color-border`
+- `--ran-color-border-hover`
+- `--ran-colorpicker-background`
+- `--ran-colorpicker-block-border-radius`
+- `--ran-colorpicker-border`
+- `--ran-colorpicker-border-hover`
+- `--ran-colorpicker-border-radius`
+- `--ran-colorpicker-transition`
+- `--ran-gray-500`
+- `--ran-gray-alpha-100`
+- `--ran-gray-alpha-200`
+- `--ran-radius-md`
+- `--ran-radius-sm`
+#### Parts
+- `block`
+- `swatch`
+### `dropdown`
+- Tokens: 22
+- Parts: 1
+#### Tokens
+<!-- layers: semantic: 5 · skin: 1 · component: 15 · internal: 1 -->
+- `--ran-color-bg-elevated`
+- `--ran-color-text`
+- `--ran-dropdown-arrow-after-background`
+- `--ran-dropdown-arrow-after-border-radius`
+- `--ran-dropdown-arrow-after-box-shadow`
+- `--ran-dropdown-arrow-after-content`
+- `--ran-dropdown-arrow-after-transform`
+- `--ran-dropdown-arrow-before-background`
+- `--ran-dropdown-arrow-before-content`
+- `--ran-dropdown-arrow-overlap`
+- `--ran-dropdown-background`
+- `--ran-dropdown-border-radius`
+- `--ran-dropdown-box-shadow`
+- `--ran-dropdown-color`
+- `--ran-dropdown-font-family`
+- `--ran-dropdown-font-size`
+- `--ran-dropdown-font-variant`
+- `--ran-radius-md`
+- `--ran-shadow-elevated`
+- `--ran-shadow-menu`
+- `--ran-skin-font-family`
+- `--ran-z-dropdown`
+#### Parts
+- `dropdown`
+### `form`
+- Tokens: 0
+- Parts: 0
+#### Tokens
+- (none)
+#### Parts
+- (none)
+### `icon`
+- Tokens: 7
+- Parts: 1
+#### Tokens
+<!-- layers: component: 7 -->
+- `--ran-icon-align-items`
+- `--ran-icon-color`
+- `--ran-icon-font-size`
+- `--ran-icon-justify-content`
+- `--ran-icon-keyframes-to-transform`
+- `--ran-icon-svg-fill`
+- `--ran-icon-svg-stroke`
+#### Parts
+- `ran-icon`
+### `image`
+- Tokens: 0
+- Parts: 0
+#### Tokens
+- (none)
+#### Parts
+- (none)
+### `input`
+- Tokens: 84
+- Parts: 4
+#### Tokens
+<!-- layers: semantic: 11 · skin: 1 · component: 71 · internal: 1 -->
+- `--ran-blue-400`
+- `--ran-color-bg-elevated`
+- `--ran-color-bg-muted`
+- `--ran-color-border`
+- `--ran-color-danger`
+- `--ran-color-primary`
+- `--ran-color-text`
+- `--ran-color-text-disabled`
+- `--ran-color-text-secondary`
+- `--ran-color-warning`
+- `--ran-input-active-border-color`
+- `--ran-input-active-box-shadow`
+- `--ran-input-background-color`
+- `--ran-input-background-image`
+- `--ran-input-border`
+- `--ran-input-border-image-slice`
+- `--ran-input-border-image-source`
+- `--ran-input-border-radius`
+- `--ran-input-color`
+- `--ran-input-content--webkit-appearance`
+- `--ran-input-content-background-color`
+- `--ran-input-content-background-image`
+- `--ran-input-content-border`
+- `--ran-input-content-border-radius`
+- `--ran-input-content-color`
+- `--ran-input-content-disabled-background-color`
+- `--ran-input-content-disabled-border-color`
+- `--ran-input-content-disabled-box-shadow`
+- `--ran-input-content-disabled-color`
+- `--ran-input-content-disabled-opacity`
+- `--ran-input-content-focus-label-transform`
+- `--ran-input-content-font-feature-settings`
+- `--ran-input-content-font-size`
+- `--ran-input-content-font-variant`
+- `--ran-input-content-font-weight`
+- `--ran-input-content-hover-border`
+- `--ran-input-content-letter-spacing`
+- `--ran-input-content-placeholder-color`
+- `--ran-input-content-placeholder-label-transform`
+- `--ran-input-content-text-align`
+- `--ran-input-content-text-indent`
+- `--ran-input-content-text-rendering`
+- `--ran-input-content-text-shadow`
+- `--ran-input-content-text-transform`
+- `--ran-input-content-transition`
+- `--ran-input-content-word-spacing`
+- `--ran-input-content-writing-mode`
+- `--ran-input-disabled-background-color`
+- `--ran-input-disabled-border-color`
+- `--ran-input-disabled-box-shadow`
+- `--ran-input-disabled-color`
+- `--ran-input-disabled-opacity`
+- `--ran-input-font-family`
+- `--ran-input-font-size`
+- `--ran-input-hover-border-color`
+- `--ran-input-icon-align-items`
+- `--ran-input-icon-justify-content`
+- `--ran-input-label-background`
+- `--ran-input-label-color`
+- `--ran-input-label-disabled-background-color`
+- `--ran-input-label-disabled-border-color`
+- `--ran-input-label-disabled-box-shadow`
+- `--ran-input-label-disabled-color`
+- `--ran-input-label-font-size`
+- `--ran-input-label-hover-color`
+- `--ran-input-label-opacity`
+- `--ran-input-label-placeholder-transform`
+- `--ran-input-label-status-error-color`
+- `--ran-input-label-status-warning-color`
+- `--ran-input-label-transform`
+- `--ran-input-label-transform-origin`
+- `--ran-input-label-transition`
+- `--ran-input-label-value-color`
+- `--ran-input-label-value-transform`
+- `--ran-input-message-color`
+- `--ran-input-message-error-color`
+- `--ran-input-message-font-size`
+- `--ran-input-message-warning-color`
+- `--ran-input-status-error-border-color`
+- `--ran-input-status-warning-border-color`
+- `--ran-input-transition`
+- `--ran-motion-duration-base`
+- `--ran-radius-sm`
+- `--ran-skin-font-family`
+#### Parts
+- `content`
+- `input`
+- `label`
+- `message`
+### `link`
+- Tokens: 3
+- Parts: 0
+#### Tokens
+<!-- layers: semantic: 3 -->
+- `--ran-color-link`
+- `--ran-color-primary`
+- `--ran-radius-sm`
+#### Parts
+- (none)
+### `loading`
+- Tokens: 3
+- Parts: 1
+#### Tokens
+<!-- layers: semantic: 3 -->
+- `--ran-color-primary`
+- `--ran-color-success`
+- `--ran-color-text`
+#### Parts
+- `sun`
+### `math`
+- Tokens: 2
+- Parts: 0
+#### Tokens
+<!-- layers: component: 2 -->
+- `--ran-math-align-items`
+- `--ran-math-justify-content`
+#### Parts
+- (none)
+### `message`
+- Tokens: 28
+- Parts: 0
+#### Tokens
+<!-- layers: semantic: 4 · component: 23 · internal: 1 -->
+- `--ran-color-bg-elevated`
+- `--ran-color-text`
+- `--ran-message-color`
+- `--ran-message-font-feature-settings`
+- `--ran-message-font-size`
+- `--ran-message-font-variant`
+- `--ran-message-in-animation-duration`
+- `--ran-message-in-animation-name`
+- `--ran-message-in-animation-timing-function`
+- `--ran-message-ist-style`
+- `--ran-message-leave-animation-duration`
+- `--ran-message-leave-animation-name`
+- `--ran-message-leave-animation-timing-function`
+- `--ran-message-notice-content-background`
+- `--ran-message-notice-content-border-image-slice`
+- `--ran-message-notice-content-border-image-source`
+- `--ran-message-notice-content-border-radius`
+- `--ran-message-notice-content-box-shadow`
+- `--ran-message-notice-content-info-align-items`
+- `--ran-message-notice-content-info-span-color`
+- `--ran-message-notice-content-info-span-font-feature-settings`
+- `--ran-message-notice-content-info-span-font-size`
+- `--ran-message-notice-content-info-span-font-variant`
+- `--ran-message-notice-text-align`
+- `--ran-message-notice-word-break`
+- `--ran-radius-md`
+- `--ran-shadow-menu`
+- `--ran-z-message`
+#### Parts
+- (none)
+### `modal`
+- Tokens: 29
+- Parts: 8
+#### Tokens
+<!-- layers: semantic: 10 · component: 18 · internal: 1 -->
+- `--ran-color-bg-elevated`
+- `--ran-color-border`
+- `--ran-color-border-secondary`
+- `--ran-color-primary`
+- `--ran-color-text`
+- `--ran-color-text-secondary`
+- `--ran-modal-body-color`
+- `--ran-modal-close-background`
+- `--ran-modal-close-border`
+- `--ran-modal-close-color`
+- `--ran-modal-close-font-size`
+- `--ran-modal-dialog-background`
+- `--ran-modal-dialog-border-image-slice`
+- `--ran-modal-dialog-border-image-source`
+- `--ran-modal-dialog-border-radius`
+- `--ran-modal-dialog-box-shadow`
+- `--ran-modal-footer-align-items`
+- `--ran-modal-footer-gap`
+- `--ran-modal-footer-justify-content`
+- `--ran-modal-header-align-items`
+- `--ran-modal-header-justify-content`
+- `--ran-modal-mask-background`
+- `--ran-modal-title-color`
+- `--ran-modal-title-font-size`
+- `--ran-radius-md`
+- `--ran-radius-sm`
+- `--ran-shadow-elevated`
+- `--ran-shadow-modal`
+- `--ran-z-modal`
+#### Parts
+- `body`
+- `close`
+- `dialog`
+- `footer`
+- `header`
+- `mask`
+- `root`
+- `title`
+### `player`
+- Tokens: 38
+- Parts: 0
+#### Tokens
+<!-- layers: component: 38 -->
+- `--ran-dropdown-background`
+- `--ran-dropdown-box-shadow`
+- `--ran-dropdown-option-active-background-color`
+- `--ran-dropdown-option-active-hover-background-color`
+- `--ran-dropdown-option-item-color`
+- `--ran-dropdown-option-item-content-color`
+- `--ran-dropdown-option-item-content-font-size`
+- `--ran-dropdown-option-item-content-text-align`
+- `--ran-dropdown-option-item-hover-background-color`
+- `--ran-player-controller-background`
+- `--ran-player-controller-opacity`
+- `--ran-player-controller-progress-dot-background`
+- `--ran-player-controller-progress-dot-border-radius`
+- `--ran-player-controller-tip-background`
+- `--ran-player-controller-tip-border-radius`
+- `--ran-player-controller-tip-box-shadow`
+- `--ran-player-controller-tip-color`
+- `--ran-player-controller-tip-font-family`
+- `--ran-player-controller-tip-font-size`
+- `--ran-player-controller-tip-font-variant`
+- `--ran-player-controller-tip-opacity`
+- `--ran-player-controller-tip-text-align`
+- `--ran-player-controller-tip-text-text-align`
+- `--ran-player-controller-tip-text-white-space`
+- `--ran-player-controller-tip-time-text-align`
+- `--ran-player-controller-tip-time-white-space`
+- `--ran-player-controller-tip-white-space`
+- `--ran-player-controller-transition`
+- `--ran-player-loading-animation`
+- `--ran-player-loading-background-repeat`
+- `--ran-player-loading-background-size`
+- `--ran-player-loading-filter`
+- `--ran-player-loading-mask-backdrop-filter`
+- `--ran-player-loading-mask-background`
+- `--ran-player-play-btn-background`
+- `--ran-player-play-btn-background-size`
+- `--ran-player-play-btn-transform`
+- `--ran-progress-dot-background`
+#### Parts
+- (none)
+### `popover`
+- Tokens: 0
+- Parts: 0
+#### Tokens
+- (none)
+#### Parts
+- (none)
+### `popover/content`
+- Tokens: 0
+- Parts: 0
+#### Tokens
+- (none)
+#### Parts
+- (none)
+### `progress`
+- Tokens: 5
+- Parts: 3
+#### Tokens
+<!-- layers: semantic: 2 · component: 2 · internal: 1 -->
+- `--ran-color-primary`
+- `--ran-gray-200`
+- `--ran-progress-dot-background`
+- `--ran-progress-dot-border-radius`
+- `--ran-radius-full`
+#### Parts
+- `dot`
+- `fill`
+- `track`
+### `radar`
+- Tokens: 5
+- Parts: 0
+#### Tokens
+<!-- layers: semantic: 1 · component: 4 -->
+- `--ran-color-border`
+- `--ran-radar-fill-color`
+- `--ran-radar-line-color`
+- `--ran-radar-polygon-color`
+- `--ran-radar-stroke-color`
+#### Parts
+- (none)
+### `route`
+- Tokens: 0
+- Parts: 0
+#### Tokens
+- (none)
+#### Parts
+- (none)
+### `router`
+- Tokens: 0
+- Parts: 0
+#### Tokens
+- (none)
+#### Parts
+- (none)
+### `scratch`
+- Tokens: 0
+- Parts: 0
+#### Tokens
+- (none)
+#### Parts
+- (none)
+### `section`
+- Tokens: 15
+- Parts: 4
+#### Tokens
+<!-- layers: semantic: 6 · skin: 1 · internal: 8 -->
+- `--ran-color-bg-elevated`
+- `--ran-color-border`
+- `--ran-color-text`
+- `--ran-color-text-secondary`
+- `--ran-radius-md`
+- `--ran-section-background`
+- `--ran-section-border-color`
+- `--ran-section-heading-color`
+- `--ran-section-heading-font-size`
+- `--ran-section-heading-font-weight`
+- `--ran-section-radius`
+- `--ran-section-shadow`
+- `--ran-section-subtitle-color`
+- `--ran-shadow-elevated`
+- `--ran-skin-border-style`
+#### Parts
+- `body`
+- `header`
+- `heading`
+- `subtitle`
+### `select`
+- Tokens: 48
+- Parts: 5
+#### Tokens
+<!-- layers: semantic: 6 · skin: 1 · component: 41 -->
+- `--ran-color-bg-elevated`
+- `--ran-color-border`
+- `--ran-color-primary`
+- `--ran-color-text`
+- `--ran-color-text-disabled`
+- `--ran-radius-sm`
+- `--ran-select-selection-background-color`
+- `--ran-select-selection-background-image`
+- `--ran-select-selection-border`
+- `--ran-select-selection-border-radius`
+- `--ran-select-selection-color`
+- `--ran-select-selection-focus-border`
+- `--ran-select-selection-focus-item-color`
+- `--ran-select-selection-font-family`
+- `--ran-select-selection-font-size`
+- `--ran-select-selection-hover-border`
+- `--ran-select-selection-hover-item-color`
+- `--ran-select-selection-icon-align-items`
+- `--ran-select-selection-icon-color`
+- `--ran-select-selection-icon-font-size`
+- `--ran-select-selection-icon-font-style`
+- `--ran-select-selection-icon-text-align`
+- `--ran-select-selection-icon-text-rendering`
+- `--ran-select-selection-icon-text-transform`
+- `--ran-select-selection-icon-transform`
+- `--ran-select-selection-item-align-items`
+- `--ran-select-selection-item-appearance`
+- `--ran-select-selection-item-background`
+- `--ran-select-selection-item-border`
+- `--ran-select-selection-item-font-family`
+- `--ran-select-selection-item-user-select`
+- `--ran-select-selection-item-white-space`
+- `--ran-select-selection-search-appearance`
+- `--ran-select-selection-search-background`
+- `--ran-select-selection-search-border`
+- `--ran-select-selection-search-cancel-appearance`
+- `--ran-select-selection-search-font-family`
+- `--ran-select-selection-search-input-active-border`
+- `--ran-select-selection-search-input-active-border-color`
+- `--ran-select-selection-search-input-active-box-shadow`
+- `--ran-select-selection-search-input-border`
+- `--ran-select-selection-search-opacity`
+- `--ran-select-selection-search-visible-opacity`
+- `--ran-select-selection-select-color`
+- `--ran-select-selection-text-background`
+- `--ran-select-selection-text-border`
+- `--ran-select-selection-transition`
+- `--ran-skin-font-family`
+#### Parts
+- `icon`
+- `search`
+- `select`
+- `selection`
+- `selection-item`
+### `select/dropdown-item`
+- Tokens: 20
+- Parts: 2
+#### Tokens
+<!-- layers: semantic: 3 · component: 15 · internal: 2 -->
+- `--ran-blue-100`
+- `--ran-color-text`
+- `--ran-dropdown-option-active-background-color`
+- `--ran-dropdown-option-active-font-weight`
+- `--ran-dropdown-option-active-hover-background-color`
+- `--ran-dropdown-option-item-border-radius`
+- `--ran-dropdown-option-item-color`
+- `--ran-dropdown-option-item-content-color`
+- `--ran-dropdown-option-item-content-font-family`
+- `--ran-dropdown-option-item-content-font-size`
+- `--ran-dropdown-option-item-content-font-variant`
+- `--ran-dropdown-option-item-content-text-align`
+- `--ran-dropdown-option-item-content-white-space`
+- `--ran-dropdown-option-item-font-size`
+- `--ran-dropdown-option-item-font-weight`
+- `--ran-dropdown-option-item-hover-background-color`
+- `--ran-dropdown-option-item-transition`
+- `--ran-gray-alpha-100`
+- `--ran-motion-duration-base`
+- `--ran-radius-sm`
+#### Parts
+- `content`
+- `item`
+### `select/option`
+- Tokens: 0
+- Parts: 0
+#### Tokens
+- (none)
+#### Parts
+- (none)
+### `skeleton`
+- Tokens: 7
+- Parts: 0
+#### Tokens
+<!-- layers: semantic: 1 · component: 4 · internal: 2 -->
+- `--ran-gray-alpha-200`
+- `--ran-gray-alpha-500`
+- `--ran-radius-sm`
+- `--ran-skeleton-animation-duration`
+- `--ran-skeleton-background`
+- `--ran-skeleton-border-radius`
+- `--ran-skeleton-shimmer`
+#### Parts
+- (none)
+### `tab`
+- Tokens: 9
+- Parts: 6
+#### Tokens
+<!-- layers: semantic: 3 · component: 6 -->
+- `--ran-color-border`
+- `--ran-color-primary`
+- `--ran-radius-sm`
+- `--ran-tab-active-color`
+- `--ran-tab-border-color`
+- `--ran-tab-border-radius`
+- `--ran-tab-content-transition`
+- `--ran-tab-line-color`
+- `--ran-tab-line-transition`
+#### Parts
+- `content`
+- `content-wrap`
+- `header`
+- `indicator`
+- `nav`
+- `tabs`
+### `tabpane`
+- Tokens: 0
+- Parts: 1
+#### Tokens
+- (none)
+#### Parts
+- `content`