@nimbus-ds/components 5.52.0 → 5.53.0

package/dist/components-props.json

@@ -1 +1 @@
-{"badge":{"id":"badge","name":"Badge","totalProps":3,"packageName":"@nimbus-ds/badge","version":"3.1.3","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/badge","props":[{"description":"Change the visual style of the badge.","default":"neutral","enum":["danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Total items to be displayed without badge","type":["string","number"],"title":"count","required":true},{"description":"Change the color scheme of the badge.","default":"surface","enum":["light","surface"],"type":"string","title":"theme","required":false}],"subComponents":[{"name":"Badge.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"box":{"id":"box","name":"Box","totalProps":92,"packageName":"@nimbus-ds/box","version":"4.3.3","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/box","props":[{"description":"Element to be rendered inside the Box component.","type":"React.ReactNode","title":"children","required":false},{"description":"The width property specifies the width of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"width","required":false},{"description":"The height property specifies the height of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"height","required":false},{"description":"The max width property specifies the width of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The max height property specifies the height of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"maxHeight","required":false},{"description":"The min width property specifies the width of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"minWidth","required":false},{"description":"The min height property specifies the height of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"minHeight","required":false},{"description":"The bottom property participates in setting the vertical position of a positioned box.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"bottom","required":false},{"description":"The left property participates in specifying the horizontal position of a positioned box.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"left","required":false},{"description":"The right property participates in specifying the horizontal position of a positioned box.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"right","required":false},{"description":"The top property participates in setting the vertical position of a positioned box.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"top","required":false},{"description":"This is the shorthand for flexGrow, flexShrink and flexBasis combined.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"flex","required":false},{"description":"This defines the ability for a flex item to shrink if necessary.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"flexShrink","required":false},{"description":"This defines the ability for a flex item to grow if necessary.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"flexGrow","required":false},{"description":"The flexWrap property sets whether flex items are forced onto one line or can wrap onto multiple lines.","anyOf":[{"type":"object","properties":{"focus":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"focus"},"focusVisible":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"focusWithin"},"active":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"active"},"hover":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"hover"},"disabled":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"disabled"},"xs":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"xs"},"md":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"md"},"lg":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"lg"},"xl":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"xl"},"xxl":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["nowrap","wrap","wrap-reverse"],"type":"string"}],"title":"flexWrap","required":false},{"description":"The order property controls the order in which they appear in a flex container.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"order","required":false},{"description":"The gridTemplateColumns property defines the line names and track sizing functions of the grid columns.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"gridTemplateColumns","required":false},{"description":"The gridTemplateAreas property specifies named grid areas, establishing the cells in the grid and assigning them names.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"gridTemplateAreas","required":false},{"description":"The gridTemplateRows property defines the line names and track sizing functions of the grid rows.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"gridTemplateRows","required":false},{"description":"The gridArea shorthand property specifies a grid item's size and location within a grid by contributing a line,\na span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"gridArea","required":false},{"description":"The display property sets whether an box is treated as a block or inline element and the layout used for its children,\nsuch as grid or flex.","anyOf":[{"type":"object","properties":{"focus":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"focusWithin"},"active":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"active"},"hover":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"hover"},"disabled":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"disabled"},"xs":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"xs"},"md":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"md"},"lg":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"lg"},"xl":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"xl"},"xxl":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string"}],"title":"display","required":false},{"description":"The justifyContent property defines how the browser distributes space between and around content items along\nthe main-axis of a flex container, and the inline axis of a grid container.","anyOf":[{"type":"object","properties":{"focus":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"focus"},"focusVisible":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"focusWithin"},"active":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"active"},"hover":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"hover"},"disabled":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"disabled"},"xs":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"xs"},"md":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"md"},"lg":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"lg"},"xl":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"xl"},"xxl":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string"}],"title":"justifyContent","required":false},{"description":"The flexDirection property sets how flex items are placed in the flex container defining the main axis and the direction.","anyOf":[{"type":"object","properties":{"focus":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"focus"},"focusVisible":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"focusWithin"},"active":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"active"},"hover":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"hover"},"disabled":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"disabled"},"xs":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"xs"},"md":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"md"},"lg":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"lg"},"xl":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"xl"},"xxl":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["column","column-reverse","row","row-reverse"],"type":"string"}],"title":"flexDirection","required":false},{"description":"The alignItems property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis.\nIn Grid Layout, it controls the alignment of items on the Block Axis within their grid area.","anyOf":[{"type":"object","properties":{"focus":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focus"},"focusVisible":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focusWithin"},"active":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"active"},"hover":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"hover"},"disabled":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"disabled"},"xs":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xs"},"md":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"md"},"lg":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"lg"},"xl":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xl"},"xxl":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string"}],"title":"alignItems","required":false},{"description":"The alignSelf property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area.\nIn Flexbox, it aligns the item on the cross axis.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focus"},"focusVisible":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"active"},"hover":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"hover"},"disabled":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"disabled"},"xs":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xs"},"md":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"md"},"lg":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"lg"},"xl":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xl"},"xxl":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string"}],"title":"alignSelf","required":false},{"description":"The gap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"gap","required":false},{"description":"The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"gridGap","required":false},{"description":"The pointerEvents property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.","anyOf":[{"type":"object","properties":{"focus":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"focus"},"focusVisible":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"focusWithin"},"active":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"active"},"hover":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"hover"},"disabled":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"disabled"},"xs":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"xs"},"md":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"md"},"lg":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"lg"},"xl":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"xl"},"xxl":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string"}],"title":"pointerEvents","required":false},{"description":"The position property sets how an box is positioned in a document.","anyOf":[{"type":"object","properties":{"focus":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"focus"},"focusVisible":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"focusWithin"},"active":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"active"},"hover":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"hover"},"disabled":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"disabled"},"xs":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"xs"},"md":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"md"},"lg":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"lg"},"xl":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"xl"},"xxl":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["absolute","fixed","relative","static","sticky"],"type":"string"}],"title":"position","required":false},{"description":"The overflow shorthand property sets the desired behavior for an box's overflow.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focus"},"focusVisible":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"active"},"hover":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"hover"},"disabled":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"disabled"},"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"},"xxl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflow","required":false},{"description":"The overflow-x property sets what shows when content overflows a block-level box's left and right edges.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focus"},"focusVisible":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"active"},"hover":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"hover"},"disabled":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"disabled"},"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"},"xxl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflowX","required":false},{"description":"The overflow-y property sets what shows when content overflows a block-level box's top and bottom edges.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focus"},"focusVisible":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"active"},"hover":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"hover"},"disabled":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"disabled"},"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"},"xxl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflowY","required":false},{"description":"The cursor property sets the mouse cursor, if any, to show when the mouse pointer is over an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"focus"},"focusVisible":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"active"},"hover":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"hover"},"disabled":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"disabled"},"xs":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"xs"},"md":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"md"},"lg":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"lg"},"xl":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"xl"},"xxl":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string"}],"title":"cursor","required":false},{"description":"The backgroundColor property sets the background color of the box.","default":"neutral-background","examples":"[\"neutral-interactive\", { xs: \"neutral-surface\", md: \"neutral-interactive\" }]","anyOf":[{"type":"object","properties":{"focus":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focus"},"focusVisible":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focusWithin"},"active":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"active"},"hover":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"hover"},"disabled":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"disabled"},"xs":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xs"},"md":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"md"},"lg":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"lg"},"xl":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xl"},"xxl":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string"}],"title":"backgroundColor","required":false},{"description":"The color property is used to set the color of the box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focus"},"focusVisible":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focusWithin"},"active":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"active"},"hover":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"hover"},"disabled":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"disabled"},"xs":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xs"},"md":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"md"},"lg":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"lg"},"xl":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xl"},"xxl":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string"}],"title":"color","required":false},{"description":"The borderRadius property rounds the corners of an box's outer border edge.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string"}],"title":"borderRadius","required":false},{"description":"The borderWidth property sets the width of an box's border.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"},"xxl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderWidth","required":false},{"description":"The borderTopWidth property defines the width of the border at the top of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"},"xxl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderTopWidth","required":false},{"description":"The borderBottomWidth property defines the width of the border at the bottom of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"},"xxl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderBottomWidth","required":false},{"description":"The borderLeftWidth property defines the width of the border at the left of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"},"xxl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderLeftWidth","required":false},{"description":"The borderRightWidth property defines the width of the border at the right of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"},"xxl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderRightWidth","required":false},{"description":"The borderWidthX shorthand property defines the width of the element's border on the left and right.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"},"xxl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderWidthX","required":false},{"description":"The borderWidthY shorthand property defines the width of the element's border on the top and bottom.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"},"xxl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderWidthY","required":false},{"description":"The borderColor property sets the color of the box's four borders.","anyOf":[{"type":"object","properties":{"focus":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"focus"},"focusVisible":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"focusWithin"},"active":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"active"},"hover":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"hover"},"disabled":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"disabled"},"xs":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"xs"},"md":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"md"},"lg":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"lg"},"xl":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"xl"},"xxl":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string"}],"title":"borderColor","required":false},{"description":"borderStyle property sets the line style for all four sides of an box's border.","anyOf":[{"type":"object","properties":{"focus":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"focus"},"focusVisible":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"focusWithin"},"active":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"active"},"hover":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"hover"},"disabled":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"disabled"},"xs":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"xs"},"md":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"md"},"lg":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"lg"},"xl":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"xl"},"xxl":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["dashed","dotted","hidden","none","solid"],"type":"string"}],"title":"borderStyle","required":false},{"description":"The boxSizing property sets how the total width and height of an box is calculated.","default":"border-box","anyOf":[{"type":"object","properties":{"focus":{"enum":["border-box","content-box"],"type":"string","title":"focus"},"focusVisible":{"enum":["border-box","content-box"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["border-box","content-box"],"type":"string","title":"focusWithin"},"active":{"enum":["border-box","content-box"],"type":"string","title":"active"},"hover":{"enum":["border-box","content-box"],"type":"string","title":"hover"},"disabled":{"enum":["border-box","content-box"],"type":"string","title":"disabled"},"xs":{"enum":["border-box","content-box"],"type":"string","title":"xs"},"md":{"enum":["border-box","content-box"],"type":"string","title":"md"},"lg":{"enum":["border-box","content-box"],"type":"string","title":"lg"},"xl":{"enum":["border-box","content-box"],"type":"string","title":"xl"},"xxl":{"enum":["border-box","content-box"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["border-box","content-box"],"type":"string"}],"title":"boxSizing","required":false},{"description":"The boxShadow property adds shadow effects around an box's frame.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"focus"},"focusVisible":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"focusWithin"},"active":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"active"},"hover":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"hover"},"disabled":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"disabled"},"xs":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"xs"},"md":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"md"},"lg":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"lg"},"xl":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"xl"},"xxl":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string"}],"title":"boxShadow","required":false},{"description":"The padding properties are used to generate space around an box's content area.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"padding","required":false},{"description":"The paddingTop property sets the height of the padding area on the top of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingTop","required":false},{"description":"The paddingBottom property sets the height of the padding area on the bottom of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingBottom","required":false},{"description":"The paddingLeft property sets the width of the padding area to the left of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingLeft","required":false},{"description":"The paddingLeft property sets the width of the padding area to the right of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingRight","required":false},{"description":"The margin shorthand property sets the margin area on all four sides of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"margin","required":false},{"description":"The marginTop property sets the margin area on the top of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginTop","required":false},{"description":"The marginBottom property sets the margin area on the bottom of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginBottom","required":false},{"description":"The marginLeft property sets the margin area on the left side of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginLeft","required":false},{"description":"The marginRight property sets the margin area on the right side of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginRight","required":false},{"description":"The transitionTimingFunction property sets how intermediate values are calculated for CSS properties being affected by a transition effect.","anyOf":[{"type":"object","properties":{"focus":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"focus"},"focusVisible":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"focusWithin"},"active":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"active"},"hover":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"hover"},"disabled":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"disabled"},"xs":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"xs"},"md":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"md"},"lg":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"lg"},"xl":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"xl"},"xxl":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string"}],"title":"transitionTimingFunction","required":false},{"description":"The transitionProperty property sets the CSS properties to which a transition effect should be applied.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"transitionProperty","required":false},{"description":"The transitionDelay property specifies the duration to wait before starting a property's transition effect when its value changes.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"transitionDelay","required":false},{"description":"The transitionDuration property sets the length of time a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.","anyOf":[{"type":"object","properties":{"focus":{"enum":["base","fast","slow","slower"],"type":"string","title":"focus"},"focusVisible":{"enum":["base","fast","slow","slower"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["base","fast","slow","slower"],"type":"string","title":"focusWithin"},"active":{"enum":["base","fast","slow","slower"],"type":"string","title":"active"},"hover":{"enum":["base","fast","slow","slower"],"type":"string","title":"hover"},"disabled":{"enum":["base","fast","slow","slower"],"type":"string","title":"disabled"},"xs":{"enum":["base","fast","slow","slower"],"type":"string","title":"xs"},"md":{"enum":["base","fast","slow","slower"],"type":"string","title":"md"},"lg":{"enum":["base","fast","slow","slower"],"type":"string","title":"lg"},"xl":{"enum":["base","fast","slow","slower"],"type":"string","title":"xl"},"xxl":{"enum":["base","fast","slow","slower"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["base","fast","slow","slower"],"type":"string"}],"title":"transitionDuration","required":false},{"description":"The zIndex property specifies the stack order of the box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"focus"},"focusVisible":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"focusWithin"},"active":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"active"},"hover":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"hover"},"disabled":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"disabled"},"xs":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xs"},"md":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"md"},"lg":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"lg"},"xl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xl"},"xxl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string"}],"title":"zIndex","required":false},{"description":"The background property sets the background of the box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"focus"},"focusVisible":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"focusWithin"},"active":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"active"},"hover":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"hover"},"disabled":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"disabled"},"xs":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"xs"},"md":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"md"},"lg":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"lg"},"xl":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"xl"},"xxl":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string"}],"title":"background","required":false},{"description":"The backgroundImage property sets one or more background images on an element.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"backgroundImage","required":false},{"description":"The backgroundPosition property sets the initial position for each background image.\nThe position is relative to the position layer set by background-origin.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"backgroundPosition","required":false},{"description":"The backgroundBlendMode property sets how an element's background images should blend with each\nother and with the element's background color.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"backgroundBlendMode","required":false},{"description":"The backgroundRepeat property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"backgroundRepeat","required":false},{"description":"The textDecoration shorthand property sets the appearance of decorative lines on text.","anyOf":[{"type":"object","properties":{"focus":{"enum":["line-through","none","underline"],"type":"string","title":"focus"},"focusVisible":{"enum":["line-through","none","underline"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["line-through","none","underline"],"type":"string","title":"focusWithin"},"active":{"enum":["line-through","none","underline"],"type":"string","title":"active"},"hover":{"enum":["line-through","none","underline"],"type":"string","title":"hover"},"disabled":{"enum":["line-through","none","underline"],"type":"string","title":"disabled"},"xs":{"enum":["line-through","none","underline"],"type":"string","title":"xs"},"md":{"enum":["line-through","none","underline"],"type":"string","title":"md"},"lg":{"enum":["line-through","none","underline"],"type":"string","title":"lg"},"xl":{"enum":["line-through","none","underline"],"type":"string","title":"xl"},"xxl":{"enum":["line-through","none","underline"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["line-through","none","underline"],"type":"string"}],"title":"textDecoration","required":false},{"description":"The backgroundSize property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"backgroundSize","required":false},{"description":"The p shorthand property sets the margin area on all four sides of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"p","required":false},{"description":"The pl shorthand property sets the width of the padding area to the left of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"pl","required":false},{"description":"The pl shorthand property sets the width of the padding area to the right of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"pr","required":false},{"description":"The pt shorthand property sets the height of the padding area on the top of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"pt","required":false},{"description":"The pb shorthand property sets the height of the padding area on the botton of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"pb","required":false},{"description":"The px shorthand property defines the width of the left and right padding area of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"px","required":false},{"description":"The py pt shorthand property sets the height of the padding area at the top and bottom of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"py","required":false},{"description":"The paddingX shorthand property defines the width of the left and right padding area of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingX","required":false},{"description":"The paddingY pt shorthand property sets the height of the padding area at the top and bottom of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingY","required":false},{"description":"The m shorthand property sets the margin area on all four sides of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"m","required":false},{"description":"The mr property sets the margin area on the right side of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"mr","required":false},{"description":"The ml property sets the margin area on the left side of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"ml","required":false},{"description":"The mt property sets the margin area on the top of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"mt","required":false},{"description":"The marginBottom property sets the margin area on the bottom of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"mb","required":false},{"description":"The mx property defines the margin area on the left and right side of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"mx","required":false},{"description":"The my property defines the margin area on the top and bottom of a box","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"my","required":false},{"description":"The marginX property defines the margin area on the left and right side of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginX","required":false},{"description":"The marginY property defines the margin area on the top and bottom of a box","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginY","required":false},{"description":"The fontSize property sets the size of the box.","default":"base","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string"}],"title":"fontSize","required":false},{"description":"The fontWeight property sets how thick or thin characters in box should be displayed.","default":"regular","anyOf":[{"type":"object","properties":{"focus":{"enum":["bold","medium","regular"],"type":"string","title":"focus"},"focusVisible":{"enum":["bold","medium","regular"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["bold","medium","regular"],"type":"string","title":"focusWithin"},"active":{"enum":["bold","medium","regular"],"type":"string","title":"active"},"hover":{"enum":["bold","medium","regular"],"type":"string","title":"hover"},"disabled":{"enum":["bold","medium","regular"],"type":"string","title":"disabled"},"xs":{"enum":["bold","medium","regular"],"type":"string","title":"xs"},"md":{"enum":["bold","medium","regular"],"type":"string","title":"md"},"lg":{"enum":["bold","medium","regular"],"type":"string","title":"lg"},"xl":{"enum":["bold","medium","regular"],"type":"string","title":"xl"},"xxl":{"enum":["bold","medium","regular"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["bold","medium","regular"],"type":"string"}],"title":"fontWeight","required":false},{"description":"The lineHeight property specifies the line height of the box.","default":"base","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string"}],"title":"lineHeight","required":false},{"description":"The textAlign property specifies the horizontal alignment of box.","default":"left","anyOf":[{"type":"object","properties":{"focus":{"enum":["center","justify","left","right"],"type":"string","title":"focus"},"focusVisible":{"enum":["center","justify","left","right"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["center","justify","left","right"],"type":"string","title":"focusWithin"},"active":{"enum":["center","justify","left","right"],"type":"string","title":"active"},"hover":{"enum":["center","justify","left","right"],"type":"string","title":"hover"},"disabled":{"enum":["center","justify","left","right"],"type":"string","title":"disabled"},"xs":{"enum":["center","justify","left","right"],"type":"string","title":"xs"},"md":{"enum":["center","justify","left","right"],"type":"string","title":"md"},"lg":{"enum":["center","justify","left","right"],"type":"string","title":"lg"},"xl":{"enum":["center","justify","left","right"],"type":"string","title":"xl"},"xxl":{"enum":["center","justify","left","right"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["center","justify","left","right"],"type":"string"}],"title":"textAlign","required":false},{"description":"The scrollbarWidth property specifies the width of the scrollbar.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","none","thin"],"type":"string","title":"focus"},"focusVisible":{"enum":["auto","none","thin"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["auto","none","thin"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","none","thin"],"type":"string","title":"active"},"hover":{"enum":["auto","none","thin"],"type":"string","title":"hover"},"disabled":{"enum":["auto","none","thin"],"type":"string","title":"disabled"},"xs":{"enum":["auto","none","thin"],"type":"string","title":"xs"},"md":{"enum":["auto","none","thin"],"type":"string","title":"md"},"lg":{"enum":["auto","none","thin"],"type":"string","title":"lg"},"xl":{"enum":["auto","none","thin"],"type":"string","title":"xl"},"xxl":{"enum":["auto","none","thin"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["auto","none","thin"],"type":"string"}],"title":"scrollbarWidth","required":false}],"subComponents":[]},"button":{"id":"button","name":"Button","totalProps":6,"packageName":"@nimbus-ds/button","version":"2.10.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/button","props":[{"default":"button","description":"The underlying element to render — either a HTML element name or a React component.","anyOf":[{"enum":["button","a"],"type":"string"},{"type":"React.ElementType"}],"title":"as","required":false},{"description":"The content of the button.","type":"React.ReactNode","title":"children","required":true},{"description":"Change the visual style of the button.","default":"neutral","enum":["ai-primary","ai-secondary","danger","neutral","primary","transparent"],"type":"string","title":"appearance","required":false},{"description":"Disables the button, disallowing user interaction.","default":false,"type":"boolean","title":"disabled","required":false},{"description":"Determines if the button should grow to fill the full width of its container.","default":false,"type":"boolean","title":"fullWidth","required":false},{"description":"Change the size of the button.","default":"medium","enum":["large","medium","small"],"type":"string","title":"size","required":false}],"subComponents":[{"name":"Button.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"checkbox":{"id":"checkbox","name":"Checkbox","totalProps":7,"packageName":"@nimbus-ds/checkbox","version":"2.4.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/checkbox","props":[{"description":"The name of the input element.","type":"string","title":"name","required":true},{"description":"Change the visual style of the checkbox.","default":"neutral","enum":["danger","primary"],"type":"string","title":"appearance","required":false},{"description":"Modifies true/false value of the native checkbox.","type":"boolean","title":"checked","required":false},{"description":"Modifies the native disabled state of the native checkbox.","type":"boolean","title":"disabled","required":false},{"description":"If true, the component appears indeterminate. This does not set the native input element to indeterminate due to inconsistent behavior across browsers. However, we set a data-indeterminate attribute on the input.","default":false,"type":"boolean","title":"indeterminate","required":false},{"description":"Text to be rendered inside the component.","type":"string","title":"label","required":false},{"description":"Highlights the checkbox to indicate its value was generated by AI.\nApplies AI gradient border that persists regardless of checked state.","default":false,"type":"boolean","title":"aiGenerated","required":false}],"subComponents":[{"name":"Checkbox.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"chip":{"id":"chip","name":"Chip","totalProps":4,"packageName":"@nimbus-ds/chip","version":"2.5.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/chip","props":[{"description":"Text to be displayed on chip.","type":"string","title":"text","required":true},{"description":"SVG icon to be displayed on chip.","type":"React.ReactNode","title":"icon","required":false},{"description":"Informs whether the close icon should be displayed.","type":"boolean","title":"removable","required":false},{"description":"Highlights the chip to indicate its value was generated by AI.\nApplies AI gradient border and an AI outline.","type":"boolean","title":"aiGenerated","required":false}],"subComponents":[{"name":"Chip.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"divider":{"id":"divider","name":"Divider","totalProps":3,"packageName":"@nimbus-ds/divider","version":"1.0.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/divider","props":[{"description":"Defines the orientation of the divider.","default":"horizontal","enum":["horizontal","vertical"],"type":"string","title":"orientation","required":false},{"description":"Visual appearance color.","default":"neutral","enum":["neutral"],"type":"string","title":"appearance","required":false},{"description":"Thickness level based on shape.border.width tokens.","default":1,"enum":[1,2,3],"type":"number","title":"thickness","required":false}],"subComponents":[]},"fileUploader":{"id":"fileUploader","name":"FileUploader","totalProps":14,"packageName":"@nimbus-ds/file-uploader","version":"2.8.3","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/file-uploader","props":[{"description":"Provide additional context to the action.","type":"string","title":"placeholder","required":false},{"description":"Accept file types","default":"image/jpeg,image/gif,image/png","type":"string","title":"accept","required":false},{"description":"Height value of the file uploader. Defaults to 100%.","default":"100%","type":"string","title":"height","required":false},{"description":"Width value of the file uploader. Defaults to 100%.","default":"100%","type":"string","title":"width","required":false},{"description":"Permitted aspect ratios for the size of the file uploader.","default":"1/1","enum":["1/1","1/2","16/9","2/1","3/4","4/3","9/16","none"],"type":"string","title":"aspectRatio","required":false},{"description":"Defines the position of the placeholder in relation to the icon.","default":"column","enum":["column","row"],"type":"string","title":"flexDirection","required":false},{"description":"Callback fired when files are dropped (before validation)","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onDrop","required":false},{"description":"Callback fired when all dropped files are rejected due to file type validation","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onDropReject","required":false},{"description":"Callback fired when files are successfully accepted and processed","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onDropSuccess","required":false},{"description":"Callback fired when an error occurs during file drop processing","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onError","required":false},{"$ref":"#/definitions/React.ReactNode","description":"Content to render inside the file uploader container","title":"children","required":false},{"$ref":"#/definitions/React.ReactNode","description":"Custom overlay element to render when dragging files over the uploader.\nWhen defined, this overlay will be displayed instead of children during drag operations.","title":"dragOverlay","required":false},{"description":"When true, the file uploader will not be clickable and files can only be uploaded by dragging and dropping. Useful for invisible upload areas used along FileUploader.Overlay.","default":false,"type":"boolean","title":"disableClickUpload","required":false},{"description":"When true, the file uploader will be rendered as an overlay. Useful for invisible upload areas used along FileUploader.Overlay.","default":false,"type":"boolean","title":"asOverlay","required":false}],"subComponents":[{"name":"FileUploader.Skeleton","totalProps":5,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"Permitted aspect ratios for the size of the file uploader.","default":"1/1","enum":["1/1","1/2","16/9","2/1","3/4","4/3","9/16","none"],"type":"string","title":"aspectRatio","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]},{"name":"FileUploader.Overlay","totalProps":8,"props":[{"description":"Title text displayed in the overlay","type":"string","title":"title","required":false},{"description":"Subtitle text displayed below the title","type":"string","title":"subtitle","required":false},{"description":"Source URL for the image displayed in the overlay","type":"string","title":"imageSrc","required":false},{"description":"Alt text for the image","type":"string","title":"imageAlt","required":false},{"description":"Border color of the overlay","default":"primary-interactive","enum":["ai-generativeInteractiveHover","primary-interactive","transparent"],"type":"string","title":"borderColor","required":false},{"description":"Background color of the overlay","default":"primary-surface","enum":["neutral-background","primary-surface","transparent"],"type":"string","title":"backgroundColor","required":false},{"description":"Border radius of the overlay","default":2,"enum":["0-5","1","2","3","4","5","6","base","full","half"],"type":"string","title":"borderRadius","required":false},{"$ref":"#/definitions/React.ReactNode","description":"Content to render inside the overlay","title":"children","required":false}]}]},"icon":{"id":"icon","name":"Icon","totalProps":3,"packageName":"@nimbus-ds/icon","version":"3.3.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/icon","props":[{"description":"The SVG contents to display in the Icon.","type":"React.ReactNode","title":"source","required":true},{"description":"Set the color for the SVG fill.\nUse \"ai-generative\" to apply the Nimbus AI generative gradient.","default":"neutral-textLow","enum":["ai-generative","ai-gradientPurpleHigh","currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"color","required":false},{"description":"The cursor property specifies the mouse cursor to be displayed when pointing over an element.","default":"inherit","enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"cursor","required":false}],"subComponents":[{"name":"Icon.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"iconButton":{"id":"iconButton","name":"IconButton","totalProps":7,"packageName":"@nimbus-ds/icon-button","version":"4.3.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/icon-button","props":[{"description":"Type of html tag to create for the Icon Button component.","default":"button","enum":["button","div"],"type":"string","title":"as","required":false},{"description":"The SVG contents to display in the Icon button.","type":"React.ReactNode","title":"source","required":true},{"description":"Set the color for the inner Icon fill.","default":"neutral-textHigh","enum":["ai-generative","ai-gradientPurpleHigh","currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"color","required":false},{"description":"AI gradient background appearance for the button container.\nWhen provided, container color/border sprinkles are ignored in favor of gradient styles.","enum":["ai-generative"],"type":"string","title":"appearance","required":false},{"description":"The size of the component.","default":"2.75rem","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","active","hover","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"size","required":false},{"description":"The borderColor property sets the color of the icon button's four borders.","default":"{ xs: \"neutral-interactive\", active: \"neutral-interactivePressed\", hover: \"neutral-interactiveHover\", focus: \"primary-interactive\" }","anyOf":[{"type":"object","properties":{"focus":{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"focus"},"active":{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"active"},"hover":{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"hover"},"xs":{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"xs"},"md":{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"md"},"lg":{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"lg"},"xl":{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"xl"},"xxl":{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","active","hover","xs","md","lg","xl","xxl"]},{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string"}],"title":"borderColor","required":false},{"description":"The backgroundColor property sets the background color of the icon button.","default":"{  xs: \"neutral-surface\", active: \"neutral-interactive\", hover: \"neutral-surfaceHighlight\" }","anyOf":[{"type":"object","properties":{"focus":{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"focus"},"active":{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"active"},"hover":{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"hover"},"xs":{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"xs"},"md":{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"md"},"lg":{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"lg"},"xl":{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"xl"},"xxl":{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","active","hover","xs","md","lg","xl","xxl"]},{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string"}],"title":"backgroundColor","required":false}],"subComponents":[{"name":"IconButton.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"input":{"id":"input","name":"Input","totalProps":6,"packageName":"@nimbus-ds/input","version":"2.6.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/input","props":[{"description":"Change the visual style of the input.","default":"neutral","enum":["ai-generative","danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Highlights the field to indicate its value was generated by AI.\nApplies AI gradient border, white background and an AI focus ring.","type":"boolean","title":"aiGenerated","required":false},{"description":"Disables the input, disallowing user interaction.","type":"boolean","title":"disabled","required":false},{"description":"Sent icon display position","default":"start","enum":["end","start"],"type":"string","title":"appendPosition","required":false},{"description":"SVG icon to be displayed on input.","type":"React.ReactNode","title":"append","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}],"subComponents":[{"name":"Input.Password","totalProps":3,"props":[{"description":"Change the visual style of the input.","default":"neutral","enum":["ai-generative","danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Disables the input, disallowing user interaction.","type":"boolean","title":"disabled","required":false},{"description":"Highlights the field to indicate its value was generated by AI.\nApplies AI gradient border, white background and an AI focus ring.","type":"boolean","title":"aiGenerated","required":false}]},{"name":"Input.Search","totalProps":3,"props":[{"description":"Change the visual style of the input.","default":"neutral","enum":["ai-generative","danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Disables the input, disallowing user interaction.","type":"boolean","title":"disabled","required":false},{"description":"Highlights the field to indicate its value was generated by AI.\nApplies AI gradient border, white background and an AI focus ring.","type":"boolean","title":"aiGenerated","required":false}]},{"name":"Input.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"label":{"id":"label","name":"Label","totalProps":3,"packageName":"@nimbus-ds/label","version":"2.2.2","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/label","props":[{"description":"The content of the label.","type":"React.ReactNode","title":"children","required":true},{"description":"The for attribute specifies which form element a label is bound to.","type":"string","title":"htmlFor","required":false},{"description":"If true the label will be visually hidden but maintain accessibility purpose","default":false,"type":"boolean","title":"hidden","required":false}],"subComponents":[{"name":"Label.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"link":{"id":"link","name":"Link","totalProps":6,"packageName":"@nimbus-ds/link","version":"4.3.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/link","props":[{"default":"a","description":"The underlying element to render — either a HTML element name or a React component.","anyOf":[{"enum":["a","button"],"type":"string"},{"type":"React.ElementType"}],"title":"as","required":false},{"description":"The content of the link.","type":"React.ReactNode","title":"children","required":true},{"description":"Change the visual style of the link.","default":"neutral","enum":["danger","neutral","neutral-background","primary"],"type":"string","title":"appearance","required":false},{"description":"The textDecoration property specifies the decoration added to link.","default":"neutral","enum":["line-through","none","underline"],"type":"string","title":"textDecoration","required":false},{"description":"The fontSize property sets the size of the link.","default":"base","enum":["base","caption","highlight"],"type":"string","title":"fontSize","required":false},{"description":"The lineHeight property specifies the line height of the link","default":"base","enum":["base","caption","highlight"],"type":"string","title":"lineHeight","required":false}],"subComponents":[{"name":"Link.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"list":{"id":"list","name":"List","totalProps":3,"packageName":"@nimbus-ds/list","version":"2.3.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/list","props":[{"description":"The content of the list.","type":"React.ReactNode","title":"children","required":true},{"description":"Determines the type of html list that will be rendered","default":"ul","enum":["ol","ul"],"type":"string","title":"as","required":false},{"description":"The padding of the list.","default":6,"enum":["0-5","1","2","3","4","5","6","7","8"],"type":"string","title":"padding","required":false}],"subComponents":[{"name":"List.Item","totalProps":1,"props":[{"description":"The content of the list item.","type":"React.ReactNode","title":"children","required":true}]},{"name":"List.Skeleton","totalProps":2,"props":[{"description":"The content of the list skeleton.","type":"React.ReactNode","title":"children","required":true},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]},{"name":"List.SkeletonItem","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"multiSelect":{"id":"multiSelect","name":"MultiSelect","totalProps":7,"packageName":"@nimbus-ds/multi-select","version":"1.1.2","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/multi-select","props":[{"description":"The name of the wrapper element or the select element when native.","type":"string","title":"name","required":true},{"description":"The id of the wrapper element or the select element when native.","type":"string","title":"id","required":true},{"description":"Change the visual style of the select.","default":"neutral","enum":["danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Options of the MultiSelect","type":"array","items":{"type":"object","properties":{"label":{"description":"Label for the option.","type":"string","title":"label"},"value":{"description":"Value of the option","type":"string","title":"value"}},"additionalProperties":false,"propertyOrder":["label","value"],"required":["label","value"]},"title":"options","required":true},{"description":"Options of the MultiSelect","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onChange","required":false},{"description":"Deafult of the MultiSelect","type":"array","items":{"type":"object","properties":{"label":{"description":"Label for the option.","type":"string","title":"label"},"value":{"description":"Value of the option","type":"string","title":"value"}},"additionalProperties":false,"propertyOrder":["label","value"],"required":["label","value"]},"title":"value","required":false},{"description":"ZIndex of the MultiSelect","enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"zIndex","required":false}],"subComponents":[{"name":"MultiSelect.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"popover":{"id":"popover","name":"Popover","totalProps":20,"packageName":"@nimbus-ds/popover","version":"4.3.3","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/popover","props":[{"description":"An HTML element, or a function that returns one. It's used to set the position of the popover.","type":"React.ReactNode | ((data: { open: boolean, setVisibility: (visibility: boolean) => void }) => React.ReactNode);","title":"children","required":true},{"description":"The content of the popover.","type":"React.ReactNode","title":"content","required":true},{"description":"If true, the component is shown.","type":"boolean","title":"visible","required":false},{"description":"Function to control popover opening and closing.","type":"(visible: boolean) => void;","title":"onVisibility","required":false},{"description":"Conditional for displaying the popover arrow.","default":true,"type":"boolean","title":"arrow","required":false},{"description":"A common feature of select dropdowns is that the dropdown matches the width of the reference regardless of its contents.","default":false,"type":"boolean","title":"matchReferenceWidth","required":false},{"description":"Position of the popover.","default":"bottom","enum":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"type":"string","title":"position","required":false},{"description":"Adds hover event listeners that change the open state, like CSS :hover.","default":false,"type":"boolean","title":"enabledHover","required":false},{"description":"Adds click event listeners that change the open state.","default":true,"type":"boolean","title":"enabledClick","required":false},{"description":"Adds listeners that dismiss (close) the floating element.","default":true,"type":"boolean","title":"enabledDismiss","required":false},{"description":"Offest displaces the floating element from its core placement along the specified axes.","default":10,"type":"number","title":"offset","required":false},{"description":"When enabled, renders an invisible overlay that prevents accidental clicks on elements behind the popover.","default":false,"type":"boolean","title":"renderOverlay","required":false},{"description":"The width property specifies the width of a popover's content area.","default":"fit-content","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"width","required":false},{"description":"The maxWidth property specifies the maximum width of a popover's content area.","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The height property specifies the height of a popover's content area.","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"height","required":false},{"description":"The zIndex property specifies the stack order of the popover.","anyOf":[{"type":"object","properties":{"xs":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xs"},"md":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"md"},"lg":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"lg"},"xl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xl"},"xxl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string"}],"title":"zIndex","required":false},{"description":"The backgroundColor property sets the background color of the popover.","default":"neutral-background","examples":"[\"neutral-interactive\", { xs: \"neutral-surface\", md: \"neutral-interactive\" }]","anyOf":[{"type":"object","properties":{"xs":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xs"},"md":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"md"},"lg":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"lg"},"xl":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xl"},"xxl":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string"}],"title":"backgroundColor","required":false},{"description":"The color property is used to set the color of the popover.","default":"neutral-background","anyOf":[{"type":"object","properties":{"xs":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xs"},"md":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"md"},"lg":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"lg"},"xl":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xl"},"xxl":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string"}],"title":"color","required":false},{"description":"The padding properties are used to generate space around an popover's content area.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["base","none","small"],"type":"string","title":"xs"},"md":{"enum":["base","none","small"],"type":"string","title":"md"},"lg":{"enum":["base","none","small"],"type":"string","title":"lg"},"xl":{"enum":["base","none","small"],"type":"string","title":"xl"},"xxl":{"enum":["base","none","small"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["base","none","small"],"type":"string"}],"title":"padding","required":false},{"description":"The overflow shorthand property sets the desired behavior for an popover's content overflow.","anyOf":[{"type":"object","properties":{"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"},"xxl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflow","required":false}],"subComponents":[]},"progressBar":{"id":"progressBar","name":"ProgressBar","totalProps":2,"packageName":"@nimbus-ds/progress-bar","version":"1.0.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/progress-bar","props":[{"description":"Progress value from 0 to 100","type":"number","title":"value","required":true},{"description":"Change the visual style of the progress bar.","default":"neutral","enum":["ai-generative","danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false}],"subComponents":[{"name":"ProgressBar.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"radio":{"id":"radio","name":"Radio","totalProps":5,"packageName":"@nimbus-ds/radio","version":"2.3.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/radio","props":[{"description":"Name attribute of the input element.","type":"string","title":"name","required":true},{"description":"Change the visual style of the radio.","default":"radio","enum":["button","radio"],"type":"string","title":"as","required":false},{"description":"Modifies true/false value of the native radio.","type":"boolean","title":"checked","required":false},{"description":"Modifies the native disabled state of the native radio.","type":"boolean","title":"disabled","required":false},{"description":"Text to be rendered inside the component.","type":"string","title":"label","required":false}],"subComponents":[{"name":"Radio.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Change the visual style of the radio.","default":"radio","enum":["button","radio"],"type":"string","title":"as","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"select":{"id":"select","name":"Select","totalProps":5,"packageName":"@nimbus-ds/select","version":"2.6.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/select","props":[{"description":"The name of the wrapper element or the select element when native.","type":"string","title":"name","required":true},{"description":"The id of the wrapper element or the select element when native.","type":"string","title":"id","required":true},{"description":"The content of the select.","type":"React.ReactNode","title":"children","required":true},{"description":"Change the visual style of the select.","default":"neutral","enum":["ai-generative","danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Shows ai-generative appearance with active ai focus shadow.\nWhen true, this styling takes precedence over `appearance`.","default":false,"type":"boolean","title":"aiGenerated","required":false}],"subComponents":[{"name":"Select.Group","totalProps":2,"props":[{"description":"Label for the option group.","type":"string","title":"label","required":true},{"description":"The content of the option group.","type":"React.ReactNode","title":"children","required":true}]},{"name":"Select.Option","totalProps":2,"props":[{"description":"Label for the option.","type":"string","title":"label","required":true},{"description":"Value of the option","type":"string","title":"value","required":true}]},{"name":"Select.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"skeleton":{"id":"skeleton","name":"Skeleton","totalProps":4,"packageName":"@nimbus-ds/skeleton","version":"3.0.2","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/skeleton","props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":true},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":true},{"description":"The border radius of the skeleton.","type":"string","title":"borderRadius","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}],"subComponents":[]},"slider":{"id":"slider","name":"Slider","totalProps":10,"packageName":"@nimbus-ds/slider","version":"1.0.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/slider","props":[{"description":"The current value of the slider (single mode).","type":"number","title":"value","required":true},{"description":"Callback fired when the value changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onChange","required":false},{"description":"Callback fired when the user finishes interacting with the slider.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onChangeEnd","required":false},{"description":"Accessible label for the slider thumb.","default":"Value","type":"string","title":"ariaLabel","required":false},{"description":"The minimum value of the slider range.","default":0,"type":"number","title":"min","required":false},{"description":"The maximum value of the slider range.","default":100,"type":"number","title":"max","required":false},{"description":"The step increment between values.","default":1,"type":"number","title":"step","required":false},{"description":"Visual appearance of the slider fill.","default":"primary","enum":["danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Whether the slider is disabled.","default":false,"type":"boolean","title":"disabled","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}],"subComponents":[{"name":"Slider.Range","totalProps":14,"props":[{"description":"The current minimum value selected on the slider.","type":"number","title":"minValue","required":true},{"description":"The current maximum value selected on the slider.","type":"number","title":"maxValue","required":true},{"description":"Callback fired when the min or max value changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onChange","required":false},{"description":"Callback fired when the min value changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onMinChange","required":false},{"description":"Callback fired when the max value changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onMaxChange","required":false},{"description":"Callback fired when the user finishes interacting with the slider.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onChangeEnd","required":false},{"description":"Accessible label for the minimum value thumb.","default":"Minimum value","type":"string","title":"minAriaLabel","required":false},{"description":"Accessible label for the maximum value thumb.","default":"Maximum value","type":"string","title":"maxAriaLabel","required":false},{"description":"The minimum value of the slider range.","default":0,"type":"number","title":"min","required":false},{"description":"The maximum value of the slider range.","default":100,"type":"number","title":"max","required":false},{"description":"The step increment between values.","default":1,"type":"number","title":"step","required":false},{"description":"Visual appearance of the slider fill.","default":"primary","enum":["danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Whether the slider is disabled.","default":false,"type":"boolean","title":"disabled","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"spinner":{"id":"spinner","name":"Spinner","totalProps":2,"packageName":"@nimbus-ds/spinner","version":"3.1.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/spinner","props":[{"description":"Sets the width and height of the spinner.","default":"large","anyOf":[{"enum":["large","medium","small"],"type":"string"},{"type":"number"}],"title":"size","required":false},{"description":"Set the color for the spinner SVG fill.","default":"primary-interactive","enum":["currentColor","danger-interactive","danger-surface","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textLow","primary-interactive","primary-surface","primary-textLow","success-interactive","success-surface","success-textLow"],"type":"string","title":"color","required":false}],"subComponents":[]},"tag":{"id":"tag","name":"Tag","totalProps":2,"packageName":"@nimbus-ds/tag","version":"2.4.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/tag","props":[{"description":"The content of the tag.","type":"React.ReactNode","title":"children","required":true},{"description":"Change the visual style of the tag.","default":"neutral","enum":["ai-generative","danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false}],"subComponents":[{"name":"Tag.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"text":{"id":"text","name":"Text","totalProps":13,"packageName":"@nimbus-ds/text","version":"6.6.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/text","props":[{"description":"The content of the link.","type":"React.ReactNode","title":"children","required":true},{"description":"Type of html tag to create for the Text component.","default":"p","enum":["p","span"],"type":"string","title":"as","required":false},{"description":"The fontSize property sets the size of the text.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["base","caption","highlight"],"type":"string","title":"xs"},"md":{"enum":["base","caption","highlight"],"type":"string","title":"md"},"lg":{"enum":["base","caption","highlight"],"type":"string","title":"lg"},"xl":{"enum":["base","caption","highlight"],"type":"string","title":"xl"},"xxl":{"enum":["base","caption","highlight"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["base","caption","highlight"],"type":"string"}],"title":"fontSize","required":false},{"description":"The fontWeight property sets how thick or thin characters in text should be displayed.","default":"regular","anyOf":[{"type":"object","properties":{"xs":{"enum":["bold","medium","regular"],"type":"string","title":"xs"},"md":{"enum":["bold","medium","regular"],"type":"string","title":"md"},"lg":{"enum":["bold","medium","regular"],"type":"string","title":"lg"},"xl":{"enum":["bold","medium","regular"],"type":"string","title":"xl"},"xxl":{"enum":["bold","medium","regular"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["bold","medium","regular"],"type":"string"}],"title":"fontWeight","required":false},{"description":"The color property is used to set the color of the text.\nNote: Gradients like 'ai-generative' changes other properties like 'width' and 'display', which could make the component behave differently. Ensure to visually test the component when dynamically changing the color.","default":"neutral-textLow","anyOf":[{"type":"object","properties":{"xs":{"enum":["ai-generative","currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"xs"},"md":{"enum":["ai-generative","currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"md"},"lg":{"enum":["ai-generative","currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"lg"},"xl":{"enum":["ai-generative","currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"xl"},"xxl":{"enum":["ai-generative","currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["ai-generative","currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string"}],"title":"color","required":false},{"description":"The lineHeight property specifies the line height of the text.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["base","caption","highlight"],"type":"string","title":"xs"},"md":{"enum":["base","caption","highlight"],"type":"string","title":"md"},"lg":{"enum":["base","caption","highlight"],"type":"string","title":"lg"},"xl":{"enum":["base","caption","highlight"],"type":"string","title":"xl"},"xxl":{"enum":["base","caption","highlight"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["base","caption","highlight"],"type":"string"}],"title":"lineHeight","required":false},{"description":"The textAlign property specifies the horizontal alignment of text.","default":"left","anyOf":[{"type":"object","properties":{"xs":{"enum":["center","justify","left","right"],"type":"string","title":"xs"},"md":{"enum":["center","justify","left","right"],"type":"string","title":"md"},"lg":{"enum":["center","justify","left","right"],"type":"string","title":"lg"},"xl":{"enum":["center","justify","left","right"],"type":"string","title":"xl"},"xxl":{"enum":["center","justify","left","right"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["center","justify","left","right"],"type":"string"}],"title":"textAlign","required":false},{"description":"The textOverflow property specifies how overflowed content that is not displayed should be signaled to the user (e.g., 'ellipsis' for '...', 'clip' for hard cutoff).\nNote: This property only works when overflow is set to 'hidden'.","anyOf":[{"type":"object","properties":{"xs":{"enum":["clip","ellipsis"],"type":"string","title":"xs"},"md":{"enum":["clip","ellipsis"],"type":"string","title":"md"},"lg":{"enum":["clip","ellipsis"],"type":"string","title":"lg"},"xl":{"enum":["clip","ellipsis"],"type":"string","title":"xl"},"xxl":{"enum":["clip","ellipsis"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["clip","ellipsis"],"type":"string"}],"title":"textOverflow","required":false},{"description":"The whiteSpace property sets how white space inside an element is handled.","anyOf":[{"type":"object","properties":{"xs":{"enum":["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"],"type":"string","title":"xs"},"md":{"enum":["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"],"type":"string","title":"md"},"lg":{"enum":["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"],"type":"string","title":"lg"},"xl":{"enum":["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"],"type":"string","title":"xl"},"xxl":{"enum":["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"],"type":"string"}],"title":"whiteSpace","required":false},{"description":"The wordBreak property sets whether line breaks appear wherever the text would otherwise overflow its content box.","anyOf":[{"type":"object","properties":{"xs":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"xs"},"md":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"md"},"lg":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"lg"},"xl":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"xl"},"xxl":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["break-all","break-word","keep-all","normal"],"type":"string"}],"title":"wordBreak","required":false},{"description":"The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.","anyOf":[{"type":"object","properties":{"xs":{"type":"number","title":"xs"},"md":{"type":"number","title":"md"},"lg":{"type":"number","title":"lg"},"xl":{"type":"number","title":"xl"},"xxl":{"type":"number","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"type":"number"}],"title":"lineClamp","required":false},{"description":"The overflow property specifies what happens if content overflows an element's box.","anyOf":[{"type":"object","properties":{"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"},"xxl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflow","required":false},{"description":"The textDecoration shorthand property sets the appearance of decorative lines on text.","anyOf":[{"type":"object","properties":{"xs":{"enum":["line-through","none","underline"],"type":"string","title":"xs"},"md":{"enum":["line-through","none","underline"],"type":"string","title":"md"},"lg":{"enum":["line-through","none","underline"],"type":"string","title":"lg"},"xl":{"enum":["line-through","none","underline"],"type":"string","title":"xl"},"xxl":{"enum":["line-through","none","underline"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["line-through","none","underline"],"type":"string"}],"title":"textDecoration","required":false}],"subComponents":[{"name":"Text.Skeleton","totalProps":5,"props":[{"enum":["base","caption","highlight"],"type":"string","title":"fontSize","required":false},{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"textarea":{"id":"textarea","name":"Textarea","totalProps":8,"packageName":"@nimbus-ds/textarea","version":"2.6.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/textarea","props":[{"description":"Change the visual style of the textarea.","default":"neutral","enum":["ai-generative","danger","neutral","success","transparent","warning"],"type":"string","title":"appearance","required":false},{"description":"Highlights the field to indicate its value was generated by AI.\nApplies AI gradient border, white background and an AI focus ring.","type":"boolean","title":"aiGenerated","required":false},{"description":"Number of lines to be rendered for the user to input text","default":2,"type":"number","title":"lines","required":false},{"description":"Controls intrinsic sizing behavior of the field. When true, the textarea will grow with content up to the maxLines limit (if provided) and then scroll.","default":false,"type":"boolean","title":"autoGrow","required":false},{"description":"Caps the textarea visual height to the given number of lines.\nWhen used together with autoGrow=true, the textarea will grow\nwith content up to this limit and then scroll.","type":"number","title":"maxLines","required":false},{"description":"Sets the minimum height of the textarea to the given number of lines.\nThe textarea will never shrink below this height, even when empty.","type":"number","title":"minLines","required":false},{"description":"ID of the textarea","type":"string","title":"id","required":true},{"description":"Enable/disable textarea resize functionality","default":true,"type":"boolean","title":"resize","required":false}],"subComponents":[{"name":"Textarea.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"thumbnail":{"id":"thumbnail","name":"Thumbnail","totalProps":4,"packageName":"@nimbus-ds/thumbnail","version":"2.3.3","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/thumbnail","props":[{"description":"The required alt attribute specifies an alternate text for an image, if the image cannot be displayed.","type":"string","title":"alt","required":true},{"description":"The content of the thumbnail.","type":"React.ReactNode","title":"children","required":false},{"description":"Permitted aspect ratios for the size of the thumbnail image.","default":"1/1","enum":["1/1","1/2","16/9","2/1","3/4","4/3","9/16"],"type":"string","title":"aspectRatio","required":false},{"description":"Width value of the thumbnail image. Defaults to 100%.","default":"100%","type":"string","title":"width","required":false}],"subComponents":[{"name":"Thumbnail.Skeleton","totalProps":4,"props":[{"description":"Permitted aspect ratios for the size of the thumbnail image.","default":"1/1","enum":["1/1","1/2","16/9","2/1","3/4","4/3","9/16"],"type":"string","title":"aspectRatio","required":false},{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"title":{"id":"title","name":"Title","totalProps":7,"packageName":"@nimbus-ds/title","version":"3.1.4","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/title","props":[{"description":"The content of the title.","type":"React.ReactNode","title":"children","required":true},{"description":"Type of html tag to create for the title.","default":"h1","enum":["h1","h2","h3","h4","h5","h6"],"type":"string","title":"as","required":false},{"description":"The fontSize property sets the size of the title.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string"}],"title":"fontSize","required":false},{"description":"The fontWeight property sets how thick or thin characters in title should be displayed.","default":"regular","anyOf":[{"type":"object","properties":{"xs":{"enum":["bold","medium","regular"],"type":"string","title":"xs"},"md":{"enum":["bold","medium","regular"],"type":"string","title":"md"},"lg":{"enum":["bold","medium","regular"],"type":"string","title":"lg"},"xl":{"enum":["bold","medium","regular"],"type":"string","title":"xl"},"xxl":{"enum":["bold","medium","regular"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["bold","medium","regular"],"type":"string"}],"title":"fontWeight","required":false},{"description":"The lineHeight property specifies the line height of the title.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string"}],"title":"lineHeight","required":false},{"description":"The textAlign property specifies the horizontal alignment of title.","default":"left","anyOf":[{"type":"object","properties":{"xs":{"enum":["center","justify","left","right"],"type":"string","title":"xs"},"md":{"enum":["center","justify","left","right"],"type":"string","title":"md"},"lg":{"enum":["center","justify","left","right"],"type":"string","title":"lg"},"xl":{"enum":["center","justify","left","right"],"type":"string","title":"xl"},"xxl":{"enum":["center","justify","left","right"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["center","justify","left","right"],"type":"string"}],"title":"textAlign","required":false},{"description":"The color property is used to set the color of the title.","default":"neutral-textLow","anyOf":[{"type":"object","properties":{"xs":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"xs"},"md":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"md"},"lg":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"lg"},"xl":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"xl"},"xxl":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string"}],"title":"color","required":false}],"subComponents":[{"name":"Title.Skeleton","totalProps":5,"props":[{"description":"Type of html tag to create for the title.","default":"h1","enum":["h1","h2","h3","h4","h5","h6"],"type":"string","title":"as","required":false},{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"toast":{"id":"toast","name":"Toast","totalProps":6,"packageName":"@nimbus-ds/toast","version":"2.5.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/toast","props":[{"description":"Unique toast ID used when hiding or removing a toast.","type":"string","title":"id","required":true},{"description":"The text that should appear in the toast message.","type":"string","title":"text","required":true},{"description":"Change the visual style of the toast.","default":"primary","enum":["danger","primary","progress","success"],"type":"string","title":"type","required":false},{"description":"The time in milliseconds that the toast message should persist.","default":4000,"enum":[16000,4000,8000],"type":"number","title":"duration","required":false},{"description":"Tells you whether or not Toast should close automatically.","default":true,"type":"boolean","title":"autoClose","required":false},{"description":"Tells the toast position when we are using multiple toasts.","default":0,"type":"number","title":"position","required":false}],"subComponents":[{"name":"Toast.Provider","totalProps":2,"props":[{"type":"React.ReactNode","title":"children","required":true},{"description":"Controls the vertical offset of the toast container from the bottom.\nUse \"high\" for mobile apps with bottom navigation bars.","default":"default","enum":["default","high"],"type":"string","title":"offset","required":false}]}]},"toggle":{"id":"toggle","name":"Toggle","totalProps":3,"packageName":"@nimbus-ds/toggle","version":"2.2.5","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/toggle","props":[{"description":"The name of the input element.","type":"string","title":"name","required":true},{"description":"Sets toggle state to activated or deactivated.","type":"boolean","title":"active","required":false},{"description":"Text to be rendered inside the component","type":"string","title":"label","required":false}],"subComponents":[{"name":"Toggle.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"tooltip":{"id":"tooltip","name":"Tooltip","totalProps":5,"packageName":"@nimbus-ds/tooltip","version":"2.6.2","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/tooltip","props":[{"description":"An HTML element, or a function that returns one. It's used to set the position of the tooltip.","type":"React.ReactNode","title":"children","required":true},{"description":"The text that should appear in the tooltip message.","type":"string","title":"content","required":true},{"description":"Conditional for displaying the popover arrow.","default":false,"type":"boolean","title":"arrow","required":false},{"description":"Position of the popover.","default":"bottom","enum":["bottom","left","right","top"],"type":"string","title":"position","required":false},{"description":"The maxWidth property specifies the maximum width of a popover's content area.","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"maxWidth","required":false}],"subComponents":[]},"accordion":{"id":"accordion","name":"Accordion","totalProps":4,"packageName":"@nimbus-ds/accordion","version":"1.7.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/accordion","props":[{"description":"The content of the accordion.","type":"React.ReactNode","title":"children","required":false},{"description":"Informs which accordion item is open by default, this value must be the same as informed in the index of each item","type":"string","title":"selectedDefault","required":false},{"description":"The currently selected accordion item ID.","type":"string","title":"selectedItem","required":true},{"description":"Callback fired when the selected accordion item changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onItemSelect","required":false}],"subComponents":[{"name":"Accordion.Body","totalProps":4,"props":[{"description":"The content of the accordion body.","type":"React.ReactNode","title":"children","required":true},{"description":"The borderBottom property defines a lower border of the accordion body.","default":"none","enum":["base","none"],"type":"string","title":"borderBottom","required":false},{"description":"The borderTop property defines a top border of the accordion body.","default":"none","enum":["base","none"],"type":"string","title":"borderTop","required":false},{"description":"Padding properties are used to generate space around the content area of an Accordion.Body..","default":"base","enum":["base","none"],"type":"string","title":"padding","required":false}]},{"name":"Accordion.Item","totalProps":4,"props":[{"description":"The content of the accordion body.","type":"React.ReactNode","title":"children","required":true},{"description":"Unique indicator to identify accordion items","type":"string","title":"index","required":true},{"description":"Determines if the accordion item is interactive (clickable) or static.\nWhen false, the header renders as a div without click handlers, hover effects, or toggle icon.","default":true,"type":"boolean","title":"interactive","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"testId","required":false}]},{"name":"Accordion.Header","totalProps":7,"props":[{"description":"The content of the accordion header.","type":"React.ReactNode | ((data: { selected: string; index: string }) => React.ReactNode);","title":"children","required":false},{"description":"The title to display in the accordion header.","type":"string","title":"title","required":false},{"description":"The subtitle to display in the accordion header.","type":"string","title":"subtitle","required":false},{"description":"The SVG contents to display in the accordion header.","type":"React.ReactNode","title":"icon","required":false},{"description":"Removes the arrow icon that shows if the accordion item is open or not which makes it possible to create a custom indicator.","default":false,"type":"boolean","title":"noIconToggle","required":false},{"description":"The borderTop property defines a lower border of the accordion header.","default":"base","enum":["base","none"],"type":"string","title":"borderTop","required":false},{"description":"The borderBottom property defines a lower border of the accordion header.","enum":["base","none"],"type":"string","title":"borderBottom","required":false}]}]},"alert":{"id":"alert","name":"Alert","totalProps":5,"packageName":"@nimbus-ds/alert","version":"2.4.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/alert","props":[{"description":"The content for the title of the alert.","type":"string","title":"title","required":false},{"description":"Change the visual style of the alert.","default":"neutral","enum":["danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false},{"description":"The content of the alert.","type":"React.ReactNode","title":"children","required":true},{"description":"Function to be passed on actioning the dismiss button.","type":"() => void;","title":"onRemove","required":false},{"description":"Determines if the alert is shown or not.","default":true,"type":"boolean","title":"show","required":false}],"subComponents":[{"name":"Alert.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"card":{"id":"card","name":"Card","totalProps":3,"packageName":"@nimbus-ds/card","version":"3.1.3","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/card","props":[{"description":"The content of the card.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an card's content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false},{"description":"The backgroundColor property sets the background color of the card.","default":"neutral-background","enum":["danger-surface","danger-surfaceHighlight","neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","success-surface","success-surfaceHighlight","warning-surface","warning-surfaceHighlight"],"type":"string","title":"backgroundColor","required":false}],"subComponents":[{"name":"Card.Body","totalProps":2,"props":[{"description":"The content of the card body.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an card's body content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Card.Footer","totalProps":2,"props":[{"description":"The content of the card footer.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an card's footer content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Card.Header","totalProps":3,"props":[{"description":"The content of the card header.","type":"React.ReactNode","title":"children","required":false},{"description":"The title to display in the card header.","type":"string","title":"title","required":false},{"description":"The padding properties are used to generate space around an card's header content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]}]},"collapsible":{"id":"collapsible","name":"Collapsible","totalProps":2,"packageName":"@nimbus-ds/collapsible","version":"1.1.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/collapsible","props":[{"$ref":"#/definitions/React.ReactNode","description":"Represents all of the things React can render.\n\nWhere {@link ReactElement} only represents JSX, `ReactNode` represents everything that can be rendered.","title":"children","required":false},{"type":"boolean","title":"open","required":false}],"subComponents":[]},"modal":{"id":"modal","name":"Modal","totalProps":8,"packageName":"@nimbus-ds/modal","version":"1.8.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/modal","props":[{"description":"The content of the modal.","type":"React.ReactNode","title":"children","required":true},{"description":"Whether the modal is open or not.","type":"boolean","title":"open","required":true},{"description":"Callback fired when the component requests to be closed.","type":"(open: boolean) => void;","title":"onDismiss","required":false},{"description":"Id to be embedded in the portal element","type":"string","title":"portalId","required":false},{"description":"Controls whether clicking/pressing outside should close the modal.\n- boolean: enable/disable dismissal on outside press\n- function: receive the DOM event and return true to allow closing, false to ignore\n\nDefaults to true.","anyOf":[{"type":"object","additionalProperties":false,"propertyOrder":[]},{"type":"boolean"}],"title":"closeOnOutsidePress","required":false},{"description":"The attribute name to ignore when checking for outside clicks. Useful to\nmark regions (e.g., a chat) that should not close the modal when clicked.","default":"data-nimbus-outside-press-ignore","type":"string","title":"ignoreAttributeName","required":false},{"description":"The padding properties are used to generate space around an modal's content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false},{"description":"The maxWidth property specifies the maxWidth of a modal's content area. The width of the modal will be defined by the width of the content in this prop.","default":"{ xs: \"100%\", md: \"500px\" }","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"maxWidth","required":false}],"subComponents":[{"name":"Modal.Body","totalProps":2,"props":[{"description":"The content of the modal body.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an modal's body content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Modal.Footer","totalProps":2,"props":[{"description":"The content of the modal footer.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an modal's footer content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Modal.Header","totalProps":4,"props":[{"description":"The content of the modal header.","type":"React.ReactNode","title":"children","required":false},{"description":"The title to display in the modal header.","type":"string","title":"title","required":false},{"description":"The tag to display next to the title.","type":"React.ReactNode","title":"tag","required":false},{"description":"The padding properties are used to generate space around an modal's header content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]}]},"pagination":{"id":"pagination","name":"Pagination","totalProps":5,"packageName":"@nimbus-ds/pagination","version":"2.4.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/pagination","props":[{"description":"The currently selected page.","type":"number","title":"activePage","required":true},{"description":"The total number of pages.","type":"number","title":"pageCount","required":true},{"description":"Called with event and page number when a page is clicked.","type":"(page: number) => void;","title":"onPageChange","required":true},{"description":"Determines whether page numbers should be shown.","default":true,"type":"boolean","title":"showNumbers","required":false},{"description":"Custom render function for pagination items.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"renderItem","required":false}],"subComponents":[]},"scrollPane":{"id":"scrollPane","name":"ScrollPane","totalProps":11,"packageName":"@nimbus-ds/scroll-pane","version":"1.2.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/scroll-pane","props":[{"$ref":"#/definitions/React.ReactNode","description":"The content to be rendered inside the scroll pane","title":"children","required":false},{"description":"Whether to show gradient overlays when content overflows","default":true,"type":"boolean","title":"showGradients","required":false},{"description":"Whether to show navigation arrows for scrolling","default":false,"type":"boolean","title":"showArrows","required":false},{"description":"Whether to show the scrollbar","default":true,"type":"boolean","title":"showScrollbar","required":false},{"description":"The direction of the scroll (horizontal or vertical)","default":"horizontal","enum":["horizontal","vertical"],"type":"string","title":"direction","required":false},{"description":"Whether items should scroll into view when clicked","default":true,"type":"boolean","title":"scrollToItemOnClick","required":false},{"description":"Defines the scroll behavior when clicking on items\n- 'hidden-items': Only scrolls to items that are not fully visible (default)\n- 'always': Always scrolls to items, centering them in the viewport","default":"hidden-items","enum":["always","hidden-items"],"type":"string","title":"scrollBehavior","required":false},{"description":"Enable grab-to-scroll functionality (click and drag to scroll)\nWhen enabled, prevents item dragging inside the ScrollPane","default":false,"type":"boolean","title":"enableGrabScroll","required":false},{"$ref":"#/definitions/React.ReactNode","description":"Custom arrow component to render at the start of the scroll area","title":"scrollPaneArrowStart","required":false},{"$ref":"#/definitions/React.ReactNode","description":"Custom arrow component to render at the end of the scroll area","title":"scrollPaneArrowEnd","required":false},{"description":"Props to be passed to the content container","type":"object","properties":{},"additionalProperties":true,"title":"contentContainerProps","required":false}],"subComponents":[{"name":"ScrollPane.Item","totalProps":3,"props":[{"$ref":"#/definitions/React.ReactNode","description":"The content to be rendered inside the scroll pane item","title":"children","required":false},{"description":"Custom class name for styling","type":"string","title":"className","required":false},{"description":"Callback fired when the item is clicked","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onClick","required":false}]},{"name":"ScrollPane.ArrowHorizontalStart","totalProps":1,"props":[{"$ref":"#/definitions/React.ReactNode","description":"Represents all of the things React can render.\n\nWhere {@link ReactElement} only represents JSX, `ReactNode` represents everything that can be rendered.","title":"children","required":false}]},{"name":"ScrollPane.ArrowHorizontalEnd","totalProps":1,"props":[{"$ref":"#/definitions/React.ReactNode","description":"Represents all of the things React can render.\n\nWhere {@link ReactElement} only represents JSX, `ReactNode` represents everything that can be rendered.","title":"children","required":false}]},{"name":"ScrollPane.ArrowVerticalStart","totalProps":1,"props":[{"$ref":"#/definitions/React.ReactNode","description":"Represents all of the things React can render.\n\nWhere {@link ReactElement} only represents JSX, `ReactNode` represents everything that can be rendered.","title":"children","required":false}]},{"name":"ScrollPane.ArrowVerticalEnd","totalProps":1,"props":[{"$ref":"#/definitions/React.ReactNode","description":"Represents all of the things React can render.\n\nWhere {@link ReactElement} only represents JSX, `ReactNode` represents everything that can be rendered.","title":"children","required":false}]}]},"segmentedControl":{"id":"segmentedControl","name":"SegmentedControl","totalProps":4,"packageName":"@nimbus-ds/segmented-control","version":"2.0.2","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/segmented-control","props":[{"$ref":"#/definitions/React.ReactNode","description":"The content of the segmented control.\nShould contain SegmentedControlButton components with unique id props.","title":"children","required":false},{"description":"Determines if segments span all available width.","default":false,"type":"boolean","title":"fullWidth","required":false},{"description":"The currently selected segment IDs.\nAllows for single or multiple selection.","type":"array","items":{"type":"string"},"title":"selectedSegments","required":true},{"description":"Callback fired when the selected segments change.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onSegmentsSelect","required":false}],"subComponents":[{"name":"SegmentedControl.Button","totalProps":4,"props":[{"description":"Unique identifier for the segment button.\nRequired for proper state management and accessibility.","type":"string","title":"id","required":true},{"description":"Label of the segment used for accessibility.","type":"string","title":"label","required":false},{"description":"Determines if segment spans all available width.","default":false,"type":"boolean","title":"fullWidth","required":false},{"$ref":"#/definitions/React.ReactNode","description":"Represents all of the things React can render.\n\nWhere {@link ReactElement} only represents JSX, `ReactNode` represents everything that can be rendered.","title":"children","required":false}]},{"name":"SegmentedControl.ButtonSkeleton","totalProps":0,"props":[]}]},"sidebar":{"id":"sidebar","name":"Sidebar","totalProps":10,"packageName":"@nimbus-ds/sidebar","version":"3.5.2","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/sidebar","props":[{"description":"Side from which the sidebar will appear.","default":"right","enum":["left","right"],"type":"string","title":"position","required":false},{"description":"The padding properties are used to generate space around an sidebar's content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false},{"description":"The content of the sidebar.","type":"React.ReactNode","title":"children","required":true},{"description":"Callback fired when the component requests to be closed.\n() => void;","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onRemove","required":false},{"description":"Determines if the sidebar is shown or not.","default":true,"type":"boolean","title":"open","required":false},{"description":"Determines if RemoveScroll wraps sidebar's children component.","default":true,"type":"boolean","title":"needRemoveScroll","required":false},{"description":"Controls whether clicking/pressing outside should close the sidebar.\n- boolean: enable/disable dismissal on outside press\n- function: receive the DOM event and return true to allow closing, false to ignore\n\nDefaults to true for backward compatibility.","anyOf":[{"type":"object","additionalProperties":false,"propertyOrder":[]},{"type":"boolean"}],"title":"closeOnOutsidePress","required":false},{"description":"The attribute name to ignore when checking for outside clicks.","default":"data-nimbus-outside-press-ignore","type":"string","title":"ignoreAttributeName","required":false},{"description":"The maxWidth property specifies the maxWidth of a sidebar's content area.","default":"375px","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The zIndex property specifies the stack order of the sidebar.","anyOf":[{"type":"object","properties":{"xs":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xs"},"md":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"md"},"lg":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"lg"},"xl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xl"},"xxl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string"}],"title":"zIndex","required":false}],"subComponents":[{"name":"Sidebar.Body","totalProps":2,"props":[{"description":"The content of the sidebar body.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an sidebar's body content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Sidebar.Footer","totalProps":2,"props":[{"description":"The content of the sidebar footer.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an sidebar's footer content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Sidebar.Header","totalProps":3,"props":[{"description":"The content of the sidebar header.","type":"React.ReactNode","title":"children","required":false},{"description":"The title to display in the sidebar header.","type":"string","title":"title","required":false},{"description":"The padding properties are used to generate space around an sidebar's header content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false}]}]},"splitButton":{"id":"splitButton","name":"SplitButton","totalProps":5,"packageName":"@nimbus-ds/split-button","version":"1.0.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/split-button","props":[{"description":"The subcomponents (Primary and Secondary).","type":"React.ReactNode","title":"children","required":true},{"description":"Disables the entire split button.","default":false,"type":"boolean","title":"disabled","required":false},{"description":"Controls the visibility of the popover.","type":"boolean","title":"open","required":false},{"description":"Callback function to control popover opening and closing.","type":"(open: boolean) => void;","title":"onOpenChange","required":false},{"description":"Position of the popover relative to the button.","default":"bottom-end","enum":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"type":"string","title":"popoverPosition","required":false}],"subComponents":[]},"stepper":{"id":"stepper","name":"Stepper","totalProps":4,"packageName":"@nimbus-ds/stepper","version":"1.0.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/stepper","props":[{"description":"The currently active step (0-based index).\nSteps before this will be marked as completed.","type":"number","title":"activeStep","required":true},{"description":"The content of the stepper (StepperItem components).\nTotal steps will be calculated automatically based on the number of children.","type":"React.ReactNode","title":"children","required":true},{"description":"The currently selected step (0-based index).\nThis step will be visually highlighted to show user selection.","type":"number","title":"selectedStep","required":true},{"description":"Callback called when a step is selected.\nReceives the step number (0-based index) as parameter.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onSelectStep","required":true}],"subComponents":[{"name":"Stepper.Item","totalProps":2,"props":[{"description":"The step number (0-based index) for this item.\nThis is automatically assigned by the parent Stepper component.","type":"number","title":"step","required":true},{"description":"The label text to display for this step","type":"string","title":"label","required":false}]},{"name":"Stepper.Card","totalProps":2,"props":[{"type":"string","title":"className","required":false},{"description":"The content to be rendered inside the card container","type":"React.ReactNode","title":"children","required":true}]}]},"table":{"id":"table","name":"Table","totalProps":5,"packageName":"@nimbus-ds/table","version":"2.4.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/table","props":[{"description":"The content of the table.","type":"React.ReactNode","title":"children","required":true},{"description":"Column sizing definitions applied from left to right. Use `width` for fixed columns and `grow` to distribute the remaining space proportionally.","type":"array","items":{"type":"object","properties":{"id":{"description":"Unique identifier for the column.","type":"string","title":"id"},"width":{"description":"Fixed width applied to the column. Accepts any valid CSS width value in pixels.","type":"string","title":"width"},"grow":{"description":"Growth factor that distributes remaining space among columns without a fixed width.\nMust be a positive number greater than 0.","type":"number","title":"grow"},"minWidth":{"description":"Minimum width constraint for the column. The column will not shrink below this value.\nOnly applies when using `grow`. Accepts any valid CSS width value in pixels.","type":"string","title":"minWidth"},"fixed":{"description":"Determines which side the column will be fixed (sticky) to during horizontal scrolling.\nFixed columns use CSS `position: sticky` and stay visible on the specified side.\nOnly contiguous columns can be fixed (i.e. no 'normal' columns between fixed columns on the same side).\nRequires a defined `width` to calculate proper offsets.\n- 'left': Column sticks to the left side of the table\n- 'right': Column sticks to the right side of the table","enum":["left","right"],"type":"string","title":"fixed"}},"additionalProperties":false,"propertyOrder":["id","width","grow","minWidth","fixed"],"required":["id"]},"title":"columnLayout","required":false},{"description":"Minimum width of the table. When the container is smaller, horizontal scrolling is enabled.\nAccepts any valid CSS width value (e.g., \"600px\", \"50rem\").","type":"string","title":"minWidth","required":false},{"description":"Maximum width of the table. The table will not exceed this width.\nAccepts any valid CSS width value (e.g., \"1200px\", \"80rem\").","type":"string","title":"maxWidth","required":false},{"description":"Shows a sticky scrollbar at the bottom of the viewport when the table overflows horizontally.\nThe scrollbar stays visible while scrolling vertically, making it easier to navigate wide tables.","default":false,"type":"boolean","title":"stickyScrollbar","required":false}],"subComponents":[{"name":"Table.Body","totalProps":1,"props":[{"description":"The content of the table body.","type":"React.ReactNode","title":"children","required":true}]},{"name":"Table.Cell","totalProps":8,"props":[{"description":"The content of the table cell.","type":"React.ReactNode","title":"children","required":true},{"description":"Type of html tag to create for the table cell.","default":"td","enum":["td","th"],"type":"string","title":"as","required":false},{"description":"Column index (0-based) to apply minWidth constraint from the Table's columnLayout.\nWhen provided, the cell will inherit minWidth from the corresponding column definition.","type":"number","title":"column","required":false},{"description":"The width property specifies the width of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"width","required":false},{"description":"The maxWidth property specifies the maxWidth of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The minWidth property specifies the minWidth of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"minWidth","required":false},{"description":"The backgroundColor property sets the background color of the table.","anyOf":[{"type":"object","properties":{"rest":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"rest"},"focus":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"focus"},"active":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"active"},"hover":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"hover"},"xs":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xs"},"md":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"md"},"lg":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"lg"},"xl":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xl"},"xxl":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string"}],"title":"backgroundColor","required":false},{"description":"The padding properties are used to generate space around an table's content area.","anyOf":[{"type":"object","properties":{"rest":{"enum":["base","none","small"],"type":"string","title":"rest"},"focus":{"enum":["base","none","small"],"type":"string","title":"focus"},"active":{"enum":["base","none","small"],"type":"string","title":"active"},"hover":{"enum":["base","none","small"],"type":"string","title":"hover"},"xs":{"enum":["base","none","small"],"type":"string","title":"xs"},"md":{"enum":["base","none","small"],"type":"string","title":"md"},"lg":{"enum":["base","none","small"],"type":"string","title":"lg"},"xl":{"enum":["base","none","small"],"type":"string","title":"xl"},"xxl":{"enum":["base","none","small"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"enum":["base","none","small"],"type":"string"}],"title":"padding","required":false}]},{"name":"Table.Head","totalProps":1,"props":[{"description":"The content of the table head.","type":"React.ReactNode","title":"children","required":true}]},{"name":"Table.Row","totalProps":8,"props":[{"description":"The content of the table row.","type":"React.ReactNode","title":"children","required":true},{"description":"The ID of the table row.","type":"string","title":"id","required":false},{"description":"Function to be passed when clicking on the table row.","type":"() => void;","title":"onClick","required":false},{"description":"The width property specifies the width of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"width","required":false},{"description":"The maxWidth property specifies the maxWidth of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The minWidth property specifies the minWidth of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"minWidth","required":false},{"description":"The backgroundColor property sets the background color of the table.","anyOf":[{"type":"object","properties":{"rest":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"rest"},"focus":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"focus"},"active":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"active"},"hover":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"hover"},"xs":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xs"},"md":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"md"},"lg":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"lg"},"xl":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xl"},"xxl":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string"}],"title":"backgroundColor","required":false},{"description":"The padding properties are used to generate space around an table's content area.","anyOf":[{"type":"object","properties":{"rest":{"enum":["base","none","small"],"type":"string","title":"rest"},"focus":{"enum":["base","none","small"],"type":"string","title":"focus"},"active":{"enum":["base","none","small"],"type":"string","title":"active"},"hover":{"enum":["base","none","small"],"type":"string","title":"hover"},"xs":{"enum":["base","none","small"],"type":"string","title":"xs"},"md":{"enum":["base","none","small"],"type":"string","title":"md"},"lg":{"enum":["base","none","small"],"type":"string","title":"lg"},"xl":{"enum":["base","none","small"],"type":"string","title":"xl"},"xxl":{"enum":["base","none","small"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"enum":["base","none","small"],"type":"string"}],"title":"padding","required":false}]}]},"tabs":{"id":"tabs","name":"Tabs","totalProps":5,"packageName":"@nimbus-ds/tabs","version":"2.5.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/tabs","props":[{"description":"The content of the tabs.","type":"ReactElement<TabsButtonProps>[];","title":"children","required":true},{"description":"Sets the indicated tab as active by default. If unset, defaults to first tab.","type":"number","title":"preSelectedTab","required":false},{"description":"Determines if tabs should span available width.","default":false,"type":"boolean","title":"fullWidth","required":false},{"description":"The currently selected tab index.","type":"number","title":"selected","required":true},{"description":"Callback fired when the selected tab changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onTabSelect","required":true}],"subComponents":[{"name":"Tabs.Item","totalProps":3,"props":[{"description":"Label of the tabpanel. Used to pair with it's corresponding tab control.","type":"string","title":"label","required":true},{"description":"Optional content of the tabpanel.","type":"ReactNode;","title":"labelContent","required":false},{"description":"The content of the tabs item.","type":"ReactNode | ReactNode[];","title":"children","required":true}]},{"name":"Tabs.Button","totalProps":6,"props":[{"description":"Label of the tab button.","type":"string","title":"label","required":true},{"$ref":"#/definitions/React.ReactNode","description":"Content of the tab button.","title":"labelContent","required":false},{"description":"Determines if tab is active.","default":false,"type":"boolean","title":"active","required":false},{"description":"Position of the tab inside the tab list.","type":"number","title":"index","required":true},{"description":"Function executed when clicking the tab.","type":"(index: number) => void;","title":"setActiveTab","required":true},{"description":"Determines if tab spans all available width.","default":false,"type":"boolean","title":"fullWidth","required":false}]}]},"timePicker":{"id":"timePicker","name":"TimePicker","totalProps":16,"packageName":"@nimbus-ds/time-picker","version":"1.0.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/time-picker","props":[{"description":"Display mode for the time picker panel.\n- \"scroll\": Shows a scroll-based wheel picker with separate hour/minute columns.\n- \"dropdown\": Shows a single scrollable list of time options.","default":"scroll","enum":["dropdown","scroll"],"type":"string","title":"mode","required":false},{"description":"Current time value (HH:mm string format or Date object).\nFor 12h format, use \"HH:mm AM/PM\" or just \"HH:mm\" (will default to AM).","anyOf":[{"type":"string","format":"date-time"},{"type":["null","string"]}],"title":"value","required":false},{"description":"Callback fired when the time changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onChange","required":false},{"description":"Time format: 12-hour with AM/PM or 24-hour.","default":"24h","enum":["12h","24h"],"type":"string","title":"format","required":false},{"description":"Step interval in minutes for the time picker.\nFor scroll mode: controls minute increments in the minutes column.\nFor dropdown mode: controls the time options shown in the list.\nCommon values: 1, 15, 30, 60.","default":"1 for scroll picker, 30 for dropdown","type":"number","title":"step","required":false},{"description":"Whether the picker is disabled.","default":false,"type":"boolean","title":"disabled","required":false},{"description":"Placeholder text for the input field.","default":"Select time","type":"string","title":"placeholder","required":false},{"description":"Controls the open state of the picker panel (controlled mode).","type":"boolean","title":"open","required":false},{"description":"Callback fired when the panel open state changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onOpenChange","required":false},{"description":"Accessible label for the time picker input.","type":"string","title":"aria-label","required":false},{"description":"ID of an element that labels the time picker.","type":"string","title":"aria-labelledby","required":false},{"description":"ID of an element that describes the time picker.","type":"string","title":"aria-describedby","required":false},{"description":"Name attribute for the hidden input (for form submission).","type":"string","title":"name","required":false},{"description":"Whether the input is required.","default":false,"type":"boolean","title":"required","required":false},{"description":"ID attribute for the input element.","type":"string","title":"id","required":false},{"description":"Translatable labels for the TimePicker component.\nAll texts can be customized for localization.","type":"object","properties":{"hoursLabel":{"description":"Label for the hours column in 24h format.","default":"Hours","type":"string","title":"hoursLabel"},"hourLabel":{"description":"Label for the hour column in 12h format.","default":"Hour","type":"string","title":"hourLabel"},"minutesLabel":{"description":"Label for the minutes column.","default":"Minutes","type":"string","title":"minutesLabel"},"amPmSelectorLabel":{"description":"Accessible label for the AM/PM selector group.","default":"AM/PM selector","type":"string","title":"amPmSelectorLabel"},"amLabel":{"description":"Display text for the AM option.","default":"AM","type":"string","title":"amLabel"},"pmLabel":{"description":"Display text for the PM option.","default":"PM","type":"string","title":"pmLabel"}},"additionalProperties":false,"propertyOrder":["hoursLabel","hourLabel","minutesLabel","amPmSelectorLabel","amLabel","pmLabel"],"title":"labels","required":false}],"subComponents":[]}}
+{"badge":{"id":"badge","name":"Badge","totalProps":3,"packageName":"@nimbus-ds/badge","version":"3.2.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/badge","props":[{"description":"Change the visual style of the badge.","default":"neutral","enum":["danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Total items to be displayed without badge","type":["string","number"],"title":"count","required":true},{"description":"Change the color scheme of the badge.","default":"surface","enum":["light","surface"],"type":"string","title":"theme","required":false}],"subComponents":[{"name":"Badge.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"box":{"id":"box","name":"Box","totalProps":92,"packageName":"@nimbus-ds/box","version":"4.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/box","props":[{"description":"Element to be rendered inside the Box component.","type":"React.ReactNode","title":"children","required":false},{"description":"The width property specifies the width of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"width","required":false},{"description":"The height property specifies the height of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"height","required":false},{"description":"The max width property specifies the width of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The max height property specifies the height of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"maxHeight","required":false},{"description":"The min width property specifies the width of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"minWidth","required":false},{"description":"The min height property specifies the height of a box's content area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"minHeight","required":false},{"description":"The bottom property participates in setting the vertical position of a positioned box.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"bottom","required":false},{"description":"The left property participates in specifying the horizontal position of a positioned box.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"left","required":false},{"description":"The right property participates in specifying the horizontal position of a positioned box.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"right","required":false},{"description":"The top property participates in setting the vertical position of a positioned box.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"top","required":false},{"description":"This is the shorthand for flexGrow, flexShrink and flexBasis combined.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"flex","required":false},{"description":"This defines the ability for a flex item to shrink if necessary.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"flexShrink","required":false},{"description":"This defines the ability for a flex item to grow if necessary.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"flexGrow","required":false},{"description":"The flexWrap property sets whether flex items are forced onto one line or can wrap onto multiple lines.","anyOf":[{"type":"object","properties":{"focus":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"focus"},"focusVisible":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"focusWithin"},"active":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"active"},"hover":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"hover"},"disabled":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"disabled"},"xs":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"xs"},"md":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"md"},"lg":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"lg"},"xl":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"xl"},"xxl":{"enum":["nowrap","wrap","wrap-reverse"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["nowrap","wrap","wrap-reverse"],"type":"string"}],"title":"flexWrap","required":false},{"description":"The order property controls the order in which they appear in a flex container.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"order","required":false},{"description":"The gridTemplateColumns property defines the line names and track sizing functions of the grid columns.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"gridTemplateColumns","required":false},{"description":"The gridTemplateAreas property specifies named grid areas, establishing the cells in the grid and assigning them names.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"gridTemplateAreas","required":false},{"description":"The gridTemplateRows property defines the line names and track sizing functions of the grid rows.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"gridTemplateRows","required":false},{"description":"The gridArea shorthand property specifies a grid item's size and location within a grid by contributing a line,\na span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"gridArea","required":false},{"description":"The display property sets whether an box is treated as a block or inline element and the layout used for its children,\nsuch as grid or flex.","anyOf":[{"type":"object","properties":{"focus":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"focusWithin"},"active":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"active"},"hover":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"hover"},"disabled":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"disabled"},"xs":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"xs"},"md":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"md"},"lg":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"lg"},"xl":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"xl"},"xxl":{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["block","flex","grid","inline-flex","inline-grid","none"],"type":"string"}],"title":"display","required":false},{"description":"The justifyContent property defines how the browser distributes space between and around content items along\nthe main-axis of a flex container, and the inline axis of a grid container.","anyOf":[{"type":"object","properties":{"focus":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"focus"},"focusVisible":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"focusWithin"},"active":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"active"},"hover":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"hover"},"disabled":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"disabled"},"xs":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"xs"},"md":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"md"},"lg":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"lg"},"xl":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"xl"},"xxl":{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["center","flex-end","flex-start","space-around","space-between","space-evenly"],"type":"string"}],"title":"justifyContent","required":false},{"description":"The flexDirection property sets how flex items are placed in the flex container defining the main axis and the direction.","anyOf":[{"type":"object","properties":{"focus":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"focus"},"focusVisible":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"focusWithin"},"active":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"active"},"hover":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"hover"},"disabled":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"disabled"},"xs":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"xs"},"md":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"md"},"lg":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"lg"},"xl":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"xl"},"xxl":{"enum":["column","column-reverse","row","row-reverse"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["column","column-reverse","row","row-reverse"],"type":"string"}],"title":"flexDirection","required":false},{"description":"The alignItems property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis.\nIn Grid Layout, it controls the alignment of items on the Block Axis within their grid area.","anyOf":[{"type":"object","properties":{"focus":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focus"},"focusVisible":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focusWithin"},"active":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"active"},"hover":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"hover"},"disabled":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"disabled"},"xs":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xs"},"md":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"md"},"lg":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"lg"},"xl":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xl"},"xxl":{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["baseline","center","flex-end","flex-start","stretch"],"type":"string"}],"title":"alignItems","required":false},{"description":"The alignSelf property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area.\nIn Flexbox, it aligns the item on the cross axis.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focus"},"focusVisible":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"active"},"hover":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"hover"},"disabled":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"disabled"},"xs":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xs"},"md":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"md"},"lg":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"lg"},"xl":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xl"},"xxl":{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["auto","baseline","center","flex-end","flex-start","stretch"],"type":"string"}],"title":"alignSelf","required":false},{"description":"The gap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"gap","required":false},{"description":"The gridGap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"gridGap","required":false},{"description":"The pointerEvents property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.","anyOf":[{"type":"object","properties":{"focus":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"focus"},"focusVisible":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"focusWithin"},"active":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"active"},"hover":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"hover"},"disabled":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"disabled"},"xs":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"xs"},"md":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"md"},"lg":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"lg"},"xl":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"xl"},"xxl":{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["all","auto","fill","inherit","none","painted","stroke","visible","visibleFill","visiblePainted","visibleStroke"],"type":"string"}],"title":"pointerEvents","required":false},{"description":"The position property sets how an box is positioned in a document.","anyOf":[{"type":"object","properties":{"focus":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"focus"},"focusVisible":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"focusWithin"},"active":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"active"},"hover":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"hover"},"disabled":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"disabled"},"xs":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"xs"},"md":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"md"},"lg":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"lg"},"xl":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"xl"},"xxl":{"enum":["absolute","fixed","relative","static","sticky"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["absolute","fixed","relative","static","sticky"],"type":"string"}],"title":"position","required":false},{"description":"The overflow shorthand property sets the desired behavior for an box's overflow.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focus"},"focusVisible":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"active"},"hover":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"hover"},"disabled":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"disabled"},"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"},"xxl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflow","required":false},{"description":"The overflow-x property sets what shows when content overflows a block-level box's left and right edges.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focus"},"focusVisible":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"active"},"hover":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"hover"},"disabled":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"disabled"},"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"},"xxl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflowX","required":false},{"description":"The overflow-y property sets what shows when content overflows a block-level box's top and bottom edges.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focus"},"focusVisible":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"active"},"hover":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"hover"},"disabled":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"disabled"},"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"},"xxl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflowY","required":false},{"description":"The cursor property sets the mouse cursor, if any, to show when the mouse pointer is over an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"focus"},"focusVisible":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"active"},"hover":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"hover"},"disabled":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"disabled"},"xs":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"xs"},"md":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"md"},"lg":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"lg"},"xl":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"xl"},"xxl":{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string"}],"title":"cursor","required":false},{"description":"The backgroundColor property sets the background color of the box.","default":"neutral-background","examples":"[\"neutral-interactive\", { xs: \"neutral-surface\", md: \"neutral-interactive\" }]","anyOf":[{"type":"object","properties":{"focus":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focus"},"focusVisible":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focusWithin"},"active":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"active"},"hover":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"hover"},"disabled":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"disabled"},"xs":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xs"},"md":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"md"},"lg":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"lg"},"xl":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xl"},"xxl":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string"}],"title":"backgroundColor","required":false},{"description":"The color property is used to set the color of the box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focus"},"focusVisible":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"focusWithin"},"active":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"active"},"hover":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"hover"},"disabled":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"disabled"},"xs":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xs"},"md":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"md"},"lg":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"lg"},"xl":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xl"},"xxl":{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["ai-generative-surface","ai-generative-surfaceHighlight","currentColor","danger-interactive","danger-surface","danger-surfaceHighlight","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-surfaceHighlight","primary-textLow","success-interactive","success-surface","success-surfaceHighlight","success-textLow","transparent","warning-interactive","warning-surface","warning-surfaceHighlight","warning-textLow"],"type":"string"}],"title":"color","required":false},{"description":"The borderRadius property rounds the corners of an box's outer border edge.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","2","3","4","5","6","base","full","half","none"],"type":"string"}],"title":"borderRadius","required":false},{"description":"The borderWidth property sets the width of an box's border.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"},"xxl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderWidth","required":false},{"description":"The borderTopWidth property defines the width of the border at the top of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"},"xxl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderTopWidth","required":false},{"description":"The borderBottomWidth property defines the width of the border at the bottom of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"},"xxl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderBottomWidth","required":false},{"description":"The borderLeftWidth property defines the width of the border at the left of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"},"xxl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderLeftWidth","required":false},{"description":"The borderRightWidth property defines the width of the border at the right of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"},"xxl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderRightWidth","required":false},{"description":"The borderWidthX shorthand property defines the width of the element's border on the left and right.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"},"xxl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderWidthX","required":false},{"description":"The borderWidthY shorthand property defines the width of the element's border on the top and bottom.","anyOf":[{"type":"object","properties":{"focus":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["1","2","3","4","5","none"],"type":"string","title":"focusWithin"},"active":{"enum":["1","2","3","4","5","none"],"type":"string","title":"active"},"hover":{"enum":["1","2","3","4","5","none"],"type":"string","title":"hover"},"disabled":{"enum":["1","2","3","4","5","none"],"type":"string","title":"disabled"},"xs":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xs"},"md":{"enum":["1","2","3","4","5","none"],"type":"string","title":"md"},"lg":{"enum":["1","2","3","4","5","none"],"type":"string","title":"lg"},"xl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xl"},"xxl":{"enum":["1","2","3","4","5","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["1","2","3","4","5","none"],"type":"string"}],"title":"borderWidthY","required":false},{"description":"The borderColor property sets the color of the box's four borders.","anyOf":[{"type":"object","properties":{"focus":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"focus"},"focusVisible":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"focusWithin"},"active":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"active"},"hover":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"hover"},"disabled":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"disabled"},"xs":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"xs"},"md":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"md"},"lg":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"lg"},"xl":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"xl"},"xxl":{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["ai-generative-interactiveHover","danger-interactive","danger-surface","danger-surfaceHighlight","neutral-interactive","neutral-surface","neutral-surfaceDisabled","neutral-surfaceHighlight","primary-interactive","primary-surface","primary-surfaceHighlight","success-interactive","success-surface","success-surfaceHighlight","transparent","warning-interactive","warning-surface","warning-surfaceHighlight"],"type":"string"}],"title":"borderColor","required":false},{"description":"borderStyle property sets the line style for all four sides of an box's border.","anyOf":[{"type":"object","properties":{"focus":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"focus"},"focusVisible":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"focusWithin"},"active":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"active"},"hover":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"hover"},"disabled":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"disabled"},"xs":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"xs"},"md":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"md"},"lg":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"lg"},"xl":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"xl"},"xxl":{"enum":["dashed","dotted","hidden","none","solid"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["dashed","dotted","hidden","none","solid"],"type":"string"}],"title":"borderStyle","required":false},{"description":"The boxSizing property sets how the total width and height of an box is calculated.","default":"border-box","anyOf":[{"type":"object","properties":{"focus":{"enum":["border-box","content-box"],"type":"string","title":"focus"},"focusVisible":{"enum":["border-box","content-box"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["border-box","content-box"],"type":"string","title":"focusWithin"},"active":{"enum":["border-box","content-box"],"type":"string","title":"active"},"hover":{"enum":["border-box","content-box"],"type":"string","title":"hover"},"disabled":{"enum":["border-box","content-box"],"type":"string","title":"disabled"},"xs":{"enum":["border-box","content-box"],"type":"string","title":"xs"},"md":{"enum":["border-box","content-box"],"type":"string","title":"md"},"lg":{"enum":["border-box","content-box"],"type":"string","title":"lg"},"xl":{"enum":["border-box","content-box"],"type":"string","title":"xl"},"xxl":{"enum":["border-box","content-box"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["border-box","content-box"],"type":"string"}],"title":"boxSizing","required":false},{"description":"The boxShadow property adds shadow effects around an box's frame.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"focus"},"focusVisible":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"focusWithin"},"active":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"active"},"hover":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"hover"},"disabled":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"disabled"},"xs":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"xs"},"md":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"md"},"lg":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"lg"},"xl":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"xl"},"xxl":{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0","1","2","3","4","5","aiFocus","focusRing"],"type":"string"}],"title":"boxShadow","required":false},{"description":"The padding properties are used to generate space around an box's content area.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"padding","required":false},{"description":"The paddingTop property sets the height of the padding area on the top of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingTop","required":false},{"description":"The paddingBottom property sets the height of the padding area on the bottom of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingBottom","required":false},{"description":"The paddingLeft property sets the width of the padding area to the left of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingLeft","required":false},{"description":"The paddingLeft property sets the width of the padding area to the right of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingRight","required":false},{"description":"The margin shorthand property sets the margin area on all four sides of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"margin","required":false},{"description":"The marginTop property sets the margin area on the top of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginTop","required":false},{"description":"The marginBottom property sets the margin area on the bottom of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginBottom","required":false},{"description":"The marginLeft property sets the margin area on the left side of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginLeft","required":false},{"description":"The marginRight property sets the margin area on the right side of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginRight","required":false},{"description":"The transitionTimingFunction property sets how intermediate values are calculated for CSS properties being affected by a transition effect.","anyOf":[{"type":"object","properties":{"focus":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"focus"},"focusVisible":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"focusWithin"},"active":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"active"},"hover":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"hover"},"disabled":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"disabled"},"xs":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"xs"},"md":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"md"},"lg":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"lg"},"xl":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"xl"},"xxl":{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["ease","ease-in","ease-in-out","ease-out","linear","step-end","step-start"],"type":"string"}],"title":"transitionTimingFunction","required":false},{"description":"The transitionProperty property sets the CSS properties to which a transition effect should be applied.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"transitionProperty","required":false},{"description":"The transitionDelay property specifies the duration to wait before starting a property's transition effect when its value changes.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"transitionDelay","required":false},{"description":"The transitionDuration property sets the length of time a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.","anyOf":[{"type":"object","properties":{"focus":{"enum":["base","fast","slow","slower"],"type":"string","title":"focus"},"focusVisible":{"enum":["base","fast","slow","slower"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["base","fast","slow","slower"],"type":"string","title":"focusWithin"},"active":{"enum":["base","fast","slow","slower"],"type":"string","title":"active"},"hover":{"enum":["base","fast","slow","slower"],"type":"string","title":"hover"},"disabled":{"enum":["base","fast","slow","slower"],"type":"string","title":"disabled"},"xs":{"enum":["base","fast","slow","slower"],"type":"string","title":"xs"},"md":{"enum":["base","fast","slow","slower"],"type":"string","title":"md"},"lg":{"enum":["base","fast","slow","slower"],"type":"string","title":"lg"},"xl":{"enum":["base","fast","slow","slower"],"type":"string","title":"xl"},"xxl":{"enum":["base","fast","slow","slower"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["base","fast","slow","slower"],"type":"string"}],"title":"transitionDuration","required":false},{"description":"The zIndex property specifies the stack order of the box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"focus"},"focusVisible":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"focusWithin"},"active":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"active"},"hover":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"hover"},"disabled":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"disabled"},"xs":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xs"},"md":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"md"},"lg":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"lg"},"xl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xl"},"xxl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string"}],"title":"zIndex","required":false},{"description":"The background property sets the background of the box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"focus"},"focusVisible":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"focusWithin"},"active":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"active"},"hover":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"hover"},"disabled":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"disabled"},"xs":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"xs"},"md":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"md"},"lg":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"lg"},"xl":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"xl"},"xxl":{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["ai-generative-interactive","ai-generative-interactive-border","transparent"],"type":"string"}],"title":"background","required":false},{"description":"The backgroundImage property sets one or more background images on an element.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"backgroundImage","required":false},{"description":"The backgroundPosition property sets the initial position for each background image.\nThe position is relative to the position layer set by background-origin.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"backgroundPosition","required":false},{"description":"The backgroundBlendMode property sets how an element's background images should blend with each\nother and with the element's background color.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"backgroundBlendMode","required":false},{"description":"The backgroundRepeat property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"backgroundRepeat","required":false},{"description":"The textDecoration shorthand property sets the appearance of decorative lines on text.","anyOf":[{"type":"object","properties":{"focus":{"enum":["line-through","none","underline"],"type":"string","title":"focus"},"focusVisible":{"enum":["line-through","none","underline"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["line-through","none","underline"],"type":"string","title":"focusWithin"},"active":{"enum":["line-through","none","underline"],"type":"string","title":"active"},"hover":{"enum":["line-through","none","underline"],"type":"string","title":"hover"},"disabled":{"enum":["line-through","none","underline"],"type":"string","title":"disabled"},"xs":{"enum":["line-through","none","underline"],"type":"string","title":"xs"},"md":{"enum":["line-through","none","underline"],"type":"string","title":"md"},"lg":{"enum":["line-through","none","underline"],"type":"string","title":"lg"},"xl":{"enum":["line-through","none","underline"],"type":"string","title":"xl"},"xxl":{"enum":["line-through","none","underline"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["line-through","none","underline"],"type":"string"}],"title":"textDecoration","required":false},{"description":"The backgroundSize property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"focusVisible":{"type":"string","title":"focusVisible"},"focusWithin":{"type":"string","title":"focusWithin"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"disabled":{"type":"string","title":"disabled"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"backgroundSize","required":false},{"description":"The p shorthand property sets the margin area on all four sides of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"p","required":false},{"description":"The pl shorthand property sets the width of the padding area to the left of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"pl","required":false},{"description":"The pl shorthand property sets the width of the padding area to the right of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"pr","required":false},{"description":"The pt shorthand property sets the height of the padding area on the top of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"pt","required":false},{"description":"The pb shorthand property sets the height of the padding area on the botton of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"pb","required":false},{"description":"The px shorthand property defines the width of the left and right padding area of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"px","required":false},{"description":"The py pt shorthand property sets the height of the padding area at the top and bottom of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"py","required":false},{"description":"The paddingX shorthand property defines the width of the left and right padding area of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingX","required":false},{"description":"The paddingY pt shorthand property sets the height of the padding area at the top and bottom of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","none"],"type":"string"}],"title":"paddingY","required":false},{"description":"The m shorthand property sets the margin area on all four sides of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"m","required":false},{"description":"The mr property sets the margin area on the right side of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"mr","required":false},{"description":"The ml property sets the margin area on the left side of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"ml","required":false},{"description":"The mt property sets the margin area on the top of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"mt","required":false},{"description":"The marginBottom property sets the margin area on the bottom of an box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"mb","required":false},{"description":"The mx property defines the margin area on the left and right side of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"mx","required":false},{"description":"The my property defines the margin area on the top and bottom of a box","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"my","required":false},{"description":"The marginX property defines the margin area on the left and right side of a box.","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginX","required":false},{"description":"The marginY property defines the margin area on the top and bottom of a box","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","auto","none"],"type":"string"}],"title":"marginY","required":false},{"description":"The fontSize property sets the size of the box.","default":"base","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string"}],"title":"fontSize","required":false},{"description":"The fontWeight property sets how thick or thin characters in box should be displayed.","default":"regular","anyOf":[{"type":"object","properties":{"focus":{"enum":["bold","medium","regular"],"type":"string","title":"focus"},"focusVisible":{"enum":["bold","medium","regular"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["bold","medium","regular"],"type":"string","title":"focusWithin"},"active":{"enum":["bold","medium","regular"],"type":"string","title":"active"},"hover":{"enum":["bold","medium","regular"],"type":"string","title":"hover"},"disabled":{"enum":["bold","medium","regular"],"type":"string","title":"disabled"},"xs":{"enum":["bold","medium","regular"],"type":"string","title":"xs"},"md":{"enum":["bold","medium","regular"],"type":"string","title":"md"},"lg":{"enum":["bold","medium","regular"],"type":"string","title":"lg"},"xl":{"enum":["bold","medium","regular"],"type":"string","title":"xl"},"xxl":{"enum":["bold","medium","regular"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["bold","medium","regular"],"type":"string"}],"title":"fontWeight","required":false},{"description":"The lineHeight property specifies the line height of the box.","default":"base","anyOf":[{"type":"object","properties":{"focus":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focus"},"focusVisible":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"focusWithin"},"active":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"active"},"hover":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"hover"},"disabled":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"disabled"},"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string"}],"title":"lineHeight","required":false},{"description":"The textAlign property specifies the horizontal alignment of box.","default":"left","anyOf":[{"type":"object","properties":{"focus":{"enum":["center","justify","left","right"],"type":"string","title":"focus"},"focusVisible":{"enum":["center","justify","left","right"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["center","justify","left","right"],"type":"string","title":"focusWithin"},"active":{"enum":["center","justify","left","right"],"type":"string","title":"active"},"hover":{"enum":["center","justify","left","right"],"type":"string","title":"hover"},"disabled":{"enum":["center","justify","left","right"],"type":"string","title":"disabled"},"xs":{"enum":["center","justify","left","right"],"type":"string","title":"xs"},"md":{"enum":["center","justify","left","right"],"type":"string","title":"md"},"lg":{"enum":["center","justify","left","right"],"type":"string","title":"lg"},"xl":{"enum":["center","justify","left","right"],"type":"string","title":"xl"},"xxl":{"enum":["center","justify","left","right"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["center","justify","left","right"],"type":"string"}],"title":"textAlign","required":false},{"description":"The scrollbarWidth property specifies the width of the scrollbar.","anyOf":[{"type":"object","properties":{"focus":{"enum":["auto","none","thin"],"type":"string","title":"focus"},"focusVisible":{"enum":["auto","none","thin"],"type":"string","title":"focusVisible"},"focusWithin":{"enum":["auto","none","thin"],"type":"string","title":"focusWithin"},"active":{"enum":["auto","none","thin"],"type":"string","title":"active"},"hover":{"enum":["auto","none","thin"],"type":"string","title":"hover"},"disabled":{"enum":["auto","none","thin"],"type":"string","title":"disabled"},"xs":{"enum":["auto","none","thin"],"type":"string","title":"xs"},"md":{"enum":["auto","none","thin"],"type":"string","title":"md"},"lg":{"enum":["auto","none","thin"],"type":"string","title":"lg"},"xl":{"enum":["auto","none","thin"],"type":"string","title":"xl"},"xxl":{"enum":["auto","none","thin"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","focusVisible","focusWithin","active","hover","disabled","xs","md","lg","xl","xxl"]},{"enum":["auto","none","thin"],"type":"string"}],"title":"scrollbarWidth","required":false}],"subComponents":[]},"button":{"id":"button","name":"Button","totalProps":6,"packageName":"@nimbus-ds/button","version":"2.11.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/button","props":[{"default":"button","description":"The underlying element to render — either a HTML element name or a React component.","anyOf":[{"enum":["button","a"],"type":"string"},{"type":"React.ElementType"}],"title":"as","required":false},{"description":"The content of the button.","type":"React.ReactNode","title":"children","required":true},{"description":"Change the visual style of the button.","default":"neutral","enum":["ai-primary","ai-secondary","danger","neutral","primary","transparent"],"type":"string","title":"appearance","required":false},{"description":"Disables the button, disallowing user interaction.","default":false,"type":"boolean","title":"disabled","required":false},{"description":"Determines if the button should grow to fill the full width of its container.","default":false,"type":"boolean","title":"fullWidth","required":false},{"description":"Change the size of the button.","default":"medium","enum":["large","medium","small"],"type":"string","title":"size","required":false}],"subComponents":[{"name":"Button.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"checkbox":{"id":"checkbox","name":"Checkbox","totalProps":7,"packageName":"@nimbus-ds/checkbox","version":"2.5.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/checkbox","props":[{"description":"The name of the input element.","type":"string","title":"name","required":true},{"description":"Change the visual style of the checkbox.","default":"neutral","enum":["danger","primary"],"type":"string","title":"appearance","required":false},{"description":"Modifies true/false value of the native checkbox.","type":"boolean","title":"checked","required":false},{"description":"Modifies the native disabled state of the native checkbox.","type":"boolean","title":"disabled","required":false},{"description":"If true, the component appears indeterminate. This does not set the native input element to indeterminate due to inconsistent behavior across browsers. However, we set a data-indeterminate attribute on the input.","default":false,"type":"boolean","title":"indeterminate","required":false},{"description":"Text to be rendered inside the component.","type":"string","title":"label","required":false},{"description":"Highlights the checkbox to indicate its value was generated by AI.\nApplies AI gradient border that persists regardless of checked state.","default":false,"type":"boolean","title":"aiGenerated","required":false}],"subComponents":[{"name":"Checkbox.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"chip":{"id":"chip","name":"Chip","totalProps":4,"packageName":"@nimbus-ds/chip","version":"2.6.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/chip","props":[{"description":"Text to be displayed on chip.","type":"string","title":"text","required":true},{"description":"SVG icon to be displayed on chip.","type":"React.ReactNode","title":"icon","required":false},{"description":"Informs whether the close icon should be displayed.","type":"boolean","title":"removable","required":false},{"description":"Highlights the chip to indicate its value was generated by AI.\nApplies AI gradient border and an AI outline.","type":"boolean","title":"aiGenerated","required":false}],"subComponents":[{"name":"Chip.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"divider":{"id":"divider","name":"Divider","totalProps":3,"packageName":"@nimbus-ds/divider","version":"1.0.1","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/divider","props":[{"description":"Defines the orientation of the divider.","default":"horizontal","enum":["horizontal","vertical"],"type":"string","title":"orientation","required":false},{"description":"Visual appearance color.","default":"neutral","enum":["neutral"],"type":"string","title":"appearance","required":false},{"description":"Thickness level based on shape.border.width tokens.","default":1,"enum":[1,2,3],"type":"number","title":"thickness","required":false}],"subComponents":[]},"fileUploader":{"id":"fileUploader","name":"FileUploader","totalProps":14,"packageName":"@nimbus-ds/file-uploader","version":"2.9.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/file-uploader","props":[{"description":"Provide additional context to the action.","type":"string","title":"placeholder","required":false},{"description":"Accept file types","default":"image/jpeg,image/gif,image/png","type":"string","title":"accept","required":false},{"description":"Height value of the file uploader. Defaults to 100%.","default":"100%","type":"string","title":"height","required":false},{"description":"Width value of the file uploader. Defaults to 100%.","default":"100%","type":"string","title":"width","required":false},{"description":"Permitted aspect ratios for the size of the file uploader.","default":"1/1","enum":["1/1","1/2","16/9","2/1","3/4","4/3","9/16","none"],"type":"string","title":"aspectRatio","required":false},{"description":"Defines the position of the placeholder in relation to the icon.","default":"column","enum":["column","row"],"type":"string","title":"flexDirection","required":false},{"description":"Callback fired when files are dropped (before validation)","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onDrop","required":false},{"description":"Callback fired when all dropped files are rejected due to file type validation","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onDropReject","required":false},{"description":"Callback fired when files are successfully accepted and processed","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onDropSuccess","required":false},{"description":"Callback fired when an error occurs during file drop processing","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onError","required":false},{"$ref":"#/definitions/React.ReactNode","description":"Content to render inside the file uploader container","title":"children","required":false},{"$ref":"#/definitions/React.ReactNode","description":"Custom overlay element to render when dragging files over the uploader.\nWhen defined, this overlay will be displayed instead of children during drag operations.","title":"dragOverlay","required":false},{"description":"When true, the file uploader will not be clickable and files can only be uploaded by dragging and dropping. Useful for invisible upload areas used along FileUploader.Overlay.","default":false,"type":"boolean","title":"disableClickUpload","required":false},{"description":"When true, the file uploader will be rendered as an overlay. Useful for invisible upload areas used along FileUploader.Overlay.","default":false,"type":"boolean","title":"asOverlay","required":false}],"subComponents":[{"name":"FileUploader.Skeleton","totalProps":5,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"Permitted aspect ratios for the size of the file uploader.","default":"1/1","enum":["1/1","1/2","16/9","2/1","3/4","4/3","9/16","none"],"type":"string","title":"aspectRatio","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]},{"name":"FileUploader.Overlay","totalProps":8,"props":[{"description":"Title text displayed in the overlay","type":"string","title":"title","required":false},{"description":"Subtitle text displayed below the title","type":"string","title":"subtitle","required":false},{"description":"Source URL for the image displayed in the overlay","type":"string","title":"imageSrc","required":false},{"description":"Alt text for the image","type":"string","title":"imageAlt","required":false},{"description":"Border color of the overlay","default":"primary-interactive","enum":["ai-generativeInteractiveHover","primary-interactive","transparent"],"type":"string","title":"borderColor","required":false},{"description":"Background color of the overlay","default":"primary-surface","enum":["neutral-background","primary-surface","transparent"],"type":"string","title":"backgroundColor","required":false},{"description":"Border radius of the overlay","default":2,"enum":["0-5","1","2","3","4","5","6","base","full","half"],"type":"string","title":"borderRadius","required":false},{"$ref":"#/definitions/React.ReactNode","description":"Content to render inside the overlay","title":"children","required":false}]}]},"icon":{"id":"icon","name":"Icon","totalProps":3,"packageName":"@nimbus-ds/icon","version":"3.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/icon","props":[{"description":"The SVG contents to display in the Icon.","type":"React.ReactNode","title":"source","required":true},{"description":"Set the color for the SVG fill.\nUse \"ai-generative\" to apply the Nimbus AI generative gradient.","default":"neutral-textLow","enum":["ai-generative","ai-gradientPurpleHigh","currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-interactivePressed","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"color","required":false},{"description":"The cursor property specifies the mouse cursor to be displayed when pointing over an element.","default":"inherit","enum":["auto","grab","inherit","not-allowed","pointer"],"type":"string","title":"cursor","required":false}],"subComponents":[{"name":"Icon.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"iconButton":{"id":"iconButton","name":"IconButton","totalProps":7,"packageName":"@nimbus-ds/icon-button","version":"4.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/icon-button","props":[{"description":"Type of html tag to create for the Icon Button component.","default":"button","enum":["button","div"],"type":"string","title":"as","required":false},{"description":"The SVG contents to display in the Icon button.","type":"React.ReactNode","title":"source","required":true},{"description":"Set the color for the inner Icon fill.","default":"neutral-textHigh","enum":["ai-generative","ai-gradientPurpleHigh","currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-interactivePressed","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"color","required":false},{"description":"AI gradient background appearance for the button container.\nWhen provided, container color/border sprinkles are ignored in favor of gradient styles.","enum":["ai-generative"],"type":"string","title":"appearance","required":false},{"description":"The size of the component.","default":"2.75rem","anyOf":[{"type":"object","properties":{"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","active","hover","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"size","required":false},{"description":"The borderColor property sets the color of the icon button's four borders.","default":"{ xs: \"neutral-interactive\", active: \"neutral-interactivePressed\", hover: \"neutral-interactiveHover\", focus: \"primary-interactive\" }","anyOf":[{"type":"object","properties":{"focus":{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"focus"},"active":{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"active"},"hover":{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"hover"},"xs":{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"xs"},"md":{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"md"},"lg":{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"lg"},"xl":{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"xl"},"xxl":{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","active","hover","xs","md","lg","xl","xxl"]},{"enum":["ai-generativeSurface","neutral-interactive","neutral-interactiveHover","neutral-interactivePressed","neutral-surface","neutral-surfaceHighlight","primary-interactive","transparent"],"type":"string"}],"title":"borderColor","required":false},{"description":"The backgroundColor property sets the background color of the icon button.","default":"{  xs: \"neutral-surface\", active: \"neutral-interactive\", hover: \"neutral-surfaceHighlight\" }","anyOf":[{"type":"object","properties":{"focus":{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"focus"},"active":{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"active"},"hover":{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"hover"},"xs":{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"xs"},"md":{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"md"},"lg":{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"lg"},"xl":{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"xl"},"xxl":{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["focus","active","hover","xs","md","lg","xl","xxl"]},{"enum":["ai-generativeSurface","neutral-interactive","neutral-surface","neutral-surfaceHighlight","transparent"],"type":"string"}],"title":"backgroundColor","required":false}],"subComponents":[{"name":"IconButton.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"input":{"id":"input","name":"Input","totalProps":6,"packageName":"@nimbus-ds/input","version":"2.7.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/input","props":[{"description":"Change the visual style of the input.","default":"neutral","enum":["ai-generative","danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Highlights the field to indicate its value was generated by AI.\nApplies AI gradient border, white background and an AI focus ring.","type":"boolean","title":"aiGenerated","required":false},{"description":"Disables the input, disallowing user interaction.","type":"boolean","title":"disabled","required":false},{"description":"Sent icon display position","default":"start","enum":["end","start"],"type":"string","title":"appendPosition","required":false},{"description":"SVG icon to be displayed on input.","type":"React.ReactNode","title":"append","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}],"subComponents":[{"name":"Input.Password","totalProps":3,"props":[{"description":"Change the visual style of the input.","default":"neutral","enum":["ai-generative","danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Disables the input, disallowing user interaction.","type":"boolean","title":"disabled","required":false},{"description":"Highlights the field to indicate its value was generated by AI.\nApplies AI gradient border, white background and an AI focus ring.","type":"boolean","title":"aiGenerated","required":false}]},{"name":"Input.Search","totalProps":3,"props":[{"description":"Change the visual style of the input.","default":"neutral","enum":["ai-generative","danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Disables the input, disallowing user interaction.","type":"boolean","title":"disabled","required":false},{"description":"Highlights the field to indicate its value was generated by AI.\nApplies AI gradient border, white background and an AI focus ring.","type":"boolean","title":"aiGenerated","required":false}]},{"name":"Input.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"label":{"id":"label","name":"Label","totalProps":3,"packageName":"@nimbus-ds/label","version":"2.3.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/label","props":[{"description":"The content of the label.","type":"React.ReactNode","title":"children","required":true},{"description":"The for attribute specifies which form element a label is bound to.","type":"string","title":"htmlFor","required":false},{"description":"If true the label will be visually hidden but maintain accessibility purpose","default":false,"type":"boolean","title":"hidden","required":false}],"subComponents":[{"name":"Label.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"link":{"id":"link","name":"Link","totalProps":6,"packageName":"@nimbus-ds/link","version":"4.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/link","props":[{"default":"a","description":"The underlying element to render — either a HTML element name or a React component.","anyOf":[{"enum":["a","button"],"type":"string"},{"type":"React.ElementType"}],"title":"as","required":false},{"description":"The content of the link.","type":"React.ReactNode","title":"children","required":true},{"description":"Change the visual style of the link.","default":"neutral","enum":["danger","neutral","neutral-background","primary"],"type":"string","title":"appearance","required":false},{"description":"The textDecoration property specifies the decoration added to link.","default":"neutral","enum":["line-through","none","underline"],"type":"string","title":"textDecoration","required":false},{"description":"The fontSize property sets the size of the link.","default":"base","enum":["base","caption","highlight"],"type":"string","title":"fontSize","required":false},{"description":"The lineHeight property specifies the line height of the link","default":"base","enum":["base","caption","highlight"],"type":"string","title":"lineHeight","required":false}],"subComponents":[{"name":"Link.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"list":{"id":"list","name":"List","totalProps":3,"packageName":"@nimbus-ds/list","version":"2.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/list","props":[{"description":"The content of the list.","type":"React.ReactNode","title":"children","required":true},{"description":"Determines the type of html list that will be rendered","default":"ul","enum":["ol","ul"],"type":"string","title":"as","required":false},{"description":"The padding of the list.","default":6,"enum":["0-5","1","2","3","4","5","6","7","8"],"type":"string","title":"padding","required":false}],"subComponents":[{"name":"List.Item","totalProps":1,"props":[{"description":"The content of the list item.","type":"React.ReactNode","title":"children","required":true}]},{"name":"List.Skeleton","totalProps":2,"props":[{"description":"The content of the list skeleton.","type":"React.ReactNode","title":"children","required":true},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]},{"name":"List.SkeletonItem","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"multiSelect":{"id":"multiSelect","name":"MultiSelect","totalProps":7,"packageName":"@nimbus-ds/multi-select","version":"1.2.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/multi-select","props":[{"description":"The name of the wrapper element or the select element when native.","type":"string","title":"name","required":true},{"description":"The id of the wrapper element or the select element when native.","type":"string","title":"id","required":true},{"description":"Change the visual style of the select.","default":"neutral","enum":["danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Options of the MultiSelect","type":"array","items":{"type":"object","properties":{"label":{"description":"Label for the option.","type":"string","title":"label"},"value":{"description":"Value of the option","type":"string","title":"value"}},"additionalProperties":false,"propertyOrder":["label","value"],"required":["label","value"]},"title":"options","required":true},{"description":"Options of the MultiSelect","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onChange","required":false},{"description":"Deafult of the MultiSelect","type":"array","items":{"type":"object","properties":{"label":{"description":"Label for the option.","type":"string","title":"label"},"value":{"description":"Value of the option","type":"string","title":"value"}},"additionalProperties":false,"propertyOrder":["label","value"],"required":["label","value"]},"title":"value","required":false},{"description":"ZIndex of the MultiSelect","enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"zIndex","required":false}],"subComponents":[{"name":"MultiSelect.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"popover":{"id":"popover","name":"Popover","totalProps":20,"packageName":"@nimbus-ds/popover","version":"4.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/popover","props":[{"description":"An HTML element, or a function that returns one. It's used to set the position of the popover.","type":"React.ReactNode | ((data: { open: boolean, setVisibility: (visibility: boolean) => void }) => React.ReactNode);","title":"children","required":true},{"description":"The content of the popover.","type":"React.ReactNode","title":"content","required":true},{"description":"If true, the component is shown.","type":"boolean","title":"visible","required":false},{"description":"Function to control popover opening and closing.","type":"(visible: boolean) => void;","title":"onVisibility","required":false},{"description":"Conditional for displaying the popover arrow.","default":true,"type":"boolean","title":"arrow","required":false},{"description":"A common feature of select dropdowns is that the dropdown matches the width of the reference regardless of its contents.","default":false,"type":"boolean","title":"matchReferenceWidth","required":false},{"description":"Position of the popover.","default":"bottom","enum":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"type":"string","title":"position","required":false},{"description":"Adds hover event listeners that change the open state, like CSS :hover.","default":false,"type":"boolean","title":"enabledHover","required":false},{"description":"Adds click event listeners that change the open state.","default":true,"type":"boolean","title":"enabledClick","required":false},{"description":"Adds listeners that dismiss (close) the floating element.","default":true,"type":"boolean","title":"enabledDismiss","required":false},{"description":"Offest displaces the floating element from its core placement along the specified axes.","default":10,"type":"number","title":"offset","required":false},{"description":"When enabled, renders an invisible overlay that prevents accidental clicks on elements behind the popover.","default":false,"type":"boolean","title":"renderOverlay","required":false},{"description":"The width property specifies the width of a popover's content area.","default":"fit-content","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"width","required":false},{"description":"The maxWidth property specifies the maximum width of a popover's content area.","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The height property specifies the height of a popover's content area.","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"height","required":false},{"description":"The zIndex property specifies the stack order of the popover.","anyOf":[{"type":"object","properties":{"xs":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xs"},"md":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"md"},"lg":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"lg"},"xl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xl"},"xxl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string"}],"title":"zIndex","required":false},{"description":"The backgroundColor property sets the background color of the popover.","default":"neutral-background","examples":"[\"neutral-interactive\", { xs: \"neutral-surface\", md: \"neutral-interactive\" }]","anyOf":[{"type":"object","properties":{"xs":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xs"},"md":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"md"},"lg":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"lg"},"xl":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xl"},"xxl":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string"}],"title":"backgroundColor","required":false},{"description":"The color property is used to set the color of the popover.","default":"neutral-background","anyOf":[{"type":"object","properties":{"xs":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xs"},"md":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"md"},"lg":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"lg"},"xl":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xl"},"xxl":{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["danger-surfaceHighlight","neutral-background","neutral-surfaceHighlight","primary-interactiveHover","primary-surfaceHighlight","success-surfaceHighlight","warning-surfaceHighlight"],"type":"string"}],"title":"color","required":false},{"description":"The padding properties are used to generate space around an popover's content area.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["base","none","small"],"type":"string","title":"xs"},"md":{"enum":["base","none","small"],"type":"string","title":"md"},"lg":{"enum":["base","none","small"],"type":"string","title":"lg"},"xl":{"enum":["base","none","small"],"type":"string","title":"xl"},"xxl":{"enum":["base","none","small"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["base","none","small"],"type":"string"}],"title":"padding","required":false},{"description":"The overflow shorthand property sets the desired behavior for an popover's content overflow.","anyOf":[{"type":"object","properties":{"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"},"xxl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflow","required":false}],"subComponents":[]},"progressBar":{"id":"progressBar","name":"ProgressBar","totalProps":2,"packageName":"@nimbus-ds/progress-bar","version":"1.1.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/progress-bar","props":[{"description":"Progress value from 0 to 100","type":"number","title":"value","required":true},{"description":"Change the visual style of the progress bar.","default":"neutral","enum":["ai-generative","danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false}],"subComponents":[{"name":"ProgressBar.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"radio":{"id":"radio","name":"Radio","totalProps":5,"packageName":"@nimbus-ds/radio","version":"2.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/radio","props":[{"description":"Name attribute of the input element.","type":"string","title":"name","required":true},{"description":"Change the visual style of the radio.","default":"radio","enum":["button","radio"],"type":"string","title":"as","required":false},{"description":"Modifies true/false value of the native radio.","type":"boolean","title":"checked","required":false},{"description":"Modifies the native disabled state of the native radio.","type":"boolean","title":"disabled","required":false},{"description":"Text to be rendered inside the component.","type":"string","title":"label","required":false}],"subComponents":[{"name":"Radio.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Change the visual style of the radio.","default":"radio","enum":["button","radio"],"type":"string","title":"as","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"select":{"id":"select","name":"Select","totalProps":5,"packageName":"@nimbus-ds/select","version":"2.7.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/select","props":[{"description":"The name of the wrapper element or the select element when native.","type":"string","title":"name","required":true},{"description":"The id of the wrapper element or the select element when native.","type":"string","title":"id","required":true},{"description":"The content of the select.","type":"React.ReactNode","title":"children","required":true},{"description":"Change the visual style of the select.","default":"neutral","enum":["ai-generative","danger","neutral","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Shows ai-generative appearance with active ai focus shadow.\nWhen true, this styling takes precedence over `appearance`.","default":false,"type":"boolean","title":"aiGenerated","required":false}],"subComponents":[{"name":"Select.Group","totalProps":2,"props":[{"description":"Label for the option group.","type":"string","title":"label","required":true},{"description":"The content of the option group.","type":"React.ReactNode","title":"children","required":true}]},{"name":"Select.Option","totalProps":2,"props":[{"description":"Label for the option.","type":"string","title":"label","required":true},{"description":"Value of the option","type":"string","title":"value","required":true}]},{"name":"Select.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"skeleton":{"id":"skeleton","name":"Skeleton","totalProps":4,"packageName":"@nimbus-ds/skeleton","version":"3.1.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/skeleton","props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":true},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":true},{"description":"The border radius of the skeleton.","type":"string","title":"borderRadius","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}],"subComponents":[]},"slider":{"id":"slider","name":"Slider","totalProps":10,"packageName":"@nimbus-ds/slider","version":"1.1.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/slider","props":[{"description":"The current value of the slider (single mode).","type":"number","title":"value","required":true},{"description":"Callback fired when the value changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onChange","required":false},{"description":"Callback fired when the user finishes interacting with the slider.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onChangeEnd","required":false},{"description":"Accessible label for the slider thumb.","default":"Value","type":"string","title":"ariaLabel","required":false},{"description":"The minimum value of the slider range.","default":0,"type":"number","title":"min","required":false},{"description":"The maximum value of the slider range.","default":100,"type":"number","title":"max","required":false},{"description":"The step increment between values.","default":1,"type":"number","title":"step","required":false},{"description":"Visual appearance of the slider fill.","default":"primary","enum":["danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Whether the slider is disabled.","default":false,"type":"boolean","title":"disabled","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}],"subComponents":[{"name":"Slider.Range","totalProps":14,"props":[{"description":"The current minimum value selected on the slider.","type":"number","title":"minValue","required":true},{"description":"The current maximum value selected on the slider.","type":"number","title":"maxValue","required":true},{"description":"Callback fired when the min or max value changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onChange","required":false},{"description":"Callback fired when the min value changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onMinChange","required":false},{"description":"Callback fired when the max value changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onMaxChange","required":false},{"description":"Callback fired when the user finishes interacting with the slider.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onChangeEnd","required":false},{"description":"Accessible label for the minimum value thumb.","default":"Minimum value","type":"string","title":"minAriaLabel","required":false},{"description":"Accessible label for the maximum value thumb.","default":"Maximum value","type":"string","title":"maxAriaLabel","required":false},{"description":"The minimum value of the slider range.","default":0,"type":"number","title":"min","required":false},{"description":"The maximum value of the slider range.","default":100,"type":"number","title":"max","required":false},{"description":"The step increment between values.","default":1,"type":"number","title":"step","required":false},{"description":"Visual appearance of the slider fill.","default":"primary","enum":["danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false},{"description":"Whether the slider is disabled.","default":false,"type":"boolean","title":"disabled","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"spinner":{"id":"spinner","name":"Spinner","totalProps":2,"packageName":"@nimbus-ds/spinner","version":"3.2.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/spinner","props":[{"description":"Sets the width and height of the spinner.","default":"large","anyOf":[{"enum":["large","medium","small"],"type":"string"},{"type":"number"}],"title":"size","required":false},{"description":"Set the color for the spinner SVG fill.","default":"primary-interactive","enum":["currentColor","danger-interactive","danger-surface","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textLow","primary-interactive","primary-surface","primary-textLow","success-interactive","success-surface","success-textLow"],"type":"string","title":"color","required":false}],"subComponents":[]},"tag":{"id":"tag","name":"Tag","totalProps":2,"packageName":"@nimbus-ds/tag","version":"2.5.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/tag","props":[{"description":"The content of the tag.","type":"React.ReactNode","title":"children","required":true},{"description":"Change the visual style of the tag.","default":"neutral","enum":["ai-generative","danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false}],"subComponents":[{"name":"Tag.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"text":{"id":"text","name":"Text","totalProps":13,"packageName":"@nimbus-ds/text","version":"6.7.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/text","props":[{"description":"The content of the link.","type":"React.ReactNode","title":"children","required":true},{"description":"Type of html tag to create for the Text component.","default":"p","enum":["p","span"],"type":"string","title":"as","required":false},{"description":"The fontSize property sets the size of the text.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["base","caption","highlight"],"type":"string","title":"xs"},"md":{"enum":["base","caption","highlight"],"type":"string","title":"md"},"lg":{"enum":["base","caption","highlight"],"type":"string","title":"lg"},"xl":{"enum":["base","caption","highlight"],"type":"string","title":"xl"},"xxl":{"enum":["base","caption","highlight"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["base","caption","highlight"],"type":"string"}],"title":"fontSize","required":false},{"description":"The fontWeight property sets how thick or thin characters in text should be displayed.","default":"regular","anyOf":[{"type":"object","properties":{"xs":{"enum":["bold","medium","regular"],"type":"string","title":"xs"},"md":{"enum":["bold","medium","regular"],"type":"string","title":"md"},"lg":{"enum":["bold","medium","regular"],"type":"string","title":"lg"},"xl":{"enum":["bold","medium","regular"],"type":"string","title":"xl"},"xxl":{"enum":["bold","medium","regular"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["bold","medium","regular"],"type":"string"}],"title":"fontWeight","required":false},{"description":"The color property is used to set the color of the text.\nNote: Gradients like 'ai-generative' changes other properties like 'width' and 'display', which could make the component behave differently. Ensure to visually test the component when dynamically changing the color.","default":"neutral-textLow","anyOf":[{"type":"object","properties":{"xs":{"enum":["ai-generative","currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-interactivePressed","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"xs"},"md":{"enum":["ai-generative","currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-interactivePressed","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"md"},"lg":{"enum":["ai-generative","currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-interactivePressed","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"lg"},"xl":{"enum":["ai-generative","currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-interactivePressed","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"xl"},"xxl":{"enum":["ai-generative","currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-interactivePressed","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["ai-generative","currentColor","danger-interactive","danger-surface","danger-textHigh","danger-textLow","neutral-background","neutral-interactive","neutral-surface","neutral-textDisabled","neutral-textHigh","neutral-textLow","primary-interactive","primary-surface","primary-textHigh","primary-textLow","success-interactive","success-interactivePressed","success-surface","success-textHigh","success-textLow","warning-interactive","warning-surface","warning-textHigh","warning-textLow"],"type":"string"}],"title":"color","required":false},{"description":"The lineHeight property specifies the line height of the text.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["base","caption","highlight"],"type":"string","title":"xs"},"md":{"enum":["base","caption","highlight"],"type":"string","title":"md"},"lg":{"enum":["base","caption","highlight"],"type":"string","title":"lg"},"xl":{"enum":["base","caption","highlight"],"type":"string","title":"xl"},"xxl":{"enum":["base","caption","highlight"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["base","caption","highlight"],"type":"string"}],"title":"lineHeight","required":false},{"description":"The textAlign property specifies the horizontal alignment of text.","default":"left","anyOf":[{"type":"object","properties":{"xs":{"enum":["center","justify","left","right"],"type":"string","title":"xs"},"md":{"enum":["center","justify","left","right"],"type":"string","title":"md"},"lg":{"enum":["center","justify","left","right"],"type":"string","title":"lg"},"xl":{"enum":["center","justify","left","right"],"type":"string","title":"xl"},"xxl":{"enum":["center","justify","left","right"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["center","justify","left","right"],"type":"string"}],"title":"textAlign","required":false},{"description":"The textOverflow property specifies how overflowed content that is not displayed should be signaled to the user (e.g., 'ellipsis' for '...', 'clip' for hard cutoff).\nNote: This property only works when overflow is set to 'hidden'.","anyOf":[{"type":"object","properties":{"xs":{"enum":["clip","ellipsis"],"type":"string","title":"xs"},"md":{"enum":["clip","ellipsis"],"type":"string","title":"md"},"lg":{"enum":["clip","ellipsis"],"type":"string","title":"lg"},"xl":{"enum":["clip","ellipsis"],"type":"string","title":"xl"},"xxl":{"enum":["clip","ellipsis"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["clip","ellipsis"],"type":"string"}],"title":"textOverflow","required":false},{"description":"The whiteSpace property sets how white space inside an element is handled.","anyOf":[{"type":"object","properties":{"xs":{"enum":["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"],"type":"string","title":"xs"},"md":{"enum":["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"],"type":"string","title":"md"},"lg":{"enum":["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"],"type":"string","title":"lg"},"xl":{"enum":["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"],"type":"string","title":"xl"},"xxl":{"enum":["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"],"type":"string"}],"title":"whiteSpace","required":false},{"description":"The wordBreak property sets whether line breaks appear wherever the text would otherwise overflow its content box.","anyOf":[{"type":"object","properties":{"xs":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"xs"},"md":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"md"},"lg":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"lg"},"xl":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"xl"},"xxl":{"enum":["break-all","break-word","keep-all","normal"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["break-all","break-word","keep-all","normal"],"type":"string"}],"title":"wordBreak","required":false},{"description":"The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.","anyOf":[{"type":"object","properties":{"xs":{"type":"number","title":"xs"},"md":{"type":"number","title":"md"},"lg":{"type":"number","title":"lg"},"xl":{"type":"number","title":"xl"},"xxl":{"type":"number","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"type":"number"}],"title":"lineClamp","required":false},{"description":"The overflow property specifies what happens if content overflows an element's box.","anyOf":[{"type":"object","properties":{"xs":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xs"},"md":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"md"},"lg":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"lg"},"xl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xl"},"xxl":{"enum":["auto","hidden","scroll","visible"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["auto","hidden","scroll","visible"],"type":"string"}],"title":"overflow","required":false},{"description":"The textDecoration shorthand property sets the appearance of decorative lines on text.","anyOf":[{"type":"object","properties":{"xs":{"enum":["line-through","none","underline"],"type":"string","title":"xs"},"md":{"enum":["line-through","none","underline"],"type":"string","title":"md"},"lg":{"enum":["line-through","none","underline"],"type":"string","title":"lg"},"xl":{"enum":["line-through","none","underline"],"type":"string","title":"xl"},"xxl":{"enum":["line-through","none","underline"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["line-through","none","underline"],"type":"string"}],"title":"textDecoration","required":false}],"subComponents":[{"name":"Text.Skeleton","totalProps":5,"props":[{"enum":["base","caption","highlight"],"type":"string","title":"fontSize","required":false},{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"textarea":{"id":"textarea","name":"Textarea","totalProps":8,"packageName":"@nimbus-ds/textarea","version":"2.7.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/textarea","props":[{"description":"Change the visual style of the textarea.","default":"neutral","enum":["ai-generative","danger","neutral","success","transparent","warning"],"type":"string","title":"appearance","required":false},{"description":"Highlights the field to indicate its value was generated by AI.\nApplies AI gradient border, white background and an AI focus ring.","type":"boolean","title":"aiGenerated","required":false},{"description":"Number of lines to be rendered for the user to input text","default":2,"type":"number","title":"lines","required":false},{"description":"Controls intrinsic sizing behavior of the field. When true, the textarea will grow with content up to the maxLines limit (if provided) and then scroll.","default":false,"type":"boolean","title":"autoGrow","required":false},{"description":"Caps the textarea visual height to the given number of lines.\nWhen used together with autoGrow=true, the textarea will grow\nwith content up to this limit and then scroll.","type":"number","title":"maxLines","required":false},{"description":"Sets the minimum height of the textarea to the given number of lines.\nThe textarea will never shrink below this height, even when empty.","type":"number","title":"minLines","required":false},{"description":"ID of the textarea","type":"string","title":"id","required":true},{"description":"Enable/disable textarea resize functionality","default":true,"type":"boolean","title":"resize","required":false}],"subComponents":[{"name":"Textarea.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"thumbnail":{"id":"thumbnail","name":"Thumbnail","totalProps":4,"packageName":"@nimbus-ds/thumbnail","version":"2.4.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/thumbnail","props":[{"description":"The required alt attribute specifies an alternate text for an image, if the image cannot be displayed.","type":"string","title":"alt","required":true},{"description":"The content of the thumbnail.","type":"React.ReactNode","title":"children","required":false},{"description":"Permitted aspect ratios for the size of the thumbnail image.","default":"1/1","enum":["1/1","1/2","16/9","2/1","3/4","4/3","9/16"],"type":"string","title":"aspectRatio","required":false},{"description":"Width value of the thumbnail image. Defaults to 100%.","default":"100%","type":"string","title":"width","required":false}],"subComponents":[{"name":"Thumbnail.Skeleton","totalProps":4,"props":[{"description":"Permitted aspect ratios for the size of the thumbnail image.","default":"1/1","enum":["1/1","1/2","16/9","2/1","3/4","4/3","9/16"],"type":"string","title":"aspectRatio","required":false},{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"title":{"id":"title","name":"Title","totalProps":7,"packageName":"@nimbus-ds/title","version":"3.2.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/title","props":[{"description":"The content of the title.","type":"React.ReactNode","title":"children","required":true},{"description":"Type of html tag to create for the title.","default":"h1","enum":["h1","h2","h3","h4","h5","h6"],"type":"string","title":"as","required":false},{"description":"The fontSize property sets the size of the title.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string"}],"title":"fontSize","required":false},{"description":"The fontWeight property sets how thick or thin characters in title should be displayed.","default":"regular","anyOf":[{"type":"object","properties":{"xs":{"enum":["bold","medium","regular"],"type":"string","title":"xs"},"md":{"enum":["bold","medium","regular"],"type":"string","title":"md"},"lg":{"enum":["bold","medium","regular"],"type":"string","title":"lg"},"xl":{"enum":["bold","medium","regular"],"type":"string","title":"xl"},"xxl":{"enum":["bold","medium","regular"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["bold","medium","regular"],"type":"string"}],"title":"fontWeight","required":false},{"description":"The lineHeight property specifies the line height of the title.","default":"base","anyOf":[{"type":"object","properties":{"xs":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xs"},"md":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"md"},"lg":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"lg"},"xl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xl"},"xxl":{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["0-5","1","1-5","10","11","12","14","16","18","2","2-5","20","3","3-5","4","4-5","5","6","7","8","9","h1","h2","h3","h4","h5","h6"],"type":"string"}],"title":"lineHeight","required":false},{"description":"The textAlign property specifies the horizontal alignment of title.","default":"left","anyOf":[{"type":"object","properties":{"xs":{"enum":["center","justify","left","right"],"type":"string","title":"xs"},"md":{"enum":["center","justify","left","right"],"type":"string","title":"md"},"lg":{"enum":["center","justify","left","right"],"type":"string","title":"lg"},"xl":{"enum":["center","justify","left","right"],"type":"string","title":"xl"},"xxl":{"enum":["center","justify","left","right"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["center","justify","left","right"],"type":"string"}],"title":"textAlign","required":false},{"description":"The color property is used to set the color of the title.","default":"neutral-textLow","anyOf":[{"type":"object","properties":{"xs":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"xs"},"md":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"md"},"lg":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"lg"},"xl":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"xl"},"xxl":{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["danger-textHigh","danger-textLow","neutral-background","neutral-textHigh","neutral-textLow","primary-textHigh","primary-textLow","success-textHigh","success-textLow","warning-textHigh","warning-textLow"],"type":"string"}],"title":"color","required":false}],"subComponents":[{"name":"Title.Skeleton","totalProps":5,"props":[{"description":"Type of html tag to create for the title.","default":"h1","enum":["h1","h2","h3","h4","h5","h6"],"type":"string","title":"as","required":false},{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"toast":{"id":"toast","name":"Toast","totalProps":6,"packageName":"@nimbus-ds/toast","version":"2.6.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/toast","props":[{"description":"Unique toast ID used when hiding or removing a toast.","type":"string","title":"id","required":true},{"description":"The text that should appear in the toast message.","type":"string","title":"text","required":true},{"description":"Change the visual style of the toast.","default":"primary","enum":["danger","primary","progress","success"],"type":"string","title":"type","required":false},{"description":"The time in milliseconds that the toast message should persist.","default":4000,"enum":[16000,4000,8000],"type":"number","title":"duration","required":false},{"description":"Tells you whether or not Toast should close automatically.","default":true,"type":"boolean","title":"autoClose","required":false},{"description":"Tells the toast position when we are using multiple toasts.","default":0,"type":"number","title":"position","required":false}],"subComponents":[{"name":"Toast.Provider","totalProps":2,"props":[{"type":"React.ReactNode","title":"children","required":true},{"description":"Controls the vertical offset of the toast container from the bottom.\nUse \"high\" for mobile apps with bottom navigation bars.","default":"default","enum":["default","high"],"type":"string","title":"offset","required":false}]}]},"toggle":{"id":"toggle","name":"Toggle","totalProps":3,"packageName":"@nimbus-ds/toggle","version":"2.3.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/toggle","props":[{"description":"The name of the input element.","type":"string","title":"name","required":true},{"description":"Sets toggle state to activated or deactivated.","type":"boolean","title":"active","required":false},{"description":"Text to be rendered inside the component","type":"string","title":"label","required":false}],"subComponents":[{"name":"Toggle.Skeleton","totalProps":3,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"tooltip":{"id":"tooltip","name":"Tooltip","totalProps":5,"packageName":"@nimbus-ds/tooltip","version":"2.7.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/atomic-components/tooltip","props":[{"description":"An HTML element, or a function that returns one. It's used to set the position of the tooltip.","type":"React.ReactNode","title":"children","required":true},{"description":"The text that should appear in the tooltip message.","type":"string","title":"content","required":true},{"description":"Conditional for displaying the popover arrow.","default":false,"type":"boolean","title":"arrow","required":false},{"description":"Position of the popover.","default":"bottom","enum":["bottom","left","right","top"],"type":"string","title":"position","required":false},{"description":"The maxWidth property specifies the maximum width of a popover's content area.","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"maxWidth","required":false}],"subComponents":[]},"accordion":{"id":"accordion","name":"Accordion","totalProps":4,"packageName":"@nimbus-ds/accordion","version":"1.8.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/accordion","props":[{"description":"The content of the accordion.","type":"React.ReactNode","title":"children","required":false},{"description":"Informs which accordion item is open by default, this value must be the same as informed in the index of each item","type":"string","title":"selectedDefault","required":false},{"description":"The currently selected accordion item ID.","type":"string","title":"selectedItem","required":true},{"description":"Callback fired when the selected accordion item changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onItemSelect","required":false}],"subComponents":[{"name":"Accordion.Body","totalProps":4,"props":[{"description":"The content of the accordion body.","type":"React.ReactNode","title":"children","required":true},{"description":"The borderBottom property defines a lower border of the accordion body.","default":"none","enum":["base","none"],"type":"string","title":"borderBottom","required":false},{"description":"The borderTop property defines a top border of the accordion body.","default":"none","enum":["base","none"],"type":"string","title":"borderTop","required":false},{"description":"Padding properties are used to generate space around the content area of an Accordion.Body..","default":"base","enum":["base","none"],"type":"string","title":"padding","required":false}]},{"name":"Accordion.Item","totalProps":4,"props":[{"description":"The content of the accordion body.","type":"React.ReactNode","title":"children","required":true},{"description":"Unique indicator to identify accordion items","type":"string","title":"index","required":true},{"description":"Determines if the accordion item is interactive (clickable) or static.\nWhen false, the header renders as a div without click handlers, hover effects, or toggle icon.","default":true,"type":"boolean","title":"interactive","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"testId","required":false}]},{"name":"Accordion.Header","totalProps":7,"props":[{"description":"The content of the accordion header.","type":"React.ReactNode | ((data: { selected: string; index: string }) => React.ReactNode);","title":"children","required":false},{"description":"The title to display in the accordion header.","type":"string","title":"title","required":false},{"description":"The subtitle to display in the accordion header.","type":"string","title":"subtitle","required":false},{"description":"The SVG contents to display in the accordion header.","type":"React.ReactNode","title":"icon","required":false},{"description":"Removes the arrow icon that shows if the accordion item is open or not which makes it possible to create a custom indicator.","default":false,"type":"boolean","title":"noIconToggle","required":false},{"description":"The borderTop property defines a lower border of the accordion header.","default":"base","enum":["base","none"],"type":"string","title":"borderTop","required":false},{"description":"The borderBottom property defines a lower border of the accordion header.","enum":["base","none"],"type":"string","title":"borderBottom","required":false}]}]},"alert":{"id":"alert","name":"Alert","totalProps":5,"packageName":"@nimbus-ds/alert","version":"2.5.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/alert","props":[{"description":"The content for the title of the alert.","type":"string","title":"title","required":false},{"description":"Change the visual style of the alert.","default":"neutral","enum":["danger","neutral","primary","success","warning"],"type":"string","title":"appearance","required":false},{"description":"The content of the alert.","type":"React.ReactNode","title":"children","required":true},{"description":"Function to be passed on actioning the dismiss button.","type":"() => void;","title":"onRemove","required":false},{"description":"Determines if the alert is shown or not.","default":true,"type":"boolean","title":"show","required":false}],"subComponents":[{"name":"Alert.Skeleton","totalProps":4,"props":[{"description":"Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.","type":"string","title":"width","required":false},{"type":"string","title":"className","required":false},{"description":"Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.","type":"string","title":"height","required":false},{"description":"This is an attribute used to identify a DOM node for testing purposes.","type":"string","title":"data-testid","required":false}]}]},"card":{"id":"card","name":"Card","totalProps":3,"packageName":"@nimbus-ds/card","version":"3.2.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/card","props":[{"description":"The content of the card.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an card's content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false},{"description":"The backgroundColor property sets the background color of the card.","default":"neutral-background","enum":["danger-surface","danger-surfaceHighlight","neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","success-surface","success-surfaceHighlight","warning-surface","warning-surfaceHighlight"],"type":"string","title":"backgroundColor","required":false}],"subComponents":[{"name":"Card.Body","totalProps":2,"props":[{"description":"The content of the card body.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an card's body content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Card.Footer","totalProps":2,"props":[{"description":"The content of the card footer.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an card's footer content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Card.Header","totalProps":3,"props":[{"description":"The content of the card header.","type":"React.ReactNode","title":"children","required":false},{"description":"The title to display in the card header.","type":"string","title":"title","required":false},{"description":"The padding properties are used to generate space around an card's header content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]}]},"collapsible":{"id":"collapsible","name":"Collapsible","totalProps":2,"packageName":"@nimbus-ds/collapsible","version":"1.2.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/collapsible","props":[{"$ref":"#/definitions/React.ReactNode","description":"Represents all of the things React can render.\n\nWhere {@link ReactElement} only represents JSX, `ReactNode` represents everything that can be rendered.","title":"children","required":false},{"type":"boolean","title":"open","required":false}],"subComponents":[]},"modal":{"id":"modal","name":"Modal","totalProps":8,"packageName":"@nimbus-ds/modal","version":"1.9.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/modal","props":[{"description":"The content of the modal.","type":"React.ReactNode","title":"children","required":true},{"description":"Whether the modal is open or not.","type":"boolean","title":"open","required":true},{"description":"Callback fired when the component requests to be closed.","type":"(open: boolean) => void;","title":"onDismiss","required":false},{"description":"Id to be embedded in the portal element","type":"string","title":"portalId","required":false},{"description":"Controls whether clicking/pressing outside should close the modal.\n- boolean: enable/disable dismissal on outside press\n- function: receive the DOM event and return true to allow closing, false to ignore\n\nDefaults to true.","anyOf":[{"type":"object","additionalProperties":false,"propertyOrder":[]},{"type":"boolean"}],"title":"closeOnOutsidePress","required":false},{"description":"The attribute name to ignore when checking for outside clicks. Useful to\nmark regions (e.g., a chat) that should not close the modal when clicked.","default":"data-nimbus-outside-press-ignore","type":"string","title":"ignoreAttributeName","required":false},{"description":"The padding properties are used to generate space around an modal's content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false},{"description":"The maxWidth property specifies the maxWidth of a modal's content area. The width of the modal will be defined by the width of the content in this prop.","default":"{ xs: \"100%\", md: \"500px\" }","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"maxWidth","required":false}],"subComponents":[{"name":"Modal.Body","totalProps":2,"props":[{"description":"The content of the modal body.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an modal's body content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Modal.Footer","totalProps":2,"props":[{"description":"The content of the modal footer.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an modal's footer content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Modal.Header","totalProps":4,"props":[{"description":"The content of the modal header.","type":"React.ReactNode","title":"children","required":false},{"description":"The title to display in the modal header.","type":"string","title":"title","required":false},{"description":"The tag to display next to the title.","type":"React.ReactNode","title":"tag","required":false},{"description":"The padding properties are used to generate space around an modal's header content area.","default":"none","enum":["base","none","small"],"type":"string","title":"padding","required":false}]}]},"pagination":{"id":"pagination","name":"Pagination","totalProps":5,"packageName":"@nimbus-ds/pagination","version":"2.5.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/pagination","props":[{"description":"The currently selected page.","type":"number","title":"activePage","required":true},{"description":"The total number of pages.","type":"number","title":"pageCount","required":true},{"description":"Called with event and page number when a page is clicked.","type":"(page: number) => void;","title":"onPageChange","required":true},{"description":"Determines whether page numbers should be shown.","default":true,"type":"boolean","title":"showNumbers","required":false},{"description":"Custom render function for pagination items.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"renderItem","required":false}],"subComponents":[]},"scrollPane":{"id":"scrollPane","name":"ScrollPane","totalProps":11,"packageName":"@nimbus-ds/scroll-pane","version":"1.2.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/scroll-pane","props":[{"$ref":"#/definitions/React.ReactNode","description":"The content to be rendered inside the scroll pane","title":"children","required":false},{"description":"Whether to show gradient overlays when content overflows","default":true,"type":"boolean","title":"showGradients","required":false},{"description":"Whether to show navigation arrows for scrolling","default":false,"type":"boolean","title":"showArrows","required":false},{"description":"Whether to show the scrollbar","default":true,"type":"boolean","title":"showScrollbar","required":false},{"description":"The direction of the scroll (horizontal or vertical)","default":"horizontal","enum":["horizontal","vertical"],"type":"string","title":"direction","required":false},{"description":"Whether items should scroll into view when clicked","default":true,"type":"boolean","title":"scrollToItemOnClick","required":false},{"description":"Defines the scroll behavior when clicking on items\n- 'hidden-items': Only scrolls to items that are not fully visible (default)\n- 'always': Always scrolls to items, centering them in the viewport","default":"hidden-items","enum":["always","hidden-items"],"type":"string","title":"scrollBehavior","required":false},{"description":"Enable grab-to-scroll functionality (click and drag to scroll)\nWhen enabled, prevents item dragging inside the ScrollPane","default":false,"type":"boolean","title":"enableGrabScroll","required":false},{"$ref":"#/definitions/React.ReactNode","description":"Custom arrow component to render at the start of the scroll area","title":"scrollPaneArrowStart","required":false},{"$ref":"#/definitions/React.ReactNode","description":"Custom arrow component to render at the end of the scroll area","title":"scrollPaneArrowEnd","required":false},{"description":"Props to be passed to the content container","type":"object","properties":{},"additionalProperties":true,"title":"contentContainerProps","required":false}],"subComponents":[{"name":"ScrollPane.Item","totalProps":3,"props":[{"$ref":"#/definitions/React.ReactNode","description":"The content to be rendered inside the scroll pane item","title":"children","required":false},{"description":"Custom class name for styling","type":"string","title":"className","required":false},{"description":"Callback fired when the item is clicked","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onClick","required":false}]},{"name":"ScrollPane.ArrowHorizontalStart","totalProps":1,"props":[{"$ref":"#/definitions/React.ReactNode","description":"Represents all of the things React can render.\n\nWhere {@link ReactElement} only represents JSX, `ReactNode` represents everything that can be rendered.","title":"children","required":false}]},{"name":"ScrollPane.ArrowHorizontalEnd","totalProps":1,"props":[{"$ref":"#/definitions/React.ReactNode","description":"Represents all of the things React can render.\n\nWhere {@link ReactElement} only represents JSX, `ReactNode` represents everything that can be rendered.","title":"children","required":false}]},{"name":"ScrollPane.ArrowVerticalStart","totalProps":1,"props":[{"$ref":"#/definitions/React.ReactNode","description":"Represents all of the things React can render.\n\nWhere {@link ReactElement} only represents JSX, `ReactNode` represents everything that can be rendered.","title":"children","required":false}]},{"name":"ScrollPane.ArrowVerticalEnd","totalProps":1,"props":[{"$ref":"#/definitions/React.ReactNode","description":"Represents all of the things React can render.\n\nWhere {@link ReactElement} only represents JSX, `ReactNode` represents everything that can be rendered.","title":"children","required":false}]}]},"segmentedControl":{"id":"segmentedControl","name":"SegmentedControl","totalProps":4,"packageName":"@nimbus-ds/segmented-control","version":"2.1.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/segmented-control","props":[{"$ref":"#/definitions/React.ReactNode","description":"The content of the segmented control.\nShould contain SegmentedControlButton components with unique id props.","title":"children","required":false},{"description":"Determines if segments span all available width.","default":false,"type":"boolean","title":"fullWidth","required":false},{"description":"The currently selected segment IDs.\nAllows for single or multiple selection.","type":"array","items":{"type":"string"},"title":"selectedSegments","required":true},{"description":"Callback fired when the selected segments change.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onSegmentsSelect","required":false}],"subComponents":[{"name":"SegmentedControl.Button","totalProps":4,"props":[{"description":"Unique identifier for the segment button.\nRequired for proper state management and accessibility.","type":"string","title":"id","required":true},{"description":"Label of the segment used for accessibility.","type":"string","title":"label","required":false},{"description":"Determines if segment spans all available width.","default":false,"type":"boolean","title":"fullWidth","required":false},{"$ref":"#/definitions/React.ReactNode","description":"Represents all of the things React can render.\n\nWhere {@link ReactElement} only represents JSX, `ReactNode` represents everything that can be rendered.","title":"children","required":false}]},{"name":"SegmentedControl.ButtonSkeleton","totalProps":0,"props":[]}]},"sidebar":{"id":"sidebar","name":"Sidebar","totalProps":10,"packageName":"@nimbus-ds/sidebar","version":"3.6.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/sidebar","props":[{"description":"Side from which the sidebar will appear.","default":"right","enum":["left","right"],"type":"string","title":"position","required":false},{"description":"The padding properties are used to generate space around an sidebar's content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false},{"description":"The content of the sidebar.","type":"React.ReactNode","title":"children","required":true},{"description":"Callback fired when the component requests to be closed.\n() => void;","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onRemove","required":false},{"description":"Determines if the sidebar is shown or not.","default":true,"type":"boolean","title":"open","required":false},{"description":"Determines if RemoveScroll wraps sidebar's children component.","default":true,"type":"boolean","title":"needRemoveScroll","required":false},{"description":"Controls whether clicking/pressing outside should close the sidebar.\n- boolean: enable/disable dismissal on outside press\n- function: receive the DOM event and return true to allow closing, false to ignore\n\nDefaults to true for backward compatibility.","anyOf":[{"type":"object","additionalProperties":false,"propertyOrder":[]},{"type":"boolean"}],"title":"closeOnOutsidePress","required":false},{"description":"The attribute name to ignore when checking for outside clicks.","default":"data-nimbus-outside-press-ignore","type":"string","title":"ignoreAttributeName","required":false},{"description":"The maxWidth property specifies the maxWidth of a sidebar's content area.","default":"375px","anyOf":[{"type":"object","properties":{"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The zIndex property specifies the stack order of the sidebar.","anyOf":[{"type":"object","properties":{"xs":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xs"},"md":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"md"},"lg":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"lg"},"xl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xl"},"xxl":{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["xs","md","lg","xl","xxl"]},{"enum":["100","200","300","400","500","600","700","800","900"],"type":"string"}],"title":"zIndex","required":false}],"subComponents":[{"name":"Sidebar.Body","totalProps":2,"props":[{"description":"The content of the sidebar body.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an sidebar's body content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Sidebar.Footer","totalProps":2,"props":[{"description":"The content of the sidebar footer.","type":"React.ReactNode","title":"children","required":true},{"description":"The padding properties are used to generate space around an sidebar's footer content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false}]},{"name":"Sidebar.Header","totalProps":3,"props":[{"description":"The content of the sidebar header.","type":"React.ReactNode","title":"children","required":false},{"description":"The title to display in the sidebar header.","type":"string","title":"title","required":false},{"description":"The padding properties are used to generate space around an sidebar's header content area.","default":"base","enum":["base","none","small"],"type":"string","title":"padding","required":false}]}]},"splitButton":{"id":"splitButton","name":"SplitButton","totalProps":5,"packageName":"@nimbus-ds/split-button","version":"1.1.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/split-button","props":[{"description":"The subcomponents (Primary and Secondary).","type":"React.ReactNode","title":"children","required":true},{"description":"Disables the entire split button.","default":false,"type":"boolean","title":"disabled","required":false},{"description":"Controls the visibility of the popover.","type":"boolean","title":"open","required":false},{"description":"Callback function to control popover opening and closing.","type":"(open: boolean) => void;","title":"onOpenChange","required":false},{"description":"Position of the popover relative to the button.","default":"bottom-end","enum":["bottom","bottom-end","bottom-start","left","left-end","left-start","right","right-end","right-start","top","top-end","top-start"],"type":"string","title":"popoverPosition","required":false}],"subComponents":[]},"stepper":{"id":"stepper","name":"Stepper","totalProps":4,"packageName":"@nimbus-ds/stepper","version":"1.1.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/stepper","props":[{"description":"The currently active step (0-based index).\nSteps before this will be marked as completed.","type":"number","title":"activeStep","required":true},{"description":"The content of the stepper (StepperItem components).\nTotal steps will be calculated automatically based on the number of children.","type":"React.ReactNode","title":"children","required":true},{"description":"The currently selected step (0-based index).\nThis step will be visually highlighted to show user selection.","type":"number","title":"selectedStep","required":true},{"description":"Callback called when a step is selected.\nReceives the step number (0-based index) as parameter.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onSelectStep","required":true}],"subComponents":[{"name":"Stepper.Item","totalProps":2,"props":[{"description":"The step number (0-based index) for this item.\nThis is automatically assigned by the parent Stepper component.","type":"number","title":"step","required":true},{"description":"The label text to display for this step","type":"string","title":"label","required":false}]},{"name":"Stepper.Card","totalProps":2,"props":[{"type":"string","title":"className","required":false},{"description":"The content to be rendered inside the card container","type":"React.ReactNode","title":"children","required":true}]}]},"table":{"id":"table","name":"Table","totalProps":5,"packageName":"@nimbus-ds/table","version":"2.5.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/table","props":[{"description":"The content of the table.","type":"React.ReactNode","title":"children","required":true},{"description":"Column sizing definitions applied from left to right. Use `width` for fixed columns and `grow` to distribute the remaining space proportionally.","type":"array","items":{"type":"object","properties":{"id":{"description":"Unique identifier for the column.","type":"string","title":"id"},"width":{"description":"Fixed width applied to the column. Accepts any valid CSS width value in pixels.","type":"string","title":"width"},"grow":{"description":"Growth factor that distributes remaining space among columns without a fixed width.\nMust be a positive number greater than 0.","type":"number","title":"grow"},"minWidth":{"description":"Minimum width constraint for the column. The column will not shrink below this value.\nOnly applies when using `grow`. Accepts any valid CSS width value in pixels.","type":"string","title":"minWidth"},"fixed":{"description":"Determines which side the column will be fixed (sticky) to during horizontal scrolling.\nFixed columns use CSS `position: sticky` and stay visible on the specified side.\nOnly contiguous columns can be fixed (i.e. no 'normal' columns between fixed columns on the same side).\nRequires a defined `width` to calculate proper offsets.\n- 'left': Column sticks to the left side of the table\n- 'right': Column sticks to the right side of the table","enum":["left","right"],"type":"string","title":"fixed"}},"additionalProperties":false,"propertyOrder":["id","width","grow","minWidth","fixed"],"required":["id"]},"title":"columnLayout","required":false},{"description":"Minimum width of the table. When the container is smaller, horizontal scrolling is enabled.\nAccepts any valid CSS width value (e.g., \"600px\", \"50rem\").","type":"string","title":"minWidth","required":false},{"description":"Maximum width of the table. The table will not exceed this width.\nAccepts any valid CSS width value (e.g., \"1200px\", \"80rem\").","type":"string","title":"maxWidth","required":false},{"description":"Shows a sticky scrollbar at the bottom of the viewport when the table overflows horizontally.\nThe scrollbar stays visible while scrolling vertically, making it easier to navigate wide tables.","default":false,"type":"boolean","title":"stickyScrollbar","required":false}],"subComponents":[{"name":"Table.Body","totalProps":1,"props":[{"description":"The content of the table body.","type":"React.ReactNode","title":"children","required":true}]},{"name":"Table.Cell","totalProps":8,"props":[{"description":"The content of the table cell.","type":"React.ReactNode","title":"children","required":true},{"description":"Type of html tag to create for the table cell.","default":"td","enum":["td","th"],"type":"string","title":"as","required":false},{"description":"Column index (0-based) to apply minWidth constraint from the Table's columnLayout.\nWhen provided, the cell will inherit minWidth from the corresponding column definition.","type":"number","title":"column","required":false},{"description":"The width property specifies the width of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"width","required":false},{"description":"The maxWidth property specifies the maxWidth of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The minWidth property specifies the minWidth of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"minWidth","required":false},{"description":"The backgroundColor property sets the background color of the table.","anyOf":[{"type":"object","properties":{"rest":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"rest"},"focus":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"focus"},"active":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"active"},"hover":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"hover"},"xs":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xs"},"md":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"md"},"lg":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"lg"},"xl":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xl"},"xxl":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string"}],"title":"backgroundColor","required":false},{"description":"The padding properties are used to generate space around an table's content area.","anyOf":[{"type":"object","properties":{"rest":{"enum":["base","none","small"],"type":"string","title":"rest"},"focus":{"enum":["base","none","small"],"type":"string","title":"focus"},"active":{"enum":["base","none","small"],"type":"string","title":"active"},"hover":{"enum":["base","none","small"],"type":"string","title":"hover"},"xs":{"enum":["base","none","small"],"type":"string","title":"xs"},"md":{"enum":["base","none","small"],"type":"string","title":"md"},"lg":{"enum":["base","none","small"],"type":"string","title":"lg"},"xl":{"enum":["base","none","small"],"type":"string","title":"xl"},"xxl":{"enum":["base","none","small"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"enum":["base","none","small"],"type":"string"}],"title":"padding","required":false}]},{"name":"Table.Head","totalProps":1,"props":[{"description":"The content of the table head.","type":"React.ReactNode","title":"children","required":true}]},{"name":"Table.Row","totalProps":8,"props":[{"description":"The content of the table row.","type":"React.ReactNode","title":"children","required":true},{"description":"The ID of the table row.","type":"string","title":"id","required":false},{"description":"Function to be passed when clicking on the table row.","type":"() => void;","title":"onClick","required":false},{"description":"The width property specifies the width of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"width","required":false},{"description":"The maxWidth property specifies the maxWidth of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"maxWidth","required":false},{"description":"The minWidth property specifies the minWidth of a table's content area.","anyOf":[{"type":"object","properties":{"rest":{"type":"string","title":"rest"},"focus":{"type":"string","title":"focus"},"active":{"type":"string","title":"active"},"hover":{"type":"string","title":"hover"},"xs":{"type":"string","title":"xs"},"md":{"type":"string","title":"md"},"lg":{"type":"string","title":"lg"},"xl":{"type":"string","title":"xl"},"xxl":{"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"type":"string"}],"title":"minWidth","required":false},{"description":"The backgroundColor property sets the background color of the table.","anyOf":[{"type":"object","properties":{"rest":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"rest"},"focus":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"focus"},"active":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"active"},"hover":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"hover"},"xs":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xs"},"md":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"md"},"lg":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"lg"},"xl":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xl"},"xxl":{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"enum":["neutral-background","neutral-surface","neutral-surfaceHighlight","primary-surface","primary-surfaceHighlight","transparent"],"type":"string"}],"title":"backgroundColor","required":false},{"description":"The padding properties are used to generate space around an table's content area.","anyOf":[{"type":"object","properties":{"rest":{"enum":["base","none","small"],"type":"string","title":"rest"},"focus":{"enum":["base","none","small"],"type":"string","title":"focus"},"active":{"enum":["base","none","small"],"type":"string","title":"active"},"hover":{"enum":["base","none","small"],"type":"string","title":"hover"},"xs":{"enum":["base","none","small"],"type":"string","title":"xs"},"md":{"enum":["base","none","small"],"type":"string","title":"md"},"lg":{"enum":["base","none","small"],"type":"string","title":"lg"},"xl":{"enum":["base","none","small"],"type":"string","title":"xl"},"xxl":{"enum":["base","none","small"],"type":"string","title":"xxl"}},"additionalProperties":false,"propertyOrder":["rest","focus","active","hover","xs","md","lg","xl","xxl"]},{"enum":["base","none","small"],"type":"string"}],"title":"padding","required":false}]}]},"tabs":{"id":"tabs","name":"Tabs","totalProps":5,"packageName":"@nimbus-ds/tabs","version":"2.6.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/tabs","props":[{"description":"The content of the tabs.","type":"ReactElement<TabsButtonProps>[];","title":"children","required":true},{"description":"Sets the indicated tab as active by default. If unset, defaults to first tab.","type":"number","title":"preSelectedTab","required":false},{"description":"Determines if tabs should span available width.","default":false,"type":"boolean","title":"fullWidth","required":false},{"description":"The currently selected tab index.","type":"number","title":"selected","required":true},{"description":"Callback fired when the selected tab changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onTabSelect","required":true}],"subComponents":[{"name":"Tabs.Item","totalProps":3,"props":[{"description":"Label of the tabpanel. Used to pair with it's corresponding tab control.","type":"string","title":"label","required":true},{"description":"Optional content of the tabpanel.","type":"ReactNode;","title":"labelContent","required":false},{"description":"The content of the tabs item.","type":"ReactNode | ReactNode[];","title":"children","required":true}]},{"name":"Tabs.Button","totalProps":6,"props":[{"description":"Label of the tab button.","type":"string","title":"label","required":true},{"$ref":"#/definitions/React.ReactNode","description":"Content of the tab button.","title":"labelContent","required":false},{"description":"Determines if tab is active.","default":false,"type":"boolean","title":"active","required":false},{"description":"Position of the tab inside the tab list.","type":"number","title":"index","required":true},{"description":"Function executed when clicking the tab.","type":"(index: number) => void;","title":"setActiveTab","required":true},{"description":"Determines if tab spans all available width.","default":false,"type":"boolean","title":"fullWidth","required":false}]}]},"timePicker":{"id":"timePicker","name":"TimePicker","totalProps":16,"packageName":"@nimbus-ds/time-picker","version":"1.0.0","docLink":"https://nimbus.nuvemshop.com.br/documentation/composite-components/time-picker","props":[{"description":"Display mode for the time picker panel.\n- \"scroll\": Shows a scroll-based wheel picker with separate hour/minute columns.\n- \"dropdown\": Shows a single scrollable list of time options.","default":"scroll","enum":["dropdown","scroll"],"type":"string","title":"mode","required":false},{"description":"Current time value (HH:mm string format or Date object).\nFor 12h format, use \"HH:mm AM/PM\" or just \"HH:mm\" (will default to AM).","anyOf":[{"type":"string","format":"date-time"},{"type":["null","string"]}],"title":"value","required":false},{"description":"Callback fired when the time changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onChange","required":false},{"description":"Time format: 12-hour with AM/PM or 24-hour.","default":"24h","enum":["12h","24h"],"type":"string","title":"format","required":false},{"description":"Step interval in minutes for the time picker.\nFor scroll mode: controls minute increments in the minutes column.\nFor dropdown mode: controls the time options shown in the list.\nCommon values: 1, 15, 30, 60.","default":"1 for scroll picker, 30 for dropdown","type":"number","title":"step","required":false},{"description":"Whether the picker is disabled.","default":false,"type":"boolean","title":"disabled","required":false},{"description":"Placeholder text for the input field.","default":"Select time","type":"string","title":"placeholder","required":false},{"description":"Controls the open state of the picker panel (controlled mode).","type":"boolean","title":"open","required":false},{"description":"Callback fired when the panel open state changes.","type":"object","additionalProperties":false,"propertyOrder":[],"title":"onOpenChange","required":false},{"description":"Accessible label for the time picker input.","type":"string","title":"aria-label","required":false},{"description":"ID of an element that labels the time picker.","type":"string","title":"aria-labelledby","required":false},{"description":"ID of an element that describes the time picker.","type":"string","title":"aria-describedby","required":false},{"description":"Name attribute for the hidden input (for form submission).","type":"string","title":"name","required":false},{"description":"Whether the input is required.","default":false,"type":"boolean","title":"required","required":false},{"description":"ID attribute for the input element.","type":"string","title":"id","required":false},{"description":"Translatable labels for the TimePicker component.\nAll texts can be customized for localization.","type":"object","properties":{"hoursLabel":{"description":"Label for the hours column in 24h format.","default":"Hours","type":"string","title":"hoursLabel"},"hourLabel":{"description":"Label for the hour column in 12h format.","default":"Hour","type":"string","title":"hourLabel"},"minutesLabel":{"description":"Label for the minutes column.","default":"Minutes","type":"string","title":"minutesLabel"},"amPmSelectorLabel":{"description":"Accessible label for the AM/PM selector group.","default":"AM/PM selector","type":"string","title":"amPmSelectorLabel"},"amLabel":{"description":"Display text for the AM option.","default":"AM","type":"string","title":"amLabel"},"pmLabel":{"description":"Display text for the PM option.","default":"PM","type":"string","title":"pmLabel"}},"additionalProperties":false,"propertyOrder":["hoursLabel","hourLabel","minutesLabel","amPmSelectorLabel","amLabel","pmLabel"],"title":"labels","required":false}],"subComponents":[]}}