@ropav/styles 0.3.0

package/dist/components/typography.css

@@ -0,0 +1,163 @@
+.typography {
+  @apply text-foreground;
+}
+
+.typography-prose {
+  @apply text-foreground;
+}
+
+.typography-prose h1 {
+  @apply text-4xl font-semibold tracking-tight;
+}
+
+.typography-prose h2 {
+  @apply text-3xl font-semibold tracking-tight;
+}
+
+.typography-prose h3 {
+  @apply text-2xl font-semibold tracking-tight;
+}
+
+.typography-prose h4 {
+  @apply text-xl font-semibold tracking-tight;
+}
+
+.typography-prose h5 {
+  @apply text-lg font-semibold tracking-tight;
+}
+
+.typography-prose h6 {
+  @apply text-base font-semibold tracking-tight;
+}
+
+.typography-prose p {
+  @apply text-base leading-7;
+}
+
+.typography-prose code {
+  @apply rounded-md bg-default px-1.5 py-0.5 font-mono text-sm text-foreground;
+}
+
+.typography-prose a {
+  @apply font-medium text-link underline underline-offset-4;
+}
+
+.typography-prose blockquote {
+  @apply mt-4 border-s-4 border-border ps-4 text-muted italic;
+}
+
+.typography-prose ul {
+  @apply my-4 list-disc space-y-2 ps-6;
+}
+
+.typography-prose ol {
+  @apply my-4 list-decimal space-y-2 ps-6;
+}
+
+.typography-prose li {
+  @apply text-base leading-7;
+}
+
+.typography-prose hr {
+  @apply my-8 border-separator;
+}
+
+.typography-prose pre {
+  @apply my-4 overflow-x-auto rounded-xl bg-default p-4 font-mono text-sm leading-relaxed;
+}
+
+.typography-prose strong {
+  @apply font-semibold text-foreground;
+}
+
+.typography-prose em {
+  @apply italic;
+}
+
+.typography-prose img {
+  @apply my-4 rounded-xl;
+}
+
+.typography--h1 {
+  @apply text-4xl font-semibold tracking-tight;
+}
+
+.typography--h2 {
+  @apply text-3xl font-semibold tracking-tight;
+}
+
+.typography--h3 {
+  @apply text-2xl font-semibold tracking-tight;
+}
+
+.typography--h4 {
+  @apply text-xl font-semibold tracking-tight;
+}
+
+.typography--h5 {
+  @apply text-lg font-semibold tracking-tight;
+}
+
+.typography--h6 {
+  @apply text-base font-semibold tracking-tight;
+}
+
+.typography--body {
+  @apply text-base leading-7;
+}
+
+.typography--body-sm {
+  @apply text-sm leading-6;
+}
+
+.typography--body-xs {
+  @apply text-xs leading-5;
+}
+
+.typography--code {
+  @apply rounded-md bg-default px-1.5 py-0.5 font-mono text-sm text-foreground;
+}
+
+.typography--align-start {
+  @apply text-start;
+}
+
+.typography--align-center {
+  @apply text-center;
+}
+
+.typography--align-end {
+  @apply text-end;
+}
+
+.typography--align-justify {
+  @apply text-justify;
+}
+
+.typography--color-default {
+  @apply text-foreground;
+}
+
+.typography--color-muted {
+  @apply text-muted;
+}
+
+.typography--truncate {
+  @apply block truncate;
+}
+
+.typography--weight-normal {
+  @apply font-normal;
+}
+
+.typography--weight-medium {
+  @apply font-medium;
+}
+
+.typography--weight-semibold {
+  @apply font-semibold;
+}
+
+.typography--weight-bold {
+  @apply font-bold;
+}

package/dist/index.css

