bernova 0.0.2

package/src/constants/cssProps.js

@@ -0,0 +1,325 @@
+// Note: CSS animations properties may be added in future versions
+const cssProps = {
+  // Scrollbar properties
+  scrollbar_width: 'scrollbar-width',
+  scrollbar_color: 'scrollbar-color',
+  scrollbar_gutter: 'scrollbar-gutter',
+  scroll_behavior: 'scroll-behavior',
+  scroll_margin: 'scroll-margin',
+  scroll_padding: 'scroll-padding',
+  scroll_snap_align: 'scroll-snap-align',
+  scroll_snap_stop: 'scroll-snap-stop',
+  scroll_snap_type: 'scroll-snap-type',
+  webkit_scrollbar: 'webkit-scrollbar',
+  scroll_container: 'scroll-container',
+  scrollbar_aria_role: 'scrollbar-aria-role',
+
+  // Background properties
+  background: 'background',
+  background_color: 'background-color',
+  background_image: 'background-image',
+  background_position: 'background-position',
+  background_repeat: 'background-repeat',
+  background_size: 'background-size',
+  background_attachment: 'background-attachment',
+  background_blend_mode: 'background-blend-mode',
+  background_clip: 'background-clip',
+  background_origin: 'background-origin',
+
+  // Border properties
+  border: 'border',
+  border_top: 'border-top',
+  border_right: 'border-right',
+  border_bottom: 'border-bottom',
+  border_left: 'border-left',
+  border_radius: 'border-radius',
+  border_width: 'border-width',
+  border_left_width: 'border-left-width',
+  border_right_width: 'border-right-width',
+  border_top_width: 'border-top-width',
+  border_bottom_width: 'border-bottom-width',
+  border_color: 'border-color',
+  border_left_color: 'border-left-color',
+  border_right_color: 'border-right-color',
+  border_top_color: 'border-top-color',
+  border_bottom_color: 'border-bottom-color',
+  border_top_left_radius: 'border-top-left-radius',
+  border_top_right_radius: 'border-top-right-radius',
+  border_bottom_left_radius: 'border-bottom-left-radius',
+  border_bottom_right_radius: 'border-bottom-right-radius',
+  border_style: 'border-style',
+  border_left_style: 'border-left-style',
+  border_top_style: 'border-top-style',
+  border_right_style: 'border-right-style',
+  border_bottom_style: 'border-bottom-style',
+
+  // Outline properties
+  outline: 'outline',
+  outline_style: 'outline-style',
+  outline_color: 'outline-color',
+  outline_width: 'outline-width',
+  outline_offset: 'outline-offset',
+
+  // Display properties
+  display: 'display',
+  opacity: 'opacity',
+  visibility: 'visibility',
+
+  // Overflow properties
+  overflow: 'overflow',
+  overflow_x: 'overflow-x',
+  overflow_y: 'overflow-y',
+  overflow_block: 'overflow-block',
+  overflow_inline: 'overflow-inline',
+  overflow_clip_margin: 'overflow-clip-margin',
+
+  // Flexbox properties
+  flex: 'flex',
+  flex_direction: 'flex-direction',
+  flex_wrap: 'flex-wrap',
+  flex_flow: 'flex-flow',
+  flex_grow: 'flex-grow',
+  flex_shrink: 'flex-shrink',
+  flex_basis: 'flex-basis',
+  justify_content: 'justify-content',
+  justify_items: 'justify-items',
+  align_items: 'align-items',
+  align_self: 'align-self',
+  align_content: 'align-content',
+  order: 'order',
+  gap: 'gap',
+  row_gap: 'row-gap',
+  column_gap: 'column-gap',
+
+  // Grid properties
+  grid: 'grid',
+  grid_area: 'grid-area',
+  grid_template: 'grid-template',
+  grid_template_areas: 'grid-template-areas',
+  grid_template_rows: 'grid-template-rows',
+  grid_template_columns: 'grid-template-columns',
+  grid_row: 'grid-row',
+  grid_row_start: 'grid-row-start',
+  grid_row_end: 'grid-row-end',
+  grid_column: 'grid-column',
+  grid_column_start: 'grid-column-start',
+  grid_column_end: 'grid-column-end',
+  grid_gap: 'grid-gap',
+  grid_row_gap: 'grid-row-gap',
+  grid_column_gap: 'grid-column-gap',
+  grid_auto_flow: 'grid-auto-flow',
+  grid_auto_rows: 'grid-auto-rows',
+  grid_auto_columns: 'grid-auto-columns',
+
+  // Margin properties
+  margin: 'margin',
+  margin_left: 'margin-left',
+  margin_right: 'margin-right',
+  margin_top: 'margin-top',
+  margin_bottom: 'margin-bottom',
+
+  // Padding properties
+  padding: 'padding',
+  padding_left: 'padding-left',
+  padding_right: 'padding-right',
+  padding_top: 'padding-top',
+  padding_bottom: 'padding-bottom',
+
+  // Box properties
+  box_sizing: 'box-sizing',
+  box_shadow: 'box-shadow',
+
+  // Size properties
+  width: 'width',
+  min_width: 'min-width',
+  max_width: 'max-width',
+  height: 'height',
+  min_height: 'min-height',
+  max_height: 'max-height',
+
+  // Position properties
+  position: 'position',
+  top: 'top',
+  right: 'right',
+  bottom: 'bottom',
+  left: 'left',
+  z_index: 'z-index',
+
+  // Float properties
+  float: 'float',
+  clear: 'clear',
+
+  // Transform properties
+  transform: 'transform',
+  transform_origin: 'transform-origin',
+  transform_style: 'transform-style',
+  translate: 'translate',
+
+  // Font properties
+  font: 'font',
+  font_family: 'font-family',
+  font_size: 'font-size',
+  font_weight: 'font-weight',
+  font_style: 'font-style',
+  font_variant: 'font-variant',
+  font_stretch: 'font-stretch',
+  font_size_adjust: 'font-size-adjust',
+  font_synthesis: 'font-synthesis',
+  font_feature_settings: 'font-feature-settings',
+  font_kerning: 'font-kerning',
+  font_language_override: 'font-language-override',
+  font_optical_sizing: 'font-optical-sizing',
+  font_variant_alternates: 'font-variant-alternates',
+  font_variant_caps: 'font-variant-caps',
+  font_variant_east_asian: 'font-variant-east-asian',
+  font_variant_ligatures: 'font-variant-ligatures',
+  font_variant_numeric: 'font-variant-numeric',
+  font_variant_position: 'font-variant-position',
+
+  // Text properties
+  line_height: 'line-height',
+  letter_spacing: 'letter-spacing',
+  text_align: 'text-align',
+  text_decoration: 'text-decoration',
+  text_transform: 'text-transform',
+  white_space: 'white-space',
+  word_break: 'word-break',
+  word_wrap: 'word-wrap',
+  text_overflow: 'text-overflow',
+  text_shadow: 'text-shadow',
+  text_indent: 'text-indent',
+  text_justify: 'text-justify',
+  text_orientation: 'text-orientation',
+  text_rendering: 'text-rendering',
+  text_size_adjust: 'text-size-adjust',
+  text_combine_upright: 'text-combine-upright',
+  text_emphasis: 'text-emphasis',
+  text_emphasis_color: 'text-emphasis-color',
+  text_emphasis_position: 'text-emphasis-position',
+  text_emphasis_style: 'text-emphasis-style',
+  text_decoration_color: 'text-decoration-color',
+  text_decoration_line: 'text-decoration-line',
+  text_decoration_skip: 'text-decoration-skip',
+  text_decoration_skip_ink: 'text-decoration-skip-ink',
+  text_decoration_style: 'text-decoration-style',
+  text_underline_position: 'text-underline-position',
+  list_style: 'list-style',
+  list_style_type: 'list-style-type',
+  list_style_position: 'list-style-position',
+  list_style_image: 'list-style-image',
+
+  // Color properties
+  color: 'color',
+  accent_color: 'accent-color',
+
+  // Cursor properties
+  cursor: 'cursor',
+  pointer_events: 'pointer-events',
+
+  // Miscellaneous properties
+  vertical_align: 'vertical-align',
+  inset: 'inset',
+  inset_block: 'inset-block',
+  inset_block_start: 'inset-block-start',
+  inset_block_end: 'inset-block-end',
+  inset_inline: 'inset-inline',
+  inset_inline_start: 'inset-inline-start',
+  inset_inline_end: 'inset-inline-end',
+  // transitions
+  transition: 'transition',
+  transition_property: 'transition-property',
+  transition_duration: 'transition-duration',
+  transition_timing_function: 'transition-timing-function',
+  transition_delay: 'transition-delay',
+  // animation
+  animation: 'animation',
+  animation_name: 'animation-name',
+  animation_duration: 'animation-duration',
+  animation_timing_function: 'animation-timing-function',
+  animation_delay: 'animation-delay',
+  animation_iteration_count: 'animation-iteration-count',
+  animation_direction: 'animation-direction',
+  animation_fill_mode: 'animation-fill-mode',
+  animation_play_state: 'animation-play-state',
+  animation_timeline: 'animation-timeline',
+  // customizations
+  appearance: 'appearance',
+  user_select: 'user-select',
+  aspect_ratio: 'aspect-ratio',
+  resize: 'resize',
+  caret: 'caret',
+  caret_animation: 'caret-animation',
+  caret_shape: 'caret-shape',
+  caret_color: 'caret-color',
+  backdrop_filter: 'backdrop-filter',
+  backface_visibility: 'backface-visibility',
+  block_size: 'block-size',
+  writing_mode: 'writing-mode',
+  break_before: 'break-before',
+  break_after: 'break-after',
+  break_inside: 'break-inside',
+  clip: 'clip',
+  clip_path: 'clip-path',
+  clip_rule: 'clip-rule',
+  filter: 'filter',
+  float_offset: 'float-offset',
+  float_defer: 'float-defer',
+  hyphens: 'hyphens',
+  image_rendering: 'image-rendering',
+  image_orientation: 'image-orientation',
+  image_resolution: 'image-resolution',
+  isolation: 'isolation',
+  mix_blend_mode: 'mix-blend-mode',
+  object_fit: 'object-fit',
+  object_position: 'object-position',
+  overscroll_behavior: 'overscroll-behavior',
+  overscroll_behavior_x: 'overscroll-behavior-x',
+  overscroll_behavior_y: 'overscroll-behavior-y',
+  perspective: 'perspective',
+  perspective_origin: 'perspective-origin',
+  scroll_snap_margin: 'scroll-snap-margin',
+  scroll_snap_align: 'scroll-snap-align',
+  caption_side: 'caption-side',
+  empty_cells: 'empty-cells',
+  // svg and graphics
+  fill: 'fill',
+  fill_rule: 'fill-rule',
+  flood_color: 'flood-color',
+  flood_opacity: 'flood-opacity',
+  lighting_color: 'lighting-color',
+  marker_end: 'marker-end',
+  marker_mid: 'marker-mid',
+  marker_start: 'marker-start',
+  shape_rendering: 'shape-rendering',
+  stop_color: 'stop-color',
+  stop_opacity: 'stop-opacity',
+  stroke: 'stroke',
+  stroke_dasharray: 'stroke-dasharray',
+  stroke_dashoffset: 'stroke-dashoffset',
+  stroke_linecap: 'stroke-linecap',
+  stroke_linejoin: 'stroke-linejoin',
+  stroke_miterlimit: 'stroke-miterlimit',
+  stroke_opacity: 'stroke-opacity',
+  mask: 'mask',
+  mask_type: 'mask-type',
+  mask_image: 'mask-image',
+  mask_mode: 'mask-mode',
+  mask_repeat: 'mask-repeat',
+  mask_position: 'mask-position',
+  mask_clip: 'mask-clip',
+  mask_origin: 'mask-origin',
+  mask_size: 'mask-size',
+  mask_composite: 'mask-composite',
+  mask_border: 'mask-border',
+  mask_border_source: 'mask-border-source',
+  mask_border_mode: 'mask-border-mode',
+  mask_border_slice: 'mask-border-slice',
+  mask_border_width: 'mask-border-width',
+  mask_border_outset: 'mask-border-outset',
+  mask_border_repeat: 'mask-border-repeat',
+
+  //? only for pseudo-elements. Is the equivalent of content for ::before and ::after
+  $content: 'content',
+};
+
+module.exports = { cssProps };

