@webstudio-is/react-sdk 0.192.0 → 0.194.0

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.
@@ -870,7 +870,6 @@ export declare const WsComponentMeta: z.ZodObject<{
870
870
  }>, "many">]>>;
871
871
  indexWithinAncestor: z.ZodOptional<z.ZodString>;
872
872
  stylable: z.ZodOptional<z.ZodBoolean>;
873
- detachable: z.ZodOptional<z.ZodBoolean>;
874
873
  label: z.ZodOptional<z.ZodString>;
875
874
  description: z.ZodOptional<z.ZodString>;
876
875
  icon: z.ZodString;
@@ -1425,1116 +1424,6 @@ export declare const WsComponentMeta: z.ZodObject<{
1425
1424
  state?: string | undefined;
1426
1425
  property: import("@webstudio-is/css-engine").StyleProperty;
1427
1426
  }>, "many">>>;
1428
- presetTokens: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodObject<{
1429
- variant: z.ZodOptional<z.ZodString>;
1430
- styles: z.ZodArray<z.ZodType<{
1431
- value: {
1432
- value: {
1433
- value: string;
1434
- type: "asset";
1435
- } | {
1436
- type: "url";
1437
- url: string;
1438
- };
1439
- type: "image";
1440
- hidden?: boolean | undefined;
1441
- } | {
1442
- value: number;
1443
- type: "unit";
1444
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1445
- hidden?: boolean | undefined;
1446
- } | {
1447
- value: string;
1448
- type: "keyword";
1449
- hidden?: boolean | undefined;
1450
- } | {
1451
- value: string;
1452
- type: "unparsed";
1453
- hidden?: boolean | undefined;
1454
- } | {
1455
- type: "rgb";
1456
- r: number;
1457
- g: number;
1458
- b: number;
1459
- alpha: number;
1460
- hidden?: boolean | undefined;
1461
- } | {
1462
- type: "function";
1463
- name: string;
1464
- args: import("@webstudio-is/css-engine").StyleValue;
1465
- hidden?: boolean;
1466
- } | {
1467
- value: string;
1468
- type: "var";
1469
- fallback?: {
1470
- value: number;
1471
- type: "unit";
1472
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1473
- hidden?: boolean | undefined;
1474
- } | {
1475
- value: string;
1476
- type: "keyword";
1477
- hidden?: boolean | undefined;
1478
- } | {
1479
- value: string;
1480
- type: "unparsed";
1481
- hidden?: boolean | undefined;
1482
- } | {
1483
- type: "rgb";
1484
- r: number;
1485
- g: number;
1486
- b: number;
1487
- alpha: number;
1488
- hidden?: boolean | undefined;
1489
- } | undefined;
1490
- hidden?: boolean | undefined;
1491
- } | {
1492
- value: ({
1493
- value: {
1494
- value: string;
1495
- type: "asset";
1496
- } | {
1497
- type: "url";
1498
- url: string;
1499
- };
1500
- type: "image";
1501
- hidden?: boolean | undefined;
1502
- } | {
1503
- value: number;
1504
- type: "unit";
1505
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1506
- hidden?: boolean | undefined;
1507
- } | {
1508
- value: string;
1509
- type: "keyword";
1510
- hidden?: boolean | undefined;
1511
- } | {
1512
- value: string;
1513
- type: "unparsed";
1514
- hidden?: boolean | undefined;
1515
- } | {
1516
- type: "rgb";
1517
- r: number;
1518
- g: number;
1519
- b: number;
1520
- alpha: number;
1521
- hidden?: boolean | undefined;
1522
- } | {
1523
- type: "function";
1524
- name: string;
1525
- args: import("@webstudio-is/css-engine").StyleValue;
1526
- hidden?: boolean;
1527
- } | {
1528
- value: string;
1529
- type: "var";
1530
- fallback?: {
1531
- value: number;
1532
- type: "unit";
1533
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1534
- hidden?: boolean | undefined;
1535
- } | {
1536
- value: string;
1537
- type: "keyword";
1538
- hidden?: boolean | undefined;
1539
- } | {
1540
- value: string;
1541
- type: "unparsed";
1542
- hidden?: boolean | undefined;
1543
- } | {
1544
- type: "rgb";
1545
- r: number;
1546
- g: number;
1547
- b: number;
1548
- alpha: number;
1549
- hidden?: boolean | undefined;
1550
- } | undefined;
1551
- hidden?: boolean | undefined;
1552
- })[];
1553
- type: "tuple";
1554
- hidden?: boolean | undefined;
1555
- } | {
1556
- value: string;
1557
- type: "invalid";
1558
- hidden?: boolean | undefined;
1559
- } | {
1560
- value: ({
1561
- value: {
1562
- value: string;
1563
- type: "asset";
1564
- } | {
1565
- type: "url";
1566
- url: string;
1567
- };
1568
- type: "image";
1569
- hidden?: boolean | undefined;
1570
- } | {
1571
- value: number;
1572
- type: "unit";
1573
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1574
- hidden?: boolean | undefined;
1575
- } | {
1576
- value: string;
1577
- type: "keyword";
1578
- hidden?: boolean | undefined;
1579
- } | {
1580
- value: string;
1581
- type: "unparsed";
1582
- hidden?: boolean | undefined;
1583
- } | {
1584
- type: "rgb";
1585
- r: number;
1586
- g: number;
1587
- b: number;
1588
- alpha: number;
1589
- hidden?: boolean | undefined;
1590
- } | {
1591
- type: "function";
1592
- name: string;
1593
- args: import("@webstudio-is/css-engine").StyleValue;
1594
- hidden?: boolean;
1595
- } | {
1596
- value: string;
1597
- type: "var";
1598
- fallback?: {
1599
- value: number;
1600
- type: "unit";
1601
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1602
- hidden?: boolean | undefined;
1603
- } | {
1604
- value: string;
1605
- type: "keyword";
1606
- hidden?: boolean | undefined;
1607
- } | {
1608
- value: string;
1609
- type: "unparsed";
1610
- hidden?: boolean | undefined;
1611
- } | {
1612
- type: "rgb";
1613
- r: number;
1614
- g: number;
1615
- b: number;
1616
- alpha: number;
1617
- hidden?: boolean | undefined;
1618
- } | undefined;
1619
- hidden?: boolean | undefined;
1620
- } | {
1621
- value: ({
1622
- value: {
1623
- value: string;
1624
- type: "asset";
1625
- } | {
1626
- type: "url";
1627
- url: string;
1628
- };
1629
- type: "image";
1630
- hidden?: boolean | undefined;
1631
- } | {
1632
- value: number;
1633
- type: "unit";
1634
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1635
- hidden?: boolean | undefined;
1636
- } | {
1637
- value: string;
1638
- type: "keyword";
1639
- hidden?: boolean | undefined;
1640
- } | {
1641
- value: string;
1642
- type: "unparsed";
1643
- hidden?: boolean | undefined;
1644
- } | {
1645
- type: "rgb";
1646
- r: number;
1647
- g: number;
1648
- b: number;
1649
- alpha: number;
1650
- hidden?: boolean | undefined;
1651
- } | {
1652
- type: "function";
1653
- name: string;
1654
- args: import("@webstudio-is/css-engine").StyleValue;
1655
- hidden?: boolean;
1656
- } | {
1657
- value: string;
1658
- type: "var";
1659
- fallback?: {
1660
- value: number;
1661
- type: "unit";
1662
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1663
- hidden?: boolean | undefined;
1664
- } | {
1665
- value: string;
1666
- type: "keyword";
1667
- hidden?: boolean | undefined;
1668
- } | {
1669
- value: string;
1670
- type: "unparsed";
1671
- hidden?: boolean | undefined;
1672
- } | {
1673
- type: "rgb";
1674
- r: number;
1675
- g: number;
1676
- b: number;
1677
- alpha: number;
1678
- hidden?: boolean | undefined;
1679
- } | undefined;
1680
- hidden?: boolean | undefined;
1681
- })[];
1682
- type: "tuple";
1683
- hidden?: boolean | undefined;
1684
- } | {
1685
- value: string;
1686
- type: "invalid";
1687
- hidden?: boolean | undefined;
1688
- })[];
1689
- type: "layers";
1690
- hidden?: boolean | undefined;
1691
- } | {
1692
- value: string[];
1693
- type: "fontFamily";
1694
- hidden?: boolean | undefined;
1695
- } | {
1696
- type: "guaranteedInvalid";
1697
- hidden?: boolean | undefined;
1698
- } | {
1699
- value: "";
1700
- type: "unset";
1701
- hidden?: boolean | undefined;
1702
- };
1703
- state?: string | undefined;
1704
- property: import("@webstudio-is/css-engine").StyleProperty;
1705
- }, z.ZodTypeDef, {
1706
- value: {
1707
- value: {
1708
- value: string;
1709
- type: "asset";
1710
- } | {
1711
- type: "url";
1712
- url: string;
1713
- };
1714
- type: "image";
1715
- hidden?: boolean | undefined;
1716
- } | {
1717
- value: number;
1718
- type: "unit";
1719
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1720
- hidden?: boolean | undefined;
1721
- } | {
1722
- value: string;
1723
- type: "keyword";
1724
- hidden?: boolean | undefined;
1725
- } | {
1726
- value: string;
1727
- type: "unparsed";
1728
- hidden?: boolean | undefined;
1729
- } | {
1730
- type: "rgb";
1731
- r: number;
1732
- g: number;
1733
- b: number;
1734
- alpha: number;
1735
- hidden?: boolean | undefined;
1736
- } | {
1737
- type: "function";
1738
- name: string;
1739
- args: import("@webstudio-is/css-engine").StyleValue;
1740
- hidden?: boolean;
1741
- } | {
1742
- value: string;
1743
- type: "var";
1744
- fallback?: {
1745
- value: number;
1746
- type: "unit";
1747
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1748
- hidden?: boolean | undefined;
1749
- } | {
1750
- value: string;
1751
- type: "keyword";
1752
- hidden?: boolean | undefined;
1753
- } | {
1754
- value: string;
1755
- type: "unparsed";
1756
- hidden?: boolean | undefined;
1757
- } | {
1758
- type: "rgb";
1759
- r: number;
1760
- g: number;
1761
- b: number;
1762
- alpha: number;
1763
- hidden?: boolean | undefined;
1764
- } | undefined;
1765
- hidden?: boolean | undefined;
1766
- } | {
1767
- value: ({
1768
- value: {
1769
- value: string;
1770
- type: "asset";
1771
- } | {
1772
- type: "url";
1773
- url: string;
1774
- };
1775
- type: "image";
1776
- hidden?: boolean | undefined;
1777
- } | {
1778
- value: number;
1779
- type: "unit";
1780
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1781
- hidden?: boolean | undefined;
1782
- } | {
1783
- value: string;
1784
- type: "keyword";
1785
- hidden?: boolean | undefined;
1786
- } | {
1787
- value: string;
1788
- type: "unparsed";
1789
- hidden?: boolean | undefined;
1790
- } | {
1791
- type: "rgb";
1792
- r: number;
1793
- g: number;
1794
- b: number;
1795
- alpha: number;
1796
- hidden?: boolean | undefined;
1797
- } | {
1798
- type: "function";
1799
- name: string;
1800
- args: import("@webstudio-is/css-engine").StyleValue;
1801
- hidden?: boolean;
1802
- } | {
1803
- value: string;
1804
- type: "var";
1805
- fallback?: {
1806
- value: number;
1807
- type: "unit";
1808
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1809
- hidden?: boolean | undefined;
1810
- } | {
1811
- value: string;
1812
- type: "keyword";
1813
- hidden?: boolean | undefined;
1814
- } | {
1815
- value: string;
1816
- type: "unparsed";
1817
- hidden?: boolean | undefined;
1818
- } | {
1819
- type: "rgb";
1820
- r: number;
1821
- g: number;
1822
- b: number;
1823
- alpha: number;
1824
- hidden?: boolean | undefined;
1825
- } | undefined;
1826
- hidden?: boolean | undefined;
1827
- })[];
1828
- type: "tuple";
1829
- hidden?: boolean | undefined;
1830
- } | {
1831
- value: string;
1832
- type: "invalid";
1833
- hidden?: boolean | undefined;
1834
- } | {
1835
- value: ({
1836
- value: {
1837
- value: string;
1838
- type: "asset";
1839
- } | {
1840
- type: "url";
1841
- url: string;
1842
- };
1843
- type: "image";
1844
- hidden?: boolean | undefined;
1845
- } | {
1846
- value: number;
1847
- type: "unit";
1848
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1849
- hidden?: boolean | undefined;
1850
- } | {
1851
- value: string;
1852
- type: "keyword";
1853
- hidden?: boolean | undefined;
1854
- } | {
1855
- value: string;
1856
- type: "unparsed";
1857
- hidden?: boolean | undefined;
1858
- } | {
1859
- type: "rgb";
1860
- r: number;
1861
- g: number;
1862
- b: number;
1863
- alpha: number;
1864
- hidden?: boolean | undefined;
1865
- } | {
1866
- type: "function";
1867
- name: string;
1868
- args: import("@webstudio-is/css-engine").StyleValue;
1869
- hidden?: boolean;
1870
- } | {
1871
- value: string;
1872
- type: "var";
1873
- fallback?: {
1874
- value: number;
1875
- type: "unit";
1876
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1877
- hidden?: boolean | undefined;
1878
- } | {
1879
- value: string;
1880
- type: "keyword";
1881
- hidden?: boolean | undefined;
1882
- } | {
1883
- value: string;
1884
- type: "unparsed";
1885
- hidden?: boolean | undefined;
1886
- } | {
1887
- type: "rgb";
1888
- r: number;
1889
- g: number;
1890
- b: number;
1891
- alpha: number;
1892
- hidden?: boolean | undefined;
1893
- } | undefined;
1894
- hidden?: boolean | undefined;
1895
- } | {
1896
- value: ({
1897
- value: {
1898
- value: string;
1899
- type: "asset";
1900
- } | {
1901
- type: "url";
1902
- url: string;
1903
- };
1904
- type: "image";
1905
- hidden?: boolean | undefined;
1906
- } | {
1907
- value: number;
1908
- type: "unit";
1909
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1910
- hidden?: boolean | undefined;
1911
- } | {
1912
- value: string;
1913
- type: "keyword";
1914
- hidden?: boolean | undefined;
1915
- } | {
1916
- value: string;
1917
- type: "unparsed";
1918
- hidden?: boolean | undefined;
1919
- } | {
1920
- type: "rgb";
1921
- r: number;
1922
- g: number;
1923
- b: number;
1924
- alpha: number;
1925
- hidden?: boolean | undefined;
1926
- } | {
1927
- type: "function";
1928
- name: string;
1929
- args: import("@webstudio-is/css-engine").StyleValue;
1930
- hidden?: boolean;
1931
- } | {
1932
- value: string;
1933
- type: "var";
1934
- fallback?: {
1935
- value: number;
1936
- type: "unit";
1937
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1938
- hidden?: boolean | undefined;
1939
- } | {
1940
- value: string;
1941
- type: "keyword";
1942
- hidden?: boolean | undefined;
1943
- } | {
1944
- value: string;
1945
- type: "unparsed";
1946
- hidden?: boolean | undefined;
1947
- } | {
1948
- type: "rgb";
1949
- r: number;
1950
- g: number;
1951
- b: number;
1952
- alpha: number;
1953
- hidden?: boolean | undefined;
1954
- } | undefined;
1955
- hidden?: boolean | undefined;
1956
- })[];
1957
- type: "tuple";
1958
- hidden?: boolean | undefined;
1959
- } | {
1960
- value: string;
1961
- type: "invalid";
1962
- hidden?: boolean | undefined;
1963
- })[];
1964
- type: "layers";
1965
- hidden?: boolean | undefined;
1966
- } | {
1967
- value: string[];
1968
- type: "fontFamily";
1969
- hidden?: boolean | undefined;
1970
- } | {
1971
- type: "guaranteedInvalid";
1972
- hidden?: boolean | undefined;
1973
- } | {
1974
- value: "";
1975
- type: "unset";
1976
- hidden?: boolean | undefined;
1977
- };
1978
- state?: string | undefined;
1979
- property: import("@webstudio-is/css-engine").StyleProperty;
1980
- }>, "many">;
1981
- }, "strip", z.ZodTypeAny, {
1982
- styles: {
1983
- value: {
1984
- value: {
1985
- value: string;
1986
- type: "asset";
1987
- } | {
1988
- type: "url";
1989
- url: string;
1990
- };
1991
- type: "image";
1992
- hidden?: boolean | undefined;
1993
- } | {
1994
- value: number;
1995
- type: "unit";
1996
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
1997
- hidden?: boolean | undefined;
1998
- } | {
1999
- value: string;
2000
- type: "keyword";
2001
- hidden?: boolean | undefined;
2002
- } | {
2003
- value: string;
2004
- type: "unparsed";
2005
- hidden?: boolean | undefined;
2006
- } | {
2007
- type: "rgb";
2008
- r: number;
2009
- g: number;
2010
- b: number;
2011
- alpha: number;
2012
- hidden?: boolean | undefined;
2013
- } | {
2014
- type: "function";
2015
- name: string;
2016
- args: import("@webstudio-is/css-engine").StyleValue;
2017
- hidden?: boolean;
2018
- } | {
2019
- value: string;
2020
- type: "var";
2021
- fallback?: {
2022
- value: number;
2023
- type: "unit";
2024
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2025
- hidden?: boolean | undefined;
2026
- } | {
2027
- value: string;
2028
- type: "keyword";
2029
- hidden?: boolean | undefined;
2030
- } | {
2031
- value: string;
2032
- type: "unparsed";
2033
- hidden?: boolean | undefined;
2034
- } | {
2035
- type: "rgb";
2036
- r: number;
2037
- g: number;
2038
- b: number;
2039
- alpha: number;
2040
- hidden?: boolean | undefined;
2041
- } | undefined;
2042
- hidden?: boolean | undefined;
2043
- } | {
2044
- value: ({
2045
- value: {
2046
- value: string;
2047
- type: "asset";
2048
- } | {
2049
- type: "url";
2050
- url: string;
2051
- };
2052
- type: "image";
2053
- hidden?: boolean | undefined;
2054
- } | {
2055
- value: number;
2056
- type: "unit";
2057
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2058
- hidden?: boolean | undefined;
2059
- } | {
2060
- value: string;
2061
- type: "keyword";
2062
- hidden?: boolean | undefined;
2063
- } | {
2064
- value: string;
2065
- type: "unparsed";
2066
- hidden?: boolean | undefined;
2067
- } | {
2068
- type: "rgb";
2069
- r: number;
2070
- g: number;
2071
- b: number;
2072
- alpha: number;
2073
- hidden?: boolean | undefined;
2074
- } | {
2075
- type: "function";
2076
- name: string;
2077
- args: import("@webstudio-is/css-engine").StyleValue;
2078
- hidden?: boolean;
2079
- } | {
2080
- value: string;
2081
- type: "var";
2082
- fallback?: {
2083
- value: number;
2084
- type: "unit";
2085
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2086
- hidden?: boolean | undefined;
2087
- } | {
2088
- value: string;
2089
- type: "keyword";
2090
- hidden?: boolean | undefined;
2091
- } | {
2092
- value: string;
2093
- type: "unparsed";
2094
- hidden?: boolean | undefined;
2095
- } | {
2096
- type: "rgb";
2097
- r: number;
2098
- g: number;
2099
- b: number;
2100
- alpha: number;
2101
- hidden?: boolean | undefined;
2102
- } | undefined;
2103
- hidden?: boolean | undefined;
2104
- })[];
2105
- type: "tuple";
2106
- hidden?: boolean | undefined;
2107
- } | {
2108
- value: string;
2109
- type: "invalid";
2110
- hidden?: boolean | undefined;
2111
- } | {
2112
- value: ({
2113
- value: {
2114
- value: string;
2115
- type: "asset";
2116
- } | {
2117
- type: "url";
2118
- url: string;
2119
- };
2120
- type: "image";
2121
- hidden?: boolean | undefined;
2122
- } | {
2123
- value: number;
2124
- type: "unit";
2125
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2126
- hidden?: boolean | undefined;
2127
- } | {
2128
- value: string;
2129
- type: "keyword";
2130
- hidden?: boolean | undefined;
2131
- } | {
2132
- value: string;
2133
- type: "unparsed";
2134
- hidden?: boolean | undefined;
2135
- } | {
2136
- type: "rgb";
2137
- r: number;
2138
- g: number;
2139
- b: number;
2140
- alpha: number;
2141
- hidden?: boolean | undefined;
2142
- } | {
2143
- type: "function";
2144
- name: string;
2145
- args: import("@webstudio-is/css-engine").StyleValue;
2146
- hidden?: boolean;
2147
- } | {
2148
- value: string;
2149
- type: "var";
2150
- fallback?: {
2151
- value: number;
2152
- type: "unit";
2153
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2154
- hidden?: boolean | undefined;
2155
- } | {
2156
- value: string;
2157
- type: "keyword";
2158
- hidden?: boolean | undefined;
2159
- } | {
2160
- value: string;
2161
- type: "unparsed";
2162
- hidden?: boolean | undefined;
2163
- } | {
2164
- type: "rgb";
2165
- r: number;
2166
- g: number;
2167
- b: number;
2168
- alpha: number;
2169
- hidden?: boolean | undefined;
2170
- } | undefined;
2171
- hidden?: boolean | undefined;
2172
- } | {
2173
- value: ({
2174
- value: {
2175
- value: string;
2176
- type: "asset";
2177
- } | {
2178
- type: "url";
2179
- url: string;
2180
- };
2181
- type: "image";
2182
- hidden?: boolean | undefined;
2183
- } | {
2184
- value: number;
2185
- type: "unit";
2186
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2187
- hidden?: boolean | undefined;
2188
- } | {
2189
- value: string;
2190
- type: "keyword";
2191
- hidden?: boolean | undefined;
2192
- } | {
2193
- value: string;
2194
- type: "unparsed";
2195
- hidden?: boolean | undefined;
2196
- } | {
2197
- type: "rgb";
2198
- r: number;
2199
- g: number;
2200
- b: number;
2201
- alpha: number;
2202
- hidden?: boolean | undefined;
2203
- } | {
2204
- type: "function";
2205
- name: string;
2206
- args: import("@webstudio-is/css-engine").StyleValue;
2207
- hidden?: boolean;
2208
- } | {
2209
- value: string;
2210
- type: "var";
2211
- fallback?: {
2212
- value: number;
2213
- type: "unit";
2214
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2215
- hidden?: boolean | undefined;
2216
- } | {
2217
- value: string;
2218
- type: "keyword";
2219
- hidden?: boolean | undefined;
2220
- } | {
2221
- value: string;
2222
- type: "unparsed";
2223
- hidden?: boolean | undefined;
2224
- } | {
2225
- type: "rgb";
2226
- r: number;
2227
- g: number;
2228
- b: number;
2229
- alpha: number;
2230
- hidden?: boolean | undefined;
2231
- } | undefined;
2232
- hidden?: boolean | undefined;
2233
- })[];
2234
- type: "tuple";
2235
- hidden?: boolean | undefined;
2236
- } | {
2237
- value: string;
2238
- type: "invalid";
2239
- hidden?: boolean | undefined;
2240
- })[];
2241
- type: "layers";
2242
- hidden?: boolean | undefined;
2243
- } | {
2244
- value: string[];
2245
- type: "fontFamily";
2246
- hidden?: boolean | undefined;
2247
- } | {
2248
- type: "guaranteedInvalid";
2249
- hidden?: boolean | undefined;
2250
- } | {
2251
- value: "";
2252
- type: "unset";
2253
- hidden?: boolean | undefined;
2254
- };
2255
- state?: string | undefined;
2256
- property: import("@webstudio-is/css-engine").StyleProperty;
2257
- }[];
2258
- variant?: string | undefined;
2259
- }, {
2260
- styles: {
2261
- value: {
2262
- value: {
2263
- value: string;
2264
- type: "asset";
2265
- } | {
2266
- type: "url";
2267
- url: string;
2268
- };
2269
- type: "image";
2270
- hidden?: boolean | undefined;
2271
- } | {
2272
- value: number;
2273
- type: "unit";
2274
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2275
- hidden?: boolean | undefined;
2276
- } | {
2277
- value: string;
2278
- type: "keyword";
2279
- hidden?: boolean | undefined;
2280
- } | {
2281
- value: string;
2282
- type: "unparsed";
2283
- hidden?: boolean | undefined;
2284
- } | {
2285
- type: "rgb";
2286
- r: number;
2287
- g: number;
2288
- b: number;
2289
- alpha: number;
2290
- hidden?: boolean | undefined;
2291
- } | {
2292
- type: "function";
2293
- name: string;
2294
- args: import("@webstudio-is/css-engine").StyleValue;
2295
- hidden?: boolean;
2296
- } | {
2297
- value: string;
2298
- type: "var";
2299
- fallback?: {
2300
- value: number;
2301
- type: "unit";
2302
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2303
- hidden?: boolean | undefined;
2304
- } | {
2305
- value: string;
2306
- type: "keyword";
2307
- hidden?: boolean | undefined;
2308
- } | {
2309
- value: string;
2310
- type: "unparsed";
2311
- hidden?: boolean | undefined;
2312
- } | {
2313
- type: "rgb";
2314
- r: number;
2315
- g: number;
2316
- b: number;
2317
- alpha: number;
2318
- hidden?: boolean | undefined;
2319
- } | undefined;
2320
- hidden?: boolean | undefined;
2321
- } | {
2322
- value: ({
2323
- value: {
2324
- value: string;
2325
- type: "asset";
2326
- } | {
2327
- type: "url";
2328
- url: string;
2329
- };
2330
- type: "image";
2331
- hidden?: boolean | undefined;
2332
- } | {
2333
- value: number;
2334
- type: "unit";
2335
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2336
- hidden?: boolean | undefined;
2337
- } | {
2338
- value: string;
2339
- type: "keyword";
2340
- hidden?: boolean | undefined;
2341
- } | {
2342
- value: string;
2343
- type: "unparsed";
2344
- hidden?: boolean | undefined;
2345
- } | {
2346
- type: "rgb";
2347
- r: number;
2348
- g: number;
2349
- b: number;
2350
- alpha: number;
2351
- hidden?: boolean | undefined;
2352
- } | {
2353
- type: "function";
2354
- name: string;
2355
- args: import("@webstudio-is/css-engine").StyleValue;
2356
- hidden?: boolean;
2357
- } | {
2358
- value: string;
2359
- type: "var";
2360
- fallback?: {
2361
- value: number;
2362
- type: "unit";
2363
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2364
- hidden?: boolean | undefined;
2365
- } | {
2366
- value: string;
2367
- type: "keyword";
2368
- hidden?: boolean | undefined;
2369
- } | {
2370
- value: string;
2371
- type: "unparsed";
2372
- hidden?: boolean | undefined;
2373
- } | {
2374
- type: "rgb";
2375
- r: number;
2376
- g: number;
2377
- b: number;
2378
- alpha: number;
2379
- hidden?: boolean | undefined;
2380
- } | undefined;
2381
- hidden?: boolean | undefined;
2382
- })[];
2383
- type: "tuple";
2384
- hidden?: boolean | undefined;
2385
- } | {
2386
- value: string;
2387
- type: "invalid";
2388
- hidden?: boolean | undefined;
2389
- } | {
2390
- value: ({
2391
- value: {
2392
- value: string;
2393
- type: "asset";
2394
- } | {
2395
- type: "url";
2396
- url: string;
2397
- };
2398
- type: "image";
2399
- hidden?: boolean | undefined;
2400
- } | {
2401
- value: number;
2402
- type: "unit";
2403
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2404
- hidden?: boolean | undefined;
2405
- } | {
2406
- value: string;
2407
- type: "keyword";
2408
- hidden?: boolean | undefined;
2409
- } | {
2410
- value: string;
2411
- type: "unparsed";
2412
- hidden?: boolean | undefined;
2413
- } | {
2414
- type: "rgb";
2415
- r: number;
2416
- g: number;
2417
- b: number;
2418
- alpha: number;
2419
- hidden?: boolean | undefined;
2420
- } | {
2421
- type: "function";
2422
- name: string;
2423
- args: import("@webstudio-is/css-engine").StyleValue;
2424
- hidden?: boolean;
2425
- } | {
2426
- value: string;
2427
- type: "var";
2428
- fallback?: {
2429
- value: number;
2430
- type: "unit";
2431
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2432
- hidden?: boolean | undefined;
2433
- } | {
2434
- value: string;
2435
- type: "keyword";
2436
- hidden?: boolean | undefined;
2437
- } | {
2438
- value: string;
2439
- type: "unparsed";
2440
- hidden?: boolean | undefined;
2441
- } | {
2442
- type: "rgb";
2443
- r: number;
2444
- g: number;
2445
- b: number;
2446
- alpha: number;
2447
- hidden?: boolean | undefined;
2448
- } | undefined;
2449
- hidden?: boolean | undefined;
2450
- } | {
2451
- value: ({
2452
- value: {
2453
- value: string;
2454
- type: "asset";
2455
- } | {
2456
- type: "url";
2457
- url: string;
2458
- };
2459
- type: "image";
2460
- hidden?: boolean | undefined;
2461
- } | {
2462
- value: number;
2463
- type: "unit";
2464
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2465
- hidden?: boolean | undefined;
2466
- } | {
2467
- value: string;
2468
- type: "keyword";
2469
- hidden?: boolean | undefined;
2470
- } | {
2471
- value: string;
2472
- type: "unparsed";
2473
- hidden?: boolean | undefined;
2474
- } | {
2475
- type: "rgb";
2476
- r: number;
2477
- g: number;
2478
- b: number;
2479
- alpha: number;
2480
- hidden?: boolean | undefined;
2481
- } | {
2482
- type: "function";
2483
- name: string;
2484
- args: import("@webstudio-is/css-engine").StyleValue;
2485
- hidden?: boolean;
2486
- } | {
2487
- value: string;
2488
- type: "var";
2489
- fallback?: {
2490
- value: number;
2491
- type: "unit";
2492
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2493
- hidden?: boolean | undefined;
2494
- } | {
2495
- value: string;
2496
- type: "keyword";
2497
- hidden?: boolean | undefined;
2498
- } | {
2499
- value: string;
2500
- type: "unparsed";
2501
- hidden?: boolean | undefined;
2502
- } | {
2503
- type: "rgb";
2504
- r: number;
2505
- g: number;
2506
- b: number;
2507
- alpha: number;
2508
- hidden?: boolean | undefined;
2509
- } | undefined;
2510
- hidden?: boolean | undefined;
2511
- })[];
2512
- type: "tuple";
2513
- hidden?: boolean | undefined;
2514
- } | {
2515
- value: string;
2516
- type: "invalid";
2517
- hidden?: boolean | undefined;
2518
- })[];
2519
- type: "layers";
2520
- hidden?: boolean | undefined;
2521
- } | {
2522
- value: string[];
2523
- type: "fontFamily";
2524
- hidden?: boolean | undefined;
2525
- } | {
2526
- type: "guaranteedInvalid";
2527
- hidden?: boolean | undefined;
2528
- } | {
2529
- value: "";
2530
- type: "unset";
2531
- hidden?: boolean | undefined;
2532
- };
2533
- state?: string | undefined;
2534
- property: import("@webstudio-is/css-engine").StyleProperty;
2535
- }[];
2536
- variant?: string | undefined;
2537
- }>>>;
2538
1427
  states: z.ZodOptional<z.ZodArray<z.ZodObject<{
2539
1428
  category: z.ZodOptional<z.ZodEnum<["states", "component-states"]>>;
2540
1429
  selector: z.ZodString;
@@ -2606,7 +1495,6 @@ export declare const WsComponentMeta: z.ZodObject<{
2606
1495
  }[] | undefined;
2607
1496
  indexWithinAncestor?: string | undefined;
2608
1497
  stylable?: boolean | undefined;
2609
- detachable?: boolean | undefined;
2610
1498
  label?: string | undefined;
2611
1499
  description?: string | undefined;
2612
1500
  presetStyle?: Record<string, {
@@ -2857,313 +1745,34 @@ export declare const WsComponentMeta: z.ZodObject<{
2857
1745
  g: number;
2858
1746
  b: number;
2859
1747
  alpha: number;
2860
- hidden?: boolean | undefined;
2861
- } | undefined;
2862
- hidden?: boolean | undefined;
2863
- })[];
2864
- type: "tuple";
2865
- hidden?: boolean | undefined;
2866
- } | {
2867
- value: string;
2868
- type: "invalid";
2869
- hidden?: boolean | undefined;
2870
- })[];
2871
- type: "layers";
2872
- hidden?: boolean | undefined;
2873
- } | {
2874
- value: string[];
2875
- type: "fontFamily";
2876
- hidden?: boolean | undefined;
2877
- } | {
2878
- type: "guaranteedInvalid";
2879
- hidden?: boolean | undefined;
2880
- } | {
2881
- value: "";
2882
- type: "unset";
2883
- hidden?: boolean | undefined;
2884
- };
2885
- state?: string | undefined;
2886
- property: import("@webstudio-is/css-engine").StyleProperty;
2887
- }[]> | undefined;
2888
- presetTokens?: Record<string, {
2889
- styles: {
2890
- value: {
2891
- value: {
2892
- value: string;
2893
- type: "asset";
2894
- } | {
2895
- type: "url";
2896
- url: string;
2897
- };
2898
- type: "image";
2899
- hidden?: boolean | undefined;
2900
- } | {
2901
- value: number;
2902
- type: "unit";
2903
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2904
- hidden?: boolean | undefined;
2905
- } | {
2906
- value: string;
2907
- type: "keyword";
2908
- hidden?: boolean | undefined;
2909
- } | {
2910
- value: string;
2911
- type: "unparsed";
2912
- hidden?: boolean | undefined;
2913
- } | {
2914
- type: "rgb";
2915
- r: number;
2916
- g: number;
2917
- b: number;
2918
- alpha: number;
2919
- hidden?: boolean | undefined;
2920
- } | {
2921
- type: "function";
2922
- name: string;
2923
- args: import("@webstudio-is/css-engine").StyleValue;
2924
- hidden?: boolean;
2925
- } | {
2926
- value: string;
2927
- type: "var";
2928
- fallback?: {
2929
- value: number;
2930
- type: "unit";
2931
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2932
- hidden?: boolean | undefined;
2933
- } | {
2934
- value: string;
2935
- type: "keyword";
2936
- hidden?: boolean | undefined;
2937
- } | {
2938
- value: string;
2939
- type: "unparsed";
2940
- hidden?: boolean | undefined;
2941
- } | {
2942
- type: "rgb";
2943
- r: number;
2944
- g: number;
2945
- b: number;
2946
- alpha: number;
2947
- hidden?: boolean | undefined;
2948
- } | undefined;
2949
- hidden?: boolean | undefined;
2950
- } | {
2951
- value: ({
2952
- value: {
2953
- value: string;
2954
- type: "asset";
2955
- } | {
2956
- type: "url";
2957
- url: string;
2958
- };
2959
- type: "image";
2960
- hidden?: boolean | undefined;
2961
- } | {
2962
- value: number;
2963
- type: "unit";
2964
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2965
- hidden?: boolean | undefined;
2966
- } | {
2967
- value: string;
2968
- type: "keyword";
2969
- hidden?: boolean | undefined;
2970
- } | {
2971
- value: string;
2972
- type: "unparsed";
2973
- hidden?: boolean | undefined;
2974
- } | {
2975
- type: "rgb";
2976
- r: number;
2977
- g: number;
2978
- b: number;
2979
- alpha: number;
2980
- hidden?: boolean | undefined;
2981
- } | {
2982
- type: "function";
2983
- name: string;
2984
- args: import("@webstudio-is/css-engine").StyleValue;
2985
- hidden?: boolean;
2986
- } | {
2987
- value: string;
2988
- type: "var";
2989
- fallback?: {
2990
- value: number;
2991
- type: "unit";
2992
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2993
- hidden?: boolean | undefined;
2994
- } | {
2995
- value: string;
2996
- type: "keyword";
2997
- hidden?: boolean | undefined;
2998
- } | {
2999
- value: string;
3000
- type: "unparsed";
3001
- hidden?: boolean | undefined;
3002
- } | {
3003
- type: "rgb";
3004
- r: number;
3005
- g: number;
3006
- b: number;
3007
- alpha: number;
3008
- hidden?: boolean | undefined;
3009
- } | undefined;
3010
- hidden?: boolean | undefined;
3011
- })[];
3012
- type: "tuple";
3013
- hidden?: boolean | undefined;
3014
- } | {
3015
- value: string;
3016
- type: "invalid";
3017
- hidden?: boolean | undefined;
3018
- } | {
3019
- value: ({
3020
- value: {
3021
- value: string;
3022
- type: "asset";
3023
- } | {
3024
- type: "url";
3025
- url: string;
3026
- };
3027
- type: "image";
3028
- hidden?: boolean | undefined;
3029
- } | {
3030
- value: number;
3031
- type: "unit";
3032
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3033
- hidden?: boolean | undefined;
3034
- } | {
3035
- value: string;
3036
- type: "keyword";
3037
- hidden?: boolean | undefined;
3038
- } | {
3039
- value: string;
3040
- type: "unparsed";
3041
- hidden?: boolean | undefined;
3042
- } | {
3043
- type: "rgb";
3044
- r: number;
3045
- g: number;
3046
- b: number;
3047
- alpha: number;
3048
- hidden?: boolean | undefined;
3049
- } | {
3050
- type: "function";
3051
- name: string;
3052
- args: import("@webstudio-is/css-engine").StyleValue;
3053
- hidden?: boolean;
3054
- } | {
3055
- value: string;
3056
- type: "var";
3057
- fallback?: {
3058
- value: number;
3059
- type: "unit";
3060
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3061
- hidden?: boolean | undefined;
3062
- } | {
3063
- value: string;
3064
- type: "keyword";
3065
- hidden?: boolean | undefined;
3066
- } | {
3067
- value: string;
3068
- type: "unparsed";
3069
- hidden?: boolean | undefined;
3070
- } | {
3071
- type: "rgb";
3072
- r: number;
3073
- g: number;
3074
- b: number;
3075
- alpha: number;
3076
- hidden?: boolean | undefined;
3077
- } | undefined;
3078
- hidden?: boolean | undefined;
3079
- } | {
3080
- value: ({
3081
- value: {
3082
- value: string;
3083
- type: "asset";
3084
- } | {
3085
- type: "url";
3086
- url: string;
3087
- };
3088
- type: "image";
3089
- hidden?: boolean | undefined;
3090
- } | {
3091
- value: number;
3092
- type: "unit";
3093
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3094
- hidden?: boolean | undefined;
3095
- } | {
3096
- value: string;
3097
- type: "keyword";
3098
- hidden?: boolean | undefined;
3099
- } | {
3100
- value: string;
3101
- type: "unparsed";
3102
- hidden?: boolean | undefined;
3103
- } | {
3104
- type: "rgb";
3105
- r: number;
3106
- g: number;
3107
- b: number;
3108
- alpha: number;
3109
- hidden?: boolean | undefined;
3110
- } | {
3111
- type: "function";
3112
- name: string;
3113
- args: import("@webstudio-is/css-engine").StyleValue;
3114
- hidden?: boolean;
3115
- } | {
3116
- value: string;
3117
- type: "var";
3118
- fallback?: {
3119
- value: number;
3120
- type: "unit";
3121
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3122
- hidden?: boolean | undefined;
3123
- } | {
3124
- value: string;
3125
- type: "keyword";
3126
- hidden?: boolean | undefined;
3127
- } | {
3128
- value: string;
3129
- type: "unparsed";
3130
- hidden?: boolean | undefined;
3131
- } | {
3132
- type: "rgb";
3133
- r: number;
3134
- g: number;
3135
- b: number;
3136
- alpha: number;
3137
- hidden?: boolean | undefined;
3138
- } | undefined;
3139
- hidden?: boolean | undefined;
3140
- })[];
3141
- type: "tuple";
3142
- hidden?: boolean | undefined;
3143
- } | {
3144
- value: string;
3145
- type: "invalid";
1748
+ hidden?: boolean | undefined;
1749
+ } | undefined;
3146
1750
  hidden?: boolean | undefined;
3147
1751
  })[];
3148
- type: "layers";
3149
- hidden?: boolean | undefined;
3150
- } | {
3151
- value: string[];
3152
- type: "fontFamily";
3153
- hidden?: boolean | undefined;
3154
- } | {
3155
- type: "guaranteedInvalid";
1752
+ type: "tuple";
3156
1753
  hidden?: boolean | undefined;
3157
1754
  } | {
3158
- value: "";
3159
- type: "unset";
1755
+ value: string;
1756
+ type: "invalid";
3160
1757
  hidden?: boolean | undefined;
3161
- };
3162
- state?: string | undefined;
3163
- property: import("@webstudio-is/css-engine").StyleProperty;
3164
- }[];
3165
- variant?: string | undefined;
3166
- }> | undefined;
1758
+ })[];
1759
+ type: "layers";
1760
+ hidden?: boolean | undefined;
1761
+ } | {
1762
+ value: string[];
1763
+ type: "fontFamily";
1764
+ hidden?: boolean | undefined;
1765
+ } | {
1766
+ type: "guaranteedInvalid";
1767
+ hidden?: boolean | undefined;
1768
+ } | {
1769
+ value: "";
1770
+ type: "unset";
1771
+ hidden?: boolean | undefined;
1772
+ };
1773
+ state?: string | undefined;
1774
+ property: import("@webstudio-is/css-engine").StyleProperty;
1775
+ }[]> | undefined;
3167
1776
  states?: {
3168
1777
  label: string;
3169
1778
  selector: string;
@@ -3213,7 +1822,6 @@ export declare const WsComponentMeta: z.ZodObject<{
3213
1822
  }[] | undefined;
3214
1823
  indexWithinAncestor?: string | undefined;
3215
1824
  stylable?: boolean | undefined;
3216
- detachable?: boolean | undefined;
3217
1825
  label?: string | undefined;
3218
1826
  description?: string | undefined;
3219
1827
  presetStyle?: Record<string, {
@@ -3492,285 +2100,6 @@ export declare const WsComponentMeta: z.ZodObject<{
3492
2100
  state?: string | undefined;
3493
2101
  property: import("@webstudio-is/css-engine").StyleProperty;
3494
2102
  }[]> | undefined;
3495
- presetTokens?: Record<string, {
3496
- styles: {
3497
- value: {
3498
- value: {
3499
- value: string;
3500
- type: "asset";
3501
- } | {
3502
- type: "url";
3503
- url: string;
3504
- };
3505
- type: "image";
3506
- hidden?: boolean | undefined;
3507
- } | {
3508
- value: number;
3509
- type: "unit";
3510
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3511
- hidden?: boolean | undefined;
3512
- } | {
3513
- value: string;
3514
- type: "keyword";
3515
- hidden?: boolean | undefined;
3516
- } | {
3517
- value: string;
3518
- type: "unparsed";
3519
- hidden?: boolean | undefined;
3520
- } | {
3521
- type: "rgb";
3522
- r: number;
3523
- g: number;
3524
- b: number;
3525
- alpha: number;
3526
- hidden?: boolean | undefined;
3527
- } | {
3528
- type: "function";
3529
- name: string;
3530
- args: import("@webstudio-is/css-engine").StyleValue;
3531
- hidden?: boolean;
3532
- } | {
3533
- value: string;
3534
- type: "var";
3535
- fallback?: {
3536
- value: number;
3537
- type: "unit";
3538
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3539
- hidden?: boolean | undefined;
3540
- } | {
3541
- value: string;
3542
- type: "keyword";
3543
- hidden?: boolean | undefined;
3544
- } | {
3545
- value: string;
3546
- type: "unparsed";
3547
- hidden?: boolean | undefined;
3548
- } | {
3549
- type: "rgb";
3550
- r: number;
3551
- g: number;
3552
- b: number;
3553
- alpha: number;
3554
- hidden?: boolean | undefined;
3555
- } | undefined;
3556
- hidden?: boolean | undefined;
3557
- } | {
3558
- value: ({
3559
- value: {
3560
- value: string;
3561
- type: "asset";
3562
- } | {
3563
- type: "url";
3564
- url: string;
3565
- };
3566
- type: "image";
3567
- hidden?: boolean | undefined;
3568
- } | {
3569
- value: number;
3570
- type: "unit";
3571
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3572
- hidden?: boolean | undefined;
3573
- } | {
3574
- value: string;
3575
- type: "keyword";
3576
- hidden?: boolean | undefined;
3577
- } | {
3578
- value: string;
3579
- type: "unparsed";
3580
- hidden?: boolean | undefined;
3581
- } | {
3582
- type: "rgb";
3583
- r: number;
3584
- g: number;
3585
- b: number;
3586
- alpha: number;
3587
- hidden?: boolean | undefined;
3588
- } | {
3589
- type: "function";
3590
- name: string;
3591
- args: import("@webstudio-is/css-engine").StyleValue;
3592
- hidden?: boolean;
3593
- } | {
3594
- value: string;
3595
- type: "var";
3596
- fallback?: {
3597
- value: number;
3598
- type: "unit";
3599
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3600
- hidden?: boolean | undefined;
3601
- } | {
3602
- value: string;
3603
- type: "keyword";
3604
- hidden?: boolean | undefined;
3605
- } | {
3606
- value: string;
3607
- type: "unparsed";
3608
- hidden?: boolean | undefined;
3609
- } | {
3610
- type: "rgb";
3611
- r: number;
3612
- g: number;
3613
- b: number;
3614
- alpha: number;
3615
- hidden?: boolean | undefined;
3616
- } | undefined;
3617
- hidden?: boolean | undefined;
3618
- })[];
3619
- type: "tuple";
3620
- hidden?: boolean | undefined;
3621
- } | {
3622
- value: string;
3623
- type: "invalid";
3624
- hidden?: boolean | undefined;
3625
- } | {
3626
- value: ({
3627
- value: {
3628
- value: string;
3629
- type: "asset";
3630
- } | {
3631
- type: "url";
3632
- url: string;
3633
- };
3634
- type: "image";
3635
- hidden?: boolean | undefined;
3636
- } | {
3637
- value: number;
3638
- type: "unit";
3639
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3640
- hidden?: boolean | undefined;
3641
- } | {
3642
- value: string;
3643
- type: "keyword";
3644
- hidden?: boolean | undefined;
3645
- } | {
3646
- value: string;
3647
- type: "unparsed";
3648
- hidden?: boolean | undefined;
3649
- } | {
3650
- type: "rgb";
3651
- r: number;
3652
- g: number;
3653
- b: number;
3654
- alpha: number;
3655
- hidden?: boolean | undefined;
3656
- } | {
3657
- type: "function";
3658
- name: string;
3659
- args: import("@webstudio-is/css-engine").StyleValue;
3660
- hidden?: boolean;
3661
- } | {
3662
- value: string;
3663
- type: "var";
3664
- fallback?: {
3665
- value: number;
3666
- type: "unit";
3667
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3668
- hidden?: boolean | undefined;
3669
- } | {
3670
- value: string;
3671
- type: "keyword";
3672
- hidden?: boolean | undefined;
3673
- } | {
3674
- value: string;
3675
- type: "unparsed";
3676
- hidden?: boolean | undefined;
3677
- } | {
3678
- type: "rgb";
3679
- r: number;
3680
- g: number;
3681
- b: number;
3682
- alpha: number;
3683
- hidden?: boolean | undefined;
3684
- } | undefined;
3685
- hidden?: boolean | undefined;
3686
- } | {
3687
- value: ({
3688
- value: {
3689
- value: string;
3690
- type: "asset";
3691
- } | {
3692
- type: "url";
3693
- url: string;
3694
- };
3695
- type: "image";
3696
- hidden?: boolean | undefined;
3697
- } | {
3698
- value: number;
3699
- type: "unit";
3700
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3701
- hidden?: boolean | undefined;
3702
- } | {
3703
- value: string;
3704
- type: "keyword";
3705
- hidden?: boolean | undefined;
3706
- } | {
3707
- value: string;
3708
- type: "unparsed";
3709
- hidden?: boolean | undefined;
3710
- } | {
3711
- type: "rgb";
3712
- r: number;
3713
- g: number;
3714
- b: number;
3715
- alpha: number;
3716
- hidden?: boolean | undefined;
3717
- } | {
3718
- type: "function";
3719
- name: string;
3720
- args: import("@webstudio-is/css-engine").StyleValue;
3721
- hidden?: boolean;
3722
- } | {
3723
- value: string;
3724
- type: "var";
3725
- fallback?: {
3726
- value: number;
3727
- type: "unit";
3728
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
3729
- hidden?: boolean | undefined;
3730
- } | {
3731
- value: string;
3732
- type: "keyword";
3733
- hidden?: boolean | undefined;
3734
- } | {
3735
- value: string;
3736
- type: "unparsed";
3737
- hidden?: boolean | undefined;
3738
- } | {
3739
- type: "rgb";
3740
- r: number;
3741
- g: number;
3742
- b: number;
3743
- alpha: number;
3744
- hidden?: boolean | undefined;
3745
- } | undefined;
3746
- hidden?: boolean | undefined;
3747
- })[];
3748
- type: "tuple";
3749
- hidden?: boolean | undefined;
3750
- } | {
3751
- value: string;
3752
- type: "invalid";
3753
- hidden?: boolean | undefined;
3754
- })[];
3755
- type: "layers";
3756
- hidden?: boolean | undefined;
3757
- } | {
3758
- value: string[];
3759
- type: "fontFamily";
3760
- hidden?: boolean | undefined;
3761
- } | {
3762
- type: "guaranteedInvalid";
3763
- hidden?: boolean | undefined;
3764
- } | {
3765
- value: "";
3766
- type: "unset";
3767
- hidden?: boolean | undefined;
3768
- };
3769
- state?: string | undefined;
3770
- property: import("@webstudio-is/css-engine").StyleProperty;
3771
- }[];
3772
- variant?: string | undefined;
3773
- }> | undefined;
3774
2103
  states?: {
3775
2104
  label: string;
3776
2105
  selector: string;