@@ -0,0 +1,23 @@
+@layer theme, base, components, utilities;
+
+/* Ropav Styles - Layered Theme Architecture */
+
+/* Base layer - Tailwind CSS v4 */
+@import "tailwindcss";
+@import "tw-animate-css";
+
+/* Base styles */
+@import "./base/base.css" layer(base);
+@import "./base/scrollbar.css" layer(base);
+
+/* Base component structures (unstyled) */
+@import "./components/index.css" layer(components);
+
+/* Default theme (variables + component customizations) */
+@import "./themes/default/index.css" layer(theme);
+
+/* Utilities */
+@import "./utilities/index.css";
+
+/* Variants */
+@import "./variants/index.css";

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { tv, cn, type VariantProps } from "tailwind-variants";
+export * from "./utils";
+export * from "./components";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG9D,cAAc,SAAS,CAAC;AAGxB,cAAc,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,86 @@
+import { ariaDisabledClasses, disabledClasses, focusRingClasses } from "./utils/index.js";
+import { accordionVariants } from "./components/accordion/accordion.styles.js";
+import { alertVariants } from "./components/alert/alert.styles.js";
+import { alertDialogVariants } from "./components/alert-dialog/alert-dialog.styles.js";
+import { autocompleteVariants } from "./components/autocomplete/autocomplete.styles.js";
+import { avatarVariants } from "./components/avatar/avatar.styles.js";
+import { badgeVariants } from "./components/badge/badge.styles.js";
+import { breadcrumbsVariants } from "./components/breadcrumbs/breadcrumbs.styles.js";
+import { buttonVariants } from "./components/button/button.styles.js";
+import { buttonGroupVariants } from "./components/button-group/button-group.styles.js";
+import { calendarVariants } from "./components/calendar/calendar.styles.js";
+import { calendarYearPickerVariants } from "./components/calendar-year-picker/calendar-year-picker.styles.js";
+import { rangeCalendarVariants } from "./components/range-calendar/range-calendar.styles.js";
+import { cardVariants } from "./components/card/card.styles.js";
+import { checkboxVariants } from "./components/checkbox/checkbox.styles.js";
+import { checkboxGroupVariants } from "./components/checkbox-group/checkbox-group.styles.js";
+import { chipVariants } from "./components/chip/chip.styles.js";
+import { colorAreaVariants } from "./components/color-area/color-area.styles.js";
+import { colorFieldVariants } from "./components/color-field/color-field.styles.js";
+import { colorInputGroupVariants } from "./components/color-input-group/color-input-group.styles.js";
+import { colorPickerVariants } from "./components/color-picker/color-picker.styles.js";
+import { colorSliderVariants } from "./components/color-slider/color-slider.styles.js";
+import { colorSwatchVariants } from "./components/color-swatch/color-swatch.styles.js";
+import { closeButtonVariants } from "./components/close-button/close-button.styles.js";
+import { colorSwatchPickerVariants } from "./components/color-swatch-picker/color-swatch-picker.styles.js";
+import { comboBoxVariants } from "./components/combo-box/combo-box.styles.js";
+import { dateFieldVariants } from "./components/date-field/date-field.styles.js";
+import { datePickerVariants } from "./components/date-picker/date-picker.styles.js";
+import { dateRangePickerVariants } from "./components/date-range-picker/date-range-picker.styles.js";
+import { dateInputGroupVariants } from "./components/date-input-group/date-input-group.styles.js";
+import { descriptionVariants } from "./components/description/description.styles.js";
+import { drawerVariants } from "./components/drawer/drawer.styles.js";
+import { disclosureVariants } from "./components/disclosure/disclosure.styles.js";
+import { disclosureGroupVariants } from "./components/disclosure-group/disclosure-group.styles.js";
+import { dropdownVariants } from "./components/dropdown/dropdown.styles.js";
+import { emptyStateVariants } from "./components/empty-state/empty-state.styles.js";
+import { errorMessageVariants } from "./components/error-message/error-message.styles.js";
+import { fieldErrorVariants } from "./components/field-error/field-error.styles.js";
+import { fieldsetVariants } from "./components/fieldset/fieldset.styles.js";
+import { headerVariants } from "./components/header/header.styles.js";
+import { inputVariants } from "./components/input/input.styles.js";
+import { inputGroupVariants } from "./components/input-group/input-group.styles.js";
+import { inputOTPVariants } from "./components/input-otp/input-otp.styles.js";
+import { kbdVariants } from "./components/kbd/kbd.styles.js";
+import { labelVariants } from "./components/label/label.styles.js";
+import { linkVariants } from "./components/link/link.styles.js";
+import { listboxVariants } from "./components/list-box/list-box.styles.js";
+import { listboxItemVariants } from "./components/list-box-item/list-box-item.styles.js";
+import { listboxSectionVariants } from "./components/list-box-section/list-box-section.styles.js";
+import { menuVariants } from "./components/menu/menu.styles.js";
+import { meterVariants } from "./components/meter/meter.styles.js";
+import { progressBarVariants } from "./components/progress-bar/progress-bar.styles.js";
+import { progressCircleVariants } from "./components/progress-circle/progress-circle.styles.js";
+import { menuItemVariants } from "./components/menu-item/menu-item.styles.js";
+import { menuSectionVariants } from "./components/menu-section/menu-section.styles.js";
+import { modalVariants } from "./components/modal/modal.styles.js";
+import { numberFieldVariants } from "./components/number-field/number-field.styles.js";
+import { paginationVariants } from "./components/pagination/pagination.styles.js";
+import { popoverVariants } from "./components/popover/popover.styles.js";
+import { radioVariants } from "./components/radio/radio.styles.js";
+import { radioGroupVariants } from "./components/radio-group/radio-group.styles.js";
+import { scrollShadowVariants } from "./components/scroll-shadow/scroll-shadow.styles.js";
+import { searchFieldVariants } from "./components/search-field/search-field.styles.js";
+import { selectVariants } from "./components/select/select.styles.js";
+import { separatorVariants } from "./components/separator/separator.styles.js";
+import { skeletonVariants } from "./components/skeleton/skeleton.styles.js";
+import { sliderVariants } from "./components/slider/slider.styles.js";
+import { spinnerVariants } from "./components/spinner/spinner.styles.js";
+import { surfaceVariants } from "./components/surface/surface.styles.js";
+import { switchVariants } from "./components/switch/switch.styles.js";
+import { switchGroupVariants } from "./components/switch-group/switch-group.styles.js";
+import { tableVariants } from "./components/table/table.styles.js";
+import { tabsVariants } from "./components/tabs/tabs.styles.js";
+import { tagVariants } from "./components/tag/tag.styles.js";
+import { tagGroupVariants } from "./components/tag-group/tag-group.styles.js";
+import { typographyVariants } from "./components/typography/typography.styles.js";
+import { textFieldVariants } from "./components/textfield/textfield.styles.js";
+import { textAreaVariants } from "./components/textarea/textarea.styles.js";
+import { timeFieldVariants } from "./components/time-field/time-field.styles.js";
+import { toastVariants } from "./components/toast/toast.styles.js";
+import { toggleButtonVariants } from "./components/toggle-button/toggle-button.styles.js";
+import { toggleButtonGroupVariants } from "./components/toggle-button-group/toggle-button-group.styles.js";
+import { toolbarVariants } from "./components/toolbar/toolbar.styles.js";
+import { tooltipVariants } from "./components/tooltip/tooltip.styles.js";
+import { cn, tv } from "tailwind-variants";
+export { accordionVariants, alertDialogVariants, alertVariants, ariaDisabledClasses, autocompleteVariants, avatarVariants, badgeVariants, breadcrumbsVariants, buttonGroupVariants, buttonVariants, calendarVariants, calendarYearPickerVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, closeButtonVariants, cn, colorAreaVariants, colorFieldVariants, colorInputGroupVariants, colorPickerVariants, colorSliderVariants, colorSwatchPickerVariants, colorSwatchVariants, comboBoxVariants, dateFieldVariants, dateInputGroupVariants, datePickerVariants, dateRangePickerVariants, descriptionVariants, disabledClasses, disclosureGroupVariants, disclosureVariants, drawerVariants, dropdownVariants, emptyStateVariants, errorMessageVariants, fieldErrorVariants, fieldsetVariants, focusRingClasses, headerVariants, inputGroupVariants, inputOTPVariants, inputVariants, kbdVariants, labelVariants, linkVariants, listboxItemVariants, listboxSectionVariants, listboxVariants, menuItemVariants, menuSectionVariants, menuVariants, meterVariants, modalVariants, numberFieldVariants, paginationVariants, popoverVariants, progressBarVariants, progressCircleVariants, radioGroupVariants, radioVariants, rangeCalendarVariants, scrollShadowVariants, searchFieldVariants, selectVariants, separatorVariants, skeletonVariants, sliderVariants, spinnerVariants, surfaceVariants, switchGroupVariants, switchVariants, tableVariants, tabsVariants, tagGroupVariants, tagVariants, textAreaVariants, textFieldVariants, timeFieldVariants, toastVariants, toggleButtonGroupVariants, toggleButtonVariants, toolbarVariants, tooltipVariants, tv, typographyVariants };