package/src/constants/cssPseudoClasses.js

@@ -0,0 +1,138 @@
+/**
+ * CSS Pseudo-Classes Mapping for Bernova
+ *
+ * Comprehensive mapping of CSS pseudo-classes organized by category.
+ * Enables type-safe pseudo-class usage in Bernova's CSS-in-JS system.
+ *
+ * Categories:
+ * - Visualization: fullscreen, modal, picture-in-picture states
+ * - Input: form element states (enabled, disabled, valid, etc.)
+ * - Linguistic: language and text direction selectors
+ * - Location: link and target states
+ * - Resource: media element states
+ * - Time-dimensional: temporal states for media
+ * - Tree structural: element position and structure
+ * - User interaction: hover, focus, active states
+ *
+ * Usage: Apply via $pseudoClasses property in style objects
+ * @example
+ * {
+ *   color: 'blue',
+ *   $pseudoClasses: {
+ *     hover: { color: 'red' }
+ *   }
+ * }
+ */
+const cssPseudoClasses = {
+  // visualizations
+  fullscreen: 'fullscreen',
+  modal: 'modal',
+  picture_in_picture: 'picture-in-picture',
+  // input
+  autofill: 'autofill',
+  enabled: 'enabled',
+  disabled: 'disabled',
+  read_only: 'read-only',
+  read_write: 'read-write',
+  placeholder_shown: 'placeholder-shown',
+  default: 'default',
+  checked: 'checked',
+  indeterminate: 'indeterminate',
+  blank: 'blank',
+  valid: 'valid',
+  invalid: 'invalid',
+  in_range: 'in-range',
+  out_of_range: 'out-of-range',
+  required: 'required',
+  optional: 'optional',
+  user_valid: 'user-valid',
+  user_invalid: 'user-invalid',
+  // linguistic
+  dir: 'dir', // value
+  lang: 'lang', // value
+  // location
+  any_link: 'any-link',
+  link: 'link',
+  visited: 'visited',
+  local_link: 'local-link',
+  target: 'target',
+  target_within: 'target-within',
+  scope: 'scope',
+  // resource
+  playing: 'playing',
+  paused: 'paused',
+  // time-dimensional
+  current: 'current',
+  past: 'past',
+  future: 'future',
+  // tree structural
+  root: 'root',
+  empty: 'empty',
+  nth_child: 'nth-child', // value
+  nth_last_child: 'nth-last-child', // value
+  first_child: 'first-child',
+  last_child: 'last-child',
+  only_child: 'only-child',
+  nth_of_type: 'nth-of-type', // value
+  nth_last_of_type: 'nth-last-of-type', // value
+  first_of_type: 'first-of-type',
+  last_of_type: 'last-of-type',
+  only_of_type: 'only-of-type',
+  // user action
+  active: 'active',
+  focus: 'focus',
+  focus_visible: 'focus-visible',
+  focus_within: 'focus-within',
+  hover: 'hover',
+  // functional
+  is: 'is', // value
+  not: 'not', // value
+  where: 'where', // value
+  has: 'has', // value
+  // form validation
+  user_valid: 'user-valid',
+  user_invalid: 'user-invalid',
+  // structural pseudo-classes
+  nth_col: 'nth-col', // value
+  nth_last_col: 'nth-last-col', // value
+  // additional pseudo-classes
+  host: 'host',
+  host_context: 'host-context',
+  defined: 'defined',
+  // vendor-specific pseudo-classes
+  moz_any: '-moz-any', // value
+  moz_any_link: '-moz-any-link',
+  moz_focusring: '-moz-focusring',
+  moz_full_screen: '-moz-full-screen',
+  moz_full_screen_ancestor: '-moz-full-screen-ancestor',
+  moz_full_screen_document: '-moz-full-screen-document',
+  moz_full_screen_element: '-moz-full-screen-element',
+  moz_full_screen_root: '-moz-full-screen-root',
+  moz_placeholder: '-moz-placeholder',
+  moz_read_only: '-moz-read-only',
+  moz_read_write: '-moz-read-write',
+  moz_submit_invalid: '-moz-submit-invalid',
+  moz_ui_invalid: '-moz-ui-invalid',
+  moz_ui_valid: '-moz-ui-valid',
+  webkit_any: '-webkit-any', // value
+  webkit_any_link: '-webkit-any-link',
+  webkit_autofill: '-webkit-autofill',
+  webkit_current: '-webkit-current',
+  webkit_full_screen: '-webkit-full-screen',
+  webkit_full_screen_ancestor: '-webkit-full-screen-ancestor',
+  webkit_full_screen_document: '-webkit-full-screen-document',
+  webkit_full_screen_element: '-webkit-full-screen-element',
+  webkit_full_screen_root: '-webkit-full-screen-root',
+  webkit_input_placeholder: '-webkit-input-placeholder',
+  webkit_read_only: '-webkit-read-only',
+  webkit_read_write: '-webkit-read-write',
+  webkit_scrollbar: '-webkit-scrollbar',
+  webkit_scrollbar_button: '-webkit-scrollbar-button',
+  webkit_scrollbar_thumb: '-webkit-scrollbar-thumb',
+  webkit_scrollbar_track: '-webkit-scrollbar-track',
+  webkit_scrollbar_track_piece: '-webkit-scrollbar-track-piece',
+  webkit_search_cancel_button: '-webkit-search-cancel-button',
+  webkit_search_results_button: '-webkit-search-results-button',
+};
+
+module.exports = { cssPseudoClasses };

