@mekari/pixel3-theme 0.2.2-dev.2 → 0.2.2-dev.4

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.
package/dist/index.mjs CHANGED
@@ -208,12 +208,6 @@ var tagSlotRecipe = defineSlotRecipe({
208
208
  }
209
209
  }
210
210
  }
211
- },
212
- {
213
- size: "sm",
214
- css: {
215
- close: { paddingTop: "0" }
216
- }
217
211
  }
218
212
  ],
219
213
  defaultVariants: {
@@ -1481,15 +1475,15 @@ var selectSlotRecipe = defineSlotRecipe5({
1481
1475
  }
1482
1476
  },
1483
1477
  _focus: {
1484
- borderColor: "transparent",
1478
+ borderColor: "border.focused",
1485
1479
  boxShadow: "focus",
1486
1480
  _hover: {
1487
- borderColor: "transparent"
1481
+ borderColor: "border.focused"
1488
1482
  },
1489
1483
  _invalid: {
1490
- borderColor: "transparent",
1484
+ borderColor: "border.focused",
1491
1485
  _hover: {
1492
- borderColor: "transparent"
1486
+ borderColor: "border.focused"
1493
1487
  }
1494
1488
  }
1495
1489
  },
@@ -3314,50 +3308,56 @@ var inputTagSlotRecipe = defineSlotRecipe14({
3314
3308
  });
3315
3309
 
3316
3310
  // src/recipes/divider.ts
3317
- import { defineRecipe as defineRecipe11 } from "@pandacss/dev";
3318
- var dividerRecipe = defineRecipe11({
3311
+ import { defineSlotRecipe as defineSlotRecipe15 } from "@pandacss/dev";
3312
+ var dividerSlotRecipe = defineSlotRecipe15({
3319
3313
  className: "divider",
3320
3314
  jsx: ["MpDivider", "mp-divider"],
3315
+ slots: ["root", "label"],
3321
3316
  base: {
3322
- border: 0,
3323
- opacity: 0.6,
3324
- color: "rgb(208, 214, 221)",
3325
- _nextTheme: {
3326
- color: "border.default",
3327
- opacity: 1
3328
- }
3329
- },
3330
- variants: {
3331
- variant: {
3332
- solid: {
3333
- borderStyle: "solid"
3334
- },
3335
- dashed: {
3336
- borderStyle: "dashed"
3317
+ root: {
3318
+ position: "relative",
3319
+ borderColor: "gray.100",
3320
+ color: "gray.100",
3321
+ _nextTheme: {
3322
+ color: "text.secondary",
3323
+ borderColor: "border.default"
3337
3324
  }
3338
3325
  },
3339
- orientation: {
3340
- horizontal: {
3341
- borderBottom: "0.0625rem solid",
3342
- height: "auto",
3343
- marginY: 2
3326
+ label: {
3327
+ display: "flex",
3328
+ alignItems: "center",
3329
+ borderColor: "gray.100",
3330
+ color: "gray.600",
3331
+ _nextTheme: {
3332
+ color: "text.secondary"
3344
3333
  },
3345
- vertical: {
3346
- borderLeft: "0.0625rem solid",
3347
- height: "auto",
3348
- marginX: 2
3334
+ _before: {
3335
+ content: '""',
3336
+ flex: 1,
3337
+ borderTopWidth: "0.0625rem",
3338
+ marginRight: "2",
3339
+ borderColor: "gray.100",
3340
+ _nextTheme: {
3341
+ borderColor: "border.default"
3342
+ }
3343
+ },
3344
+ _after: {
3345
+ content: '""',
3346
+ flex: 1,
3347
+ borderTopWidth: "0.0625rem",
3348
+ marginLeft: "2",
3349
+ borderColor: "gray.100",
3350
+ _nextTheme: {
3351
+ borderColor: "border.default"
3352
+ }
3349
3353
  }
3350
3354
  }
3351
- },
3352
- compoundVariants: [],
3353
- defaultVariants: {
3354
- orientation: "horizontal"
3355
3355
  }
3356
3356
  });
3357
3357
 
3358
3358
  // src/recipes/modal.ts
3359
- import { defineSlotRecipe as defineSlotRecipe15 } from "@pandacss/dev";
3360
- var modalSlotRecipe = defineSlotRecipe15({
3359
+ import { defineSlotRecipe as defineSlotRecipe16 } from "@pandacss/dev";
3360
+ var modalSlotRecipe = defineSlotRecipe16({
3361
3361
  className: "modal",
3362
3362
  description: "The styles for the Modal component",
3363
3363
  jsx: ["MpModal", "mp-modal"],
@@ -3458,7 +3458,10 @@ var modalSlotRecipe = defineSlotRecipe15({
3458
3458
  top: "0",
3459
3459
  w: "100vw",
3460
3460
  h: "100vh",
3461
- zIndex: "overlay"
3461
+ zIndex: "overlay",
3462
+ _nextTheme: {
3463
+ background: "background.overlay"
3464
+ }
3462
3465
  }
3463
3466
  },
3464
3467
  variants: {
@@ -3491,8 +3494,8 @@ var modalSlotRecipe = defineSlotRecipe15({
3491
3494
  });
3492
3495
 
3493
3496
  // src/recipes/upload.ts
3494
- import { defineSlotRecipe as defineSlotRecipe16 } from "@pandacss/dev";
3495
- var uploadSlotRecipe = defineSlotRecipe16({
3497
+ import { defineSlotRecipe as defineSlotRecipe17 } from "@pandacss/dev";
3498
+ var uploadSlotRecipe = defineSlotRecipe17({
3496
3499
  className: "upload",
3497
3500
  jsx: ["MpUpload", "mp-upload"],
3498
3501
  slots: ["root", "resetButton"],
@@ -3577,7 +3580,7 @@ var uploadSlotRecipe = defineSlotRecipe16({
3577
3580
  }
3578
3581
  }
3579
3582
  });
3580
- var uploadListSlotRecipe = defineSlotRecipe16({
3583
+ var uploadListSlotRecipe = defineSlotRecipe17({
3581
3584
  className: "upload-list",
3582
3585
  jsx: ["MpUploadList", "mp-upload-list"],
3583
3586
  slots: ["root", "titleWrapper", "actionWrapper"],
@@ -3620,8 +3623,8 @@ var uploadListSlotRecipe = defineSlotRecipe16({
3620
3623
  });
3621
3624
 
3622
3625
  // src/recipes/dropzone.ts
3623
- import { defineSlotRecipe as defineSlotRecipe17 } from "@pandacss/dev";
3624
- var dropzoneSlotRecipe = defineSlotRecipe17({
3626
+ import { defineSlotRecipe as defineSlotRecipe18 } from "@pandacss/dev";
3627
+ var dropzoneSlotRecipe = defineSlotRecipe18({
3625
3628
  className: "dropzone",
3626
3629
  jsx: ["MpDropzone", "mp-dropzone"],
3627
3630
  slots: [
@@ -3850,8 +3853,8 @@ var dropzoneSlotRecipe = defineSlotRecipe17({
3850
3853
  });
3851
3854
 
3852
3855
  // src/recipes/segmented-control.ts
3853
- import { defineSlotRecipe as defineSlotRecipe18 } from "@pandacss/dev";
3854
- var segmentedControlSlotRecipe = defineSlotRecipe18({
3856
+ import { defineSlotRecipe as defineSlotRecipe19 } from "@pandacss/dev";
3857
+ var segmentedControlSlotRecipe = defineSlotRecipe19({
3855
3858
  className: "segmented-control",
3856
3859
  jsx: ["MpSegmentedControl", "mp-segmented-control"],
3857
3860
  slots: ["root", "item", "hidden", "control", "label", "icon"],
@@ -3978,8 +3981,8 @@ var segmentedControlSlotRecipe = defineSlotRecipe18({
3978
3981
  });
3979
3982
 
3980
3983
  // src/recipes/toast.ts
3981
- import { defineSlotRecipe as defineSlotRecipe19 } from "@pandacss/dev";
3982
- var toastSlotRecipe = defineSlotRecipe19({
3984
+ import { defineSlotRecipe as defineSlotRecipe20 } from "@pandacss/dev";
3985
+ var toastSlotRecipe = defineSlotRecipe20({
3983
3986
  className: "toast",
3984
3987
  jsx: ["MpToast", "mp-toast"],
3985
3988
  slots: ["root", "icon", "label"],
@@ -4042,8 +4045,8 @@ var toastSlotRecipe = defineSlotRecipe19({
4042
4045
  });
4043
4046
 
4044
4047
  // src/recipes/broadcast.ts
4045
- import { defineSlotRecipe as defineSlotRecipe20 } from "@pandacss/dev";
4046
- var broadcastSlotRecipe = defineSlotRecipe20({
4048
+ import { defineSlotRecipe as defineSlotRecipe21 } from "@pandacss/dev";
4049
+ var broadcastSlotRecipe = defineSlotRecipe21({
4047
4050
  className: "broadcast",
4048
4051
  jsx: ["MpBroadcast", "mp-broadcast"],
4049
4052
  slots: ["root", "container", "wrapper", "icon", "label", "textLink", "action", "close"],
@@ -4179,8 +4182,8 @@ var broadcastSlotRecipe = defineSlotRecipe20({
4179
4182
  });
4180
4183
 
4181
4184
  // src/recipes/rich-text-editor.ts
4182
- import { defineRecipe as defineRecipe12, defineSlotRecipe as defineSlotRecipe21 } from "@pandacss/dev";
4183
- var richTextEditorSlotRecipe = defineSlotRecipe21({
4185
+ import { defineRecipe as defineRecipe11, defineSlotRecipe as defineSlotRecipe22 } from "@pandacss/dev";
4186
+ var richTextEditorSlotRecipe = defineSlotRecipe22({
4184
4187
  className: "rich-text-editor",
4185
4188
  jsx: ["MpRichTextEditor", "mp-rich-text-editor"],
4186
4189
  slots: ["root", "toolbar", "area"],
@@ -4285,7 +4288,7 @@ var richTextEditorSlotRecipe = defineSlotRecipe21({
4285
4288
  compoundVariants: [],
4286
4289
  defaultVariants: {}
4287
4290
  });
4288
- var RTEStyleProviderRecipe = defineRecipe12({
4291
+ var RTEStyleProviderRecipe = defineRecipe11({
4289
4292
  className: "typography-style-provider",
4290
4293
  jsx: ["MpTypographyStyleProvider", "mp-typography-style-provider"],
4291
4294
  base: {
@@ -4342,8 +4345,8 @@ var RTEStyleProviderRecipe = defineRecipe12({
4342
4345
  });
4343
4346
 
4344
4347
  // src/recipes/date-picker.ts
4345
- import { defineSlotRecipe as defineSlotRecipe22, defineRecipe as defineRecipe13 } from "@pandacss/dev";
4346
- var datePickerSlotRecipe = defineSlotRecipe22({
4348
+ import { defineSlotRecipe as defineSlotRecipe23, defineRecipe as defineRecipe12 } from "@pandacss/dev";
4349
+ var datePickerSlotRecipe = defineSlotRecipe23({
4347
4350
  className: "datepicker",
4348
4351
  jsx: ["MpDatePicker", "mp-date-picker"],
4349
4352
  slots: ["root", "popoverContent"],
@@ -4370,14 +4373,14 @@ var datePickerSlotRecipe = defineSlotRecipe22({
4370
4373
  }
4371
4374
  }
4372
4375
  });
4373
- var calendarPanelRangeRecipe = defineRecipe13({
4376
+ var calendarPanelRangeRecipe = defineRecipe12({
4374
4377
  className: "calendarPanelRange",
4375
4378
  base: {
4376
4379
  display: "grid",
4377
4380
  gridTemplateColumns: "repeat(2, 1fr)"
4378
4381
  }
4379
4382
  });
4380
- var timePanelSlotRecipe = defineSlotRecipe22({
4383
+ var timePanelSlotRecipe = defineSlotRecipe23({
4381
4384
  className: "timePanel",
4382
4385
  slots: ["root", "column"],
4383
4386
  jsx: ["TimePanel", "time-panel"],
@@ -4397,7 +4400,7 @@ var timePanelSlotRecipe = defineSlotRecipe22({
4397
4400
  }
4398
4401
  }
4399
4402
  });
4400
- var tableDateSlotRecipe = defineSlotRecipe22({
4403
+ var tableDateSlotRecipe = defineSlotRecipe23({
4401
4404
  className: "tableDate",
4402
4405
  jsx: ["TableDate", "table-date"],
4403
4406
  slots: [
@@ -4426,7 +4429,7 @@ var tableDateSlotRecipe = defineSlotRecipe22({
4426
4429
  }
4427
4430
  }
4428
4431
  });
4429
- var tableMonthSlotRecipe = defineSlotRecipe22({
4432
+ var tableMonthSlotRecipe = defineSlotRecipe23({
4430
4433
  className: "tableMonth",
4431
4434
  jsx: ["TableMonth", "table-month"],
4432
4435
  slots: ["headerRoot", "headerLabel", "monthItemRoot", "monthItemWrapper", "shortcutLabelWrapper"],
@@ -4447,7 +4450,7 @@ var tableMonthSlotRecipe = defineSlotRecipe22({
4447
4450
  }
4448
4451
  }
4449
4452
  });
4450
- var tableYearSlotRecipe = defineSlotRecipe22({
4453
+ var tableYearSlotRecipe = defineSlotRecipe23({
4451
4454
  className: "tableYear",
4452
4455
  jsx: ["TableYear", "table-year"],
4453
4456
  slots: ["headerRoot", "headerLabel", "yearItemRoot", "yearItemWrapper", "shortcutLabelWrapper"],
@@ -4467,7 +4470,7 @@ var tableYearSlotRecipe = defineSlotRecipe22({
4467
4470
  }
4468
4471
  }
4469
4472
  });
4470
- var dayItemRecipe = defineRecipe13({
4473
+ var dayItemRecipe = defineRecipe12({
4471
4474
  className: "day",
4472
4475
  jsx: ["Day", "day"],
4473
4476
  base: {
@@ -4489,7 +4492,7 @@ var dayItemRecipe = defineRecipe13({
4489
4492
  }
4490
4493
  }
4491
4494
  });
4492
- var dateItemRecipe = defineRecipe13({
4495
+ var dateItemRecipe = defineRecipe12({
4493
4496
  className: "dateItem",
4494
4497
  jsx: ["DateItem", "date-item", "Date", "date"],
4495
4498
  base: {
@@ -4639,7 +4642,7 @@ var dateItemRecipe = defineRecipe13({
4639
4642
  },
4640
4643
  staticCss: ["*"]
4641
4644
  });
4642
- var pinbarSlotRecipe = defineSlotRecipe22({
4645
+ var pinbarSlotRecipe = defineSlotRecipe23({
4643
4646
  className: "pinbar",
4644
4647
  slots: ["root", "pinbar"],
4645
4648
  base: {
@@ -4658,7 +4661,7 @@ var pinbarSlotRecipe = defineSlotRecipe22({
4658
4661
  }
4659
4662
  }
4660
4663
  });
4661
- var monthItemRecipe = defineRecipe13({
4664
+ var monthItemRecipe = defineRecipe12({
4662
4665
  className: "monthItem",
4663
4666
  jsx: ["MonthItem", "month-item"],
4664
4667
  base: {
@@ -4676,7 +4679,10 @@ var monthItemRecipe = defineRecipe13({
4676
4679
  color: "gray.400",
4677
4680
  cursor: "not-allowed",
4678
4681
  borderColor: "transparent",
4679
- backgroundColor: "transparent"
4682
+ backgroundColor: "transparent",
4683
+ _nextTheme: {
4684
+ color: "text.disabled"
4685
+ }
4680
4686
  },
4681
4687
  _nextTheme: {
4682
4688
  color: "text.default"
@@ -4737,7 +4743,7 @@ var monthItemRecipe = defineRecipe13({
4737
4743
  },
4738
4744
  staticCss: ["*"]
4739
4745
  });
4740
- var yearItemRecipe = defineRecipe13({
4746
+ var yearItemRecipe = defineRecipe12({
4741
4747
  className: "yearItem",
4742
4748
  jsx: ["YearItem", "year-item"],
4743
4749
  base: {
@@ -4755,7 +4761,10 @@ var yearItemRecipe = defineRecipe13({
4755
4761
  color: "gray.400",
4756
4762
  cursor: "not-allowed",
4757
4763
  borderColor: "transparent",
4758
- backgroundColor: "transparent"
4764
+ backgroundColor: "transparent",
4765
+ _nextTheme: {
4766
+ color: "text.disabled"
4767
+ }
4759
4768
  },
4760
4769
  _nextTheme: {
4761
4770
  color: "text.default"
@@ -4816,7 +4825,7 @@ var yearItemRecipe = defineRecipe13({
4816
4825
  },
4817
4826
  staticCss: ["*"]
4818
4827
  });
4819
- var timeItemRecipe = defineRecipe13({
4828
+ var timeItemRecipe = defineRecipe12({
4820
4829
  className: "timeItem",
4821
4830
  jsx: ["TimeItem", "time-item"],
4822
4831
  base: {
@@ -4834,7 +4843,10 @@ var timeItemRecipe = defineRecipe13({
4834
4843
  color: "gray.400",
4835
4844
  cursor: "not-allowed",
4836
4845
  borderColor: "transparent",
4837
- backgroundColor: "transparent"
4846
+ backgroundColor: "transparent",
4847
+ _nextTheme: {
4848
+ color: "text.disabled"
4849
+ }
4838
4850
  },
4839
4851
  _nextTheme: {
4840
4852
  color: "text.default"
@@ -4879,8 +4891,8 @@ var timeItemRecipe = defineRecipe13({
4879
4891
  });
4880
4892
 
4881
4893
  // src/recipes/carousel.ts
4882
- import { defineSlotRecipe as defineSlotRecipe23 } from "@pandacss/dev";
4883
- var carouselSlotRecipe = defineSlotRecipe23({
4894
+ import { defineSlotRecipe as defineSlotRecipe24 } from "@pandacss/dev";
4895
+ var carouselSlotRecipe = defineSlotRecipe24({
4884
4896
  className: "carousel",
4885
4897
  jsx: ["MpCarousel", "mp-carousel"],
4886
4898
  slots: [
@@ -4933,8 +4945,8 @@ var carouselSlotRecipe = defineSlotRecipe23({
4933
4945
  });
4934
4946
 
4935
4947
  // src/recipes/chart.ts
4936
- import { defineSlotRecipe as defineSlotRecipe24 } from "@pandacss/dev";
4937
- var chartSlotRecipe = defineSlotRecipe24({
4948
+ import { defineSlotRecipe as defineSlotRecipe25 } from "@pandacss/dev";
4949
+ var chartSlotRecipe = defineSlotRecipe25({
4938
4950
  className: "chart",
4939
4951
  jsx: ["MpChart", "mp-chart"],
4940
4952
  slots: [
@@ -5039,8 +5051,8 @@ var chartSlotRecipe = defineSlotRecipe24({
5039
5051
  });
5040
5052
 
5041
5053
  // src/recipes/autocomplete.ts
5042
- import { defineSlotRecipe as defineSlotRecipe25 } from "@pandacss/dev";
5043
- var autocompleteSlotRecipe = defineSlotRecipe25({
5054
+ import { defineSlotRecipe as defineSlotRecipe26 } from "@pandacss/dev";
5055
+ var autocompleteSlotRecipe = defineSlotRecipe26({
5044
5056
  className: "autocomplete",
5045
5057
  jsx: ["MpAutocomplete", "mp-autocomplete"],
5046
5058
  slots: ["groupText", "popoverContent", "buttonAction", "emptyText", "contentLoading", "input"],
@@ -5094,8 +5106,8 @@ var autocompleteSlotRecipe = defineSlotRecipe25({
5094
5106
  });
5095
5107
 
5096
5108
  // src/recipes/timeline.ts
5097
- import { defineSlotRecipe as defineSlotRecipe26 } from "@pandacss/dev";
5098
- var timelineSlotRecipe = defineSlotRecipe26({
5109
+ import { defineSlotRecipe as defineSlotRecipe27 } from "@pandacss/dev";
5110
+ var timelineSlotRecipe = defineSlotRecipe27({
5099
5111
  className: "timeline",
5100
5112
  jsx: [
5101
5113
  "MpTimeline",
@@ -5137,7 +5149,7 @@ var timelineSlotRecipe = defineSlotRecipe26({
5137
5149
  }
5138
5150
  }
5139
5151
  });
5140
- var timelineDocumentSlotRecipe = defineSlotRecipe26({
5152
+ var timelineDocumentSlotRecipe = defineSlotRecipe27({
5141
5153
  className: "timelineDocument",
5142
5154
  jsx: ["MpTimelineDocument", "mp-timeline-document"],
5143
5155
  slots: ["root", "content", "title", "description", "fileSize"],
@@ -5195,7 +5207,7 @@ var timelineDocumentSlotRecipe = defineSlotRecipe26({
5195
5207
  icon: false
5196
5208
  }
5197
5209
  });
5198
- var timelineLogSlotRecipe = defineSlotRecipe26({
5210
+ var timelineLogSlotRecipe = defineSlotRecipe27({
5199
5211
  className: "timelineLog",
5200
5212
  jsx: ["MpTimelineLog", "MpTimelineLogItem", "mp-timeline-log", "mp-timeline-log-item"],
5201
5213
  slots: ["root", "log", "logText", "logIcon", "content", "logItem"],
@@ -5227,7 +5239,7 @@ var timelineLogSlotRecipe = defineSlotRecipe26({
5227
5239
  }
5228
5240
  }
5229
5241
  });
5230
- var timelineSeparatorSlotRecipe = defineSlotRecipe26({
5242
+ var timelineSeparatorSlotRecipe = defineSlotRecipe27({
5231
5243
  className: "timelineSeparetor",
5232
5244
  jsx: ["MpTimelineSeparator", "mp-timeline-separator"],
5233
5245
  slots: ["root", "topConnector", "bottomConnector"],
@@ -5267,7 +5279,7 @@ var timelineSeparatorSlotRecipe = defineSlotRecipe26({
5267
5279
  }
5268
5280
  }
5269
5281
  });
5270
- var timelineAccordionSlotRecipe = defineSlotRecipe26({
5282
+ var timelineAccordionSlotRecipe = defineSlotRecipe27({
5271
5283
  className: "timelineAccordion",
5272
5284
  jsx: ["MpTimelineAccordion", "mp-timeline-accordion"],
5273
5285
  slots: ["body", "separator", "icon", "topConnector", "bottomConnector", "title", "label"],
@@ -5328,8 +5340,8 @@ var timelineAccordionSlotRecipe = defineSlotRecipe26({
5328
5340
  });
5329
5341
 
5330
5342
  // src/recipes/banner.ts
5331
- import { defineRecipe as defineRecipe14, defineSlotRecipe as defineSlotRecipe27 } from "@pandacss/dev";
5332
- var bannerSlotRecipe = defineSlotRecipe27({
5343
+ import { defineRecipe as defineRecipe13, defineSlotRecipe as defineSlotRecipe28 } from "@pandacss/dev";
5344
+ var bannerSlotRecipe = defineSlotRecipe28({
5333
5345
  className: "banner",
5334
5346
  jsx: ["MpBanner", "mp-banner"],
5335
5347
  slots: ["root", "body"],
@@ -5390,7 +5402,7 @@ var bannerSlotRecipe = defineSlotRecipe27({
5390
5402
  variant: "info"
5391
5403
  }
5392
5404
  });
5393
- var bannerTitleRecipe = defineRecipe14({
5405
+ var bannerTitleRecipe = defineRecipe13({
5394
5406
  className: "banner-title",
5395
5407
  jsx: ["MpBannerTitle", "mp-banner-title"],
5396
5408
  base: {
@@ -5409,7 +5421,7 @@ var bannerTitleRecipe = defineRecipe14({
5409
5421
  compoundVariants: [],
5410
5422
  defaultVariants: {}
5411
5423
  });
5412
- var bannerDescriptionRecipe = defineRecipe14({
5424
+ var bannerDescriptionRecipe = defineRecipe13({
5413
5425
  className: "banner-description",
5414
5426
  jsx: ["MpBannerDescription", "mp-banner-description"],
5415
5427
  base: {
@@ -5427,7 +5439,7 @@ var bannerDescriptionRecipe = defineRecipe14({
5427
5439
  compoundVariants: [],
5428
5440
  defaultVariants: {}
5429
5441
  });
5430
- var bannerIconSlotRecipe = defineSlotRecipe27({
5442
+ var bannerIconSlotRecipe = defineSlotRecipe28({
5431
5443
  className: "banner-icon",
5432
5444
  jsx: ["MpBannerIcon", "mp-banner-icon"],
5433
5445
  slots: ["root", "custom"],
@@ -5450,7 +5462,7 @@ var bannerIconSlotRecipe = defineSlotRecipe27({
5450
5462
  compoundVariants: [],
5451
5463
  defaultVariants: {}
5452
5464
  });
5453
- var bannerLinkRecipe = defineRecipe14({
5465
+ var bannerLinkRecipe = defineRecipe13({
5454
5466
  className: "banner-link",
5455
5467
  jsx: ["MpBannerLink", "mp-banner-link"],
5456
5468
  base: {
@@ -5462,7 +5474,7 @@ var bannerLinkRecipe = defineRecipe14({
5462
5474
  compoundVariants: [],
5463
5475
  defaultVariants: {}
5464
5476
  });
5465
- var bannerCloseButtonRecipe = defineRecipe14({
5477
+ var bannerCloseButtonRecipe = defineRecipe13({
5466
5478
  className: "banner-close-button",
5467
5479
  jsx: ["MpBannerCloseButton", "mp-banner-close-button"],
5468
5480
  base: {
@@ -5482,8 +5494,8 @@ var bannerCloseButtonRecipe = defineRecipe14({
5482
5494
  });
5483
5495
 
5484
5496
  // src/recipes/color-picker.ts
5485
- import { defineSlotRecipe as defineSlotRecipe28 } from "@pandacss/dev";
5486
- var colorPickerSlotRecipe = defineSlotRecipe28({
5497
+ import { defineSlotRecipe as defineSlotRecipe29 } from "@pandacss/dev";
5498
+ var colorPickerSlotRecipe = defineSlotRecipe29({
5487
5499
  className: "color-picker",
5488
5500
  jsx: ["MpColorPicker", "mp-color-picker"],
5489
5501
  slots: [
@@ -5656,8 +5668,8 @@ var colorPickerSlotRecipe = defineSlotRecipe28({
5656
5668
  });
5657
5669
 
5658
5670
  // src/recipes/slider.ts
5659
- import { defineSlotRecipe as defineSlotRecipe29 } from "@pandacss/dev";
5660
- var sliderSlotRecipe = defineSlotRecipe29({
5671
+ import { defineSlotRecipe as defineSlotRecipe30 } from "@pandacss/dev";
5672
+ var sliderSlotRecipe = defineSlotRecipe30({
5661
5673
  className: "slider",
5662
5674
  jsx: ["MpSlider", "mp-slider"],
5663
5675
  slots: [
@@ -5766,8 +5778,8 @@ var sliderSlotRecipe = defineSlotRecipe29({
5766
5778
  });
5767
5779
 
5768
5780
  // src/recipes/tour.ts
5769
- import { defineSlotRecipe as defineSlotRecipe30 } from "@pandacss/dev";
5770
- var tourSlotRecipe = defineSlotRecipe30({
5781
+ import { defineSlotRecipe as defineSlotRecipe31 } from "@pandacss/dev";
5782
+ var tourSlotRecipe = defineSlotRecipe31({
5771
5783
  className: "tour",
5772
5784
  jsx: ["MpTour", "mp-tour"],
5773
5785
  slots: ["root", "overlay", "panel"],
@@ -5810,7 +5822,6 @@ var recipes = {
5810
5822
  tabSelectedBorderRecipe,
5811
5823
  tableRecipe,
5812
5824
  tableContainerRecipe,
5813
- dividerRecipe,
5814
5825
  bannerTitleRecipe,
5815
5826
  bannerDescriptionRecipe,
5816
5827
  bannerLinkRecipe,
@@ -5826,6 +5837,7 @@ var recipes = {
5826
5837
  var slotRecipes = {
5827
5838
  accordionSlotRecipe,
5828
5839
  checkboxSlotRecipe,
5840
+ dividerSlotRecipe,
5829
5841
  radioSlotRecipe,
5830
5842
  sharedSlotRecipe,
5831
5843
  progressSlotRecipe,
@@ -6701,14 +6713,14 @@ var colors3 = defineSemanticTokens.colors({
6701
6713
  pressed: {
6702
6714
  value: {
6703
6715
  base: "{colors.indigo.900}",
6704
- _liht: "{colors.indigo.900}",
6716
+ _light: "{colors.indigo.900}",
6705
6717
  _dark: "{colors.indigo.200}"
6706
6718
  }
6707
6719
  },
6708
6720
  selected: {
6709
6721
  value: {
6710
6722
  base: "{colors.indigo.700}",
6711
- _liht: "{colors.indigo.700}",
6723
+ _light: "{colors.indigo.700}",
6712
6724
  _dark: "{colors.indigo.400}"
6713
6725
  }
6714
6726
  }
@@ -6777,7 +6789,7 @@ var colors3 = defineSemanticTokens.colors({
6777
6789
  pressed: {
6778
6790
  value: {
6779
6791
  base: "{colors.red.900}",
6780
- _liht: "{colors.red.900}",
6792
+ _light: "{colors.red.900}",
6781
6793
  _dark: "{colors.red.200}"
6782
6794
  }
6783
6795
  }
@@ -6823,7 +6835,7 @@ var colors3 = defineSemanticTokens.colors({
6823
6835
  pressed: {
6824
6836
  value: {
6825
6837
  base: "{colors.yellow.500}",
6826
- _liht: "{colors.yellow.500}",
6838
+ _light: "{colors.yellow.500}",
6827
6839
  _dark: "{colors.yellow.500}"
6828
6840
  }
6829
6841
  }
@@ -6869,7 +6881,7 @@ var colors3 = defineSemanticTokens.colors({
6869
6881
  pressed: {
6870
6882
  value: {
6871
6883
  base: "{colors.green.900}",
6872
- _liht: "{colors.green.900}",
6884
+ _light: "{colors.green.900}",
6873
6885
  _dark: "{colors.green.200}"
6874
6886
  }
6875
6887
  }
@@ -6915,7 +6927,7 @@ var colors3 = defineSemanticTokens.colors({
6915
6927
  pressed: {
6916
6928
  value: {
6917
6929
  base: "{colors.violet.900}",
6918
- _liht: "{colors.violet.900}",
6930
+ _light: "{colors.violet.900}",
6919
6931
  _dark: "{colors.violet.200}"
6920
6932
  }
6921
6933
  }
@@ -1,5 +1,5 @@
1
1
  import * as _pandacss_dev from '@pandacss/dev';
2
2
 
3
- declare const dividerRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
3
+ declare const dividerSlotRecipe: _pandacss_dev.SlotRecipeConfig;
4
4
 
5
- export { dividerRecipe };
5
+ export { dividerSlotRecipe };
@@ -1,5 +1,5 @@
1
1
  import * as _pandacss_dev from '@pandacss/dev';
2
2
 
3
- declare const dividerRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
3
+ declare const dividerSlotRecipe: _pandacss_dev.SlotRecipeConfig;
4
4
 
5
- export { dividerRecipe };
5
+ export { dividerSlotRecipe };
@@ -16,7 +16,6 @@ declare const recipes: {
16
16
  tabSelectedBorderRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
17
17
  tableRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
18
18
  tableContainerRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
19
- dividerRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
20
19
  bannerTitleRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
21
20
  bannerDescriptionRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
22
21
  bannerLinkRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
@@ -32,6 +31,7 @@ declare const recipes: {
32
31
  declare const slotRecipes: {
33
32
  accordionSlotRecipe: _pandacss_types.SlotRecipeConfig;
34
33
  checkboxSlotRecipe: _pandacss_types.SlotRecipeConfig;
34
+ dividerSlotRecipe: _pandacss_types.SlotRecipeConfig;
35
35
  radioSlotRecipe: _pandacss_types.SlotRecipeConfig;
36
36
  sharedSlotRecipe: _pandacss_types.SlotRecipeConfig;
37
37
  progressSlotRecipe: _pandacss_types.SlotRecipeConfig;
@@ -16,7 +16,6 @@ declare const recipes: {
16
16
  tabSelectedBorderRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
17
17
  tableRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
18
18
  tableContainerRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
19
- dividerRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
20
19
  bannerTitleRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
21
20
  bannerDescriptionRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
22
21
  bannerLinkRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
@@ -32,6 +31,7 @@ declare const recipes: {
32
31
  declare const slotRecipes: {
33
32
  accordionSlotRecipe: _pandacss_types.SlotRecipeConfig;
34
33
  checkboxSlotRecipe: _pandacss_types.SlotRecipeConfig;
34
+ dividerSlotRecipe: _pandacss_types.SlotRecipeConfig;
35
35
  radioSlotRecipe: _pandacss_types.SlotRecipeConfig;
36
36
  sharedSlotRecipe: _pandacss_types.SlotRecipeConfig;
37
37
  progressSlotRecipe: _pandacss_types.SlotRecipeConfig;