@morscherlab/mint-sdk 1.0.0-alpha.8 → 1.0.0-beta.1

package/src/styles/components/dataframe.css

@@ -1,29 +1,29 @@
 /* DataFrame Component Styles */
 
-.mld-dataframe {
+.mint-dataframe {
   background-color: var(--bg-secondary);
   border-radius: var(--radius-md);
   overflow: hidden;
 }
 
-.mld-dataframe--bordered {
+.mint-dataframe--bordered {
   border: 1px solid var(--border-color);
 }
 
 /* Search header */
-.mld-dataframe__header {
+.mint-dataframe__header {
   padding: 0.625rem 0.75rem;
   border-bottom: 1px solid var(--border-color);
   background-color: var(--bg-tertiary);
 }
 
-.mld-dataframe__search-wrapper {
+.mint-dataframe__search-wrapper {
   position: relative;
   display: flex;
   align-items: center;
 }
 
-.mld-dataframe__search-icon {
+.mint-dataframe__search-icon {
   position: absolute;
   left: 0.5rem;
   width: 1rem;
@@ -32,7 +32,7 @@
   pointer-events: none;
 }
 
-.mld-dataframe__search {
+.mint-dataframe__search {
   width: 100%;
   padding: 0.375rem 0.5rem 0.375rem 1.75rem;
   background-color: var(--bg-secondary);
@@ -44,23 +44,23 @@
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 
-.mld-dataframe__search::placeholder {
+.mint-dataframe__search::placeholder {
   color: var(--text-muted);
 }
 
-.mld-dataframe__search:focus-visible {
+.mint-dataframe__search:focus-visible {
   border-color: transparent;
   box-shadow: var(--focus-ring);
 }
 
 /* Table wrapper */
-.mld-dataframe__table-wrapper {
+.mint-dataframe__table-wrapper {
   position: relative;
   overflow-x: auto;
 }
 
 /* Table */
-.mld-dataframe__table {
+.mint-dataframe__table {
   width: 100% !important;
   border-collapse: collapse !important;
   border-spacing: 0 !important;
@@ -70,37 +70,37 @@
   border-radius: 0 !important;
 }
 
-.mld-dataframe__table thead {
+.mint-dataframe__table thead {
   display: table-header-group !important;
 }
 
-.mld-dataframe__table tbody {
+.mint-dataframe__table tbody {
   display: table-row-group !important;
 }
 
-.mld-dataframe__table tr {
+.mint-dataframe__table tr {
   display: table-row !important;
   border: none !important;
   background: transparent !important;
 }
 
-.mld-dataframe__table tr:nth-child(2n) {
+.mint-dataframe__table tr:nth-child(2n) {
   background: transparent !important;
 }
 
 /* Thead */
-.mld-dataframe__thead {
+.mint-dataframe__thead {
   background-color: var(--bg-tertiary);
 }
 
-.mld-dataframe__thead--sticky {
+.mint-dataframe__thead--sticky {
   position: sticky;
   top: 0;
   z-index: 2;
 }
 
 /* Th */
-.mld-dataframe__th {
+.mint-dataframe__th {
   font-size: 0.6875rem !important;
   font-weight: 600 !important;
   color: var(--text-muted) !important;
@@ -115,76 +115,76 @@
   background: transparent !important;
 }
 
-.mld-dataframe__th--sm {
+.mint-dataframe__th--sm {
   padding: 0.375rem 0.5rem !important;
 }
 
-.mld-dataframe__th--md {
+.mint-dataframe__th--md {
   padding: 0.5rem 0.75rem !important;
 }
 
-.mld-dataframe__th--lg {
+.mint-dataframe__th--lg {
   padding: 0.625rem 1rem !important;
 }
 
-.mld-dataframe__th--align-left {
+.mint-dataframe__th--align-left {
   text-align: left;
 }
 
-.mld-dataframe__th--align-center {
+.mint-dataframe__th--align-center {
   text-align: center;
 }
 
-.mld-dataframe__th--align-right {
+.mint-dataframe__th--align-right {
   text-align: right;
 }
 
-.mld-dataframe__th--sortable {
+.mint-dataframe__th--sortable {
   cursor: pointer;
   user-select: none;
   transition: color 0.15s ease;
 }
 
-.mld-dataframe__th--sortable:hover {
+.mint-dataframe__th--sortable:hover {
   color: var(--text-primary);
 }
 
-.mld-dataframe__th--sorted {
+.mint-dataframe__th--sorted {
   color: var(--color-primary);
 }
 
-.mld-dataframe__th--checkbox {
+.mint-dataframe__th--checkbox {
   width: 2.5rem;
   padding: 0.5rem;
   text-align: center;
 }
 
-.mld-dataframe__th-content {
+.mint-dataframe__th-content {
   display: inline-flex;
   align-items: center;
   gap: 0.25rem;
 }
 
 /* Sort icon */
-.mld-dataframe__sort-icon {
+.mint-dataframe__sort-icon {
   width: 0.875rem;
   height: 0.875rem;
   opacity: 0.3;
   transition: opacity 0.15s ease;
 }
 
-.mld-dataframe__th--sortable:hover .mld-dataframe__sort-icon {
+.mint-dataframe__th--sortable:hover .mint-dataframe__sort-icon {
   opacity: 0.6;
 }
 
-.mld-dataframe__sort-icon--asc,
-.mld-dataframe__sort-icon--desc {
+.mint-dataframe__sort-icon--asc,
+.mint-dataframe__sort-icon--desc {
   opacity: 1;
   color: var(--color-primary);
 }
 
 /* Td */
-.mld-dataframe__td {
+.mint-dataframe__td {
   font-size: 0.8125rem !important;
   color: var(--text-primary) !important;
   border-top: none !important;
@@ -194,45 +194,45 @@
   background: transparent !important;
 }
 
-.mld-dataframe__td--sm {
+.mint-dataframe__td--sm {
   padding: 0.375rem 0.5rem !important;
 }
 
-.mld-dataframe__td--md {
+.mint-dataframe__td--md {
   padding: 0.5rem 0.75rem !important;
 }
 
-.mld-dataframe__td--lg {
+.mint-dataframe__td--lg {
   padding: 0.625rem 1rem !important;
 }
 
-.mld-dataframe__td--align-left {
+.mint-dataframe__td--align-left {
   text-align: left;
 }
 
-.mld-dataframe__td--align-center {
+.mint-dataframe__td--align-center {
   text-align: center;
 }
 
-.mld-dataframe__td--align-right {
+.mint-dataframe__td--align-right {
   text-align: right;
 }
 
-.mld-dataframe__td--ellipsis {
+.mint-dataframe__td--ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 0;
 }
 
-.mld-dataframe__td--checkbox {
+.mint-dataframe__td--checkbox {
   width: 2.5rem;
   padding: 0.5rem;
   text-align: center;
 }
 
 /* Checkbox */
-.mld-dataframe__checkbox {
+.mint-dataframe__checkbox {
   width: 1rem;
   height: 1rem;
   cursor: pointer;
@@ -240,36 +240,36 @@
 }
 
 /* Row */
-.mld-dataframe__row {
+.mint-dataframe__row {
   transition: background-color 0.1s ease;
 }
 
-.mld-dataframe__row:hover {
+.mint-dataframe__row:hover {
   background-color: var(--bg-hover);
 }
 
-.mld-dataframe__row--striped {
+.mint-dataframe__row--striped {
   background-color: var(--bg-tertiary);
 }
 
-.mld-dataframe__row--striped:hover {
+.mint-dataframe__row--striped:hover {
   background-color: var(--bg-hover);
 }
 
-.mld-dataframe__row--selected {
+.mint-dataframe__row--selected {
   background-color: rgba(59, 130, 246, 0.08);
 }
 
-html.dark .mld-dataframe__row--selected {
+html.dark .mint-dataframe__row--selected {
   background-color: rgba(59, 130, 246, 0.15);
 }
 
-.mld-dataframe__row:last-child .mld-dataframe__td {
+.mint-dataframe__row:last-child .mint-dataframe__td {
   border-bottom: none;
 }
 
 /* Empty state */
-.mld-dataframe__empty {
+.mint-dataframe__empty {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -278,14 +278,14 @@ html.dark .mld-dataframe__row--selected {
   color: var(--text-muted);
 }
 
-.mld-dataframe__empty-icon {
+.mint-dataframe__empty-icon {
   width: 2.5rem;
   height: 2.5rem;
   opacity: 0.5;
   margin-bottom: 0.5rem;
 }
 
-.mld-dataframe__empty-text {
+.mint-dataframe__empty-text {
   font-size: 0.875rem;
   margin-top: 0 !important;
   margin-bottom: 0 !important;
@@ -293,7 +293,7 @@ html.dark .mld-dataframe__row--selected {
 }
 
 /* Loading overlay */
-.mld-dataframe__loading {
+.mint-dataframe__loading {
   position: absolute;
   inset: 0;
   display: flex;
@@ -303,24 +303,24 @@ html.dark .mld-dataframe__row--selected {
   z-index: 3;
 }
 
-html.dark .mld-dataframe__loading {
+html.dark .mint-dataframe__loading {
   background-color: rgba(0, 0, 0, 0.4);
 }
 
-.mld-dataframe__loading-spinner {
+.mint-dataframe__loading-spinner {
   width: 1.5rem;
   height: 1.5rem;
   color: var(--color-primary);
-  animation: mld-dataframe-spin 1s linear infinite;
+  animation: mint-dataframe-spin 1s linear infinite;
 }
 
-@keyframes mld-dataframe-spin {
+@keyframes mint-dataframe-spin {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
 }
 
 /* Footer / Pagination */
-.mld-dataframe__footer {
+.mint-dataframe__footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -329,25 +329,25 @@ html.dark .mld-dataframe__loading {
   background-color: var(--bg-tertiary);
 }
 
-.mld-dataframe__page-info {
+.mint-dataframe__page-info {
   font-size: 0.75rem;
   color: var(--text-muted);
 }
 
-.mld-dataframe__page-controls {
+.mint-dataframe__page-controls {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
 
-.mld-dataframe__page-number {
+.mint-dataframe__page-number {
   font-size: 0.75rem;
   color: var(--text-secondary);
   min-width: 3rem;
   text-align: center;
 }
 
-.mld-dataframe__page-btn {
+.mint-dataframe__page-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -361,22 +361,22 @@ html.dark .mld-dataframe__loading {
   transition: background-color 0.15s ease, color 0.15s ease;
 }
 
-.mld-dataframe__page-btn:hover:not(:disabled) {
+.mint-dataframe__page-btn:hover:not(:disabled) {
   background-color: var(--bg-hover);
   color: var(--text-primary);
 }
 
-.mld-dataframe__page-btn:disabled {
+.mint-dataframe__page-btn:disabled {
   opacity: 0.4;
   cursor: not-allowed;
 }
 
-.mld-dataframe__page-btn:focus-visible {
+.mint-dataframe__page-btn:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
 
-.mld-dataframe__page-btn svg {
+.mint-dataframe__page-btn svg {
   width: 0.875rem;
   height: 0.875rem;
 }

package/src/styles/components/date-picker.css

@@ -1,15 +1,15 @@
 /* DatePicker Component Styles */
 
-.mld-date-picker {
+.mint-date-picker {
   position: relative;
 }
 
 /* Input wrapper */
-.mld-date-picker__input-wrapper {
+.mint-date-picker__input-wrapper {
   position: relative;
 }
 
-.mld-date-picker__input {
+.mint-date-picker__input {
   width: 100%;
   border-radius: var(--radius-md);
   border: 1px solid var(--border-color);
@@ -22,45 +22,45 @@
   line-height: 1.25;
 }
 
-.mld-date-picker__input:focus-visible {
+.mint-date-picker__input:focus-visible {
   outline: none;
   border-color: transparent;
   box-shadow: var(--focus-ring);
 }
 
-.mld-date-picker__input--sm {
+.mint-date-picker__input--sm {
   padding: 0.375rem 0.625rem;
   font-size: 0.875rem;
   min-height: var(--form-height-sm);
 }
 
-.mld-date-picker__input--md {
+.mint-date-picker__input--md {
   padding: 0.5rem 0.75rem;
   font-size: 0.875rem;
   min-height: var(--form-height-md);
 }
 
-.mld-date-picker__input--lg {
+.mint-date-picker__input--lg {
   padding: 0.75rem 1rem;
   font-size: 1rem;
   min-height: var(--form-height-lg);
 }
 
-.mld-date-picker__input--error {
+.mint-date-picker__input--error {
   border-color: var(--mint-error);
 }
 
-.mld-date-picker__input--error:focus-visible {
+.mint-date-picker__input--error:focus-visible {
   box-shadow: var(--focus-ring-error);
 }
 
-.mld-date-picker__input--disabled {
+.mint-date-picker__input--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
   background-color: var(--bg-tertiary);
 }
 
-.mld-date-picker__icon {
+.mint-date-picker__icon {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -71,14 +71,14 @@
   pointer-events: none;
 }
 
-.mld-date-picker__icon svg {
+.mint-date-picker__icon svg {
   width: 1rem;
   height: 1rem;
   color: var(--text-muted);
 }
 
 /* Calendar dropdown (teleported to body, positioned via JS) */
-.mld-date-picker__dropdown {
+.mint-date-picker__dropdown {
   position: fixed;
   z-index: 9999;
   width: 18rem;
@@ -90,14 +90,14 @@
 }
 
 /* Calendar header */
-.mld-date-picker__header {
+.mint-date-picker__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 0.75rem;
 }
 
-.mld-date-picker__nav-btn {
+.mint-date-picker__nav-btn {
   padding: 0.5rem;
   border-radius: 9999px;
   background: transparent;
@@ -107,31 +107,31 @@
   transition: background-color 0.15s ease, color 0.15s ease;
 }
 
-.mld-date-picker__nav-btn:hover {
+.mint-date-picker__nav-btn:hover {
   background-color: var(--bg-tertiary);
   color: var(--text-primary);
 }
 
-.mld-date-picker__nav-btn svg {
+.mint-date-picker__nav-btn svg {
   width: 1.25rem;
   height: 1.25rem;
 }
 
-.mld-date-picker__month-year {
+.mint-date-picker__month-year {
   font-size: 0.875rem;
   font-weight: 500;
   color: var(--text-primary);
 }
 
 /* Week days header */
-.mld-date-picker__weekdays {
+.mint-date-picker__weekdays {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 0.25rem;
   margin-bottom: 0.25rem;
 }
 
-.mld-date-picker__weekday {
+.mint-date-picker__weekday {
   text-align: center;
   font-size: 0.75rem;
   font-weight: 500;
@@ -140,13 +140,13 @@
 }
 
 /* Calendar grid */
-.mld-date-picker__grid {
+.mint-date-picker__grid {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 0.125rem;
 }
 
-.mld-date-picker__day {
+.mint-date-picker__day {
   width: 2.25rem;
   height: 2.25rem;
   font-size: 0.875rem;
@@ -161,34 +161,34 @@
   color: var(--text-primary);
 }
 
-.mld-date-picker__day:hover:not(:disabled) {
+.mint-date-picker__day:hover:not(:disabled) {
   background-color: var(--bg-tertiary);
 }
 
-.mld-date-picker__day--other-month {
+.mint-date-picker__day--other-month {
   color: var(--text-muted);
 }
 
-.mld-date-picker__day--disabled {
+.mint-date-picker__day--disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
-.mld-date-picker__day--selected {
+.mint-date-picker__day--selected {
   background-color: var(--color-primary);
   color: white;
 }
 
-.mld-date-picker__day--selected:hover {
+.mint-date-picker__day--selected:hover {
   background-color: var(--color-primary);
 }
 
-.mld-date-picker__day--today {
+.mint-date-picker__day--today {
   box-shadow: inset 0 0 0 1px var(--color-primary);
 }
 
 /* Footer */
-.mld-date-picker__footer {
+.mint-date-picker__footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -197,7 +197,7 @@
   border-top: 1px solid var(--border-color);
 }
 
-.mld-date-picker__footer-btn {
+.mint-date-picker__footer-btn {
   font-size: 0.75rem;
   background: transparent;
   border: none;
@@ -205,39 +205,39 @@
   transition: color 0.15s ease;
 }
 
-.mld-date-picker__today-btn {
+.mint-date-picker__today-btn {
   color: var(--color-primary);
 }
 
-.mld-date-picker__today-btn:hover {
+.mint-date-picker__today-btn:hover {
   opacity: 0.8;
 }
 
-.mld-date-picker__clear-btn {
+.mint-date-picker__clear-btn {
   color: var(--text-muted);
 }
 
-.mld-date-picker__clear-btn:hover {
+.mint-date-picker__clear-btn:hover {
   color: var(--text-primary);
 }
 
 /* Transition classes */
-.mld-date-picker__dropdown-enter-active {
+.mint-date-picker__dropdown-enter-active {
   transition: opacity 0.1s ease-out, transform 0.1s ease-out;
 }
 
-.mld-date-picker__dropdown-leave-active {
+.mint-date-picker__dropdown-leave-active {
   transition: opacity 0.075s ease-in, transform 0.075s ease-in;
 }
 
-.mld-date-picker__dropdown-enter-from,
-.mld-date-picker__dropdown-leave-to {
+.mint-date-picker__dropdown-enter-from,
+.mint-date-picker__dropdown-leave-to {
   opacity: 0;
   transform: scale(0.95);
 }
 
-.mld-date-picker__dropdown-enter-to,
-.mld-date-picker__dropdown-leave-from {
+.mint-date-picker__dropdown-enter-to,
+.mint-date-picker__dropdown-leave-from {
   opacity: 1;
   transform: scale(1);
 }