package/src/constants/cssPseudoElements.js

@@ -0,0 +1,83 @@
+/**
+ * CSS Pseudo-Elements Mapping for Bernova
+ *
+ * Comprehensive collection of CSS pseudo-elements organized by category.
+ * Enables type-safe pseudo-element usage in Bernova's CSS-in-JS system.
+ *
+ * Categories:
+ * - Standard: before, after, first-letter, first-line, selection
+ * - Content: marker, backdrop, placeholder, highlight
+ * - Text: spelling-error, grammar-error, target-text
+ * - Media: cue, cue-region for video/audio styling
+ * - Web Components: part, slotted for shadow DOM
+ * - Mozilla: -moz- prefixed elements for Firefox
+ * - WebKit: -webkit- prefixed elements for Safari/Chrome
+ *
+ * Usage: Apply via $pseudoElements property in style objects
+ * @example
+ * {
+ *   content: '""',
+ *   $pseudoElements: {
+ *     before: { content: '"→"', marginRight: '4px' }
+ *   }
+ * }
+ */
+const cssPseudoElements = {
+  before: 'before',
+  after: 'after',
+  first_letter: 'first-letter',
+  first_line: 'first-line',
+  selection: 'selection',
+  backdrop: 'backdrop',
+  placeholder: 'placeholder',
+  marker: 'marker',
+  spelling_error: 'spelling-error',
+  grammar_error: 'grammar-error',
+  cue: 'cue',
+  cue_region: 'cue-region',
+  part: 'part',
+  slotted: 'slotted',
+  file_selector_button: 'file-selector-button',
+  target_text: 'target-text',
+  highlight: 'highlight',
+  // Vendor-specific pseudo-elements [moz]
+  moz_color_swatch: '-moz-color-swatch',
+  moz_focus_inner: '-moz-focus-inner',
+  moz_list_bullet: '-moz-list-bullet',
+  moz_list_number: '-moz-list-number',
+  moz_meter_bar: '-moz-meter-bar',
+  moz_progress_bar: '-moz-progress-bar',
+  moz_range_progress: '-moz-range-progress',
+  moz_range_thumb: '-moz-range-thumb',
+  moz_range_track: '-moz-range-track',
+  // Vendor-specific pseudo-elements [webkit]
+  webkit_inner_spin_button: '-webkit-inner-spin-button',
+  webkit_meter_even_less_good_value: '-webkit-meter-even-less-good-value',
+  webkit_meter_inner_element: '-webkit-meter-inner-element',
+  webkit_meter_optimum_value: '-webkit-meter-optimum-value',
+  webkit_meter_suboptimum_value: '-webkit-meter-suboptimum-value',
+  webkit_progress_bar: '-webkit-progress-bar',
+  webkit_progress_inner_element: '-webkit-progress-inner-element',
+  webkit_progress_value: '-webkit-progress-value',
+  webkit_scrollbar: '-webkit-scrollbar',
+  webkit_scrollbar_button: '-webkit-scrollbar-button',
+  webkit_scrollbar_thumb: '-webkit-scrollbar-thumb',
+  webkit_scrollbar_track: '-webkit-scrollbar-track',
+  webkit_scrollbar_track_piece: '-webkit-scrollbar-track-piece',
+  webkit_search_cancel_button: '-webkit-search-cancel-button',
+  webkit_search_results_button: '-webkit-search-results-button',
+  webkit_slider_runnable_track: '-webkit-slider-runnable-track',
+  webkit_slider_thumb: '-webkit-slider-thumb',
+  webkit_resizer: '-webkit-resizer',
+  webkit_input_placeholder: '-webkit-input-placeholder',
+  // Additional pseudo-elements
+  placeholder_shown: 'placeholder-shown',
+  autofill: 'autofill',
+  progress_value: 'progress-value',
+  progress_bar: 'progress-bar',
+  meter_optimum: 'meter-optimum',
+  meter_suboptimum: 'meter-suboptimum',
+  meter_sub_suboptimum: 'meter-sub-suboptimum',
+};
+
+module.exports = { cssPseudoElements };

package/src/constants/index.js

@@ -0,0 +1,15 @@
+const { cssAdvancedSelectors } = require('./cssAdvancedSelectors.js');
+const { cssProps } = require('./cssProps.js');
+const { cssPseudoClasses } = require('./cssPseudoClasses.js');
+const { cssPseudoElements } = require('./cssPseudoElements.js');
+const { resetCss } = require('./resetCss.js');
+const { compilerTypeValid } = require('./compilerType.js');
+
+module.exports = {
+  cssAdvancedSelectors,
+  cssProps,
+  cssPseudoClasses,
+  cssPseudoElements,
+  resetCss,
+  compilerTypeValid,
+};